@lvce-editor/preview-sandbox-worker 3.4.0 → 4.1.0

package/dist/previewSandBoxWorkerMain.js

@@ -1129,6 +1129,60 @@ const terminate = () => {
   globalThis.close();
 };
 
+const ENTRY_SIZE = 9;
+const OFFSET_EXISTS = 0;
+const OFFSET_X = 1;
+const OFFSET_Y = 2;
+const OFFSET_TOP = 3;
+const OFFSET_LEFT = 4;
+const OFFSET_RIGHT = 5;
+const OFFSET_BOTTOM = 6;
+const OFFSET_WIDTH = 7;
+const OFFSET_HEIGHT = 8;
+const states$2 = new Map();
+const getIndex = hdId => {
+  const value = Number(hdId);
+  if (!Number.isInteger(value) || value < 0) {
+    return -1;
+  }
+  return value;
+};
+const getOffset = hdId => {
+  const index = getIndex(hdId);
+  if (index === -1) {
+    return -1;
+  }
+  return index * ENTRY_SIZE;
+};
+
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+const setGeometryBuffer = (uid, geometryBuffer) => {
+  states$2.set(uid, new Float64Array(geometryBuffer));
+};
+const getRect = (uid, hdId) => {
+  const view = states$2.get(uid);
+  if (!view) {
+    return undefined;
+  }
+  const offset = getOffset(hdId);
+  if (offset === -1 || offset + ENTRY_SIZE > view.length) {
+    return undefined;
+  }
+  if (view[offset + OFFSET_EXISTS] !== 1) {
+    return undefined;
+  }
+  return {
+    bottom: view[offset + OFFSET_BOTTOM],
+    height: view[offset + OFFSET_HEIGHT],
+    left: view[offset + OFFSET_LEFT],
+    right: view[offset + OFFSET_RIGHT],
+    top: view[offset + OFFSET_TOP],
+    width: view[offset + OFFSET_WIDTH],
+    x: view[offset + OFFSET_X],
+    y: view[offset + OFFSET_Y]
+  };
+};
+
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 
 const callBacks = Object.create(null);
@@ -1343,6 +1397,20 @@ const TAGS_TO_SKIP_TAG_ONLY = new Set(['html', 'body', 'head']);
 
 // Tags where we extract content as CSS
 const CSS_TAGS = new Set(['style']);
