@lvce-editor/static-server 0.80.16 → 0.80.17

package/static/{995dbd2 → a3a3cca}/packages/preview-sandbox-worker/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++);
@@ -1599,12 +1607,137 @@ const handleInput = (uid, hdId, value) => {
   return handleInputLocal(uid, hdId, value);
 };
 
+const numericCodeMap = {
+  13: 'Enter',
+  27: 'Escape',
+  32: 'Space',
+  37: 'ArrowLeft',
+  38: 'ArrowUp',
+  39: 'ArrowRight',
+  40: 'ArrowDown',
+  8: 'Backspace',
+  9: 'Tab'
+};
+
+// cspell:ignore Spacebar
+
+const invalidCodeValues = new Set(['code', 'event.code', 'e.code', 'key', 'event.key', 'e.key']);
+const getNumericCode = code => {
+  if (typeof code === 'number' && Number.isFinite(code)) {
+    return code;
+  }
+  if (typeof code === 'string' && /^\d+$/.test(code)) {
+    return Number(code);
+  }
+  return undefined;
+};
+const getCodeFromNumericCode = numericCode => {
+  if (numericCodeMap[numericCode]) {
+    return numericCodeMap[numericCode];
+  }
+  if (numericCode >= 48 && numericCode <= 57) {
+    return `Digit${String.fromCodePoint(numericCode)}`;
+  }
+  if (numericCode >= 65 && numericCode <= 90) {
+    return `Key${String.fromCodePoint(numericCode)}`;
+  }
+  return String(numericCode);
+};
+const getCodeFromKey = key => {
+  if (key === ' ' || key === 'Space' || key === 'Spacebar') {
+    return 'Space';
+  }
+  if (key === 'Enter' || key.startsWith('Arrow')) {
+    return key;
+  }
+  if (/^[a-z]$/i.test(key)) {
+    return `Key${key.toUpperCase()}`;
+  }
+  if (/^\d$/.test(key)) {
+    return `Digit${key}`;
+  }
+  return key;
+};
+const isInvalidCodeString = code => {
+  const trimmedCode = code.trim();
+  if (!trimmedCode) {
+    return true;
+  }
+  return invalidCodeValues.has(trimmedCode);
+};
+const getNormalizedCode = (key, code) => {
+  const numericCode = getNumericCode(code);
+  if (numericCode !== undefined) {
+    return getCodeFromNumericCode(numericCode);
+  }
+  if (typeof code === 'string' && !isInvalidCodeString(code)) {
+    return code.trim();
+  }
+  return getCodeFromKey(key);
+};
+const getNormalizedKey = (key, normalizedCode) => {
+  if (key === 'Space' || key === 'Spacebar') {
+    return ' ';
+  }
+  if (key) {
+    return key;
+  }
+  if (normalizedCode === 'Space') {
+    return ' ';
+  }
+  if (/^Key[A-Z]$/.test(normalizedCode)) {
+    return normalizedCode.slice(3).toLowerCase();
+  }
+  if (/^Digit\d$/.test(normalizedCode)) {
+    return normalizedCode.slice(5);
+  }
+  return normalizedCode;
+};
+const getLegacyKeyCode = (normalizedCode, code) => {
+  const numericCode = getNumericCode(code);
+  if (numericCode !== undefined) {
+    return numericCode;
+  }
+  for (const [key, value] of Object.entries(numericCodeMap)) {
+    if (value === normalizedCode) {
+      return Number(key);
+    }
+  }
+  if (/^Key[A-Z]$/.test(normalizedCode)) {
+    return normalizedCode.codePointAt(3) ?? 0;
+  }
+  if (/^Digit\d$/.test(normalizedCode)) {
+    return normalizedCode.codePointAt(5) ?? 0;
+  }
+  return 0;
+};
+const getKeyboardEventInit = (key, code) => {
+  const normalizedCode = getNormalizedCode(key, code);
+  const normalizedKey = getNormalizedKey(key, normalizedCode);
+  const keyCode = getLegacyKeyCode(normalizedCode, code);
+  return {
+    code: normalizedCode,
+    key: normalizedKey,
+    keyCode
+  };
+};
+
+const setLegacyKeyCode$1 = (event, keyCode) => {
+  Object.defineProperty(event, 'keyCode', {
+    value: keyCode
+  });
+  Object.defineProperty(event, 'which', {
+    value: keyCode
+  });
+};
 const dispatchKeydownEvent = (element, window, key, code) => {
+  const keyboardEventInit = getKeyboardEventInit(key, code);
   const keydownEvent = new window.KeyboardEvent('keydown', {
     bubbles: true,
-    code,
-    key
+    code: keyboardEventInit.code,
+    key: keyboardEventInit.key
   });
+  setLegacyKeyCode$1(keydownEvent, keyboardEventInit.keyCode);
   dispatchEvent(element, keydownEvent);
 };
 
