@lvce-editor/renderer-process 11.5.0 → 12.0.0

package/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':
@@ -191,7 +194,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 +340,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);
   }
@@ -351,7 +354,7 @@ const ipcs = Object.create(null);
 const set$9 = (name, ipc) => {
   ipcs[name] = ipc;
 };
-const get$9 = name => {
+const get$a = name => {
   return ipcs[name];
 };
 const remove$4 = name => {
@@ -447,8 +450,6 @@ const getModule$1 = method => {
   }
 };
 
-const shouldLaunchMultipleWorkers = true;
-
 const Two = '2.0';
 const create$4$1 = (method, params) => {
   return {
@@ -461,15 +462,15 @@ const callbacks = Object.create(null);
 const set$8 = (id, fn) => {
   callbacks[id] = fn;
 };
-const get$8 = id => {
+const get$9 = id => {
   return callbacks[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();
@@ -634,7 +635,7 @@ const warn$1 = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$8(id);
+  const fn = get$9(id);
   if (!fn) {
     console.log(response);
     warn$1(`callback ${id} may already be disposed`);
@@ -686,7 +687,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 +696,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 +880,7 @@ const launchWorker = async ({
   name,
   url
 }) => {
-  const worker = await create$H({
+  const worker = await create$I({
     method: Auto,
     url,
     name
@@ -986,7 +987,9 @@ const RendererWorker = {
   state: state$9
 };
 
-const create$H = async ({
+const shouldLaunchMultipleWorkers = true;
+
+const create$I = async ({
   method,
   ...options
 }) => {
@@ -996,7 +999,7 @@ const create$H = async ({
     }
     // TODO rename method
     // TODO avoid cyclic dependency
-    const port = get$9(options.name);
+    const port = get$a(options.name);
     remove$4(options.name);
     await invokeAndTransfer('Transferrable.transfer', options.id, port);
     return;
@@ -1007,7 +1010,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 +1040,7 @@ const extensionHostWorkerUrl = getConfiguredExtensionHostWorkerUrl() || `${asset
 
 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 +1064,7 @@ const hydrate$2 = async () => {
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/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 +1084,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 +1102,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 +1430,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 => {
@@ -1437,7 +1446,7 @@ const has = listener => {
 const set$7 = (listener, value) => {
   cache$1.set(listener, value);
 };
-const get$7 = listener => {
+const get$1$1 = listener => {
   return cache$1.get(listener);
 };
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -1463,7 +1472,7 @@ const getWrappedListener$1 = (listener, returnValue) => {
     nameAnonymousFunction$1(wrapped, listener.name);
     set$7(listener, wrapped);
   }
-  return get$7(listener);
+  return get$1$1(listener);
 };
 const getOptions = fn => {
   if (fn.passive) {
@@ -1638,7 +1647,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;
@@ -1666,7 +1675,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];
@@ -1680,8 +1689,34 @@ const applyPatch = ($Element, patches) => {
     }
   }
 };
+let id = 0;
+const create$H = () => {
+  return ++id;
+};
+const state$8 = Object.create(null);
+const get$8 = id => {
+  return state$8[id];
+};
+const getFileHandles = async ids => {
+  const promises = ids.map(id => get$8(id));
+  const handles = await Promise.all(promises);
+  return handles;
+};
+const add = promise => {
+  const id = create$H();
+  state$8[id] = promise;
+  return id;
+};
+const handleDataTransferFiles = async 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':
@@ -1859,7 +1894,7 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
 };
 
 const set$6 = setComponentUid;
-const get$6 = getComponentUid;
+const get$7 = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
 
 const applyUidWorkaround = element => {
@@ -1869,7 +1904,7 @@ const applyUidWorkaround = element => {
   if (!editor) {
     throw new Error('no editor found');
   }
-  const editorUid = get$6(editor);
+  const editorUid = get$7(editor);
   set$6(element, editorUid);
 };
 
@@ -2951,11 +2986,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,
@@ -4152,15 +4187,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 () => {
@@ -4181,8 +4216,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,
@@ -4191,20 +4226,36 @@ 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 get$6 = ids => {
+  // @ts-ignore
+  return getFileHandles(ids);
+};
+
+const name$w = 'FileHandles';
+const Commands$x = {
+  get: get$6
+};
+
+const FileHandles_ipc = {
   __proto__: null,
   Commands: Commands$x,
   name: name$w
@@ -4590,7 +4641,7 @@ const InitData_ipc = {
 
 const name$n = 'IpcParent';
 const Commands$o = {
-  create: create$H
+  create: create$I
 };
 
 const IpcParent_ipc = {
@@ -4807,6 +4858,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,
@@ -4827,12 +4884,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}
@@ -5278,42 +5329,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:
@@ -5460,6 +5475,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) => {
@@ -5967,11 +6018,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 => {
@@ -5994,11 +6045,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 = () => {
@@ -7651,7 +7702,6 @@ const ViewletLocationsEvents = {
   handleLocationsMouseDown
 };
 
-const Events$6 = ViewletLocationsEvents;
 const setFocusedIndex$2 = (state, oldFocusedIndex, newFocusedIndex) => {
   const {
     $Viewlet
@@ -7686,7 +7736,7 @@ const focus$a = state => {
 
 const ViewletImplementations = {
   __proto__: null,
-  Events: Events$6,
+  Events: ViewletLocationsEvents,
   focus: focus$a,
   handleError: handleError$2,
   setFocusedIndex: setFocusedIndex$2
@@ -7780,11 +7830,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,
@@ -8548,7 +8598,7 @@ const getUid = () => {
   if (!$Main) {
     return 0;
   }
-  return get$6($Main);
+  return get$7($Main);
 };
 const handleTabsWheel = event => {
   const uid = getUid();
@@ -8955,7 +9005,7 @@ const ViewletProblems = {
 
 const ViewletReferences = {
   __proto__: null,
-  Events: Events$6,
+  Events: ViewletLocationsEvents,
   focus: focus$a,
   handleError: handleError$2,
   setFocusedIndex: setFocusedIndex$2
@@ -9458,11 +9508,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 => {
@@ -9567,24 +9617,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 => {
@@ -9916,11 +9964,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,
@@ -9972,11 +10019,9 @@ const ViewletVideoEvents = {
   handleVideoError
 };
 
-const Events = ViewletVideoEvents;
-
 const ViewletVideo = {
   __proto__: null,
-  Events
+  Events: ViewletVideoEvents
 };
 
 const handleClickAt = event => {
@@ -10393,7 +10438,7 @@ const setDom2 = (viewletId, dom) => {
   let uid;
   if ($Viewlet) {
     try {
-      uid = get$6($Viewlet);
+      uid = get$7($Viewlet);
     } catch {}
   }
   // TODO optimize rendering with virtual dom diffing

package/package.json

@@ -1,27 +1,17 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "11.5.0",
+  "version": "12.0.0",
   "description": "",
-  "main": "dist/rendererProcessMain.js",
-  "type": "module",
-  "directories": {
-    "test": "test"
-  },
   "keywords": [
     "lvce-editor",
     "renderer-process"
   ],
-  "author": "Lvce Editor",
-  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "https://github.com/lvce-editor/renderer-process.git"
   },
-  "nodemonConfig": {
-    "watch": [
-      "src"
-    ],
-    "ext": "ts,js",
-    "exec": "node scripts/build.js"
-  }
+  "license": "MIT",
+  "author": "Lvce Editor",
+  "type": "module",
+  "main": "dist/rendererProcessMain.js"
 }