@lvce-editor/main-area-worker 9.49.0 → 9.50.1

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) => {
@@ -4877,6 +4822,60 @@ const handleDragLeave = state => {
   };
 };
 
+const getChildBounds = (bounds, direction, offset, size) => {
+  if (direction === Horizontal) {
+    return {
+      height: bounds.height,
+      width: bounds.width * size,
+      x: bounds.x + bounds.width * offset,
+      y: bounds.y
+    };
+  }
+  return {
+    height: bounds.height * size,
+    width: bounds.width,
+    x: bounds.x,
+    y: bounds.y + bounds.height * offset
+  };
+};
+const getEditorGroupBounds = (layout, width, height) => {
+  const {
+    direction,
+    groups
+  } = layout;
+  const segments = getGroupSegments(groups, direction);
+  const rootBounds = {
+    height,
+    width,
+    x: 0,
+    y: 0
+  };
+  const result = [];
+  let segmentOffset = 0;
+  for (const segment of segments) {
+    const segmentSize = getSegmentSize(segment);
+    const segmentBounds = getChildBounds(rootBounds, direction, segmentOffset / 100, segmentSize / 100);
+    segmentOffset += segmentSize;
+    if (segment.direction === undefined) {
+      result.push({
+        ...segmentBounds,
+        group: segment.groups[0]
+      });
+      continue;
+    }
+    let groupOffset = 0;
+    for (const group of segment.groups) {
+      const groupBounds = getChildBounds(segmentBounds, segment.direction, groupOffset / segmentSize, group.size / segmentSize);
+      groupOffset += group.size;
+      result.push({
+        ...groupBounds,
+        group
+      });
+    }
+  }
+  return result;
+};
+
 const None = 0;
 const Up = 1;
 const Down = 2;
