@lvce-editor/main-area-worker 9.22.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,
@@ -2465,6 +2466,7 @@ const getEditorInputEditorType = editorInput => {
     case 'extension-detail-view':
     case 'image':
     case 'process-explorer':
+    case 'running-extensions':
     case 'video':
       return 'custom';
     case 'editor':
@@ -2484,6 +2486,8 @@ const getEditorInputUri = editorInput => {
       return `extension-detail://${editorInput.extensionId}`;
     case 'process-explorer':
       return 'process-explorer://';
+    case 'running-extensions':
+      return 'running-extensions://';
   }
 };
 
@@ -2553,6 +2557,11 @@ const getEditorInputFromUri = uri => {
       type: 'process-explorer'
     };
   }
+  if (uri.startsWith('running-extensions://')) {
+    return {
+      type: 'running-extensions'
+    };
+  }
   const extension = getLowerCaseExtension(uri);
   if (imageExtensions.has(extension)) {
     return {
@@ -2723,6 +2732,7 @@ const DiffEditor = 'DiffEditor';
 const EditorText = 'Editor';
 const ExtensionDetail = 'ExtensionDetail';
 const ProcessExplorer = 'ProcessExplorer';
+const RunningExtensions = 'RunningExtensions';
 const QuickPick = 'QuickPick';
 
 const getViewletModuleIdForEditorInput = async editorInput => {
@@ -2737,6 +2747,8 @@ const getViewletModuleIdForEditorInput = async editorInput => {
       return ExtensionDetail;
     case 'process-explorer':
       return ProcessExplorer;
+    case 'running-extensions':
+      return RunningExtensions;
   }
 };
 
@@ -3265,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);
   }
@@ -3287,6 +3302,8 @@ const getEditorInputTitle = editorInput => {
       return editorInput.extensionId;
     case 'process-explorer':
       return 'Process Explorer';
+    case 'running-extensions':
+      return 'Running Extensions';
   }
 };
 
@@ -3571,6 +3588,7 @@ const getIconsCached = (dirents, fileIconCache) => {
 };
 
 const ExtensionDetailScheme$1 = 'extension-detail://';
+const RunningExtensionsScheme$1 = 'running-extensions://';
 const getBasename = uri => {
   const lastSlashIndex = uri.lastIndexOf('/');
   if (lastSlashIndex === -1) {
@@ -3581,7 +3599,7 @@ const getBasename = uri => {
 const getMissingTabs = (tabs, fileIconCache) => {
   const missingTabs = [];
   for (const tab of tabs) {
-    if (tab.uri && !tab.uri.startsWith(ExtensionDetailScheme$1) && !(tab.uri in fileIconCache)) {
+    if (tab.uri && !tab.uri.startsWith(ExtensionDetailScheme$1) && !tab.uri.startsWith(RunningExtensionsScheme$1) && !(tab.uri in fileIconCache)) {
       missingTabs.push(tab);
     }
   }
@@ -4129,6 +4147,7 @@ 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';
@@ -4445,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 => {
@@ -4482,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) {
@@ -5788,18 +5806,29 @@ 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 [{
-      childCount: 1,
-      className: TabIcon,
-      role: None$1,
-      type: Div
-    }, {
-      childCount: 0,
-      className: MaskIconExtensions,
-      type: Div
-    }];
+    return renderMaskIcon(MaskIconExtensions);
+  }
+  if (tab.uri?.startsWith(RunningExtensionsScheme)) {
+    return renderMaskIcon(MaskIconExtensions);
   }
   return [{
     childCount: 0,
@@ -5948,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,
@@ -6008,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) => {
@@ -6268,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,

package/package.json

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