@lvce-editor/main-area-worker 9.21.0 → 9.24.0

package/dist/mainAreaWorkerMain.js

@@ -2145,6 +2145,7 @@ const create$2 = (uid, uri, x, y, width, height, platform, assetDir, tabHeight =
     },
     maxOpenEditorGroups: Infinity,
     maxOpenEditors: Infinity,
+    minGroupHeightPx: 80,
     minGroupWidthPx: 250,
     platform,
     splitButtonEnabled: false,
@@ -2464,6 +2465,8 @@ const getEditorInputEditorType = editorInput => {
     case 'diff-editor':
     case 'extension-detail-view':
     case 'image':
+    case 'process-explorer':
+    case 'running-extensions':
     case 'video':
       return 'custom';
     case 'editor':
@@ -2481,6 +2484,10 @@ const getEditorInputUri = editorInput => {
       return editorInput.uri;
     case 'extension-detail-view':
       return `extension-detail://${editorInput.extensionId}`;
+    case 'process-explorer':
+      return 'process-explorer://';
+    case 'running-extensions':
+      return 'running-extensions://';
   }
 };
 
@@ -2545,6 +2552,16 @@ const getEditorInputFromUri = uri => {
       };
     }
   }
+  if (uri.startsWith('process-explorer://')) {
+    return {
+      type: 'process-explorer'
+    };
+  }
+  if (uri.startsWith('running-extensions://')) {
+    return {
+      type: 'running-extensions'
+    };
+  }
   const extension = getLowerCaseExtension(uri);
   if (imageExtensions.has(extension)) {
     return {
@@ -2714,6 +2731,8 @@ const getViewletModuleId$1 = async uri => {
 const DiffEditor = 'DiffEditor';
 const EditorText = 'Editor';
 const ExtensionDetail = 'ExtensionDetail';
+const ProcessExplorer = 'ProcessExplorer';
+const RunningExtensions = 'RunningExtensions';
 const QuickPick = 'QuickPick';
 
 const getViewletModuleIdForEditorInput = async editorInput => {
@@ -2726,6 +2745,10 @@ const getViewletModuleIdForEditorInput = async editorInput => {
       return getViewletModuleId$1(editorInput.uri);
     case 'extension-detail-view':
       return ExtensionDetail;
+    case 'process-explorer':
+      return ProcessExplorer;
+    case 'running-extensions':
+      return RunningExtensions;
   }
 };
 
@@ -3254,6 +3277,9 @@ const getLabel = uri => {
   if (uri.startsWith('process-explorer://')) {
     return 'Process Explorer';
   }
+  if (uri.startsWith('running-extensions://')) {
+    return 'Running Extensions';
+  }
   if (uri.startsWith(inlineDiffPrefix)) {
     return getInlineDiffLabel(uri);
   }
@@ -3274,6 +3300,10 @@ const getEditorInputTitle = editorInput => {
       return getLabel(editorInput.uri);
     case 'extension-detail-view':
       return editorInput.extensionId;
+    case 'process-explorer':
+      return 'Process Explorer';
+    case 'running-extensions':
+      return 'Running Extensions';
   }
 };
 
@@ -3557,8 +3587,8 @@ const getIconsCached = (dirents, fileIconCache) => {
   return dirents.map(dirent => fileIconCache[dirent]);
 };
 
-const ExtensionDetailScheme = 'extension-detail://';
-const ExtensionIconName = 'extensions';
+const ExtensionDetailScheme$1 = 'extension-detail://';
+const RunningExtensionsScheme$1 = 'running-extensions://';
 const getBasename = uri => {
   const lastSlashIndex = uri.lastIndexOf('/');
   if (lastSlashIndex === -1) {
@@ -3569,7 +3599,7 @@ const getBasename = uri => {
 const getMissingTabs = (tabs, fileIconCache) => {
   const missingTabs = [];
   for (const tab of tabs) {
-    if (tab.uri && !(tab.uri in fileIconCache)) {
+    if (tab.uri && !tab.uri.startsWith(ExtensionDetailScheme$1) && !tab.uri.startsWith(RunningExtensionsScheme$1) && !(tab.uri in fileIconCache)) {
       missingTabs.push(tab);
     }
   }
@@ -3577,13 +3607,6 @@ const getMissingTabs = (tabs, fileIconCache) => {
 };
 const tabToIconRequest = tab => {
   const uri = tab.uri || '';
-  if (uri.startsWith(ExtensionDetailScheme)) {
-    return {
-      name: ExtensionIconName,
-      path: uri,
-      type: Directory
-    };
-  }
   return {
     name: getBasename(uri),
     path: uri,
@@ -4123,6 +4146,8 @@ const SplitEditorGroupButton = 'SplitEditorGroupButton';
 const MaskIconPreview = 'MaskIcon MaskIconPreview';
 const MaskIconCircleFilled = 'MaskIcon MaskIconCircleFilled';
 const MaskIconClose = 'MaskIcon MaskIconClose';
+const MaskIconExtensions = 'MaskIcon MaskIconExtensions';
+const MaskIconRecordKey = 'MaskIcon MaskIconRecordKey';
 const TextEditor = 'TextEditor';
 const TextEditorLoading = 'TextEditor TextEditor--loading';
 const EditorContentLoading = 'EditorContent EditorContent--loading';
@@ -4439,13 +4464,11 @@ const clamp = (value, min, max) => {
   return Math.min(max, Math.max(min, value));
 };
 
-const getMinGroupSizePercent = (axisSize, minGroupWidthPx) => {
+const getMinGroupSizePercent = (axisSize, minGroupSizePx) => {
   if (!axisSize) {
-    return 10;
+    return 0;
   }
-  const minPercent = minGroupWidthPx / axisSize * 100;
-  // Ensure minimum is at least 10%, matching the CSS 250px constraint on typical widths
-  return Math.max(minPercent, 10);
+  return minGroupSizePx / axisSize * 100;
 };
 
 const round = value => {
@@ -4476,7 +4499,8 @@ const handleSashPointerMove = async (state, clientX, clientY) => {
   const deltaPx = direction === Horizontal ? clientX - sashDrag.startClientX : clientY - sashDrag.startClientY;
   const deltaPercent = deltaPx / axisSize * 100;
   const totalResizableSize = sashDrag.beforeSize + sashDrag.afterSize;
-  let minGroupSize = getMinGroupSizePercent(axisSize, state.minGroupWidthPx);
+  const minGroupSizePx = direction === Horizontal ? state.minGroupWidthPx : state.minGroupHeightPx;
+  let minGroupSize = getMinGroupSizePercent(axisSize, minGroupSizePx);
 
   // If the minimum size makes it impossible to fit two groups, relax the constraint
   if (2 * minGroupSize > totalResizableSize) {
@@ -5781,6 +5805,39 @@ const renderTabActions = (isDirty, tabIndex, groupIndex) => {
   }];
 };
 
+const ExtensionDetailScheme = 'extension-detail://';
+const KeyBindingsUri = 'app://keybindings';
+const RunningExtensionsScheme = 'running-extensions://';
+const renderMaskIcon = className => {
+  return [{
+    childCount: 1,
+    className: TabIcon,
+    role: None$1,
+    type: Div
+  }, {
+    childCount: 0,
+    className,
+    type: Div
+  }];
+};
+const renderTabIcon = tab => {
+  if (tab.uri === KeyBindingsUri) {
+    return renderMaskIcon(MaskIconRecordKey);
+  }
+  if (tab.uri?.startsWith(ExtensionDetailScheme)) {
+    return renderMaskIcon(MaskIconExtensions);
+  }
+  if (tab.uri?.startsWith(RunningExtensionsScheme)) {
+    return renderMaskIcon(MaskIconExtensions);
+  }
+  return [{
+    childCount: 0,
+    className: TabIcon,
+    role: None$1,
+    src: tab.icon,
+    type: Img
+  }];
+};
 const renderTab = (tab, isActive, tabIndex, groupIndex) => {
   const closeButtonNodes = renderTabActions(tab.isDirty, tabIndex, groupIndex);
   let className = MainTab;
@@ -5804,13 +5861,7 @@ const renderTab = (tab, isActive, tabIndex, groupIndex) => {
     role: 'tab',
     title: tab.uriTitle || tab.uri || tab.title,
     type: Div
-  }, {
-    childCount: 0,
-    className: TabIcon,
-    role: None$1,
-    src: tab.icon,
-    type: Img
-  }, {
+  }, ...renderTabIcon(tab), {
     childCount: 1,
     className: TabTitle,
     type: Span
@@ -5926,25 +5977,26 @@ const renderWaterMark = groupId => {
   }];
 };
 
-const renderEmptyEditorGroup = (group, groupIndex, style) => {
+const renderEmptyEditorGroup = (group, groupIndex, style, closeButtonEnabled = true) => {
+  const closeButtonDom = closeButtonEnabled ? renderEmptyGroupCloseButton(group) : [];
   return [{
-    childCount: 2,
+    childCount: closeButtonEnabled ? 2 : 1,
     className: EditorGroup,
     'data-groupId': String(group.id),
     onContextMenu: HandleContextMenu,
     style,
     tabIndex: 0,
     type: Div
-  }, ...renderEmptyGroupCloseButton(group), ...renderWaterMark(group.id)];
+  }, ...closeButtonDom, ...renderWaterMark(group.id)];
 };
 
-const renderEditorGroup = (group, groupIndex, splitButtonEnabled = false, sizeProperty = 'width') => {
+const renderEditorGroup = (group, groupIndex, splitButtonEnabled = false, sizeProperty = 'width', closeButtonEnabled = true) => {
   const activeTab = group.tabs.find(tab => tab.id === group.activeTabId);
   const style = `${sizeProperty}:${group.size}%;`;
   const hasTabs = group.tabs.length > 0;
   const hasEmptyGroupCloseButton = !hasTabs;
   if (hasEmptyGroupCloseButton) {
-    return renderEmptyEditorGroup(group, groupIndex, style);
+    return renderEmptyEditorGroup(group, groupIndex, style, closeButtonEnabled);
   }
   return [{
     childCount: 2,
@@ -5986,7 +6038,7 @@ const renderSingleEditorGroup = (layout, splitButtonEnabled, sizeProperty = 'wid
     childCount: 1,
     className: Main,
     type: Div
-  }, ...renderEditorGroup(layout.groups[0], 0, splitButtonEnabled, sizeProperty)];
+  }, ...renderEditorGroup(layout.groups[0], 0, splitButtonEnabled, sizeProperty, false)];
 };
 
 const getDirectionClassName = (direction, isSplit) => {
@@ -6246,9 +6298,21 @@ const save = async state => {
   });
 };
 
+const getSavedTab = tab => {
+  const normalizedTab = normalizeTabEditorInput(tab);
+  const {
+    errorMessage: _errorMessage,
+    loadingState: _loadingState,
+    ...rest
+  } = normalizedTab;
+  return {
+    ...rest,
+    editorUid: -1
+  };
+};
 const getFilteredGroups = groups => {
   return groups.map(group => {
-    const tabs = group.tabs.filter(tab => !tab.uri?.startsWith('untitled://')).map(normalizeTabEditorInput);
+    const tabs = group.tabs.filter(tab => !tab.uri?.startsWith('untitled://')).map(getSavedTab);
     const activeTabId = tabs.some(tab => tab.id === group.activeTabId) ? group.activeTabId : tabs[0]?.id;
     return {
       ...group,
@@ -6652,6 +6716,7 @@ const commandMap = {
   'MainArea.handleTabContextMenu': wrapCommand(handleTabContextMenu),
   'MainArea.handleUriChange': wrapCommand(handleUriChange),
   'MainArea.handleWorkspaceChange': wrapCommand(handleWorkspaceChange),
+  'MainArea.hasActiveTextEditor': wrapGetter(hasActiveTextEditor),
   'MainArea.initialize': initialize,
   'MainArea.loadContent': wrapCommand(loadContent),
   'MainArea.moveIntoNewWindow': wrapCommand(moveIntoNewWindow),

package/package.json

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