@lvce-editor/main-area-worker 9.48.0 → 9.50.0

package/dist/mainAreaWorkerMain.js

@@ -455,70 +455,11 @@ class IpcChildWithModuleWorker extends Ipc {
 const wrap$f = global => {
   return new IpcChildWithModuleWorker(global);
 };
-const waitForFirstMessage = async port => {
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  port.addEventListener('message', resolve, {
-    once: true
-  });
-  const event = await promise;
-  // @ts-ignore
-  return event.data;
-};
-const listen$6 = async () => {
-  const parentIpcRaw = listen$7();
-  signal$8(parentIpcRaw);
-  const parentIpc = wrap$f(parentIpcRaw);
-  const firstMessage = await waitForFirstMessage(parentIpc);
-  if (firstMessage.method !== 'initialize') {
-    throw new IpcError('unexpected first message');
-  }
-  const type = firstMessage.params[0];
-  if (type === 'message-port') {
-    parentIpc.send({
-      id: firstMessage.id,
-      jsonrpc: '2.0',
-      result: null
-    });
-    parentIpc.dispose();
-    const port = firstMessage.params[1];
-    return port;
-  }
-  return globalThis;
-};
-class IpcChildWithModuleWorkerAndMessagePort extends Ipc {
-  getData(event) {
-    return getData$2(event);
-  }
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    if (this._rawIpc.close) {
-      this._rawIpc.close();
-    }
-  }
-  onClose(callback) {
-    // ignore
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-    this._rawIpc.start();
-  }
-}
-const wrap$e = port => {
-  return new IpcChildWithModuleWorkerAndMessagePort(port);
-};
-const IpcChildWithModuleWorkerAndMessagePort$1 = {
+const IpcChildWithModuleWorker$1 = {
   __proto__: null,
-  listen: listen$6,
-  wrap: wrap$e
+  listen: listen$7,
+  signal: signal$8,
+  wrap: wrap$f
 };
 const addListener = (emitter, type, callback) => {
   if ('addEventListener' in emitter) {
@@ -1242,7 +1183,7 @@ const create$5 = async ({
 }) => {
   // TODO create a commandMap per rpc instance
   register(commandMap);
-  const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
+  const ipc = await listen$1(IpcChildWithModuleWorker$1);
   handleIpc(ipc);
   const rpc = createRpc(ipc);
   return rpc;
@@ -1268,339 +1209,11 @@ const createMockRpc = ({
   return mockRpc;
 };
 
-const rpcs = Object.create(null);
-const set$8 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get$1 = id => {
-  return rpcs[id];
-};
-const remove = id => {
-  delete rpcs[id];
-};
-
-/* eslint-disable  @typescript-eslint/explicit-function-return-type */
-const create$4 = rpcId => {
-  return {
-    async dispose() {
-      const rpc = get$1(rpcId);
-      await rpc.dispose();
-    },
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get$1(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get$1(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    registerMockRpc(commandMap) {
-      const mockRpc = createMockRpc({
-        commandMap
-      });
-      set$8(rpcId, mockRpc);
-      // @ts-ignore
-      mockRpc[Symbol.dispose] = () => {
-        remove(rpcId);
-      };
-      // @ts-ignore
-      return mockRpc;
-    },
-    set(rpc) {
-      set$8(rpcId, rpc);
-    }
-  };
-};
-
-const None$2 = 'none';
-const Tab$1 = 'tab';
-const TabList = 'tablist';
-const ToolBar = 'toolbar';
-
-const Audio = 0;
-const Button$2 = 1;
-const Col = 2;
-const ColGroup = 3;
-const Div = 4;
-const H1 = 5;
-const Input = 6;
-const Kbd = 7;
-const Span = 8;
-const Table = 9;
-const TBody = 10;
-const Td = 11;
-const Text = 12;
-const Th = 13;
-const THead = 14;
-const Tr = 15;
-const I = 16;
-const Img = 17;
-const Root = 0;
-const Ins = 20;
-const Del = 21;
-const H2 = 22;
-const H3 = 23;
-const H4 = 24;
-const H5 = 25;
-const H6 = 26;
-const Article = 27;
-const Aside = 28;
-const Footer = 29;
-const Header = 30;
-const Nav = 40;
-const Section = 41;
-const Search = 42;
-const Dd = 43;
-const Dl = 44;
-const Figcaption = 45;
-const Figure = 46;
-const Hr = 47;
-const Li = 48;
-const Ol = 49;
-const P = 50;
-const Pre = 51;
-const A = 53;
-const Abbr = 54;
-const Br = 55;
-const Cite = 56;
-const Data = 57;
-const Time = 58;
-const Tfoot = 59;
-const Ul = 60;
-const Video = 61;
-const TextArea = 62;
-const Select = 63;
-const Option = 64;
-const Code = 65;
-const Label = 66;
-const Dt = 67;
-const Iframe = 68;
-const Main$2 = 69;
-const Strong = 70;
-const Em = 71;
-const Style = 72;
-const Html = 73;
-const Head = 74;
-const Title = 75;
-const Meta = 76;
-const Canvas = 77;
-const Form = 78;
-const BlockQuote = 79;
-const Quote = 80;
-const Circle = 81;
-const Defs = 82;
-const Ellipse = 83;
-const G = 84;
-const Line = 85;
-const Path = 86;
-const Polygon = 87;
-const Polyline = 88;
-const Rect = 89;
-const Svg = 90;
-const Use = 91;
-const Reference = 100;
-
-const VirtualDomElements = {
-  __proto__: null,
-  A,
-  Abbr,
-  Article,
-  Aside,
-  Audio,
-  BlockQuote,
-  Br,
-  Button: Button$2,
-  Canvas,
-  Circle,
-  Cite,
-  Code,
-  Col,
-  ColGroup,
-  Data,
-  Dd,
-  Defs,
-  Del,
-  Div,
-  Dl,
-  Dt,
-  Ellipse,
-  Em,
-  Figcaption,
-  Figure,
-  Footer,
-  Form,
-  G,
-  H1,
-  H2,
-  H3,
-  H4,
-  H5,
-  H6,
-  Head,
-  Header,
-  Hr,
-  Html,
-  I,
-  Iframe,
-  Img,
-  Input,
-  Ins,
-  Kbd,
-  Label,
-  Li,
-  Line,
-  Main: Main$2,
-  Meta,
-  Nav,
-  Ol,
-  Option,
-  P,
-  Path,
-  Polygon,
-  Polyline,
-  Pre,
-  Quote,
-  Rect,
-  Reference,
-  Root,
-  Search,
-  Section,
-  Select,
-  Span,
-  Strong,
-  Style,
-  Svg,
-  TBody,
-  THead,
-  Table,
-  Td,
-  Text,
-  TextArea,
-  Tfoot,
-  Th,
-  Time,
-  Title,
-  Tr,
-  Ul,
-  Use,
-  Video
-};
-
-const Button$1 = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const DataTransferFiles2 = 'event.dataTransfer.files2';
-const EventTargetClassName = 'event.target.className';
-const TargetName = 'event.target.name';
-
-const Tab = 13;
-const Main$1 = 24;
-
-const Separator = 1;
-const None$1 = 0;
-
-const Add$1 = 6;
-const NavigateChild$1 = 7;
-const NavigateParent$1 = 8;
-
-const Electron = 2;
-
-const ClipBoardWorker = 3400;
-const DialogWorker = 7014;
-const DragAndDropWorker = 3404;
-const IconThemeWorker = 7009;
-const RendererProcess = 1670;
-const RendererWorker = 1;
-
-const SetCss = 'Viewlet.setCss';
-const SetDom2 = 'Viewlet.setDom2';
-const SetPatches = 'Viewlet.setPatches';
-
-const FocusEditorText = 12;
-
-const {
-  invoke: invoke$6,
-  set: set$7
-} = create$4(ClipBoardWorker);
-const writeText = async text => {
-  return invoke$6('ClipBoard.writeText', text);
-};
-
-const {
-  invoke: invoke$5,
-  set: set$6
-} = create$4(DialogWorker);
-
-const {
-  invoke: invoke$4,
-  set: set$5
-} = create$4(DragAndDropWorker);
-const getDroppedItems = async (itemIds, isElectron) => {
-  return invoke$4('DragAndDrop.getDroppedItems', itemIds, isElectron);
-};
-
-const {
-  invoke: invoke$3,
-  set: set$4
-} = create$4(IconThemeWorker);
-const getIcons = async iconRequests => {
-  // @ts-ignore
-  return invoke$3('IconTheme.getIcons', iconRequests);
-};
-
-const {
-  invoke: invoke$2,
-  set: set$3
-} = create$4(RendererProcess);
-
-const {
-  invoke: invoke$1,
-  invokeAndTransfer,
-  set: set$2
-} = create$4(RendererWorker);
-const handleModifiedStatusChange$1 = async (uri, modified) => {
-  return invoke$1('Main.handleModifiedStatusChange', uri, modified);
-};
-const showContextMenu2 = async (uid, menuId, x, y, args) => {
-  number(uid);
-  number(menuId);
-  number(x);
-  number(y);
-  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
-};
-const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
-  const command = 'ClipBoard.handleMessagePort';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
-};
-const sendMessagePortToDragAndDropWorker = async port => {
-  const command = 'DragAndDrop.handleMessagePort';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDragAndDropWorker', port, command);
-};
-const sendMessagePortToDialogWorker = async port => {
-  const command = 'HandleMessagePort.handleMessagePort';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDialogWorker', port, command);
-};
-const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
-  const command = 'IconTheme.handleMessagePort';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
-};
-const readFile = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
-};
-const confirm$1 = async (message, options) => {
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
-  return result;
-};
-
 const toCommandId = key => {
   const dotIndex = key.indexOf('.');
   return key.slice(dotIndex + 1);
 };
-const create$3 = () => {
+const create$4 = () => {
   const commandQueues = new Map();
   const generations = Object.create(null);
   const states = Object.create(null);
@@ -1838,8 +1451,340 @@ const create$3 = () => {
     }
   };
 };
-const terminate = () => {
-  globalThis.close();
+const terminate = () => {
+  globalThis.close();
+};
+
+const rpcs = Object.create(null);
+const set$8 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
+};
+const remove = id => {
+  delete rpcs[id];
+};
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+const create$3 = rpcId => {
+  return {
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
+    },
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    registerMockRpc(commandMap) {
+      const mockRpc = createMockRpc({
+        commandMap
+      });
+      set$8(rpcId, mockRpc);
+      // @ts-ignore
+      mockRpc[Symbol.dispose] = () => {
+        remove(rpcId);
+      };
+      // @ts-ignore
+      return mockRpc;
+    },
+    set(rpc) {
+      set$8(rpcId, rpc);
+    }
+  };
+};
+
+const None$2 = 'none';
+const Tab$1 = 'tab';
+const TabList = 'tablist';
+const ToolBar = 'toolbar';
+
+const Audio = 0;
+const Button$2 = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main$2 = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
+const Reference = 100;
+
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button: Button$2,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Line,
+  Main: Main$2,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
+const Button$1 = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const DropId = 'event.dropId';
+const EventTargetClassName = 'event.target.className';
+const TargetName = 'event.target.name';
+
+const Tab = 13;
+const Main$1 = 24;
+
+const Separator = 1;
+const None$1 = 0;
+
+const Add$1 = 6;
+const NavigateChild$1 = 7;
+const NavigateParent$1 = 8;
+
+const Electron = 2;
+
+const ClipBoardWorker = 3400;
+const DialogWorker = 7014;
+const DragAndDropWorker = 3404;
+const IconThemeWorker = 7009;
+const RendererProcess = 1670;
+const RendererWorker = 1;
+
+const SetCss = 'Viewlet.setCss';
+const SetDom2 = 'Viewlet.setDom2';
+const SetFocusContext = 'Viewlet.setFocusContext';
+const SetPatches = 'Viewlet.setPatches';
+
+const FocusEditorText = 12;
+
+const {
+  invoke: invoke$6,
+  set: set$7
+} = create$3(ClipBoardWorker);
+const writeText = async text => {
+  return invoke$6('ClipBoard.writeText', text);
+};
+
+const {
+  invoke: invoke$5,
+  set: set$6
+} = create$3(DialogWorker);
+
+const {
+  invoke: invoke$4,
+  set: set$5
+} = create$3(DragAndDropWorker);
+const getDroppedItems = async (itemIds, isElectron) => {
+  return invoke$4('DragAndDrop.getDroppedItems', itemIds, isElectron);
+};
+const getDroppedUrisByDropId = async (dropId, isElectron) => {
+  return invoke$4('DragAndDrop.getDroppedUrisByDropId', dropId, isElectron);
+};
+
+const {
+  invoke: invoke$3,
+  set: set$4
+} = create$3(IconThemeWorker);
+const getIcons = async iconRequests => {
+  // @ts-ignore
+  return invoke$3('IconTheme.getIcons', iconRequests);
+};
+
+const {
+  invoke: invoke$2,
+  set: set$3
+} = create$3(RendererProcess);
+
+const {
+  invoke: invoke$1,
+  invokeAndTransfer,
+  set: set$2
+} = create$3(RendererWorker);
+const handleModifiedStatusChange$1 = async (uri, modified) => {
+  return invoke$1('Main.handleModifiedStatusChange', uri, modified);
+};
+const showContextMenu2 = async (uid, menuId, x, y, args) => {
+  number(uid);
+  number(menuId);
+  number(x);
+  number(y);
+  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
+};
+const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
+  const command = 'ClipBoard.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
+};
+const sendMessagePortToDragAndDropWorker = async port => {
+  const command = 'DragAndDrop.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDragAndDropWorker', port, command);
+};
+const sendMessagePortToDialogWorker = async port => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToDialogWorker', port, command);
+};
+const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
+  const command = 'IconTheme.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
+};
+const readFile = async uri => {
+  return invoke$1('FileSystem.readFile', uri);
+};
+const confirm$1 = async (message, options) => {
+  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  return result;
 };
 
 const addClosedTabs = (state, entries) => {
@@ -2075,7 +2020,7 @@ const withActiveEditorChangeAsync = fn => {
   };
 };
 
