@lvce-editor/static-server 0.110.22 → 0.110.24

package/static/{12042c9 → 1afd080}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -95,7 +95,7 @@ const getAssetDir$2 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/12042c9';
+    return '/1afd080';
   }
 };
 const assetDir = getAssetDir$2();
@@ -1460,9 +1460,9 @@ const create$n$1 = (id, method, params) => {
   };
   return message;
 };
-let id$7 = 0;
+let id$8 = 0;
 const create$m$1 = () => {
-  return ++id$7;
+  return ++id$8;
 };
 
 /* eslint-disable n/no-unsupported-features/es-syntax */
@@ -1910,9 +1910,9 @@ const get$k = id => {
 const remove$c = id => {
   delete callbacks[id];
 };
-let id$6 = 0;
+let id$7 = 0;
 const create$3$1 = () => {
-  return ++id$6;
+  return ++id$7;
 };
 const registerPromise = () => {
   const id = create$3$1();
@@ -2715,7 +2715,7 @@ const hydrate$e = async () => {
     logError(error);
   }
 };
-const reload$7 = async () => {
+const reload$8 = async () => {
   try {
     await load$5();
   } catch (error) {
@@ -2950,7 +2950,7 @@ const applyPreferredColorTheme = async () => {
     throw fallbackError;
   }
 };
-const reload$6 = async () => {
+const reload$7 = async () => {
   const colorThemeId = getPreferredColorTheme();
   if (colorThemeId !== FALLBACK_COLOR_THEME_ID) {
     const colorThemeNames = await getColorThemeNames(assetDir, getPlatform$4());
@@ -3915,25 +3915,25 @@ const getWindowId = async () => {
   return windowId;
 };
 
-const forward$2 = key => async (...args) => {
+const forward$3 = key => async (...args) => {
   const windowId = await getWindowId();
   return invoke$H(key, windowId, ...args);
 };
-const reload$5 = forward$2('ElectronWindow.reload');
-const minimize$1 = forward$2('ElectronWindow.minimize');
-const unmaximize$1 = forward$2('ElectronWindow.unmaximize');
-const maximize$1 = forward$2('ElectronWindow.maximize');
-const close$4 = forward$2('ElectronWindow.close');
-const openNew$1 = forward$2('ElectronWindow.openNew');
-const toggleDevtools = forward$2('ElectronWindow.toggleDevtools');
-const toggleFullScreen$1 = forward$2('ElectronWindow.toggleFullScreen');
-const zoomIn$1 = forward$2('ElectronWindow.zoomIn');
-const zoomOut$1 = forward$2('ElectronWindow.zoomOut');
-const zoomReset$1 = forward$2('ElectronWindow.zoomReset');
-const focus$i = forward$2('ElectronWindow.focus');
+const reload$6 = forward$3('ElectronWindow.reload');
+const minimize$1 = forward$3('ElectronWindow.minimize');
+const unmaximize$1 = forward$3('ElectronWindow.unmaximize');
+const maximize$1 = forward$3('ElectronWindow.maximize');
+const close$4 = forward$3('ElectronWindow.close');
+const openNew$1 = forward$3('ElectronWindow.openNew');
+const toggleDevtools = forward$3('ElectronWindow.toggleDevtools');
+const toggleFullScreen$1 = forward$3('ElectronWindow.toggleFullScreen');
+const zoomIn$2 = forward$3('ElectronWindow.zoomIn');
+const zoomOut$2 = forward$3('ElectronWindow.zoomOut');
+const zoomReset$1 = forward$3('ElectronWindow.zoomReset');
+const focus$i = forward$3('ElectronWindow.focus');
 
 const reloadElectron = () => {
-  return reload$5();
+  return reload$6();
 };
 
 const reloadWeb = () => {
@@ -3951,7 +3951,7 @@ const getFn$1 = () => {
       throw new Error('unexpected platform');
   }
 };
-const reload$4 = () => {
+const reload$5 = () => {
   const fn = getFn$1();
   return fn();
 };
@@ -4497,6 +4497,7 @@ const HandleClickAt = 'handleClickAt';
 const HandleClickBackward = 'handleClickBackward';
 const HandleClickSuggestion = 'handleClickSuggestion';
 const HandleClickSimpleBrowserNewTab = 'handleClickSimpleBrowserNewTab';
+const HandleClickSimpleBrowserMenu = 'handleClickSimpleBrowserMenu';
 const HandleClickSimpleBrowserTab = 'handleClickSimpleBrowserTab';
 const HandleClickSimpleBrowserTabClose = 'handleClickSimpleBrowserTabClose';
 const HandleContextMenuSimpleBrowserTab = 'handleContextMenuSimpleBrowserTab';
@@ -7135,8 +7136,8 @@ const shouldTrace = (selectors, traceId) => {
   return selectors.has('*') || Boolean(traceId && selectors.has(traceId));
 };
 
-const version = '0.110.22';
-const commit$1 = '12042c9';
+const version = '0.110.24';
+const commit$1 = '1afd080';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$H('Process.getPid');
@@ -8905,6 +8906,8 @@ const dispatch = key => (...args) => {
   emitEvent(key, ...args);
 };
 const handleDidNavigate$1 = dispatch('browser-view-did-navigate');
+const handleAudioStateChanged$1 = dispatch('browser-view-audio-state-changed');
+const handleContextMenu$4 = dispatch('browser-view-context-menu');
 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');
@@ -9453,7 +9456,7 @@ const focus$h = async id => {
   }
   await invoke$K('Viewlet.sendMultiple', commands);
 };
-const reload$3 = async id => {
+const reload$4 = async id => {
   const instance = getInstance(id);
   if (!instance || instance.status === 'reloading' || instance.status === 'disposed' || typeof instance.factory.loadContent !== 'function') {
     return;
@@ -10548,7 +10551,7 @@ const scheduleReload = () => {
   }
   reloadTimeout = setTimeout(async () => {
     reloadTimeout = undefined;
-    await reload$7();
+    await reload$8();
   }, ReloadDelay);
 };
 const handleEvent$2 = event => {
@@ -11828,6 +11831,8 @@ const commandMap = {
   'Download.downloadToDownloadsFolder': lazy('Download.downloadToDownloadsFolder'),
   'EditorDiagnostics.hydrate': lazy('EditorDiagnostics.hydrate'),
   'EditorError.3900': lazy('EditorError.3900'),
+  'ElectronBrowserView.handleAudioStateChanged': lazy('ElectronBrowserView.handleAudioStateChanged'),
+  'ElectronBrowserView.handleContextMenu': lazy('ElectronBrowserView.handleContextMenu'),
   'ElectronBrowserView.handleDidNavigate': lazy('ElectronBrowserView.handleDidNavigate'),
   'ElectronBrowserView.handlePageFaviconUpdated': lazy('ElectronBrowserView.handlePageFaviconUpdated'),
   'ElectronBrowserView.handleTitleUpdated': lazy('ElectronBrowserView.handleTitleUpdated'),
@@ -14103,15 +14108,15 @@ const Exec_ipc = {
 };
 
 const cache = Object.create(null);
-const id$5 = 1;
+const id$6 = 1;
 const get$3 = () => {
-  return cache[id$5];
+  return cache[id$6];
 };
 const has$1 = () => {
-  return id$5 in cache;
+  return id$6 in cache;
 };
 const set$3 = value => {
-  cache[id$5] = value;
+  cache[id$6] = value;
 };
 
 const getExtensions = () => {
@@ -14456,7 +14461,7 @@ const openNew = () => {
       throw new Error('not implemented');
   }
 };
-const zoomIn = () => {
+const zoomIn$1 = () => {
   switch (getPlatform$4()) {
     case Electron$1:
       return execute$4('ElectronWindow.zoomIn');
@@ -14464,7 +14469,7 @@ const zoomIn = () => {
       throw new Error('not implemented');
   }
 };
-const zoomOut = () => {
+const zoomOut$1 = () => {
   switch (getPlatform$4()) {
     case Electron$1:
       return execute$4('ElectronWindow.zoomOut');
@@ -14592,7 +14597,7 @@ const ClipBoard_ipc = {
 const name$2f = 'ColorTheme';
 const Commands$2j = {
   hydrate: hydrate$c,
-  reload: reload$6,
+  reload: reload$7,
   setColorTheme: setColorTheme,
   getColorThemeNames: getColorThemeNames
 };
@@ -15667,6 +15672,8 @@ const EditorError_ipc = {
 
 const name$25 = 'ElectronBrowserView';
 const Commands$28 = {
+  handleAudioStateChanged: handleAudioStateChanged$1,
+  handleContextMenu: handleContextMenu$4,
   handleDidNavigate: handleDidNavigate$1,
   handleKeyBinding: handleKeyBinding$2,
   handlePageFaviconUpdated: handlePageFaviconUpdated$1,
@@ -15718,8 +15725,8 @@ const Commands$25 = {
   toggleDevtools: toggleDevtools,
   toggleFullScreen: toggleFullScreen$1,
   unmaximize: unmaximize$1,
-  zoomIn: zoomIn$1,
-  zoomOut: zoomOut$1,
+  zoomIn: zoomIn$2,
+  zoomOut: zoomOut$2,
   zoomReset: zoomReset$1
 };
 
@@ -16451,7 +16458,7 @@ const getModule = id => {
   }
   throw new Error(`menu entries for ${id} not found`);
 };
-const getMenuEntries$6 = async (id, ...args) => {
+const getMenuEntries$7 = async (id, ...args) => {
   try {
     const module = await getModule(id);
     // @ts-ignore
@@ -16574,7 +16581,7 @@ const Commands$1M = {
   selectIndex: selectIndex$1,
   selectItem: selectItem,
   show: show$7,
-  getMenuEntries: getMenuEntries$6,
+  getMenuEntries: getMenuEntries$7,
   getMenuEntries2
 };
 
@@ -16916,7 +16923,7 @@ const RecentlyOpened_ipc = {
 
 const name$1x = 'Reload';
 const Commands$1z = {
-  reload: reload$4
+  reload: reload$5
 };
 
 const Reload_ipc = {
@@ -17081,7 +17088,7 @@ const Commands$1r = {
   getTitle: getTitle$n,
   requestRender: requestRender,
   openWidget: openWidget,
-  reload: reload$3,
+  reload: reload$4,
   send: send,
   dispose: dispose$S,
   resize: resize$E
@@ -17109,8 +17116,8 @@ const Commands$1q = {
   openNew: openNew,
   toggleFullScreen: toggleFullScreen,
   unmaximize: unmaximize,
-  zoomIn: zoomIn,
-  zoomOut: zoomOut,
+  zoomIn: zoomIn$1,
+  zoomOut: zoomOut$1,
   zoomReset: zoomReset
 };
 
@@ -19244,6 +19251,7 @@ const ProcessExplorer = 29;
 const ExtensionView = 30;
 const StatusBar$1 = 31;
 const SimpleBrowserTab = 32;
+const SimpleBrowserToolbar = 33;
 
 const handleExtensionStatusUpdate = async () => {
   // TODO inform all viewlets
@@ -20635,16 +20643,16 @@ const getKeyBindings$C = async () => {
   }
 };
 
-const id$4 = Explorer;
-const getMenuEntries$5 = () => {
+const id$5 = Explorer;
+const getMenuEntries$6 = () => {
   const explorerState = getState('Explorer');
   return invoke$l('Explorer.getMenuEntries2', explorerState.uid);
 };
 
 const MenuEntriesExplorer = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$5,
-  id: id$4
+  getMenuEntries: getMenuEntries$6,
+  id: id$5
 };
 
 const menus$z = [MenuEntriesExplorer];
@@ -20880,8 +20888,8 @@ const getKeyBindings$B = () => {
   }];
 };
 
-const id$3 = ProcessExplorer;
-const getMenuEntries$4 = async () => {
+const id$4 = ProcessExplorer;
+const getMenuEntries$5 = async () => {
   const processExplorerState = getState('ProcessExplorer');
   const r = await invoke$c('ProcessExplorer.getMenuEntries', processExplorerState.uid);
   return r;
@@ -20889,8 +20897,8 @@ const getMenuEntries$4 = async () => {
 
 const MenuEntriesProcessExplorer = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$4,
-  id: id$3
+  getMenuEntries: getMenuEntries$5,
+  id: id$4
 };
 
 const menus$y = [MenuEntriesProcessExplorer];
@@ -23489,8 +23497,8 @@ const Separator$1 = 1;
 const None$5 = 0;
 const Disabled = 5;
 
-const id$2 = E2eTests;
-const getMenuEntries$3 = () => {
+const id$3 = E2eTests;
+const getMenuEntries$4 = () => {
   return [{
     id: 'openInNewTab',
     label: 'Open in New Tab',
@@ -23501,8 +23509,8 @@ const getMenuEntries$3 = () => {
 
 const MenuEntriesE2eTests = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$3,
-  id: id$2
+  getMenuEntries: getMenuEntries$4,
+  id: id$3
 };
 
 const menus$o = [MenuEntriesE2eTests];
@@ -25764,7 +25772,7 @@ const renderEventListeners$l = state => {
   return [...defaultEventListeners, ...eventListeners.map(wrapExtensionEventListener)];
 };
 
-const getMenuEntries$2 = async (uid, props = {}) => {
+const getMenuEntries$3 = async (uid, props = {}) => {
   if (typeof props.menuId !== 'string') {
     return [];
   }
@@ -25786,7 +25794,7 @@ const getMenuEntries$2 = async (uid, props = {}) => {
   return invoke$G('Extensions.getViewMenuEntries', viewId, uid, props.menuId, assetDir, getPlatform$4());
 };
 const menus$h = [{
-  getMenuEntries: getMenuEntries$2,
+  getMenuEntries: getMenuEntries$3,
   id: ExtensionView
 }];
 
@@ -26304,7 +26312,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = '12042c9';
+const commit = '1afd080';
 
 const getAutoUpdateType = () => {
   return invoke$H('AutoUpdater.getAutoUpdateType');
@@ -32333,7 +32341,13 @@ const setAudioMuted = (id, muted) => {
 const focus$2 = id => {
   return invoke('ElectronWebContentsView.focus', id);
 };
-const reload$2 = id => {
+const toggleDevTools$1 = id => {
+  return invoke('ElectronWebContentsView.toggleDevTools', id);
+};
+const setZoomLevel$1 = (id, zoomLevel) => {
+  return invoke('ElectronWebContentsView.setZoomLevel', id, zoomLevel);
+};
+const reload$3 = id => {
   return invoke('ElectronWebContentsView.reload', id);
 };
 const capturePage = id => {
@@ -32446,7 +32460,8 @@ const createTab$1 = ({
   isAudioPlaying = false,
   isLoading = false,
   muted = false,
-  title = 'New Tab'
+  title = 'New Tab',
+  zoomLevel = 0
 }) => ({
   browserViewId,
   canGoBack,
@@ -32457,7 +32472,8 @@ const createTab$1 = ({
   isAudioPlaying,
   isLoading,
   muted,
-  title: title || 'New Tab'
+  title: title || 'New Tab',
+  zoomLevel
 });
 const updateTab = (state, browserViewId, updates) => {
   const tabIndex = state.tabs.findIndex(tab => tab.browserViewId === browserViewId);
@@ -32497,7 +32513,8 @@ const activateTab = (state, tabs, selectedTabIndex) => {
     muted: tab.muted,
     selectedTabIndex,
     tabs,
-    title: tab.title
+    title: tab.title,
+    zoomLevel: tab.zoomLevel
   };
 };
 const parseWebContentsEvent = (state, browserViewId, value) => {
@@ -32535,7 +32552,8 @@ const create$6 = (id, uri, x, y, width, height) => {
     shortcuts: [],
     tabs: [],
     tabsEnabled: true,
-    selectedTabIndex: 0
+    selectedTabIndex: 0,
+    zoomLevel: 0
   };
 };
 const saveState$2 = state => {
@@ -32590,6 +32608,7 @@ const backgroundLoadContent = async (state, savedState) => {
     tabs,
     tabsEnabled,
     title,
+    zoomLevel: 0,
     uri: `simple-browser://${browserViewId}`,
     iframeSrc,
     inputValue: iframeSrc,
@@ -32733,6 +32752,7 @@ const createNewTab = async state => {
     await hide$1(currentState.browserViewId);
   }
   await show$3(tab.browserViewId);
+  await focus$i();
   const newState = activateTab(currentState, [...currentState.tabs, tab], currentState.tabs.length);
   return {
     ...newState,
@@ -32802,26 +32822,15 @@ const reloadTab$1 = async (state, index) => {
     return state;
   }
   const tab = tabs[tabIndex];
-  await reload$2(tab.browserViewId);
+  await reload$3(tab.browserViewId);
   return updateTab(state, tab.browserViewId, {
     isLoading: true
   });
 };
-const handleWindowOpen = async (state, browserViewId, url, disposition) => {
+const openTab = async (state, url, disposition) => {
   const {
-    hasSuggestionsOverlay,
-    tabs: oldTabs,
-    tabsEnabled
+    hasSuggestionsOverlay
   } = state;
-  const ownsWebContentsView = oldTabs.some(tab => tab.browserViewId === Number(browserViewId));
-  const openExternalLinks = get$h('simpleBrowser.openExternalLinks') === 'externalBrowser';
-  if (!ownsWebContentsView) {
-    return state;
-  }
-  if (openExternalLinks || !tabsEnabled) {
-    await execute$4('Open.openExternal', url);
-    return state;
-  }
   const currentState = hasSuggestionsOverlay ? await closeSuggestions(state) : state;
   const emptyTab = await createEmptyTab(currentState);
   const tab = {
@@ -32845,6 +32854,22 @@ const handleWindowOpen = async (state, browserViewId, url, disposition) => {
   await focus$2(tab.browserViewId);
   return activateTab(currentState, tabs, currentState.tabs.length);
 };
+const handleWindowOpen = async (state, browserViewId, url, disposition) => {
+  const {
+    tabs: oldTabs,
+    tabsEnabled
+  } = state;
+  const ownsWebContentsView = oldTabs.some(tab => tab.browserViewId === Number(browserViewId));
+  const openExternalLinks = get$h('simpleBrowser.openExternalLinks') === 'externalBrowser';
+  if (!ownsWebContentsView) {
+    return state;
+  }
+  if (openExternalLinks || !tabsEnabled) {
+    await execute$4('Open.openExternal', url);
+    return state;
+  }
+  return openTab(state, url, disposition);
+};
 const selectTab = async (state, index) => {
   const selectedTabIndex = Number(index);
   if (selectedTabIndex === state.selectedTabIndex || selectedTabIndex < 0 || selectedTabIndex >= state.tabs.length) {
@@ -32901,6 +32926,9 @@ const closeTab$1 = async (state, index) => {
   await focus$2(selectedTab.browserViewId);
   return activateTab(currentState, tabs, selectedTabIndex);
 };
+const closeCurrentTab = state => {
+  return closeTab$1(state, state.selectedTabIndex);
+};
 const closeTabsByIndex = async (state, indexes, preferredTabIndex) => {
   const {
     hasSuggestionsOverlay,
@@ -33202,10 +33230,10 @@ const dispose$4 = async state => {
 const openDevtools$1 = id => {
   return invoke('ElectronWebContentsView.openDevtools', id);
 };
-const reload$1 = id => {
+const reload$2 = id => {
   return invoke('ElectronWebContentsView.reload', id);
 };
-const forward$1 = id => {
+const forward$2 = id => {
   return invoke('ElectronWebContentsView.forward', id);
 };
 const backward$1 = id => {
@@ -33244,6 +33272,103 @@ const getDomTree = async state => {
 // TODO find a better way to mark commands as already wrapped
 getDomTree.returnValue = true;
 
+const Separator = 'separator';
+
+const convertMenuItem = menuItem => {
+  const {
+    flags,
+    label
+  } = menuItem;
+  switch (flags) {
+    case Separator$1:
+      return {
+        type: Separator
+      };
+    case Disabled:
+      return {
+        enabled: false,
+        label
+      };
+    default:
+      return {
+        label
+      };
+  }
+};
+const convertMenuItems = menuItems => {
+  return menuItems.map(convertMenuItem);
+};
+const getItem = (items, label) => {
+  for (const item of items) {
+    if (item.label === label) {
+      return item;
+    }
+  }
+  return undefined;
+};
+
+/**
+ * @deprecated
+ */
+const openContextMenu = async (x, y, id, ...args) => {
+  const entries = await getMenuEntries$7(id, ...args);
+  const electronMenuItems = convertMenuItems(entries);
+  const event = await invoke$H('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
+  if (event.type === 'close') {
+    return;
+  }
+  const item = getItem(entries, event.data);
+  if (!item || item.flags === Disabled) {
+    return;
+  }
+  const commandArgs = item.args || [];
+  await execute$4(item.command, ...commandArgs);
+};
+const openContextMenu2 = async (x, y, uid, menuId, ...args) => {
+  const entries = await getMenuEntries2(uid, menuId, ...args);
+  const electronMenuItems = convertMenuItems(entries);
+  const event = await invoke$H('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
+  if (event.type === 'close') {
+    return;
+  }
+  const item = getItem(entries, event.data);
+  if (!item || item.flags === Disabled) {
+    return;
+  }
+  const commandArgs = item.args || [];
+  await execute$4(item.command, ...commandArgs);
+};
+
+const handleContextMenu = async (state, params) => {
+  object(state);
+  object(params);
+  const {
+    x: paramsX,
+    y: paramsY
+  } = params;
+  const {
+    canGoBack,
+    canGoForward,
+    headerHeight,
+    x,
+    y
+  } = state;
+  const actualX = x + paramsX;
+  const actualY = y + headerHeight + paramsY;
+  const args = [actualX, actualY, {
+    ...params,
+    canGoBack,
+    canGoForward
+  }];
+  await openContextMenu(actualX, actualY, SimpleBrowser, ...args);
+  return state;
+};
+
+const ViewletSimpleBrowserHandleContextMenu = {
+  __proto__: null,
+  handleContextMenu
+};
+
 const insertCss = async (state, css) => {
   const {
     browserViewId
@@ -33270,6 +33395,7 @@ const Commands$5 = {
   acceptSuggestion: acceptSuggestion,
   applySuggestions: applySuggestions,
   closeSuggestions: closeSuggestions,
+  closeCurrentTab: closeCurrentTab,
   closeOtherTabs: closeOtherTabs$1,
   closeTab: closeTab$1,
   closeTabsToTheLeft: closeTabsToTheLeft$1,
@@ -33299,6 +33425,7 @@ const Commands$5 = {
 };
 const LazyCommands = {
   openExternal: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenExternal; }),
+  openDownloads: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenDownloads; }),
   openBackgroundTab: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenBackgroundTab; }),
   handleContextMenu: () => Promise.resolve().then(function () { return ViewletSimpleBrowserHandleContextMenu; }),
   handleTabContextMenu: () => Promise.resolve().then(function () { return ViewletSimpleBrowserHandleTabContextMenu; }),
@@ -33309,10 +33436,16 @@ const LazyCommands = {
   importFirefoxCookies: () => Promise.resolve().then(function () { return ViewletSimpleBrowserImportFirefoxCookies; }),
   openDevtools: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenDevtools; }),
   reload: () => Promise.resolve().then(function () { return ViewletSimpleBrowserReload; }),
+  showMenu: () => Promise.resolve().then(function () { return ViewletSimpleBrowserShowMenu; }),
+  toggleDevTools: () => Promise.resolve().then(function () { return ViewletSimpleBrowserToggleDevTools; }),
+  resetZoom: () => Promise.resolve().then(function () { return ViewletSimpleBrowserZoom; }),
+  zoomIn: () => Promise.resolve().then(function () { return ViewletSimpleBrowserZoom; }),
+  zoomOut: () => Promise.resolve().then(function () { return ViewletSimpleBrowserZoom; }),
   cancelNavigation: () => Promise.resolve().then(function () { return ViewletSimpleBrowserCancelNavigation; })
 };
 const Events$3 = {
   'browser-view-audio-state-changed': handleAudioStateChanged,
+  'browser-view-context-menu': handleContextMenu,
   'browser-view-did-navigate': handleDidNavigate,
   'browser-view-key-binding': handleKeyBinding,
   'browser-view-page-favicon-updated': handlePageFaviconUpdated,
@@ -33343,6 +33476,13 @@ const getKeyBindings$3 = () => {
   }];
 };
 
+const menuEntrySeparator = {
+  id: 'separator',
+  label: '',
+  flags: Separator$1,
+  command: ''
+};
+
 /**
  * @enum {string}
  */
@@ -33353,6 +33493,11 @@ const UiStrings$1 = {
   CopyLinkAddress: 'Copy Link Address',
   SaveImageAs: 'Save Image',
   CopyImage: 'Copy Image',
+  CopyImageAddress: 'Copy Image Address',
+  OpenImageInNewTab: 'Open Image in New Tab',
+  Back: 'Back',
+  Forward: 'Forward',
+  Reload: 'Reload',
   MuteTab: 'Mute Tab',
   UnmuteTab: 'Unmute Tab',
   DuplicateTab: 'Duplicate Tab',
@@ -33380,6 +33525,21 @@ const saveImageAs = () => {
 const copyImage$1 = () => {
   return i18nString(UiStrings$1.CopyImage);
 };
+const copyImageAddress = () => {
+  return i18nString(UiStrings$1.CopyImageAddress);
+};
+const openImageInNewTab = () => {
+  return i18nString(UiStrings$1.OpenImageInNewTab);
+};
+const back = () => {
+  return i18nString(UiStrings$1.Back);
+};
+const forward$1 = () => {
+  return i18nString(UiStrings$1.Forward);
+};
+const reload$1 = () => {
+  return i18nString(UiStrings$1.Reload);
+};
 const muteTab = () => {
   return i18nString(UiStrings$1.MuteTab);
 };
@@ -33425,6 +33585,21 @@ const getMenuEntriesLink = (x, y, params) => {
 };
 const getMenuEntriesDefault = (x, y, params) => {
   return [{
+    id: 'back',
+    label: back(),
+    flags: params.canGoBack ? None$5 : Disabled,
+    command: 'SimpleBrowser.backward'
+  }, {
+    id: 'forward',
+    label: forward$1(),
+    flags: params.canGoForward ? None$5 : Disabled,
+    command: 'SimpleBrowser.forward'
+  }, {
+    id: 'reload',
+    label: reload$1(),
+    flags: None$5,
+    command: 'SimpleBrowser.reload'
+  }, menuEntrySeparator, {
     id: 'inspect-element',
     label: inspectElement$1(),
     flags: None$5,
@@ -33450,6 +33625,18 @@ const getMenuEntriesImage = (x, y, params) => {
   } = params;
   const fileName = getBaseName(Slash$1, srcURL);
   return [{
+    id: 'open-image-in-new-tab',
+    label: openImageInNewTab(),
+    flags: None$5,
+    command: 'SimpleBrowser.openBackgroundTab',
+    args: [srcURL]
+  }, {
+    id: 'copy-image-address',
+    label: copyImageAddress(),
+    flags: None$5,
+    command: 'ElectronClipBoard.writeText',
+    args: [srcURL]
+  }, {
     id: 'save-image',
     label: saveImageAs(),
     flags: None$5,
@@ -33463,36 +33650,32 @@ const getMenuEntriesImage = (x, y, params) => {
     args: [x, y]
   }];
 };
-const id$1 = SimpleBrowser;
-const getMenuEntries$1 = (x, y, params) => {
+const id$2 = SimpleBrowser;
+const getMenuEntries$2 = (x, y, params) => {
   const menuItems = [];
   if (params.linkURL) {
     menuItems.push(...getMenuEntriesLink(x, y, params));
+    menuItems.push(menuEntrySeparator);
   }
   if (params.selectionText) {
     menuItems.push(...getMenuEntriesSelectionText(x, y, params));
+    menuItems.push(menuEntrySeparator);
   }
   if (params.mediaType === 'image') {
     menuItems.push(...getMenuEntriesImage(x, y, params));
+    menuItems.push(menuEntrySeparator);
   }
-  menuItems.push(...getMenuEntriesDefault(x, y));
+  menuItems.push(...getMenuEntriesDefault(x, y, params));
   return menuItems;
 };
 
 const MenuEntriesSimpleBrowser = {
   __proto__: null,
-  getMenuEntries: getMenuEntries$1,
-  id: id$1
-};
-
-const menuEntrySeparator = {
-  id: 'separator',
-  label: '',
-  flags: Separator$1,
-  command: ''
+  getMenuEntries: getMenuEntries$2,
+  id: id$2
 };
 
-const id = SimpleBrowserTab;
+const id$1 = SimpleBrowserTab;
 const getCommand = (uid, command, label, index, flags = None$5) => ({
   id: `simpleBrowserTab${command}`,
   label,
@@ -33500,7 +33683,7 @@ const getCommand = (uid, command, label, index, flags = None$5) => ({
   command: 'Viewlet.executeViewletCommand',
   args: [uid, command, index]
 });
-const getMenuEntries = (uid, index) => {
+const getMenuEntries$1 = (uid, index) => {
   const instance = getByUid(uid);
   const state = instance?.state;
   const tabIndex = Number(index);
@@ -33518,12 +33701,29 @@ const getMenuEntries = (uid, index) => {
 };
 
 const MenuEntriesSimpleBrowserTab = {
+  __proto__: null,
+  getMenuEntries: getMenuEntries$1,
+  id: id$1
+};
+
+const entry = (id, label, command) => ({
+  id,
+  label,
+  flags: None$5,
+  command
+});
+const id = SimpleBrowserToolbar;
+const getMenuEntries = () => {
+  return [entry('new-tab', 'New Tab', 'SimpleBrowser.createNewTab'), entry('reload', 'Reload', 'SimpleBrowser.reload'), entry('open-external', 'Open in Default Browser', 'SimpleBrowser.openExternal'), menuEntrySeparator, entry('downloads', 'Downloads', 'SimpleBrowser.openDownloads'), menuEntrySeparator, entry('zoom-in', 'Zoom In', 'SimpleBrowser.zoomIn'), entry('zoom-out', 'Zoom Out', 'SimpleBrowser.zoomOut'), entry('reset-zoom', 'Reset Zoom', 'SimpleBrowser.resetZoom'), menuEntrySeparator, entry('toggle-developer-tools', 'Toggle Developer Tools', 'SimpleBrowser.toggleDevTools'), menuEntrySeparator, entry('close-tab', 'Close Tab', 'SimpleBrowser.closeCurrentTab')];
+};
+
+const MenuEntriesSimpleBrowserToolbar = {
   __proto__: null,
   getMenuEntries,
   id
 };
 
-const menus$3 = [MenuEntriesSimpleBrowser, MenuEntriesSimpleBrowserTab];
+const menus$3 = [MenuEntriesSimpleBrowser, MenuEntriesSimpleBrowserTab, MenuEntriesSimpleBrowserToolbar];
 
 const Text = 12;
 const Reference = 100;
@@ -33879,7 +34079,7 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
   dom.push({
     type: Div,
     className: SimpleBrowserHeader,
-    childCount: 5
+    childCount: 6
   }, {
     type: Button$1,
     className: IconButton,
@@ -33930,6 +34130,17 @@ const getSimpleBrowserVirtualDom = (canGoBack, canGoForward, isLoading, value, s
     className: 'MaskIcon MaskIconLinkExternal',
     childCount: 0,
     onClick: HandleClickOpenExternal
+  }, {
+    type: Button$1,
+    className: `${IconButton} SimpleBrowserMenuButton`,
+    ariaLabel: 'Customize and control Simple Browser',
+    title: 'Customize and control Simple Browser',
+    childCount: 1,
+    onClick: HandleClickSimpleBrowserMenu
+  }, {
+    type: Div,
+    className: 'MaskIcon MaskIconEllipsis',
+    childCount: 0
   });
   if (snapshot) {
     dom.push({
@@ -33989,6 +34200,9 @@ const renderEventListeners$5 = () => {
   }, {
     name: HandleClickSimpleBrowserNewTab,
     params: ['createNewTab']
+  }, {
+    name: HandleClickSimpleBrowserMenu,
+    params: ['showMenu', 'event.clientX', 'event.clientY']
   }];
 };
 const areTabsEqual = (oldTabs, newTabs) => {
@@ -34030,15 +34244,25 @@ const renderTitle$1 = {
     return ['Viewlet.send', Main$2, 'updateTab', 0, newState.title];
   }
 };
+const renderAddressValue = {
+  isEqual(oldState, newState) {
+    return oldState.browserViewId === newState.browserViewId;
+  },
+  apply(oldState, newState) {
+    return [['Viewlet.setValueByName', newState.uid, SimpleBrowserAddress, newState.inputValue]];
+  },
+  multiple: true
+};
 const renderFocusAddress = {
   isEqual(oldState, newState) {
     return oldState.focusAddressVersion === newState.focusAddressVersion;
   },
   apply(oldState, newState) {
-    return ['Viewlet.focusElementByName', newState.uid, SimpleBrowserAddress];
-  }
+    return [['Viewlet.focusElementByName', newState.uid, SimpleBrowserAddress]];
+  },
+  multiple: true
 };
-const render$6 = [renderDom$1, renderTitle$1, renderFocusAddress];
+const render$6 = [renderDom$1, renderTitle$1, renderAddressValue, renderFocusAddress];
 
 const hasFunctionalResize$4 = true;
 const resize$5 = (state, dimensions) => {
@@ -34070,6 +34294,7 @@ const ViewletSimpleBrowser_ipc = {
   acceptSuggestion,
   applySuggestions,
   backgroundLoadContent,
+  closeCurrentTab,
   closeOtherTabs: closeOtherTabs$1,
   closeSuggestions,
   closeTab: closeTab$1,
@@ -34099,6 +34324,7 @@ const ViewletSimpleBrowser_ipc = {
   menus: menus$3,
   muteTab: muteTab$1,
   name: name$5,
+  openTab,
   reloadTab: reloadTab$1,
   render: render$6,
   renderEventListeners: renderEventListeners$5,
@@ -35668,73 +35894,6 @@ const FileSystemAppKeyBindings = {
   writeJson
 };
 
-const Separator = 'separator';
-
-const convertMenuItem = menuItem => {
-  const {
-    flags,
-    label
-  } = menuItem;
-  switch (flags) {
-    case Separator$1:
-      return {
-        type: Separator
-      };
-    case Disabled:
-      return {
-        enabled: false,
-        label
-      };
-    default:
-      return {
-        label
-      };
-  }
-};
-const convertMenuItems = menuItems => {
-  return menuItems.map(convertMenuItem);
-};
-const getItem = (items, label) => {
-  for (const item of items) {
-    if (item.label === label) {
-      return item;
-    }
-  }
-  return undefined;
-};
-
-/**
- * @deprecated
- */
-const openContextMenu = async (x, y, id, ...args) => {
-  const entries = await getMenuEntries$6(id, ...args);
-  const electronMenuItems = convertMenuItems(entries);
-  const event = await invoke$H('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
-  if (event.type === 'close') {
-    return;
-  }
-  const item = getItem(entries, event.data);
-  if (!item || item.flags === Disabled) {
-    return;
-  }
-  const commandArgs = item.args || [];
-  await execute$4(item.command, ...commandArgs);
-};
-const openContextMenu2 = async (x, y, uid, menuId, ...args) => {
-  const entries = await getMenuEntries2(uid, menuId, ...args);
-  const electronMenuItems = convertMenuItems(entries);
-  const event = await invoke$H('ElectronContextMenu.openContextMenu', electronMenuItems, x, y);
-  if (event.type === 'close') {
-    return;
-  }
-  const item = getItem(entries, event.data);
-  if (!item || item.flags === Disabled) {
-    return;
-  }
-  const commandArgs = item.args || [];
-  await execute$4(item.command, ...commandArgs);
-};
-
 const show$1 = (x, y, id, ...args) => {
   return openContextMenu(x, y, id, ...args);
 };
@@ -35845,42 +36004,33 @@ const ViewletSimpleBrowserOpenExternal = {
   openExternal
 };
 
-const openBackgroundTab = async (state, url) => {
-  const simpleBrowserUrl = 'simple-browser://';
-  await execute$4('Main.openBackgroundTab', simpleBrowserUrl, {
-    iframeSrc: url
-  });
-  // TODO
+const openDownloads = async state => {
+  const downloadsFolder = await getDownloadDir();
+  await openNativeFolder(downloadsFolder);
   return state;
 };
 
-const ViewletSimpleBrowserOpenBackgroundTab = {
+const ViewletSimpleBrowserOpenDownloads = {
   __proto__: null,
-  openBackgroundTab
+  openDownloads
 };
 
-const handleContextMenu = async (state, params) => {
-  object(state);
-  object(params);
-  const {
-    x: paramsX,
-    y: paramsY
-  } = params;
+const openBackgroundTab = async (state, url) => {
   const {
-    x,
-    y,
-    headerHeight
+    tabsEnabled
   } = state;
-  const actualX = x + paramsX;
-  const actualY = y + headerHeight + paramsY;
-  const args = [actualX, actualY, params];
-  await openContextMenu(actualX, actualY, SimpleBrowser, ...args);
-  return state;
+  if (!tabsEnabled) {
+    await execute$4('Main.openBackgroundTab', 'simple-browser://', {
+      iframeSrc: url
+    });
+    return state;
+  }
+  return openTab(state, url, 'background-tab');
 };
 
-const ViewletSimpleBrowserHandleContextMenu = {
+const ViewletSimpleBrowserOpenBackgroundTab = {
   __proto__: null,
-  handleContextMenu
+  openBackgroundTab
 };
 
 const handleTabContextMenu = async (state, index, x, y) => {
@@ -35964,7 +36114,7 @@ const forward = async state => {
       isLoading: false
     };
   }
-  const newCanGoForward = await forward$1(browserViewId);
+  const newCanGoForward = await forward$2(browserViewId);
   return {
     ...state,
     isLoading: true,
@@ -36010,7 +36160,7 @@ const importFirefoxCookies = async state => {
       return state;
     }
     const result = await invoke$H('FirefoxCookieImport.importCookies');
-    await reload$1(browserViewId);
+    await reload$2(browserViewId);
     const notificationType = result.failed > 0 ? 'warning' : 'info';
     await create$19(notificationType, getResultMessage(result));
     return {
@@ -36045,7 +36195,7 @@ const reload = async state => {
   const {
     browserViewId
   } = state;
-  await reload$1(browserViewId);
+  await reload$2(browserViewId);
   return {
     ...state,
     isLoading: true
@@ -36057,6 +36207,61 @@ const ViewletSimpleBrowserReload = {
   reload
 };
 
+const showMenu = async (state, x, y) => {
+  await show2$3(state.uid, SimpleBrowserToolbar, x, y);
+  return state;
+};
+
+const ViewletSimpleBrowserShowMenu = {
+  __proto__: null,
+  showMenu
+};
+
+const toggleDevTools = async state => {
+  await toggleDevTools$1(state.browserViewId);
+  return state;
+};
+
+const ViewletSimpleBrowserToggleDevTools = {
+  __proto__: null,
+  toggleDevTools
+};
+
+const updateZoomLevel = (state, zoomLevel) => {
+  const tabs = state.tabs.with(state.selectedTabIndex, {
+    ...state.tabs[state.selectedTabIndex],
+    zoomLevel
+  });
+  return {
+    ...state,
+    tabs,
+    zoomLevel
+  };
+};
+const setZoomLevel = async (state, zoomLevel) => {
+  if (zoomLevel === state.zoomLevel) {
+    return state;
+  }
+  await setZoomLevel$1(state.browserViewId, zoomLevel);
+  return updateZoomLevel(state, zoomLevel);
+};
+const zoomIn = state => {
+  return setZoomLevel(state, Math.min(3, state.zoomLevel + 0.5));
+};
+const zoomOut = state => {
+  return setZoomLevel(state, Math.max(-3, state.zoomLevel - 0.5));
+};
+const resetZoom = state => {
+  return setZoomLevel(state, 0);
+};
+
+const ViewletSimpleBrowserZoom = {
+  __proto__: null,
+  resetZoom,
+  zoomIn,
+  zoomOut
+};
+
 const cancelNavigation = async state => {
   const {
     browserViewId