@lvce-editor/static-server 0.49.13 → 0.49.15

package/static/{df291da → b0358a2}/packages/renderer-process/dist/rendererProcessMain.js

@@ -18,6 +18,7 @@ const Developer = 4;
 const Download = 5;
 const EditorController = 6;
 const EditorError$1 = 7;
+const FileHandles = 423;
 const EditorHover$1 = 8;
 const ImagePreview$2 = 10;
 const InitData = 11;
@@ -62,6 +63,8 @@ const getModuleId = commandId => {
     case 'ClipBoard.writeImage':
     case 'ClipBoard.writeText':
       return ClipBoard;
+    case 'FileHandles.get':
+      return FileHandles;
     case 'ConfirmPrompt.prompt':
       return ConfirmPrompt;
     case 'Css.addCssStyleSheet':
@@ -95,6 +98,7 @@ const getModuleId = commandId => {
     case 'FilePicker.showSaveFilePicker':
       return FilePicker;
     case 'FileSystemHandle.requestPermission':
+    case 'FileSystemHandle.getFileHandles':
       return FileSystemHandle;
     case 'ImagePreview.create':
     case 'ImagePreview.dispose':
@@ -191,7 +195,7 @@ const getModuleId = commandId => {
     case 'Window.reload':
     case 'Window.unmaximize':
       return Window;
-    case 33111:
+    case 33_111:
       return Workbench;
     case 'WindowTitle.set':
       return WindowTitle;
@@ -337,7 +341,7 @@ const execute = (command, ...args) => {
   if (command in state$a.commands) {
     const fn = state$a.commands[command];
     if (typeof fn !== 'function') {
-      throw new Error(`[renderer-worker] Command ${command} is not a function`);
+      throw new TypeError(`[renderer-worker] Command ${command} is not a function`);
     }
     return fn(...args);
   }
@@ -399,7 +403,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/df291da';
+const assetDir = '/b0358a2';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {
@@ -447,8 +451,6 @@ const getModule$1 = method => {
   }
 };
 
-const shouldLaunchMultipleWorkers = true;
-
 const Two = '2.0';
 const create$4$1 = (method, params) => {
   return {
@@ -467,9 +469,9 @@ const get$8 = id => {
 const remove$3 = id => {
   delete callbacks[id];
 };
-let id = 0;
+let id$1 = 0;
 const create$3$1 = () => {
-  return ++id;
+  return ++id$1;
 };
 const registerPromise = () => {
   const id = create$3$1();
@@ -686,7 +688,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$I = (message, result) => {
+const create$J = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -695,7 +697,7 @@ const create$I = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$I(message, resultProperty);
+  return create$J(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -879,7 +881,7 @@ const launchWorker = async ({
   name,
   url
 }) => {
-  const worker = await create$H({
+  const worker = await create$I({
     method: Auto,
     url,
     name
@@ -986,7 +988,9 @@ const RendererWorker = {
   state: state$9
 };
 
-const create$H = async ({
+const shouldLaunchMultipleWorkers = true;
+
+const create$I = async ({
   method,
   ...options
 }) => {
@@ -1007,7 +1011,7 @@ const create$H = async ({
 };
 
 const launchEditorWorker = async port => {
-  const ipc = await create$H({
+  const ipc = await create$I({
     name: 'Editor Worker',
     url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1037,7 +1041,7 @@ const extensionHostWorkerUrl = `${assetDir}/packages/extension-host-worker/dist/
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$H({
+  const ipc = await create$I({
     name,
     url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1061,7 +1065,7 @@ const hydrate$2 = async () => {
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$H({
+  const ipc = await create$I({
     name: 'Syntax Highlighting Worker',
     url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1081,9 +1085,13 @@ const hydrate$1 = async () => {
   await promise;
 };
 
+const workerFns = [hydrate$4, hydrate$3, hydrate$1, hydrate$2];
+const call = fn => {
+  return fn();
+};
 const launchWorkers = () => {
   {
-    return Promise.all([hydrate$4(), hydrate$3(), hydrate$1(), hydrate$2()]);
+    return Promise.all(workerFns.map(call));
   }
 };
 
@@ -1095,6 +1103,8 @@ const load$2 = moduleId => {
       return Promise.resolve().then(function () { return ClipBoard_ipc; });
     case ConfirmPrompt:
       return Promise.resolve().then(function () { return ConfirmPrompt_ipc; });
+    case FileHandles:
+      return Promise.resolve().then(function () { return FileHandles_ipc; });
     case Css:
       return Promise.resolve().then(function () { return Css_ipc; });
     case Developer:
@@ -1421,14 +1431,14 @@ const getComponentUidFromEvent = event => {
   } = event;
   return getComponentUid(currentTarget || target);
 };
-const state$8 = {
+const state$1$1 = {
   ipc: undefined
 };
 const getIpc = () => {
-  return state$8.ipc;
+  return state$1$1.ipc;
 };
 const setIpc = value => {
-  state$8.ipc = value;
+  state$1$1.ipc = value;
 };
 const cache$1 = new Map();
 const has = listener => {
@@ -1551,6 +1561,12 @@ const setProp = ($Element, key, value, eventMap, newEventMap) => {
     case 'onClick':
     case 'onContextMenu':
     case 'onDblClick':
+    case 'onDragEnd':
+    case 'onDragEnter':
+    case 'onDragLeave':
+    case 'onDragOver':
+    case 'onDragStart':
+    case 'onDrop':
     case 'onFocus':
     case 'onFocusIn':
     case 'onFocusOut':
@@ -1632,7 +1648,7 @@ const removeChild = ($Element, index) => {
   const $Child = $Element.children[index];
   $Child.remove();
 };
-const add = ($Element, nodes) => {
+const add$1 = ($Element, nodes) => {
   renderInternal($Element, nodes, {}, {});
 };
 const SetText = 1;
@@ -1660,7 +1676,7 @@ const applyPatch = ($Element, patches) => {
         removeChild($Current, patch.index);
         break;
       case Add:
-        add($Current, patch.nodes);
+        add$1($Current, patch.nodes);
         break;
       case NavigateSibling:
         $Current = $Current.parentNode.childNodes[patch.index];
@@ -1674,8 +1690,36 @@ const applyPatch = ($Element, patches) => {
     }
   }
 };
+let id = 0;
+const create$H = () => {
+  return ++id;
+};
+const state$8 = Object.create(null);
+const acquire$1 = id => {
+  const promise = state$8[id];
+  delete state$8[id];
+  return promise;
+};
+const getFileHandles$1 = async ids => {
+  const promises = ids.map(id => acquire$1(id));
+  const handles = await Promise.all(promises);
+  return handles;
+};
+const add = promise => {
+  const id = create$H();
+  state$8[id] = promise;
+  return id;
+};
+const handleDataTransferFiles = event => {
+  const items = [...event.dataTransfer.items];
+  const promises = items.map(item => item.getAsFileSystemHandle());
+  const ids = promises.map(promise => add(promise));
+  return ids;
+};
 const getEventListenerArg = (param, event) => {
   switch (param) {
+    case 'event.dataTransfer.files2':
+      return handleDataTransferFiles(event);
     case 'event.clientX':
       return event.clientX;
     case 'event.x':
@@ -1690,6 +1734,8 @@ const getEventListenerArg = (param, event) => {
       return event.target.value;
     case 'event.isTrusted':
       return event.isTrusted;
+    case 'event.dataTransfer.files':
+      return event.dataTransfer.files;
     case 'event.target.className':
       return event.target.className;
     case 'event.data':
@@ -1703,7 +1749,7 @@ const getEventListenerArg = (param, event) => {
     case 'event.detail':
       return event.detail;
     case 'event.target.name':
-      return event.target.name;
+      return event.target.name || '';
     case 'event.target.href':
       return event.target.href;
     case 'event.target.src':
@@ -1794,28 +1840,40 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   const isTreeFocused = activeElement?.getAttribute('role') === 'tree';
   const isRootTree = $Viewlet.getAttribute('role') === 'tree' && activeElement === $Viewlet;
   const focused = activeElement?.getAttribute('name');
+  const $Hidden = document.createElement('div');
+  $Hidden.style.display = 'none';
+  if (focused) {
+    if (document.body) {
+      document.body.append($Hidden);
+    }
+    // @ts-ignore
+    $Hidden.append(activeElement);
+  }
   const $$Inputs = queryInputs($Viewlet);
   const inputMap = Object.create(null);
   for (const $Input of $$Inputs) {
-    // @ts-ignore
     inputMap[$Input.name] = $Input.value;
   }
   if (uid) {
     const newEventMap = getEventListenerMap(uid);
     const $New = render(dom, eventMap, newEventMap).firstChild;
     setComponentUid($New, uid);
-    // @ts-ignore
+    const $$NewInputs = queryInputs($New);
+    for (const $Input of $$NewInputs) {
+      $Input.value = inputMap[$Input.name] || $Input.value || '';
+    }
     $Viewlet.replaceWith($New);
-    // @ts-ignore
+    if (focused) {
+      const $NewFocused = $New.querySelector(`[name="${focused}"]`);
+      if ($NewFocused) {
+        $NewFocused.replaceWith($Hidden.firstChild);
+      }
+    }
+    $Hidden.remove();
     $Viewlet = $New;
   } else {
     renderInto($Viewlet, dom, eventMap);
   }
-  const $$NewInputs = queryInputs($Viewlet);
-  for (const $Input of $$NewInputs) {
-    // @ts-ignore
-    $Input.value = inputMap[$Input.name] || $Input.value || '';
-  }
   if (isRootTree) {
     $Viewlet.focus();
   } else if (isTreeFocused) {
@@ -2931,11 +2989,11 @@ const setBounds$3 = (state, x, y, width, height) => {
 const dispose$f = state => {
   remove$2(state.$Viewlet);
 };
-const Events$9 = ViewletFindWidgetEvents;
+const Events$5 = ViewletFindWidgetEvents;
 
 const ViewletFindWidget = {
   __proto__: null,
-  Events: Events$9,
+  Events: Events$5,
   appendWidget,
   create: create$D,
   dispose: dispose$f,
@@ -4132,15 +4190,15 @@ const play = async src => {
   await audio.play();
 };
 
-const name$y = 'Audio';
-const Commands$z = {
+const name$z = 'Audio';
+const Commands$A = {
   play: play
 };
 
 const Audio_ipc = {
   __proto__: null,
-  Commands: Commands$z,
-  name: name$y
+  Commands: Commands$A,
+  name: name$z
 };
 
 const readText = async () => {
@@ -4161,8 +4219,8 @@ const execCopy = async () => {
   await writeText(text);
 };
 
-const name$x = 'ClipBoard';
-const Commands$y = {
+const name$y = 'ClipBoard';
+const Commands$z = {
   execCopy: execCopy,
   readText: readText,
   writeImage: writeImage,
@@ -4171,20 +4229,39 @@ const Commands$y = {
 
 const ClipBoard_ipc = {
   __proto__: null,
-  Commands: Commands$y,
-  name: name$x
+  Commands: Commands$z,
+  name: name$y
 };
 
 const prompt$1 = message => {
   return confirm(message);
 };
 
-const name$w = 'ConfirmPrompt';
-const Commands$x = {
+const name$x = 'ConfirmPrompt';
+const Commands$y = {
   prompt: prompt$1
 };
 
 const ConfirmPrompt_ipc = {
+  __proto__: null,
+  Commands: Commands$y,
+  name: name$x
+};
+
+const requestPermission = (handle, options) => {
+  return handle.requestPermission(options);
+};
+const getFileHandles = ids => {
+  // @ts-ignore
+  return getFileHandles$1(ids);
+};
+
+const name$w = 'FileHandles';
+const Commands$x = {
+  get: getFileHandles
+};
+
+const FileHandles_ipc = {
   __proto__: null,
   Commands: Commands$x,
   name: name$w
@@ -4404,13 +4481,10 @@ const FilePicker_ipc = {
   name: name$r
 };
 
-const requestPermission = (handle, options) => {
-  return handle.requestPermission(options);
-};
-
 const name$q = 'FileSystemHandle';
 const Commands$r = {
-  requestPermission: requestPermission
+  requestPermission: requestPermission,
+  getFileHandles: getFileHandles
 };
 
 const FileSystemHandle_ipc = {
@@ -4570,7 +4644,7 @@ const InitData_ipc = {
 
 const name$n = 'IpcParent';
 const Commands$o = {
-  create: create$H
+  create: create$I
 };
 
 const IpcParent_ipc = {
@@ -4787,6 +4861,12 @@ const OffscreenCanvas_ipc = {
   name: name$g
 };
 
+const create$BackDrop = () => {
+  const $BackDrop = document.createElement('div');
+  $BackDrop.className = 'BackDrop';
+  return $BackDrop;
+};
+
 // TODO this module should be called dom or dom utils
 
 // TODO this module makes for weird code splitting chunks,
@@ -4807,12 +4887,6 @@ const findIndex = ($Container, $Target) => {
   return -1;
 };
 
-const create$BackDrop = () => {
-  const $BackDrop = document.createElement('div');
-  $BackDrop.className = 'BackDrop';
-  return $BackDrop;
-};
-
 const state$2 = {
   /**
    * @type {HTMLElement|undefined}
@@ -5258,42 +5332,6 @@ const ScreenCapture_ipc = {
   name: name$b
 };
 
-const getTimeStamp = () => {
-  return performance.now();
-};
-
-const waitForMutation = async maxDelay => {
-  const disposables = [];
-  await Promise.race([new Promise(resolve => {
-    const timeout = setTimeout(resolve, maxDelay);
-    // @ts-expect-error
-    disposables.push(() => {
-      clearTimeout(timeout);
-    });
-  }), new Promise(resolve => {
-    const callback = mutations => {
-      resolve(undefined);
-    };
-    const observer = new MutationObserver(callback);
-    observer.observe(document.body, {
-      childList: true,
-      attributes: true,
-      characterData: true,
-      subtree: true,
-      attributeOldValue: true,
-      characterDataOldValue: true
-    });
-    // @ts-expect-error
-    disposables.push(() => {
-      observer.disconnect();
-    });
-  })]);
-  for (const disposable of disposables) {
-    // @ts-expect-error
-    disposable();
-  }
-};
-
 const getEventClass = eventType => {
   switch (eventType) {
     case Wheel:
@@ -5440,6 +5478,42 @@ const querySelectorWithOptions = (selector, {
   return element;
 };
 
+const getTimeStamp = () => {
+  return performance.now();
+};
+
+const waitForMutation = async maxDelay => {
+  const disposables = [];
+  await Promise.race([new Promise(resolve => {
+    const timeout = setTimeout(resolve, maxDelay);
+    // @ts-expect-error
+    disposables.push(() => {
+      clearTimeout(timeout);
+    });
+  }), new Promise(resolve => {
+    const callback = mutations => {
+      resolve(undefined);
+    };
+    const observer = new MutationObserver(callback);
+    observer.observe(document.body, {
+      childList: true,
+      attributes: true,
+      characterData: true,
+      subtree: true,
+      attributeOldValue: true,
+      characterDataOldValue: true
+    });
+    // @ts-expect-error
+    disposables.push(() => {
+      observer.disconnect();
+    });
+  })]);
+  for (const disposable of disposables) {
+    // @ts-expect-error
+    disposable();
+  }
+};
+
 // TODO this should also come in via options
 const maxTimeout$1 = 2000;
 const performAction2 = async (locator, fnName, options) => {
@@ -5947,11 +6021,11 @@ const ViewletActivityBarEvents = {
   returnValue: returnValue$5
 };
 
-const Events$8 = ViewletActivityBarEvents;
+const Events$4 = ViewletActivityBarEvents;
 
 const ViewletActivityBar = {
   __proto__: null,
-  Events: Events$8
+  Events: Events$4
 };
 
 const handleAudioError = event => {
@@ -5974,11 +6048,11 @@ const ViewletAudioEvents = {
   handleAudioError
 };
 
-const Events$7 = ViewletAudioEvents;
+const Events$3 = ViewletAudioEvents;
 
 const ViewletAudio = {
   __proto__: null,
-  Events: Events$7
+  Events: Events$3
 };
 
 const create$t = () => {
@@ -7631,7 +7705,6 @@ const ViewletLocationsEvents = {
   handleLocationsMouseDown
 };
 
-const Events$6 = ViewletLocationsEvents;
 const setFocusedIndex$2 = (state, oldFocusedIndex, newFocusedIndex) => {
   const {
     $Viewlet
@@ -7666,7 +7739,7 @@ const focus$a = state => {
 
 const ViewletImplementations = {
   __proto__: null,
-  Events: Events$6,
+  Events: ViewletLocationsEvents,
   focus: focus$a,
   handleError: handleError$2,
   setFocusedIndex: setFocusedIndex$2
@@ -7760,11 +7833,11 @@ const setColumnWidths = (state, columnWidth1, columnWidth2, columnWidth3) => {
   $Resizer1.style.left = `${paddingLeft + columnWidth1}px`;
   $Resizer2.style.left = `${paddingLeft + columnWidth1 + columnWidth2}px`;
 };
-const Events$5 = ViewletkeyBindingsEvents;
+const Events$2 = ViewletkeyBindingsEvents;
 
 const ViewletKeyBindings = {
   __proto__: null,
-  Events: Events$5,
+  Events: Events$2,
   setColumnWidths,
   setScrollBar: setScrollBar$2,
   setSize,
@@ -8935,7 +9008,7 @@ const ViewletProblems = {
 
 const ViewletReferences = {
   __proto__: null,
-  Events: Events$6,
+  Events: ViewletLocationsEvents,
   focus: focus$a,
   handleError: handleError$2,
   setFocusedIndex: setFocusedIndex$2
@@ -9438,11 +9511,11 @@ const ViewletStorageEvents = {
   handleClick: handleClick$1
 };
 
-const Events$4 = ViewletStorageEvents;
+const Events$1 = ViewletStorageEvents;
 
 const ViewletStorage = {
   __proto__: null,
-  Events: Events$4
+  Events: Events$1
 };
 
 const handleClickTab = event => {
@@ -9547,24 +9620,22 @@ const handleTitleBarButtonsClick = event => {
 };
 const returnValue$1 = true;
 
-const ViewletTitleBarButtonEvents = {
+const ViewletTitleBarButtonsEvents = {
   __proto__: null,
   handleTitleBarButtonsClick,
   returnValue: returnValue$1
 };
 
-const Events$3 = ViewletTitleBarButtonEvents;
-
 const ViewletTitleBarButtons = {
   __proto__: null,
-  Events: Events$3
+  Events: ViewletTitleBarButtonsEvents
 };
 
-const Events$2 = {};
+const Events = {};
 
 const ViewletTitleBarIcon = {
   __proto__: null,
-  Events: Events$2
+  Events
 };
 
 const isInsideTitleBarMenu = $Element => {
@@ -9896,11 +9967,10 @@ const setMenus = (state, changes, uid) => {
     }
   }
 };
-const Events$1 = ViewletTitleBarMenuBarEvents;
 
 const ViewletTitleBarMenuBar = {
   __proto__: null,
-  Events: Events$1,
+  Events: ViewletTitleBarMenuBarEvents,
   closeMenu,
   dispose: dispose$3,
   focus: focus$2,
@@ -9952,11 +10022,9 @@ const ViewletVideoEvents = {
   handleVideoError
 };
 
-const Events = ViewletVideoEvents;
-
 const ViewletVideo = {
   __proto__: null,
-  Events
+  Events: ViewletVideoEvents
 };
 
 const handleClickAt = event => {
@@ -11054,20 +11122,21 @@ const isUint8Array = value => {
   return value instanceof Uint8Array;
 };
 
-// @ts-nocheck
-const CHAR_WIDTH$1 = 12;
-const CHAR_HEIGHT$1 = 15;
+const CHAR_WIDTH = 12;
+const CHAR_HEIGHT = 15;
+
 const supportsOffscreenCanvas = true;
+
 (() => {
   try {
     supportsOffscreenCanvas ? (() => {
-      const canvas = new OffscreenCanvas(CHAR_WIDTH$1, CHAR_HEIGHT$1);
+      const canvas = new OffscreenCanvas(CHAR_WIDTH, CHAR_HEIGHT);
       canvas.getContext("2d");
       canvas.transferToImageBitmap();
     })() : (() => {
       const canvas = document.createElement("canvas");
-      canvas.width = CHAR_WIDTH$1;
-      canvas.height = CHAR_HEIGHT$1;
+      canvas.width = CHAR_WIDTH;
+      canvas.height = CHAR_HEIGHT;
       canvas.transferToImageBitmap();
     })();
     return true;
@@ -11075,15 +11144,18 @@ const supportsOffscreenCanvas = true;
     return false;
   }
 })();
-const tmpCanvas = new OffscreenCanvas(CHAR_WIDTH$1, CHAR_HEIGHT$1);
+
+const tmpCanvas = new OffscreenCanvas(CHAR_WIDTH, CHAR_HEIGHT) ;
 tmpCanvas.getContext("2d", {
-  alpha: false
+  // desynchronized: true, // perf
+  alpha: false // perf
 });
-const noop$1 = () => {};
+
+const noop = () => {};
 const createOffscreenTerminalDom = (root, {
-  handleMouseDown = noop$1,
-  handleKeyDown = noop$1,
-  handleBlur = noop$1,
+  handleMouseDown = noop,
+  handleKeyDown = noop,
+  handleBlur = noop,
   canvasText = document.createElement("canvas"),
   canvasCursor = document.createElement("canvas")
 }) => {
@@ -11102,6 +11174,7 @@ const createOffscreenTerminalDom = (root, {
   $Layers.append(canvasText, canvasCursor);
   root.append(textarea, $Layers);
   const wrappedKeyDown = event => {
+    // @ts-ignore
     handleKeyDown({
       key: event.key,
       shiftKey: event.shiftKey,
@@ -11120,9 +11193,15 @@ const createOffscreenTerminalDom = (root, {
     textarea.focus();
   };
   return {
+    /**
+     * @deprecated
+     */
     get offscreenCanvasCursor() {
       return canvasCursor.transferControlToOffscreen();
     },
+    /**
+     * @deprecated
+     */
     get offscreenCanvasText() {
       return canvasText.transferControlToOffscreen();
     },
@@ -11130,7 +11209,6 @@ const createOffscreenTerminalDom = (root, {
   };
 };
 
-// @ts-ignore
 const create$1 = ({
   $Element,
   ...options