@lvce-editor/main-area-worker 9.67.3 → 9.67.5

package/dist/mainAreaWorkerMain.js

@@ -2088,18 +2088,31 @@ const createViewletForTab = (state, tabId, viewletModuleId, bounds) => {
   return newState;
 };
 
-/**
- * Called when switching tabs.
- * With reference nodes, attachment/detachment is handled automatically by virtual DOM rendering.
- * No attach/detach commands needed - virtual DOM will render the correct reference at each position.
- */
-const switchViewlet = (state, fromTabId, toTabId) => {
-  // No commands needed - virtual DOM reference nodes handle attachment automatically
-  // Virtual DOM will:
-  // 1. Remove the old reference node from the previous active tab
-  // 2. Add the new reference node for the now-active tab
-  // This achieves the same effect as detach/attach without explicit commands
+const findTabById = (state, tabId) => {
+  const {
+    layout
+  } = state;
+  const {
+    groups
+  } = layout;
+  for (const group of groups) {
+    const tab = group.tabs.find(t => t.id === tabId);
+    if (tab) {
+      return {
+        groupId: group.id,
+        tab
+      };
+    }
+  }
+  return undefined;
+};
 
+const switchViewlet = async (state, fromTabId, toTabId) => {
+  const previous = fromTabId === undefined ? undefined : findTabById(state, fromTabId)?.tab;
+  if (fromTabId !== toTabId && previous && previous.editorUid >= 0 && previous.loadingState === 'loaded' && previous.editorInput?.type === 'editor') {
+    // Browsers do not consistently emit blur when a focused editor reference is detached.
+    await invoke$1(state.applicationId, 'Viewlet.executeViewletCommand', previous.editorUid, 'handleBlur');
+  }
   return {
     commands: [],
     newState: state
@@ -3098,25 +3111,6 @@ const getUpdatedGroups = (groups, groupIndex, needsLoading, tabId) => {
   });
 };
 
-const findTabById = (state, tabId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  for (const group of groups) {
-    const tab = group.tabs.find(t => t.id === tabId);
-    if (tab) {
-      return {
-        groupId: group.id,
-        tab
-      };
-    }
-  }
-  return undefined;
-};
-
 const getSegmentSize = segment => {
   return segment.groups.reduce((total, group) => total + group.size, 0);
 };
@@ -3383,7 +3377,7 @@ const selectTab = async (state, groupIndex, index) => {
   if (isAlreadyActive && !shouldLoadContentForTab(normalizedTab)) {
     return state;
   }
-  getActiveTabId$1(state);
+  const previousTabId = getActiveTabId$1(state);
   const needsLoading = shouldLoadContentForTab(normalizedTab);
   const requestId = needsLoading ? getNextRequestId() : 0;
   const updatedGroups = getUpdatedGroups(groups, groupIndex, needsLoading, tabId);
@@ -3398,7 +3392,7 @@ const selectTab = async (state, groupIndex, index) => {
   const {
     commands: switchCommands,
     newState: stateWithViewlet
-  } = switchViewlet(newState);
+  } = await switchViewlet(newState, previousTabId, tabId);
   newState = stateWithViewlet;
   const maybeCreatedState = await maybeCreateViewletForSelectedTab(state, newState, groupIndex, index, tabId, normalizedTab, uid, needsLoading, requestId, switchCommands);
   if (maybeCreatedState) {
@@ -3408,6 +3402,9 @@ const selectTab = async (state, groupIndex, index) => {
   if (switchCommands.length > 0) {
     await executeViewletCommands(switchCommands);
   }
+  if (!needsLoading) {
+    await focus(newState);
+  }
   return maybeStartLoading(state, newState, tabId, normalizedTab, needsLoading, requestId);
 };
 
@@ -5582,7 +5579,7 @@ const openInputWithContext = async (context, options) => {
     let intermediateState = stateWithViewlet;
     const {
       newState: switchedState
-    } = switchViewlet(intermediateState, previousTabId, tabId);
+    } = await switchViewlet(intermediateState, previousTabId, tabId);
     intermediateState = switchedState;
     await context.updateState(() => intermediateState);
     const tabWithViewlet = findTabById(intermediateState, tabId);
@@ -6959,7 +6956,7 @@ const newFile = async state => {
   }
 
   // Get previous active tab ID for viewlet switching
-  getActiveTabId(newState);
+  const previousTabId = getActiveTabId(newState);
 
   // Create a new empty tab
   const tabId = create$2();
@@ -6989,7 +6986,7 @@ const newFile = async state => {
   // Switch viewlet (detach old, attach new if ready)
   const {
     newState: switchedState
-  } = switchViewlet(intermediateState);
+  } = await switchViewlet(intermediateState, previousTabId, tabId);
   intermediateState = switchedState;
   set$1(uid, state, intermediateState);
 
@@ -8411,8 +8408,10 @@ const getSashCornerCss = (left, top) => {
   top: ${top}%;
 }`;
 };
-const getCss = (layout, width = 0, dragOverlay) => {
-  const rules = [];
+const getCss = (layout, width = 0, dragOverlay, tabHeight = 35) => {
+  const rules = [`.EditorGroupHeader {
+  --EditorGroupHeight: ${tabHeight}px;
+}`];
   if (layout) {
     rules.push(...getEditorGroupCss(layout), ...getDragOverlayCss(dragOverlay), ...getSashCss(layout, width));
     const sashCorner = getSashCorner(layout);
@@ -8425,7 +8424,7 @@ const getCss = (layout, width = 0, dragOverlay) => {
 };
 
 const renderCss = (oldState, newState) => {
-  const css = getCss(newState.layout, newState.width, newState.dragOverlay);
+  const css = getCss(newState.layout, newState.width, newState.dragOverlay, newState.tabHeight);
   return [SetCss, newState.uid, css];
 };
 
@@ -9101,8 +9100,25 @@ const setEditorLayoutTwoColumnsBottom = state => {
   }]);
 };
 
+const splitEditorGroupAndResize = async (state, split, ...args) => {
+  const newState = split(state, ...args);
+  if (newState === state) {
+    return state;
+  }
+  await handleResize(newState, newState);
+  const editorUids = newState.layout.groups.flatMap(group => group.tabs.map(tab => tab.editorUid).filter(editorUid => editorUid !== -1));
+  for (const editorUid of editorUids) {
+    await invoke$2('Viewlet.requestRender', editorUid);
+  }
+  return newState;
+};
+
 const pendingLoads = new Map();
 const loadContent = wrapSerialCommand(loadContent$1);
+const splitDownAndResize = wrapSerialCommand((state, ...args) => splitEditorGroupAndResize(state, splitDown, ...args));
+const splitLeftAndResize = wrapSerialCommand((state, ...args) => splitEditorGroupAndResize(state, splitLeft, ...args));
+const splitRightAndResize = wrapSerialCommand((state, ...args) => splitEditorGroupAndResize(state, splitRight, ...args));
+const splitUpAndResize = wrapSerialCommand((state, ...args) => splitEditorGroupAndResize(state, splitUp, ...args));
 const loadContentTracked = async (uid, ...args) => {
   const loading = loadContent(uid, ...args);
   pendingLoads.set(uid, loading);
@@ -9157,7 +9173,7 @@ const commandMap = {
   'Main.restoreClosedTab': wrapSerialCommand(restoreClosedTab),
   'Main.save': wrapSerialCommand(save),
   'Main.saveState': wrapGetter(saveState),
-  'Main.splitRight': wrapSerialCommand(splitRight),
+  'Main.splitRight': splitRightAndResize,
   'MainArea.closeActiveEditor': wrapSerialCommand(closeActiveEditor),
   'MainArea.closeAll': wrapSerialCommand(closeAll$1),
   'MainArea.closeAllEditors': wrapSerialCommand(closeAll$1),
@@ -9249,10 +9265,10 @@ const commandMap = {
   'MainArea.setEditorLayoutTwoColumnsBottom': wrapSerialCommand(setEditorLayoutTwoColumnsBottom),
   'MainArea.setEditorLayoutTwoRows': wrapSerialCommand(setEditorLayoutTwoRows),
   'MainArea.setEditorLayoutTwoRowsRight': wrapSerialCommand(setEditorLayoutTwoRowsRight),
-  'MainArea.splitDown': wrapSerialCommand(splitDown),
-  'MainArea.splitLeft': wrapSerialCommand(splitLeft),
-  'MainArea.splitRight': wrapSerialCommand(splitRight),
-  'MainArea.splitUp': wrapSerialCommand(splitUp),
+  'MainArea.splitDown': splitDownAndResize,
+  'MainArea.splitLeft': splitLeftAndResize,
+  'MainArea.splitRight': splitRightAndResize,
+  'MainArea.splitUp': splitUpAndResize,
   'MainArea.terminate': terminate
 };
 

package/package.json

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