@lvce-editor/static-server 0.49.1 → 0.49.3

package/static/{5480154 → 6fa6a07}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/5480154';
+    return '/6fa6a07';
   }
 };
 const assetDir = getAssetDir();
@@ -555,7 +555,7 @@ const ElectronContextMenu = 60;
 const ElectronClipBoard = 61;
 const SaveFileAs = 62;
 const ElectronApplicationMenu = 63;
-const About$2 = 64;
+const About$1 = 64;
 const ConfirmPrompt = 65;
 const BulkReplacement = 66;
 const AutoUpdater = 67;
@@ -619,7 +619,7 @@ const getModuleId$1 = commandId => {
   }
   switch (prefix) {
     case 'About':
-      return About$2;
+      return About$1;
     case 'Ajax':
       return Ajax;
     case 'Audio':
@@ -3095,7 +3095,6 @@ const Empty = 0;
 const BrowserChromium = 1;
 const BrowserElectron = 2;
 const BrowserFirefox = 3;
-const FocusAbout = 4;
 const FocusActivityBar = 5;
 const FocusDebugInput = 6;
 const FocusDialog = 7;
@@ -3572,7 +3571,7 @@ const List$2 = 'List';
 const Locations = 'Locations';
 const Main$3 = 'Main';
 const MainTabs = 'MainTabs';
-const None$i = '';
+const None$g = '';
 const Noop = 'Noop';
 const Output = 'Output';
 const Panel$2 = 'Panel';
@@ -3596,7 +3595,7 @@ const TitleBarIcon = 'TitleBarIcon';
 const TitleBarMenuBar = 'TitleBarMenuBar';
 const TodoList = 'TodoList';
 const Video = 'Video';
-const About$1 = 'About';
+const About = 'About';
 const EditorSourceActions = 'EditorSourceActions';
 const MarkDownPreview = 'MarkDownPreview';
 const Confirm$1 = 'Confirm';
@@ -3607,7 +3606,7 @@ const EditorTextError = 'EditorTextError';
 
 const ViewletModuleId = {
   __proto__: null,
-  About: About$1,
+  About,
   ActivityBar: ActivityBar$5,
   Audio: Audio$1,
   BrowserViewOverview,
@@ -3642,7 +3641,7 @@ const ViewletModuleId = {
   Main: Main$3,
   MainTabs,
   MarkDownPreview,
-  None: None$i,
+  None: None$g,
   Noop,
   Output,
   Panel: Panel$2,
@@ -4767,7 +4766,7 @@ const getIconTheme = () => {
 const File$4 = '_file';
 const Folder = '_folder';
 const FolderOpen = '_folder_open';
-const None$h = '';
+const None$f = '';
 
 const BlockDevice = 1;
 const CharacterDevice = 2;
@@ -5207,7 +5206,7 @@ const getIcon$1 = dirent => {
       return getAbsoluteIconPath(getIconTheme(), File$4);
     default:
       warn$1(`unsupported type ${dirent.type}`);
-      return None$h;
+      return None$f;
   }
 };
 
@@ -5305,7 +5304,7 @@ const mark$1 = event => {
 
 const load$3 = moduleId => {
   switch (moduleId) {
-    case About$2:
+    case About$1:
       return Promise.resolve().then(function () { return About_ipc; });
     case Ajax:
       return Promise.resolve().then(function () { return Ajax_ipc; });
@@ -5905,7 +5904,7 @@ const handleUnhandledError = (message, filename, lineno, colno, error) => {
 };
 
 const map = {
-  [About$1]: () => Promise.resolve().then(function () { return ViewletAbout_ipc; }),
+  [About]: () => Promise.resolve().then(function () { return ViewletAbout_ipc; }),
   [ActivityBar$5]: () => Promise.resolve().then(function () { return ViewletActivityBar_ipc; }),
   [Audio$1]: () => Promise.resolve().then(function () { return ViewletAudio_ipc; }),
   [BrowserViewOverview]: () => Promise.resolve().then(function () { return ViewletBrowserViewOverview_ipc; }),
@@ -8531,7 +8530,7 @@ const showAboutElectron = async () => {
 };
 
 const showAboutDefault = async () => {
-  await openWidget(About$1);
+  await openWidget(About);
 };
 const getFn = () => {
   switch (platform) {
@@ -10380,7 +10379,7 @@ const sourceAction = () => {
 };
 
 const Separator$3 = 1;
-const None$g = 0;
+const None$e = 0;
 const SubMenu$1 = 4;
 const Checked = 2;
 const Unchecked = 3;
@@ -10437,27 +10436,27 @@ const getMenuEntries$s = () => {
   }, menuEntrySeparator, {
     id: 'cut',
     label: cut(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.cut */'Editor.cut'
   }, {
     id: 'copy',
     label: copy$3(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.copy */'Editor.copy'
   }, {
     id: 'paste',
     label: paste(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.paste */'Editor.paste'
   }, menuEntrySeparator, {
     id: 'toggle-line-comment',
     label: toggleLineComment(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.toggleLineComment */'Editor.toggleLineComment'
   }, {
     id: 'toggle-block-comment',
     label: toggleBlockComment(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.toggleBlockComment */'Editor.toggleBlockComment'
   }];
 };
@@ -10511,17 +10510,17 @@ const getMenuEntries$r = () => {
   const entries = [{
     id: 'newFile',
     label: newFile$1(),
-    flags: None$g,
+    flags: None$e,
     command: -1
   }, {
     id: 'newWindow',
     label: newWindow$1(),
-    flags: None$g,
+    flags: None$e,
     command: /* Window.openNew */'Window.openNew'
   }, menuEntrySeparator, {
     id: 'openFile',
     label: openFile$2(),
-    flags: None$g,
+    flags: None$e,
     command: 'Dialog.openFile'
   }, {
     id: 'openFolder',
@@ -10536,12 +10535,12 @@ const getMenuEntries$r = () => {
   }, menuEntrySeparator, {
     id: 'save',
     label: save$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.save'
   }, {
     id: 'saveAll',
     label: saveAll(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.saveAll'
   }];
   if (platform === Electron$1) {
@@ -10625,7 +10624,7 @@ const getMenuEntries$p = async () => {
     entries.push({
       id: 'toggleDeveloperTools',
       label: toggleDeveloperTools(),
-      flags: None$g,
+      flags: None$e,
       command: 'Developer.toggleDeveloperTools'
     }, {
       id: 'openProcessExplorer',
@@ -10734,7 +10733,7 @@ const toMenuItem = folder => {
   const label = getTitle(folder);
   return {
     label,
-    flags: None$g,
+    flags: None$e,
     command: 'Workspace.setPath',
     args: [folder]
   };
@@ -10753,12 +10752,12 @@ const getMenuEntries$n = async () => {
   items.push({
     id: 'more',
     label: moreDot(),
-    flags: None$g,
+    flags: None$e,
     command: 'QuickPick.showRecent'
   }, menuEntrySeparator, {
     id: 'clearRecentlyOpened',
     label: clearRecentlyOpened(),
-    flags: None$g,
+    flags: None$e,
     command: 'RecentlyOpened.clearRecentlyOpened'
   });
   return items;
@@ -10775,17 +10774,17 @@ const getMenuEntries$m = () => {
   return [{
     id: 'selectAll',
     label: selectAll(),
-    flags: None$g,
+    flags: None$e,
     command: 'Editor.selectAll'
   }, {
     id: 'copyLineUp',
     label: copyLineUp(),
-    flags: None$g,
+    flags: None$e,
     command: 'Editor.copyLineUp'
   }, {
     id: 'copyLineDown',
     label: copyLineDown(),
-    flags: None$g,
+    flags: None$e,
     command: 'Editor.copyLineDown'
   }, {
     id: 'moveLineUp',
@@ -10829,7 +10828,7 @@ const getMenuEntries$l = () => {
   return [{
     id: 'newTerminal',
     label: newTerminal(),
-    flags: None$g,
+    flags: None$e,
     command: 'Layout.togglePanel',
     args: ['Terminal']
   }];
@@ -11171,7 +11170,7 @@ const getCommandsFromExtension = extension => {
 const getCommandsFromExtensions = extensions => {
   return extensions.flatMap(getCommandsFromExtension);
 };
-const getCommands$8 = async () => {
+const getCommands$9 = async () => {
   const extensions = await getExtensions$1();
   const commands = getCommandsFromExtensions(extensions);
   return commands;
@@ -11236,7 +11235,7 @@ const name$1Q = 'ExtensionHost';
 // prettier-ignore
 const Commands$1J = {
   loadWebExtension: loadWebExtension,
-  getCommands: getCommands$8,
+  getCommands: getCommands$9,
   executeCommand: executeCommand,
   searchFileWithFetch: searchFileWithFetch,
   searchFileWithHtml: searchFileWithHtml,
@@ -11696,7 +11695,7 @@ const ListItem$1 = 'listitem';
 const Menu$1 = 'menu';
 const MenuItem$1 = 'menuitem';
 const MenuItemCheckBox = 'menuitemcheckbox';
-const None$f = 'none';
+const None$d = 'none';
 const Separator$1 = 'separator';
 const Status = 'status';
 const Tab$3 = 'tab';
@@ -12292,7 +12291,7 @@ const getMenuItemVirtualDom = menuItem => {
     flags
   } = menuItem;
   switch (flags) {
-    case None$g:
+    case None$e:
     case RestoreFocus:
     case Ignore:
       return getMenuItemDefaultDom(menuItem);
@@ -12465,7 +12464,7 @@ const selectIndexIgnore = async (menu, item, index) => {
 };
 const getSelectIndexFunction = flags => {
   switch (flags) {
-    case None$g:
+    case None$e:
       return selectIndexNone;
     case SubMenu$1:
       return selectIndexSubMenu;
@@ -12609,7 +12608,7 @@ const getIndexToFocusPrevious = menu => {
   const startIndex = menu.focusedIndex === -1 ? menu.items.length - 1 : menu.focusedIndex - 1;
   return getIndexToFocusPreviousStartingAt(menu.items, startIndex);
 };
-const focusPrevious$7 = async () => {
+const focusPrevious$6 = async () => {
   const menu = getCurrentMenu();
   if (menu.items.length === 0) {
     return;
@@ -12630,7 +12629,7 @@ const getIndexToFocusNext = menu => {
   const startIndex = menu.focusedIndex + 1;
   return getIndexToFocusNextStartingAt(menu.items, startIndex);
 };
-const focusNext$7 = async () => {
+const focusNext$6 = async () => {
   const menu = getCurrentMenu();
   if (menu.items.length === 0) {
     return;
@@ -12650,8 +12649,8 @@ const Commands$1u = {
   focusFirst: focusFirst$4,
   focusIndex: focusIndex$6,
   focusLast: focusLast$4,
-  focusNext: focusNext$7,
-  focusPrevious: focusPrevious$7,
+  focusNext: focusNext$6,
+  focusPrevious: focusPrevious$6,
   handleMouseEnter: handleMouseEnter,
   handleMouseLeave: handleMouseLeave,
   hide: hide$3,
@@ -14194,67 +14193,33 @@ const Markdown_ipc = {
   name: name$N
 };
 
-const None$e = 0;
-
-// TODO remove this file and merge with whenExpressions
-const About = FocusAbout;
-const ActivityBar$2 = FocusActivityBar;
-const Confirm = FocusConfirm;
-const Problems = FocusProblems;
-const SourceControlInput = FocusSourceControlInput;
-
-const create$Q = () => {
+const create$Q = id => {
   return {
-    productName: '',
-    lines: [],
-    focusId: None$e,
+    id,
     commands: []
   };
 };
 const loadContent$L = async state => {
-  const newState = await invoke$d('About.loadContent', state);
-  const commands = await invoke$d('About.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleClickOk$1 = async state => {
-  await invoke$d('About.handleClickOk');
-  return state;
-};
-const handleClickCopy = async state => {
-  await invoke$d('About.handleClickCopy');
-  return state;
-};
-const handleClickClose$3 = async state => {
-  await invoke$d('About.handleClickClose');
-  return state;
-};
-const handleFocusIn$1 = state => {
-  setFocus(About);
-  return state;
-};
-const focusNext$6 = async state => {
-  const newState = await invoke$d('About.focusNext', state);
-  const commands = await invoke$d('About.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const focusPrevious$6 = async state => {
-  const newState = await invoke$d('About.focusPrevious', state);
-  const commands = await invoke$d('About.render', state, newState);
-  newState.commands = commands;
-  return newState;
+  await invoke$d('About.create', state.id);
+  await invoke$d('About.loadContent2', state.id);
+  const diffResult = await invoke$d('About.diff2', state.id);
+  const commands = await invoke$d('About.render2', state.id, diffResult);
+  return {
+    ...state,
+    commands
+  };
 };
 
 const wrapAboutCommand = key => {
   const fn = async (state, ...args) => {
-    const newState = await invoke$d(`About.${key}`, state, ...args);
-    const commands = await invoke$d('About.render', state, newState);
+    await invoke$d(`About.${key}`, state.id, ...args);
+    const diffResult = await invoke$d(`About.diff2`, state.id);
+    const commands = await invoke$d('About.render2', state.id, diffResult);
     if (commands.length === 0) {
       return state;
     }
     return {
-      ...newState,
+      ...state,
       commands
     };
   };
@@ -14262,7 +14227,7 @@ const wrapAboutCommand = key => {
 };
 
 const Commands$E = {};
-const getCommands$7 = async () => {
+const getCommands$8 = async () => {
   const commands = await invoke$d('About.getCommandIds');
   for (const command of commands) {
     Commands$E[command] = wrapAboutCommand(command);
@@ -14326,14 +14291,8 @@ const ViewletAbout_ipc = {
   Commands: Commands$E,
   Css: Css$G,
   create: create$Q,
-  focusNext: focusNext$6,
-  focusPrevious: focusPrevious$6,
-  getCommands: getCommands$7,
+  getCommands: getCommands$8,
   getKeyBindings: getKeyBindings$i,
-  handleClickClose: handleClickClose$3,
-  handleClickCopy,
-  handleClickOk: handleClickOk$1,
-  handleFocusIn: handleFocusIn$1,
   hasFunctionalEvents: hasFunctionalEvents$8,
   hasFunctionalRender: hasFunctionalRender$E,
   hasFunctionalRootRender: hasFunctionalRootRender$o,
@@ -14684,7 +14643,7 @@ const toContextMenuItem$1 = activityBarItem => {
     label: activityBarItem.id,
     id: 8000,
     // TODO
-    flags: None$g,
+    flags: None$e,
     command: -1
   };
 };
@@ -14706,28 +14665,28 @@ const getMenuEntries$g = () => {
   return [{
     id: 'commandPalette',
     label: commandPalette(),
-    flags: None$g,
+    flags: None$e,
     command: 'QuickPick.showEverything'
   }, menuEntrySeparator, {
     id: 'settings',
     label: settings$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'Preferences.openSettingsJson'
   }, {
     id: 'keyboardShortcuts',
     label: keyboardShortcuts(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.openUri',
     args: [keyBindingsUri]
   }, {
     id: 'colorTheme',
     label: colorTheme(),
-    flags: None$g,
+    flags: None$e,
     command: 'QuickPick.showColorTheme'
   }, menuEntrySeparator, {
     id: 'checkForUpdates',
     label: checkForUpdates(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }];
 };
@@ -14756,14 +14715,14 @@ const menuEntryMoveSideBar = sideBarLocation => {
       return {
         id: 'moveSideBarRight',
         label: moveSideBarRight$1(),
-        flags: None$g,
+        flags: None$e,
         command: 'Layout.moveSideBarRight'
       };
     case Right$1:
       return {
         id: 'moveSideBarLeft',
         label: moveSideBarLeft$1(),
-        flags: None$g,
+        flags: None$e,
         command: 'Layout.moveSideBarLeft'
       };
     default:
@@ -14781,7 +14740,7 @@ const getMenuEntries$f = async (layoutState, activityBarState) => {
   return [...activityBarItems.map(toContextMenuItem), menuEntrySeparator, menuEntryMoveSideBar(sideBarLocation), {
     id: 'hideActivityBar',
     label: hideActivityBar$1(),
-    flags: None$g,
+    flags: None$e,
     command: /* Layout.hideActivityBar */'Layout.hideActivityBar'
   }];
 };
@@ -14840,13 +14799,13 @@ const HandleMouseOver = 'handleMouseOver';
 const HandlePointerDown = 'handlePointerDown';
 const HandleWheel = 'handleWheel';
 
-const ActivityBar$1 = 'ActivityBar';
+const ActivityBar$2 = 'ActivityBar';
 
 const getIconVirtualDom = (icon, type = Div) => {
   return {
     type,
     className: `MaskIcon MaskIcon${icon}`,
-    role: None$f,
+    role: None$d,
     childCount: 0
   };
 };
@@ -14904,7 +14863,7 @@ const createActivityBarItem = item => {
     }, {
       type: Div,
       className: Icon,
-      role: None$f,
+      role: None$d,
       childCount: 0,
       maskImage: icon
     }, {
@@ -14943,7 +14902,7 @@ const mergeClassNames = (...classNames) => {
 const getActivityBarVirtualDom = visibleItems => {
   return [{
     type: Div,
-    id: ActivityBar$1,
+    id: ActivityBar$2,
     className: mergeClassNames(Viewlet, ActivityBar$3),
     role: ToolBar,
     ariaRoleDescription: activityBar(),
@@ -15270,6 +15229,12 @@ const ViewletClock_ipc = {
   name: name$J
 };
 
+// TODO remove this file and merge with whenExpressions
+const ActivityBar$1 = FocusActivityBar;
+const Confirm = FocusConfirm;
+const Problems = FocusProblems;
+const SourceControlInput = FocusSourceControlInput;
+
 const create$L = () => {
   return {
     okCommand: ''
@@ -15986,7 +15951,8 @@ const create$H = (id, uri, x, y, width, height) => {
 const loadContent$C = async state => {
   await invoke$9('IframeInspector.create', state.id, state.x, state.y, state.width, state.height);
   await invoke$9('IframeInspector.loadContent', state.id);
-  const commands = await invoke$9('IframeInspector.render', state.id);
+  const diffResult = await invoke$9('IframeInspector.diff2', state.id);
+  const commands = await invoke$9('IframeInspector.render2', state.id, diffResult);
   return {
     ...state,
     commands
@@ -16008,7 +15974,8 @@ const hotReload$6 = async state => {
   };
   await invoke$9('IframeInspector.create', state.id, state.x, state.y, state.width, state.height);
   await invoke$9('IframeInspector.loadContent', state.id, savedState);
-  const commands = await invoke$9('IframeInspector.render', oldState.id);
+  const diffResult = await invoke$9('IframeInspector.diff', oldState.id);
+  const commands = await invoke$9('IframeInspector.render2', oldState.id, diffResult);
   return {
     ...oldState,
     commands,
@@ -16019,7 +15986,8 @@ const hotReload$6 = async state => {
 const wrapIframeInspectorCommand = key => {
   const fn = async (state, ...args) => {
     await invoke$9(`IframeInspector.${key}`, state.id, ...args);
-    const commands = await invoke$9('IframeInspector.render', state.id);
+    const diffResult = await invoke$9('IframeInspector.diff', state.id);
+    const commands = await invoke$9('IframeInspector.render', state.id, diffResult);
     if (commands.length === 0) {
       return state;
     }
@@ -16032,7 +16000,7 @@ const wrapIframeInspectorCommand = key => {
 };
 
 const Commands$w = {};
-const getCommands$6 = async () => {
+const getCommands$7 = async () => {
   const commands = await invoke$9('IframeInspector.getCommandIds');
   for (const command of commands) {
     Commands$w[command] = wrapIframeInspectorCommand(command);
@@ -16070,7 +16038,7 @@ const ViewletIframeInspector_ipc = {
   Commands: Commands$w,
   Css: Css$y,
   create: create$H,
-  getCommands: getCommands$6,
+  getCommands: getCommands$7,
   getKeyBindings: getKeyBindings$e,
   hasFunctionalEvents: hasFunctionalEvents$7,
   hasFunctionalRender: hasFunctionalRender$w,
@@ -16466,7 +16434,7 @@ const Css$w = ["/css/parts/ViewletDiffEditor.css"];
 
 const name$E = 'DiffEditor';
 
-const None$d = 0;
+const None$c = 0;
 const Insertion = 1;
 const Deletion = 2;
 
@@ -16493,7 +16461,7 @@ const getPrefix$2 = type => {
       return insertion$1;
     case Deletion:
       return deletion$1;
-    case None$d:
+    case None$c:
       return normal$1;
   }
 };
@@ -16505,7 +16473,7 @@ const getClassName$1 = type => {
       return Deletion$1;
     case Insertion:
       return Insertion$1;
-    case None$d:
+    case None$c:
       return '';
   }
 };
@@ -16746,7 +16714,7 @@ const getVisibleDiffLines = (lines, changes, minLineY, maxLineY) => {
     const line = lines[i];
     visible.push({
       line,
-      type: None$d
+      type: None$c
     });
   }
   for (const change of changes) {
@@ -16806,7 +16774,6 @@ const getVisibleDiffLinesWithTokens = (lines, changes, minLineY, maxLineY, langu
 const SetFocused = 'setFocused';
 const SetFocusedIndex = 'setFocusedIndex';
 const SetScrollBar = 'setScrollBar';
-const SetSize = 'setSize';
 const SetText = 'setText';
 const SetTitle = 'setTitle';
 const SetInputValue = 'setInputValue';
@@ -16865,7 +16832,7 @@ const getE2eTestsSandbox = () => {
 const Panel$1 = 'Panel';
 const SideBar$1 = 'SideBar';
 const Preview$2 = 'Preview';
-const None$c = '';
+const None$b = '';
 
 const create$C = (id, uri, x, y, width, height) => {
   return {
@@ -16984,7 +16951,7 @@ const getMenuEntries$e = () => {
   return [{
     id: 'openInNewTab',
     label: 'Open in New Tab',
-    flags: None$g,
+    flags: None$e,
     command: 'E2eTests.openInNewTab'
   }];
 };
@@ -17343,7 +17310,7 @@ const ViewletE2eTests_ipc = {
   runAll
 };
 
-const None$b = 1;
+const None$a = 1;
 
 const minimumSliderSize = 20;
 
@@ -17459,7 +17426,7 @@ const create$A = (id, uri, languageId) => {
     fontWeight: 400,
     tabSize: 2,
     cursorWidth: 2,
-    completionState: None$b,
+    completionState: None$a,
     longestLineWidth: 0,
     minimumSliderSize: minimumSliderSize,
     differences: [],
@@ -18049,7 +18016,7 @@ const ViewletEmptyEditor_ipc = {
   name: name$A
 };
 
-const None$a = 0;
+const None$9 = 0;
 
 const explorerWorkerUrl = `${assetDir}/packages/explorer-worker/dist/explorerViewWorkerMain.js`;
 
@@ -18102,7 +18069,7 @@ const create$w = (id, uri, x, y, width, height, args, parentUid) => {
     dropTargets: [],
     excluded: [],
     editingValue: '',
-    editingType: None$a,
+    editingType: None$9,
     editingIcon: ''
   };
 };
@@ -18179,7 +18146,7 @@ const wrapExplorerCommand = key => {
 
 const Commands$q = {};
 Commands$q['hotReload'] = hotReload$5;
-const getCommands$5 = async () => {
+const getCommands$6 = async () => {
   const commands = await invoke$6('Explorer.getCommandIds');
   for (const command of commands) {
     Commands$q[command] = wrapExplorerCommand(command);
@@ -18331,7 +18298,7 @@ const ViewletExplorer_ipc = {
   Events: Events$4,
   create: create$w,
   dispose: dispose$m,
-  getCommands: getCommands$5,
+  getCommands: getCommands$6,
   getDisplayName: getDisplayName$1,
   getKeyBindings: getKeyBindings$a,
   hasFunctionalEvents: hasFunctionalEvents$6,
@@ -18380,7 +18347,6 @@ const {
   restart: restart$5
 } = getOrCreateWorker(launchExtensionDetailViewWorker);
 
-const None$9 = 0;
 const Small = 1;
 const Normal = 2;
 const Large = 3;
@@ -18403,8 +18369,6 @@ const create$v = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    size: None$9,
-    selectedTab: '',
     uid: id
   };
 };
@@ -18419,12 +18383,13 @@ const create$v = (id, uri, x, y, width, height) => {
 // TODO when there are multiple extension with the same id,
 // probably need to pass extension location from extensions viewlet
 const loadContent$v = async (state, savedState) => {
-  await invoke$5('ExtensionDetail.create', state.uid, state.uri, state.x, state.y, state.width, state.height, 0, assetDir);
-  await invoke$5('ExtensionDetail.loadContent', state.uid, platform, savedState);
-  const dom = await invoke$5('ExtensionDetail.getVirtualDom2', state.uid);
+  await invoke$5('ExtensionDetail.create', state.uid, state.uri, state.x, state.y, state.width, state.height, platform, assetDir);
+  await invoke$5('ExtensionDetail.loadContent2', state.uid, savedState);
+  const diffResult = await invoke$5('ExtensionDetail.diff2', state.uid);
+  const commands = await invoke$5('ExtensionDetail.render2', state.uid, diffResult);
   return {
     ...state,
-    dom
+    commands
   };
 };
 const hotReload$4 = async state => {
@@ -18436,22 +18401,19 @@ const hotReload$4 = async state => {
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
   await restart$5('ExtensionDetail.terminate');
-  await invoke$5('ExtensionDetail.create', state.uid, state.uri, state.x, state.y, state.width, state.height, 0, assetDir);
+  await invoke$5('ExtensionDetail.create', state.uid, state.uri, state.x, state.y, state.width, state.height, platform, assetDir);
   await invoke$5('ExtensionDetail.loadContent', state.uid, {});
-  const dom = await invoke$5('ExtensionDetail.getVirtualDom2', state.uid);
+  const diffResult = invoke$5('ExtensionDetail.diff2', state.uid);
+  const commands = await invoke$5('ExtensionDetail.render2', state.uid, diffResult);
   state.isHotReloading = false;
   return {
     ...state,
-    dom
+    commands
   };
 };
 const saveState$c = async state => {
-  try {
-    const savedState = await invoke$5('ExtensionDetail.saveState', state.uid);
-    return savedState;
-  } catch {
-    return {};
-  }
+  const savedState = await invoke$5('ExtensionDetail.saveState', state.uid);
+  return savedState;
 };
 const hasFunctionalResize$e = true;
 const resize$j = (state, dimensions) => {
@@ -18475,15 +18437,14 @@ const wrapExtensionDetailCommand = key => {
   return fn;
 };
 
-// prettier-ignore
-const Commands$p = {
-  handleClickSize: wrapExtensionDetailCommand('handleClickSize'),
-  handleFeaturesClick: wrapExtensionDetailCommand('handleFeaturesClick'),
-  handleIconError: wrapExtensionDetailCommand('handleIconError'),
-  handleReadmeContextMenu: wrapExtensionDetailCommand('handleReadmeContextMenu'),
-  handleTabsClick: wrapExtensionDetailCommand('handleTabsClick'),
-  hotReload: hotReload$4,
-  selectTab: wrapExtensionDetailCommand('selectTab')
+const Commands$p = {};
+const getCommands$5 = async () => {
+  const commands = await invoke$5('ExtensionDetail.getCommandIds');
+  for (const command of commands) {
+    Commands$p[command] = wrapExtensionDetailCommand(command);
+  }
+  Commands$p['hotReload'] = hotReload$4;
+  return Commands$p;
 };
 
 const Css$r = ["/css/parts/AdditionalDetails.css", "/css/parts/FeatureContent.css", "/css/parts/Features.css", "/css/parts/Markdown.css", "/css/parts/ViewletExtensionDetail.css", "/css/parts/ViewletExtensionDetailHeader.css", "/css/parts/ViewletExtensionDetailTabs.css"];
@@ -18509,22 +18470,12 @@ const hasFunctionalRootRender$e = true;
 const hasFunctionalEvents$5 = true;
 const renderDom$1 = {
   isEqual(oldState, newState) {
-    return oldState.dom === newState.dom;
-  },
-  apply(oldState, newState) {
-    const dom = newState.dom;
-    return ['Viewlet.setDom2', dom];
-  }
-};
-const renderSize = {
-  isEqual(oldState, newState) {
-    return oldState.size === newState.size;
+    return false;
   },
-  apply(oldState, newState) {
-    return [/* method */SetSize, /* oldSize */oldState.size, /* newSize */newState.size];
-  }
+  apply: apply,
+  multiple: true
 };
-const render$r = [renderDom$1, renderSize];
+const render$r = [renderDom$1];
 const renderEventListeners$4 = async () => {
   const listeners = await invoke$5('ExtensionDetail.renderEventListeners');
   return listeners;
@@ -18535,6 +18486,7 @@ const ViewletExtensionDetail_ipc = {
   Commands: Commands$p,
   Css: Css$r,
   create: create$v,
+  getCommands: getCommands$5,
   hasFunctionalEvents: hasFunctionalEvents$5,
   hasFunctionalRender: hasFunctionalRender$q,
   hasFunctionalResize: hasFunctionalResize$e,
@@ -18600,7 +18552,8 @@ const create$u = (id, uri, x, y, width, height) => {
 const loadContent$u = async (state, savedState) => {
   await invoke$4('SearchExtensions.create', state.id, state.uri, state.x, state.y, state.width, state.height, state.platform, state.assetDir);
   await invoke$4('SearchExtensions.loadContent', state.id, savedState);
-  const commands = await invoke$4('SearchExtensions.render2', state.id);
+  const diffResult = await invoke$4('SearchExtensions.diff2', state.id);
+  const commands = await invoke$4('SearchExtensions.render3', state.id, diffResult);
   return {
     ...state,
     commands
@@ -18626,7 +18579,8 @@ const hotReload$3 = async state => {
   };
   await invoke$4('SearchExtensions.create', state.id, state.uri, state.x, state.y, state.width, state.height, state.platform, state.assetDir);
   await invoke$4('SearchExtensions.loadContent', state.id, savedState);
-  const commands = await invoke$4('SearchExtensions.render2', oldState.id);
+  const diffResult = await invoke$4('SearchExtensions.diff2', state.id);
+  const commands = await invoke$4('SearchExtensions.render3', oldState.id, diffResult);
   return {
     ...oldState,
     commands,
@@ -18637,7 +18591,8 @@ const hotReload$3 = async state => {
 const wrapExtensionSearchCommand = key => {
   const wrapped = async (state, ...args) => {
     await invoke$4(`SearchExtensions.${key}`, state.uid, ...args);
-    const commands = await invoke$4('SearchExtensions.render2', state.uid);
+    const diffResult = await invoke$4(`SearchExtensions.diff2`, state.uid);
+    const commands = await invoke$4('SearchExtensions.render3', state.uid, diffResult);
     return {
       ...state,
       commands
@@ -19381,7 +19336,7 @@ const getInlineDiffEditorLines = (linesLeft, linesRight, inlineChanges) => {
       rightIndex
     } = inlineChange;
     switch (inlineChange.type) {
-      case None$d:
+      case None$c:
         merged.push({
           type,
           leftIndex,
@@ -19433,7 +19388,7 @@ const getPrefix$1 = type => {
       return insertion;
     case Deletion:
       return deletion;
-    case None$d:
+    case None$c:
       return normal;
   }
 };
@@ -19610,7 +19565,8 @@ const saveState$9 = state => {
 const loadContent$q = async (state, savedState) => {
   await invoke$3('KeyBindings.create', state.uid, state.uri, state.x, state.y, state.width, state.height);
   await invoke$3('KeyBindings.loadContent', state.uid, savedState);
-  const commands = await invoke$3('KeyBindings.render2', state.uid);
+  const diffResult = await invoke$3('KeyBindings.diff2', state.uid);
+  const commands = await invoke$3('KeyBindings.render3', state.uid, diffResult);
   return {
     ...state,
     commands
@@ -19632,7 +19588,8 @@ const hotReload$2 = async state => {
   };
   await invoke$3('KeyBindings.create', state.uid, state.uri, state.x, state.y, state.width, state.height);
   await invoke$3('KeyBindings.loadContent', state.uid, savedState);
-  const commands = await invoke$3('KeyBindings.render2', oldState.uid);
+  const diffResult = await invoke$3('KeyBindings.diff2', state.uid);
+  const commands = await invoke$3('KeyBindings.render3', oldState.uid, diffResult);
   return {
     ...oldState,
     commands,
@@ -19643,7 +19600,8 @@ const hotReload$2 = async state => {
 const wrapKeyBindingCommand = key => {
   const fn = async (state, ...args) => {
     await invoke$3(`KeyBindings.${key}`, state.uid, ...args);
-    const commands = await invoke$3('KeyBindings.render2', state.uid);
+    const diffResult = await invoke$3('KeyBindings.diff2', state.uid);
+    const commands = await invoke$3('KeyBindings.render3', state.uid, diffResult);
     if (commands.length === 0) {
       return state;
     }
@@ -19676,47 +19634,47 @@ const getMenuEntries$a = () => {
   return [{
     id: 'copy',
     label: copy$2(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.copy'
   }, {
     id: 'copyCommandId',
     label: copyCommandId(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.copyCommandId'
   }, {
     id: 'copyCommandTitle',
     label: copyCommandTitle(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.copyCommandTitle'
   }, {
     id: 'changeKeyBinding',
     label: changeKeyBinding(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.changeKeyBinding'
   }, {
     id: 'addKeyBinding',
     label: addKeyBinding(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.addKeyBinding'
   }, {
     id: 'removeKeyBinding',
     label: removeKeyBinding(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.removeKeyBinding'
   }, {
     id: 'resetKeyBinding',
     label: resetKeyBinding(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.resetKeyBinding'
   }, {
     id: 'changeWhenExpression',
     label: changeWhenExpression(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.changeWhenExpression'
   }, {
     id: 'showSameKeyBindings',
     label: showSameKeyBindings(),
-    flags: None$g,
+    flags: None$e,
     command: 'KeyBindings.showSameKeyBindings'
   }];
 };
@@ -20065,7 +20023,7 @@ const create$p = id => {
   return {
     points: new Uint16Array(Total),
     sideBarViewletId: '',
-    [SashId]: None$c,
+    [SashId]: None$b,
     sideBarLocation: Right$1,
     uid: id
   };
@@ -20252,7 +20210,7 @@ const showPanel = state => {
 const hidePanel$1 = state => {
   return hide$2(state, Panel);
 };
-const togglePanel = (state, moduleId = None$i) => {
+const togglePanel = (state, moduleId = None$g) => {
   return toggle(state, Panel);
 };
 const showActivityBar = state => {
@@ -22906,7 +22864,7 @@ const getFileIconVirtualDom = icon => {
     type: Img,
     className: FileIcon,
     src: icon,
-    role: None$f,
+    role: None$d,
     childCount: 0
   };
 };
@@ -24229,12 +24187,12 @@ const getMenuEntries$9 = () => {
   return [{
     id: 'copy',
     label: copy$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'Problems.copy'
   }, {
     id: 'copyMessage',
     label: copyMessage$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'Problems.copyMessage'
   }];
 };
@@ -24250,17 +24208,17 @@ const getMenuEntries$8 = () => {
   return [{
     id: 'show-errors',
     label: 'Show Errors',
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     id: 'show-warnings',
     label: 'Show Warnings',
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     id: 'show-infos',
     label: 'Show Infos',
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }];
 };
@@ -27000,7 +26958,8 @@ const doCreate = async state => {
 const loadContent$e = async (state, savedState) => {
   await doCreate(state);
   await invoke$2('TextSearch.loadContent', state.uid, savedState);
-  const commands = await invoke$2('TextSearch.render', state.uid);
+  const diffResult = await invoke$2('TextSearch.diff2', state.uid);
+  const commands = await invoke$2('TextSearch.render2', state.uid, diffResult);
   return {
     ...state,
     commands
@@ -27023,7 +26982,8 @@ const hotReload$1 = async state => {
   await restart$1('TextSearch.terminate');
   await doCreate(state);
   await invoke$2('TextSearch.loadContent', state.uid, savedState);
-  const commands = await invoke$2('TextSearch.render', state.uid);
+  const diffResult = await invoke$2('TextSearch.diff', state.uid);
+  const commands = await invoke$2('TextSearch.render', state.uid, diffResult);
   state.commands = commands;
   state.isHotReloading = false;
   return {
@@ -27044,7 +27004,8 @@ const hotReload$1 = async state => {
 const wrapTextSearchCommand = key => {
   const fn = async (state, ...args) => {
     await invoke$2(`TextSearch.${key}`, state.uid, ...args);
-    const commands = await invoke$2('TextSearch.render', state.uid);
+    const diffResult = await invoke$2(`TextSearch.diff2`, state.uid, ...args);
+    const commands = await invoke$2('TextSearch.render2', state.uid, diffResult);
     return {
       ...state,
       commands
@@ -27079,12 +27040,12 @@ const getMenuEntries$7 = () => {
   return [{
     id: 'dismiss',
     label: 'dismiss',
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     id: 'copyPath',
     label: 'copyPath',
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }];
 };
@@ -27863,13 +27824,13 @@ const getMenuEntriesLink = (x, y, params) => {
   return [{
     id: 'open-link-in-new-tab',
     label: openLinkInNewTab(),
-    flags: None$g,
+    flags: None$e,
     command: 'SimpleBrowser.openBackgroundTab',
     args: [linkURL]
   }, {
     id: 'copy-link-address',
     label: copyLinkAddress(),
-    flags: None$g,
+    flags: None$e,
     command: 'ElectronClipBoard.writeText',
     args: [linkURL]
   }];
@@ -27878,7 +27839,7 @@ const getMenuEntriesDefault = (x, y, params) => {
   return [{
     id: 'inspect-element',
     label: inspectElement$2(),
-    flags: None$g,
+    flags: None$e,
     command: 'SimpleBrowser.inspectElement',
     args: [x, y]
   }];
@@ -27890,7 +27851,7 @@ const getMenuEntriesSelectionText = (x, y, params) => {
   return [{
     id: 'copy',
     label: copy(),
-    flags: None$g,
+    flags: None$e,
     command: 'ElectronClipBoard.writeText',
     args: [selectionText]
   }];
@@ -27903,13 +27864,13 @@ const getMenuEntriesImage = (x, y, params) => {
   return [{
     id: 'save-image',
     label: saveImageAs(),
-    flags: None$g,
+    flags: None$e,
     command: 'Download.downloadToDownloadsFolder',
     args: [fileName, srcURL]
   }, {
     id: 'copy-image',
     label: copyImage$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'SimpleBrowser.copyImage',
     args: [x, y]
   }];
@@ -28503,35 +28464,35 @@ const id$2 = SourceControl$1;
 const getMenuEntries$5 = () => {
   return [{
     label: openChanges(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     label: openFile$1(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     label: openFileHead(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     label: discardChanges(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     label: stageChanges(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     label: addToGitignore(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     label: revealInExplorerView(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }, {
     label: openContainingFolder(),
-    flags: None$g,
+    flags: None$e,
     command: /* TODO */-1
   }];
 };
@@ -30890,27 +30851,27 @@ const getMenuEntries$4 = () => {
   return [{
     id: File,
     label: file(),
-    flags: None$g
+    flags: None$e
   }, {
     id: Edit,
     label: edit(),
-    flags: None$g
+    flags: None$e
   }, {
     id: Selection,
     label: selection(),
-    flags: None$g
+    flags: None$e
   }, {
     id: View$1,
     label: view(),
-    flags: None$g
+    flags: None$e
   }, {
     id: Go,
     label: go(),
-    flags: None$g
+    flags: None$e
   }, {
     id: Help$1,
     label: help(),
-    flags: None$g
+    flags: None$e
   }];
 };
 
@@ -30968,54 +30929,54 @@ const getMenuEntries$2 = () => {
   return [{
     id: 'go-to-definition',
     label: goToDefinition(),
-    flags: None$g,
+    flags: None$e,
     command: 'Editor.goToDefinition'
   }, {
     id: 'go-to-type-definition',
     label: goToTypeDefinition(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.goToTypeDefinition */'Editor.goToTypeDefinition'
   }, menuEntrySeparator, {
     id: 'find-all-references',
     label: findAllReferences(),
-    flags: None$g,
+    flags: None$e,
     command: /* ViewletSideBar.show */'SideBar.show',
     args: [/* id */'References', /* focus */true]
   }, {
     id: 'find-all-implementations',
     label: findAllImplementations(),
-    flags: None$g,
+    flags: None$e,
     command: /* ViewletSideBar.show */'SideBar.show',
     args: [/* id */'Implementations', /* focus */true]
   }, menuEntrySeparator, {
     id: 'format',
     label: formatDocument(),
-    flags: None$g,
+    flags: None$e,
     command: 'Editor.format'
   }, {
     id: SourceControl$1,
     label: sourceAction(),
-    flags: None$g,
+    flags: None$e,
     command: 'Editor.showSourceActions2'
   }, menuEntrySeparator, {
     id: 'cut',
     label: cut(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.cut */'Editor.cut'
   }, {
     id: 'copy',
     label: copy$3(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.copy */'Editor.copy'
   }, {
     id: 'paste',
     label: paste(),
-    flags: None$g,
+    flags: None$e,
     command: /* Editor.paste */'Editor.paste'
   }, menuEntrySeparator, {
     id: 'commandPalette',
     label: commandPalette(),
-    flags: None$g,
+    flags: None$e,
     command: 'QuickPick.showEverything'
   }];
 };
@@ -31093,33 +31054,33 @@ const getMenuEntries$1 = () => {
   return [{
     id: 'tabClose',
     label: close(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.closeFocusedTab'
   }, {
     id: 'tabCloseOthers',
     label: closeOthers$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.closeOthers'
   }, {
     id: 'tabCloseToTheRight',
     label: closeToTheRight(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.closeTabsRight'
   }, {
     id: 'tabCloseAll',
     label: closeAll(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.closeAllEditors'
   }, menuEntrySeparator, {
     id: 'revealInExplorer',
     label: revealInExplorer(),
-    flags: None$g,
+    flags: None$e,
     command: 'Explorer.revealItem',
     args: [uri]
   }, menuEntrySeparator, {
     id: 'findFileReferences',
     label: findFileReferences$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'SideBar.show',
     args: [/* id */'References', /* focus */true, uri]
   }];
@@ -31135,33 +31096,33 @@ const getMenuEntries = () => {
   return [{
     id: 'openFile',
     label: openFile(),
-    flags: None$g,
+    flags: None$e,
     command: 'Viewlet.openWidget',
     args: [QuickPick, 'file']
   }, menuEntrySeparator, {
     id: 'splitUp',
     label: splitUp(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.splitUp'
   }, {
     id: 'splitDown',
     label: splitDown(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.splitDown'
   }, {
     id: 'splitLeft',
     label: splitLeft(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.splitLeft'
   }, {
     id: 'splitRight',
     label: splitRight$1(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.splitRight'
   }, menuEntrySeparator, {
     id: 'newWindow',
     label: newWindow(),
-    flags: None$g,
+    flags: None$e,
     command: 'Main.newWindow'
   }];
 };
@@ -31308,7 +31269,7 @@ const ViewletActivityBarSelectCurrent = {
 };
 
 const handleFocus$1 = state => {
-  setFocus(ActivityBar$2);
+  setFocus(ActivityBar$1);
   return state;
 };
 
@@ -32173,7 +32134,7 @@ const prefixIdWithExt = item => {
 const getExtensionPicks = async () => {
   try {
     // TODO don't call this every time
-    const extensionPicks = await getCommands$8();
+    const extensionPicks = await getCommands$9();
     if (!extensionPicks) {
       return [];
     }