@@ -1613,28 +1746,43 @@ const handleKeydownLocal = (uid, hdId, key, code) => {
   if (!happyDomInstance) {
     return;
   }
-  const element = hdId ? happyDomInstance.elementMap[hdId] : happyDomInstance.document;
+  const {
+    document,
+    elementMap,
+    window
+  } = happyDomInstance;
+  const element = hdId ? elementMap[hdId] : document;
   if (!element) {
     return;
   }
-  dispatchKeydownEvent(element, happyDomInstance.window, key, code);
-  const elementMap = Object.create(null);
+  dispatchKeydownEvent(element, window, key, code);
+  const newElementMap = Object.create(null);
   set$1(uid, {
-    document: happyDomInstance.document,
-    elementMap,
-    window: happyDomInstance.window
+    document,
+    elementMap: newElementMap,
+    window
   });
 };
 const handleKeydown = (uid, hdId, key, code) => {
   return handleKeydownLocal(uid, hdId, key, code);
 };
 
+const setLegacyKeyCode = (event, keyCode) => {
+  Object.defineProperty(event, 'keyCode', {
+    value: keyCode
+  });
+  Object.defineProperty(event, 'which', {
+    value: keyCode
+  });
+};
 const dispatchKeyupEvent = (element, window, key, code) => {
+  const keyboardEventInit = getKeyboardEventInit(key, code);
   const keyupEvent = new window.KeyboardEvent('keyup', {
     bubbles: true,
-    code,
-    key
+    code: keyboardEventInit.code,
+    key: keyboardEventInit.key
   });
+  setLegacyKeyCode(keyupEvent, keyboardEventInit.keyCode);
   dispatchEvent(element, keyupEvent);
 };
 
@@ -89681,17 +89829,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 +89951,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 +90068,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 +90118,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 +90132,7 @@ const patchCanvasElements = async (document, uid) => {
       get: () => heightValue,
       set: newHeight => {
         heightValue = toNumber(newHeight);
+        reflectCanvasDimensionAttribute(element, 'height', heightValue);
         // @ts-ignore
         element.__offscreenCanvas.height = heightValue;
       }

package/static/{995dbd2 → a3a3cca}/packages/renderer-process/dist/rendererProcessMain.js

@@ -2953,7 +2953,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/995dbd2';
+const assetDir = '/a3a3cca';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {

package/static/{995dbd2 → a3a3cca}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/995dbd2';
+    return '/a3a3cca';
   }
 };
 const assetDir = getAssetDir$1();
