@lvce-editor/static-server 0.44.5 → 0.44.7

package/static/{10163fd → 824bfc9}/packages/text-search-worker/dist/textSearchWorkerMain.js

@@ -1653,7 +1653,7 @@ const focusSearchValueNext = state => {
 };
 
 const Alert = 'alert';
-const Button$2 = 'button';
+const Button$3 = 'button';
 const CheckBox = 'checkbox';
 const None$1 = 'none';
 const ScrollBar$1 = 'scrollbar';
@@ -1691,7 +1691,7 @@ const MultilineInputBox = 'MultilineInputBox';
 const ScrollBar = 'ScrollBar';
 const ScrollBarThumb = 'ScrollBarThumb';
 const ScrollBarVertical = 'ScrollBarVertical';
-const Search$1 = 'Search';
+const Search$2 = 'Search';
 const SearchField = 'SearchField';
 const SearchFieldButton = 'SearchFieldButton';
 const SearchFieldButtonChecked = 'SearchFieldButtonChecked';
@@ -1719,23 +1719,23 @@ const TreeItems$1 = 'TreeItems';
 const Viewlet = 'Viewlet';
 const ViewletSearchMessage = 'ViewletSearchMessage';
 
-const Button$1 = 1;
+const Button$2 = 1;
 
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
 
