@lvce-editor/renderer-process 13.13.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) => {
@@ -2265,55 +2303,63 @@ class AssertionError extends Error {
     this.name = 'AssertionError';
   }
 }
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String$1 = 4;
+const Boolean$1 = 5;
+const Function = 6;
+const Null = 7;
+const Unknown$1 = 8;
 const getType = value => {
   switch (typeof value) {
     case 'number':
-      return 'number';
+      return Number$1;
     case 'function':
-      return 'function';
+      return Function;
     case 'string':
-      return 'string';
+      return String$1;
     case 'object':
       if (value === null) {
-        return 'null';
+        return Null;
       }
       if (Array.isArray(value)) {
-        return 'array';
+        return Array$1;
       }
-      return 'object';
+      return Object$1;
     case 'boolean':
-      return 'boolean';
+      return Boolean$1;
     default:
-      return 'unknown';
+      return Unknown$1;
   }
 };
 const object = value => {
   const type = getType(value);
-  if (type !== 'object') {
+  if (type !== Object$1) {
     throw new AssertionError('expected value to be of type object');
   }
 };
 const number = value => {
   const type = getType(value);
-  if (type !== 'number') {
+  if (type !== Number$1) {
     throw new AssertionError('expected value to be of type number');
   }
 };
 const array = value => {
   const type = getType(value);
-  if (type !== 'array') {
+  if (type !== Array$1) {
     throw new AssertionError('expected value to be of type array');
   }
 };
 const string = value => {
   const type = getType(value);
-  if (type !== 'string') {
+  if (type !== String$1) {
     throw new AssertionError('expected value to be of type string');
   }
 };
 const boolean = value => {
   const type = getType(value);
-  if (type !== 'boolean') {
+  if (type !== Boolean$1) {
     throw new AssertionError('expected value to be of type boolean');
   }
 };
@@ -4397,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 => {
@@ -4411,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);
 };
@@ -4962,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;
 };
 
@@ -4972,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);
 };
 
@@ -5413,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 => {
@@ -5429,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`);
   }
@@ -5789,7 +5835,7 @@ const toHaveAttribute = (locator, {
   }
   const actual = element.getAttribute(key);
   return {
-    wasFound: false,
+    wasFound: true,
     actual
   };
 };
@@ -5991,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 => {
@@ -6047,6 +6093,10 @@ const Transferrable_ipc = {
   name: name$9
 };
 
+const set$2 = (id, data) => {
+  setDragInfo(id, data);
+};
+
 const state = {
   identifiers: new Uint32Array()
 };
@@ -9884,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 {
@@ -10085,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);
@@ -10247,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);
   }
@@ -10377,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];
@@ -10426,6 +10476,9 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
     }
   };
 };
+const setDragData = (viewletId, dragData) => {
+  set$2(viewletId, dragData);
+};
 const setDom = (viewletId, dom) => {
   const instance = state$6.instances[viewletId];
   if (!instance) {
@@ -10460,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;
 };
@@ -10600,6 +10653,10 @@ const sendMultiple = commands => {
         // @ts-ignore
         setUid(viewletId, method, ...args);
         break;
+      case 'Viewlet.setDragData':
+        // @ts-ignore
+        setDragData(viewletId, method, ...args);
+        break;
       case 'Viewlet.addCss':
       case 'Viewlet.setCss':
       case 'Css.addCssStyleSheet':
@@ -10777,6 +10834,8 @@ const getFn = command => {
       return registerEventListeners;
     case 'Viewlet.setPatches':
       return setPatches;
+    case 'Viewlet.setDragData':
+      return setDragData;
     case 'Viewlet.focusSelector':
       return focusSelector;
     case 'Css.addCssStyleSheet':
@@ -11099,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.13.0",
+  "version": "13.15.0",
   "description": "",
   "keywords": [
     "lvce-editor",