26-default-background-color-set-to-100c2a

warioddly · warioddly · commit 2e8c89368a3d · 2025-03-04T19:07:00.000+06:00
diff --git a/example/web/index.html b/example/web/index.html
@@ -34,26 +34,14 @@
 
   <script>
     // The value below is injected by flutter build, do not touch.
-    const serviceWorkerVersion = null;
+    var serviceWorkerVersion = '{{flutter_service_worker_version}}';
   </script>
   <!-- This script adds the flutter initialization JS code -->
   <script src="flutter.js" defer></script>
 </head>
 <body>
   <script>
-    window.addEventListener('load', function(ev) {
-      // Download main.dart.js
-      _flutter.loader.loadEntrypoint({
-        serviceWorker: {
-          serviceWorkerVersion: serviceWorkerVersion,
-        },
-        onEntrypointLoaded: function(engineInitializer) {
-          engineInitializer.initializeEngine().then(function(appRunner) {
-            appRunner.runApp();
-          });
-        }
-      });
-    });
+    {{flutter_bootstrap_js}}
   </script>
 </body>
 </html>
diff --git a/lib/src/resources/dependencies.js.dart b/lib/src/resources/dependencies.js.dart
@@ -41,4 +41,3 @@ const String chartScripts = """
     
 """;
 
-const htmlDependencies = "<script>$dependencies</script>";
diff --git a/lib/src/resources/index.html.dart b/lib/src/resources/index.html.dart
@@ -1,42 +1,35 @@
 // ignore_for_file: leading_newlines_in_multiline_strings
 
-import 'package:graphify/src/resources/dependencies.js.dart';
 import 'package:graphify/src/utils/js_methods.dart';
 
-String indexHtml({
-  required String id,
-  bool enableDependency = true,
-  String? backgroundColor,
-}) {
+String indexHtml({ required String id, String? dependencies}) {
   return '''<!DOCTYPE html>
     <html>
     <head>
       <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
       <style>
         html, body {
-          ${backgroundColor != null ? "background-color: $backgroundColor;" : ""}
+          background-color: transparent;
           height: -webkit-fill-available;
           box-sizing: content-box;
           margin: 0;
           overflow: hidden;
+          width: 100%;
+          height: 100%;
         }
-        #chart {
-          height: -webkit-fill-available;
-        }
+        #chart { height: -webkit-fill-available; }
       </style>
     </head>
     <body>
       <div id="chart"></div>
-      ${enableDependency ? htmlDependencies : ""}
+      ${dependencies ?? ''}
       <script>
           const dom = document.getElementById('chart');
           const context = (window.parent && window.parent.window) || window || {};
           const chart = context.echarts.init(dom, 'dark', { renderer: 'canvas', useDirtyRect: false });
-          
           context.${JsMethods.initChart}('$id', chart, {});
           context.${JsMethods.updateChart}('$id', {});
-          
           window.addEventListener('resize', chart.resize);
       </script>
     </body>
diff --git a/lib/src/view/implements/mobile.dart b/lib/src/view/implements/mobile.dart
@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:graphify/src/controller/implements/mobile.dart';
+import 'package:graphify/src/resources/dependencies.js.dart';
 import 'package:graphify/src/resources/index.html.dart';
 import 'package:graphify/src/view/interface.dart' as g_view;
 import 'package:webview_flutter/webview_flutter.dart';
@@ -35,25 +36,24 @@ class _GraphifyViewMobile extends g_view.GraphifyViewState<GraphifyView> {
 
   @override
   void initView() {
-    _controller.connector = webViewController = WebViewController();
-
-    webViewController
+    _controller.connector = webViewController = WebViewController()
       ..setJavaScriptMode(JavaScriptMode.unrestricted)
       ..setBackgroundColor(Colors.transparent)
-      ..loadHtmlString(indexHtml(
-        id: _controller.uid,
-        backgroundColor: widget.initialOptions?['backgroundColor'],
-      ))
+      ..loadHtmlString(
+        indexHtml(
+          id: _controller.uid,
+          dependencies: "<script>$dependencies</script>",
+        ),
+      )
       ..setOnConsoleMessage(
-          (message) => widget.onConsoleMessage?.call(message.message),
+        (message) => widget.onConsoleMessage?.call(message.message),
       )
       ..setNavigationDelegate(NavigationDelegate(
         onPageFinished: (_) async {
           widget.onCreated?.call();
           await _controller.update(widget.initialOptions);
         },
       ));
-
   }
 
   @override
diff --git a/lib/src/view/implements/web.dart b/lib/src/view/implements/web.dart
@@ -62,11 +62,7 @@ class _GraphifyViewWeb extends g_view.GraphifyViewState<GraphifyView> {
       ..style.width  = '100%'
       ..style.height = '100%'
       ..style.border = 'none'
-      ..srcdoc = indexHtml(
-          id: _uid,
-          enableDependency: false,
-          backgroundColor: widget.initialOptions?['backgroundColor'],
-      ).toJS
+      ..srcdoc = indexHtml(id: _uid).toJS
       ..onLoad.listen((_) => _controller.update(widget.initialOptions))
       ..onError.listen((event) {
         widget.onConsoleMessage?.call(event.toString());

Original file line number	Diff line number	Diff line change
`@@ -41,4 +41,3 @@ const String chartScripts = """`
`41`	`41`
`42`	`42`	`""";`
`43`	`43`
`44`		`-const htmlDependencies = "<script>$dependencies</script>";`