@lvce-editor/preview-sandbox-worker 3.1.0 → 3.2.0

package/dist/previewSandBoxWorkerMain.js

@@ -1343,6 +1343,32 @@ const TAGS_TO_SKIP_TAG_ONLY = new Set(['html', 'body', 'head']);
 
 // Tags where we extract content as CSS
 const CSS_TAGS = new Set(['style']);
+const serializeAttributeName = attrName => {
+  if (attrName === 'class') {
+    return 'className';
+  }
+  if (attrName === 'type') {
+    return 'inputType';
+  }
+  return attrName;
+};
+const applyAllowedAttributes = (targetNode, sourceNode) => {
+  const {
+    attributes
+  } = sourceNode;
+  if (!attributes) {
+    return;
+  }
+  for (let i = 0; i < attributes.length; i++) {
+    const attr = attributes[i];
+    const attrName = attr.name;
+    if (isDefaultAllowedAttribute(attrName, [])) {
+      const finalName = serializeAttributeName(attrName);
+      targetNode[finalName] = attr.value;
+    }
+  }
+};
+
 // eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
 const serializeNode = (node, dom, css, context) => {
   const {
@@ -1398,6 +1424,7 @@ const serializeNode = (node, dom, css, context) => {
       type: Reference,
       uid: node.__canvasId
     };
+    applyAllowedAttributes(refNode, node);
     if (context.elementMap) {
       context.elementMap[node.__canvasId + ''] = node;
     }
@@ -1410,26 +1437,7 @@ const serializeNode = (node, dom, css, context) => {
     childCount: 0,
     type: getVirtualDomTag(tagName)
   };
-
-  // Copy allowed attributes
-  const {
-    attributes
-  } = node;
-  if (attributes) {
-    for (let i = 0; i < attributes.length; i++) {
-      const attr = attributes[i];
-      const attrName = attr.name;
-      if (isDefaultAllowedAttribute(attrName, [])) {
-        let finalName = attrName;
-        if (attrName === 'class') {
-          finalName = 'className';
-        } else if (attrName === 'type') {
-          finalName = 'inputType';
-        }
-        newNode[finalName] = attr.value;
-      }
-    }
-  }
+  applyAllowedAttributes(newNode, node);
 
   // Assign element tracking ID for interactivity
   const hdId = String(context.nextId++);
@@ -89681,17 +89689,19 @@ const createLocalStorage = () => {
   return localStorage;
 };
 
-const getGlobals = (width, height) => {
+const getGlobals = (width, height, devicePixelRatio = 1) => {
   const localStorage = createLocalStorage();
   return {
     globalGlobals: {
       alert: alert,
+      devicePixelRatio,
       innerHeight: height,
       innerWidth: width,
       localStorage
     },
     windowGlobals: {
       alert: alert,
+      devicePixelRatio,
       innerHeight: height,
       innerWidth: width
     }
@@ -89801,12 +89811,12 @@ const setGlobals = (window, globalGlobals, windowGlobals) => {
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 /* eslint-disable @typescript-eslint/no-implied-eval */
 
-const executeScripts = (window, document, scripts, width = 0, height = 0) => {
+const executeScripts = (window, document, scripts, width = 0, height = 0, devicePixelRatio = 1) => {
   exposeCanvasGlobals(window, document);
   const {
     globalGlobals,
     windowGlobals
-  } = getGlobals(width, height);
+  } = getGlobals(width, height, devicePixelRatio);
   setGlobals(window, globalGlobals, windowGlobals);
   let firstError = null;
   let firstCodeFrame = '';
@@ -89918,6 +89928,9 @@ const toNumber = value => {
 
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 
+const reflectCanvasDimensionAttribute = (element, name, value) => {
+  element.setAttribute(name, String(value));
+};
 const patchCanvasElements = async (document, uid) => {
   const canvasElements = document.querySelectorAll('canvas');
   if (canvasElements.length === 0) {
@@ -89965,6 +89978,7 @@ const patchCanvasElements = async (document, uid) => {
       get: () => widthValue,
       set: newWidth => {
         widthValue = toNumber(newWidth);
+        reflectCanvasDimensionAttribute(element, 'width', widthValue);
         // @ts-ignore
         element.__offscreenCanvas.width = widthValue;
       }
@@ -89978,6 +89992,7 @@ const patchCanvasElements = async (document, uid) => {
       get: () => heightValue,
       set: newHeight => {
         heightValue = toNumber(newHeight);
+        reflectCanvasDimensionAttribute(element, 'height', heightValue);
         // @ts-ignore
         element.__offscreenCanvas.height = heightValue;
       }

package/package.json

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