@lvce-editor/renderer-process 13.14.0 → 13.16.0

package/dist/rendererProcessMain.js

@@ -297,9 +297,9 @@ const initializeModule = module => {
     for (const [key, value] of Object.entries(module.Commands)) {
       if (module.name) {
         const actualKey = `${module.name}.${key}`;
-        register(actualKey, value);
+        register$1(actualKey, value);
       } else {
-        register(key, value);
+        register$1(key, value);
       }
     }
     return;
@@ -327,7 +327,7 @@ const getOrLoadModule = moduleId => {
 const loadCommand = async command => {
   await getOrLoadModule(getModuleId(command));
 };
-const register = (commandId, listener) => {
+const register$1 = (commandId, listener) => {
   state$a.commands[commandId] = listener;
 };
 const hasThrown = new Set();
@@ -344,9 +344,9 @@ const executeCommandAsync = async (command, ...args) => {
     hasThrown.add(command);
     throw new Error(`Command did not register "${command}"`);
   }
-  return execute(command, ...args);
+  return execute$1(command, ...args);
 };
-const execute = (command, ...args) => {
+const execute$1 = (command, ...args) => {
   if (command in state$a.commands) {
     const fn = state$a.commands[command];
     if (typeof fn !== 'function') {
@@ -361,7 +361,7 @@ const setLoad = load => {
 };
 
 const ipcs = Object.create(null);
-const set$9 = (name, ipc) => {
+const set$a = (name, ipc) => {
   ipcs[name] = ipc;
 };
 const get$9 = name => {
@@ -469,7 +469,7 @@ const create$4$1 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$8 = (id, fn) => {
+const set$9 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$8 = id => {
@@ -488,7 +488,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$8(id, resolve);
+  set$9(id, resolve);
   return {
     id,
     promise
@@ -839,30 +839,30 @@ const invokeAndTransfer$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
-const requiresSocket = () => {
+const requiresSocket$1 = () => {
   return false;
 };
-const preparePrettyError = error => {
+const preparePrettyError$1 = error => {
   return error;
 };
-const logError$1 = error => {
+const logError$2 = error => {
   // error is logged in renderer worker
 };
-const handleMessage = event => {
-  return handleJsonRpcMessage(event.target, event.data, execute, resolve, preparePrettyError, logError$1, requiresSocket);
+const handleMessage$1 = event => {
+  return handleJsonRpcMessage(event.target, event.data, execute$1, resolve, preparePrettyError$1, logError$2, requiresSocket$1);
 };
 
-const handleIpc = ipc => {
+const handleIpc$1 = ipc => {
   if ('addEventListener' in ipc) {
-    ipc.addEventListener('message', handleMessage);
+    ipc.addEventListener('message', handleMessage$1);
   } else {
     // deprevated
-    ipc.onmessage = handleMessage;
+    ipc.onmessage = handleMessage$1;
   }
 };
 const unhandleIpc = ipc => {
   if ('removeEventListener' in ipc) {
-    ipc.removeEventListener('message', handleMessage);
+    ipc.removeEventListener('message', handleMessage$1);
   } else {
     // deprecated
     ipc.onmessage = null;
@@ -992,7 +992,7 @@ const state$9 = {
 };
 const hydrate$4 = async () => {
   const ipc = await launchRendererWorker();
-  handleIpc(ipc);
+  handleIpc$1(ipc);
   // @ts-expect-error
   state$9.ipc = ipc;
 };
@@ -1069,7 +1069,7 @@ const hydrate$3 = async () => {
   } = new MessageChannel();
   // TODO only launch port and send to renderer worker
   const promise = launchEditorWorker(port1);
-  set$9('Editor Worker', port2);
+  set$a('Editor Worker', port2);
   await promise;
 };
 
@@ -1100,7 +1100,7 @@ const hydrate$2 = async () => {
   // TODO only launch port and send to renderer worker
   const promise = launchExtensionHostWorker(port1);
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  set$9(name, port2);
+  set$a(name, port2);
   await promise;
 };
 
@@ -1123,7 +1123,7 @@ const hydrate$1 = async () => {
   } = new MessageChannel();
   // TODO only launch port and send to renderer worker
   const promise = launchSyntaxHighlightingWorker(port1);
-  set$9('Syntax Highlighting Worker', port2);
+  set$a('Syntax Highlighting Worker', port2);
   await promise;
 };
 
@@ -1490,7 +1490,7 @@ const cache$1 = new Map();
 const has = listener => {
   return cache$1.has(listener);
 };
-const set$7 = (listener, value) => {
+const set$8 = (listener, value) => {
   cache$1.set(listener, value);
 };
 const get$7 = listener => {
@@ -1517,7 +1517,7 @@ const getWrappedListener$1 = (listener, returnValue) => {
       ipc.send('Viewlet.executeViewletCommand', uid, ...result);
     };
     nameAnonymousFunction$1(wrapped, listener.name);
-    set$7(listener, wrapped);
+    set$8(listener, wrapped);
   }
   return get$7(listener);
 };
@@ -1739,6 +1739,13 @@ const applyPatch = ($Element, patches) => {
     }
   }
 };
+const dragInfos = Object.create(null);
+const setDragInfo = (id, data) => {
+  dragInfos[id] = data;
+};
+const getDragInfo = id => {
+  return dragInfos[id];
+};
 let id = 0;
 const create$H = () => {
   return ++id;
@@ -1763,6 +1770,36 @@ const addFileHandle$1 = fileHandle => {
   const promise = Promise.resolve(fileHandle);
   return add(promise);
 };
+const setDragImage = (dataTransfer, label) => {
+  const dragImage = document.createElement('div');
+  dragImage.className = 'DragImage';
+  dragImage.textContent = label;
+  document.body.append(dragImage);
+  dataTransfer.setDragImage(dragImage, -10, -10);
+  const handleTimeOut = () => {
+    dragImage.remove();
+  };
+  setTimeout(handleTimeOut, 0);
+};
+const applyDragInfoMaybe = event => {
+  const {
+    target,
+    dataTransfer
+  } = event;
+  if (dataTransfer) {
+    const uid = getComponentUid(target);
+    const dragInfo = getDragInfo(uid);
+    if (!dragInfo) {
+      return;
+    }
+    for (const item of dragInfo) {
+      dataTransfer.setData(item.type, item.data);
+    }
+    if (dragInfo.label) {
+      setDragImage(dataTransfer, dragInfo.label);
+    }
+  }
+};
 let ignore = false;
 const startIgnore = () => {
   ignore = true;
@@ -1867,6 +1904,7 @@ const createFn = info => {
     const uid = getComponentUidFromEvent(event);
     const args = getEventListenerArgs(info.params, event);
     preventEventsMaybe(info, event);
+    applyDragInfoMaybe(event);
     if (args.length === 0) {
       return;
     }
@@ -2000,7 +2038,7 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   return $Viewlet;
 };
 
-const set$6 = setComponentUid;
+const set$7 = setComponentUid;
 const get$6 = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
 
@@ -2012,7 +2050,7 @@ const applyUidWorkaround = element => {
     throw new Error('no editor found');
   }
   const editorUid = get$6(editor);
-  set$6(element, editorUid);
+  set$7(element, editorUid);
 };
 
 const setBounds$a = ($Element, x, y, width, height) => {
@@ -3451,14 +3489,14 @@ const getMessage = error => {
   return `Error: ${error}`;
 };
 
-const logError = async (error, prefix = '') => {
+const logError$1 = async (error, prefix = '') => {
   const prettyError = await prepare(error);
   print(prettyError, prefix);
   return prettyError;
 };
 const handleError$6 = async (error, notify = true, prefix = '') => {
   try {
-    const prettyError = await logError(error, prefix);
+    const prettyError = await logError$1(error, prefix);
     if (notify) {
       alert(getMessage(prettyError));
     }
@@ -3742,7 +3780,7 @@ const create$z = async ({
     throw new IpcError$1(`worker must be of type Worker`);
   }
   const ipc = wrap(worker);
-  handleIpc(ipc);
+  handleIpc$1(ipc);
   // TODO await promise
   // TODO call separate method HandleMessagePort.handleMessagePort or
   // HandleIncomingIpc.handleIncomingIpc
@@ -3756,17 +3794,6 @@ const IpcParentWithModuleWorkerWithMessagePort = {
   create: create$z
 };
 
-const handleIpcOnce = ipc => {
-  if (ipc.addEventListener) {
-    ipc.addEventListener('message', handleMessage, {
-      once: true
-    });
-  } else {
-    // deprecated
-    ipc.onmessage = handleMessage;
-  }
-};
-
 const normalizeLine = line => {
   if (line.startsWith('Error: ')) {
     return line.slice('Error: '.length);
@@ -4268,6 +4295,81 @@ const IpcChildWithModuleWorkerAndMessagePort$1 = {
   wrap: wrap$e
 };
 
+const commands = Object.create(null);
+const register = commandMap => {
+  Object.assign(commands, commandMap);
+};
+const getCommand = key => {
+  return commands[key];
+};
+const execute = (command, ...args) => {
+  const fn = getCommand(command);
+  if (!fn) {
+    throw new Error(`command not found ${command}`);
+  }
+  return fn(...args);
+};
+
+const createRpc = ipc => {
+  const rpc = {
+    // @ts-ignore
+    ipc,
+    /**
+     * @deprecated
+     */
+    send(method, ...params) {
+      send$1(ipc, method, ...params);
+    },
+    invoke(method, ...params) {
+      return invoke$2(ipc, method, ...params);
+    },
+    invokeAndTransfer(method, ...params) {
+      return invokeAndTransfer$1(ipc, method, ...params);
+    },
+    async dispose() {
+      await ipc?.dispose();
+    }
+  };
+  return rpc;
+};
+const requiresSocket = () => {
+  return false;
+};
+const preparePrettyError = error => {
+  return error;
+};
+const logError = () => {
+  // handled by renderer worker
+};
+const handleMessage = event => {
+  const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
+  const actualExecute = event?.target?.execute || execute;
+  return handleJsonRpcMessage(event.target, event.data, actualExecute, resolve, preparePrettyError, logError, actualRequiresSocket);
+};
+const handleIpc = ipc => {
+  if ('addEventListener' in ipc) {
+    ipc.addEventListener('message', handleMessage);
+  } else if ('on' in ipc) {
+    // deprecated
+    ipc.on('message', handleMessage);
+  }
+};
+const create$f$1 = async ({
+  commandMap,
+  window
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const ipc = IpcChildWithElectronWindow$1.wrap(window);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  return rpc;
+};
+const ElectronWindowRpcClient = {
+  __proto__: null,
+  create: create$f$1
+};
+
 // TODO use handleIncomingIpc function
 const create$y = async ({
   port,
@@ -4277,9 +4379,11 @@ const create$y = async ({
   if (!isElectron) {
     throw new Error('Electron api was requested but is not available');
   }
-  const windowIpc = IpcChildWithElectronWindow$1.wrap(window);
-  handleIpcOnce(windowIpc);
-  const webContentsIds = await invokeAndTransfer$1(windowIpc, 'CreateMessagePort.createMessagePort', ipcId, port);
+  const rpc = await ElectronWindowRpcClient.create({
+    commandMap: {},
+    window
+  });
+  const webContentsIds = await rpc.invokeAndTransfer('CreateMessagePort.createMessagePort', ipcId, port);
   return webContentsIds;
 };
 
@@ -4405,7 +4509,7 @@ const FileHandles_ipc = {
 const state$5 = {
   styleSheets: Object.create(null)
 };
-const set$5 = (id, sheet) => {
+const set$6 = (id, sheet) => {
   state$5.styleSheets[id] = sheet;
 };
 const get$5 = id => {
@@ -4419,7 +4523,7 @@ const addCssStyleSheet = async (id, text) => {
     return;
   }
   const sheet = new CSSStyleSheet({});
-  set$5(id, sheet);
+  set$6(id, sheet);
   await sheet.replace(text);
   document.adoptedStyleSheets.push(sheet);
 };
@@ -4970,7 +5074,7 @@ const state$3 = {
 const get$4 = id => {
   return state$3.canvasObjects[id];
 };
-const set$4 = (canvasId, canvas) => {
+const set$5 = (canvasId, canvas) => {
   state$3.canvasObjects[canvasId] = canvas;
 };
 
@@ -4980,7 +5084,7 @@ const get$3 = id => {
 const create$u = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
-  set$4(canvasId, canvas);
+  set$5(canvasId, canvas);
   await invokeAndTransfer('Transferrable.transfer', objectId, offscreenCanvas);
 };
 
@@ -5421,7 +5525,7 @@ const screenCaptures = Object.create(null);
 const get$2 = id => {
   return screenCaptures[id];
 };
-const set$3 = (id, captureStream) => {
+const set$4 = (id, captureStream) => {
   screenCaptures[id] = captureStream;
 };
 const remove$1 = id => {
@@ -5437,7 +5541,7 @@ const start = async (id, options) => {
     number(id);
     object(options);
     const captureStream = await navigator.mediaDevices.getUserMedia(options);
-    set$3(id, captureStream);
+    set$4(id, captureStream);
   } catch (error) {
     throw new VError$1(error, `Failed to start screen capture`);
   }
@@ -5999,7 +6103,7 @@ const TestFrameWork_ipc = {
 };
 
 const webViews = Object.create(null);
-const set$2 = (id, webView) => {
+const set$3 = (id, webView) => {
   webViews[id] = webView;
 };
 const get = id => {
@@ -6055,6 +6159,10 @@ const Transferrable_ipc = {
   name: name$9
 };
 
+const set$2 = (id, data) => {
+  setDragInfo(id, data);
+};
+
 const state = {
   identifiers: new Uint32Array()
 };
@@ -9892,7 +10000,7 @@ const setMenus = (state, changes, uid) => {
           const menu = change[1];
           const dom = change[2];
           const $Menu = create$Menu();
-          set$6($Menu, uid);
+          set$7($Menu, uid);
           $Menu.onmouseover = handleMenuMouseOver;
           $Menu.onclick = handleMenuClick;
           const {
@@ -10093,7 +10201,7 @@ const setIframe = (state, src, sandbox = [], srcDoc = '', csp = '', credentialle
   $Iframe.className = 'E2eTestIframe WebViewIframe';
   $Parent.append($Iframe);
   state.frame = $Iframe;
-  set$2(1, $Iframe);
+  set$3(1, $Iframe);
 };
 const setPort$1 = (state, portId, origin) => {
   const port = acquire(portId);
@@ -10255,7 +10363,7 @@ const create$3 = (id, uid = id) => {
     state$6.instances[id].state.$Viewlet.remove();
   }
   const instanceState = module.create();
-  set$6(instanceState.$Viewlet, uid);
+  set$7(instanceState.$Viewlet, uid);
   if (module.attachEvents) {
     module.attachEvents(instanceState);
   }
@@ -10385,7 +10493,7 @@ const setUid = (viewletId, uid) => {
   const {
     $Viewlet
   } = instance.state;
-  set$6($Viewlet, uid);
+  set$7($Viewlet, uid);
 };
 const focusSelector = (viewletId, selector) => {
   const instance = state$6.instances[viewletId];
@@ -10435,11 +10543,7 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   };
 };
 const setDragData = (viewletId, dragData) => {
-  const instance = state$6.instances[viewletId];
-  if (!instance) {
-    return;
-  }
-  instance.state.dragData = dragData;
+  set$2(viewletId, dragData);
 };
 const setDom = (viewletId, dom) => {
   const instance = state$6.instances[viewletId];
@@ -10475,7 +10579,7 @@ const setDom2 = (viewletId, dom) => {
   const $NewViewlet = rememberFocus($Viewlet, dom, Events, viewletId);
   if (uid) {
     // @ts-ignore
-    set$6($NewViewlet, uid);
+    set$7($NewViewlet, uid);
   }
   instance.state.$Viewlet = $NewViewlet;
 };
@@ -11075,7 +11179,7 @@ const handleMessagePort = async port => {
     method: MessagePort$1,
     port
   });
-  handleIpc(ipc);
+  handleIpc$1(ipc);
 };
 
 const name$1 = 'HandleMessagePort';
@@ -11120,7 +11224,7 @@ const create$2 = async (uid, src, sandbox, csp, credentialless, permissionPolicy
   if (title) {
     $Iframe.title = title;
   }
-  set$2(uid, $Iframe);
+  set$3(uid, $Iframe);
   // TODO make make waitForFrameToLoad a separate command
 };
 const loadOnly = async uid => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "13.14.0",
+  "version": "13.16.0",
   "description": "",
   "keywords": [
     "lvce-editor",