@lvce-editor/renderer-process 30.30.2 → 30.32.0

package/dist/rendererProcessMain.js

@@ -118,25 +118,25 @@ const confirm = message => {
   return window.confirm(message);
 };
 
-const state$c = {
+const state$d = {
   styleSheets: Object.create(null),
   texts: Object.create(null)
 };
 const set$b = (id, sheet) => {
-  state$c.styleSheets[id] = sheet;
+  state$d.styleSheets[id] = sheet;
 };
 const get$9 = id => {
-  return state$c.styleSheets[id];
+  return state$d.styleSheets[id];
 };
 const setText$2 = (id, text) => {
-  state$c.texts[id] = text;
+  state$d.texts[id] = text;
 };
 const getText = id => {
-  return state$c.texts[id];
+  return state$d.texts[id];
 };
 const remove$5 = id => {
-  delete state$c.styleSheets[id];
-  delete state$c.texts[id];
+  delete state$d.styleSheets[id];
+  delete state$d.texts[id];
 };
 
 const addCssStyleSheet = (id, text) => {
@@ -338,10 +338,10 @@ const createIdGenerator = () => {
 };
 const create$J = createIdGenerator();
 
-const state$b = Object.create(null);
+const state$c = Object.create(null);
 const acquire$1 = id => {
-  const promise = state$b[id];
-  delete state$b[id];
+  const promise = state$c[id];
+  delete state$c[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$b[id] = promise;
+  state$c[id] = promise;
   return id;
 };
 const addFileHandle$1 = fileHandle => {
@@ -547,14 +547,14 @@ const getEventListenerArgs = (params, event) => {
   return serialized;
 };
 
-const state$a = {
+const state$b = {
   ipc: undefined
 };
 const getIpc = () => {
-  return state$a.ipc;
+  return state$b.ipc;
 };
 const setIpc = value => {
-  state$a.ipc = value;
+  state$b.ipc = value;
 };
 
 const nameAnonymousFunction$1 = (fn, name) => {
@@ -3621,7 +3621,7 @@ const launchRendererWorker = async () => {
 };
 
 const selector = 'script.RendererWorkerTrace';
-const state$9 = {
+const state$a = {
   enabled: false,
   entries: []
 };
@@ -3671,14 +3671,14 @@ const isCommand = value => {
 };
 const initialize = search => {
   const searchParams = new URLSearchParams(search);
-  state$9.enabled = searchParams.has('traceRendererWorker');
-  state$9.entries = [];
+  state$a.enabled = searchParams.has('traceRendererWorker');
+  state$a.entries = [];
 };
 const record = (direction, method, params) => {
-  if (!state$9.enabled) {
+  if (!state$a.enabled) {
     return;
   }
-  state$9.entries.push({
+  state$a.entries.push({
     direction,
     method,
     params: serialize(params),
@@ -3686,7 +3686,7 @@ const record = (direction, method, params) => {
   });
 };
 const listen = rpc => {
-  if (!state$9.enabled) {
+  if (!state$a.enabled) {
     return;
   }
   const ipc = rpc.ipc;
@@ -3701,7 +3701,7 @@ const listen = rpc => {
   });
 };
 const exportToDom = () => {
-  if (!state$9.enabled) {
+  if (!state$a.enabled) {
     return;
   }
   const existing = document.querySelector(selector);
@@ -3709,7 +3709,7 @@ const exportToDom = () => {
   script.className = 'RendererWorkerTrace';
   script.type = 'application/json';
   script.textContent = JSON.stringify({
-    entries: state$9.entries,
+    entries: state$a.entries,
     version: 1
   });
   if (!existing) {
@@ -3717,53 +3717,53 @@ const exportToDom = () => {
   }
 };
 const scheduleExport = () => {
-  if (!state$9.enabled) {
+  if (!state$a.enabled) {
     return;
   }
   queueMicrotask(exportToDom);
 };
 
-const state$8 = {
+const state$9 = {
   rpc: undefined
 };
 const hydrate$2 = async () => {
   const result = await launchRendererWorker();
   if (isError(result)) {
-    state$8.rpc = undefined;
+    state$9.rpc = undefined;
     return result;
   }
-  state$8.rpc = result.value;
+  state$9.rpc = result.value;
   listen(result.value);
   return success(undefined);
 };
 
 // TODO needed?
 const dispose$j = () => {
-  if (state$8.rpc) {
-    state$8.rpc.dispose();
+  if (state$9.rpc) {
+    state$9.rpc.dispose();
   }
 };
 const send = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  state$8.rpc.send(method, ...params);
+  state$9.rpc.send(method, ...params);
 };
 const invoke$1 = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  return state$8.rpc.invoke(method, ...params);
+  return state$9.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$8.rpc.sendAndTransfer(message);
+  state$9.rpc.sendAndTransfer(message);
 };
 const invokeAndTransfer = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
-  return state$8.rpc.invokeAndTransfer(method, ...params);
+  return state$9.rpc.invokeAndTransfer(method, ...params);
 };
 
 const RendererWorker = {
@@ -3774,7 +3774,7 @@ const RendererWorker = {
   invokeAndTransfer,
   send,
   sendAndTransfer,
-  state: state$8
+  state: state$9
 };
 
 const create$u = async ({
@@ -3893,7 +3893,7 @@ const create$Button = (label, icon) => {
 };
 
 // TODO this file is not needed when all elements are position fixed
-const state$7 = {
+const state$8 = {
   $Widgets: undefined,
   widgetSet: new Set()
 };
@@ -3905,20 +3905,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$7.widgetSet.has($Element)) {
+  if (state$8.widgetSet.has($Element)) {
     return;
   }
-  state$7.widgetSet.add($Element);
-  if (state$7.$Widgets) {
+  state$8.widgetSet.add($Element);
+  if (state$8.$Widgets) {
     // @ts-expect-error
-    state$7.$Widgets.append($Element);
+    state$8.$Widgets.append($Element);
   } else {
     // @ts-expect-error
-    state$7.$Widgets = create$Widgets();
+    state$8.$Widgets = create$Widgets();
     // @ts-expect-error
-    state$7.$Widgets.append($Element);
+    state$8.$Widgets.append($Element);
     // @ts-expect-error
-    document.body.append(state$7.$Widgets);
+    document.body.append(state$8.$Widgets);
   }
 };
 const remove$1 = $Element => {
@@ -3926,13 +3926,13 @@ const remove$1 = $Element => {
     // TODO $Element should always be defined
     return;
   }
-  state$7.widgetSet.delete($Element);
+  state$8.widgetSet.delete($Element);
   $Element.remove();
   // TODO state.$Widgets should always be defined at this point
-  if (state$7.widgetSet.size === 0 && state$7.$Widgets) {
+  if (state$8.widgetSet.size === 0 && state$8.$Widgets) {
     // @ts-expect-error
-    state$7.$Widgets.remove();
-    state$7.$Widgets = undefined;
+    state$8.$Widgets.remove();
+    state$8.$Widgets = undefined;
   }
 };
 
@@ -4008,11 +4008,11 @@ const dispose$h = id => {
   // const $Notification = state.$Notifications
 };
 
-const state$6 = {
+const state$7 = {
   canvasObjects: Object.create(null)
 };
 const set$6 = (canvasId, canvas) => {
-  state$6.canvasObjects[canvasId] = canvas;
+  state$7.canvasObjects[canvasId] = canvas;
 };
 
 const create$r = async (canvasId, objectId) => {
@@ -4111,19 +4111,19 @@ const findIndex = ($Container, $Target) => {
   return -1;
 };
 
-const state$5 = {
+const state$6 = {
   /**
    * @type {HTMLElement|undefined}
    */
   $PreviousFocusElement: undefined};
 const setElement = $Element => {
-  state$5.$PreviousFocusElement = $Element;
+  state$6.$PreviousFocusElement = $Element;
 };
 const getElement = () => {
-  return state$5.$PreviousFocusElement;
+  return state$6.$PreviousFocusElement;
 };
 
-const focus$d = $Element => {
+const focus$e = $Element => {
   if ($Element === document.activeElement) {
     return;
   }
@@ -4209,7 +4209,7 @@ const FocusOutput = 28;
 
 // TODO keyboard handling
 
-const state$4 = {
+const state$5 = {
   $$Menus: [],
   $BackDrop: undefined,
   anchorTime: -1,
@@ -4220,7 +4220,7 @@ const state$4 = {
 };
 const getLevel = $Menu => {
   // @ts-expect-error
-  return state$4.$$Menus.indexOf($Menu);
+  return state$5.$$Menus.indexOf($Menu);
 };
 const handleMouseDown$4 = event => {
   const $Target = event.target;
@@ -4286,10 +4286,10 @@ const handleMouseLeave = event => {
 
 // const handleBlur = (event) => {}
 const handleKeyDown$4 = event => {
-  state$4.handleKeyDown(event);
+  state$5.handleKeyDown(event);
 };
 const handleFocusOut$1 = event => {
-  state$4.handleFocusOut(event);
+  state$5.handleFocusOut(event);
 };
 const create$Menu$1 = () => {
   // TODO set aria label on menu (e.g. File, Edit, Selection)
@@ -4317,7 +4317,7 @@ const create$Menu$1 = () => {
   return $Menu;
 };
 const focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
-  const $Menu = state$4.$$Menus[level];
+  const $Menu = state$5.$$Menus[level];
   if (oldFocusedIndex !== -1) {
     // @ts-expect-error
     $Menu.children[oldFocusedIndex].classList.remove('MenuItemFocused');
@@ -4339,21 +4339,21 @@ const handleBackDropMouseDown = event => {
   preventDefault(event);
   stopPropagation(event);
   send(/* Menu.hide */'Menu.hide');
-  if (state$4.$BackDrop) {
-    remove$1(state$4.$BackDrop);
-    state$4.$BackDrop = undefined;
+  if (state$5.$BackDrop) {
+    remove$1(state$5.$BackDrop);
+    state$5.$BackDrop = undefined;
   }
 };
 const handleContextMenu$7 = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [], mouseBlocking = false) => {
-  if (mouseBlocking && !state$4.$BackDrop) {
+  if (mouseBlocking && !state$5.$BackDrop) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
     $BackDrop.oncontextmenu = handleContextMenu$7;
     // @ts-expect-error
-    state$4.$BackDrop = $BackDrop;
+    state$5.$BackDrop = $BackDrop;
     append$1($BackDrop);
   }
   const $Menu = create$Menu$1();
@@ -4361,7 +4361,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$4.$$Menus[level - 1];
+    const $ParentMenu = state$5.$$Menus[level - 1];
     // @ts-expect-error
     const $ParentMenuItem = $ParentMenu.children[parentIndex];
     $ParentMenuItem.ariaExpanded = True;
@@ -4369,22 +4369,22 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   }
 
   // @ts-expect-error
-  state$4.$$Menus.push($Menu);
+  state$5.$$Menus.push($Menu);
   append$1($Menu);
   if (level === 0) {
-    focus$d($Menu);
+    focus$e($Menu);
     send('Focus.setFocus', FocusMenu);
   }
 };
 const hideSubmenu = level => {
-  const $$ChildMenus = state$4.$$Menus.slice(level);
+  const $$ChildMenus = state$5.$$Menus.slice(level);
   for (const $ChildMenu of $$ChildMenus) {
     remove$1($ChildMenu);
   }
-  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;
+  state$5.$$Menus = state$5.$$Menus.slice(0, level);
+  if (state$5.$$Menus.length === 0 && state$5.$BackDrop) {
+    remove$1(state$5.$BackDrop);
+    state$5.$BackDrop = undefined;
   }
 };
 
@@ -4426,9 +4426,9 @@ const showControlled = ({
   // TODO menu should not necessarily know about parent (titleBarMenuBar)
   // it should be the other way around
   // @ts-expect-error
-  state$4.$Parent = $Parent;
-  state$4.handleFocusOut = handleFocusOut;
-  state$4.handleKeyDown = handleKeyDown;
+  state$5.$Parent = $Parent;
+  state$5.handleFocusOut = handleFocusOut;
+  state$5.handleKeyDown = handleKeyDown;
   if ($Parent) {
     // state.$Menu.ariaLabel=''
     // state.$Menu.ariaLabelledBy  =$Parent.id
@@ -4440,13 +4440,13 @@ const showControlled = ({
 // TODO have function to show submenu
 
 const hide = (restoreFocus = true) => {
-  for (const $Menu of state$4.$$Menus) {
+  for (const $Menu of state$5.$$Menus) {
     remove$1($Menu);
   }
-  state$4.$$Menus = [];
-  if (state$4.$BackDrop) {
-    remove$1(state$4.$BackDrop);
-    state$4.$BackDrop = undefined;
+  state$5.$$Menus = [];
+  if (state$5.$BackDrop) {
+    remove$1(state$5.$BackDrop);
+    state$5.$BackDrop = undefined;
   }
   // TODO focus previous item
   if (restoreFocus) {
@@ -5285,25 +5285,25 @@ const set$3 = setComponentUid;
 const get = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
 
-const state$3 = {
+const state$4 = {
   currentDragInfo: undefined
 };
 const set$2 = (id, data) => {
-  state$3.currentDragInfo = data;
+  state$4.currentDragInfo = data;
   setDragInfo(id, data);
 };
 const getCurrent = () => {
-  return state$3.currentDragInfo;
+  return state$4.currentDragInfo;
 };
 
-const state$2 = {
+const state$3 = {
   identifiers: new Uint32Array()
 };
 const setIdentifiers$1 = identifiers => {
-  state$2.identifiers = identifiers;
+  state$3.identifiers = identifiers;
 };
 const getIdentifiers = () => {
-  return state$2.identifiers;
+  return state$3.identifiers;
 };
 
 // TODO store keybindings as JSON somewhere
@@ -5321,6 +5321,30 @@ const setIdentifiers = identifiers => {
   setIdentifiers$1(identifiers);
 };
 
+const pendingBatches = new Map();
+const state$2 = {
+  nextTransactionId: 1
+};
+const queue = (uid, commands) => {
+  const transactionId = state$2.nextTransactionId++;
+  pendingBatches.set(transactionId, {
+    commands,
+    uid
+  });
+  return transactionId;
+};
+const take = (uid, transactionId) => {
+  const batch = pendingBatches.get(transactionId);
+  if (!batch) {
+    throw new Error(`pending viewlet command transaction not found: ${transactionId}`);
+  }
+  if (batch.uid !== uid) {
+    throw new Error(`pending viewlet command transaction ${transactionId} belongs to ${batch.uid}, not ${uid}`);
+  }
+  pendingBatches.delete(transactionId);
+  return batch.commands;
+};
+
 const rememberFocus = rememberFocus$1;
 
 const handleImageLoad = event => {
@@ -5821,7 +5845,7 @@ const setValue$2 = (state, value) => {
   const $Input = $Viewlet.querySelector(':scope input');
   $Input.value = value;
 };
-const focus$c = state => {
+const focus$d = state => {
   const {
     $Viewlet
   } = state;
@@ -5832,7 +5856,7 @@ const focus$c = state => {
 const ViewletDefineKeyBinding = {
   __proto__: null,
   Events: ViewletDefineKeyBindingEvents,
-  focus: focus$c,
+  focus: focus$d,
   setValue: setValue$2
 };
 
@@ -6194,7 +6218,7 @@ const appendWidget$5 = state => {
 const dispose$e = state => {
   remove$1(state.$Viewlet);
 };
-const focus$b = (state, key, source) => {
+const focus$c = (state, key, source) => {
   if (!key) {
     return;
   }
@@ -6218,7 +6242,7 @@ const ViewletEditorCodeGenerator = {
   Events: ViewletEditorCodeGeneratorEvents,
   appendWidget: appendWidget$5,
   dispose: dispose$e,
-  focus: focus$b,
+  focus: focus$c,
   setBounds: setBounds$9
 };
 
@@ -6846,14 +6870,14 @@ const create$e = () => {
   };
 };
 const refresh$1 = (state, context) => {};
-const focus$a = state => {};
+const focus$b = state => {};
 const dispose$9 = state => {};
 
 const ViewletEmpty = {
   __proto__: null,
   create: create$e,
   dispose: dispose$9,
-  focus: focus$a,
+  focus: focus$b,
   refresh: refresh$1
 };
 
@@ -6926,6 +6950,9 @@ const setIframeSrc = ($Iframe, src, srcDoc = '') => {
   }
 };
 
+const focus$a = state => {
+  state.$Viewlet.focus();
+};
 const setIframe$1 = (state, src, sandbox = [], srcDoc = '', csp = '', credentialless = true, title = '') => {
   if (!src && !srcDoc) {
     return;
@@ -6947,6 +6974,7 @@ const setIframe$1 = (state, src, sandbox = [], srcDoc = '', csp = '', credential
 const ViewletExtensionView = {
   __proto__: null,
   Events: ViewletExtensionViewEvents,
+  focus: focus$a,
   setIframe: setIframe$1
 };
 
@@ -7541,7 +7569,7 @@ const handleError$2 = (state, error) => {
 };
 const focus$7 = state => {
   object(state);
-  focus$d(state.$ViewletOutputContent);
+  focus$e(state.$ViewletOutputContent);
   send('Focus.setFocus', FocusOutput);
 };
 
@@ -8381,8 +8409,8 @@ const openMenu = (state, unFocusIndex, index, level, menuItems, menuFocusedIndex
     $Viewlet.children[unFocusIndex].removeAttribute(AriaOwns);
   }
   $Viewlet.children[index].ariaExpanded = True;
-  const $$Menus = state$4.$$Menus;
-  state$4.$$Menus = [];
+  const $$Menus = state$5.$$Menus;
+  state$5.$$Menus = [];
   // @ts-expect-error
   showControlled({
     $Parent: $Viewlet.children[index],
@@ -9128,6 +9156,12 @@ const attachWindowEvents = () => {
 const sendMultiple = commands => {
   executeCommands(commands);
 };
+const queueCommands = (uid, commands) => {
+  return queue(uid, commands);
+};
+const commitPending = (uid, transactionId) => {
+  executeCommands(take(uid, transactionId));
+};
 const dispose$3 = id => {
   try {
     number(id);
@@ -9351,6 +9385,7 @@ const commandHandlers = {
   'Viewlet.appendViewlet': appendViewlet,
   'Viewlet.ariaAnnounce': ariaAnnounce,
   'Viewlet.attachWindowEvents': attachWindowEvents,
+  'Viewlet.commitPending': commitPending,
   'Viewlet.create': create$2,
   'Viewlet.createFunctionalRoot': createFunctionalRoot,
   'Viewlet.createPlaceholder': createPlaceholder,
@@ -9490,7 +9525,9 @@ const getFilePathElectron = async file => {
 
 const handleMessagePort = async port => {
   await create$x({
-    commandMap: {},
+    commandMap: {
+      'Viewlet.queueCommands': queueCommands
+    },
     messagePort: port
   });
 };
@@ -9822,6 +9859,7 @@ const commandMap = {
   'Viewlet.handleError': handleError$1,
   'Viewlet.invoke': invoke,
   'Viewlet.loadModule': loadModule,
+  'Viewlet.queueCommands': queueCommands,
   'Viewlet.refresh': refresh,
   'Viewlet.registerEventListeners': registerEventListeners,
   'Viewlet.removeKeyBindings': removeKeyBindings,

package/package.json

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