@lvce-editor/renderer-process 30.33.4 → 30.34.0

package/dist/rendererProcessMain.js

@@ -125,7 +125,7 @@ const state$d = {
 const set$b = (id, sheet) => {
   state$d.styleSheets[id] = sheet;
 };
-const get$9 = id => {
+const get$a = id => {
   return state$d.styleSheets[id];
 };
 const setText$2 = (id, text) => {
@@ -140,7 +140,7 @@ const remove$5 = id => {
 };
 
 const addCssStyleSheet = (id, text) => {
-  const existing = get$9(id);
+  const existing = get$a(id);
   if (existing) {
     existing.replaceSync(text);
     setText$2(id, text);
@@ -153,7 +153,7 @@ const addCssStyleSheet = (id, text) => {
   document.adoptedStyleSheets.push(sheet);
 };
 const patchCssStyleSheet = (id, start, deleteCount, replacement) => {
-  const sheet = get$9(id);
+  const sheet = get$a(id);
   const text = getText(id);
   if (!sheet || typeof text !== 'string') {
     throw new Error(`stylesheet ${id} must be initialized before it can be patched`);
@@ -172,7 +172,7 @@ const patchCssStyleSheet = (id, start, deleteCount, replacement) => {
   setText$2(id, newText);
 };
 const removeCssStyleSheet = id => {
-  const sheet = get$9(id);
+  const sheet = get$a(id);
   if (!sheet) {
     return;
   }
@@ -1277,7 +1277,7 @@ const {
 } = ElementTagMap;
 
 const instances = Object.create(null);
-const get$8 = viewletId => {
+const get$9 = viewletId => {
   return instances[viewletId];
 };
 const set$a = (viewletId, instance) => {
@@ -1312,7 +1312,7 @@ const has$1 = listener => {
 const set$9 = (listener, value) => {
   cache.set(listener, value);
 };
-const get$7 = listener => {
+const get$8 = listener => {
   return cache.get(listener);
 };
 
@@ -1334,7 +1334,7 @@ const getWrappedListener = (listener, returnValue) => {
     nameAnonymousFunction$1(wrapped, listener.name);
     set$9(listener, wrapped);
   }
-  return get$7(listener);
+  return get$8(listener);
 };
 
 const attachedListeners = new WeakMap();
@@ -1568,7 +1568,7 @@ const renderDomElement = (element, eventMap, newEventMap) => {
   return $Element;
 };
 const renderReferenceNode = (element, eventMap, newEventMap) => {
-  const instance = get$8(element.uid);
+  const instance = get$9(element.uid);
   if (!instance || !instance.state) {
     return document.createTextNode('Reference node not found');
   }
@@ -1714,7 +1714,7 @@ const handleNavigateSibling = (state, patch, $Element, patchIndex) => {
   return true;
 };
 const handleSetReferenceNodeUid = (state, patch) => {
-  const instance = get$8(patch.uid);
+  const instance = get$9(patch.uid);
   if (!instance || !instance.state) {
     console.error('Cannot set reference node uid: instance not found', {
       uid: patch.uid
@@ -1930,7 +1930,7 @@ const rememberFocus$1 = ($Viewlet, dom, eventMap, uid = 0) => {
   }
 };
 
-const get$6 = ids => {
+const get$7 = ids => {
   return getFileHandles$1(ids);
 };
 
@@ -2857,7 +2857,7 @@ const execute = (command, ...args) => {
 
 const Two$1 = '2.0';
 const callbacks = Object.create(null);
-const get$5 = id => {
+const get$6 = id => {
   return callbacks[id];
 };
 const remove$4 = id => {
@@ -3047,7 +3047,7 @@ const warn = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$5(id);
+  const fn = get$6(id);
   if (!fn) {
     console.log(response);
     warn(`callback ${id} may already be disposed`);
@@ -3523,7 +3523,7 @@ const ipcs = Object.create(null);
 const set$7 = (name, ipc) => {
   ipcs[name] = ipc;
 };
-const get$4 = name => {
+const get$5 = name => {
   return ipcs[name];
 };
 const remove$2 = name => {
@@ -3736,47 +3736,17 @@ const hydrate$2 = async () => {
   listen(result.value);
   return success(undefined);
 };
-
-// TODO needed?
-const dispose$j = () => {
-  if (state$9.rpc) {
-    state$9.rpc.dispose();
-  }
-};
-const send = (method, ...params) => {
+const send$1 = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
   state$9.rpc.send(method, ...params);
 };
-const invoke$1 = (method, ...params) => {
-  record('sent', method, params);
-  // @ts-ignore
-  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$9.rpc.sendAndTransfer(message);
-};
 const invokeAndTransfer = (method, ...params) => {
   record('sent', method, params);
   // @ts-ignore
   return state$9.rpc.invokeAndTransfer(method, ...params);
 };
 
-const RendererWorker = {
-  __proto__: null,
-  dispose: dispose$j,
-  hydrate: hydrate$2,
-  invoke: invoke$1,
-  invokeAndTransfer,
-  send,
-  sendAndTransfer,
-  state: state$9
-};
-
 const create$u = async ({
   method,
   ...options
@@ -3787,7 +3757,7 @@ const create$u = async ({
     }
     // TODO rename method
     // TODO avoid cyclic dependency
-    const port = get$4(options.name);
+    const port = get$5(options.name);
     remove$2(options.name);
     await invokeAndTransfer('Transferrable.transfer', options.id, port);
     return;
@@ -3980,7 +3950,7 @@ const handleNotificationClick = event => {
   switch ($Target.className) {
     case 'NotificationOption':
       const index = findIndex$1($Target);
-      send(/* Notification.handleClick */'Notification.handleClick', /* index */index);
+      send$1(/* Notification.handleClick */'Notification.handleClick', /* index */index);
       break;
   }
 };
@@ -4051,7 +4021,7 @@ const create$BackDrop = () => {
 };
 
 const set$5 = setComponentUid;
-const get$3 = getComponentUid;
+const get$4 = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
 
 const AriaOwns = 'aria-owns';
@@ -4236,7 +4206,7 @@ const handleMouseDown$4 = event => {
   }
   preventDefault(event);
   const level = getLevel($Menu);
-  send(/* Menu.handleClick */'Menu.selectIndex', /* level */level, /* index */index);
+  send$1(/* Menu.handleClick */'Menu.selectIndex', /* level */level, /* index */index);
 };
 
 // const handleKeyDown = (event) => {
@@ -4281,7 +4251,7 @@ const handleMouseEnter = event => {
     return;
   }
   const level = getLevel($Menu);
-  send(/* Menu.handleMouseEnter */'Menu.handleMouseEnter', /* level */level, /* index */index, /* x */clientX, /* y */clientY, /* timeStamp */timeStamp);
+  send$1(/* Menu.handleMouseEnter */'Menu.handleMouseEnter', /* level */level, /* index */index, /* x */clientX, /* y */clientY, /* timeStamp */timeStamp);
 };
 const handleMouseLeave = event => {
   const $RelatedTarget = event.relatedTarget;
@@ -4343,7 +4313,7 @@ const focusIndex = (level, oldFocusedIndex, newFocusedIndex) => {
 const handleBackDropMouseDown = event => {
   preventDefault(event);
   stopPropagation(event);
-  send(/* Menu.hide */'Menu.hide');
+  send$1(/* Menu.hide */'Menu.hide');
   if (state$5.$BackDrop) {
     remove$1(state$5.$BackDrop);
     state$5.$BackDrop = undefined;
@@ -4378,7 +4348,7 @@ const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom = [],
   append$1($Menu);
   if (level === 0) {
     focus$e($Menu);
-    send('Focus.setFocus', FocusMenu);
+    send$1('Focus.setFocus', FocusMenu);
   }
 };
 const hideSubmenu = level => {
@@ -4430,7 +4400,7 @@ const showControlled = ({
   showMenu(x, y, width, height, items, level);
   const $Menu = state$5.$$Menus.at(-1);
   if ($Parent && $Menu) {
-    const uid = get$3($Parent);
+    const uid = get$4($Parent);
     set$5($Menu, uid);
   }
   // TODO menu should not necessarily know about parent (titleBarMenuBar)
@@ -4517,7 +4487,7 @@ const prompt = (message, defaultValue) => {
 };
 
 const screenCaptures = Object.create(null);
-const get$2 = id => {
+const get$3 = id => {
   return screenCaptures[id];
 };
 const set$4 = (id, captureStream) => {
@@ -4583,9 +4553,9 @@ class VError extends Error {
   }
 }
 
-const get$1 = id => {
+const get$2 = id => {
   number(id);
-  return get$2(id);
+  return get$3(id);
 };
 const start = async (id, options) => {
   try {
@@ -5160,7 +5130,7 @@ const createAction = action => {
   $action.style.border = 'none';
   $action.style.borderRadius = '5px';
   $action.addEventListener('click', () => {
-    send(action.command);
+    send$1(action.command);
   });
   return $action;
 };
@@ -5242,7 +5212,7 @@ const webViews = Object.create(null);
 const set$3 = (id, webView) => {
   webViews[id] = webView;
 };
-const get = id => {
+const get$1 = id => {
   return webViews[id];
 };
 const remove = id => {
@@ -5262,7 +5232,7 @@ const acquire = objectId => {
 // TODO transfer port directly instead of storing
 // it for a short time in state
 const transferToWebView = objectId => {
-  const $Iframe = get(1);
+  const $Iframe = get$1(1);
   if (!$Iframe) {
     throw new Error(`webview not found`);
   }
@@ -5291,6 +5261,30 @@ const attachEvents$7 = ($Node, eventMap) => {
   }
 };
 
+const rpcs = new Map();
+const viewRpcIds = new Map();
+const get = uid => {
+  const rpcId = viewRpcIds.get(uid);
+  return rpcId === undefined ? undefined : rpcs.get(rpcId);
+};
+const registerRpc = (rpcId, rpc) => {
+  const previous = rpcs.get(rpcId);
+  if (previous && previous !== rpc) {
+    previous.dispose();
+  }
+  rpcs.set(rpcId, rpc);
+};
+const registerView = (uid, rpcId) => {
+  if (rpcId === undefined) {
+    viewRpcIds.delete(uid);
+    return;
+  }
+  viewRpcIds.set(uid, rpcId);
+};
+const unregisterView = uid => {
+  viewRpcIds.delete(uid);
+};
+
 const state$4 = {
   currentDragInfo: undefined
 };
@@ -5486,9 +5480,9 @@ const ViewletActivityBar = {
   Events: Events$6
 };
 
-const executeViewletCommand = (uid, command, ...args) => {
+const executeViewletCommand$1 = (uid, command, ...args) => {
   number(uid);
-  send('Viewlet.executeViewletCommand', uid, command, ...args);
+  send$1('Viewlet.executeViewletCommand', uid, command, ...args);
 };
 
 const nameAnonymousFunction = (fn, name) => {
@@ -5499,7 +5493,7 @@ const nameAnonymousFunction = (fn, name) => {
 
 const forwardViewletCommand = name => {
   const fn = (uid, ...args) => {
-    executeViewletCommand(uid, name, ...args);
+    executeViewletCommand$1(uid, name, ...args);
   };
   nameAnonymousFunction(fn, name);
   return fn;
@@ -5667,7 +5661,7 @@ const applyUidWorkaround = element => {
   if (!editor) {
     throw new Error('no editor found');
   }
-  const editorUid = get$3(editor);
+  const editorUid = get$4(editor);
   set$5(element, editorUid);
 };
 
@@ -5690,7 +5684,7 @@ const create$o = (pointerDown, pointerMove, pointerUp) => {
       return;
     }
     const uid = fromEvent(event);
-    send('Viewlet.executeViewletCommand', uid, ...message);
+    send$1('Viewlet.executeViewletCommand', uid, ...message);
   };
   const handlePointerMove = event => {
     shared(pointerMove, event);
@@ -5867,7 +5861,7 @@ const ViewletDefineKeyBinding = {
 };
 
 const handleClick$5 = index => {
-  send(/* Dialog.handleClick */'Dialog.handleClick', /* index */index);
+  send$1(/* Dialog.handleClick */'Dialog.handleClick', /* index */index);
 };
 
 const handleClick$4 = event => {
@@ -6142,7 +6136,7 @@ const sendToIframe = (contentWindow, message, origin, transfer) => {
 const handleLoad$1 = event => {
   // eslint-disable-next-line no-console
   console.log(event.target.src);
-  send('E2eTests.handleLoad');
+  send$1('E2eTests.handleLoad');
 };
 const setIframe$2 = (state, src, sandbox = []) => {
   if (!src) {
@@ -6315,7 +6309,7 @@ const handleWheel$1 = event => {
     deltaY
   } = event;
   const uid = fromEvent(event);
-  executeViewletCommand(uid, 'EditorCompletion.handleWheel', deltaMode, deltaY);
+  executeViewletCommand$1(uid, 'EditorCompletion.handleWheel', deltaMode, deltaY);
 };
 
 const Small$1 = 1;
@@ -7151,9 +7145,9 @@ const handleLocationsMouseDown = event => {
   const $Target = event.target;
   if ($Target.classList.contains('TreeItem')) {
     const index = getNodeIndex($Target);
-    send(/* ViewletLocations.selectIndex */'Locations.selectIndex', /* index */index);
+    send$1(/* ViewletLocations.selectIndex */'Locations.selectIndex', /* index */index);
   } else if ($Target.classList.contains('LocationList')) {
-    send(/* ViewletLocations.focusIndex */'Locations.focusIndex', /* index */-1);
+    send$1(/* ViewletLocations.focusIndex */'Locations.focusIndex', /* index */-1);
   }
 };
 
@@ -7191,7 +7185,7 @@ const focus$8 = state => {
   } = state;
   $Locations.classList.add('FocusOutline');
   $Locations.focus();
-  send('Focus.setFocus', FocusLocationList);
+  send$1('Focus.setFocus', FocusLocationList);
 };
 
 const ViewletImplementations = {
@@ -7344,7 +7338,7 @@ const isMatchingKeyBinding = (identifiers, identifier) => {
 };
 
 const handleMatchingKeyBinding = identifier => {
-  send(/* KeyBindings.handleKeyBinding */'KeyBindings.handleKeyBinding', /* keyBinding */identifier);
+  send$1(/* KeyBindings.handleKeyBinding */'KeyBindings.handleKeyBinding', /* keyBinding */identifier);
 };
 const isNativeButtonActivation = event => {
   const {
@@ -7376,27 +7370,27 @@ const handleKeyDown$1 = event => {
 const handleKeyUp$1 = event => {};
 
 const handleSashPointerMove$1 = (x, y) => {
-  send('Layout.handleSashPointerMove', x, y);
+  send$1('Layout.handleSashPointerMove', x, y);
 };
 const handleSashPointerDown$1 = id => {
-  send('Layout.handleSashPointerDown', id);
+  send$1('Layout.handleSashPointerDown', id);
 };
 
 // TODO send component uid
 const handleSashPointerUp = id => {
-  send('Layout.handleSashPointerUp', id);
+  send$1('Layout.handleSashPointerUp', id);
 };
 const handleSashDoubleClick$1 = id => {
-  send('Layout.handleSashDoubleClick', id);
+  send$1('Layout.handleSashDoubleClick', id);
 };
 const handleResize$1 = (width, height) => {
-  send('Layout.handleResize', width, height);
+  send$1('Layout.handleResize', width, height);
 };
 const handleFocus$3 = () => {
-  send('Layout.handleFocus');
+  send$1('Layout.handleFocus');
 };
 const handleBlur$3 = () => {
-  send('Layout.handleBlur');
+  send$1('Layout.handleBlur');
 };
 
 const handleSashPointerMove = event => {
@@ -7593,7 +7587,7 @@ const handleError$2 = (state, error) => {
 const focus$7 = state => {
   object(state);
   focus$e(state.$ViewletOutputContent);
-  send('Focus.setFocus', FocusOutput);
+  send$1('Focus.setFocus', FocusOutput);
 };
 
 // TODO handle case when output is opened -> find widget is opened -> output is disposed before find widget is ready
@@ -7641,7 +7635,7 @@ const handleClickAction$1 = target => {
     console.info('[panel] action command not found');
     return;
   }
-  const childUid = get$3(target);
+  const childUid = get$4(target);
   handleClickAction$2(childUid, index, command);
 };
 const handleHeaderClick$1 = event => {
@@ -7767,7 +7761,7 @@ const setActionsDom$1 = (state, actions, childUid) => {
   const {
     $PanelActions
   } = state;
-  const instance = get$8(childUid);
+  const instance = get$9(childUid);
   if (!instance) {
     throw new Error(`child instance not found`);
   }
@@ -7820,7 +7814,7 @@ const setScreenCapture = (state, id) => {
     $Viewlet
   } = state;
   const $Video = document.createElement('video');
-  const screenCapture = get$1(id);
+  const screenCapture = get$2(id);
   $Video.srcObject = screenCapture;
   $Video.onloadedmetadata = handleLoadedMetadata;
   $Viewlet.append($Video);
@@ -7924,22 +7918,22 @@ const ViewletSidebar = {
 };
 
 const handleInput$3 = value => {
-  send('SimpleBrowser.handleInput', value);
+  send$1('SimpleBrowser.handleInput', value);
 };
 const forward = () => {
-  send('SimpleBrowser.forward');
+  send$1('SimpleBrowser.forward');
 };
 const backward = () => {
-  send('SimpleBrowser.backward');
+  send$1('SimpleBrowser.backward');
 };
 const reload$1 = () => {
-  send('SimpleBrowser.reload');
+  send$1('SimpleBrowser.reload');
 };
 const cancelNavigation = () => {
-  send('SimpleBrowser.cancelNavigation');
+  send$1('SimpleBrowser.cancelNavigation');
 };
 const openExternal = () => {
-  send('SimpleBrowser.openExternal');
+  send$1('SimpleBrowser.openExternal');
 };
 
 const handleInput$2 = event => {
@@ -7955,7 +7949,7 @@ const handleFocus$1 = event => {
   const {
     target
   } = event;
-  send('Focus.setFocus', FocusSimpleBrowserInput);
+  send$1('Focus.setFocus', FocusSimpleBrowserInput);
   setTimeout(() => {
     target.select();
   });
@@ -8199,7 +8193,7 @@ const handleMouseDown$1 = event => {
   if (!terminal) {
     return;
   }
-  const terminalUid = get$3(terminal);
+  const terminalUid = get$4(terminal);
   if (!terminalUid) {
     return;
   }
@@ -8256,10 +8250,15 @@ const handleFocusOut = event => {
   if (relatedTarget && isInsideTitleBarMenu(relatedTarget)) {
     return;
   }
-  if (!relatedTarget && target && !target.isConnected && isInsideTitleBarMenu(target)) {
+  const uid = fromEvent(event);
+  if (!relatedTarget && target && isInsideTitleBarMenu(target)) {
+    queueMicrotask(() => {
+      if (target.isConnected) {
+        closeMenu$1(uid);
+      }
+    });
     return;
   }
-  const uid = fromEvent(event);
   closeMenu$1(uid);
 };
 const handlePointerOver = event => {
@@ -8657,7 +8656,7 @@ const ViewletTitleBarTitle = {
 };
 
 const handleVideoError$1 = (code, message) => {
-  send('Video.handleVideoError', code, message);
+  send$1('Video.handleVideoError', code, message);
 };
 
 const handleVideoError = event => {
@@ -8758,7 +8757,7 @@ const setPort$1 = (state, portId, origin) => {
   });
 };
 const setPosition = (state, id, x, y, width, height) => {
-  const $Iframe = get(id);
+  const $Iframe = get$1(id);
   if (!$Iframe) {
     return;
   }
@@ -8843,7 +8842,7 @@ const create$2 = (id, uid = id) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  const existing = get$8(id);
+  const existing = get$9(id);
   if (existing?.state.$Viewlet.isConnected) {
     existing.state.$Viewlet.remove();
   }
@@ -8857,7 +8856,7 @@ const create$2 = (id, uid = id) => {
     state: instanceState
   });
 };
-const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
+const createFunctionalRoot = (id, uid = id, hasFunctionalEvents, directEventRpcId) => {
   let module = state$1.modules[id];
   if (hasFunctionalEvents) {
     module ||= {};
@@ -8865,7 +8864,7 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
   if (!module) {
     throw new Error(`module not found: ${id}`);
   }
-  const existing = get$8(id);
+  const existing = get$9(id);
   if (existing?.state.$Viewlet.isConnected) {
     existing.state.$Viewlet.remove();
   }
@@ -8873,6 +8872,7 @@ const createFunctionalRoot = (id, uid = id, hasFunctionalEvents) => {
     $Viewlet: document.createElement('div')
   };
   set$5(instanceState.$Viewlet, uid);
+  registerView(uid, directEventRpcId);
   set$a(uid, {
     factory: module,
     state: instanceState
@@ -8896,7 +8896,7 @@ const loadModule = async id => {
 };
 const invoke = (viewletId, method, ...args) => {
   string(method);
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance?.factory) {
     if (viewletId && method !== 'setActionsDom') {
       warn$1(`cannot execute ${method} viewlet instance ${viewletId} not found`);
@@ -8914,7 +8914,7 @@ const focus$1 = viewletId => {
     // eslint-disable-next-line no-console
     console.trace(`focus ${viewletId}`);
   }
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (instance.factory?.setFocused) {
     instance.factory.setFocused(instance.state, true);
   } else if (instance?.factory?.focus) {
@@ -8930,7 +8930,7 @@ const focusElementByName = (viewletId, name) => {
     // eslint-disable-next-line no-console
     console.trace(`focusByName ${viewletId} ${name}`);
   }
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -8945,7 +8945,7 @@ const focusElementByName = (viewletId, name) => {
 };
 const setElementProperty = (viewletId, name, key, value) => {
   const selector = `[name="${name}"]`;
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -8974,7 +8974,7 @@ const setCheckboxValue = (viewletId, name, value) => {
 };
 const setSelectionByName = (viewletId, name, start, end) => {
   const selector = `[name="${name}"]`;
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -8989,7 +8989,7 @@ const setSelectionByName = (viewletId, name, start, end) => {
   $Element.selectionEnd = end;
 };
 const setUid = (viewletId, uid) => {
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9007,7 +9007,7 @@ const resetFocusCallback = () => {
   focusCallback.selector = '';
 };
 const focusSelector = (viewletId, selector) => {
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9039,7 +9039,7 @@ const focusSelectorAfterRender = (viewletId, selector) => {
  * @deprecated
  */
 const refresh = (viewletId, viewletContext) => {
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (instance) {
     instance.factory.refresh(instance.state, viewletContext);
   } else {
@@ -9058,7 +9058,7 @@ const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   if (isSpecial(viewletId)) {
     $Placeholder.id = viewletId;
   }
-  const parentInstance = get$8(parentId);
+  const parentInstance = get$9(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   $Parent.append($Placeholder);
   set$a(viewletId, {
@@ -9074,7 +9074,7 @@ const getDragData = () => {
   return getCurrent();
 };
 const setDom = (viewletId, dom) => {
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9087,7 +9087,7 @@ const setDom = (viewletId, dom) => {
   renderInto($Viewlet, dom, Events);
 };
 const setDom2 = (viewletId, dom) => {
-  const instance = get$8(viewletId);
+  const instance = get$9(viewletId);
   if (!instance) {
     return;
   }
@@ -9100,7 +9100,7 @@ const setDom2 = (viewletId, dom) => {
   let uid;
   if ($Viewlet) {
     try {
-      uid = get$3($Viewlet);
+      uid = get$4($Viewlet);
     } catch {}
   }
   // TODO optimize rendering with virtual DOM diffing
@@ -9118,7 +9118,7 @@ const setDom2 = (viewletId, dom) => {
   });
 };
 const setPatches = (uid, patches) => {
-  const instance = get$8(uid);
+  const instance = get$9(uid);
   if (!instance) {
     return;
   }
@@ -9189,7 +9189,8 @@ const commitPending = (uid, transactionId) => {
 const dispose$3 = id => {
   try {
     number(id);
-    const instance = get$8(id);
+    unregisterView(id);
+    const instance = get$9(id);
     if (!instance) {
       warn$1(`viewlet instance ${id} not found and cannot be disposed`);
       return;
@@ -9208,7 +9209,7 @@ const dispose$3 = id => {
 };
 const handleError$1 = (id, parentId, message) => {
   info(`[viewlet-error] ${id}: ${message}`);
-  const instance = get$8(id);
+  const instance = get$9(id);
   if (instance?.state.$Viewlet.isConnected) {
     instance.state.$Viewlet.remove();
   }
@@ -9220,7 +9221,7 @@ const handleError$1 = (id, parentId, message) => {
     instance.state.$Viewlet.textContent = String(message);
   }
   // TODO error should bubble up to until highest possible component
-  const parentInstance = get$8(parentId);
+  const parentInstance = get$9(parentId);
   if (parentInstance?.factory?.handleError) {
     parentInstance.factory.handleError(instance.state, message);
   }
@@ -9234,9 +9235,9 @@ const appendViewlet = (parentId, childId, focus) => {
     // TODO
     return;
   }
-  const parentInstanceState = get$8(parentId); // TODO must ensure that parent is already created
+  const parentInstanceState = get$9(parentId); // TODO must ensure that parent is already created
   const parentModule = parentInstanceState.factory;
-  const childInstance = get$8(childId);
+  const childInstance = get$9(childId);
   if (!childInstance) {
     throw new Error(`child instance ${childId} must be defined to be appended to parent ${parentId}`);
   }
@@ -9260,7 +9261,7 @@ const prependChild = ($Parent, $Child) => {
 const appendAfterPreviousReference = (referenceNodes, childIndex, $Child) => {
   for (let i = childIndex - 1; i >= 0; i--) {
     const beforeId = referenceNodes[i];
-    const beforeInstance = get$8(beforeId);
+    const beforeInstance = get$9(beforeId);
     if (beforeInstance) {
       const $ReferenceNode = beforeInstance.state.$Viewlet;
       $ReferenceNode.after($Child);
@@ -9272,7 +9273,7 @@ const appendAfterPreviousReference = (referenceNodes, childIndex, $Child) => {
 const appendBeforeNextReference = (referenceNodes, childIndex, $Child) => {
   for (let i = childIndex + 1; i < referenceNodes.length; i++) {
     const afterId = referenceNodes[i];
-    const afterInstance = get$8(afterId);
+    const afterInstance = get$9(afterId);
     if (afterInstance) {
       const $ReferenceNode = afterInstance.state.$Viewlet;
       $ReferenceNode.before($Child);
@@ -9302,12 +9303,12 @@ const appendWithReferenceNodes = ($Parent, $Child, childId, referenceNodes) => {
 const append = (parentId, childId, referenceNodes) => {
   number(parentId);
   number(childId);
-  const parentInstance = get$8(parentId);
+  const parentInstance = get$9(parentId);
   if (!parentInstance) {
     throw new Error(`cannot append child: instance ${parentId} not found`);
   }
   const $Parent = parentInstance.state.$Viewlet;
-  const childInstance = get$8(childId);
+  const childInstance = get$9(childId);
   if (!childInstance) {
     throw new Error(`cannot append child: child instance not found ${childId}`);
   }
@@ -9326,11 +9327,11 @@ const append = (parentId, childId, referenceNodes) => {
   applyLateFocusMaybe();
 };
 const replaceChildren = (parentId, childIds) => {
-  const parentInstance = get$8(parentId);
+  const parentInstance = get$9(parentId);
   const $Parent = parentInstance.state.$Viewlet;
   const $Fragment = document.createDocumentFragment();
   for (const childId of childIds) {
-    const childInstance = get$8(childId);
+    const childInstance = get$9(childId);
     const $Child = childInstance.state.$Viewlet;
     $Fragment.append($Child);
   }
@@ -9345,7 +9346,7 @@ const applyLateFocusMaybe = () => {
     selector
   } = focusCallback;
   resetFocusCallback();
-  const instance = get$8(id);
+  const instance = get$9(id);
   if (instance) {
     const {
       $Viewlet
@@ -9358,7 +9359,7 @@ const applyLateFocusMaybe = () => {
 };
 const appendToBody = childId => {
   const $Parent = document.body;
-  const childInstance = get$8(childId);
+  const childInstance = get$9(childId);
   const $Child = childInstance.state.$Viewlet;
   $Parent.append($Child);
   applyLateFocusMaybe();
@@ -9371,7 +9372,7 @@ const executeCommands = commands => {
   }
 };
 const show = id => {
-  const instance = get$8(id);
+  const instance = get$9(id);
   const $Viewlet = instance.state.$Viewlet;
   const $Workbench = document.getElementById('Workbench');
   // @ts-expect-error
@@ -9381,7 +9382,7 @@ const show = id => {
   }
 };
 const setBounds$1 = (id, left, top, width, height) => {
-  const instance = get$8(id);
+  const instance = get$9(id);
   if (!instance) {
     return;
   }
@@ -9389,7 +9390,7 @@ const setBounds$1 = (id, left, top, width, height) => {
   setBounds$a($Viewlet, left, top, width, height);
 };
 const setProperty = (id, selector, property, value) => {
-  const instance = get$8(id);
+  const instance = get$9(id);
   if (!instance) {
     return;
   }
@@ -9497,13 +9498,13 @@ const toggleFullScreen = () => {
   return document.documentElement.requestFullscreen();
 };
 const handleFullScreenChange = isFullScreen => {
-  send('Layout.handleFullScreenChange', isFullScreen);
+  send$1('Layout.handleFullScreenChange', isFullScreen);
 };
 const handleDocumentFullScreenChange = () => {
   handleFullScreenChange(Boolean(document.fullscreenElement));
 };
 const sendVisibilityChangeHint = () => {
-  send(/* SaveState.handleVisibilityChange */'SaveState.handleVisibilityChange', /* visibilityState */'hidden');
+  send$1(/* SaveState.handleVisibilityChange */'SaveState.handleVisibilityChange', /* visibilityState */'hidden');
 };
 const handleBeforeUnload = () => {
   sendVisibilityChangeHint();
@@ -9554,13 +9555,16 @@ const getFilePathElectron = async file => {
   return filePath;
 };
 
-const handleMessagePort = async port => {
-  await create$x({
+const handleMessagePort = async (port, rpcId) => {
+  const rpc = await create$x({
     commandMap: {
       'Viewlet.queueCommands': queueCommands
     },
     messagePort: port
   });
+  if (rpcId !== undefined) {
+    registerRpc(rpcId, rpc);
+  }
 };
 
 const set = ($Iframe, permissionPolicy) => {
@@ -9598,12 +9602,12 @@ const create$1 = async (uid, src, sandbox, csp, credentialless, permissionPolicy
   // TODO make make waitForFrameToLoad a separate command
 };
 const loadOnly = async uid => {
-  const $Iframe = get(uid);
+  const $Iframe = get$1(uid);
   const promise = waitForFrameToLoad($Iframe);
   await promise;
 };
 const appendOnly = async uid => {
-  const $Iframe = get(uid);
+  const $Iframe = get$1(uid);
   const parent = document.getElementById('Workbench');
   parent.append($Iframe);
 };
@@ -9612,7 +9616,7 @@ const appendOnly = async uid => {
  * @deprecated use loadOnly and appendOnly instead
  */
 const load = async uid => {
-  const $Iframe = get(uid);
+  const $Iframe = get$1(uid);
   const promise = waitForFrameToLoad($Iframe);
   const parent = document.getElementById('Workbench');
   parent.append($Iframe);
@@ -9621,7 +9625,7 @@ const load = async uid => {
 
 // TODO rename to sendMessage
 const setPort = (uid, port, origin, portType) => {
-  const $Iframe = get(uid);
+  const $Iframe = get$1(uid);
   // TODO use jsonrpc invoke
   const {
     contentWindow
@@ -9636,7 +9640,7 @@ const setPort = (uid, port, origin, portType) => {
   }, origin, [port]);
 };
 const dispose$2 = uid => {
-  const $Iframe = get(uid);
+  const $Iframe = get$1(uid);
   $Iframe.remove();
   remove(uid);
 };
@@ -9654,7 +9658,7 @@ const queryAudio = (uid, elementLocator) => {
     // @ts-ignore
     return remoteAudio;
   }
-  const $Viewlet = get$8(uid);
+  const $Viewlet = get$9(uid);
   const remoteAudio = $Viewlet.querySelector(elementLocator);
   if (!remoteAudio) {
     console.error('[webrtc] audio element not found');
@@ -9829,7 +9833,7 @@ const commandMap = {
   'Css.getSelectionText': getSelectionText,
   'Developer.showState': showState,
   'Download.downloadFile': downloadFile,
-  'FileHandles.get': get$6,
+  'FileHandles.get': get$7,
   'FilePicker.showDirectoryPicker': showDirectoryPicker,
   'FilePicker.showFilePicker': showFilePicker,
   'FilePicker.showSaveFilePicker': showSaveFilePicker,
@@ -10289,7 +10293,7 @@ const handleFocusIn = event => {
 };
 const handleBlur = event => {
   const uid = fromEvent(event);
-  executeViewletCommand(uid, 'EditorRename.handleBlur');
+  executeViewletCommand$1(uid, 'EditorRename.handleBlur');
 };
 const handleInput = event => {
   const {
@@ -10299,7 +10303,7 @@ const handleInput = event => {
     value
   } = target;
   const uid = fromEvent(event);
-  executeViewletCommand(uid, 'EditorRename.handleInput', value);
+  executeViewletCommand$1(uid, 'EditorRename.handleInput', value);
 };
 
 const ViewletEditorRenameEvents = {
@@ -10334,6 +10338,23 @@ const ViewletEditorRename = {
   setBounds
 };
 
+const executeViewletCommand = 'Viewlet.executeViewletCommand';
+const send = (method, uid, ...args) => {
+  if (method === executeViewletCommand) {
+    const rpc = get(uid);
+    if (rpc) {
+      rpc.send(method, uid, ...args);
+      return;
+    }
+  }
+  send$1(method, uid, ...args);
+};
+
+const ViewletEventRouter = {
+  __proto__: null,
+  send
+};
+
 const handleContentSecurityPolicyViolation = event => {
 };
 
@@ -10389,7 +10410,7 @@ const main = async () => {
     await handleError(launchWorkersResult.error, true);
     return;
   }
-  setIpc(RendererWorker);
+  setIpc(ViewletEventRouter);
 };
 
 main();

package/package.json

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