@lvce-editor/preview-sandbox-worker 2.3.0 → 3.0.0

package/dist/previewSandBoxWorkerMain.js

@@ -1583,7 +1583,7 @@ const dispatchClickEvent = (element, window, clientX = 0, clientY = 0) => {
   dispatchEvent(element, clickEvent);
 };
 
-const handleClickLocal = (uid, hdId, clientX, clientY) => {
+const handleClickLocal = (uid, hdId, clientX, clientY, x, y) => {
   const happyDomInstance = get(uid);
   if (!happyDomInstance) {
     return;
@@ -1592,16 +1592,36 @@ const handleClickLocal = (uid, hdId, clientX, clientY) => {
   if (!element) {
     return;
   }
-  dispatchClickEvent(element, happyDomInstance.window, clientX, clientY);
-  const elementMap = Object.create(null);
-  set$1(uid, {
-    document: happyDomInstance.document,
-    elementMap,
-    window: happyDomInstance.window
+  const adjustedClientX = clientX - x;
+  const adjustedClientY = clientY - y;
+  dispatchClickEvent(element, happyDomInstance.window, adjustedClientX, adjustedClientY);
+};
+const handleClick = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handleClickLocal(uid, hdId, clientX, clientY, x, y);
+};
+
+const dispatchContextmenuEvent = (element, window, clientX = 0, clientY = 0) => {
+  const contextmenuEvent = new window.MouseEvent('contextmenu', {
+    bubbles: true,
+    clientX,
+    clientY
   });
+  dispatchEvent(element, contextmenuEvent);
+};
+
+const handleContextmenuLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchContextmenuEvent(element, happyDomInstance.window, clientX - x, clientY - y);
 };
-const handleClick = (uid, hdId, clientX = 0, clientY = 0) => {
-  return handleClickLocal(uid, hdId, clientX, clientY);
+const handleContextmenu = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handleContextmenuLocal(uid, hdId, clientX, clientY, x, y);
 };
 
 const dispatchInputEvent = (element, window) => {
@@ -1725,6 +1745,30 @@ const handleMousedown = (uid, hdId, clientX, clientY) => {
   return handleMousedownLocal(uid, hdId, clientX, clientY);
 };
 
+const dispatchMouseleaveEvent = (element, window, clientX = 0, clientY = 0) => {
+  const mouseleaveEvent = new window.MouseEvent('mouseleave', {
+    bubbles: false,
+    clientX,
+    clientY
+  });
+  dispatchEvent(element, mouseleaveEvent);
+};
+
+const handleMouseleaveLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchMouseleaveEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handleMouseleave = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handleMouseleaveLocal(uid, hdId, clientX, clientY, x, y);
+};
+
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 
 const dispatchMousemoveEvent = (element, window, clientX = 0, clientY = 0) => {
@@ -1753,6 +1797,54 @@ const handleMousemove = (uid, hdId, clientX, clientY, x, y) => {
   return handleMousemoveLocal(uid, hdId, clientX, clientY, x, y);
 };
 
+const dispatchMouseoutEvent = (element, window, clientX = 0, clientY = 0) => {
+  const mouseoutEvent = new window.MouseEvent('mouseout', {
+    bubbles: true,
+    clientX,
+    clientY
+  });
+  dispatchEvent(element, mouseoutEvent);
+};
+
+const handleMouseoutLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchMouseoutEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handleMouseout = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handleMouseoutLocal(uid, hdId, clientX, clientY, x, y);
+};
+
+const dispatchMouseoverEvent = (element, window, clientX = 0, clientY = 0) => {
+  const mouseoverEvent = new window.MouseEvent('mouseover', {
+    bubbles: true,
+    clientX,
+    clientY
+  });
+  dispatchEvent(element, mouseoverEvent);
+};
+
+const handleMouseoverLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchMouseoverEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handleMouseover = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handleMouseoverLocal(uid, hdId, clientX, clientY, x, y);
+};
+
 const dispatchMouseupEvent = (element, window, clientX = 0, clientY = 0) => {
   const mouseupEvent = new window.MouseEvent('mouseup', {
     bubbles: true,
@@ -1777,6 +1869,161 @@ const handleMouseup = (uid, hdId, clientX, clientY) => {
   return handleMouseupLocal(uid, hdId, clientX, clientY);
 };
 
+const getPointerEventConstructor$4 = window => {
+  return window.PointerEvent || window.MouseEvent;
+};
+const dispatchPointerdownEvent = (element, window, clientX = 0, clientY = 0) => {
+  const PointerEventConstructor = getPointerEventConstructor$4(window);
+  const pointerdownEvent = new PointerEventConstructor('pointerdown', {
+    bubbles: true,
+    clientX,
+    clientY,
+    isPrimary: true,
+    pointerId: 1,
+    pointerType: 'mouse'
+  });
+  dispatchEvent(element, pointerdownEvent);
+};
+
+const handlePointerdownLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchPointerdownEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handlePointerdown = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handlePointerdownLocal(uid, hdId, clientX, clientY, x, y);
+};
+
+const getPointerEventConstructor$3 = window => {
+  return window.PointerEvent || window.MouseEvent;
+};
+const dispatchPointermoveEvent = (element, window, clientX = 0, clientY = 0) => {
+  const PointerEventConstructor = getPointerEventConstructor$3(window);
+  const pointermoveEvent = new PointerEventConstructor('pointermove', {
+    bubbles: true,
+    clientX,
+    clientY,
+    isPrimary: true,
+    pointerId: 1,
+    pointerType: 'mouse'
+  });
+  dispatchEvent(element, pointermoveEvent);
+};
+
+const handlePointermoveLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchPointermoveEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handlePointermove = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handlePointermoveLocal(uid, hdId, clientX, clientY, x, y);
+};
+
+const getPointerEventConstructor$2 = window => {
+  return window.PointerEvent || window.MouseEvent;
+};
+const dispatchPointeroutEvent = (element, window, clientX = 0, clientY = 0) => {
+  const PointerEventConstructor = getPointerEventConstructor$2(window);
+  const pointeroutEvent = new PointerEventConstructor('pointerout', {
+    bubbles: true,
+    clientX,
+    clientY,
+    isPrimary: true,
+    pointerId: 1,
+    pointerType: 'mouse'
+  });
+  dispatchEvent(element, pointeroutEvent);
+};
+
+const handlePointeroutLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchPointeroutEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handlePointerout = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handlePointeroutLocal(uid, hdId, clientX, clientY, x, y);
+};
+
+const getPointerEventConstructor$1 = window => {
+  return window.PointerEvent || window.MouseEvent;
+};
+const dispatchPointeroverEvent = (element, window, clientX = 0, clientY = 0) => {
+  const PointerEventConstructor = getPointerEventConstructor$1(window);
+  const pointeroverEvent = new PointerEventConstructor('pointerover', {
+    bubbles: true,
+    clientX,
+    clientY,
+    isPrimary: true,
+    pointerId: 1,
+    pointerType: 'mouse'
+  });
+  dispatchEvent(element, pointeroverEvent);
+};
+
+const handlePointeroverLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchPointeroverEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handlePointerover = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handlePointeroverLocal(uid, hdId, clientX, clientY, x, y);
+};
+
+const getPointerEventConstructor = window => {
+  return window.PointerEvent || window.MouseEvent;
+};
+const dispatchPointerupEvent = (element, window, clientX = 0, clientY = 0) => {
+  const PointerEventConstructor = getPointerEventConstructor(window);
+  const pointerupEvent = new PointerEventConstructor('pointerup', {
+    bubbles: true,
+    clientX,
+    clientY,
+    isPrimary: true,
+    pointerId: 1,
+    pointerType: 'mouse'
+  });
+  dispatchEvent(element, pointerupEvent);
+};
+
+const handlePointerupLocal = (uid, hdId, clientX, clientY, x, y) => {
+  const happyDomInstance = get(uid);
+  if (!happyDomInstance) {
+    return;
+  }
+  const element = happyDomInstance.elementMap[hdId];
+  if (!element) {
+    return;
+  }
+  dispatchPointerupEvent(element, happyDomInstance.window, clientX - x, clientY - y);
+};
+const handlePointerup = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
+  return handlePointerupLocal(uid, hdId, clientX, clientY, x, y);
+};
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -89768,6 +90015,52 @@ const patchCanvasElements = async (document, uid) => {
         element.__offscreenCanvas.height = heightValue;
       }
     });
