@swmansion/popcorn 0.3.0-rc1 → 0.3.0-rc2

package/dist/AtomVM.mjs

@@ -56,7 +56,7 @@ if (ENVIRONMENT_IS_PTHREAD) {
 
 // --pre-jses are emitted after the Module integration code, so that they can
 // refer to Module (if they choose; they can also define Module)
-// include: /tmp/atomvm-build-swm.AJqcoEu/atomvm/src/platforms/emscripten/src/atomvm.pre.js
+// include: /tmp/atomvm-build-swm.2gQpIGg/atomvm/src/platforms/emscripten/src/atomvm.pre.js
 /*
  * This file is part of AtomVM.
  *
@@ -128,7 +128,7 @@ function ensureValidResult(result) {
   throw new Error(message);
 }
 
-// end include: /tmp/atomvm-build-swm.AJqcoEu/atomvm/src/platforms/emscripten/src/atomvm.pre.js
+// end include: /tmp/atomvm-build-swm.2gQpIGg/atomvm/src/platforms/emscripten/src/atomvm.pre.js
 var arguments_ = [];
 
 var thisProgram = "./this.program";

package/dist/iframe.mjs

@@ -32,14 +32,13 @@ class TrackedValue {
 }
 globalThis.TrackedValue = TrackedValue;
 async function initVm() {
-    const metaElement = document.querySelector('meta[name="bundle-path"]');
-    if (!metaElement) {
-        throw new Error("Missing meta[name='bundle-path'] element");
-    }
-    const bundlePath = metaElement.content;
-    const bundleBuffer = await fetch(bundlePath).then((resp) => resp.arrayBuffer());
-    const bundle = new Int8Array(bundleBuffer);
-    await startVm(bundle);
+    const bundlePaths = Array.from(document.querySelectorAll('meta[name^="bundle-path-"]'), (el) => el.content);
+    const bundles = await Promise.all(bundlePaths.map(async (p) => {
+        const resp = await fetch(p);
+        const buf = await resp.arrayBuffer();
+        return new Int8Array(buf);
+    }));
+    await startVm(bundles);
     window.addEventListener("message", async ({ data }) => {
         const type = data.type;
         if (type === MESSAGES.CALL) {
@@ -51,15 +50,18 @@ async function initVm() {
     });
     setInterval(() => sendIframeResponse(MESSAGES.HEARTBEAT, null), HEARTBEAT_INTERVAL_MS);
 }
-async function startVm(avmBundle) {
+async function startVm(avmBundles) {
+    const bundleFilePaths = avmBundles.map((_, i) => `/data/bundle-${i}.avm`);
     const moduleInstance = await init({
         preRun: [
             function ({ FS }) {
                 FS.mkdir("/data");
-                FS.writeFile("/data/bundle.avm", avmBundle);
+                avmBundles.forEach((bundle, i) => {
+                    FS.writeFile(bundleFilePaths[i], bundle);
+                });
             },
         ],
-        arguments: ["/data/bundle.avm"],
+        arguments: bundleFilePaths,
         print(text) {
             sendIframeResponse(MESSAGES.STDOUT, text);
         },

package/dist/popcorn.d.ts

@@ -7,8 +7,8 @@ export type { PopcornErrorCode, PopcornInternalErrorCode };
 export type PopcornInitOptions = {
     /** DOM element to mount an iframe */
     container?: HTMLElement;
-    /** Path to compiled Elixir bundle (`.avm` file). */
-    bundlePath?: string;
+    /** Paths to compiled Elixir bundles (`.avm` files). */
+    bundlePaths?: string[];
     /** Handler for stderr messages. */
     onStderr?: (message: string) => void;
     /** Handler for stdout messages. */
@@ -59,7 +59,7 @@ export declare class Popcorn {
     private bridge;
     private bridgeConfig;
     private debug;
-    private bundleURL;
+    private bundleURLs;
     private state;
     private defaultReceiver;
     private requestId;

package/dist/popcorn.mjs

@@ -14,7 +14,7 @@ class Popcorn {
     bridge = null;
     bridgeConfig;
     debug = false;
-    bundleURL;
+    bundleURLs;
     state = { status: "uninitialized" };
     defaultReceiver = null;
     requestId = 0;
@@ -30,15 +30,14 @@ class Popcorn {
     constructor(params, token) {
         if (token !== INIT_TOKEN)
             throwError({ t: "private_constructor" });
-        const bundlePath = params.bundlePath ?? "/bundle.avm";
-        const bundleURL = new URL(bundlePath, import.meta.url);
+        const bundlePaths = params.bundlePaths ?? ["/bundle.avm"];
+        this.bundleURLs = bundlePaths.map((p) => new URL(p, import.meta.url).href);
         this.onReloadCallback = params.onReload ?? noop;
         this.debug = params.debug ?? false;
-        this.bundleURL = bundleURL.href;
         this.bridgeConfig = {
             container: params.container,
             script: { url: IFRAME_URL, entrypoint: "initVm" },
-            config: { "bundle-path": this.bundleURL },
+            config: Object.fromEntries(this.bundleURLs.map((url, i) => [`bundle-path-${i}`, url])),
             debug: true,
             onMessage: this.iframeHandler.bind(this),
         };
@@ -61,10 +60,10 @@ class Popcorn {
     static async init(options) {
         const { container, ...constructorParams } = options;
         const containerWithDefault = container ?? document.documentElement;
-        const bundlePath = constructorParams.bundlePath
-            ? constructorParams.bundlePath
-            : await resolveBundleURL("/bundle.avm", "/assets/bundle.avm");
-        const popcorn = new Popcorn({ ...constructorParams, bundlePath, container: containerWithDefault }, INIT_TOKEN);
+        const bundlePaths = constructorParams.bundlePaths && constructorParams.bundlePaths.length > 0
+            ? constructorParams.bundlePaths
+            : [await resolveBundleURL("/bundle.avm", "/assets/bundle.avm")];
+        const popcorn = new Popcorn({ ...constructorParams, bundlePaths, container: containerWithDefault }, INIT_TOKEN);
         popcorn.trace("Main: init, params: ", { container, ...constructorParams });
         await popcorn.mount();
         return popcorn;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swmansion/popcorn",
-  "version": "0.3.0-rc1",
+  "version": "0.3.0-rc2",
   "description": "JS bindings for Popcorn",
   "type": "module",
   "license": "Apache-2.0",