@lvce-editor/renderer-process 30.20.0 → 30.21.1

package/dist/rendererProcessMain.js

@@ -118,25 +118,25 @@ const confirm = message => {
   return window.confirm(message);
 };
 
-const state$b = {
+const state$c = {
   styleSheets: Object.create(null),
   texts: Object.create(null)
 };
 const set$b = (id, sheet) => {
-  state$b.styleSheets[id] = sheet;
+  state$c.styleSheets[id] = sheet;
 };
 const get$9 = id => {
-  return state$b.styleSheets[id];
+  return state$c.styleSheets[id];
 };
 const setText$2 = (id, text) => {
-  state$b.texts[id] = text;
+  state$c.texts[id] = text;
 };
 const getText = id => {
-  return state$b.texts[id];
+  return state$c.texts[id];
 };
 const remove$5 = id => {
-  delete state$b.styleSheets[id];
-  delete state$b.texts[id];
+  delete state$c.styleSheets[id];
+  delete state$c.texts[id];
 };
 
 const addCssStyleSheet = (id, text) => {
@@ -338,10 +338,10 @@ const createIdGenerator = () => {
 };
 const create$J = createIdGenerator();
 
-const state$a = Object.create(null);
+const state$b = Object.create(null);
 const acquire$1 = id => {
-  const promise = state$a[id];
-  delete state$a[id];
+  const promise = state$b[id];
+  delete state$b[id];
   return promise;
 };
 const getFileHandles$1 = async ids => {
@@ -351,7 +351,7 @@ const getFileHandles$1 = async ids => {
 };
 const add$1 = promise => {
   const id = create$J();
-  state$a[id] = promise;
+  state$b[id] = promise;
   return id;
 };
 const addFileHandle$1 = fileHandle => {
@@ -534,14 +534,14 @@ const getEventListenerArgs = (params, event) => {
   return serialized;
 };
 
-const state$9 = {
+const state$a = {
   ipc: undefined
 };
 const getIpc = () => {
-  return state$9.ipc;
+  return state$a.ipc;
 };
 const setIpc = value => {
-  state$9.ipc = value;
+  state$a.ipc = value;
 };
 
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -3312,7 +3312,7 @@ const launchRendererWorker = async () => {
 };
 
 const selector = 'script.RendererWorkerTrace';
-const state$8 = {
+const state$9 = {
   enabled: false,
   entries: []
 };
@@ -3362,14 +3362,14 @@ const isCommand = value => {
 };
 const initialize = search => {
   const searchParams = new URLSearchParams(search);
-  state$8.enabled = searchParams.has('traceRendererWorker');
-  state$8.entries = [];
+  state$9.enabled = searchParams.has('traceRendererWorker');
+  state$9.entries = [];
 };
 const record = (direction, method, params) => {
-  if (!state$8.enabled) {
+  if (!state$9.enabled) {
     return;
   }
-  state$8.entries.push({
+  state$9.entries.push({
     direction,
     method,
     params: serialize(params),
@@ -3377,7 +3377,7 @@ const record = (direction, method, params) => {
   });
 };
 const listen = rpc => {
-  if (!state$8.enabled) {
+  if (!state$9.enabled) {
     return;
   }
   const ipc = rpc.ipc;
@@ -3392,7 +3392,7 @@ const listen = rpc => {
   });
 };
 const exportToDom = () => {
-  if (!state$8.enabled) {
+  if (!state$9.enabled) {
     return;
   }
   const existing = document.querySelector(selector);
@@ -3400,7 +3400,7 @@ const exportToDom = () => {
   script.className = 'RendererWorkerTrace';
   script.type = 'application/json';
   script.textContent = JSON.stringify({
-    entries: state$8.entries,
+    entries: state$9.entries,
     version: 1
   });
   if (!existing) {
@@ -3408,53 +3408,53 @@ const exportToDom = () => {
   }
 };
 const scheduleExport = () => {
-  if (!state$8.enabled) {
+  if (!state$9.enabled) {
     return;
   }
   queueMicrotask(exportToDom);
 };
 
-const state$7 = {
+const state$8 = {
   rpc: undefined
 };
 const hydrate$3 = async () => {
   const result = await launchRendererWorker();
   if (isError(result)) {
-    state$7.rpc = undefined;
+    state$8.rpc = undefined;
     return result;
   }
-  state$7.rpc = result.value;
+  state$8.rpc = result.value;
   listen(result.value);
   return success(undefined);
 };
 
 // TODO needed?
 const dispose$j = () => {
-  if (state$7.rpc) {
-    state$7.rpc.dispose();
+  if (state$8.rpc) {
+    state$8.rpc.dispose();
   }
 };
 const send = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  state$7.rpc.send(method, ...params);
+  state$8.rpc.send(method, ...params);
 };
 const invoke$1 = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  return state$7.rpc.invoke(method, ...params);
+  return state$8.rpc.invoke(method, ...params);
 };
 const sendAndTransfer = message => {
   if (Array.isArray(message) && typeof message[0] === 'string') {
     record('sent', message[0], message.slice(1));
   }
   // @ts-expect-error
-  state$7.rpc.sendAndTransfer(message);
+  state$8.rpc.sendAndTransfer(message);
 };
 const invokeAndTransfer = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  return state$7.rpc.invokeAndTransfer(method, ...params);
+  return state$8.rpc.invokeAndTransfer(method, ...params);
 };
 
 const RendererWorker = {
@@ -3465,7 +3465,7 @@ const RendererWorker = {
   invokeAndTransfer,
   send,
   sendAndTransfer,
-  state: state$7
+  state: state$8
 };
 
 const create$u = async ({
@@ -3584,7 +3584,7 @@ const create$Button = (label, icon) => {
 };
 
 // TODO this file is not needed when all elements are position fixed
-const state$6 = {
+const state$7 = {
   $Widgets: undefined,
   widgetSet: new Set()
 };
@@ -3596,20 +3596,20 @@ const create$Widgets = () => {
 };
 const append$1 = $Element => {
   // TODO should not call append in the first place if it is already in DOM
-  if (state$6.widgetSet.has($Element)) {
+  if (state$7.widgetSet.has($Element)) {
     return;
   }
-  state$6.widgetSet.add($Element);
-  if (state$6.$Widgets) {
+  state$7.widgetSet.add($Element);
+  if (state$7.$Widgets) {
     // @ts-expect-error
-    state$6.$Widgets.append($Element);
+    state$7.$Widgets.append($Element);
   } else {
     // @ts-expect-error
-    state$6.$Widgets = create$Widgets();
+    state$7.$Widgets = create$Widgets();
     // @ts-expect-error
-    state$6.$Widgets.append($Element);
+    state$7.$Widgets.append($Element);
     // @ts-expect-error
-    document.body.append(state$6.$Widgets);
+    document.body.append(state$7.$Widgets);
   }
 };
 const remove$1 = $Element => {
@@ -3617,13 +3617,13 @@ const remove$1 = $Element => {
     // TODO $Element should always be defined
     return;
   }
-  state$6.widgetSet.delete($Element);
+  state$7.widgetSet.delete($Element);
   $Element.remove();
   // TODO state.$Widgets should always be defined at this point
-  if (state$6.widgetSet.size === 0 && state$6.$Widgets) {
+  if (state$7.widgetSet.size === 0 && state$7.$Widgets) {
     // @ts-expect-error
-    state$6.$Widgets.remove();
-    state$6.$Widgets = undefined;
+    state$7.$Widgets.remove();
+    state$7.$Widgets = undefined;
   }
 };
 
@@ -3699,11 +3699,11 @@ const dispose$h = id => {
   // const $Notification = state.$Notifications
 };
 
-const state$5 = {
+const state$6 = {
   canvasObjects: Object.create(null)
 };
 const set$6 = (canvasId, canvas) => {
-  state$5.canvasObjects[canvasId] = canvas;
+  state$6.canvasObjects[canvasId] = canvas;
 };
 
 const create$r = async (canvasId, objectId) => {
@@ -3802,16 +3802,16 @@ const findIndex = ($Container, $Target) => {
   return -1;
 };
 
-const state$4 = {
+const state$5 = {
   /**
    * @type {HTMLElement|undefined}
    */
   $PreviousFocusElement: undefined};
 const setElement = $Element => {
-  state$4.$PreviousFocusElement = $Element;
+  state$5.$PreviousFocusElement = $Element;
 };
 const getElement = () => {
-  return state$4.$PreviousFocusElement;
+  return state$5.$PreviousFocusElement;
 };
 
 const focus$d = $Element => {
@@ -3900,7 +3900,7 @@ const FocusOutput = 28;
 
 // TODO keyboard handling
 
-const state$3 = {
+const state$4 = {
   $$Menus: [],
   $BackDrop: undefined,
   anchorTime: -1,
@@ -3911,7 +3911,7 @@ const state$3 = {
 };
 const getLevel = $Menu => {
   // @ts-expect-error
-  return state$3.$$Menus.indexOf($Menu);
+  return state$4.$$Menus.indexOf($Menu);
 };
 const handleMouseDown$2 = event => {
   const $Target = event.target;
@@ -3977,10 +3977,10 @@ const handleMouseLeave = event => {
 
 // const handleBlur = (event) => {}
 const handleKeyDown$4 = event => {
-  state$3.handleKeyDown(event);
+  state$4.handleKeyDown(event);
 };
 const handleFocusOut$1 = event => {
-  state$3.handleFocusOut(event);
+  state$4.handleFocusOut(event);
 };
 const create$Menu$1 = () => {
   // TODO set aria label on menu (e.g. File, Edit, Selection)
@@ -4008,7 +4008,7 @@ const create$Menu$1 = () => {
   return $Menu;
 };
 const focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
-  const $Menu = state$3.$$Menus[level];
+  const $Menu = state$4.$$Menus[level];
   if (oldFocusedIndex !== -1) {
     // @ts-expect-error
     $Menu.children[oldFocusedIndex].classList.remove('MenuItemFocused');
@@ -4030,21 +4030,21 @@ const handleBackDropMouseDown = event => {
   preventDefault(event);
   stopPropagation(event);
   send(/* Menu.hide */'Menu.hide');
-  if (state$3.$BackDrop) {
-    remove$1(state$3.$BackDrop);
-    state$3.$BackDrop = undefined;
+  if (state$4.$BackDrop) {
+    remove$1(state$4.$BackDrop);
+    state$4.$BackDrop = undefined;
   }
 };
 const handleContextMenu$7 = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [], mouseBlocking = false) => {
-  if (mouseBlocking && !state$3.$BackDrop) {
+  if (mouseBlocking && !state$4.$BackDrop) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
     $BackDrop.oncontextmenu = handleContextMenu$7;
     // @ts-expect-error
-    state$3.$BackDrop = $BackDrop;
+    state$4.$BackDrop = $BackDrop;
     append$1($BackDrop);
   }
   const $Menu = create$Menu$1();
@@ -4052,7 +4052,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   setXAndY($Menu, x, y);
   $Menu.id = `Menu-${level}`;
   if (parentIndex !== -1) {
-    const $ParentMenu = state$3.$$Menus[level - 1];
+    const $ParentMenu = state$4.$$Menus[level - 1];
     // @ts-expect-error
     const $ParentMenuItem = $ParentMenu.children[parentIndex];
     $ParentMenuItem.ariaExpanded = True;
@@ -4060,7 +4060,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   }
 
   // @ts-expect-error
-  state$3.$$Menus.push($Menu);
+  state$4.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
     focus$d($Menu);
@@ -4068,14 +4068,14 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   }
 };
 const hideSubmenu = level => {
-  const $$ChildMenus = state$3.$$Menus.slice(level);
+  const $$ChildMenus = state$4.$$Menus.slice(level);
   for (const $ChildMenu of $$ChildMenus) {
     remove$1($ChildMenu);
   }
-  state$3.$$Menus = state$3.$$Menus.slice(0, level);
-  if (state$3.$$Menus.length === 0 && state$3.$BackDrop) {
-    remove$1(state$3.$BackDrop);
-    state$3.$BackDrop = undefined;
+  state$4.$$Menus = state$4.$$Menus.slice(0, level);
+  if (state$4.$$Menus.length === 0 && state$4.$BackDrop) {
+    remove$1(state$4.$BackDrop);
+    state$4.$BackDrop = undefined;
   }
 };
 
@@ -4117,9 +4117,9 @@ const showControlled = ({
   // TODO menu should not necessarily know about parent (titleBarMenuBar)
   // it should be the other way around
   // @ts-expect-error
-  state$3.$Parent = $Parent;
-  state$3.handleFocusOut = handleFocusOut;
-  state$3.handleKeyDown = handleKeyDown;
+  state$4.$Parent = $Parent;
+  state$4.handleFocusOut = handleFocusOut;
+  state$4.handleKeyDown = handleKeyDown;
   if ($Parent) {
     // state.$Menu.ariaLabel=''
     // state.$Menu.ariaLabelledBy  =$Parent.id
@@ -4131,13 +4131,13 @@ const showControlled = ({
 // TODO have function to show submenu
 
 const hide = (restoreFocus = true) => {
-  for (const $Menu of state$3.$$Menus) {
+  for (const $Menu of state$4.$$Menus) {
     remove$1($Menu);
   }
-  state$3.$$Menus = [];
-  if (state$3.$BackDrop) {
-    remove$1(state$3.$BackDrop);
-    state$3.$BackDrop = undefined;
+  state$4.$$Menus = [];
+  if (state$4.$BackDrop) {
+    remove$1(state$4.$BackDrop);
+    state$4.$BackDrop = undefined;
   }
   // TODO focus previous item
   if (restoreFocus) {
@@ -4976,9 +4976,16 @@ const set$3 = setComponentUid;
 const get = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
 
+const state$3 = {
+  currentDragInfo: undefined
+};
 const set$2 = (id, data) => {
+  state$3.currentDragInfo = data;
   setDragInfo(id, data);
 };
+const getCurrent = () => {
+  return state$3.currentDragInfo;
+};
 
 const state$2 = {
   identifiers: new Uint32Array()
@@ -7258,9 +7265,10 @@ const getKeyBindingIdentifier = event => {
     code,
     ctrlKey,
     key,
+    metaKey,
     shiftKey
   } = event;
-  const modifierControl = ctrlKey ? CtrlCmd : 0;
+  const modifierControl = ctrlKey || metaKey ? CtrlCmd : 0;
   const modifierShift = shiftKey ? Shift : 0;
   const modifierAlt = altKey ? Alt : 0;
   const normalizedKey = normalizeKey(key, code);
@@ -8328,8 +8336,8 @@ const openMenu = (state, unFocusIndex, index, level, menuItems, menuFocusedIndex
     $Viewlet.children[unFocusIndex].removeAttribute(AriaOwns);
   }
   $Viewlet.children[index].ariaExpanded = True;
-  const $$Menus = state$3.$$Menus;
-  state$3.$$Menus = [];
+  const $$Menus = state$4.$$Menus;
+  state$4.$$Menus = [];
   // @ts-expect-error
   showControlled({
     $Parent: $Viewlet.children[index],
@@ -8958,6 +8966,9 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
 const setDragData = (viewletId, dragData) => {
   set$2(viewletId, dragData);
 };
+const getDragData = () => {
+  return getCurrent();
+};
 const setDom = (viewletId, dom) => {
   const instance = get$8(viewletId);
   if (!instance) {
@@ -9578,6 +9589,7 @@ const commandMap = {
   'Viewlet.focus': focus$1,
   'Viewlet.focusElementByName': focusElementByName,
   'Viewlet.focusSelector': focusSelector,
+  'Viewlet.getDragData': getDragData,
   'Viewlet.handleError': handleError$1,
   'Viewlet.invoke': invoke,
   'Viewlet.loadModule': loadModule,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.20.0",
+  "version": "30.21.1",
   "keywords": [
     "lvce-editor",
     "renderer-process"