@lvce-editor/preview-sandbox-worker 4.11.1 → 4.12.0

package/dist/previewSandBoxWorkerMain.js

@@ -529,7 +529,7 @@ const execute = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks$1 = Object.create(null);
-const get$2 = id => {
+const get$3 = id => {
   return callbacks$1[id];
 };
 const remove$2 = id => {
@@ -719,7 +719,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$2(id);
+  const fn = get$3(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -1114,7 +1114,7 @@ const rpcs = Object.create(null);
 const set$5 = (id, rpc) => {
   rpcs[id] = rpc;
 };
-const get$1 = id => {
+const get$2 = id => {
   return rpcs[id];
 };
 const remove$1 = id => {
@@ -1125,18 +1125,18 @@ const remove$1 = id => {
 const create = rpcId => {
   return {
     async dispose() {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       await rpc.dispose();
     },
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$1(rpcId);
+      const rpc = get$2(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -1158,20 +1158,190 @@ const create = rpcId => {
   };
 };
 
+const Audio = 0;
+const Button$1 = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div$1 = 4;
+const H1$1 = 5;
+const Input$1 = 6;
+const Kbd = 7;
+const Span$1 = 8;
+const Table$1 = 9;
+const TBody$1 = 10;
+const Td$1 = 11;
+const Text = 12;
+const Th$1 = 13;
+const THead$1 = 14;
+const Tr$1 = 15;
+const I = 16;
+const Img$1 = 17;
+const Root = 0;
+const Ins = 20;
+const Del$1 = 21;
+const H2$1 = 22;
+const H3$1 = 23;
+const H4$1 = 24;
+const H5$1 = 25;
+const H6$1 = 26;
+const Article$1 = 27;
+const Aside$1 = 28;
+const Footer$1 = 29;
+const Header$1 = 30;
+const Nav$1 = 40;
+const Section$1 = 41;
+const Search$1 = 42;
+const Dd$1 = 43;
+const Dl$1 = 44;
+const Figcaption$1 = 45;
+const Figure$1 = 46;
+const Hr$1 = 47;
+const Li$1 = 48;
+const Ol$1 = 49;
+const P$1 = 50;
+const Pre$1 = 51;
+const A$1 = 53;
+const Abbr$1 = 54;
+const Br$1 = 55;
+const Cite$1 = 56;
+const Data$1 = 57;
+const Time$1 = 58;
+const Tfoot$1 = 59;
+const Ul$1 = 60;
+const Video = 61;
+const TextArea$1 = 62;
+const Select$1 = 63;
+const Option$1 = 64;
+const Code$1 = 65;
+const Label$1 = 66;
+const Dt$1 = 67;
+const Iframe$1 = 68;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas$1 = 77;
+const Form$1 = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle$1 = 81;
+const Defs$1 = 82;
+const Ellipse$1 = 83;
+const G$1 = 84;
+const Line$1 = 85;
+const Path$1 = 86;
+const Polygon$1 = 87;
+const Polyline$1 = 88;
+const Rect$1 = 89;
+const Svg$1 = 90;
+const Use$1 = 91;
+const Reference = 100;
+
+const VirtualDomElements = {
+  __proto__: null,
+  A: A$1,
+  Abbr: Abbr$1,
+  Article: Article$1,
+  Aside: Aside$1,
+  Audio,
+  BlockQuote,
+  Br: Br$1,
+  Button: Button$1,
+  Canvas: Canvas$1,
+  Circle: Circle$1,
+  Cite: Cite$1,
+  Code: Code$1,
+  Col,
+  ColGroup,
+  Data: Data$1,
+  Dd: Dd$1,
+  Defs: Defs$1,
+  Del: Del$1,
+  Div: Div$1,
+  Dl: Dl$1,
+  Dt: Dt$1,
+  Ellipse: Ellipse$1,
+  Em,
+  Figcaption: Figcaption$1,
+  Figure: Figure$1,
+  Footer: Footer$1,
+  Form: Form$1,
+  G: G$1,
+  H1: H1$1,
+  H2: H2$1,
+  H3: H3$1,
+  H4: H4$1,
+  H5: H5$1,
+  H6: H6$1,
+  Head,
+  Header: Header$1,
+  Hr: Hr$1,
+  Html,
+  I,
+  Iframe: Iframe$1,
+  Img: Img$1,
+  Input: Input$1,
+  Ins,
+  Kbd,
+  Label: Label$1,
+  Li: Li$1,
+  Line: Line$1,
+  Main,
+  Meta,
+  Nav: Nav$1,
+  Ol: Ol$1,
+  Option: Option$1,
+  P: P$1,
+  Path: Path$1,
+  Polygon: Polygon$1,
+  Polyline: Polyline$1,
+  Pre: Pre$1,
+  Quote,
+  Rect: Rect$1,
+  Reference,
+  Root,
+  Search: Search$1,
+  Section: Section$1,
+  Select: Select$1,
+  Span: Span$1,
+  Strong,
+  Style,
+  Svg: Svg$1,
+  TBody: TBody$1,
+  THead: THead$1,
+  Table: Table$1,
+  Td: Td$1,
+  Text,
+  TextArea: TextArea$1,
+  Tfoot: Tfoot$1,
+  Th: Th$1,
+  Time: Time$1,
+  Title,
+  Tr: Tr$1,
+  Ul: Ul$1,
+  Use: Use$1,
+  Video
+};
+
 const DialogWorker = 7014;
 const RendererWorker = 1;
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$2,
   set: set$4
 } = create(DialogWorker);
 
 const {
-  invoke,
+  invoke: invoke$1,
   set: set$3
 } = create(3211);
 
 const {
+  invoke,
   invokeAndTransfer,
   set: set$2
 } = create(RendererWorker);
@@ -1179,6 +1349,9 @@ const sendMessagePortToDialogWorker = async port => {
   const command = 'HandleMessagePort.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDialogWorker', port, command);
 };
+const getPreference = async key => {
+  return await invoke('Preferences.get', key);
+};
 
 const terminate = () => {
   globalThis.close();
@@ -1269,7 +1442,7 @@ const getOffscreenCanvas = async (uid, width, height) => {
     id,
     promise
   } = registerCallback();
-  await invoke('Preview.createOffscreenCanvas', uid, id, width, height);
+  await invoke$1('Preview.createOffscreenCanvas', uid, id, width, height);
   const [offscreenCanvas, canvasId] = await promise;
   return {
     canvasId,
@@ -1280,68 +1453,13 @@ const getOffscreenCanvas = async (uid, width, height) => {
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 
 const states$2 = new Map();
-const get = uid => {
+const get$1 = uid => {
   return states$2.get(uid);
 };
 const set$1 = (uid, instance) => {
   states$2.set(uid, instance);
 };
 
-const Button$1 = 1;
-const Div$1 = 4;
-const H1$1 = 5;
-const Input$1 = 6;
-const Span$1 = 8;
-const Table$1 = 9;
-const TBody$1 = 10;
-const Td$1 = 11;
-const Text = 12;
-const Th$1 = 13;
-const THead$1 = 14;
-const Tr$1 = 15;
-const Img$1 = 17;
-const Del$1 = 21;
-const H2$1 = 22;
-const H3$1 = 23;
-const H4$1 = 24;
-const H5$1 = 25;
-const H6$1 = 26;
-const Article$1 = 27;
-const Aside$1 = 28;
-const Footer$1 = 29;
-const Header$1 = 30;
-const Nav$1 = 40;
-const Section$1 = 41;
-const Search$1 = 42;
-const Dd$1 = 43;
-const Dl$1 = 44;
-const Figcaption$1 = 45;
-const Figure$1 = 46;
-const Hr$1 = 47;
-const Li$1 = 48;
-const Ol$1 = 49;
-const P$1 = 50;
-const Pre$1 = 51;
-const A$1 = 53;
-const Abbr$1 = 54;
-const Br$1 = 55;
-const Cite$1 = 56;
-const Data$1 = 57;
-const Time$1 = 58;
-const Tfoot$1 = 59;
-const Ul$1 = 60;
-const TextArea$1 = 62;
-const Select$1 = 63;
-const Option$1 = 64;
-const Code$1 = 65;
-const Label$1 = 66;
-const Dt$1 = 67;
-const Iframe$1 = 68;
-const Style = 72;
-const Html = 73;
-const Canvas$1 = 77;
-const Reference = 100;
-
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
@@ -1354,6 +1472,8 @@ const text = data => {
   };
 };
 
+new Set(Object.values(VirtualDomElements));
+
 const Body = 'Body';
 
 const Div = 'div';
@@ -1407,6 +1527,17 @@ const Iframe = 'iframe';
 const Del = 'del';
 const H6 = 'h6';
 const Canvas = 'canvas';
+const Circle = 'circle';
+const Defs = 'defs';
+const Ellipse = 'ellipse';
+const G = 'g';
+const Line = 'line';
+const Path = 'path';
+const Polygon = 'polygon';
+const Polyline = 'polyline';
+const Rect = 'rect';
+const Svg = 'svg';
+const Use = 'use';
 
 const tagMap = {
   [A]: A$1,
@@ -1416,18 +1547,22 @@ const tagMap = {
   [Br]: Br$1,
   [Button]: Button$1,
   [Canvas]: Canvas$1,
+  [Circle]: Circle$1,
   [Cite]: Cite$1,
   [Code]: Code$1,
   [Data]: Data$1,
   [Dd]: Dd$1,
+  [Defs]: Defs$1,
   [Del]: Del$1,
   [Div]: Div$1,
   [Dl]: Dl$1,
   [Dt]: Dt$1,
+  [Ellipse]: Ellipse$1,
   [Figcaption]: Figcaption$1,
   [Figure]: Figure$1,
   [Footer]: Footer$1,
   [Form]: Div$1,
+  [G]: G$1,
   [H1]: H1$1,
   [H2]: H2$1,
   [H3]: H3$1,
@@ -1441,15 +1576,21 @@ const tagMap = {
   [Input]: Input$1,
   [Label]: Label$1,
   [Li]: Li$1,
+  [Line]: Line$1,
   [Nav]: Nav$1,
   [Ol]: Ol$1,
   [Option]: Option$1,
   [P]: P$1,
+  [Path]: Path$1,
+  [Polygon]: Polygon$1,
+  [Polyline]: Polyline$1,
   [Pre]: Pre$1,
+  [Rect]: Rect$1,
   [Search]: Search$1,
   [Section]: Section$1,
   [Select]: Select$1,
   [Span]: Span$1,
+  [Svg]: Svg$1,
   [Table]: Table$1,
   [TBody]: TBody$1,
   [Td]: Td$1,
@@ -1460,6 +1601,7 @@ const tagMap = {
   [Time]: Time$1,
   [Tr]: Tr$1,
   [Ul]: Ul$1,
+  [Use]: Use$1,
   html: Html,
   style: Style
 };
@@ -1488,6 +1630,7 @@ const commonAllowedAttributes = new Set([
 'reversed', 'start',
 // Other semantic attributes
 'open', 'datetime', 'cite', 'for', 'label']);
+const svgAllowedAttributes = new Set(['cx', 'cy', 'd', 'fill', 'fill-opacity', 'fill-rule', 'offset', 'opacity', 'points', 'preserveAspectRatio', 'r', 'rx', 'ry', 'stop-color', 'stop-opacity', 'stroke', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-opacity', 'stroke-width', 'transform', 'vector-effect', 'viewBox', 'x', 'x1', 'x2', 'y', 'y1', 'y2']);
 const isDefaultAllowedAttribute = (attributeName, defaultAllowedAttributes) => {
   // Allow data-* attributes
   if (attributeName.startsWith('data-')) {
@@ -1501,6 +1644,9 @@ const isDefaultAllowedAttribute = (attributeName, defaultAllowedAttributes) => {
   if (commonAllowedAttributes.has(attributeName)) {
     return true;
   }
+  if (svgAllowedAttributes.has(attributeName)) {
+    return true;
+  }
   // Check if in default list
   return defaultAllowedAttributes.includes(attributeName);
 };
@@ -1684,7 +1830,7 @@ const serialize = (document, elementMap = Object.create(null)) => {
 };
 
 const getSerializedDom = uid => {
-  const item = get(uid);
+  const item = get$1(uid);
   if (!item) {
     throw new Error(`No HappyDom instance found for uid ${uid}`);
   }
@@ -1729,7 +1875,7 @@ const dispatchChangeEvent = (element, window) => {
 };
 
 const handleChangeLocal = (uid, hdId, value) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -1760,7 +1906,7 @@ const dispatchClickEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handleClickLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -1786,7 +1932,7 @@ const dispatchContextmenuEvent = (element, window, clientX = 0, clientY = 0) =>
 };
 
 const handleContextmenuLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -1808,7 +1954,7 @@ const dispatchInputEvent = (element, window) => {
 };
 
 const handleInputLocal = (uid, hdId, value) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -1966,7 +2112,7 @@ const dispatchKeydownEvent = (element, window, key, code) => {
 };
 
 const handleKeydownLocal = (uid, hdId, key, code) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2013,7 +2159,7 @@ const dispatchKeyupEvent = (element, window, key, code) => {
 };
 
 const handleKeyupLocal = (uid, hdId, key, code) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2051,7 +2197,7 @@ const dispatchMousedownEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handleMousedownLocal = (uid, hdId, clientX, clientY) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2075,7 +2221,7 @@ const dispatchMouseleaveEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handleMouseleaveLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2101,7 +2247,7 @@ const dispatchMousemoveEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handleMousemoveLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2127,7 +2273,7 @@ const dispatchMouseoutEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handleMouseoutLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2151,7 +2297,7 @@ const dispatchMouseoverEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handleMouseoverLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2175,7 +2321,7 @@ const dispatchMouseupEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handleMouseupLocal = (uid, hdId, clientX, clientY) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2206,7 +2352,7 @@ const dispatchPointerdownEvent = (element, window, clientX = 0, clientY = 0) =>
 };
 
 const handlePointerdownLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2237,7 +2383,7 @@ const dispatchPointermoveEvent = (element, window, clientX = 0, clientY = 0) =>
 };
 
 const handlePointermoveLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2268,7 +2414,7 @@ const dispatchPointeroutEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handlePointeroutLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2299,7 +2445,7 @@ const dispatchPointeroverEvent = (element, window, clientX = 0, clientY = 0) =>
 };
 
 const handlePointeroverLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2330,7 +2476,7 @@ const dispatchPointerupEvent = (element, window, clientX = 0, clientY = 0) => {
 };
 
 const handlePointerupLocal = (uid, hdId, clientX, clientY, x, y) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -2344,6 +2490,32 @@ const handlePointerup = (uid, hdId, clientX = 0, clientY = 0, x = 0, y = 0) => {
   return handlePointerupLocal(uid, hdId, clientX, clientY, x, y);
 };
 
+const get = async key => {
+  return getPreference(key);
+};
+
+const errorUids = new Set();
+const workerConsole$1 = globalThis.console;
+const isClearableError = error => {
+  return error.name === 'ReferenceError' || error.name === 'SyntaxError';
+};
+const handle = async (uid, error) => {
+  const hadClearableError = errorUids.delete(uid);
+  if (error) {
+    if (isClearableError(error)) {
+      errorUids.add(uid);
+    }
+    return;
+  }
+  if (!hadClearableError) {
+    return;
+  }
+  const enabled = await get('preview.clearConsoleOnErrorResolved');
+  if (enabled === true) {
+    workerConsole$1.clear();
+  }
+};
+
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
 }
@@ -90015,7 +90187,7 @@ const getErrorCodeFrame = (scriptContent, error, contextLines = 2) => {
 };
 
 const alert = message => {
-  void invoke$1('ConfirmPrompt.prompt', message);
+  void invoke$2('ConfirmPrompt.prompt', message);
 };
 
 const createLocalStorage = () => {
@@ -90448,7 +90620,7 @@ 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);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }
@@ -90461,7 +90633,7 @@ const handleMutations = async uid => {
   });
   getParsedNodesChildNodeCount(serialized.dom);
   try {
-    await invoke('Preview.handleMutation', uid);
+    await invoke$1('Preview.handleMutation', uid);
   } catch (error) {
     console.error(error);
     // ignore
@@ -90806,13 +90978,14 @@ const loadContent = async (uid, width, height, content, scripts) => {
   if (error) {
     console.warn(`preview error: ${error} ${codeFrame}`);
   }
+  await handle(uid, error);
   return {
     errorMessage
   };
 };
 
 const resize = (uid, dimensions) => {
-  const happyDomInstance = get(uid);
+  const happyDomInstance = get$1(uid);
   if (!happyDomInstance) {
     return;
   }

package/package.json

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

package/settings.json

@@ -0,0 +1,10 @@
+[
+  {
+    "category": "preview",
+    "description": "Controls whether the developer console is cleared after a preview syntax or reference error is resolved.",
+    "heading": "Clear Console On Error Resolved",
+    "id": "preview.clearConsoleOnErrorResolved",
+    "type": 3,
+    "value": false
+  }
+]