@@ -4951,6 +4950,12 @@ const getSplitDirection = (x, y, width, height) => {
 const isNotEmpty = group => {
   return !group.isEmpty;
 };
+const getContentOffsetY = (targetIsEmpty, hasOpenEditor, tabHeight) => {
+  if (targetIsEmpty !== undefined) {
+    return targetIsEmpty ? 0 : tabHeight;
+  }
+  return hasOpenEditor ? tabHeight : 0;
+};
 const getDragOverlay = (state, eventX, eventY) => {
   const {
     height,
@@ -4963,24 +4968,41 @@ const getDragOverlay = (state, eventX, eventY) => {
   const {
     groups
   } = layout;
+  const relativeEventX = Math.min(Math.max(eventX - x, 0), width);
+  const relativeEventY = Math.min(Math.max(eventY - y, 0), height);
+  const groupBounds = getEditorGroupBounds(layout, width, height);
+  const target = groupBounds.find(bounds => {
+    return relativeEventX >= bounds.x && relativeEventX <= bounds.x + bounds.width && relativeEventY >= bounds.y && relativeEventY <= bounds.y + bounds.height;
+  });
   const hasOpenEditor = groups.some(isNotEmpty);
-  const contentY = hasOpenEditor ? tabHeight : 0;
-  const contentHeight = Math.max(0, height - contentY);
-  const relativeX = eventX - x;
-  const relativeY = eventY - y - contentY;
-  const splitDirection = getSplitDirection(relativeX, relativeY, width, contentHeight);
-  return getOverlay(0, contentY, width, contentHeight, splitDirection);
+  const targetX = target?.x ?? 0;
+  const targetY = target?.y ?? 0;
+  const targetWidth = target?.width ?? width;
+  const targetHeight = target?.height ?? height;
+  const contentOffsetY = getContentOffsetY(target?.group.isEmpty, hasOpenEditor, tabHeight);
+  const contentY = targetY + contentOffsetY;
+  const contentHeight = Math.max(0, targetHeight - contentOffsetY);
+  const relativeX = relativeEventX - targetX;
+  const relativeY = relativeEventY - contentY;
+  const splitDirection = getSplitDirection(relativeX, relativeY, targetWidth, contentHeight);
+  return {
+    ...getOverlay(targetX, contentY, targetWidth, contentHeight, splitDirection),
+    ...(target && {
+      targetGroupId: target.group.id
+    })
+  };
 };
 
-const isEqual = (oldOverlay, newOverlay) => {
-  return oldOverlay?.x === newOverlay?.x && oldOverlay?.y === newOverlay?.y && oldOverlay?.width === newOverlay?.width && oldOverlay?.height === newOverlay?.height && oldOverlay?.splitDirection === newOverlay?.splitDirection;
+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 && oldOverlay?.targetGroupId === newOverlay?.targetGroupId;
 };
+
 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 {
@@ -5149,27 +5171,29 @@ const splitUp$1 = (state, groupId) => {
   return splitEditorGroup$1(state, resolvedGroupId, 'up');
 };
 
-const splitForDrop = (state, splitDirection) => {
+const splitForDrop = (state, splitDirection, targetGroupId) => {
   switch (splitDirection) {
     case Down:
-      return splitDown$1(state);
+      return splitDown$1(state, targetGroupId);
     case Left:
-      return splitLeft$1(state);
+      return splitLeft$1(state, targetGroupId);
     case Right:
-      return splitRight$1(state);
+      return splitRight$1(state, targetGroupId);
     case Up:
-      return splitUp$1(state);
+      return splitUp$1(state, targetGroupId);
     default:
       return state;
   }
 };
 
-const applyDropAction = async (context, action, splitDirection) => {
+const applyDropAction = async (context, action, splitDirection, targetGroupId) => {
   switch (action.command) {
     case 'openFiles':
       {
         if (action.uris.length > 0 && splitDirection !== None) {
-          await context.updateState(state => splitForDrop(state, splitDirection));
+          await context.updateState(state => splitForDrop(state, splitDirection, targetGroupId));
+        } else if (action.uris.length > 0 && targetGroupId !== undefined) {
+          await context.updateState(state => focusEditorGroup(state, targetGroupId));
         }
         await openUrisWithContext(context, action.uris, splitDirection === None);
         break;
@@ -5207,18 +5231,27 @@ const getDropAction = async uris => {
   };
 };
 
-const handleDrop = async (context, itemIds) => {
-  const splitDirection = context.getState().dragOverlay?.splitDirection ?? None;
+const handleDrop = async (context, dropIdOrItemIds) => {
+  const {
+    splitDirection = None,
+    targetGroupId
+  } = context.getState().dragOverlay ?? {};
   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);
+  await applyDropAction(context, actions, splitDirection, targetGroupId);
 };
 
 const EditorGroupHeader = 'EditorGroupHeader';
@@ -5440,7 +5473,7 @@ const handleIconThemeChange = async state => {
   };
 };
 
-const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess = true) => {
+const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcessFallback = true) => {
   const executeViewletCommand = async (uid, command, ...args) => {
     const fn = viewletCommandMap[`MainArea.${command}`];
     if (typeof fn !== 'function') {
@@ -5455,7 +5488,7 @@ const handleMessagePort = async (port, viewletCommandMap, setAsRendererProcess =
     },
     messagePort: port
   });
-  if (setAsRendererProcess) {
+  if (setAsRendererProcessFallback) {
     set(rpc);
   }
 };
@@ -6265,7 +6298,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 +7808,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 +7872,7 @@ const renderEventListeners = () => {
     params: ['handleDragLeave']
   }, {
     name: HandleDrop,
-    params: ['handleDrop', DataTransferFiles2],
+    params: ['handleDrop', DropId],
     preventDefault: true
   }, {
     dragEffect: 'copyMove',
@@ -8317,7 +8352,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 +8434,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 +8526,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 +8544,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.49.0",
+  "version": "9.50.1",
   "description": "Main Area Worker",
   "repository": {
     "type": "git",