-const registry = create$3();
+const registry = create$4();
 const {
   get,
   getCommandIds,
@@ -2429,15 +2374,15 @@ const saveEditor = async editorUid => {
   return invoke$1('Editor.save', editorUid);
 };
 
-const missingDialogWorkerRelay = 'Command "SendMessagePortToExtensionHostWorker.sendMessagePortToDialogWorker" not found';
 const confirm = async (message, options) => {
   try {
-    return await invoke$5('ConfirmPrompt.prompt', message, options);
+    return await confirm$1(message, options);
   } catch (error) {
-    if (!String(error).includes(missingDialogWorkerRelay)) {
+    const errorMessage = String(error);
+    if (!errorMessage.includes('ConfirmPrompt.prompt') || !errorMessage.includes('not found')) {
       throw error;
     }
-    return confirm$1(message, options);
+    return invoke$5('ConfirmPrompt.prompt', message, options);
   }
 };
 const promptSave = async title => {
@@ -2880,15 +2825,15 @@ const create$1 = (uid, uri, x, y, width, height, platform, assetDir, tabHeight =
   set$1(uid, state, state);
 };
 
-const isEqual$3 = (oldState, newState) => {
+const isEqual$2 = (oldState, newState) => {
   return false;
 };
 
-const isEqual$2 = (oldState, newState) => {
+const isEqual$1 = (oldState, newState) => {
   return oldState.pointerDownGroupIndex === newState.pointerDownGroupIndex && oldState.pointerDownTabIndex === newState.pointerDownTabIndex;
 };
 
-const isEqual$1 = (oldState, newState) => {
+const isEqual = (oldState, newState) => {
   return oldState.dragOverlay === newState.dragOverlay && oldState.layout === newState.layout;
 };
 
@@ -2901,7 +2846,7 @@ const RenderDragData = 13;
 const isPendingViewletUpdateEqual = (oldState, newState) => {
   return newState.pendingViewletUpdate === undefined;
 };
-const modules = [isEqual$1, isEqual$3, isPendingViewletUpdateEqual, isEqual$2];
+const modules = [isEqual, isEqual$2, isPendingViewletUpdateEqual, isEqual$1];
 const numbers = [RenderIncremental, RenderCss, RenderPendingViewletUpdate, RenderDragData];
 
 const diff = (oldState, newState) => {
@@ -4823,6 +4768,7 @@ const show2 = async (uid, menuId, x, y, args) => {
 };
 
 const NoGroupId = -1;
+const RendererWorkerForwardDelay$1 = 50;
 const handleContextMenu = async (state, rawGroupId, x, y) => {
   const {
     uid
@@ -4836,6 +4782,15 @@ const handleContextMenu = async (state, rawGroupId, x, y) => {
   if (Number.isNaN(groupId)) {
     return state;
   }
+  if (isConnected()) {
+    setTimeout(() => {
+      void show2(uid, Main$1, x, y, {
+        groupId,
+        menuId: Main$1
+      });
+    }, RendererWorkerForwardDelay$1);
+    return state;
+  }
   await show2(uid, Main$1, x, y, {
     groupId,
     menuId: Main$1
@@ -4972,15 +4927,16 @@ const getDragOverlay = (state, eventX, eventY) => {
   return getOverlay(0, contentY, width, contentHeight, splitDirection);
 };
 
-const isEqual = (oldOverlay, newOverlay) => {
+const isDragOverlayEqual = (oldOverlay, newOverlay) => {
   return oldOverlay?.x === newOverlay?.x && oldOverlay?.y === newOverlay?.y && oldOverlay?.width === newOverlay?.width && oldOverlay?.height === newOverlay?.height && oldOverlay?.splitDirection === newOverlay?.splitDirection;
 };
+
 const handleDragOver = (state, eventX, eventY) => {
   const {
     dragOverlay: oldDragOverlay
   } = state;
   const dragOverlay = getDragOverlay(state, eventX, eventY);
-  if (isEqual(oldDragOverlay, dragOverlay)) {
+  if (isDragOverlayEqual(oldDragOverlay, dragOverlay)) {
     return state;
   }
   return {
@@ -5207,16 +5163,22 @@ const getDropAction = async uris => {
   };
 };
 
-const handleDrop = async (context, itemIds) => {
+const handleDrop = async (context, dropIdOrItemIds) => {
   const splitDirection = context.getState().dragOverlay?.splitDirection ?? None;
   await context.updateState(handleDragLeave);
   const {
     platform
   } = context.getState();
   const isElectron = platform === Electron;
-  const {
-    uris
-  } = await getDroppedItems(itemIds, isElectron);
+  let uris;
+  if (typeof dropIdOrItemIds === 'number') {
+    uris = await getDroppedUrisByDropId(dropIdOrItemIds, isElectron);
+  } else {
+    const {
+      uris: droppedUris
+    } = await getDroppedItems(dropIdOrItemIds, isElectron);
+    uris = droppedUris;
+  }
   const actions = await getDropAction(uris);
   await applyDropAction(context, actions, splitDirection);
 };
@@ -5440,13 +5402,21 @@ const handleIconThemeChange = async state => {
   };
 };
 
-const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess = true) => {
+const RendererWorkerCallbackDelay = 50;
+const commandsWithDeferredRender = new Set(['handleContextMenu', 'handleTabContextMenu']);
+const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcessFallback = true) => {
   const executeViewletCommand = async (uid, command, ...args) => {
     const fn = viewletCommandMap[`MainArea.${command}`];
     if (typeof fn !== 'function') {
       throw new TypeError(`Viewlet command not found: ${command}`);
     }
     await fn(uid, ...args);
+    if (commandsWithDeferredRender.has(command)) {
+      setTimeout(() => {
+        void invoke$1('Viewlet.requestRender', uid);
+      }, RendererWorkerCallbackDelay);
+      return;
+    }
     await invoke$1('Viewlet.requestRender', uid);
   };
   const rpc = await create$8({
@@ -5455,7 +5425,7 @@ const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess =
     },
     messagePort: port
   });
-  if (setAsRendererProcess) {
+  if (setAsRendererProcessFallback) {
     set(rpc);
   }
 };
@@ -5831,6 +5801,7 @@ const handleSashPointerUp = async state => {
   };
 };
 
+const RendererWorkerForwardDelay = 50;
 const handleTabContextMenu = async (state, button, x, y, groupIndexRaw = '', tabIndexRaw = '') => {
   number(x);
   number(y);
@@ -5845,6 +5816,15 @@ const handleTabContextMenu = async (state, button, x, y, groupIndexRaw = '', tab
     groupId: group.id,
     tabId: tab.id
   } : {};
+  if (isConnected()) {
+    setTimeout(() => {
+      void show2(uid, Tab, x, y, {
+        menuId: Tab,
+        ...target
+      });
+    }, RendererWorkerForwardDelay);
+    return state;
+  }
   await show2(uid, Tab, x, y, {
     menuId: Tab,
     ...target
@@ -6265,7 +6245,7 @@ const hasActiveTextEditor = state => {
   return activeTab?.tab.editorInput?.type === 'editor';
 };
 
-const initialize = async () => {
+const initialize$1 = async () => {
   // Kept as a compatibility command for existing renderer startup code.
 };
 
@@ -7775,8 +7755,10 @@ const render2 = (uid, diffResult) => {
   return renderDirect(uid, commands);
 };
 const renderDirect = async (uid, commands) => {
-  const transactionId = await invoke('Viewlet.queueCommands', uid, commands);
-  return [['Viewlet.commitPending', uid, transactionId]];
+  const rendererWorkerCommands = commands.filter(command => command[0] === SetFocusContext);
+  const rendererProcessCommands = commands.filter(command => command[0] !== SetFocusContext);
+  const transactionId = await invoke('Viewlet.queueCommands', uid, rendererProcessCommands);
+  return [...rendererWorkerCommands, ['Viewlet.commitPending', uid, transactionId]];
 };
 
 const renderEventListeners = () => {
@@ -7837,7 +7819,7 @@ const renderEventListeners = () => {
     params: ['handleDragLeave']
   }, {
     name: HandleDrop,
-    params: ['handleDrop', DataTransferFiles2],
+    params: ['handleDrop', DropId],
     preventDefault: true
   }, {
     dragEffect: 'copyMove',
@@ -8317,7 +8299,7 @@ const resize = async (uid, dimensions) => {
   set$1(uid, instance.oldState, resizedState);
   return handleResize(resizedState, dimensions);
 };
-const handleDirectMessagePort = (port, setAsRendererProcess = true) => handleMessagePort(port, commandMap, setAsRendererProcess);
+const handleDirectMessagePort = (port, setAsRendererProcessFallback = true) => handleMessagePort(port, commandMap, setAsRendererProcessFallback);
 const handleTestWorkerMessagePort = port => handleMessagePort(port, commandMap, false);
 const commandMap = {
   'Main.closeActiveEditor': wrapSerialCommand(closeActiveEditor),
@@ -8399,7 +8381,7 @@ const commandMap = {
   'MainArea.handleWorkspaceChange': wrapSerialCommand(handleWorkspaceChange),
   'MainArea.handleWorkspaceRefresh': wrapAsyncCommand(handleWorkspaceRefreshWithContext),
   'MainArea.hasActiveTextEditor': wrapGetter(hasActiveTextEditor),
-  'MainArea.initialize': initialize,
+  'MainArea.initialize': initialize$1,
   'MainArea.loadContent': loadContentTracked,
   'MainArea.moveIntoNewWindow': wrapSerialCommand(moveIntoNewWindow),
   'MainArea.newFile': wrapSerialCommand(newFile),
@@ -8491,16 +8473,17 @@ const initializeIconThemeWorker = async () => {
   await refreshFileIcons();
 };
 
-const initializeRendererWorker = async () => {
-  const rpc = await create$5({
-    commandMap: commandMap
+const initializeRendererWorker = async port => {
+  const rpc = await create$8({
+    commandMap: commandMap,
+    messagePort: port
   });
   set$2(rpc);
 };
 
-const listen = async () => {
+const listen = async port => {
   registerCommands(commandMap);
-  await Promise.all([initializeRendererWorker(), initializeIconThemeWorker(), initializeClipBoardWorker(), initializeDragAndDropWorker()]);
+  await Promise.all([initializeRendererWorker(port), initializeIconThemeWorker(), initializeClipBoardWorker(), initializeDragAndDropWorker()]);
   const dialogRpc = await create$6({
     commandMap: {},
     send: sendMessagePortToDialogWorker
@@ -8508,17 +8491,22 @@ const listen = async () => {
   set$6(dialogRpc);
 };
 
-const main$1 = async () => {
-  await listen();
+const main$1 = async port => {
+  await listen(port);
 };
 
+const initialize = async (_type, port) => {
+  await main$1(port);
+};
 const main = async () => {
   registerCommands(commandMap);
   const rpc = await create$5({
-    commandMap: commandMap
+    commandMap: {
+      ...commandMap,
+      initialize
+    }
   });
-  set$2(rpc);
+  set(rpc);
 };
 
-await main$1();
 await main();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/main-area-worker",
-  "version": "9.48.0",
+  "version": "9.50.0",
   "description": "Main Area Worker",
   "repository": {
     "type": "git",