@lvce-editor/activity-bar-worker 1.25.0 → 1.26.0

package/dist/activityBarWorkerMain.js

@@ -1015,7 +1015,8 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) =>
     focused: false,
     focusedIndex: -1,
     scrollBarHeight: 0,
-    width: 0,
+    width,
+    height,
     x,
     y,
     sideBarVisible: false,
@@ -1023,7 +1024,8 @@ const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) =>
     selectedIndex: -1,
     itemHeight: 48,
     updateState: '',
-    updateProgress: 0
+    updateProgress: 0,
+    filteredItems: []
   };
   set(id, state, state);
   return state;
@@ -1233,10 +1235,6 @@ const handleContextMenu = async (state, button, x, y) => {
   return state;
 };
 
-const handleResize = state => {
-  return state;
-};
-
 const Tab = 1;
 const Button = 1 << 1;
 const Progress = 1 << 2;
@@ -1245,6 +1243,109 @@ const Selected = 1 << 4;
 const Focused = 1 << 5;
 const MarginTop = 1 << 6;
 
+const emptyObject = {};
+const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
+const i18nString = (key, placeholders = emptyObject) => {
+  if (placeholders === emptyObject) {
+    return key;
+  }
+  const replacer = (match, rest) => {
+    return placeholders[rest];
+  };
+  return key.replaceAll(RE_PLACEHOLDER, replacer);
+};
+
+const Explorer$1 = 'Explorer';
+const Search$2 = 'Search';
+const SourceControl$2 = 'Source Control';
+const RunAndDebug$1 = 'Run and Debug';
+const Extensions$2 = 'Extensions';
+const Settings = 'Settings';
+const AdditionalViews = 'Additional Views';
+const ActivityBar$2 = 'Activity Bar';
+
+const explorer = () => {
+  return i18nString(Explorer$1);
+};
+const search = () => {
+  return i18nString(Search$2);
+};
+const sourceControl = () => {
+  return i18nString(SourceControl$2);
+};
+const runAndDebug = () => {
+  return i18nString(RunAndDebug$1);
+};
+const extensions = () => {
+  return i18nString(Extensions$2);
+};
+const settings = () => {
+  return i18nString(Settings);
+};
+const additionalViews = () => {
+  return i18nString(AdditionalViews);
+};
+const activityBar = () => {
+  return i18nString(ActivityBar$2);
+};
+
+const DebugAlt2 = 'DebugAlt2';
+const Extensions$1 = 'Extensions';
+const Files = 'Files';
+const Search$1 = 'Search';
+const SettingsGear = 'SettingsGear';
+const SourceControl$1 = 'SourceControl';
+const Ellipsis = 'Ellipsis';
+
+const getNumberOfVisibleItems = state => {
+  const {
+    height,
+    itemHeight
+  } = state;
+  const numberOfVisibleItemsTop = Math.floor(height / itemHeight);
+  return numberOfVisibleItemsTop;
+};
+
+const getFilteredActivityBarItems = (items, height, itemHeight) => {
+  const numberOfVisibleItems = getNumberOfVisibleItems({
+    height,
+    itemHeight
+  });
+  if (numberOfVisibleItems >= items.length) {
+    return items;
+  }
+  const showMoreItem = {
+    id: 'Additional Views',
+    title: additionalViews(),
+    icon: Ellipsis,
+    flags: Button,
+    keyShortcuts: ''
+  };
+  return [...items.slice(0, numberOfVisibleItems - 2), showMoreItem, items.at(-1)];
+};
+
+const handleResize = (state, dimensions) => {
+  const {
+    activityBarItems,
+    itemHeight
+  } = state;
+  const {
+    x,
+    y,
+    width,
+    height
+  } = dimensions;
+  const filteredItems = getFilteredActivityBarItems(activityBarItems, height, itemHeight);
+  return {
+    ...state,
+    x,
+    y,
+    width,
+    height,
+    filteredItems
+  };
+};
+
 const setFlag = (item, flag, enabled) => {
   return {
     ...item,
@@ -1335,55 +1436,6 @@ const handleUpdateStateChange = async (state, config) => {
   };
 };
 
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const Explorer$1 = 'Explorer';
-const Search$2 = 'Search';
-const SourceControl$2 = 'Source Control';
-const RunAndDebug$1 = 'Run and Debug';
-const Extensions$2 = 'Extensions';
-const Settings = 'Settings';
-const ActivityBar$2 = 'Activity Bar';
-
-const explorer = () => {
-  return i18nString(Explorer$1);
-};
-const search = () => {
-  return i18nString(Search$2);
-};
-const sourceControl = () => {
-  return i18nString(SourceControl$2);
-};
-const runAndDebug = () => {
-  return i18nString(RunAndDebug$1);
-};
-const extensions = () => {
-  return i18nString(Extensions$2);
-};
-const settings = () => {
-  return i18nString(Settings);
-};
-const activityBar = () => {
-  return i18nString(ActivityBar$2);
-};
-
-const DebugAlt2 = 'DebugAlt2';
-const Extensions$1 = 'Extensions';
-const Files = 'Files';
-const Search$1 = 'Search';
-const SettingsGear = 'SettingsGear';
-const SourceControl$1 = 'SourceControl';
-
 const Explorer = 'Explorer';
 const Extensions = 'Extensions';
 const RunAndDebug = 'Run And Debug';
@@ -1792,7 +1844,7 @@ const commandMap = {
   'ActivityBar.handleClick': wrapCommand(handleClick),
   'ActivityBar.handleClickIndex': wrapCommand(handleClickIndex),
   'ActivityBar.handleContextMenu': wrapCommand(handleContextMenu),
-  'ActivityBar.handleResize': wrapCommand(handleResize),
+  'ActivityBar.resize': wrapCommand(handleResize),
   'ActivityBar.handleSideBarHidden': wrapCommand(handleSideBarHidden),
   'ActivityBar.handleSideBarViewletChange': wrapCommand(handleSideBarViewletChange),
   'ActivityBar.loadContent': wrapCommand(loadContent),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/activity-bar-worker",
-  "version": "1.25.0",
+  "version": "1.26.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",