+    Object.defineProperty(element, 'clientWidth', {
+      configurable: true,
+      enumerable: true,
+      get: () => widthValue
+    });
+    Object.defineProperty(element, 'clientHeight', {
+      configurable: true,
+      enumerable: true,
+      get: () => heightValue
+    });
+    Object.defineProperty(element, 'offsetWidth', {
+      configurable: true,
+      enumerable: true,
+      get: () => widthValue
+    });
+    Object.defineProperty(element, 'offsetHeight', {
+      configurable: true,
+      enumerable: true,
+      get: () => heightValue
+    });
+
+    // @ts-ignore
+    element.getBoundingClientRect = () => {
+      return {
+        bottom: heightValue,
+        height: heightValue,
+        left: 0,
+        right: widthValue,
+        toJSON: () => {
+          return {
+            bottom: heightValue,
+            height: heightValue,
+            left: 0,
+            right: widthValue,
+            top: 0,
+            width: widthValue,
+            x: 0,
+            y: 0
+          };
+        },
+        top: 0,
+        width: widthValue,
+        x: 0,
+        y: 0
+      };
+    };
     instances.push({
       dataId,
       dimensions,
@@ -89793,6 +90086,7 @@ const updateContent = async (uid, width, height, content, scripts) => {
       error
     } = executeScripts(happyDomWindow, happyDomDocument, scripts, width, height);
     const elementMap = Object.create(null);
+    serialize(happyDomDocument, elementMap);
     set$1(uid, {
       document: happyDomDocument,
       elementMap,
@@ -89845,13 +90139,22 @@ const commandMap = {
   'SandBox.executeCallback': executeCallback,
   'SandBox.getSerializedDom': getSerializedDom,
   'SandBox.handleClick': handleClick,
+  'SandBox.handleContextMenu': handleContextmenu,
   'SandBox.handleInput': handleInput,
   'SandBox.handleKeyDown': handleKeydown,
   'SandBox.handleKeyUp': handleKeyup,
   'SandBox.handleMessagePort': handleMessagePort,
   'SandBox.handleMousedown': handleMousedown,
+  'SandBox.handleMouseleave': handleMouseleave,
   'SandBox.handleMousemove': handleMousemove,
+  'SandBox.handleMouseout': handleMouseout,
+  'SandBox.handleMouseover': handleMouseover,
   'SandBox.handleMouseup': handleMouseup,
+  'SandBox.handlePointerdown': handlePointerdown,
+  'SandBox.handlePointermove': handlePointermove,
+  'SandBox.handlePointerout': handlePointerout,
+  'SandBox.handlePointerover': handlePointerover,
+  'SandBox.handlePointerup': handlePointerup,
   'SandBox.loadContent': loadContent,
   'SandBox.resize': resize,
   'SandBox.terminate': terminate

package/package.json

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