@lvce-editor/activity-bar-worker 1.10.0 → 1.12.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
@@ -745,7 +745,7 @@ const send = (transport, 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);
 };
 
@@ -784,7 +784,7 @@ const createRpc = ipc => {
       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,86 @@ 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 Div = 4;
+
+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 +996,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 +1015,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 +1049,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 +1098,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,393 +1150,6 @@ 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,
-  invokeAndTransfer,
-  set: set$1,
-  dispose
-} = create(RendererWorker$1);
-const searchFileHtml = async uri => {
-  return invoke('ExtensionHost.searchFileWithHtml', uri);
-};
-const getFilePathElectron = async file => {
-  return invoke('FileSystemHandle.getFilePathElectron', file);
-};
-const showContextMenu = async (x, y, id, ...args) => {
-  return invoke('ContextMenu.show', x, y, id, ...args);
-};
-const getElectronVersion = async () => {
-  return invoke('Process.getElectronVersion');
-};
-const applyBulkReplacement = async bulkEdits => {
-  await invoke('BulkReplacement.applyBulkReplacement', bulkEdits);
-};
-const setColorTheme = async id => {
-  // @ts-ignore
-  return invoke(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const getNodeVersion = async () => {
-  return invoke('Process.getNodeVersion');
-};
-const getChromeVersion = async () => {
-  return invoke('Process.getChromeVersion');
-};
-const getV8Version = async () => {
-  return invoke('Process.getV8Version');
-};
-const getFileHandles = async fileIds => {
-  const files = await invoke('FileSystemHandle.getFileHandles', fileIds);
-  return files;
-};
-const setWorkspacePath = async path => {
-  await invoke('Workspace.setPath', path);
-};
-const registerWebViewInterceptor = async (id, port) => {
-  await invokeAndTransfer('WebView.registerInterceptor', id, port);
-};
-const unregisterWebViewInterceptor = async id => {
-  await invoke('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('FileSystem.readFile', uri);
-};
-const getWebViewSecret = async key => {
-  // @ts-ignore
-  return invoke('WebView.getSecret', key);
-};
-const setWebViewPort = async (uid, port, origin, portType) => {
-  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
-};
-const setFocus = key => {
-  return invoke('Focus.setFocus', key);
-};
-const getFileIcon = async options => {
-  return invoke('IconTheme.getFileIcon', options);
-};
-const getColorThemeNames = async () => {
-  return invoke('ColorTheme.getColorThemeNames');
-};
-const disableExtension = async id => {
-  // @ts-ignore
-  return invoke('ExtensionManagement.disable', id);
-};
-const enableExtension = async id => {
-  // @ts-ignore
-  return invoke('ExtensionManagement.enable', id);
-};
-const handleDebugChange = async params => {
-  // @ts-ignore
-  return invoke('Run And Debug.handleChange', params);
-};
-const getFolderIcon = async options => {
-  return invoke('IconTheme.getFolderIcon', options);
-};
-const closeWidget = async widgetId => {
-  return invoke('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('ConfirmPrompt.prompt', message, options);
-  return result;
-};
-const getRecentlyOpened = async () => {
-  return invoke(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-const getKeyBindings = async () => {
-  return invoke('KeyBindingsInitial.getKeyBindings');
-};
-const writeClipBoardText = async text => {
-  await invoke('ClipBoard.writeText', /* text */text);
-};
-const writeClipBoardImage = async blob => {
-  // @ts-ignore
-  await invoke('ClipBoard.writeImage', /* text */blob);
-};
-const searchFileMemory = async uri => {
-  // @ts-ignore
-  return invoke('ExtensionHost.searchFileWithMemory', uri);
-};
-const searchFileFetch = async uri => {
-  return invoke('ExtensionHost.searchFileWithFetch', uri);
-};
-const showMessageBox = async options => {
-  return invoke('ElectronDialog.showMessageBox', options);
-};
-const handleDebugResumed = async params => {
-  await invoke('Run And Debug.handleResumed', params);
-};
-const openWidget = async name => {
-  await invoke('Viewlet.openWidget', name);
-};
-const getIcons = async requests => {
-  const icons = await invoke('IconTheme.getIcons', requests);
-  return icons;
-};
-const activateByEvent = event => {
-  return invoke('ExtensionHostManagement.activateByEvent', event);
-};
-const setAdditionalFocus = focusKey => {
-  // @ts-ignore
-  return invoke('Focus.setAdditionalFocus', focusKey);
-};
-const getActiveEditorId = () => {
-  // @ts-ignore
-  return invoke('GetActiveEditor.getActiveEditorId');
-};
-const getWorkspacePath = () => {
-  return invoke('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('Preferences.get', key);
-};
-const getAllExtensions = async () => {
-  return invoke('ExtensionManagement.getAllExtensions');
-};
-const rerenderEditor = async key => {
-  // @ts-ignore
-  return invoke('Editor.rerender', key);
-};
-const handleDebugPaused = async params => {
-  await invoke('Run And Debug.handlePaused', params);
-};
-const openUri = async (uri, focus, options) => {
-  await invoke('Main.openUri', uri, focus, options);
-};
-const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer(
-  // @ts-ignore
-  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
-};
-const handleDebugScriptParsed = async script => {
-  await invoke('Run And Debug.handleScriptParsed', script);
-};
-const getWindowId = async () => {
-  return invoke('GetWindowId.getWindowId');
-};
-const getBlob = async uri => {
-  // @ts-ignore
-  return invoke('FileSystem.getBlob', uri);
-};
-const getExtensionCommands = async () => {
-  return invoke('ExtensionHost.getCommands');
-};
-const showErrorDialog = async errorInfo => {
-  // @ts-ignore
-  await invoke('ErrorHandling.showErrorDialog', errorInfo);
-};
-const getFolderSize = async uri => {
-  // @ts-ignore
-  return await invoke('FileSystem.getFolderSize', uri);
-};
-const getExtension = async id => {
-  // @ts-ignore
-  return invoke('ExtensionManagement.getExtension', id);
-};
-const getMarkdownDom = async html => {
-  // @ts-ignore
-  return invoke('Markdown.getVirtualDom', html);
-};
-const renderMarkdown = async (markdown, options) => {
-  // @ts-ignore
-  return invoke('Markdown.renderMarkdown', markdown, options);
-};
-const openNativeFolder = async uri => {
-  // @ts-ignore
-  await invoke('OpenNativeFolder.openNativeFolder', uri);
-};
-const uninstallExtension = async id => {
-  return invoke('ExtensionManagement.uninstall', id);
-};
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke('ExtensionManagement.install', id);
-};
-const openExtensionSearch = async () => {
-  // @ts-ignore
-  return invoke('SideBar.openViewlet', 'Extensions');
-};
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke('Extensions.handleInput', searchValue);
-};
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke('Open.openExternal', uri);
-};
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke('Open.openUrl', uri);
-};
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke('Preferences.getAll');
-};
-const showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke('FilePicker.showSaveFilePicker');
-};
-const getLogsDir = async () => {
-  // @ts-ignore
-  return invoke('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,
-  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$1 = async (x, y, id, ...args) => {
   await showContextMenu(x, y, id, args);
 };
@@ -1536,9 +1159,13 @@ const handleClickAdditionalViews = async (state, x, y, viewletId) => {
   return state;
 };
 
-const show = async id => {
-  // @ts-ignore
-  await invoke('Layout.showSideBar', /* id */id);
+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');
@@ -1553,10 +1180,10 @@ const handleClickOther = async (state, x, y, viewletId) => {
     if (currentViewletId === viewletId) {
       await hide();
     } else {
-      await show(viewletId);
+      await show(sideBarVisible, viewletId);
     }
   } else {
-    await show(currentViewletId);
+    await show(sideBarVisible, currentViewletId);
   }
   return state;
 };
@@ -1607,6 +1234,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) {
@@ -1616,15 +1251,25 @@ const findIndex = (activityBarItems, id) => {
   return -1;
 };
 
+const getNewItems = (items, selectedIndex) => {
+  return items.map(item => {
+    return {
+      ...item
+      // TODO set selected property if it matches the selected index
+    };
+  });
+};
 const handleSideBarViewletChange = (state, id, ...args) => {
   const {
     activityBarItems
   } = state;
   const index = findIndex(activityBarItems, id);
+  const newActivityBarItems = getNewItems(activityBarItems);
   return {
     ...state,
     selectedIndex: index,
-    currentViewletId: id
+    currentViewletId: id,
+    activityBarItems: newActivityBarItems
   };
 };
 
@@ -1740,12 +1385,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) => {
@@ -1772,14 +1430,26 @@ const Icon = 'Icon';
 const MarginTopAuto = 'MarginTopAuto';
 const Viewlet = 'Viewlet';
 
-const HandleBlur = 'handleBlur';
-const HandleContextMenu = 'handleContextMenu';
-const HandleFocus = 'handleFocus';
-const HandleMouseDown = 'handleMouseDown';
+const HandleBlur = 1;
+const HandleContextMenu = 2;
+const HandleFocus = 3;
+const HandleMouseDown = 4;
 
 const ActivityBar = 'ActivityBar';
 
-const Div = 4;
+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 getIconVirtualDom = (icon, type = Div) => {
   return {
@@ -1809,15 +1479,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 +1525,7 @@ const createActivityBarItem = item => {
   }
   return [{
     type: Div,
-    className: `${className} Icon${icon}`,
+    className: mergeClassNames(className, `Icon${icon}`),
     ariaLabel: '',
     title,
     role,
@@ -1933,8 +1596,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 +1631,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 +1640,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),
@@ -1991,15 +1655,12 @@ const commandMap = {
   'ActivityBar.terminate': terminate
 };
 
-const {
-  set} = RendererWorker;
-
 const listen = async () => {
   registerCommands(commandMap);
   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.10.0",
+  "version": "1.12.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",