+// eslint-disable-next-line @typescript-eslint/prefer-readonly-parameter-types
+const getOrCreateHdId = (node, context) => {
+  const existingHdId = node.getAttribute?.('data-id');
+  if (existingHdId) {
+    const numericValue = Number(existingHdId);
+    if (Number.isInteger(numericValue) && numericValue >= context.nextId) {
+      context.nextId = numericValue + 1;
+    }
+    return existingHdId;
+  }
+  const hdId = String(context.nextId++);
+  node.setAttribute?.('data-id', hdId);
+  return hdId;
+};
 const serializeAttributeName = attrName => {
   if (attrName === 'class') {
     return 'className';
@@ -1440,7 +1508,7 @@ const serializeNode = (node, dom, css, context) => {
   applyAllowedAttributes(newNode, node);
 
   // Assign element tracking ID for interactivity
-  const hdId = String(context.nextId++);
+  const hdId = getOrCreateHdId(node, context);
   newNode['data-id'] = hdId;
   context.elementMap[hdId] = node
 
@@ -2164,7 +2232,7 @@ var hasRequiredLib;
 function requireLib () {
 	if (hasRequiredLib) return lib;
 	hasRequiredLib = 1;
-	(function (exports$1) {
+	(function (exports) {
 
 		function makeException(ErrorType, message, options) {
 		  if (options.globals) {
@@ -2299,51 +2367,51 @@ function requireLib () {
 		    return Number(xBigInt);
 		  };
 		}
-		exports$1.any = value => {
+		exports.any = value => {
 		  return value;
 		};
-		exports$1.undefined = () => {
+		exports.undefined = () => {
 		  return undefined;
 		};
-		exports$1.boolean = value => {
+		exports.boolean = value => {
 		  return Boolean(value);
 		};
-		exports$1.byte = createIntegerConversion(8, {
+		exports.byte = createIntegerConversion(8, {
 		  unsigned: false
 		});
-		exports$1.octet = createIntegerConversion(8, {
+		exports.octet = createIntegerConversion(8, {
 		  unsigned: true
 		});
-		exports$1.short = createIntegerConversion(16, {
+		exports.short = createIntegerConversion(16, {
 		  unsigned: false
 		});
-		exports$1["unsigned short"] = createIntegerConversion(16, {
+		exports["unsigned short"] = createIntegerConversion(16, {
 		  unsigned: true
 		});
-		exports$1.long = createIntegerConversion(32, {
+		exports.long = createIntegerConversion(32, {
 		  unsigned: false
 		});
-		exports$1["unsigned long"] = createIntegerConversion(32, {
+		exports["unsigned long"] = createIntegerConversion(32, {
 		  unsigned: true
 		});
-		exports$1["long long"] = createLongLongConversion(64, {
+		exports["long long"] = createLongLongConversion(64, {
 		  unsigned: false
 		});
-		exports$1["unsigned long long"] = createLongLongConversion(64, {
+		exports["unsigned long long"] = createLongLongConversion(64, {
 		  unsigned: true
 		});
-		exports$1.double = (value, options = {}) => {
+		exports.double = (value, options = {}) => {
 		  const x = toNumber(value, options);
 		  if (!Number.isFinite(x)) {
 		    throw makeException(TypeError, "is not a finite floating-point value", options);
 		  }
 		  return x;
 		};
-		exports$1["unrestricted double"] = (value, options = {}) => {
+		exports["unrestricted double"] = (value, options = {}) => {
 		  const x = toNumber(value, options);
 		  return x;
 		};
-		exports$1.float = (value, options = {}) => {
+		exports.float = (value, options = {}) => {
 		  const x = toNumber(value, options);
 		  if (!Number.isFinite(x)) {
 		    throw makeException(TypeError, "is not a finite floating-point value", options);
@@ -2357,7 +2425,7 @@ function requireLib () {
 		  }
 		  return y;
 		};
-		exports$1["unrestricted float"] = (value, options = {}) => {
+		exports["unrestricted float"] = (value, options = {}) => {
 		  const x = toNumber(value, options);
 		  if (isNaN(x)) {
 		    return x;
@@ -2367,7 +2435,7 @@ function requireLib () {
 		  }
 		  return Math.fround(x);
 		};
-		exports$1.DOMString = (value, options = {}) => {
+		exports.DOMString = (value, options = {}) => {
 		  if (options.treatNullAsEmptyString && value === null) {
 		    return "";
 		  }
@@ -2377,8 +2445,8 @@ function requireLib () {
 		  const StringCtor = options.globals ? options.globals.String : String;
 		  return StringCtor(value);
 		};
-		exports$1.ByteString = (value, options = {}) => {
-		  const x = exports$1.DOMString(value, options);
+		exports.ByteString = (value, options = {}) => {
+		  const x = exports.DOMString(value, options);
 		  let c;
 		  for (let i = 0; (c = x.codePointAt(i)) !== undefined; ++i) {
 		    if (c > 255) {
@@ -2387,8 +2455,8 @@ function requireLib () {
 		  }
 		  return x;
 		};
-		exports$1.USVString = (value, options = {}) => {
-		  const S = exports$1.DOMString(value, options);
+		exports.USVString = (value, options = {}) => {
+		  const S = exports.DOMString(value, options);
 		  const n = S.length;
 		  const U = [];
 		  for (let i = 0; i < n; ++i) {
@@ -2413,7 +2481,7 @@ function requireLib () {
 		  }
 		  return U.join("");
 		};
-		exports$1.object = (value, options = {}) => {
+		exports.object = (value, options = {}) => {
 		  if (value === null || typeof value !== "object" && typeof value !== "function") {
 		    throw makeException(TypeError, "is not an object", options);
 		  }
@@ -2448,7 +2516,7 @@ function requireLib () {
 		    return true;
 		  }
 		}
-		exports$1.ArrayBuffer = (value, options = {}) => {
+		exports.ArrayBuffer = (value, options = {}) => {
 		  if (!isNonSharedArrayBuffer(value)) {
 		    if (options.allowShared && !isSharedArrayBuffer(value)) {
 		      throw makeException(TypeError, "is not an ArrayBuffer or SharedArrayBuffer", options);
@@ -2461,7 +2529,7 @@ function requireLib () {
 		  return value;
 		};
 		const dvByteLengthGetter = Object.getOwnPropertyDescriptor(DataView.prototype, "byteLength").get;
-		exports$1.DataView = (value, options = {}) => {
+		exports.DataView = (value, options = {}) => {
 		  try {
 		    dvByteLengthGetter.call(value);
 		  } catch (e) {
@@ -2486,7 +2554,7 @@ function requireLib () {
 		    name
 		  } = func;
 		  const article = /^[AEIOU]/u.test(name) ? "an" : "a";
-		  exports$1[name] = (value, options = {}) => {
+		  exports[name] = (value, options = {}) => {
 		    if (!ArrayBuffer.isView(value) || typedArrayNameGetter.call(value) !== name) {
 		      throw makeException(TypeError, `is not ${article} ${name} object`, options);
 		    }
@@ -2502,7 +2570,7 @@ function requireLib () {
 
 		// Common definitions
 
-		exports$1.ArrayBufferView = (value, options = {}) => {
+		exports.ArrayBufferView = (value, options = {}) => {
 		  if (!ArrayBuffer.isView(value)) {
 		    throw makeException(TypeError, "is not a view on an ArrayBuffer or SharedArrayBuffer", options);
 		  }
@@ -2514,7 +2582,7 @@ function requireLib () {
 		  }
 		  return value;
 		};
-		exports$1.BufferSource = (value, options = {}) => {
+		exports.BufferSource = (value, options = {}) => {
 		  if (ArrayBuffer.isView(value)) {
 		    if (!options.allowShared && isSharedArrayBuffer(value.buffer)) {
 		      throw makeException(TypeError, "is a view on a SharedArrayBuffer, which is not allowed", options);
@@ -2535,7 +2603,7 @@ function requireLib () {
 		  }
 		  return value;
 		};
-		exports$1.DOMTimeStamp = exports$1["unsigned long long"]; 
+		exports.DOMTimeStamp = exports["unsigned long long"]; 
 	} (lib));
 	return lib;
 }
@@ -2547,7 +2615,7 @@ var hasRequiredUtils$1;
 function requireUtils$1 () {
 	if (hasRequiredUtils$1) return utils$1.exports;
 	hasRequiredUtils$1 = 1;
-	(function (module, exports$1) {
+	(function (module, exports) {
 
 		// Returns "Type(value) is Object" in ES terminology.
 		function isObject(value) {
@@ -53686,7 +53754,7 @@ var hasRequiredURLSearchParams;
 function requireURLSearchParams () {
 	if (hasRequiredURLSearchParams) return URLSearchParams;
 	hasRequiredURLSearchParams = 1;
-	(function (exports$1) {
+	(function (exports) {
 
 		const conversions = requireLib();
 		const utils = requireUtils$1();
@@ -53695,21 +53763,21 @@ function requireURLSearchParams () {
 		const implSymbol = utils.implSymbol;
 		const ctorRegistrySymbol = utils.ctorRegistrySymbol;
 		const interfaceName = "URLSearchParams";
-		exports$1.is = value => {
+		exports.is = value => {
 		  return utils.isObject(value) && utils.hasOwn(value, implSymbol) && value[implSymbol] instanceof Impl.implementation;
 		};
-		exports$1.isImpl = value => {
+		exports.isImpl = value => {
 		  return utils.isObject(value) && value instanceof Impl.implementation;
 		};
-		exports$1.convert = (globalObject, value, {
+		exports.convert = (globalObject, value, {
 		  context = "The provided value"
 		} = {}) => {
-		  if (exports$1.is(value)) {
+		  if (exports.is(value)) {
 		    return utils.implForWrapper(value);
 		  }
 		  throw new globalObject.TypeError(`${context} is not of type 'URLSearchParams'.`);
 		};
-		exports$1.createDefaultIterator = (globalObject, target, kind) => {
+		exports.createDefaultIterator = (globalObject, target, kind) => {
 		  const ctorRegistry = globalObject[ctorRegistrySymbol];
 		  const iteratorPrototype = ctorRegistry["URLSearchParams Iterator"];
 		  const iterator = Object.create(iteratorPrototype);
@@ -53733,18 +53801,18 @@ function requireURLSearchParams () {
 		  }
 		  return Object.create(proto);
 		}
-		exports$1.create = (globalObject, constructorArgs, privateData) => {
+		exports.create = (globalObject, constructorArgs, privateData) => {
 		  const wrapper = makeWrapper(globalObject);
-		  return exports$1.setup(wrapper, globalObject, constructorArgs, privateData);
+		  return exports.setup(wrapper, globalObject, constructorArgs, privateData);
 		};
-		exports$1.createImpl = (globalObject, constructorArgs, privateData) => {
-		  const wrapper = exports$1.create(globalObject, constructorArgs, privateData);
+		exports.createImpl = (globalObject, constructorArgs, privateData) => {
+		  const wrapper = exports.create(globalObject, constructorArgs, privateData);
 		  return utils.implForWrapper(wrapper);
 		};
-		exports$1._internalSetup = (wrapper, globalObject) => {};
-		exports$1.setup = (wrapper, globalObject, constructorArgs = [], privateData = {}) => {
+		exports._internalSetup = (wrapper, globalObject) => {};
+		exports.setup = (wrapper, globalObject, constructorArgs = [], privateData = {}) => {
 		  privateData.wrapper = wrapper;
-		  exports$1._internalSetup(wrapper, globalObject);
+		  exports._internalSetup(wrapper, globalObject);
 		  Object.defineProperty(wrapper, implSymbol, {
 		    value: new Impl.implementation(globalObject, constructorArgs, privateData),
 		    configurable: true
@@ -53755,9 +53823,9 @@ function requireURLSearchParams () {
 		  }
 		  return wrapper;
 		};
-		exports$1.new = (globalObject, newTarget) => {
+		exports.new = (globalObject, newTarget) => {
 		  const wrapper = makeWrapper(globalObject, newTarget);
-		  exports$1._internalSetup(wrapper, globalObject);
+		  exports._internalSetup(wrapper, globalObject);
 		  Object.defineProperty(wrapper, implSymbol, {
 		    value: Object.create(Impl.implementation.prototype),
 		    configurable: true
@@ -53769,7 +53837,7 @@ function requireURLSearchParams () {
 		  return wrapper[implSymbol];
 		};
 		const exposed = new Set(["Window", "Worker"]);
-		exports$1.install = (globalObject, globalNames) => {
+		exports.install = (globalObject, globalNames) => {
 		  if (!globalNames.some(globalName => exposed.has(globalName))) {
 		    return;
 		  }
@@ -53841,11 +53909,11 @@ function requireURLSearchParams () {
 		        }
 		        args.push(curArg);
 		      }
-		      return exports$1.setup(Object.create(new.target.prototype), globalObject, args);
+		      return exports.setup(Object.create(new.target.prototype), globalObject, args);
 		    }
 		    append(name, value) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'append' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      if (arguments.length < 2) {
@@ -53872,7 +53940,7 @@ function requireURLSearchParams () {
 		    }
 		    delete(name) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'delete' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      if (arguments.length < 1) {
@@ -53901,7 +53969,7 @@ function requireURLSearchParams () {
 		    }
 		    get(name) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      if (arguments.length < 1) {
@@ -53920,7 +53988,7 @@ function requireURLSearchParams () {
 		    }
 		    getAll(name) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'getAll' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      if (arguments.length < 1) {
@@ -53939,7 +54007,7 @@ function requireURLSearchParams () {
 		    }
 		    has(name) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'has' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      if (arguments.length < 1) {
@@ -53968,7 +54036,7 @@ function requireURLSearchParams () {
 		    }
 		    set(name, value) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      if (arguments.length < 2) {
@@ -53995,38 +54063,38 @@ function requireURLSearchParams () {
 		    }
 		    sort() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'sort' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      return utils.tryWrapperForImpl(esValue[implSymbol].sort());
 		    }
 		    toString() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'toString' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      return esValue[implSymbol].toString();
 		    }
 		    keys() {
-		      if (!exports$1.is(this)) {
+		      if (!exports.is(this)) {
 		        throw new globalObject.TypeError("'keys' called on an object that is not a valid instance of URLSearchParams.");
 		      }
-		      return exports$1.createDefaultIterator(globalObject, this, "key");
+		      return exports.createDefaultIterator(globalObject, this, "key");
 		    }
 		    values() {
-		      if (!exports$1.is(this)) {
+		      if (!exports.is(this)) {
 		        throw new globalObject.TypeError("'values' called on an object that is not a valid instance of URLSearchParams.");
 		      }
-		      return exports$1.createDefaultIterator(globalObject, this, "value");
+		      return exports.createDefaultIterator(globalObject, this, "value");
 		    }
 		    entries() {
-		      if (!exports$1.is(this)) {
+		      if (!exports.is(this)) {
 		        throw new globalObject.TypeError("'entries' called on an object that is not a valid instance of URLSearchParams.");
 		      }
-		      return exports$1.createDefaultIterator(globalObject, this, "key+value");
+		      return exports.createDefaultIterator(globalObject, this, "key+value");
 		    }
 		    forEach(callback) {
-		      if (!exports$1.is(this)) {
+		      if (!exports.is(this)) {
 		        throw new globalObject.TypeError("'forEach' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      if (arguments.length < 1) {
@@ -54047,7 +54115,7 @@ function requireURLSearchParams () {
 		    }
 		    get size() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get size' called on an object that is not a valid instance of URLSearchParams.");
 		      }
 		      return esValue[implSymbol]["size"];
@@ -54371,23 +54439,23 @@ var hasRequiredURL;
 function requireURL () {
 	if (hasRequiredURL) return URL$2;
 	hasRequiredURL = 1;
-	(function (exports$1) {
+	(function (exports) {
 
 		const conversions = requireLib();
 		const utils = requireUtils$1();
 		const implSymbol = utils.implSymbol;
 		const ctorRegistrySymbol = utils.ctorRegistrySymbol;
 		const interfaceName = "URL";
-		exports$1.is = value => {
+		exports.is = value => {
 		  return utils.isObject(value) && utils.hasOwn(value, implSymbol) && value[implSymbol] instanceof Impl.implementation;
 		};
-		exports$1.isImpl = value => {
+		exports.isImpl = value => {
 		  return utils.isObject(value) && value instanceof Impl.implementation;
 		};
-		exports$1.convert = (globalObject, value, {
+		exports.convert = (globalObject, value, {
 		  context = "The provided value"
 		} = {}) => {
-		  if (exports$1.is(value)) {
+		  if (exports.is(value)) {
 		    return utils.implForWrapper(value);
 		  }
 		  throw new globalObject.TypeError(`${context} is not of type 'URL'.`);
@@ -54402,18 +54470,18 @@ function requireURL () {
 		  }
 		  return Object.create(proto);
 		}
-		exports$1.create = (globalObject, constructorArgs, privateData) => {
+		exports.create = (globalObject, constructorArgs, privateData) => {
 		  const wrapper = makeWrapper(globalObject);
-		  return exports$1.setup(wrapper, globalObject, constructorArgs, privateData);
+		  return exports.setup(wrapper, globalObject, constructorArgs, privateData);
 		};
-		exports$1.createImpl = (globalObject, constructorArgs, privateData) => {
-		  const wrapper = exports$1.create(globalObject, constructorArgs, privateData);
+		exports.createImpl = (globalObject, constructorArgs, privateData) => {
+		  const wrapper = exports.create(globalObject, constructorArgs, privateData);
 		  return utils.implForWrapper(wrapper);
 		};
-		exports$1._internalSetup = (wrapper, globalObject) => {};
-		exports$1.setup = (wrapper, globalObject, constructorArgs = [], privateData = {}) => {
+		exports._internalSetup = (wrapper, globalObject) => {};
+		exports.setup = (wrapper, globalObject, constructorArgs = [], privateData = {}) => {
 		  privateData.wrapper = wrapper;
-		  exports$1._internalSetup(wrapper, globalObject);
+		  exports._internalSetup(wrapper, globalObject);
 		  Object.defineProperty(wrapper, implSymbol, {
 		    value: new Impl.implementation(globalObject, constructorArgs, privateData),
 		    configurable: true
@@ -54424,9 +54492,9 @@ function requireURL () {
 		  }
 		  return wrapper;
 		};
-		exports$1.new = (globalObject, newTarget) => {
+		exports.new = (globalObject, newTarget) => {
 		  const wrapper = makeWrapper(globalObject, newTarget);
-		  exports$1._internalSetup(wrapper, globalObject);
+		  exports._internalSetup(wrapper, globalObject);
 		  Object.defineProperty(wrapper, implSymbol, {
 		    value: Object.create(Impl.implementation.prototype),
 		    configurable: true
@@ -54438,7 +54506,7 @@ function requireURL () {
 		  return wrapper[implSymbol];
 		};
 		const exposed = new Set(["Window", "Worker"]);
-		exports$1.install = (globalObject, globalNames) => {
+		exports.install = (globalObject, globalNames) => {
 		  if (!globalNames.some(globalName => exposed.has(globalName))) {
 		    return;
 		  }
@@ -54467,25 +54535,25 @@ function requireURL () {
 		        }
 		        args.push(curArg);
 		      }
-		      return exports$1.setup(Object.create(new.target.prototype), globalObject, args);
+		      return exports.setup(Object.create(new.target.prototype), globalObject, args);
 		    }
 		    toJSON() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'toJSON' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol].toJSON();
 		    }
 		    get href() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get href' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["href"];
 		    }
 		    set href(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set href' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54496,28 +54564,28 @@ function requireURL () {
 		    }
 		    toString() {
 		      const esValue = this;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'toString' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["href"];
 		    }
 		    get origin() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get origin' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["origin"];
 		    }
 		    get protocol() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get protocol' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["protocol"];
 		    }
 		    set protocol(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set protocol' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54528,14 +54596,14 @@ function requireURL () {
 		    }
 		    get username() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get username' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["username"];
 		    }
 		    set username(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set username' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54546,14 +54614,14 @@ function requireURL () {
 		    }
 		    get password() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get password' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["password"];
 		    }
 		    set password(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set password' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54564,14 +54632,14 @@ function requireURL () {
 		    }
 		    get host() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get host' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["host"];
 		    }
 		    set host(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set host' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54582,14 +54650,14 @@ function requireURL () {
 		    }
 		    get hostname() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get hostname' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["hostname"];
 		    }
 		    set hostname(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set hostname' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54600,14 +54668,14 @@ function requireURL () {
 		    }
 		    get port() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get port' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["port"];
 		    }
 		    set port(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set port' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54618,14 +54686,14 @@ function requireURL () {
 		    }
 		    get pathname() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get pathname' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["pathname"];
 		    }
 		    set pathname(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set pathname' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54636,14 +54704,14 @@ function requireURL () {
 		    }
 		    get search() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get search' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["search"];
 		    }
 		    set search(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set search' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -54654,7 +54722,7 @@ function requireURL () {
 		    }
 		    get searchParams() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get searchParams' called on an object that is not a valid instance of URL.");
 		      }
 		      return utils.getSameObject(this, "searchParams", () => {
@@ -54663,14 +54731,14 @@ function requireURL () {
 		    }
 		    get hash() {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'get hash' called on an object that is not a valid instance of URL.");
 		      }
 		      return esValue[implSymbol]["hash"];
 		    }
 		    set hash(V) {
 		      const esValue = this !== null && this !== undefined ? this : globalObject;
-		      if (!exports$1.is(esValue)) {
+		      if (!exports.is(esValue)) {
 		        throw new globalObject.TypeError("'set hash' called on an object that is not a valid instance of URL.");
 		      }
 		      V = conversions["USVString"](V, {
@@ -89829,12 +89897,16 @@ const createLocalStorage = () => {
   return localStorage;
 };
 
-const getGlobals = (width, height, devicePixelRatio = 1) => {
+/* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
+
+const getGlobals = (window, width, height, devicePixelRatio = 1) => {
   const localStorage = createLocalStorage();
+  const getComputedStyle = window.getComputedStyle.bind(window);
   return {
     globalGlobals: {
       alert: alert,
       devicePixelRatio,
+      getComputedStyle,
       innerHeight: height,
       innerWidth: width,
       localStorage
@@ -89842,6 +89914,7 @@ const getGlobals = (width, height, devicePixelRatio = 1) => {
     windowGlobals: {
       alert: alert,
       devicePixelRatio,
+      getComputedStyle,
       innerHeight: height,
       innerWidth: width
     }
@@ -89938,6 +90011,10 @@ const getTopLevelFunctionNames = script => {
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 
 const setGlobals = (window, globalGlobals, windowGlobals) => {
+  const globalScope = globalThis;
+  globalScope.addEventListener = window.addEventListener.bind(window);
+  globalScope.removeEventListener = window.removeEventListener.bind(window);
+  globalScope.dispatchEvent = window.dispatchEvent.bind(window);
   for (const [key, value] of Object.entries(globalGlobals)) {
     // @ts-ignore
     globalThis[key] = value;
@@ -89956,7 +90033,7 @@ const executeScripts = (window, document, scripts, width = 0, height = 0, device
   const {
     globalGlobals,
     windowGlobals
-  } = getGlobals(width, height, devicePixelRatio);
+  } = getGlobals(window, width, height, devicePixelRatio);
   setGlobals(window, globalGlobals, windowGlobals);
   let firstError = null;
   let firstCodeFrame = '';
@@ -90011,6 +90088,9 @@ const getParsedNodesChildNodeCount = parsedDom => {
 /* eslint-disable @typescript-eslint/no-floating-promises */
 
 const observers = new Map();
+const isInternalMutation = records => {
+  return records.length > 0 && records.every(record => record.type === 'attributes' && record.attributeName === 'data-id');
+};
 const handleMutations = async uid => {
   const happyDomInstance = get(uid);
   if (!happyDomInstance) {
@@ -90036,7 +90116,10 @@ const observe = (uid, document, window) => {
   if (existingObserver) {
     existingObserver.disconnect();
   }
-  const observer = new window.MutationObserver(() => {
+  const observer = new window.MutationObserver(records => {
+    if (isInternalMutation(records)) {
+      return;
+    }
     handleMutations(uid);
   });
   observer.observe(document.documentElement, {
@@ -90068,6 +90151,12 @@ const toNumber = value => {
 
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 
+const toCanvasRect = rect => {
+  return {
+    ...rect,
+    toJSON: () => rect
+  };
+};
 const reflectCanvasDimensionAttribute = (element, name, value) => {
   element.setAttribute(name, String(value));
 };
@@ -90160,28 +90249,20 @@ const patchCanvasElements = async (document, uid) => {
 
     // @ts-ignore
     element.getBoundingClientRect = () => {
-      return {
+      const rect = getRect(uid, dataId);
+      if (rect) {
+        return toCanvasRect(rect);
+      }
+      return toCanvasRect({
         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,
@@ -90196,6 +90277,85 @@ const patchCanvasElements = async (document, uid) => {
   });
 };
 
+const toRect = rect => {
+  return {
+    ...rect,
+    toJSON: () => rect
+  };
+};
+const getCanvasDimension = (element, name) => {
+  const value = Number(element[name]);
+  if (Number.isFinite(value)) {
+    return value;
+  }
+  const attributeValue = Number(element.getAttribute?.(name) || 0);
+  if (Number.isFinite(attributeValue)) {
+    return attributeValue;
+  }
+  return 0;
+};
+const getDirectCanvasChildRect = element => {
+  const {
+    children
+  } = element;
+  if (!children) {
+    return undefined;
+  }
+  for (let i = 0; i < children.length; i++) {
+    const child = children[i];
+    const tagName = (child?.tagName || '').toLowerCase();
+    if (tagName === 'canvas' && typeof child.getBoundingClientRect === 'function') {
+      return toRect(child.getBoundingClientRect());
+    }
+  }
+  return undefined;
+};
+const getFallbackRect = element => {
+  const tagName = (element.tagName || '').toLowerCase();
+  if (tagName === 'canvas') {
+    const width = getCanvasDimension(element, 'width');
+    const height = getCanvasDimension(element, 'height');
+    return toRect({
+      bottom: height,
+      height,
+      left: 0,
+      right: width,
+      top: 0,
+      width,
+      x: 0,
+      y: 0
+    });
+  }
+  const directCanvasChildRect = getDirectCanvasChildRect(element);
+  if (directCanvasChildRect) {
+    return directCanvasChildRect;
+  }
+  return toRect({
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+    x: 0,
+    y: 0
+  });
+};
+const patchElement = (uid, hdId, element) => {
+  element.getBoundingClientRect = () => {
+    const rect = getRect(uid, hdId);
+    if (rect) {
+      return toRect(rect);
+    }
+    return getFallbackRect(element);
+  };
+};
+const patchElementGeometry = (uid, elementMap) => {
+  for (const [hdId, element] of Object.entries(elementMap)) {
+    patchElement(uid, hdId, element);
+  }
+};
+
 const updateContent = async (uid, width, height, content, scripts) => {
   try {
     const {
@@ -90203,12 +90363,16 @@ const updateContent = async (uid, width, height, content, scripts) => {
       window: happyDomWindow
     } = createWindow(content);
     await patchCanvasElements(happyDomDocument, uid);
+    const initialElementMap = Object.create(null);
+    serialize(happyDomDocument, initialElementMap);
+    patchElementGeometry(uid, initialElementMap);
     const {
       codeFrame,
       error
     } = executeScripts(happyDomWindow, happyDomDocument, scripts, width, height);
     const elementMap = Object.create(null);
     serialize(happyDomDocument, elementMap);
+    patchElementGeometry(uid, elementMap);
     set$1(uid, {
       document: happyDomDocument,
       elementMap,
@@ -90279,6 +90443,7 @@ const commandMap = {
   'SandBox.handlePointerup': handlePointerup,
   'SandBox.loadContent': loadContent,
   'SandBox.resize': resize,
+  'SandBox.setGeometryBuffer': setGeometryBuffer,
   'SandBox.terminate': terminate
 };
 

package/package.json

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