@lvce-editor/source-control-worker 2.8.0 → 2.10.0

package/dist/sourceControlWorkerMain.js

@@ -521,7 +521,7 @@ const create$4 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$5 = (id, fn) => {
+const set$4 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$3 = id => {
@@ -540,7 +540,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$5(id, resolve);
+  set$4(id, resolve);
   return {
     id,
     promise
@@ -885,10 +885,10 @@ const send = (transport, method, ...params) => {
   const message = create$4(method, params);
   transport.send(message);
 };
-const invoke$4 = (ipc, method, ...params) => {
+const invoke$2 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, false);
 };
-const invokeAndTransfer$2 = (ipc, method, ...params) => {
+const invokeAndTransfer$1 = (ipc, method, ...params) => {
   return invokeHelper(ipc, method, params, true);
 };
 
@@ -924,10 +924,10 @@ const createRpc = ipc => {
       send(ipc, method, ...params);
     },
     invoke(method, ...params) {
-      return invoke$4(ipc, method, ...params);
+      return invoke$2(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$2(ipc, method, ...params);
+      return invokeAndTransfer$1(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -1017,31 +1017,19 @@ const WebWorkerRpcClient = {
   __proto__: null,
   create: create$2
 };
-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`);
-    }
-    return command(...params);
-  };
-  const mockRpc = {
-    invoke,
-    invokeAndTransfer: invoke,
-    invocations
-  };
-  return mockRpc;
-};
 
 const None = 'none';
 const ToolBar = 'toolbar';
-const Tree = 'tree';
+const Tree$1 = 'tree';
 const TreeItem$1 = 'treeitem';
 
+const Badge = 'Badge';
+const SourceControlBadge = 'SourceControlBadge';
+
+const Directory = 3;
+const DirectoryExpanded = 4;
+const File = 7;
+
 const Button$2 = 1;
 const Div = 4;
 const Span = 8;
@@ -1058,19 +1046,22 @@ const TargetName = 'event.target.name';
 const TargetValue = 'event.target.value';
 
 const User = 1;
-const Script = 2;
 
-const DebugWorker = 55;
+const SourceControl$1 = 22;
+
 const ExtensionHostWorker = 44;
-const RendererWorker$1 = 1;
+const RendererWorker = 1;
 const SourceControlWorker = 66;
 
 const SetCss = 'Viewlet.setCss';
 const SetDom2 = 'Viewlet.setDom2';
 const SetValueByName = 'Viewlet.setValueByName';
 
+const List = 1;
+const Tree = 2;
+
 const rpcs = Object.create(null);
-const set$4 = (id, rpc) => {
+const set$3 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$2 = id => {
@@ -1092,7 +1083,7 @@ const create$1 = rpcId => {
       return rpc.invokeAndTransfer(method, ...params);
     },
     set(rpc) {
-      set$4(rpcId, rpc);
+      set$3(rpcId, rpc);
     },
     async dispose() {
       const rpc = get$2(rpcId);
@@ -1102,415 +1093,31 @@ const create$1 = rpcId => {
 };
 
 const {
-  invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$1,
-  set: set$3,
-  dispose: dispose$1
-} = create$1(ExtensionHostWorker);
-const executeReferenceProvider = async (id, offset) => {
-  // @ts-ignore
-  return invoke$3('ExtensionHostReference.executeReferenceProvider', id, offset);
-};
-const executeFileReferenceProvider = async id => {
-  // @ts-ignore
-  return invoke$3('ExtensionHostReference.executeFileReferenceProvider', id);
-};
-const getRuntimeStatus = async extensionId => {
-  // @ts-ignore
-  return invoke$3('ExtensionHost.getRuntimeStatus', extensionId);
-};
-const registerMockRpc$1 = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$3(mockRpc);
-  return mockRpc;
-};
-
-const ExtensionHost = {
-  __proto__: null,
-  dispose: dispose$1,
-  executeFileReferenceProvider,
-  executeReferenceProvider,
-  getRuntimeStatus,
-  invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$1,
-  registerMockRpc: registerMockRpc$1,
-  set: set$3
-};
+  invoke: invoke$1,
+  set: set$2} = create$1(ExtensionHostWorker);
 
 const {
-  invoke: invoke$2,
+  invoke,
   invokeAndTransfer,
-  set: set$2,
-  dispose
-} = create$1(RendererWorker$1);
-const searchFileHtml = async uri => {
-  return invoke$2('ExtensionHost.searchFileWithHtml', uri);
-};
-const getFilePathElectron = async file => {
-  return invoke$2('FileSystemHandle.getFilePathElectron', file);
-};
+  set: set$1} = create$1(RendererWorker);
 const showContextMenu = async (x, y, id, ...args) => {
-  return invoke$2('ContextMenu.show', x, y, id, ...args);
-};
-const showContextMenu2 = async (uid, menuId, x, y, args) => {
-  number(uid);
-  number(menuId);
-  number(x);
-  number(y);
-  // @ts-ignore
-  await invoke$2('ContextMenu.show2', uid, menuId, x, y, args);
-};
-const getElectronVersion = async () => {
-  return invoke$2('Process.getElectronVersion');
-};
-const applyBulkReplacement = async bulkEdits => {
-  await invoke$2('BulkReplacement.applyBulkReplacement', bulkEdits);
-};
-const setColorTheme = async id => {
-  // @ts-ignore
-  return invoke$2(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
-};
-const getNodeVersion = async () => {
-  return invoke$2('Process.getNodeVersion');
-};
-const getChromeVersion = async () => {
-  return invoke$2('Process.getChromeVersion');
-};
-const getV8Version = async () => {
-  return invoke$2('Process.getV8Version');
-};
-const getFileHandles = async fileIds => {
-  const files = await invoke$2('FileSystemHandle.getFileHandles', fileIds);
-  return files;
-};
-const setWorkspacePath = async path => {
-  await invoke$2('Workspace.setPath', path);
-};
-const registerWebViewInterceptor = async (id, port) => {
-  await invokeAndTransfer('WebView.registerInterceptor', id, port);
-};
-const unregisterWebViewInterceptor = async id => {
-  await invoke$2('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);
+  return invoke('ContextMenu.show', x, y, id, ...args);
 };
 const readFile$1 = async uri => {
-  return invoke$2('FileSystem.readFile', uri);
-};
-const getWebViewSecret = async key => {
-  // @ts-ignore
-  return invoke$2('WebView.getSecret', key);
-};
-const setWebViewPort = async (uid, port, origin, portType) => {
-  return invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
-};
-const setFocus = key => {
-  return invoke$2('Focus.setFocus', key);
-};
-const getFileIcon$1 = async options => {
-  return invoke$2('IconTheme.getFileIcon', options);
-};
-const getColorThemeNames = async () => {
-  return invoke$2('ColorTheme.getColorThemeNames');
-};
-const disableExtension = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.disable', id);
-};
-const enableExtension = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.enable', id);
-};
-const handleDebugChange = async params => {
-  // @ts-ignore
-  return invoke$2('Run And Debug.handleChange', params);
-};
-const getFolderIcon = async options => {
-  return invoke$2('IconTheme.getFolderIcon', options);
-};
-const closeWidget = async widgetId => {
-  return invoke$2('Viewlet.closeWidget', widgetId);
+  return invoke('FileSystem.readFile', uri);
 };
 const sendMessagePortToExtensionHostWorker$1 = 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$2('ConfirmPrompt.prompt', message, options);
-  return result;
-};
-const getRecentlyOpened = async () => {
-  return invoke$2(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
-};
-const getKeyBindings = async () => {
-  return invoke$2('KeyBindingsInitial.getKeyBindings');
-};
-const writeClipBoardText = async text => {
-  await invoke$2('ClipBoard.writeText', /* text */text);
-};
-const readClipBoardText = async () => {
-  return invoke$2('ClipBoard.readText');
-};
-const writeClipBoardImage = async blob => {
-  // @ts-ignore
-  await invoke$2('ClipBoard.writeImage', /* text */blob);
-};
-const searchFileMemory = async uri => {
-  // @ts-ignore
-  return invoke$2('ExtensionHost.searchFileWithMemory', uri);
-};
-const searchFileFetch = async uri => {
-  return invoke$2('ExtensionHost.searchFileWithFetch', uri);
-};
-const showMessageBox = async options => {
-  return invoke$2('ElectronDialog.showMessageBox', options);
-};
-const handleDebugResumed = async params => {
-  await invoke$2('Run And Debug.handleResumed', params);
-};
-const openWidget = async name => {
-  await invoke$2('Viewlet.openWidget', name);
-};
-const getIcons = async requests => {
-  const icons = await invoke$2('IconTheme.getIcons', requests);
-  return icons;
-};
 const activateByEvent$1 = event => {
-  return invoke$2('ExtensionHostManagement.activateByEvent', event);
-};
-const setAdditionalFocus = focusKey => {
-  // @ts-ignore
-  return invoke$2('Focus.setAdditionalFocus', focusKey);
-};
-const getActiveEditorId = () => {
-  // @ts-ignore
-  return invoke$2('GetActiveEditor.getActiveEditorId');
-};
-const getWorkspacePath = () => {
-  return invoke$2('Workspace.getPath');
-};
-const sendMessagePortToRendererProcess = async port => {
-  const command = 'HandleMessagePort.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
-};
-const sendMessagePortToTextMeasurementWorker = async port => {
-  const command = 'TextMeasurement.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToTextMeasurementWorker', port, command, 0);
+  return invoke('ExtensionHostManagement.activateByEvent', event);
 };
 const getPreference = async key => {
-  return await invoke$2('Preferences.get', key);
-};
-const getAllExtensions = async () => {
-  return invoke$2('ExtensionManagement.getAllExtensions');
-};
-const rerenderEditor = async key => {
-  // @ts-ignore
-  return invoke$2('Editor.rerender', key);
-};
-const handleDebugPaused = async params => {
-  await invoke$2('Run And Debug.handlePaused', params);
+  return await invoke('Preferences.get', key);
 };
 const openUri$1 = async (uri, focus, options) => {
-  await invoke$2('Main.openUri', uri, focus, options);
-};
-const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer(
-  // @ts-ignore
-  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
-};
-const handleDebugScriptParsed = async script => {
-  await invoke$2('Run And Debug.handleScriptParsed', script);
-};
-const getWindowId = async () => {
-  return invoke$2('GetWindowId.getWindowId');
-};
-const getBlob = async uri => {
-  // @ts-ignore
-  return invoke$2('FileSystem.getBlob', uri);
-};
-const getExtensionCommands = async () => {
-  return invoke$2('ExtensionHost.getCommands');
-};
-const showErrorDialog = async errorInfo => {
-  // @ts-ignore
-  await invoke$2('ErrorHandling.showErrorDialog', errorInfo);
-};
-const getFolderSize = async uri => {
-  // @ts-ignore
-  return await invoke$2('FileSystem.getFolderSize', uri);
-};
-const getExtension = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.getExtension', id);
-};
-const getMarkdownDom = async html => {
-  // @ts-ignore
-  return invoke$2('Markdown.getVirtualDom', html);
-};
-const renderMarkdown = async (markdown, options) => {
-  // @ts-ignore
-  return invoke$2('Markdown.renderMarkdown', markdown, options);
-};
-const openNativeFolder = async uri => {
-  // @ts-ignore
-  await invoke$2('OpenNativeFolder.openNativeFolder', uri);
-};
-const uninstallExtension = async id => {
-  return invoke$2('ExtensionManagement.uninstall', id);
-};
-const installExtension = async id => {
-  // @ts-ignore
-  return invoke$2('ExtensionManagement.install', id);
-};
-const openExtensionSearch = async () => {
-  // @ts-ignore
-  return invoke$2('SideBar.openViewlet', 'Extensions');
-};
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$2('Extensions.handleInput', searchValue, Script);
-};
-const openExternal = async uri => {
-  // @ts-ignore
-  await invoke$2('Open.openExternal', uri);
-};
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$2('Open.openUrl', uri);
-};
-const getAllPreferences = async () => {
-  // @ts-ignore
-  return invoke$2('Preferences.getAll');
-};
-const showSaveFilePicker = async () => {
-  // @ts-ignore
-  return invoke$2('FilePicker.showSaveFilePicker');
-};
-const getLogsDir = async () => {
-  // @ts-ignore
-  return invoke$2('PlatformPaths.getLogsDir');
-};
-const registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$2(mockRpc);
-  return mockRpc;
-};
-
-const RendererWorker = {
-  __proto__: null,
-  activateByEvent: activateByEvent$1,
-  applyBulkReplacement,
-  closeWidget,
-  confirm,
-  disableExtension,
-  dispose,
-  enableExtension,
-  getActiveEditorId,
-  getAllExtensions,
-  getAllPreferences,
-  getBlob,
-  getChromeVersion,
-  getColorThemeNames,
-  getElectronVersion,
-  getExtension,
-  getExtensionCommands,
-  getFileHandles,
-  getFileIcon: getFileIcon$1,
-  getFilePathElectron,
-  getFolderIcon,
-  getFolderSize,
-  getIcons,
-  getKeyBindings,
-  getLogsDir,
-  getMarkdownDom,
-  getNodeVersion,
-  getPreference,
-  getRecentlyOpened,
-  getV8Version,
-  getWebViewSecret,
-  getWindowId,
-  getWorkspacePath,
-  handleDebugChange,
-  handleDebugPaused,
-  handleDebugResumed,
-  handleDebugScriptParsed,
-  installExtension,
-  invoke: invoke$2,
-  invokeAndTransfer,
-  openExtensionSearch,
-  openExternal,
-  openNativeFolder,
-  openUri: openUri$1,
-  openUrl,
-  openWidget,
-  readClipBoardText,
-  readFile: readFile$1,
-  registerMockRpc,
-  registerWebViewInterceptor,
-  renderMarkdown,
-  rerenderEditor,
-  searchFileFetch,
-  searchFileHtml,
-  searchFileMemory,
-  sendMessagePortToEditorWorker,
-  sendMessagePortToErrorWorker,
-  sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker$1,
-  sendMessagePortToFileSystemWorker,
-  sendMessagePortToIconThemeWorker,
-  sendMessagePortToMarkdownWorker,
-  sendMessagePortToRendererProcess,
-  sendMessagePortToSearchProcess,
-  sendMessagePortToSyntaxHighlightingWorker,
-  sendMessagePortToTextMeasurementWorker,
-  set: set$2,
-  setAdditionalFocus,
-  setColorTheme,
-  setExtensionsSearchValue,
-  setFocus,
-  setWebViewPort,
-  setWorkspacePath,
-  showContextMenu,
-  showContextMenu2,
-  showErrorDialog,
-  showMessageBox,
-  showSaveFilePicker,
-  uninstallExtension,
-  unregisterWebViewInterceptor,
-  writeClipBoardImage,
-  writeClipBoardText
+  await invoke('Main.openUri', uri, focus, options);
 };
 
 const toCommandId = key => {
@@ -1600,7 +1207,7 @@ const terminate = () => {
 
 const {
   get: get$1,
-  set: set$1,
+  set,
   wrapCommand,
   getCommandIds,
   registerCommands,
@@ -1657,21 +1264,21 @@ const create2 = (id, uri, x, y, width, height, workspacePath) => {
     iconDefinitions: [],
     decorationIcons: []
   };
-  set$1(id, state, state);
+  set(id, state, state);
 };
 
 const isEqual$2 = (oldState, newState) => {
   return oldState.inputBoxHeight === newState.inputBoxHeight;
 };
 
+const isEqual$1 = (oldState, newState) => {
+  return oldState.allGroups === newState.allGroups && oldState.deltaY === newState.deltaY && oldState.items === newState.items && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.visibleItems === newState.visibleItems;
+};
+
 const RenderItems = 4;
 const RenderValue = 8;
 const RenderCss = 10;
 
-const isEqual$1 = (oldState, newState) => {
-  return oldState.allGroups === newState.allGroups && oldState.visibleItems === newState.visibleItems && oldState.items === newState.items && oldState.minLineY === newState.minLineY && oldState.maxLineY === newState.maxLineY && oldState.deltaY === newState.deltaY;
-};
-
 const isEqual = (oldState, newState) => {
   return newState.inputSource === User || oldState.inputValue === newState.inputValue;
 };
@@ -1710,10 +1317,6 @@ const activateByEvent = event => {
   return activateByEvent$1(event);
 };
 
-const {
-  invoke: invoke$1,
-  set} = ExtensionHost;
-
 const executeProvider = async ({
   event,
   method,
@@ -1739,10 +1342,6 @@ const executeCommand = (id, ...args) => {
   });
 };
 
-const Directory = 3;
-const DirectoryExpanded = 4;
-const File = 7;
-
 const getActualDecorationIcon = (iconDefinitions, icon) => {
   if (typeof icon === 'number') {
     const value = iconDefinitions[icon];
@@ -1846,6 +1445,7 @@ const getIconType = direntType => {
       return 1;
   }
 };
+
 const getMissingIconRequests = (dirents, fileIconCache) => {
   const missingRequests = [];
   for (const dirent of dirents) {
@@ -1859,9 +1459,6 @@ const getMissingIconRequests = (dirents, fileIconCache) => {
   return missingRequests;
 };
 
-const {
-  invoke} = RendererWorker;
-
 const requestFileIcons = async requests => {
   const results = await invoke('IconTheme.getIcons', requests);
   return results;
@@ -1976,7 +1573,7 @@ const getTextHeight = async (input, width, fontFamily, fontSize, fontWeight, let
     // TODO line height could also be like 1.5
     const lineHeightPx = `${lineHeight}px`;
     // @ts-ignore
-    const height = await invoke$2(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+    const height = await invoke(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
     return height;
   } catch {
     // fallback
@@ -2050,7 +1647,7 @@ const getVisibleSourceControlItems = (items, minLineY, maxLineY, actionsCache, f
 };
 
 const get = key => {
-  return false;
+  return getPreference(key);
 };
 
 const getExtensions = async () => {
@@ -2152,7 +1749,7 @@ const loadContent = async (state, savedState) => {
   const actionsCache = await requestSourceActions();
 
   // TODO make preferences async and more functional
-  const splitButtonEnabled = get();
+  const splitButtonEnabled = await get('sourceControl.splitButtonEnabled');
   const total = displayItems.length;
   const contentHeight = total * itemHeight;
   const listHeight = getListHeight(total, itemHeight, height);
@@ -2274,7 +1871,9 @@ const handleClickSourceControlButtons = async (state, index, name) => {
     warn(`[source-control-worker] Button not found ${name}`);
     return state;
   }
-  const file = item.file;
+  const {
+    file
+  } = item;
   await executeCommand(button.command, file);
   const newState = await refresh(state);
   return newState;
@@ -2354,6 +1953,8 @@ const handleClickFile = async (state, item) => {
   const absolutePath = `${root}/${item.file}`;
   // TODO handle error
   const [fileBefore] = await Promise.all([getFileBefore(providerId, item.file), readFile(absolutePath)]);
+
+  // TODO diff editor should determine width by itself
   await openDiffEditor(fileBefore, absolutePath);
   return state;
 };
@@ -2391,8 +1992,6 @@ const show = async (x, y, id, ...args) => {
   return showContextMenu(x, y, id, ...args);
 };
 
-const SourceControl$1 = 22;
-
 const handleContextMenu = async (state, button, x, y) => {
   await show(x, y, SourceControl$1);
   return state;
@@ -2509,7 +2108,7 @@ const createExtensionHostRpc = async () => {
 
 const initialize = async () => {
   const extensionHostRpc = await createExtensionHostRpc();
-  set(extensionHostRpc);
+  set$2(extensionHostRpc);
 };
 
 const renderCss = (oldState, newState) => {
@@ -2550,7 +2149,6 @@ const LabelDetail = 'LabelDetail';
 const MaskIcon = 'MaskIcon';
 const MaskIconChevronDown = 'MaskIconChevronDown';
 const SourceControl = 'SourceControl';
-const SourceControlBadge = 'SourceControlBadge';
 const SourceControlButton = 'SourceControlButton';
 const SourceControlHeader = 'SourceControlHeader';
 const SourceControlItems = 'SourceControlItems';
@@ -2600,12 +2198,14 @@ const getSourceControlHeaderVirtualDom = inputPlaceholder => {
   }, ...getSourceControlInputDom(inputPlaceholder)];
 };
 
-const getBadgeVirtualDom = (className, count) => {
-  return [{
-    type: Div,
-    className: `Badge ${className}`,
-    childCount: 1
-  }, text(`${count}`)];
+const className$1 = mergeClassNames(Badge, SourceControlBadge);
+const parentNode = {
+  type: Div,
+  className: className$1,
+  childCount: 1
+};
+const getBadgeVirtualDom = count => {
+  return [parentNode, text(`${count}`)];
 };
 
 const getIconVirtualDom = (icon, type = Div) => {
@@ -2688,7 +2288,7 @@ const createItemDirectory = item => {
     type: Div,
     className: labelClassName,
     childCount: 1
-  }, text(label), ...buttonsDom, ...getBadgeVirtualDom(SourceControlBadge, badgeCount)];
+  }, text(label), ...buttonsDom, ...getBadgeVirtualDom(badgeCount)];
 };
 
 const getFileIconVirtualDom = icon => {
@@ -2780,7 +2380,7 @@ const getSourceControlListVirtualDom = items => {
   return [{
     type: Div,
     className: SourceControlItems,
-    role: Tree,
+    role: Tree$1,
     childCount: items.length,
     onClick: HandleClickAt,
     onPointerOver: HandleMouseOverAt,
@@ -2882,7 +2482,7 @@ const render2 = (uid, diffResult) => {
     oldState,
     newState
   } = get$1(uid);
-  set$1(uid, newState, newState);
+  set(uid, newState, newState);
   const commands = applyRender(oldState, newState, diffResult);
   return commands;
 };
@@ -2900,6 +2500,7 @@ const getActionButtonVirtualDom = action => {
     className: IconButton,
     title: id,
     'data-command': command,
+    // TODO remove this
     childCount: 1
   }, getIconVirtualDom(icon)];
 };
@@ -3002,14 +2603,14 @@ const updateIcons = async state => {
 const viewAsList = state => {
   return {
     ...state,
-    viewMode: 1
+    viewMode: List
   };
 };
 
 const viewAsTree = state => {
   return {
     ...state,
-    viewMode: 2
+    viewMode: Tree
   };
 };
 
@@ -3053,7 +2654,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$2(rpc);
+  set$1(rpc);
 };
 
 const main = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/source-control-worker",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "description": "Source Control Worker",
   "keywords": [
     "Lvce Editor"