sandboxedjs 0.1.43 → 0.1.45

package/dist/index.d.cts

@@ -1451,6 +1451,20 @@ interface PreviewOptions {
     scriptUrl?: string | URL;
     /** Registration scope. Must be able to see the paths a preview will request. */
     scope?: string;
+    /**
+     * The dev server has invalidated what the frame is holding; reload it.
+     *
+     * Vite serves `504 Outdated Optimize Dep` once the hash in a dependency URL
+     * no longer matches — after its optimizer re-runs, or after the server is
+     * restarted. Its own client recovers by reloading, and hears about it over
+     * the HMR WebSocket, which this bridge does not carry. Without a reload the
+     * frame keeps asking for a hash the server has forgotten and the app never
+     * mounts.
+     *
+     * Reloading is the host's call because the host owns the frame: it can pick
+     * the moment, and it can stop after a few attempts rather than looping.
+     */
+    onStale?: () => void;
 }
 interface Preview {
     /** The URL an iframe should be pointed at to see `port`. */

package/dist/index.d.ts

@@ -1451,6 +1451,20 @@ interface PreviewOptions {
     scriptUrl?: string | URL;
     /** Registration scope. Must be able to see the paths a preview will request. */
     scope?: string;
+    /**
+     * The dev server has invalidated what the frame is holding; reload it.
+     *
+     * Vite serves `504 Outdated Optimize Dep` once the hash in a dependency URL
+     * no longer matches — after its optimizer re-runs, or after the server is
+     * restarted. Its own client recovers by reloading, and hears about it over
+     * the HMR WebSocket, which this bridge does not carry. Without a reload the
+     * frame keeps asking for a hash the server has forgotten and the app never
+     * mounts.
+     *
+     * Reloading is the host's call because the host owns the frame: it can pick
+     * the moment, and it can stop after a few attempts rather than looping.
+     */
+    onStale?: () => void;
 }
 interface Preview {
     /** The URL an iframe should be pointed at to see `port`. */

package/dist/index.js

@@ -28794,9 +28794,21 @@ async function createPreview(box, options = {}) {
     });
     if (!activated) return null;
   }
-  const channel = new MessageChannel();
-  serveContainerOn(channel.port1, box);
-  worker.postMessage({ type: "sandboxedjs:connect" }, [channel.port2]);
+  let channel = null;
+  const connect = () => {
+    channel?.port1.close();
+    channel = new MessageChannel();
+    serveContainerOn(channel.port1, box);
+    const target = registration.active ?? worker;
+    target.postMessage({ type: "sandboxedjs:connect" }, [channel.port2]);
+  };
+  const onWorkerMessage = (event) => {
+    const type = event.data?.type;
+    if (type === "sandboxedjs:host-needed") connect();
+    if (type === "sandboxedjs:stale") options.onStale?.();
+  };
+  navigator.serviceWorker.addEventListener("message", onWorkerMessage);
+  connect();
   const base2 = registration.scope.replace(/\/$/, "");
   const urlFor = (port) => `${base2}/__sbx__/${port}/`;
   return {
@@ -28809,7 +28821,9 @@ async function createPreview(box, options = {}) {
       return `${urlFor(target.port).replace(/\/$/, "")}${path}`;
     },
     dispose: async () => {
-      channel.port1.close();
+      navigator.serviceWorker.removeEventListener("message", onWorkerMessage);
+      channel?.port1.close();
+      channel = null;
       await registration.unregister();
     }
   };