@@ -10198,8 +10198,8 @@ const attachDebugger = async pid => {
   await invoke$C('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.80.16';
-const commit$1 = '995dbd2';
+const version = '0.80.17';
+const commit$1 = 'a3a3cca';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$C('Process.getPid');
@@ -18735,7 +18735,7 @@ const ViewletKeyBindings_ipc = {
   saveState: saveState$a
 };
 
-const commit = '995dbd2';
+const commit = 'a3a3cca';
 
 const getDefaultTitleBarHeight = () => {
   switch (getPlatform$1()) {
@@ -19543,7 +19543,7 @@ const loadContent$m = (state, savedState) => {
     windowWidth,
     activityBarSashVisible: true,
     panelSashVisible: true,
-    previewSashVisible: false,
+    previewSashVisible: previewVisible,
     previewUri,
     sideBarLocation,
     sideBarSashVisible: true,
@@ -19574,7 +19574,10 @@ const show$4 = async (state, module, currentViewletId) => {
   }
   const intermediateState = getPoints({
     ...state,
-    [kVisible]: true
+    [kVisible]: true,
+    ...(module === Preview$1 ? {
+      previewSashVisible: true
+    } : {})
   });
   const x = intermediateState[kLeft];
   const y = intermediateState[kTop];
@@ -19694,7 +19697,10 @@ const hide$2 = async (state, module) => {
   } = module;
   const newState = getPoints({
     ...state,
-    [kVisible]: false
+    [kVisible]: false,
+    ...(module === Preview$1 ? {
+      previewSashVisible: false
+    } : {})
   });
   // TODO save state to local storage after rending (in background)
   await saveViewletState(moduleId);
@@ -20046,6 +20052,9 @@ const handleSashSecondarySideBarPointerDown = state => {
 const handleSashPanelPointerDown = state => {
   return handleSashPointerDown(state, Panel$1);
 };
+const handleSashPreviewPointerDown = state => {
+  return handleSashPointerDown(state, Preview$2);
+};
 const handleSashPointerUp = (state, sashId) => {
   const newState = {
     ...state,
@@ -20761,6 +20770,7 @@ const CommandsWithSideEffects = {
   handleSashSideBarPointerDown: handleSashSideBarPointerDown,
   handleSashSecondarySideBarPointerDown: handleSashSecondarySideBarPointerDown,
   handleSashPanelPointerDown: handleSashPanelPointerDown,
+  handleSashPreviewPointerDown: handleSashPreviewPointerDown,
   handleSashPointerMove: handleSashPointerMove,
   handleSashPointerUp: handleSashPointerUp,
   handleWorkspaceRefresh: handleWorkspaceRefresh,
@@ -21347,7 +21357,7 @@ const getSashSecondarySideBarDom = () => {
 const getSashPreviewDom = () => {
   return {
     type: Div,
-    className: 'Viewlet Sash SashVertical',
+    className: 'Viewlet Sash SashVertical SashPreview',
     tabIndex: -1,
     role: 'none',
     onPointerDown: HandleSashPreviewPointerDown
@@ -21632,7 +21642,7 @@ const hasFunctionalRootRender$h = true;
 const hasFunctionalEvents$e = true;
 const renderDom$4 = {
   isEqual(oldState, newState) {
-    return oldState.mainVisible === newState.mainVisible && oldState.mainId === newState.mainId && oldState.titleBarVisible === newState.titleBarVisible && oldState.titleBarId === newState.titleBarId && oldState.activityBarVisible === newState.activityBarVisible && oldState.activityBarId === newState.activityBarId && oldState.panelVisible === newState.panelVisible && oldState.panelId === newState.panelId && oldState.sideBarLocation === newState.sideBarLocation && oldState.sideBarVisible === newState.sideBarVisible && oldState.sideBarId === newState.sideBarId && oldState.secondarySideBarVisible === newState.secondarySideBarVisible && oldState.secondarySideBarId === newState.secondarySideBarId && oldState.statusBarVisible === newState.statusBarVisible && oldState.statusBarId === newState.statusBarId && oldState.previewVisible === newState.previewVisible && oldState.previewId === newState.previewId && oldState.secondarySideBarVisible === newState.secondarySideBarVisible;
+    return oldState.mainVisible === newState.mainVisible && oldState.mainId === newState.mainId && oldState.titleBarVisible === newState.titleBarVisible && oldState.titleBarId === newState.titleBarId && oldState.activityBarVisible === newState.activityBarVisible && oldState.activityBarId === newState.activityBarId && oldState.panelVisible === newState.panelVisible && oldState.panelId === newState.panelId && oldState.sideBarLocation === newState.sideBarLocation && oldState.sideBarVisible === newState.sideBarVisible && oldState.sideBarId === newState.sideBarId && oldState.secondarySideBarVisible === newState.secondarySideBarVisible && oldState.secondarySideBarId === newState.secondarySideBarId && oldState.statusBarVisible === newState.statusBarVisible && oldState.statusBarId === newState.statusBarId && oldState.panelSashVisible === newState.panelSashVisible && oldState.sideBarSashVisible === newState.sideBarSashVisible && oldState.previewVisible === newState.previewVisible && oldState.previewSashVisible === newState.previewSashVisible && oldState.previewId === newState.previewId && oldState.secondarySideBarVisible === newState.secondarySideBarVisible;
   },
   apply(oldState, newState) {
     const commands = renderDom$5(oldState, newState);
@@ -21652,6 +21662,7 @@ const getCss = newState => {
   const panelHeight = newState.panelHeight;
   const secondarySideBarWidth = newState.secondarySideBarWidth;
   const titleBarHeight = newState.titleBarHeight;
+  const previewLeft = newState.previewLeft;
   const previewWidth = newState.previewWidth;
   const sashSideBarLeft = newState.sideBarLeft;
   const secondarySideBarLeft = newState.secondarySideBarLeft;
@@ -21660,6 +21671,7 @@ const getCss = newState => {
   number(sideBarWidth);
   number(secondarySideBarWidth);
   number(titleBarHeight);
+  number(previewLeft);
   number(previewWidth);
   number(sashSideBarLeft);
   number(secondarySideBarLeft);
@@ -21671,6 +21683,7 @@ const getCss = newState => {
   --SideBarWidth: ${getRoundedPixelValue(sideBarWidth)};
   --SecondarySideBarWidth: ${getRoundedPixelValue(secondarySideBarWidth)};
   --TitleBarHeight: ${getPixelValue(titleBarHeight)};
+  --SashPreviewLeft: ${getRoundedPixelValue(previewLeft)};
   --PreviewWidth: ${getPixelValue(previewWidth)};
   --SashSideBarLeft: ${getRoundedPixelValue(sashSideBarLeft)};
   --SashSecondarySideBarLeft: ${getRoundedPixelValue(sashSecondarySideBarLeft)};
@@ -21720,8 +21733,8 @@ const renderEventListeners$c = () => {
     params: ['handleSashPanelPointerUp']
   }, {
     name: HandleSashPreviewPointerDown,
-    params: ['handleSashPreviewPointerDown']
-    // trackPointerEvents: [DomEventListenersFunctions.HandleSashPanelPointerMove, DomEventListenersFunctions.HandleSashPanelPointerUp],
+    params: ['handleSashPreviewPointerDown'],
+    trackPointerEvents: [HandleSashSideBarPointerMove, HandleSashSideBarPointerUp]
   }];
 };
 const renderWindowListeners = {
@@ -21773,6 +21786,7 @@ const ViewletLayout_ipc = {
   handleSashPointerDown,
   handleSashPointerMove,
   handleSashPointerUp,
+  handleSashPreviewPointerDown,
   handleSashSecondarySideBarPointerDown,
   handleSashSideBarPointerDown,
   handleWorkspaceRefresh,