-const Button = 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 getIconVirtualDom = (icon, type = Div) => {
+const Button$1 = 1;
+const Del$1 = 21;
+const Div$1 = 4;
+const H4$1 = 24;
+const Img$1 = 17;
+const Ins$1 = 20;
+const Span$1 = 8;
+const Text$1 = 12;
+const TextArea$1 = 62;
+
+const getIconVirtualDom = (icon, type = Div$1) => {
   return {
     type,
     className: mergeClassNames(MaskIcon, `MaskIcon${icon}`),
@@ -1751,7 +1751,7 @@ const getActionButtonVirtualDom = action => {
     command
   } = action;
   return [{
-    type: Button,
+    type: Button$1,
     className: IconButton,
     title: id,
     'data-command': command,
@@ -1761,7 +1761,7 @@ const getActionButtonVirtualDom = action => {
 
 const getActionVirtualDom = action => {
   switch (action.type) {
-    case Button$1:
+    case Button$2:
       return getActionButtonVirtualDom(action);
     default:
       return [];
@@ -1770,7 +1770,7 @@ const getActionVirtualDom = action => {
 
 const getActionsVirtualDom = actions => {
   return [{
-    type: Div,
+    type: Div$1,
     className: Actions,
     role: ToolBar,
     childCount: actions.length
@@ -1860,27 +1860,27 @@ const Refresh = 'Refresh';
 
 const getActions = () => {
   return [{
-    type: Button$1,
+    type: Button$2,
     id: refresh$1(),
     icon: Refresh,
     command: 'refresh'
   }, {
-    type: Button$1,
+    type: Button$2,
     id: clearSearchResults(),
     icon: ClearAll,
     command: 'clearSearchResults'
   }, {
-    type: Button$1,
+    type: Button$2,
     id: openNewSearchEditor(),
     icon: NewFile,
     command: ''
   }, {
-    type: Button$1,
+    type: Button$2,
     id: viewAsTree(),
     icon: ListFlat,
     command: ''
   }, {
-    type: Button$1,
+    type: Button$2,
     id: collapseAll(),
     icon: CollapseAll,
     command: ''
@@ -2026,16 +2026,16 @@ const UseRegularExpression = 'UseRegularExpression';
 
 const getSearchDetailsToggleVirtualDom = () => {
   return [{
-    type: Div,
+    type: Div$1,
     className: ToggleDetails,
-    role: Button$2,
+    role: Button$3,
     tabIndex: 0,
     ariaLabel: toggleSearchDetails(),
     title: toggleSearchDetails(),
     name: ToggleSearchDetails,
     childCount: 1
   }, {
-    type: Div,
+    type: Div$1,
     className: mergeClassNames(MaskIcon, MaskIconEllipsis),
     childCount: 0
   }];
@@ -2043,7 +2043,7 @@ const getSearchDetailsToggleVirtualDom = () => {
 
 const text = data => {
   return {
-    type: Text,
+    type: Text$1,
     text: data,
     childCount: 0
   };
@@ -2051,7 +2051,7 @@ const text = data => {
 
 const getSearchMessageVirtualDom = message => {
   return [{
-    type: Div,
+    type: Div$1,
     className: ViewletSearchMessage,
     role: Status,
     tabIndex: 0,
@@ -2061,7 +2061,7 @@ const getSearchMessageVirtualDom = message => {
 
 const getSearchHeaderDetailsCollapsedVirtualDom = message => {
   return [{
-    type: Div,
+    type: Div$1,
     className: SearchHeaderDetails,
     childCount: 2
   }, ...getSearchMessageVirtualDom(message), ...getSearchDetailsToggleVirtualDom()];
@@ -2109,7 +2109,7 @@ const getSearchFieldButtonVirtualDom = button => {
     disabled
   } = button;
   return [{
-    type: Button,
+    type: Button$1,
     className: getClassName(checked, disabled),
     name,
     title,
@@ -2118,7 +2118,7 @@ const getSearchFieldButtonVirtualDom = button => {
     tabIndex: 0,
     childCount: 1
   }, {
-    type: Span,
+    type: Span$1,
     className: mergeClassNames(MaskIcon, icon),
     childCount: 0
   }];
@@ -2133,7 +2133,7 @@ const getOutSideButtonsDom = outsideButtons => {
   }
   return {
     preNodes: [{
-      type: Div,
+      type: Div$1,
       className: SearchFieldContainer,
       role: None$1,
       childCount: 1 + outsideButtons.length
@@ -2149,12 +2149,12 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
   } = getOutSideButtonsDom(outsideButtons);
   const searchFieldClassName = hasError ? mergeClassNames(SearchField, SearchFieldError) : SearchField;
   const dom = [...preNodes, {
-    type: Div,
+    type: Div$1,
     className: searchFieldClassName,
     role: None$1,
     childCount: 2
   }, {
-    type: TextArea,
+    type: TextArea$1,
     className: MultilineInputBox,
     spellcheck: false,
     autocapitalize: 'off',
@@ -2165,7 +2165,7 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     onFocus,
     childCount: 0
   }, {
-    type: Div,
+    type: Div$1,
     className: SearchFieldButtons,
     childCount: insideButtons.length
   }, ...insideButtons.flatMap(getSearchFieldButtonVirtualDom), ...postNodes];
@@ -2176,19 +2176,19 @@ const getSearchHeaderDetailsExpandedVirtualDom = (flags, message) => {
   const includeButtons = getInputActionsInclude(flags);
   const excludeButtons = getInputActionsExclude(flags);
   return [{
-    type: Div,
+    type: Div$1,
     className: SearchHeaderDetailsExpanded,
     childCount: 5
   }, {
-    type: Div,
+    type: Div$1,
     className: SearchHeaderDetailsExpandedTop,
     childCount: 2
   }, ...getSearchDetailsToggleVirtualDom(), {
-    type: H4,
+    type: H4$1,
     className: SearchHeaderDetailsHeading,
     childCount: 1
   }, text(filesToInclude()), ...getSearchFieldVirtualDom(FilesToInclude, 'Include', HandleIncludeInput, includeButtons.inside, includeButtons.outside), {
-    type: H4,
+    type: H4$1,
     className: SearchHeaderDetailsHeading,
     childCount: 1
   }, text(filesToExclude()), ...getSearchFieldVirtualDom(FilesToExclude, 'Exclude', HandleExcludeInput, excludeButtons.inside, excludeButtons.outside), ...getSearchMessageVirtualDom(message)];
@@ -2247,7 +2247,7 @@ const getInputActionsReplace = (flags, matchCount) => {
 
 const getSearchToggleVirtualDom = flags => {
   return [{
-    type: Button,
+    type: Button$1,
     className: mergeClassNames(IconButton, SearchToggleButton, flags & ReplaceExpanded ? SearchToggleButtonExpanded : ''),
     title: toggleReplace$1(),
     ariaLabel: toggleReplace$1(),
@@ -2256,7 +2256,7 @@ const getSearchToggleVirtualDom = flags => {
     'data-command': 'toggleReplace',
     name: ToggleReplace
   }, {
-    type: Div,
+    type: Div$1,
     className: mergeClassNames(MaskIcon, flags & ReplaceExpanded ? MaskIconChevronDown : MaskIconChevronRight),
     childCount: 0
   }];
@@ -2266,12 +2266,12 @@ const getSearchHeaderTopVirtualDom = (flags, searchInputErrorMessage, matchCount
   const inputActions = getInputActionsInput(flags);
   const replaceActions = getInputActionsReplace(flags, matchCount);
   const dom = [{
-    type: Div,
+    type: Div$1,
     className: SearchHeaderTop,
     role: None$1,
     childCount: 2
   }, ...getSearchToggleVirtualDom(flags), {
-    type: Div,
+    type: Div$1,
     className: SearchHeaderTopRight,
     role: None$1,
     childCount: flags & ReplaceExpanded ? 2 : 1
@@ -2284,7 +2284,7 @@ const getSearchHeaderTopVirtualDom = (flags, searchInputErrorMessage, matchCount
 
 const getSearchHeaderVirtualDom = (flags, message, searchInputErrorMessage, matchCount) => {
   const dom = [{
-    type: Div,
+    type: Div$1,
     className: SearchHeader,
     role: None$1,
     childCount: 2,
@@ -2299,7 +2299,7 @@ const getSearchInputErrorVirtualDom = errorMessage => {
     return [];
   }
   return [{
-    type: Div,
+    type: Div$1,
     className: SearchInputError,
     role: Alert,
     childCount: 1
@@ -2313,7 +2313,7 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarY, scrollBarValue) =>
     return [];
   }
   return [{
-    type: Div,
+    type: Div$1,
     className: mergeClassNames(ScrollBar, ScrollBarVertical),
     childCount: 1,
     onPointerDown: HandleScrollBarPointerDown,
@@ -2321,7 +2321,7 @@ const getScrollBarVirtualDom = (scrollBarHeight, scrollBarY, scrollBarValue) =>
     ariaControls: TreeItems,
     ariaValueNow: scrollBarValue
   }, {
-    type: Div,
+    type: Div$1,
     className: ScrollBarThumb,
     height: scrollBarHeight,
     translate: `0 ${scrollBarY}px`,
@@ -2347,26 +2347,26 @@ const getBadgeVirtualDom = (className, badgeText) => {
     return [];
   }
   return [{
-    type: Div,
+    type: Div$1,
     className: mergeClassNames(Badge, className),
     childCount: 1
   }, text(badgeText)];
 };
 
 const chevronDownVirtualDom = {
-  type: Div,
+  type: Div$1,
   className: mergeClassNames(Chevron, MaskIconChevronDown),
   childCount: 0
 };
 const chevronRightVirtualDom = {
-  type: Div,
+  type: Div$1,
   className: mergeClassNames(Chevron, MaskIconChevronRight),
   childCount: 0
 };
 
 const getFileIconVirtualDom = icon => {
   return {
-    type: Img,
+    type: Img$1,
     className: FileIcon,
     src: icon,
     role: None$1,
@@ -2374,23 +2374,34 @@ const getFileIconVirtualDom = icon => {
   };
 };
 
+const getIconsVirtualDom = (expanded, icon) => {
+  switch (expanded) {
+    case Expanded:
+      return [chevronDownVirtualDom, getFileIconVirtualDom(icon)];
+    case Collapsed:
+      return [chevronRightVirtualDom, getFileIconVirtualDom(icon)];
+    default:
+      return [];
+  }
+};
+
 const deleted = {
-  type: Del,
+  type: Del$1,
   className: HighlightDeleted,
   childCount: 1
 };
 const inserted = {
-  type: Ins,
+  type: Ins$1,
   className: HighlightInserted,
   childCount: 1
 };
 const highlighted = {
-  type: Span,
+  type: Span$1,
   className: Highlight,
   childCount: 1
 };
 const label1 = {
-  type: Div,
+  type: Div$1,
   className: mergeClassNames(Label, Grow),
   childCount: 1
 };
@@ -2428,16 +2439,6 @@ const getSearchResultClassName = focused => {
 
 const PaddingRight = '12px';
 
-const getIconsVirtualDom = (expanded, icon) => {
-  switch (expanded) {
-    case Expanded:
-      return [chevronDownVirtualDom, getFileIconVirtualDom(icon)];
-    case Collapsed:
-      return [chevronRightVirtualDom, getFileIconVirtualDom(icon)];
-    default:
-      return [];
-  }
-};
 const getSearchResultVirtualDom = rowInfo => {
   const {
     matchStart,
@@ -2455,7 +2456,7 @@ const getSearchResultVirtualDom = rowInfo => {
     badgeText
   } = rowInfo;
   const dom = [{
-    type: Div,
+    type: Div$1,
     role: TreeItem$1,
     className: getSearchResultClassName(focused),
     title,
@@ -2469,11 +2470,11 @@ const getSearchResultVirtualDom = rowInfo => {
     paddingRight: PaddingRight,
     ariaExpanded: getAriaExpanded(expanded)
   }, ...getIconsVirtualDom(expanded, icon), ...getLabelVirtualDom(displayText, matchLength, matchStart, replacement), ...getBadgeVirtualDom(SourceControlBadge, badgeText), {
-    type: Div,
+    type: Div$1,
     className: SearchRemove,
     childCount: 1
   }, {
-    type: Div,
+    type: Div$1,
     className: CloseMaskIcon,
     childCount: 0
   }];
@@ -2483,7 +2484,7 @@ const getSearchResultVirtualDom = rowInfo => {
 const getTreeItemsVirtualDom = (visibleItems, deltaY, itemHeight) => {
   const pixelOffset = deltaY % itemHeight;
   return [{
-    type: Div,
+    type: Div$1,
     className: TreeItems$1,
     childCount: visibleItems.length,
     onClick: HandleClick,
@@ -2497,7 +2498,7 @@ const getTreeItemsVirtualDom = (visibleItems, deltaY, itemHeight) => {
 const getSearchResultsVirtualDom = (visibleItems, focusOutline, scrollbarHeight, scrollBarY, scrollBarValue, deltaY, itemHeight) => {
   const scrollBarDomNodes = scrollbarHeight === 0 ? 0 : 1;
   return [{
-    type: Div,
+    type: Div$1,
     className: mergeClassNames(Viewlet, List, Tree, focusOutline ? FocusOutline : Empty),
     role: Tree$1,
     tabIndex: 0,
@@ -2509,8 +2510,8 @@ const getSearchVirtualDom = (visibleItems, flags, message, focusOutline, searchI
   const errorDom = getSearchInputErrorVirtualDom(searchInputErrorMessage);
   const childCount = 2 + (errorDom.length > 0 ? 1 : 0);
   return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, Search$1),
+    type: Div$1,
+    className: mergeClassNames(Viewlet, Search$2),
     childCount
   }, ...getSearchHeaderVirtualDom(flags, message, searchInputErrorMessage, matchCount), ...errorDom, ...getSearchResultsVirtualDom(visibleItems, focusOutline, scrollBarHeight, scrollBarY, scrollBarValue, deltaY, itemHeight)];
 };
@@ -3748,6 +3749,355 @@ const doRender = uid => {
   return commands;
 };
 
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+
+// src/parts/VirtualDomElements/VirtualDomElements.ts
+var VirtualDomElements_exports = {};
+__export(VirtualDomElements_exports, {
+  A: () => A,
+  Abbr: () => Abbr,
+  Article: () => Article,
+  Aside: () => Aside,
+  Audio: () => Audio,
+  Br: () => Br,
+  Button: () => Button,
+  Cite: () => Cite,
+  Col: () => Col,
+  ColGroup: () => ColGroup,
+  Data: () => Data,
+  Dd: () => Dd,
+  Del: () => Del,
+  Div: () => Div,
+  Dl: () => Dl,
+  Figcaption: () => Figcaption,
+  Figure: () => Figure,
+  Footer: () => Footer,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Header: () => Header,
+  Hr: () => Hr,
+  I: () => I,
+  Img: () => Img,
+  Input: () => Input,
+  Ins: () => Ins,
+  Kbd: () => Kbd,
+  Li: () => Li,
+  Nav: () => Nav,
+  Ol: () => Ol,
+  Option: () => Option,
+  P: () => P,
+  Pre: () => Pre,
+  Root: () => Root,
+  Search: () => Search$1,
+  Section: () => Section,
+  Select: () => Select,
+  Span: () => Span,
+  TBody: () => TBody,
+  THead: () => THead,
+  Table: () => Table,
+  Td: () => Td,
+  Text: () => Text,
+  TextArea: () => TextArea,
+  Tfoot: () => Tfoot,
+  Th: () => Th,
+  Time: () => Time,
+  Tr: () => Tr,
+  Ul: () => Ul,
+  Video: () => Video
+});
+var Audio = 0;
+var Button = 1;
+var Col = 2;
+var ColGroup = 3;
+var Div = 4;
+var H1 = 5;
+var Input = 6;
+var Kbd = 7;
+var Span = 8;
+var Table = 9;
+var TBody = 10;
+var Td = 11;
+var Text = 12;
+var Th = 13;
+var THead = 14;
+var Tr = 15;
+var I = 16;
+var Img = 17;
+var Root = 0;
+var Ins = 20;
+var Del = 21;
+var H2 = 22;
+var H3 = 23;
+var H4 = 24;
+var H5 = 25;
+var H6 = 26;
+var Article = 27;
+var Aside = 28;
+var Footer = 29;
+var Header = 30;
+var Nav = 40;
+var Section = 41;
+var Search$1 = 42;
+var Dd = 43;
+var Dl = 44;
+var Figcaption = 45;
+var Figure = 46;
+var Hr = 47;
+var Li = 48;
+var Ol = 49;
+var P = 50;
+var Pre = 51;
+var A = 53;
+var Abbr = 54;
+var Br = 55;
+var Cite = 56;
+var Data = 57;
+var Time = 58;
+var Tfoot = 59;
+var Ul = 60;
+var Video = 61;
+var TextArea = 62;
+var Select = 63;
+var Option = 64;
+
+// src/parts/PatchType/PatchType.ts
+var SetText = 1;
+var SetAttribute = 3;
+var RemoveAttribute = 4;
+var Add = 6;
+var NavigateChild = 7;
+var NavigateParent = 8;
+var RemoveChild = 9;
+var NavigateSibling = 10;
+
+// src/parts/ApplyPendingPatches/ApplyPendingPatches.ts
+var applyPendingPatches = (patches, pendingPatches, skip) => {
+  for (let k = 0; k < pendingPatches.length - skip; k += 2) {
+    const type = pendingPatches[k];
+    const index = pendingPatches[k + 1];
+    if (type === NavigateParent) {
+      patches.push({
+        type
+      });
+    } else {
+      patches.push({
+        type,
+        index
+      });
+    }
+  }
+  pendingPatches.length = 0;
+};
+
+// src/parts/GetKeys/GetKeys.ts
+var isKey = key => {
+  return key !== "type" && key !== "childCount";
+};
+var getKeys = node => {
+  const keys = Object.keys(node).filter(isKey);
+  return keys;
+};
+
+// src/parts/GetTotalChildCount/GetTotalChildCount.ts
+var getTotalChildCount = (nodes, index) => {
+  let i = index;
+  let pending = 1;
+  while (pending) {
+    const node = nodes[i];
+    pending += node.childCount;
+    pending--;
+    i++;
+  }
+  return i - index;
+};
+
+// src/parts/VirtualDomDiff/VirtualDomDiff.ts
+var diff = (oldNodes, newNodes) => {
+  const patches = [];
+  const pendingPatches = [];
+  let i = 0;
+  let j = 0;
+  let siblingOffset = 0;
+  let maxSiblingOffset = 1;
+  const indexStack = [0, 1];
+  while (i < oldNodes.length && j < newNodes.length) {
+    const oldNode = oldNodes[i];
+    const newNode = newNodes[j];
+    if (siblingOffset === maxSiblingOffset) {
+      pendingPatches.push(NavigateParent, 0);
+      maxSiblingOffset = indexStack.pop();
+      siblingOffset = indexStack.pop() + 1;
+    }
+    if (oldNode.type !== newNode.type) {
+      let skip = 0;
+      if (pendingPatches.length > 0 && pendingPatches.at(-2) === NavigateChild) {
+        skip = 2;
+      }
+      applyPendingPatches(patches, pendingPatches, skip);
+      const oldTotal = getTotalChildCount(oldNodes, i);
+      const newTotal = getTotalChildCount(newNodes, j);
+      patches.push({
+        type: RemoveChild,
+        index: siblingOffset
+      });
+      patches.push({
+        type: Add,
+        nodes: newNodes.slice(j, j + newTotal)
+      });
+      siblingOffset++;
+      i += oldTotal;
+      j += newTotal;
+      continue;
+    }
+    if (oldNode.type === Text && newNode.type === Text) {
+      if (oldNode.text !== newNode.text) {
+        if (siblingOffset !== 0) {
+          pendingPatches.push(NavigateSibling, siblingOffset);
+        }
+        applyPendingPatches(patches, pendingPatches, 0);
+        patches.push({
+          type: SetText,
+          value: newNode.text
+        });
+      }
+      i++;
+      j++;
+      siblingOffset++;
+      continue;
+    }
+    const oldKeys = getKeys(oldNode);
+    const newKeys = getKeys(newNode);
+    let hasAttributeChanges = false;
+    for (const key of newKeys) {
+      if (oldNode[key] !== newNode[key]) {
+        hasAttributeChanges = true;
+        break;
+      }
+    }
+    for (const key of oldKeys) {
+      if (!(key in newNode)) {
+        hasAttributeChanges = true;
+        break;
+      }
+    }
+    if (hasAttributeChanges) {
+      applyPendingPatches(patches, pendingPatches, 0);
+      for (const key of newKeys) {
+        if (oldNode[key] !== newNode[key]) {
+          patches.push({
+            type: SetAttribute,
+            key,
+            value: newNode[key]
+          });
+        }
+      }
+      for (const key of oldKeys) {
+        if (!(key in newNode)) {
+          patches.push({
+            type: RemoveAttribute,
+            key
+          });
+        }
+      }
+    }
+    if (oldNode.childCount && newNode.childCount) {
+      maxSiblingOffset = oldNode.childCount;
+      indexStack.push(0, maxSiblingOffset);
+      pendingPatches.push(NavigateChild, 0);
+      i++;
+      j++;
+      continue;
+    }
+    if (oldNode.childCount) {
+      applyPendingPatches(patches, pendingPatches, 0);
+      for (let k = 0; k < oldNode.childCount; k++) {
+        patches.push({
+          type: RemoveChild,
+          index: 0
+        });
+      }
+      i += getTotalChildCount(oldNodes, i);
+      j++;
+      continue;
+    }
+    if (newNode.childCount) {
+      applyPendingPatches(patches, pendingPatches, 0);
+      const total = getTotalChildCount(newNodes, j);
+      patches.push({
+        type: Add,
+        nodes: newNodes.slice(j + 1, j + total)
+      });
+      i++;
+      j += total;
+      continue;
+    }
+    i++;
+    j++;
+    siblingOffset++;
+  }
+  while (i < oldNodes.length) {
+    if (indexStack.length !== 2) {
+      patches.push({
+        type: NavigateParent
+      });
+    }
+    patches.push({
+      type: RemoveChild,
+      index: siblingOffset
+    });
+    i += getTotalChildCount(oldNodes, i);
+    indexStack.pop();
+    indexStack.pop();
+  }
+  while (j < newNodes.length) {
+    if (siblingOffset > 0) {
+      patches.push({
+        type: NavigateSibling,
+        index: siblingOffset
+      });
+      siblingOffset = 0;
+    }
+    const count = getTotalChildCount(newNodes, j);
+    patches.push({
+      type: Add,
+      nodes: newNodes.slice(j, j + count)
+    });
+    j += count;
+  }
+  return patches;
+};
+
+const getDom = state => {
+  const displayResults = getDisplayResults(state.listItems, state.itemHeight, state.fileCount, state.value, state.minLineY, state.maxLineY, state.replacement, state.icons, state.listFocusedIndex, state.collapsedPaths, state.items);
+  const focusOutline = state.listFocused && state.listFocusedIndex === -1;
+  const scrollBarValue = state.deltaY / state.finalDeltaY * 100;
+  const scrollBarY = getScrollBarY(state.deltaY, state.finalDeltaY, state.height - state.headerHeight, state.scrollBarHeight);
+  const dom = getSearchVirtualDom(displayResults, state.flags, state.message, focusOutline, state.searchInputErrorMessage, state.scrollBarHeight, scrollBarY, scrollBarValue, state.deltaY, state.itemHeight, state.matchCount);
+  return dom;
+};
+
+// TODO cache rendered dom so that it can be used for dom diffing
+const renderIncremental = uid => {
+  const {
+    oldState,
+    newState
+  } = get(uid);
+  const oldDom = getDom(oldState);
+  const newDom = getDom(newState);
+  const patches = diff(oldDom, newDom);
+  return patches;
+};
+
 const getReplaceAllConfirmText = (matchCount, fileCount, replacement) => {
   if (matchCount === 1) {
     if (replacement) {
@@ -3913,6 +4263,10 @@ const submit = state => {
   });
 };
 
+const terminate = () => {
+  globalThis.close();
+};
+
 const Keyboard = -1;
 
 const show = async (x, y, id, ...args) => {
@@ -4024,7 +4378,9 @@ const commandMap = {
   'TextSearch.getFocus': getFocus,
   'TextSearch.getKeyBindings': getKeyBindings,
   'TextSearch.render': doRender,
+  'TextSearch.renderIncremental': renderIncremental,
   'TextSearch.saveState': saveState,
+  'TextSearch.terminate': terminate,
   // TODO needed?
   'TextSearch.textSearch': textSearch
 };