update federated flutter_filament

2024-05-15 22:28:58 +08:00
parent 293d3c9fd6
commit 7703f33b81
238 changed files with 68680 additions and 2037 deletions
--- a/flutter_filament_federated/flutter_filament/example/web/index.html
+++ b/flutter_filament_federated/flutter_filament/example/web/index.html
@@ -15,6 +15,7 @@
    the `--base-href` argument provided to `flutter build`.
  -->
  <base href="$FLUTTER_BASE_HREF">
+  <script src="dart_filament.js"></script>

  <meta charset="UTF-8">
  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
@@ -38,25 +39,151 @@
  </script>
  <!-- This script adds the flutter initialization JS code -->
  <script src="flutter.js" defer></script>
+  <style>
+    html, body { 
+        margin:0;
+        padding:0;
+    }
+    #flutter_host { 
+        position:absolute;
+        left:200;
+        right:0;
+        top:200;
+        bottom:0;
+    }
+    canvas {
+        position:absolute;
+        left:0;
+        right:0;
+        top:0;
+        bottom:0;
+        width:100%;
+        height:100%;
+    }
+</style>
 </head>
-<body>
-  <div style="height:30px;background:blue;width:100%"></div>
-  <div style="height:100px; width:100px" id="flutter_host"></div>
-  <canvas id="drawHere"></canvas>
-  <script>
-    window.addEventListener('load', function(ev) {
+<script type="module">
+  window.resolveCallback = (cb, data) => {
+      const fn = window.df.wasmTable.get(cb);
+      if(data) {
+          fn(data);
+      } else { 
+          fn();
+      }
+  }
+  window.createVoidCallback = () => { 
+      let res; //placeholder for resolver callback, outside of promise
+      const promise = new Promise((resolve, reject) => {
+          res = resolve;
+      });
+      try {
+          const callback = () => { 
+              try {
+                  res({});
+              } catch(err) {
+                  console.log(err);
+              }
+          }
+          const fnPtr = window.df.addFunction(callback, 'v');
+          return [promise, fnPtr];
+      } catch(err) {
+          console.log(err);
+          return null;
+      } 
+  }       
+  window.createIntCallback = () => { 
+      let res; 
+      const promise = new Promise((resolve, reject) => {
+          res = resolve;
+      });
+      try {
+          const callback = (val) => { 
+              try {
+                  res(val);
+              } catch(err) {
+                  console.log(err);
+              }
+          }
+          const fnPtr = window.df.addFunction(callback, 'vi');
+          return [promise, fnPtr];
+      } catch(err) {
+          console.log(err);
+          return null;
+      } 
+  }       
+  window.createVoidPointerCallback = () => { 
+      let res; //placeholder for resolver callback, outside of promise
+
+      const promise = new Promise((resolve, reject) => {
+          res = resolve;
+      });
+      try {
+          const callback = (voidPtr) => { 
+              try {
+                  res(voidPtr);
+              } catch(err) {
+                  console.log(err);
+              }
+          }
+          const fnPtr = window.df.addFunction(callback, 'vi');
+          return [promise, fnPtr];
+      } catch(err) {
+          console.log(err);
+          return null;
+      }        
+  }   
+
+  window.createBoolCallback = () => { 
+      let res; //placeholder for resolver callback, outside of promise
+
+      const promise = new Promise((resolve, reject) => {
+          res = resolve;
+      });
+      try {
+          const callback = (val) => { 
+              try {
+                  res(val);
+              } catch(err) {
+                  console.log(err);
+              }
+          }
+          const fnPtr = window.df.addFunction(callback, 'vi');
+          return [promise, fnPtr];
+      } catch(err) {
+          console.log(err);
+          return null;
+      }        
+  }   
+
+  const df = await dart_filament();   
+  window.df = df;
+  
+  const dartModulePromise = WebAssembly.compileStreaming(fetch('main.wasm'));
+  const imports = {"dart_filament":df};
+  const dart2wasm_runtime = await import('./main.mjs');
+  const moduleInstance = await dart2wasm_runtime.instantiate(dartModulePromise, imports);
+  window.example = moduleInstance;
+  await dart2wasm_runtime.invoke(moduleInstance);
+
+//   window.addEventListener('load', function(ev) {
      // Download main.dart.js
      _flutter.loader.loadEntrypoint({
        serviceWorker: {
          serviceWorkerVersion: serviceWorkerVersion,
        },
        onEntrypointLoaded: function(engineInitializer) {
+            console.log("init engine");
          engineInitializer.initializeEngine({ hostElement: document.querySelector("#flutter_host")}).then(function(appRunner) {
            appRunner.runApp();
          });
        }
      });
-    });
-  </script>
+    // });
+
+</script>
+<body>
+  <canvas id="canvas"></canvas>
+  <div style="position:absolute;height:100%; width:100%" id="flutter_host"></div>
 </body>
+
 </html>