@lvce-editor/renderer-process 30.68.16 → 30.69.0

package/dist/rendererProcessMain.js

@@ -10781,6 +10781,63 @@ const revokeObjectUrl = url => {
   URL.revokeObjectURL(url);
 };
 
+const createCanvasPresentation = (canvas, onDispose) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  const context = canvas.getContext('bitmaprenderer');
+  if (!context) {
+    port1.close();
+    port2.close();
+    throw new Error('Canvas bitmap presentation is unavailable');
+  }
+  let disposed = false;
+  const dispose = () => {
+    if (disposed) return;
+    disposed = true;
+    port1.onmessage = null;
+    port1.close();
+    onDispose();
+  };
+  port1.onmessage = event => {
+    const {
+      bitmap,
+      type
+    } = event.data;
+    if (type === 'dispose') {
+      dispose();
+      return;
+    }
+    if (type !== 'frame') return;
+    try {
+      context.transferFromImageBitmap(bitmap);
+    } finally {
+      bitmap.close();
+      port1.postMessage({
+        type: 'presented'
+      });
+    }
+  };
+  return {
+    dispose,
+    port: port2
+  };
+};
+
+const getIsFirefox = () => {
+  if (typeof navigator === 'undefined') {
+    return false;
+  }
+  if (
+  // @ts-expect-error
+  globalThis.navigator.userAgentData?.brands) {
+    // @ts-expect-error
+    return globalThis.navigator.userAgentData.brands.includes('Firefox');
+  }
+  return navigator.userAgent.toLowerCase().includes('firefox');
+};
+
 const state$1 = {
   canvasObjects: Object.create(null)
 };
@@ -10812,6 +10869,34 @@ const create2 = async (canvasId, objectId, width, height) => {
   });
   await invokeAndTransfer('Transferrable.transfer', objectId, offscreenCanvas);
 };
+const createForPreview = async (canvasId, objectId, portId, width, height) => {
+  if (!getIsFirefox()) {
+    await create2(canvasId, objectId, width, height);
+    return false;
+  }
+  // Firefox can lose automatic WebGL presentation when a preview canvas is reinserted.
+  const canvas = document.createElement('canvas');
+  canvas.width = width;
+  canvas.height = height;
+  canvas.dataset.id = String(canvasId);
+  const offscreen = new OffscreenCanvas(width, height);
+  const presentation = createCanvasPresentation(canvas, () => set$c(canvasId, undefined));
+  set$c(canvasId, {
+    factory: {},
+    state: {
+      $Viewlet: canvas
+    }
+  });
+  try {
+    await invokeAndTransfer('Transferrable.transfer', objectId, offscreen);
+    await invokeAndTransfer('Transferrable.transfer', portId, presentation.port);
+  } catch (error) {
+    presentation.dispose();
+    presentation.port.close();
+    throw error;
+  }
+  return true;
+};
 
 const redirectToUrl = url => {
   window.location.assign(url);
@@ -12122,6 +12207,7 @@ const commandMap = {
   'ObjectUrl.revoke': revokeObjectUrl,
   'OffscreenCanvas.create': create$2,
   'OffscreenCanvas.create2': create2,
+  'OffscreenCanvas.createForPreview': createForPreview,
   'Open.openUrl': openUrl,
   'Open.redirectToUrl': redirectToUrl,
   'Performance.getMemory': getMemory,
@@ -12305,19 +12391,6 @@ const isActualSourceFile = path => {
   return !(path === '<anonymous>' || path === 'debugger eval code' || path.startsWith('"') || path.startsWith(`'`) || path.startsWith(')') || path.startsWith('file://'));
 };
 
-const getIsFirefox = () => {
-  if (typeof navigator === 'undefined') {
-    return false;
-  }
-  if (
-  // @ts-expect-error
-  globalThis.navigator.userAgentData?.brands) {
-    // @ts-expect-error
-    return globalThis.navigator.userAgentData.brands.includes('Firefox');
-  }
-  return navigator.userAgent.toLowerCase().includes('firefox');
-};
-
 const getErrorMessage = error => {
   if (!error) {
     return `Error: ${error}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.68.16",
+  "version": "30.69.0",
   "keywords": [
     "lvce-editor",
     "renderer-process"