@lvce-editor/static-server 0.54.6 → 0.54.8

package/static/{9d2045c → a366bb0}/packages/text-search-worker/dist/textSearchWorkerMain.js

@@ -60,49 +60,57 @@ class AssertionError extends Error {
     this.name = 'AssertionError';
   }
 }
+const Object$1 = 1;
+const Number$1 = 2;
+const Array$1 = 3;
+const String = 4;
+const Boolean$1 = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
 const getType = value => {
   switch (typeof value) {
     case 'number':
-      return 'number';
+      return Number$1;
     case 'function':
-      return 'function';
+      return Function;
     case 'string':
-      return 'string';
+      return String;
     case 'object':
       if (value === null) {
-        return 'null';
+        return Null;
       }
       if (Array.isArray(value)) {
-        return 'array';
+        return Array$1;
       }
-      return 'object';
+      return Object$1;
     case 'boolean':
-      return 'boolean';
+      return Boolean$1;
     default:
-      return 'unknown';
+      return Unknown;
   }
 };
 const object = value => {
   const type = getType(value);
-  if (type !== 'object') {
+  if (type !== Object$1) {
     throw new AssertionError('expected value to be of type object');
   }
 };
 const number = value => {
   const type = getType(value);
-  if (type !== 'number') {
+  if (type !== Number$1) {
     throw new AssertionError('expected value to be of type number');
   }
 };
 const array = value => {
   const type = getType(value);
-  if (type !== 'array') {
+  if (type !== Array$1) {
     throw new AssertionError('expected value to be of type array');
   }
 };
 const string = value => {
   const type = getType(value);
-  if (type !== 'string') {
+  if (type !== String) {
     throw new AssertionError('expected value to be of type string');
   }
 };
@@ -538,7 +546,7 @@ const waitForWebSocketToBeOpen = webSocket => {
     error: Error$3
   });
 };
-const create$6 = async ({
+const create$7 = async ({
   webSocket
 }) => {
   const firstWebSocketEvent = await waitForWebSocketToBeOpen(webSocket);
@@ -575,7 +583,7 @@ const wrap = webSocket => {
 };
 const IpcParentWithWebSocket$1 = {
   __proto__: null,
-  create: create$6,
+  create: create$7,
   wrap
 };
 
@@ -588,7 +596,7 @@ const create$4$1 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$4 = (id, fn) => {
+const set$2 = (id, fn) => {
   callbacks[id] = fn;
 };
 const get$3 = id => {
@@ -598,22 +606,22 @@ const remove$1 = id => {
   delete callbacks[id];
 };
 let id = 0;
-const create$3$1 = () => {
+const create$3$2 = () => {
   return ++id;
 };
 const registerPromise = () => {
-  const id = create$3$1();
+  const id = create$3$2();
   const {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$4(id, resolve);
+  set$2(id, resolve);
   return {
     id,
     promise
   };
 };
-const create$2$1 = (method, params) => {
+const create$2$2 = (method, params) => {
   const {
     id,
     promise
@@ -834,7 +842,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$2(id, errorProperty);
 };
-const create$5 = (message, result) => {
+const create$6 = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -843,7 +851,7 @@ const create$5 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$5(message, resultProperty);
+  return create$6(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -938,7 +946,7 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
   const {
     message,
     promise
-  } = create$2$1(method, params);
+  } = create$2$2(method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -954,7 +962,7 @@ const send = (transport, method, ...params) => {
 const invoke$2 = (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);
 };
 
@@ -987,7 +995,7 @@ const createRpc = ipc => {
       return invoke$2(ipc, method, ...params);
     },
     invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$1(ipc, method, ...params);
+      return invokeAndTransfer(ipc, method, ...params);
     },
     async dispose() {
       await ipc?.dispose();
@@ -1025,27 +1033,41 @@ const listen$1 = async (module, options) => {
   const ipc = module.wrap(rawIpc);
   return ipc;
 };
-const create$9 = async ({
+const create$5 = async ({
   commandMap,
-  messagePort,
-  isMessagePortOpen
+  messagePort
 }) => {
   // TODO create a commandMap per rpc instance
   register(commandMap);
   const rawIpc = await IpcParentWithMessagePort$1.create({
     messagePort,
-    isMessagePortOpen
+    isMessagePortOpen: true
   });
   const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
   handleIpc(ipc);
   const rpc = createRpc(ipc);
+  messagePort.start();
   return rpc;
 };
-const MessagePortRpcParent = {
+const create$3$1 = async ({
+  commandMap,
+  send
+}) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  await send(port1);
+  return create$5({
+    commandMap,
+    messagePort: port2
+  });
+};
+const TransferMessagePortRpcParent = {
   __proto__: null,
-  create: create$9
+  create: create$3$1
 };
-const create$1$1 = async ({
+const create$2$1 = async ({
   commandMap,
   webSocket
 }) => {
@@ -1059,7 +1081,36 @@ const create$1$1 = async ({
   const rpc = createRpc(ipc);
   return rpc;
 };
-const WebSocketRpcParent = {
+const Https = 'https:';
+const Ws = 'ws:';
+const Wss = 'wss:';
+const getWebSocketProtocol = locationProtocol => {
+  return locationProtocol === Https ? Wss : Ws;
+};
+const getWebSocketUrl = (type, host, locationProtocol) => {
+  const wsProtocol = getWebSocketProtocol(locationProtocol);
+  return `${wsProtocol}//${host}/websocket/${type}`;
+};
+const getHost = () => {
+  return location.host;
+};
+const getProtocol$1 = () => {
+  return location.protocol;
+};
+const create$1$1 = async ({
+  commandMap
+}) => {
+  const host = getHost();
+  const protocol = getProtocol$1();
+  const wsUrl = getWebSocketUrl('search-process', host, protocol);
+  const webSocket = new WebSocket(wsUrl);
+  const rpc = await create$2$1({
+    webSocket,
+    commandMap
+  });
+  return rpc;
+};
+const WebSocketRpcParent2 = {
   __proto__: null,
   create: create$1$1
 };
@@ -1078,6 +1129,68 @@ const WebWorkerRpcClient = {
   create: create$4
 };
 
+const create$3 = () => {
+  const states = Object.create(null);
+  return {
+    get(uid) {
+      return states[uid];
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        oldState,
+        newState
+      };
+    },
+    dispose(uid) {
+      delete states[uid];
+    },
+    getKeys() {
+      return Object.keys(states).map(key => {
+        return Number.parseInt(key);
+      });
+    },
+    clear() {
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (newState === newerState) {
+          return;
+        }
+        const latest = states[uid];
+        states[uid] = {
+          oldState: latest.oldState,
+          newState: newerState
+        };
+      };
+      return wrapped;
+    },
+    diff(uid, modules, numbers) {
+      const {
+        oldState,
+        newState
+      } = states[uid];
+      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 terminate = () => {
+  globalThis.close();
+};
+
 const User = 1;
 const Script = 2;
 
@@ -1150,7 +1263,7 @@ const get$2 = id => {
 
 /* eslint-disable  @typescript-eslint/explicit-function-return-type */
 
-const create$3 = rpcId => {
+const create$2 = rpcId => {
   return {
     // @ts-ignore
     invoke(method, ...params) {
@@ -1179,26 +1292,68 @@ const RpcId = {
   __proto__: null,
   SearchProcess: SearchProcess$1};
 const {
-  invoke: invoke$4,
+  invoke: invoke$3,
   invokeAndTransfer: invokeAndTransfer$3,
-  set: set$3} = create$3(RendererWorker$1);
+  set: set$3} = create$2(RendererWorker$1);
+const showContextMenu$1 = async (x, y, id, ...args) => {
+  return invoke$3('ContextMenu.show', x, y, id, ...args);
+};
+const getFileIcon$2 = async options => {
+  return invoke$3('IconTheme.getFileIcon', options);
+};
+const sendMessagePortToSearchProcess$1 = async port => {
+  await invokeAndTransfer$3('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
+};
+const writeClipBoardText$1 = async text => {
+  await invoke$3('ClipBoard.writeText', /* text */text);
+};
+const openUri$2 = async (uri, focus, options) => {
+  await invoke$3('Main.openUri', uri, focus, options);
+};
 const RendererWorker = {
   __proto__: null,
-  invoke: invoke$4,
-  invokeAndTransfer: invokeAndTransfer$3,
-  set: set$3
+  getFileIcon: getFileIcon$2,
+  invoke: invoke$3,
+  openUri: openUri$2,
+  sendMessagePortToSearchProcess: sendMessagePortToSearchProcess$1,
+  set: set$3,
+  showContextMenu: showContextMenu$1,
+  writeClipBoardText: writeClipBoardText$1
 };
-const {
-  set: set$2$1} = create$3(SearchProcess$1);
-const SearchProcess = {
-  __proto__: null,
-  set: set$2$1
+const createLazyRpc = rpcId => {
+  let rpcPromise;
+  let factory;
+  const createRpc = async () => {
+    const rpc = await factory();
+    set$g(rpcId, rpc);
+  };
+  const ensureRpc = async () => {
+    if (!rpcPromise) {
+      rpcPromise = createRpc();
+    }
+    await rpcPromise;
+  };
+  return {
+    setFactory(value) {
+      factory = value;
+    },
+    async invoke(method, ...params) {
+      await ensureRpc();
+      const rpc = get$2(rpcId);
+      return rpc.invoke(method, ...params);
+    }
+  };
 };
 
 const {
+  getFileIcon: getFileIcon$1,
   invoke: invoke$1,
-  invokeAndTransfer,
-  set: set$2} = RendererWorker;
+  openUri: openUri$1,
+  sendMessagePortToSearchProcess,
+  set: set$1,
+  showContextMenu,
+  writeClipBoardText
+} = RendererWorker;
 
 const copy = async state => {
   const {
@@ -1209,76 +1364,17 @@ const copy = async state => {
     return state;
   }
   const item = items[listFocusedIndex];
-  await invoke$1('ClipBoard.writeText', item.text);
+  await writeClipBoardText(item.text);
   return state;
 };
 
 const minimumSliderSize = 20;
 
-const create$2 = () => {
-  const states = Object.create(null);
-  return {
-    get(uid) {
-      return states[uid];
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        oldState,
-        newState
-      };
-    },
-    dispose(uid) {
-      delete states[uid];
-    },
-    getKeys() {
-      return Object.keys(states).map(key => {
-        return Number.parseInt(key);
-      });
-    },
-    clear() {
-      for (const key of Object.keys(states)) {
-        delete states[key];
-      }
-    },
-    wrapCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        const {
-          newState
-        } = states[uid];
-        const newerState = await fn(newState, ...args);
-        if (newState === newerState) {
-          return;
-        }
-        const latest = states[uid];
-        states[uid] = {
-          oldState: latest.oldState,
-          newState: newerState
-        };
-      };
-      return wrapped;
-    },
-    diff(uid, modules, numbers) {
-      const {
-        oldState,
-        newState
-      } = states[uid];
-      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 {
   get: get$1,
-  set: set$1,
+  set,
   wrapCommand
-} = create$2();
+} = create$3();
 
 const List$1 = 1;
 
@@ -1351,9 +1447,11 @@ const create = (uid, x, y, width, height, workspacePath, assetDir, itemHeight, v
     historyIndex: -1,
     viewMode: List$1,
     incrementalSearch: false,
-    searchId: ''
+    searchId: '',
+    useChevrons: true,
+    useFileIcons: true
   };
-  set$1(uid, state, state);
+  set(uid, state, state);
   return state;
 };
 
@@ -2010,7 +2108,7 @@ const handleUpdateError = async (state, update, error) => {
 
 const getFileIcon = async result => {
   if (result.type === File) {
-    return invoke$1('IconTheme.getFileIcon', {
+    return getFileIcon$1({
       name: result.text
     });
   }
@@ -2031,7 +2129,7 @@ const getNumberOfVisibleItems$1 = (listHeight, itemHeight) => {
 };
 
 const RE_PROTOCOL = /^([a-z-\d]+):\/\//;
-const getProtocol$1 = uri => {
+const getProtocol = uri => {
   const protocolMatch = uri.match(RE_PROTOCOL);
   if (protocolMatch) {
     return protocolMatch[1];
@@ -2085,7 +2183,7 @@ const getTextSearchProvider = scheme => {
 const textSearch$6 = async (root, query, options, assetDir, platform) => {
   string(root);
   string(query);
-  const scheme = getProtocol$1(root);
+  const scheme = getProtocol(root);
   const provider = getTextSearchProvider(scheme);
   const results = await provider(scheme, root, query, options, assetDir, platform);
   return results;
@@ -2110,7 +2208,7 @@ const handleUpdateFull = async (state, update) => {
     platform
   } = partialNewState;
   const root = state.workspacePath;
-  const scheme = getProtocol$1(root);
+  const scheme = getProtocol(root);
   const results = await textSearch$6(root, value, {
     threads,
     isCaseSensitive: Boolean(flags & MatchCase$2),
@@ -2185,43 +2283,20 @@ const getRipGrepArgs = ({
   return ripGrepArgs;
 };
 
-const createLazyRpc = rpcId => {
-  let rpcPromise;
-  let factory;
-  const createRpc = async () => {
-    const rpc = await factory();
-    set$g(rpcId, rpc);
-  };
-  const ensureRpc = async () => {
-    if (!rpcPromise) {
-      rpcPromise = createRpc();
-    }
-    await rpcPromise;
-  };
-  return {
-    setFactory(value) {
-      factory = value;
-    },
-    async invoke(method, ...params) {
-      await ensureRpc();
-      const rpc = get$2(rpcId);
-      return rpc.invoke(method, ...params);
-    }
-  };
-};
-
-const {
-  set} = SearchProcess;
 const {
   invoke,
   setFactory
 } = createLazyRpc(RpcId.SearchProcess);
 
 const waitForNextFrame = async () => {
-  await new Promise(r => {
-    requestAnimationFrame(r);
-  });
+  const {
+    resolve,
+    promise
+  } = Promise.withResolvers();
+  requestAnimationFrame(resolve);
+  await promise;
 };
+
 const textSearchIncremental = async (root, query, options, assetDir, platform, searchId, uid) => {
   string(root);
   string(query);
@@ -2260,7 +2335,7 @@ const textSearchIncremental = async (root, query, options, assetDir, platform, s
       minLineY: 0,
       maxLineY: visible.length
     };
-    set$1(uid, latest2.oldState, updatedState2);
+    set(uid, latest2.oldState, updatedState2);
     // @ts-ignore
     await invoke$1('Search.rerender');
     await waitForNextFrame();
@@ -2284,7 +2359,7 @@ const handleUpdateIncremental = async (state, update) => {
     platform
   } = partialNewState;
   const root = state.workspacePath;
-  const scheme = getProtocol$1(root);
+  const scheme = getProtocol(root);
   const searchId = crypto.randomUUID(); // TODO try to avoid side effect
   const latest1 = get$1(uid);
   const updatedState1 = {
@@ -2292,7 +2367,7 @@ const handleUpdateIncremental = async (state, update) => {
     ...partialNewState,
     searchId
   };
-  set$1(uid, latest1.oldState, updatedState1);
+  set(uid, latest1.oldState, updatedState1);
 
   // TODO await promise?
   void textSearchIncremental(root, value, {
@@ -2642,62 +2717,19 @@ const handleSharedInput = (state, name, value, inputSource = Script) => {
   return fn(state, value, inputSource);
 };
 
-const getPortTuple = () => {
-  const {
-    port1,
-    port2
-  } = new MessageChannel();
-  return {
-    port1,
-    port2
-  };
-};
-
 const launchSearchProcessElectron = async () => {
-  const {
-    port1,
-    port2
-  } = getPortTuple();
-  const rpcPromise = MessagePortRpcParent.create({
-    messagePort: port2,
+  const rpc = await TransferMessagePortRpcParent.create({
     commandMap: {},
-    isMessagePortOpen: true
+    send: sendMessagePortToSearchProcess
   });
-  await invokeAndTransfer('SendMessagePortToElectron.sendMessagePortToElectron', port1, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
-  port2.start();
-  const rpc = await rpcPromise;
-  set(rpc);
   return rpc;
 };
 
-const Https = 'https:';
-const Ws = 'ws:';
-const Wss = 'wss:';
-
-const getWebSocketProtocol = locationProtocol => {
-  return locationProtocol === Https ? Wss : Ws;
-};
-
-const getWebSocketUrl = (type, host, locationProtocol) => {
-  const wsProtocol = getWebSocketProtocol(locationProtocol);
-  return `${wsProtocol}//${host}/websocket/${type}`;
-};
-
-const getHost = () => {
-  return location.host;
-};
-const getProtocol = () => {
-  return location.protocol;
-};
-
 const launchSearchProcessNode = async () => {
-  const host = getHost();
-  const protocol = getProtocol();
-  const wsUrl = getWebSocketUrl('search-process', host, protocol);
-  const webSocket = new WebSocket(wsUrl);
-  const rpc = await WebSocketRpcParent.create({
-    webSocket,
-    commandMap: {}
+  const rpc = await WebSocketRpcParent2.create({
+    commandMap: {},
+    // @ts-ignore
+    type: 'search-process'
   });
   return rpc;
 };
@@ -3070,7 +3102,7 @@ const getFileIndex = (items, index) => {
 };
 
 const openUri = async (path, focus = true, props = {}) => {
-  await invoke$1(/* Main.openUri */'Main.openUri', /* uri */path, /* focus */focus, props);
+  await openUri$1(path, focus, props);
 };
 
 // TODO this should be in FileSystem module
@@ -3336,18 +3368,6 @@ const getMatchCount = (results, startIndex) => {
   return results.length - startIndex - 1;
 };
 
-const getChildCount = (expanded, matchCount) => {
-  let childCount = 1;
-  if (expanded === Expanded || expanded === Collapsed) {
-    childCount += 2;
-  }
-  if (matchCount) {
-    childCount++;
-  }
-  childCount++;
-  return childCount;
-};
-
 const getSearchDisplayResultFile = (results, fileIcons, i, setSize, collapsedPaths, text, posInSet, relativeIndex, focused, originalResults) => {
   const path = text;
   const absolutePath = getRelativePath(path);
@@ -3355,11 +3375,9 @@ const getSearchDisplayResultFile = (results, fileIcons, i, setSize, collapsedPat
   const index = originalResults.indexOf(results[i]);
   const matchCount = getMatchCount(results, index);
   const expanded = collapsedPaths.includes(path) ? Collapsed : Expanded;
-  const childCount = getChildCount(expanded, matchCount);
   const badgeText = `${matchCount}`;
   return {
     badgeText,
-    childCount,
     depth: 0,
     expanded,
     focused,
@@ -3377,7 +3395,6 @@ const getSearchDisplayResultFile = (results, fileIcons, i, setSize, collapsedPat
 const getDisplayResultMatch = (setSize, searchTermLength, replacement, text, posInSet, start, focused) => {
   return {
     badgeText: '',
-    childCount: getChildCount(None$1, 0),
     depth: 1,
     expanded: None$1,
     focused,
@@ -3388,7 +3405,7 @@ const getDisplayResultMatch = (setSize, searchTermLength, replacement, text, pos
     replacement,
     setSize,
     text: text,
-    title: text
+    title: text.trim()
   };
 };
 
@@ -3588,7 +3605,32 @@ const ClassNames = {
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
-const Text$1 = 12;
+const Button$2 = 1;
+const Div = 4;
+const Span = 8;
+const Text = 12;
+const Img = 17;
+const Ins = 20;
+const Del = 21;
+const H4 = 24;
+const TextArea = 62;
+const VirtualDomElements = {
+  __proto__: null,
+  Button: Button$2,
+  Del,
+  Div,
+  H4,
+  Img,
+  Ins,
+  Span,
+  TextArea};
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
 const SetText = 1;
 const SetAttribute = 3;
 const RemoveAttribute = 4;
@@ -3678,7 +3720,7 @@ const diff = (oldNodes, newNodes) => {
       j += newTotal;
       continue;
     }
-    if (oldNode.type === Text$1 && newNode.type === Text$1) {
+    if (oldNode.type === Text && newNode.type === Text) {
       if (oldNode.text !== newNode.text) {
         if (siblingOffset !== 0) {
           pendingPatches.push(NavigateSibling, siblingOffset);
@@ -3801,7 +3843,7 @@ const diff = (oldNodes, newNodes) => {
 };
 
 const Alert = 'alert';
-const Button$2 = 'button';
+const Button$1 = 'button';
 const CheckBox = 'checkbox';
 const None = 'none';
 const ScrollBar = 'scrollbar';
@@ -3827,41 +3869,23 @@ const HandleScrollBarPointerDown = 'handleScrollBarPointerDown';
 const HandleToggleButtonClick = 'handleToggleButtonClick';
 const HandleWheel = 'handleWheel';
 
-const Button$1 = 1;
-const Del = 21;
-const Div = 4;
-const H4 = 24;
-const Img = 17;
-const Ins = 20;
-const Span = 8;
-const Text = 12;
-const TextArea = 62;
-
 const getSearchDetailsToggleVirtualDom = () => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.ToggleDetails,
-    role: Button$2,
+    role: Button$1,
     tabIndex: 0,
     ariaLabel: toggleSearchDetails(),
     title: toggleSearchDetails(),
     name: ToggleSearchDetails,
     childCount: 1
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: mergeClassNames(ClassNames.MaskIcon, ClassNames.MaskIconEllipsis),
     childCount: 0
   }];
 };
 
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-
 const getClassName = indented => {
   if (indented) {
     return mergeClassNames(ClassNames.ViewletSearchMessage, ClassNames.ViewletSearchMessageIndented);
@@ -3870,7 +3894,7 @@ const getClassName = indented => {
 };
 const getSearchMessageVirtualDom = (message, indented) => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: getClassName(indented),
     role: Status,
     tabIndex: 0,
@@ -3880,7 +3904,7 @@ const getSearchMessageVirtualDom = (message, indented) => {
 
 const getSearchHeaderDetailsCollapsedVirtualDom = message => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.SearchHeaderDetails,
     childCount: 2
   }, ...getSearchMessageVirtualDom(message, true), ...getSearchDetailsToggleVirtualDom()];
@@ -3966,7 +3990,7 @@ const getSearchFieldButtonVirtualDom = button => {
   const role = getRole(flag);
   const disabled = getDisabled(flag);
   return [{
-    type: Button$1,
+    type: VirtualDomElements.Button,
     className: getSearchFieldButtonClassName(flag),
     name,
     title,
@@ -3976,7 +4000,7 @@ const getSearchFieldButtonVirtualDom = button => {
     tabIndex: 0,
     childCount: 1
   }, {
-    type: Span,
+    type: VirtualDomElements.Span,
     className: mergeClassNames(ClassNames.MaskIcon, icon),
     childCount: 0
   }];
@@ -3991,7 +4015,7 @@ const getOutSideButtonsDom = outsideButtons => {
   }
   return {
     preNodes: [{
-      type: Div,
+      type: VirtualDomElements.Div,
       className: ClassNames.SearchFieldContainer,
       role: None,
       childCount: 1 + outsideButtons.length
@@ -4007,12 +4031,12 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   } = getOutSideButtonsDom(outsideButtons);
   const searchFieldClassName = hasError ? mergeClassNames(ClassNames.SearchField, ClassNames.SearchFieldError) : ClassNames.SearchField;
   const dom = [...preNodes, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: searchFieldClassName,
     role: None,
     childCount: 2
   }, {
-    type: TextArea,
+    type: VirtualDomElements.TextArea,
     className: ClassNames.MultilineInputBox,
     spellcheck: false,
     autocapitalize: 'off',
@@ -4023,7 +4047,7 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     onFocus,
     childCount: 0
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.SearchFieldButtons,
     childCount: insideButtons.length
   }, ...insideButtons.flatMap(getSearchFieldButtonVirtualDom), ...postNodes];
@@ -4036,19 +4060,19 @@ const getSearchHeaderDetailsExpandedVirtualDom = (flags, message) => {
   const includePlaceholder = include();
   const excludePlaceholder = exclude();
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.SearchHeaderDetailsExpanded,
     childCount: 5
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.SearchHeaderDetailsExpandedTop,
     childCount: 2
   }, ...getSearchDetailsToggleVirtualDom(), {
-    type: H4,
+    type: VirtualDomElements.H4,
     className: ClassNames.SearchHeaderDetailsHeading,
     childCount: 1
   }, text(filesToInclude()), ...getSearchFieldVirtualDom(FilesToInclude, includePlaceholder, HandleInput2, includeButtons.inside, includeButtons.outside), {
-    type: H4,
+    type: VirtualDomElements.H4,
     className: ClassNames.SearchHeaderDetailsHeading,
     childCount: 1
   }, text(filesToExclude()), ...getSearchFieldVirtualDom(FilesToExclude, excludePlaceholder, HandleInput2, excludeButtons.inside, excludeButtons.outside), ...getSearchMessageVirtualDom(message, false)];
@@ -4120,7 +4144,7 @@ const getSearchPlaceholder = focus => {
 
 const getSearchToggleVirtualDom = replaceExpanded => {
   return [{
-    type: Button$1,
+    type: VirtualDomElements.Button,
     className: mergeClassNames(ClassNames.IconButton, ClassNames.SearchToggleButton, replaceExpanded ? ClassNames.SearchToggleButtonExpanded : ''),
     title: toggleReplace$1(),
     ariaLabel: toggleReplace$1(),
@@ -4129,7 +4153,7 @@ const getSearchToggleVirtualDom = replaceExpanded => {
     'data-command': 'toggleReplace',
     name: ToggleReplace
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: mergeClassNames(ClassNames.MaskIcon, replaceExpanded ? ClassNames.MaskIconChevronDown : ClassNames.MaskIconChevronRight),
     childCount: 0
   }];
@@ -4142,12 +4166,12 @@ const getSearchHeaderTopVirtualDom = (flags, searchInputErrorMessage, matchCount
   const replacePlaceholder = getReplacePlaceholder(focus);
   const replaceExpanded = flags & ReplaceExpanded;
   const dom = [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.SearchHeaderTop,
     role: None,
     childCount: 2
   }, ...getSearchToggleVirtualDom(replaceExpanded), {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.SearchHeaderTopRight,
     role: None,
     childCount: replaceExpanded ? 2 : 1
@@ -4159,7 +4183,7 @@ const getSearchHeaderTopVirtualDom = (flags, searchInputErrorMessage, matchCount
 };
 
 const parentNode = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: ClassNames.SearchHeader,
   role: None,
   childCount: 2,
@@ -4178,7 +4202,7 @@ const getSearchInputErrorVirtualDom = errorMessage => {
     return [];
   }
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.SearchInputError,
     role: Alert,
     childCount: 1
@@ -4192,7 +4216,7 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarY, scrollBarValue) =>
     return [];
   }
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: mergeClassNames(ClassNames.ScrollBar, ClassNames.ScrollBarVertical),
     childCount: 1,
     onPointerDown: HandleScrollBarPointerDown,
@@ -4200,7 +4224,7 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarY, scrollBarValue) =>
     ariaControls: TreeItems,
     ariaValueNow: scrollBarValue
   }, {
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.ScrollBarThumb,
     height: scrollBarHeight,
     translate: `0 ${scrollBarY}px`,
@@ -4221,31 +4245,43 @@ const getAriaExpanded = expanded => {
   }
 };
 
-const getBadgeVirtualDom = (className, badgeText) => {
+const badge = {
+  type: VirtualDomElements.Div,
+  className: mergeClassNames(ClassNames.Badge, ClassNames.SourceControlBadge),
+  childCount: 1
+};
+const getBadgeVirtualDom = badgeText => {
   if (!badgeText) {
     return [];
   }
-  return [{
-    type: Div,
-    className: mergeClassNames(ClassNames.Badge, className),
-    childCount: 1
-  }, text(badgeText)];
+  return [badge, text(badgeText)];
 };
 
 const chevronDownVirtualDom = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: mergeClassNames(ClassNames.Chevron, ClassNames.MaskIconChevronDown),
   childCount: 0
 };
 const chevronRightVirtualDom = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: mergeClassNames(ClassNames.Chevron, ClassNames.MaskIconChevronRight),
   childCount: 0
 };
 
+const getChevronVirtualDom = expanded => {
+  switch (expanded) {
+    case Expanded:
+      return [chevronDownVirtualDom];
+    case Collapsed:
+      return [chevronRightVirtualDom];
+    default:
+      return [];
+  }
+};
+
 const getFileIconVirtualDom = icon => {
   return {
-    type: Img,
+    type: VirtualDomElements.Img,
     className: ClassNames.FileIcon,
     src: icon,
     role: None,
@@ -4253,34 +4289,30 @@ const getFileIconVirtualDom = icon => {
   };
 };
 
-const getIconsVirtualDom = (expanded, icon) => {
-  switch (expanded) {
-    case Expanded:
-      return [chevronDownVirtualDom, getFileIconVirtualDom(icon)];
-    case Collapsed:
-      return [chevronRightVirtualDom, getFileIconVirtualDom(icon)];
-    default:
-      return [];
+const getIconsVirtualDom = icon => {
+  if (icon) {
+    return [getFileIconVirtualDom(icon)];
   }
+  return [];
 };
 
 const deleted = {
-  type: Del,
+  type: VirtualDomElements.Del,
   className: ClassNames.HighlightDeleted,
   childCount: 1
 };
 const inserted = {
-  type: Ins,
+  type: VirtualDomElements.Ins,
   className: ClassNames.HighlightInserted,
   childCount: 1
 };
 const highlighted = {
-  type: Span,
+  type: VirtualDomElements.Span,
   className: ClassNames.Highlight,
   childCount: 1
 };
 const label1 = {
-  type: Div,
+  type: VirtualDomElements.Div,
   className: mergeClassNames(ClassNames.Label, ClassNames.Grow),
   childCount: 1
 };
@@ -4309,6 +4341,36 @@ const getPaddingLeft = depth => {
   return `${Number(depth) + 1}rem`; // TODO use classname and dynamic css
 };
 
+const getChildCount = (icon, expanded, badgeText) => {
+  let childCount = 0;
+  if (expanded) {
+    childCount++; // chevron
+  }
+  if (icon) {
+    childCount++; // file icon
+  }
+  childCount++; // label
+  if (badgeText) {
+    childCount++; // badge
+  }
+  childCount++; // remove button
+  return childCount;
+};
+
+const getSearchRemoveVirtualDom = () => {
+  // TODO add title/aria label
+  const dom = [{
+    type: VirtualDomElements.Div,
+    className: ClassNames.SearchRemove,
+    childCount: 1
+  }, {
+    type: VirtualDomElements.Div,
+    className: ClassNames.CloseMaskIcon,
+    childCount: 0
+  }];
+  return dom;
+};
+
 const getSearchResultClassName = focused => {
   if (focused) {
     return ClassNames.TreeItem + ' ' + ClassNames.TreeItemActive;
@@ -4331,11 +4393,11 @@ const getSearchResultVirtualDom = rowInfo => {
     replacement,
     focused,
     expanded,
-    childCount,
     badgeText
   } = rowInfo;
+  const childCount = getChildCount(icon, expanded, badgeText);
   const dom = [{
-    type: Div,
+    type: VirtualDomElements.Div,
     role: TreeItem,
     className: getSearchResultClassName(focused),
     title,
@@ -4348,22 +4410,14 @@ const getSearchResultVirtualDom = rowInfo => {
     paddingLeft: getPaddingLeft(depth),
     paddingRight: PaddingRight,
     ariaExpanded: getAriaExpanded(expanded)
-  }, ...getIconsVirtualDom(expanded, icon), ...getLabelVirtualDom(displayText, matchLength, matchStart, replacement), ...getBadgeVirtualDom(ClassNames.SourceControlBadge, badgeText), {
-    type: Div,
-    className: ClassNames.SearchRemove,
-    childCount: 1
-  }, {
-    type: Div,
-    className: ClassNames.CloseMaskIcon,
-    childCount: 0
-  }];
+  }, ...getChevronVirtualDom(expanded), ...getIconsVirtualDom(icon), ...getLabelVirtualDom(displayText, matchLength, matchStart, replacement), ...getBadgeVirtualDom(badgeText), ...getSearchRemoveVirtualDom()];
   return dom;
 };
 
 const getTreeItemsVirtualDom = (visibleItems, deltaY, itemHeight) => {
   const pixelOffset = deltaY % itemHeight;
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.TreeItems,
     childCount: visibleItems.length,
     onClick: HandleClick,
@@ -4376,13 +4430,13 @@ const getTreeItemsVirtualDom = (visibleItems, deltaY, itemHeight) => {
 };
 
 const getSearchResultsVirtualDom = (visibleItems, focusOutline, scrollbarHeight, scrollBarY, scrollBarValue, deltaY, itemHeight) => {
-  const scrollBarDomNodes = scrollbarHeight === 0 ? 0 : 1;
+  const childCount = scrollbarHeight === 0 ? 1 : 2;
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: mergeClassNames(ClassNames.Viewlet, ClassNames.List, ClassNames.Tree, focusOutline ? ClassNames.FocusOutline : ClassNames.Empty),
     role: Tree,
     tabIndex: 0,
-    childCount: 1 + scrollBarDomNodes
+    childCount
   }, ...getTreeItemsVirtualDom(visibleItems, deltaY, itemHeight), ...getScrollBarVirtualDom(scrollbarHeight, scrollBarY, scrollBarValue)];
 };
 
@@ -4390,7 +4444,7 @@ const getSearchVirtualDom = (visibleItems, flags, message, focusOutline, searchI
   const errorDom = getSearchInputErrorVirtualDom(searchInputErrorMessage);
   const childCount = 2 + (errorDom.length > 0 ? 1 : 0);
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: mergeClassNames(ClassNames.Viewlet, ClassNames.Search),
     childCount
   }, ...getSearchHeaderVirtualDom(flags, message, searchInputErrorMessage, matchCount, focus), ...errorDom, ...getSearchResultsVirtualDom(visibleItems, focusOutline, scrollBarHeight, scrollBarY, scrollBarValue, deltaY, itemHeight)];
@@ -4450,14 +4504,14 @@ 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;
 };
 
 const Button = 1;
 
-const getIconVirtualDom = (icon, type = Div) => {
+const getIconVirtualDom = (icon, type = VirtualDomElements.Div) => {
   return {
     type,
     className: mergeClassNames(ClassNames.MaskIcon, `MaskIcon${icon}`),
@@ -4473,7 +4527,7 @@ const getActionButtonVirtualDom = action => {
     command
   } = action;
   return [{
-    type: Button$1,
+    type: VirtualDomElements.Button,
     className: ClassNames.IconButton,
     title: id,
     'data-command': command,
@@ -4492,7 +4546,7 @@ const getActionVirtualDom = action => {
 
 const getActionsVirtualDom = actions => {
   return [{
-    type: Div,
+    type: VirtualDomElements.Div,
     className: ClassNames.Actions,
     role: ToolBar,
     childCount: actions.length
@@ -4796,10 +4850,6 @@ const submit = state => {
   });
 };
 
-const terminate = () => {
-  globalThis.close();
-};
-
 const viewAsTree = async state => {
   return state;
 };
@@ -4812,7 +4862,7 @@ const show = async (x, y, id, ...args) => {
   number(y);
   number(id);
   // TODO
-  await invoke$1('ContextMenu.show', x, y, id, ...args);
+  await showContextMenu(x, y, id, ...args);
 };
 
 const Search = 18;
@@ -4965,6 +5015,7 @@ const textSearch$1 = async (scheme, root, query, options, assetDir, platform) =>
     // @ts-ignore
     return result.results;
   }
+  // TODO always create search process messageport rpc to have one api, in web can send the messageport to renderer worker
   const results = await invoke$1('SearchProcess.invoke', 'TextSearch.search', actualOptions);
   // TODO api is weird
   return results.results;
@@ -5000,7 +5051,7 @@ const listen = async () => {
   const rpc = await WebWorkerRpcClient.create({
     commandMap: commandMap
   });
-  set$2(rpc);
+  set$1(rpc);
 };
 
 const main = async () => {