@lvce-editor/activity-bar-worker 1.9.0 → 1.11.0

package/dist/activityBarWorkerMain.js

@@ -378,7 +378,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$4 = (id, fn) => {
+const set$3 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$2 = id => {
@@ -397,7 +397,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$3(id, resolve);
   return {
     id,
     promise
@@ -742,10 +742,10 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$2 = (ipc, method, ...params) => {
+const invoke$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer$1 = (ipc, method, ...params) => {
+const invokeAndTransfer = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
@@ -781,10 +781,10 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$2(ipc, method, ...params);
+      return invoke$1(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$1(ipc, method, ...params);
+      return invokeAndTransfer(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -836,31 +836,84 @@ const WebWorkerRpcClient = {
   __proto__: null,
   create: create$3
 };
-const createMockRpc = ({
-  commandMap
-}) => {
-  const invocations = [];
-  const invoke = (method, ...params) => {
-    invocations.push([method, ...params]);
-    const command = commandMap[method];
-    if (!command) {
-      throw new Error(`command ${method} not found`);
+
+const Button$2 = 'button';
+const None = 'none';
+const Tab$1 = 'tab';
+const ToolBar = 'toolbar';
+
+const Button$1 = 'event.button';
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+
+const Enter = 3;
+const Space = 9;
+const PageUp = 10;
+const PageDown = 11;
+const End = 255;
+const Home = 12;
+const UpArrow = 14;
+const DownArrow = 16;
+
+const ActivityBar$3 = 1;
+const Settings$1 = 12;
+const ActivityBarAdditionalViews = 17;
+
+const LeftClick = 0;
+
+const RendererWorker = 1;
+
+const SetCss = 'Viewlet.setCss';
+const SetDom2 = 'Viewlet.setDom2';
+const SetFocusContext = 'Viewlet.setFocusContext';
+
+const FocusActivityBar = 5;
+const FocusExplorer = 13;
+
+const rpcs = Object.create(null);
+const set$2 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
+};
+
+const create$2 = rpcId => {
+  return {
+    // @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);
+    },
+    set(rpc) {
+      set$2(rpcId, rpc);
+    },
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
     }
-    return command(...params);
   };
-  const mockRpc = {
-    invoke,
-    invokeAndTransfer: invoke,
-    invocations
-  };
-  return mockRpc;
+};
+
+const {
+  invoke,
+  set: set$1} = create$2(RendererWorker);
+const showContextMenu = async (x, y, id, ...args) => {
+  return invoke('ContextMenu.show', x, y, id, ...args);
 };
 
 const toCommandId = key => {
   const dotIndex = key.indexOf('.');
   return key.slice(dotIndex + 1);
 };
-const create$2 = () => {
+const create$1 = () => {
   const states = Object.create(null);
   const commandMapRef = {};
   return {
@@ -941,16 +994,17 @@ const terminate = () => {
 };
 
 const {
-  get: get$1,
-  set: set$3,
+  get,
+  set,
   registerCommands,
   getCommandIds,
   wrapGetter,
-  wrapCommand
-} = create$2();
+  wrapCommand,
+  diff
+} = create$1();
 
 // TODO parentUid might ot be needed
-const create$1 = (id, uri, x, y, width, height, args, parentUid, platform = 0) => {
+const create = (id, uri, x, y, width, height, args, parentUid, platform = 0) => {
   const state = {
     currentViewletId: '',
     uid: id,
@@ -959,14 +1013,14 @@ const create$1 = (id, uri, x, y, width, height, args, parentUid, platform = 0) =
     focusedIndex: -1,
     scrollBarHeight: 0,
     width: 0,
-    x: 0,
-    y: 0,
+    x,
+    y,
     sideBarVisible: false,
     activityBarItems: [],
     selectedIndex: -1,
     itemHeight: 48
   };
-  set$3(id, state, state);
+  set(id, state, state);
   return state;
 };
 
@@ -993,30 +1047,17 @@ const RenderCss = 11;
 const modules = [isEqual, isEqual$1, isEqual$1, isEqual$2];
 const numbers = [RenderItems, RenderFocus, RenderFocusContext, RenderCss];
 
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
-};
-
 const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get$1(uid);
-  const result = diff(oldState, newState);
-  return result;
+  return diff(uid, modules, numbers);
 };
 
 const List = 1;
 
 const focus = state => {
-  if (state.focus) {
+  const {
+    focus
+  } = state;
+  if (focus) {
     return state;
   }
   return {
@@ -1055,40 +1096,7 @@ const focusNone = state => {
   return focusIndex(state, -1);
 };
 
-const Button$2 = 'button';
-const None = 'none';
-const Tab$1 = 'tab';
-const ToolBar = 'toolbar';
-
-const Button$1 = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-
-const Enter = 3;
-const Space = 9;
-const PageUp = 10;
-const PageDown = 11;
-const End = 255;
-const Home = 12;
-const UpArrow = 14;
-const DownArrow = 16;
-
-const ActivityBar$3 = 1;
-const Settings$1 = 12;
-const ActivityBarAdditionalViews = 17;
-
-const LeftClick = 0;
-
-const DebugWorker = 55;
-const RendererWorker$1 = 1;
-
-const SetDom2 = 'Viewlet.setDom2';
-const SetFocusContext = 'Viewlet.setFocusContext';
-
-const FocusActivityBar = 5;
-const FocusExplorer = 13;
-
-const getKeyBindings$1 = () => {
+const getKeyBindings = () => {
   return [{
     key: DownArrow,
     command: 'ActivityBar.focusNext',
@@ -1140,430 +1148,46 @@ const getIndexFromPosition = (y, eventX, eventY, itemHeight, itemCount) => {
   return index;
 };
 
-const rpcs = Object.create(null);
-const set$2 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get = id => {
-  return rpcs[id];
-};
-
-const create = rpcId => {
-  return {
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    set(rpc) {
-      set$2(rpcId, rpc);
-    },
-    async dispose() {
-      const rpc = get(rpcId);
-      await rpc.dispose();
-    }
-  };
-};
-
-const {
-  invoke: invoke$1,
-  invokeAndTransfer,
-  set: set$1,
-  dispose
-} = create(RendererWorker$1);
-const searchFileHtml = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithHtml', uri);
-};
-const getFilePathElectron = async file => {
-  return invoke$1('FileSystemHandle.getFilePathElectron', file);
-};
-const showContextMenu = async (x, y, id, ...args) => {
-  return invoke$1('ContextMenu.show', x, y, id, ...args);
-};
-const getElectronVersion = async () => {
-  return invoke$1('Process.getElectronVersion');
-};
-const applyBulkReplacement = async bulkEdits => {
-  await invoke$1('BulkReplacement.applyBulkReplacement', bulkEdits);
-};
-const setColorTheme = async id => {
-  // @ts-ignore
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const getNodeVersion = async () => {
-  return invoke$1('Process.getNodeVersion');
-};
-const getChromeVersion = async () => {
-  return invoke$1('Process.getChromeVersion');
-};
-const getV8Version = async () => {
-  return invoke$1('Process.getV8Version');
-};
-const getFileHandles = async fileIds => {
-  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
-  return files;
-};
-const setWorkspacePath = async path => {
-  await invoke$1('Workspace.setPath', path);
-};
-const registerWebViewInterceptor = async (id, port) => {
-  await invokeAndTransfer('WebView.registerInterceptor', id, port);
-};
-const unregisterWebViewInterceptor = async id => {
-  await invoke$1('WebView.unregisterInterceptor', id);
-};
-const sendMessagePortToEditorWorker = async (port, rpcId) => {
-  const command = 'HandleMessagePort.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
-};
-const sendMessagePortToErrorWorker = async (port, rpcId) => {
-  const command = 'Errors.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
-};
-const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
-  const command = 'Markdown.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
-};
-const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
-  const command = 'IconTheme.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
-};
-const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
-  const command = 'FileSystem.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
-};
-const readFile = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
-};
-const getWebViewSecret = async key => {
-  // @ts-ignore
-  return invoke$1('WebView.getSecret', key);
-};
-const setWebViewPort = async (uid, port, origin, portType) => {
-  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
-};
-const setFocus = key => {
-  return invoke$1('Focus.setFocus', key);
-};
-const getFileIcon = async options => {
-  return invoke$1('IconTheme.getFileIcon', options);
-};
-const getColorThemeNames = async () => {
-  return invoke$1('ColorTheme.getColorThemeNames');
-};
-const disableExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.disable', id);
-};
-const enableExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.enable', id);
-};
-const handleDebugChange = async params => {
-  // @ts-ignore
-  return invoke$1('Run And Debug.handleChange', params);
-};
-const getFolderIcon = async options => {
-  return invoke$1('IconTheme.getFolderIcon', options);
-};
-const closeWidget = async widgetId => {
-  return invoke$1('Viewlet.closeWidget', widgetId);
-};
-const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
-  const command = 'HandleMessagePort.handleMessagePort2';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
-};
-const sendMessagePortToSearchProcess = async port => {
-  await invokeAndTransfer('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
-};
-const confirm = async (message, options) => {
-  // @ts-ignore
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
-  return result;
-};
-const getRecentlyOpened = async () => {
-  return invoke$1(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-const getKeyBindings = async () => {
-  return invoke$1('KeyBindingsInitial.getKeyBindings');
-};
-const writeClipBoardText = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
-};
-const writeClipBoardImage = async blob => {
-  // @ts-ignore
-  await invoke$1('ClipBoard.writeImage', /* text */blob);
-};
-const searchFileMemory = async uri => {
-  // @ts-ignore
-  return invoke$1('ExtensionHost.searchFileWithMemory', uri);
-};
-const searchFileFetch = async uri => {
-  return invoke$1('ExtensionHost.searchFileWithFetch', uri);
-};
-const showMessageBox = async options => {
-  return invoke$1('ElectronDialog.showMessageBox', options);
-};
-const handleDebugResumed = async params => {
-  await invoke$1('Run And Debug.handleResumed', params);
-};
-const openWidget = async name => {
-  await invoke$1('Viewlet.openWidget', name);
-};
-const getIcons = async requests => {
-  const icons = await invoke$1('IconTheme.getIcons', requests);
-  return icons;
-};
-const activateByEvent = event => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event);
-};
-const setAdditionalFocus = focusKey => {
-  // @ts-ignore
-  return invoke$1('Focus.setAdditionalFocus', focusKey);
-};
-const getActiveEditorId = () => {
-  // @ts-ignore
-  return invoke$1('GetActiveEditor.getActiveEditorId');
-};
-const getWorkspacePath = () => {
-  return invoke$1('Workspace.getPath');
-};
-const sendMessagePortToRendererProcess = async port => {
-  const command = 'HandleMessagePort.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
-};
-const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
-};
-const getAllExtensions = async () => {
-  return invoke$1('ExtensionManagement.getAllExtensions');
-};
-const rerenderEditor = async key => {
-  // @ts-ignore
-  return invoke$1('Editor.rerender', key);
-};
-const handleDebugPaused = async params => {
-  await invoke$1('Run And Debug.handlePaused', params);
-};
-const openUri = async (uri, focus, options) => {
-  await invoke$1('Main.openUri', uri, focus, options);
-};
-const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer(
-  // @ts-ignore
-  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
-};
-const handleDebugScriptParsed = async script => {
-  await invoke$1('Run And Debug.handleScriptParsed', script);
-};
-const getWindowId = async () => {
-  return invoke$1('GetWindowId.getWindowId');
-};
-const getBlob = async uri => {
-  // @ts-ignore
-  return invoke$1('FileSystem.getBlob', uri);
-};
-const getExtensionCommands = async () => {
-  return invoke$1('ExtensionHost.getCommands');
-};
-const showErrorDialog = async errorInfo => {
-  // @ts-ignore
-  await invoke$1('ErrorHandling.showErrorDialog', errorInfo);
-};
-const getFolderSize = async uri => {
-  // @ts-ignore
-  return await invoke$1('FileSystem.getFolderSize', uri);
-};
-const getExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.getExtension', id);
-};
-const getMarkdownDom = async html => {
-  // @ts-ignore
-  return invoke$1('Markdown.getVirtualDom', html);
-};
-const renderMarkdown = async (markdown, options) => {
-  // @ts-ignore
-  return invoke$1('Markdown.renderMarkdown', markdown, options);
-};
-const openNativeFolder = async uri => {
-  // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
-};
-const uninstallExtension = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
-};
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.install', id);
-};
-const openExtensionSearch = async () => {
-  // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
-};
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue);
-};
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
-};
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
-};
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$1('Preferences.getAll');
-};
-const showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke$1('FilePicker.showSaveFilePicker');
-};
-const getLogsDir = async () => {
-  // @ts-ignore
-  return invoke$1('PlatformPaths.getLogsDir');
-};
-const registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$1(mockRpc);
-  return mockRpc;
-};
-
-const RendererWorker = {
-  __proto__: null,
-  activateByEvent,
-  applyBulkReplacement,
-  closeWidget,
-  confirm,
-  disableExtension,
-  dispose,
-  enableExtension,
-  getActiveEditorId,
-  getAllExtensions,
-  getAllPreferences,
-  getBlob,
-  getChromeVersion,
-  getColorThemeNames,
-  getElectronVersion,
-  getExtension,
-  getExtensionCommands,
-  getFileHandles,
-  getFileIcon,
-  getFilePathElectron,
-  getFolderIcon,
-  getFolderSize,
-  getIcons,
-  getKeyBindings,
-  getLogsDir,
-  getMarkdownDom,
-  getNodeVersion,
-  getPreference,
-  getRecentlyOpened,
-  getV8Version,
-  getWebViewSecret,
-  getWindowId,
-  getWorkspacePath,
-  handleDebugChange,
-  handleDebugPaused,
-  handleDebugResumed,
-  handleDebugScriptParsed,
-  installExtension,
-  invoke: invoke$1,
-  invokeAndTransfer,
-  openExtensionSearch,
-  openExternal,
-  openNativeFolder,
-  openUri,
-  openUrl,
-  openWidget,
-  readFile,
-  registerMockRpc,
-  registerWebViewInterceptor,
-  renderMarkdown,
-  rerenderEditor,
-  searchFileFetch,
-  searchFileHtml,
-  searchFileMemory,
-  sendMessagePortToEditorWorker,
-  sendMessagePortToErrorWorker,
-  sendMessagePortToExtensionHostWorker,
-  sendMessagePortToFileSystemWorker,
-  sendMessagePortToIconThemeWorker,
-  sendMessagePortToMarkdownWorker,
-  sendMessagePortToRendererProcess,
-  sendMessagePortToSearchProcess,
-  sendMessagePortToSyntaxHighlightingWorker,
-  set: set$1,
-  setAdditionalFocus,
-  setColorTheme,
-  setExtensionsSearchValue,
-  setFocus,
-  setWebViewPort,
-  setWorkspacePath,
-  showContextMenu,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage,
-  writeClipBoardText
-};
-
-const show = async (x, y, id, ...args) => {
+const show$1 = async (x, y, id, ...args) => {
   await showContextMenu(x, y, id, args);
 };
 
 const handleClickAdditionalViews = async (state, x, y, viewletId) => {
-  await show(x, y, ActivityBarAdditionalViews);
+  await show$1(x, y, ActivityBarAdditionalViews);
   return state;
 };
 
-const {
-  set,
-  invoke
-} = RendererWorker;
+const show = async (sideBarVisible, id) => {
+  if (sideBarVisible) {
+    await invoke('SideBar.show', id);
+  } else {
+    // @ts-ignore
+    await invoke('Layout.showSideBar', /* id */id);
+  }
+};
+const hide = async () => {
+  await invoke('Layout.hideSideBar');
+};
 
 const handleClickOther = async (state, x, y, viewletId) => {
-  // TODO ask renderer worker asynchronously if sidebar is visible
-
   const {
     sideBarVisible,
     currentViewletId
   } = state;
   if (sideBarVisible) {
     if (currentViewletId === viewletId) {
-      await invoke('Layout.hideSideBar');
+      await hide();
     } else {
-      await invoke(/* SideBar.show */'SideBar.show', /* id */viewletId);
+      await show(sideBarVisible, viewletId);
     }
   } else {
-    // TODO should show side bar with viewletId
-    // @ts-ignore
-    await invoke('Layout.showSideBar');
+    await show(sideBarVisible, currentViewletId);
   }
   return state;
 };
 
 const handleClickSettings = async (state, x, y, viewletId) => {
-  await show(x, y, Settings$1);
+  await show$1(x, y, Settings$1);
   return state;
 };
 
@@ -1600,7 +1224,7 @@ const handleClick = async (state, button, eventX, eventY) => {
 };
 
 const handleContextMenu = async (state, button, x, y) => {
-  await show(x, y, ActivityBar$3);
+  await show$1(x, y, ActivityBar$3);
   return state;
 };
 
@@ -1608,6 +1232,14 @@ const handleResize = state => {
   return state;
 };
 
+const handleSideBarHidden = state => {
+  return {
+    ...state,
+    focusedIndex: -1,
+    selectedIndex: -1
+  };
+};
+
 const findIndex = (activityBarItems, id) => {
   for (let i = 0; i < activityBarItems.length; i++) {
     if (activityBarItems[i].id === id) {
@@ -1624,7 +1256,8 @@ const handleSideBarViewletChange = (state, id, ...args) => {
   const index = findIndex(activityBarItems, id);
   return {
     ...state,
-    selectedIndex: index
+    selectedIndex: index,
+    currentViewletId: id
   };
 };
 
@@ -1740,12 +1373,25 @@ const loadContent = async (state, savedState) => {
   return {
     ...state,
     activityBarItems: items,
-    sideBarVisible: true
+    sideBarVisible: true,
+    currentViewletId: Explorer
   };
 };
 
+const getCss = itemHeight => {
+  return `:root {
+  --ActivityBarItemHeight: var(--${itemHeight}px);
+}
+`;
+};
+
 const renderCss = (oldState, newState) => {
-  return [];
+  const {
+    uid,
+    itemHeight
+  } = newState;
+  const css = getCss(itemHeight);
+  return [SetCss, uid, css];
 };
 
 const renderFocusContext = (oldState, newState) => {
@@ -1779,6 +1425,20 @@ const HandleMouseDown = 'handleMouseDown';
 
 const ActivityBar = 'ActivityBar';
 
+const getClassName = (isFocused, marginTop, isSelected) => {
+  const classNames = [ActivityBarItem];
+  if (isFocused) {
+    classNames.push(FocusOutline);
+  }
+  if (marginTop) {
+    classNames.push(MarginTopAuto);
+  }
+  if (isSelected) {
+    classNames.push(ActivityBarItemSelected);
+  }
+  return mergeClassNames(...classNames);
+};
+
 const Div = 4;
 
 const getIconVirtualDom = (icon, type = Div) => {
@@ -1809,15 +1469,8 @@ const createActivityBarItem = item => {
   const role = isTab ? Tab$1 : Button$2;
   const ariaSelected = getAriaSelected(isTab, isSelected);
   const marginTop = flags & MarginTop;
-  let className = ActivityBarItem;
-  if (isFocused) {
-    className += ' ' + FocusOutline;
-  }
-  if (marginTop) {
-    className += ' ' + MarginTopAuto;
-  }
+  let className = getClassName(isFocused, marginTop, isSelected);
   if (isSelected) {
-    className += ' ' + ActivityBarItemSelected;
     return [{
       type: Div,
       className,
@@ -1862,7 +1515,7 @@ const createActivityBarItem = item => {
   }
   return [{
     type: Div,
-    className: `${className} Icon${icon}`,
+    className: mergeClassNames(className, `Icon${icon}`),
     ariaLabel: '',
     title,
     role,
@@ -1933,8 +1586,8 @@ const render2 = (uid, diffResult) => {
   const {
     oldState,
     newState
-  } = get$1(uid);
-  set$3(uid, newState, newState);
+  } = get(uid);
+  set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -1968,7 +1621,7 @@ const saveState = state => {
 };
 
 const commandMap = {
-  'ActivityBar.create': create$1,
+  'ActivityBar.create': create,
   'ActivityBar.diff2': diff2,
   'ActivityBar.focus': wrapCommand(focus),
   'ActivityBar.focusFirst': wrapCommand(focusFirst),
@@ -1977,11 +1630,12 @@ const commandMap = {
   'ActivityBar.focusNext': wrapCommand(focusNext),
   'ActivityBar.focusNone': wrapCommand(focusNone),
   'ActivityBar.getCommandIds': getCommandIds,
-  'ActivityBar.getKeyBindings': getKeyBindings$1,
+  'ActivityBar.getKeyBindings': getKeyBindings,
   'ActivityBar.handleBlur': wrapCommand(handleBlur),
   'ActivityBar.handleResize': wrapCommand(handleResize),
   'ActivityBar.handleClick': wrapCommand(handleClick),
   'ActivityBar.handleContextMenu': wrapCommand(handleContextMenu),
+  'ActivityBar.handleSideBarHidden': wrapCommand(handleSideBarHidden),
   'ActivityBar.handleClickIndex': wrapCommand(handleClickIndex),
   'ActivityBar.handleSideBarViewletChange': wrapCommand(handleSideBarViewletChange),
   'ActivityBar.loadContent': wrapCommand(loadContent),
@@ -1996,7 +1650,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set(rpc);
+  set$1(rpc);
 };
 
 const main = async () => {

package/package.json

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