@lvce-editor/preview-sandbox-worker 1.2.0 → 1.3.0

package/dist/previewSandBoxWorkerMain.js

@@ -1070,7 +1070,7 @@ const Reference = 100;
 const RendererWorker = 1;
 
 const rpcs = Object.create(null);
-const set$3 = (id, rpc) => {
+const set$4 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$1 = id => {
@@ -1103,7 +1103,7 @@ const create = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$3(rpcId, mockRpc);
+      set$4(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1112,11 +1112,16 @@ const create = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$3(rpcId, rpc);
+      set$4(rpcId, rpc);
     }
   };
 };
 
+const {
+  invoke: invoke$1,
+  set: set$3
+} = create(3211);
+
 const {
   invoke,
   set: set$2
@@ -1127,6 +1132,7 @@ const terminate = () => {
 };
 
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
+
 const callBacks = Object.create(null);
 let id = 0;
 const registerCallback = () => {
@@ -1150,13 +1156,13 @@ const executeCallback = (id, ...args) => {
     console.warn(`[preview-sandbox-worker] No callback found for id ${id}`);
   }
 };
-const getOffscreenCanvas = async (width, height) => {
+const getOffscreenCanvas = async (uid, width, height) => {
   // TODO ask preview worker
   const {
     id,
     promise
   } = registerCallback();
-  await invoke('OffscreenCanvas.createForPreview', id, width, height);
+  await invoke$1('Preview.createOffscreenCanvas', uid, id, width, height);
   const [offscreenCanvas, canvasId] = await promise;
   return {
     canvasId,
@@ -1696,10 +1702,11 @@ const handleKeyup = (uid, hdId, key, code) => {
 };
 
 const handleMessagePort = async port => {
-  await PlainMessagePortRpc.create({
+  const rpc = await PlainMessagePortRpc.create({
     commandMap: {},
     messagePort: port
   });
+  set$3(rpc);
 };
 
 const dispatchMousedownEvent = (element, window, clientX = 0, clientY = 0) => {
@@ -89624,6 +89631,8 @@ const toNumber = value => {
   return 0;
 };
 
+/* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
+
 const patchCanvasElements = async (document, uid) => {
   const canvasElements = document.querySelectorAll('canvas');
   if (canvasElements.length === 0) {
@@ -89634,17 +89643,22 @@ const patchCanvasElements = async (document, uid) => {
     const element = canvasElements[i];
     const width = toNumber(element.getAttribute('width') || 300);
     const height = toNumber(element.getAttribute('height') || 300);
+    // @ts-ignore
     element.width = width;
+    // @ts-ignore
     element.height = height;
     const {
       canvasId,
       offscreenCanvas
-    } = await getOffscreenCanvas(width, height);
+    } = await getOffscreenCanvas(uid, width, height);
     const dataId = String(canvasId);
+    // @ts-ignore
     element.__canvasId = canvasId;
+    // @ts-ignore
     element.__offscreenCanvas = offscreenCanvas;
     element.dataset.id = dataId;
     const context = offscreenCanvas.getContext('2d');
+    // @ts-ignore
     element.getContext = contextType => {
       if (contextType === '2d') {
         return context;
@@ -89666,6 +89680,7 @@ const patchCanvasElements = async (document, uid) => {
       get: () => widthValue,
       set: newWidth => {
         widthValue = toNumber(newWidth);
+        // @ts-ignore
         element.__offscreenCanvas.width = widthValue;
       }
     });
@@ -89678,6 +89693,7 @@ const patchCanvasElements = async (document, uid) => {
       get: () => heightValue,
       set: newHeight => {
         heightValue = toNumber(newHeight);
+        // @ts-ignore
         element.__offscreenCanvas.height = heightValue;
       }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/preview-sandbox-worker",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Preview SandBox Worker",
   "repository": {
     "type": "git",