@lvce-editor/renderer-process 13.14.0 → 13.15.0

package/dist/rendererProcessMain.js

@@ -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
@@ -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) => {
@@ -4405,7 +4443,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 +4457,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 +5008,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 +5018,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 +5459,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 +5475,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 +6037,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 +6093,10 @@ const Transferrable_ipc = {
   name: name$9
 };
 
+const set$2 = (id, data) => {
+  setDragInfo(id, data);
+};
+
 const state = {
   identifiers: new Uint32Array()
 };
@@ -9892,7 +9934,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 +10135,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 +10297,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 +10427,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 +10477,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 +10513,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;
 };
@@ -11120,7 +11158,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.15.0",
   "description": "",
   "keywords": [
     "lvce-editor",