@lvce-editor/static-server 0.110.18 → 0.110.20

package/static/{56ff074 → ab2919e}/packages/quick-pick-worker/dist/quickPickWorkerMain.js

@@ -3351,13 +3351,26 @@ const getRecentlyOpened = async () => {
   return uniq(recentlyOpened);
 };
 
+const fileScheme = 'file://';
+const remoteSshScheme = 'remote-ssh://';
+const decodePath = path => {
+  try {
+    return decodeURIComponent(path);
+  } catch {
+    return path;
+  }
+};
+const getRemoteSshPathStart = uri => {
+  return uri.indexOf('/', remoteSshScheme.length);
+};
 const getPath = uri => {
-  if (uri.startsWith('file://')) {
-    const path = uri.slice('file://'.length);
-    try {
-      return decodeURIComponent(path);
-    } catch {
-      return path;
+  if (uri.startsWith(fileScheme)) {
+    return decodePath(uri.slice(fileScheme.length));
+  }
+  if (uri.startsWith(remoteSshScheme)) {
+    const pathStart = getRemoteSshPathStart(uri);
+    if (pathStart !== -1) {
+      return decodePath(uri.slice(pathStart));
     }
   }
   return uri;
@@ -3372,7 +3385,12 @@ const getLabel = uri => {
 const getDescription = uri => {
   const path = getPath(uri);
   if (path.startsWith('/')) {
-    return pathDirName(path);
+    const directory = pathDirName(path);
+    if (uri.startsWith(remoteSshScheme)) {
+      const pathStart = getRemoteSshPathStart(uri);
+      return `${uri.slice(0, pathStart)}${directory}`;
+    }
+    return directory;
   }
   return '';
 };

package/static/{56ff074 → ab2919e}/packages/renderer-process/dist/rendererProcessMain.js

@@ -3258,7 +3258,7 @@ const getAssetDir = () => {
   }
   return '';
 };
-const assetDir = '/56ff074';
+const assetDir = '/ab2919e';
 
 const getConfiguredWorkerUrl = key => {
   if (typeof location === 'undefined' || typeof document === 'undefined') {
@@ -3669,15 +3669,18 @@ const addFileHandle = fileHandle => {
   return addFileHandle$1(fileHandle);
 };
 
+const getWindowControlsOverlay = () => {
+  const navigatorWithWindowControls = globalThis.navigator;
+  return navigatorWithWindowControls.windowControlsOverlay;
+};
+const getTitleBarRect = () => {
+  return getWindowControlsOverlay()?.getTitlebarAreaRect();
+};
 const getTitleBarHeight = () => {
-  if (
-  // @ts-expect-error
-  globalThis.navigator.windowControlsOverlay?.getTitlebarAreaRect) {
-    // @ts-expect-error
-    const titleBarRect = globalThis.navigator.windowControlsOverlay.getTitlebarAreaRect();
-    return titleBarRect.height;
-  }
-  return 0;
+  return getTitleBarRect()?.height ?? 0;
+};
+const getTitleBarLeftInset = () => {
+  return getTitleBarRect()?.x ?? 0;
 };
 const getBounds = () => {
   return {
@@ -8813,6 +8816,9 @@ const ViewletTitleBarMenuBarEvents = {
 };
 
 const activeId = 'TitleBarEntryActive';
+const getMenuX = x => {
+  return x + getTitleBarLeftInset();
+};
 const removeDocumentClickListener = state => {
   const {
     documentClickListener
@@ -8941,7 +8947,7 @@ const openMenu = (state, unFocusIndex, index, level, menuItems, menuFocusedIndex
     items: menuItems,
     level,
     width,
-    x,
+    x: getMenuX(x),
     y
   });
   if (menuFocusedIndex !== -1) {
@@ -9008,7 +9014,7 @@ const addMenu = ($$Menus, change, uid) => {
     x,
     y
   } = menu;
-  setBounds$a($Menu, x, y, width, height);
+  setBounds$a($Menu, getMenuX(x), y, width, height);
   renderInto($Menu, dom);
   $Menu.id = `Menu-${level}`;
   append$1($Menu);
@@ -9040,7 +9046,7 @@ const updateMenu = ($$Menus, change) => {
     y
   } = menu;
   const $Menu = $$Menus[level];
-  setBounds$a($Menu, x, y, width, height);
+  setBounds$a($Menu, getMenuX(x), y, width, height);
   renderInto($Menu, dom);
   const isOpeningSubMenu = $$Menus.length < newLength;
   if (level === newLength - 1 || isOpeningSubMenu) {

package/static/{56ff074 → ab2919e}/packages/renderer-process/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "30.46.3",
+  "version": "30.46.4",
   "keywords": [
     "lvce-editor",
     "renderer-process"

package/static/{56ff074 → ab2919e}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -1,3 +1,5 @@
+import { diffTree } from '@lvce-editor/virtual-dom-worker';
+
 class AssertionError extends Error {
   constructor(message) {
     super(message);
@@ -95,7 +97,7 @@ const getAssetDir$2 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/56ff074';
+    return '/ab2919e';
   }
 };
 const assetDir = getAssetDir$2();
@@ -6754,27 +6756,27 @@ const reset$1 = () => {
   state$m.remoteCliUrl = '';
   state$m.webSocketUrl = '';
 };
-const isActive = () => Boolean(state$m.command && state$n.workspaceUri === state$m.workspaceUri);
+const isActive$1 = () => Boolean(state$m.command && state$n.workspaceUri === state$m.workspaceUri);
 const getCommand = () => {
-  if (!isActive()) {
+  if (!isActive$1()) {
     return '';
   }
   return state$m.command;
 };
 const getRemoteCliUrl = () => {
-  if (!isActive()) {
+  if (!isActive$1()) {
     return '';
   }
   return state$m.remoteCliUrl;
 };
 const getWebSocketUrlTemplate = () => {
-  if (!isActive()) {
+  if (!isActive$1()) {
     return '';
   }
   return state$m.webSocketUrl;
 };
 const getWebSocketUrl = async type => {
-  if (!isActive()) {
+  if (!isActive$1()) {
     return '';
   }
   if (state$m.webSocketUrl) {
@@ -6793,7 +6795,7 @@ const getWebSocketUrl = async type => {
   return url.href;
 };
 const connectMessagePort = async (type, port) => {
-  if (!isActive()) {
+  if (!isActive$1()) {
     return false;
   }
   const webSocket = await create$1a({
@@ -6811,7 +6813,7 @@ const connectMessagePort = async (type, port) => {
   return true;
 };
 
-const getFileSystemPlatform = (platform = getPlatform$4(), connectionActive = isActive()) => {
+const getFileSystemPlatform = (platform = getPlatform$4(), connectionActive = isActive$1()) => {
   return connectionActive ? Remote : platform;
 };
 const launchFileSystemWorker = async () => {
@@ -7134,8 +7136,8 @@ const shouldTrace = (selectors, traceId) => {
   return selectors.has('*') || Boolean(traceId && selectors.has(traceId));
 };
 
-const version = '0.110.18';
-const commit$1 = '56ff074';
+const version = '0.110.20';
+const commit$1 = 'ab2919e';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$H('Process.getPid');
@@ -8904,6 +8906,7 @@ const dispatch = key => (...args) => {
   emitEvent(key, ...args);
 };
 const handleDidNavigate$1 = dispatch('browser-view-did-navigate');
+const handleKeyBinding$2 = dispatch('browser-view-key-binding');
 const handlePageFaviconUpdated$1 = dispatch('browser-view-page-favicon-updated');
 const handleTitleUpdated$1 = dispatch('browser-view-title-updated');
 const handleWillNavigate$1 = dispatch('browser-view-will-navigate');
@@ -11367,14 +11370,14 @@ const handleUnhandledError = (message, filename, lineno, colno, error) => {
 };
 
 const loadProcessExplorerViewletModule = (platform = getPlatform$4()) => {
-  if (platform === Web$1 && !isActive()) {
+  if (platform === Web$1 && !isActive$1()) {
     return Promise.resolve().then(function () { return ViewletProcessExplorerUnsupported_ipc; });
   }
   return Promise.resolve().then(function () { return ViewletProcessExplorer_ipc; });
 };
 
 const loadFileWatcherExplorerViewletModule = (platform = getPlatform$4()) => {
-  if (platform === Web$1 && !isActive()) {
+  if (platform === Web$1 && !isActive$1()) {
     return Promise.resolve().then(function () { return ViewletFileWatcherExplorerUnsupported_ipc; });
   }
   return Promise.resolve().then(function () { return ViewletFileWatcherExplorer_ipc; });
@@ -12124,6 +12127,7 @@ const commandMap = {
   'SimpleBrowser.closeSuggestions': lazy('SimpleBrowser.closeSuggestions'),
   'SimpleBrowser.getDomTree': lazy('SimpleBrowser.getDomTree'),
   'SimpleBrowser.go': lazy('SimpleBrowser.go'),
+  'SimpleBrowser.handleAudioStateChanged': lazy('SimpleBrowser.handleAudioStateChanged'),
   'SimpleBrowser.handleDidNavigate': lazy('SimpleBrowser.handleDidNavigate'),
   'SimpleBrowser.handleDidNavigationCancel': lazy('SimpleBrowser.handleDidNavigationCancel'),
   'SimpleBrowser.handleInput': lazy('SimpleBrowser.handleInput'),
@@ -12238,6 +12242,7 @@ const commandMap = {
   'Workspace.setUri': lazy('Workspace.setUri'),
   'Workspace.supportsConnectionCommand': lazy('Workspace.supportsConnectionCommand'),
   'WebSocketCapability.create': lazy('WebSocketCapability.create'),
+  'WebSocketCapability.isActive': lazy('WebSocketCapability.isActive'),
   'Layout.getAllQuickPickMenuEntries': lazy('Layout.getAllQuickPickMenuEntries'),
   'Layout.attachViewlet': lazy('Layout.attachViewlet'),
   'Layout.createPanelViewlet': lazy('Layout.createPanelViewlet'),
@@ -12739,7 +12744,7 @@ const sendMessagePortToElectron = async (port, initialCommand, ipcId) => {
 };
 
 const create$10 = async options => {
-  if (isActive()) {
+  if (isActive$1()) {
     const module = await Promise.resolve().then(function () { return IpcParentWithWebSocket; });
     const rawIpc = await module.create({
       ...options,
@@ -15664,6 +15669,7 @@ const EditorError_ipc = {
 const name$25 = 'ElectronBrowserView';
 const Commands$28 = {
   handleDidNavigate: handleDidNavigate$1,
+  handleKeyBinding: handleKeyBinding$2,
   handlePageFaviconUpdated: handlePageFaviconUpdated$1,
   handleTitleUpdated: handleTitleUpdated$1,
   handleWillNavigate: handleWillNavigate$1,
@@ -15787,6 +15793,7 @@ const ExtensionMeta_ipc = {
   name: name$1_
 };
 
+const isActive = isActive$1;
 const create$$ = async type => {
   const remoteUrl = await getWebSocketUrl(type);
   return {
@@ -18531,9 +18538,6 @@ const sendMessagePortToSharedProcess = async (port, initialCommand, rpcId) => {
 };
 const sendMessagePortToProcessExplorer = async port => {
   object(port);
-  if (await connectMessagePort('process-explorer', port)) {
-    return;
-  }
   await invokeAndTransfer$N('HandleMessagePortForProcessExplorer.handleMessagePortForProcessExplorer', port);
 };
 const sendMessagePortToFileWatcherExplorer = async port => {
@@ -19484,7 +19488,8 @@ const FileSystemMemory_ipc = {
 
 const name$P = 'WebSocketCapability';
 const Commands$R = {
-  create: create$$
+  create: create$$,
+  isActive: isActive
 };
 
 const WebSocketCapability_ipc = {
@@ -20657,6 +20662,7 @@ const getDisplayName$3 = () => {
   return explorer$1();
 };
 
+const Image = 'img';
 const List = 'list';
 const ListBox = 'listbox';
 const ListItem = 'listitem';
@@ -22085,7 +22091,13 @@ const createWorkerViewlet = ({
   });
 };
 
-const getPlatform$2 = () => isActive() ? Remote : getPlatform$4();
+const getPlatform$2 = () => {
+  const platform = getPlatform$4();
+  if (platform === Electron$1) {
+    return platform;
+  }
+  return isActive$1() ? Remote : platform;
+};
 const {
   Commands: Commands$O,
   Css: Css$N,
@@ -22218,7 +22230,7 @@ const ViewletFileWatcherExplorerUnsupported_ipc = {
   render: render$O
 };
 
-const getPlatform$1 = () => isActive() ? Remote : getPlatform$4();
+const getPlatform$1 = () => isActive$1() ? Remote : getPlatform$4();
 const {
   Commands: Commands$M,
   Css: Css$L,
@@ -22585,7 +22597,7 @@ const loadContent$M = async state => {
   };
 };
 
-const getDom = overview => {
+const getDom$1 = overview => {
   const dom = [];
   dom.push({
     type: Div,
@@ -22602,7 +22614,7 @@ const renderOverview = {
   },
   apply(oldState, newState) {
     const browserViewString = JSON.stringify(newState.browserViewMap, null, 2);
-    const dom = getDom(browserViewString);
+    const dom = getDom$1(browserViewString);
     return ['setDom', dom];
   }
 };
@@ -26291,7 +26303,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = '56ff074';
+const commit = 'ab2919e';
 
 const getAutoUpdateType = () => {
   return invoke$H('AutoUpdater.getAutoUpdateType');
@@ -32326,8 +32338,8 @@ const show$3 = id => {
 const hide$1 = id => {
   return invoke('ElectronWebContentsView.hide', id);
 };
-const setFallthroughKeyBindings = fallthroughKeyBindings => {
-  return invoke('ElectronWebContentsView.setFallthroughKeyBindings', fallthroughKeyBindings);
+const setFallthroughKeyBindings = (id, fallthroughKeyBindings) => {
+  return invoke('ElectronWebContentsView.setFallthroughKeyBindings', id, fallthroughKeyBindings);
 };
 const getStats$1 = id => {
   return invoke('ElectronWebContentsView.getStats', id);
@@ -32414,6 +32426,8 @@ const getShortCuts = () => {
 
 const navigationHeaderHeight = 30;
 const tabsHeaderHeight = 35;
+const focusNextTabKeyBinding = CtrlCmd | Tab$1;
+const focusPreviousTabKeyBinding = CtrlCmd | Shift$1 | Tab$1;
 const getHeaderHeight = tabsEnabled => navigationHeaderHeight + (tabsEnabled ? tabsHeaderHeight : 0);
 const createTab$1 = ({
   browserViewId,
@@ -32422,6 +32436,7 @@ const createTab$1 = ({
   favicon = '',
   iframeSrc = '',
   inputValue = '',
+  isAudioPlaying = false,
   isLoading = false,
   title = 'New Tab'
 }) => ({
@@ -32431,6 +32446,7 @@ const createTab$1 = ({
   favicon,
   iframeSrc,
   inputValue,
+  isAudioPlaying,
   isLoading,
   title: title || 'New Tab'
 });
@@ -32467,6 +32483,7 @@ const activateTab = (state, tabs, selectedTabIndex) => {
     canGoForward: tab.canGoForward,
     iframeSrc: tab.iframeSrc,
     inputValue: tab.inputValue,
+    isAudioPlaying: tab.isAudioPlaying,
     isLoading: tab.isLoading,
     selectedTabIndex,
     tabs,
@@ -32497,6 +32514,7 @@ const create$6 = (id, uri, x, y, width, height) => {
     canGoForward: true,
     canGoBack: true,
     isLoading: false,
+    isAudioPlaying: false,
     hasSuggestionsOverlay: false,
     selectedSuggestionIndex: -1,
     suggestions: [],
@@ -32541,7 +32559,7 @@ const backgroundLoadContent = async (state, savedState) => {
   const keyBindings = await getKeyBindings$G();
   const fallThroughKeyBindings = getFallThroughKeyBindings(keyBindings);
   const browserViewId = await createWebContentsView(0);
-  await setFallthroughKeyBindings(fallThroughKeyBindings);
+  await setFallthroughKeyBindings(browserViewId, fallThroughKeyBindings);
   number(browserViewId);
   await resizeWebContentsView(browserViewId, x, y + headerHeight, width, height - headerHeight);
   const {
@@ -32596,9 +32614,10 @@ const loadContent$6 = async (state, savedState) => {
   const browserViewWidth = width;
   const browserViewHeight = height - headerHeight;
   const shortcuts = getShortCuts();
+  const fallThroughKeyBindings = getFallThroughKeyBindings(keyBindings);
   if (id) {
     const actualId = await createWebContentsView(id, uid);
-    await setFallthroughKeyBindings(keyBindings);
+    await setFallthroughKeyBindings(actualId, fallThroughKeyBindings);
     await resizeWebContentsView(actualId, browserViewX, browserViewY, browserViewWidth, browserViewHeight);
     if (id !== actualId) {
       await setIframeSrc(actualId, iframeSrc);
@@ -32629,9 +32648,8 @@ const loadContent$6 = async (state, savedState) => {
       title
     };
   }
-  const fallThroughKeyBindings = getFallThroughKeyBindings(keyBindings);
   const browserViewId = await createWebContentsView(/* restoreId */0, uid);
-  await setFallthroughKeyBindings(fallThroughKeyBindings);
+  await setFallthroughKeyBindings(browserViewId, fallThroughKeyBindings);
   await resizeWebContentsView(browserViewId, browserViewX, browserViewY, browserViewWidth, browserViewHeight);
   number(browserViewId);
   await setIframeSrc(browserViewId, iframeSrc);
@@ -32967,10 +32985,20 @@ const handleWillNavigate = (state, browserViewId, value) => {
   return updateTab(state, actualBrowserViewId, {
     favicon: '',
     iframeSrc: url,
+    isAudioPlaying: false,
     isLoading: true
   });
 };
-const handleKeyBinding = async (state, keyBinding) => {
+const handleKeyBinding = async (state, browserViewId, keyBinding) => {
+  if (Number(browserViewId) !== state.browserViewId) {
+    return state;
+  }
+  if (keyBinding === focusNextTabKeyBinding && state.tabs.length > 0) {
+    return selectTab(state, (state.selectedTabIndex + 1) % state.tabs.length);
+  }
+  if (keyBinding === focusPreviousTabKeyBinding && state.tabs.length > 0) {
+    return selectTab(state, (state.selectedTabIndex - 1 + state.tabs.length) % state.tabs.length);
+  }
   await handleKeyBinding$1(keyBinding);
   return state;
 };
@@ -33005,6 +33033,12 @@ const handlePageFaviconUpdated = (state, browserViewId, favicons) => {
     favicon
   });
 };
+const handleAudioStateChanged = (state, browserViewId, audible) => {
+  const [actualBrowserViewId, isAudioPlaying] = parseWebContentsEvent(state, browserViewId, audible);
+  return updateTab(state, actualBrowserViewId, {
+    isAudioPlaying: Boolean(isAudioPlaying)
+  });
+};
 const dispose$4 = async state => {
   await Promise.all(state.tabs.map(tab => disposeWebContentsView(tab.browserViewId)));
 };
@@ -33040,8 +33074,8 @@ const getDomTree$1 = id => {
 const insertCss$1 = (id, css) => {
   return invoke('ElectronWebContentsView.insertCss', id, css);
 };
-const insertJavaScript$1 = (id, css) => {
-  return invoke('ElectronWebContentsView.insertJavaScript', id, css);
+const insertJavaScript$1 = (id, code, userGesture = false) => {
+  return invoke('ElectronWebContentsView.insertJavaScript', id, code, userGesture);
 };
 
 const getDomTree = async state => {
@@ -33066,11 +33100,11 @@ const insertCss = async (state, css) => {
 // TODO find a better way to mark commands as already wrapped
 insertCss.returnValue = true;
 
-const insertJavaScript = async (state, css) => {
+const insertJavaScript = async (state, code) => {
   const {
     browserViewId
   } = state;
-  const key = await insertJavaScript$1(browserViewId, css);
+  const key = await insertJavaScript$1(browserViewId, code, true);
   return key;
 };
 
@@ -33085,6 +33119,7 @@ const Commands$5 = {
   createNewTab: createNewTab,
   getDomTree: getDomTree,
   go: go,
+  handleAudioStateChanged: handleAudioStateChanged,
   handleDidNavigate: handleDidNavigate,
   handleDidNavigationCancel: handleDidNavigationCancel,
   handleInput: handleInput$1,
@@ -33115,7 +33150,9 @@ const LazyCommands = {
   cancelNavigation: () => Promise.resolve().then(function () { return ViewletSimpleBrowserCancelNavigation; })
 };
 const Events$3 = {
+  'browser-view-audio-state-changed': handleAudioStateChanged,
   'browser-view-did-navigate': handleDidNavigate,
+  'browser-view-key-binding': handleKeyBinding,
   'browser-view-page-favicon-updated': handlePageFaviconUpdated,
   'browser-view-title-updated': handleTitleUpdated,
   'browser-view-will-navigate': handleWillNavigate,
@@ -33285,7 +33322,7 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
         'data-index': index,
         onClick: HandleClickSimpleBrowserTab,
         title: tab.title || 'New Tab',
-        childCount: tab.favicon ? 3 : 2
+        childCount: 2 + (tab.favicon ? 1 : 0) + (tab.isAudioPlaying ? 1 : 0)
       });
       if (tab.favicon) {
         dom.push({
@@ -33301,7 +33338,22 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
         type: Span,
         className: 'SimpleBrowserTabTitle',
         childCount: 1
-      }, text(tab.title || 'New Tab'), {
+      }, text(tab.title || 'New Tab'));
+      if (tab.isAudioPlaying) {
+        dom.push({
+          type: Span,
+          className: 'SimpleBrowserTabAudio',
+          ariaLabel: 'This tab is playing audio',
+          role: Image,
+          title: 'This tab is playing audio',
+          childCount: 1
+        }, {
+          type: Div,
+          className: 'MaskIcon MaskIconUnmute',
+          childCount: 0
+        });
+      }
+      dom.push({
         type: Button$1,
         className: 'SimpleBrowserTabClose',
         ariaLabel: `Close ${tab.title || 'New Tab'}`,
@@ -33385,6 +33437,10 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
   });
   if (snapshot) {
     dom.push({
+      type: Div,
+      className: 'SimpleBrowserSnapshotWrapper',
+      childCount: 1
+    }, {
       type: Img,
       className: suggestions.length > 0 ? 'SimpleBrowserSnapshot SimpleBrowserSnapshotSearchSuggestions' : 'SimpleBrowserSnapshot',
       src: snapshot,
@@ -33445,16 +33501,19 @@ const areTabsEqual = (oldTabs, newTabs) => {
   }
   return oldTabs.every((oldTab, index) => {
     const newTab = newTabs[index];
-    return oldTab.browserViewId === newTab.browserViewId && oldTab.favicon === newTab.favicon && oldTab.title === newTab.title;
+    return oldTab.browserViewId === newTab.browserViewId && oldTab.favicon === newTab.favicon && oldTab.isAudioPlaying === newTab.isAudioPlaying && oldTab.title === newTab.title;
   });
 };
+const getDom = state => {
+  return getSimpleBrowserVirtualDom(state.canGoBack, state.canGoForward, state.isLoading, state.inputValue, state.snapshot, state.suggestions, state.selectedSuggestionIndex, state.tabs, state.selectedTabIndex, state.tabsEnabled);
+};
 const renderDom$1 = {
   isEqual(oldState, newState) {
     return oldState.iframeSrc === newState.iframeSrc && oldState.canGoBack === newState.canGoBack && oldState.canGoForward === newState.canGoForward && oldState.isLoading === newState.isLoading && oldState.snapshot === newState.snapshot && oldState.suggestions === newState.suggestions && oldState.selectedSuggestionIndex === newState.selectedSuggestionIndex && oldState.selectedTabIndex === newState.selectedTabIndex && oldState.tabsEnabled === newState.tabsEnabled && areTabsEqual(oldState.tabs, newState.tabs);
   },
   apply(oldState, newState) {
-    const dom = getSimpleBrowserVirtualDom(newState.canGoBack, newState.canGoForward, newState.isLoading, newState.inputValue, newState.snapshot, newState.suggestions, newState.selectedSuggestionIndex, newState.tabs, newState.selectedTabIndex, newState.tabsEnabled);
-    const commands = [['Viewlet.setDom2', newState.uid, dom]];
+    const newDom = getDom(newState);
+    const commands = oldState.browserViewId === 0 ? [['Viewlet.setDom2', newState.uid, newDom]] : [['Viewlet.setPatches', newState.uid, diffTree(getDom(oldState), newDom)]];
     if (newState.suggestions.length > 0) {
       commands.push(['Viewlet.focusElementByName', newState.uid, SimpleBrowserAddress]);
     }
@@ -33519,6 +33578,7 @@ const ViewletSimpleBrowser_ipc = {
   dispose: dispose$4,
   getKeyBindings: getKeyBindings$3,
   go,
+  handleAudioStateChanged,
   handleDidNavigate,
   handleDidNavigationCancel,
   handleInput: handleInput$1,