@lvce-editor/static-server 0.87.2 → 0.88.0

package/static/{c7623f6 → 684b9f1}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -108,7 +108,7 @@ const getAssetDir$1 = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/c7623f6';
+    return '/684b9f1';
   }
 };
 const assetDir = getAssetDir$1();
@@ -3907,18 +3907,24 @@ const handleVisibilityChange = async visibilityState => {
 const getStorageKey = viewletId => {
   return getViewletStorageKey(viewletId, getWorkspacePath());
 };
-const saveViewletState = async id => {
-  const instance = getInstance(id);
+const saveViewletStateAs = async (instanceId, storageId) => {
+  const instance = getInstance(instanceId);
   const savedState = await serializeInstance(instance);
   if (savedState === undefined) {
     return;
   }
-  await setJson$3(getStorageKey(id), savedState);
+  await setJson$3(getStorageKey(storageId), savedState);
   if (instance && instance.factory.saveChildState) {
     const childIds = instance.factory.saveChildState(instance.state);
     await Promise.all(childIds.map(saveViewletState));
   }
 };
+const saveViewletState = async id => {
+  return saveViewletStateAs(id, id);
+};
+const saveViewletStateWithStorageId = async (instanceId, storageId) => {
+  return saveViewletStateAs(instanceId, storageId);
+};
 const hydrate$5 = async () => {
   addListener('workspace.beforeChange', saveWorkspaceViewletStates);
   // TODO should set up listener in renderer process
@@ -11057,8 +11063,8 @@ const attachDebugger = async pid => {
   await invoke$F('AttachDebugger.attachDebugger', pid);
 };
 
-const version = '0.87.2';
-const commit$1 = 'c7623f6';
+const version = '0.88.0';
+const commit$1 = '684b9f1';
 const productNameLong = 'Lvce Editor - OSS';
 const getPid = () => {
   return invoke$F('Process.getPid');
@@ -15177,8 +15183,8 @@ const getKeyBindings$p = () => {
   }];
 };
 
-const menus$m = [];
-const getMenus$g = async () => {
+const menus$n = [];
+const getMenus$h = async () => {
   try {
     const ids = await invoke$k('ActivityBar.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -15246,14 +15252,14 @@ const ViewletActivityBar_ipc = {
   getCommands: getCommands$q,
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$p,
-  getMenus: getMenus$g,
+  getMenus: getMenus$h,
   getQuickPickMenuEntries: getQuickPickMenuEntries$5,
   hasFunctionalEvents: hasFunctionalEvents$u,
   hasFunctionalRender: hasFunctionalRender$I,
   hasFunctionalRootRender: hasFunctionalRootRender$C,
   hotReload: hotReload$m,
   loadContent: loadContent$P,
-  menus: menus$m,
+  menus: menus$n,
   name: name$G,
   render: render$L,
   renderEventListeners: renderEventListeners$s
@@ -15628,12 +15634,12 @@ const renderEventListeners$r = async () => {
   return listeners;
 };
 
-const menus$l = [];
+const menus$m = [];
 const getQuickPickMenuEntries$4 = async () => {
   const entries = await invoke$j('Chat.getQuickPickMenuEntries');
   return entries;
 };
-const getMenus$f = async () => {
+const getMenus$g = async () => {
   try {
     const ids = await invoke$j('Chat.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -15658,7 +15664,7 @@ const ViewletChat_ipc = {
   create: create$Q,
   getCommands: getCommands$p,
   getKeyBindings: getKeyBindings$o,
-  getMenus: getMenus$f,
+  getMenus: getMenus$g,
   getQuickPickMenuEntries: getQuickPickMenuEntries$4,
   hasFunctionalEvents: hasFunctionalEvents$t,
   hasFunctionalRender: hasFunctionalRender$F,
@@ -15666,7 +15672,7 @@ const ViewletChat_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$A,
   hotReload: hotReload$l,
   loadContent: loadContent$M,
-  menus: menus$l,
+  menus: menus$m,
   name: name$E,
   render: render$I,
   renderDialog: renderDialog$3,
@@ -15768,8 +15774,8 @@ const getCommands$o = async () => {
 
 const Css$F = ["/css/parts/DebugChatDetails.css", "/css/parts/DebugChatImagePreview.css", "/css/parts/DebugChatDetailsClose.css", "/css/parts/DebugChatTable.css", "/css/parts/DebugChatTimeline.css", "/css/parts/DebugChatTop.css", "/css/parts/EditorMessage.css", "/css/parts/Table.css", "/css/parts/ViewletPanel.css", "/css/parts/ViewletPanelTabs.css"];
 
-const menus$k = [];
-const getMenus$e = async () => {
+const menus$l = [];
+const getMenus$f = async () => {
   try {
     const ids = await invoke$i('ChatDebug.getMenuIds');
     const adjusted = ids.map(id => {
@@ -15831,14 +15837,14 @@ const ViewletChatDebug_ipc = {
   create: create$P,
   getCommands: getCommands$o,
   getKeyBindings: getKeyBindings$n,
-  getMenus: getMenus$e,
+  getMenus: getMenus$f,
   hasFunctionalEvents: hasFunctionalEvents$s,
   hasFunctionalRender: hasFunctionalRender$E,
   hasFunctionalResize: hasFunctionalResize$o,
   hasFunctionalRootRender: hasFunctionalRootRender$z,
   hotReload: hotReload$k,
   loadContent: loadContent$L,
-  menus: menus$k,
+  menus: menus$l,
   name: name$D,
   render: render$H,
   renderEventListeners: renderEventListeners$q,
@@ -16578,8 +16584,8 @@ const {
   restart: restart$c
 } = getOrCreateWorker(launchDiffViewWorker);
 
-const menus$j = [];
-const getMenus$d = async () => {
+const menus$k = [];
+const getMenus$e = async () => {
   try {
     const ids = await invoke$h('DiffView.getMenuIds');
     const adjusted = ids.map(id => {
@@ -16729,14 +16735,14 @@ const ViewletDiffEditor2_ipc = {
   getCommands: getCommands$n,
   getDynamicCss,
   getKeyBindings: getKeyBindings$k,
-  getMenus: getMenus$d,
+  getMenus: getMenus$e,
   hasFunctionalEvents: hasFunctionalEvents$r,
   hasFunctionalRender: hasFunctionalRender$z,
   hasFunctionalResize: hasFunctionalResize$n,
   hasFunctionalRootRender: hasFunctionalRootRender$w,
   hotReload: hotReload$j,
   loadContent: loadContent$F,
-  menus: menus$j,
+  menus: menus$k,
   name: name$y,
   render: render$C,
   renderEventListeners: renderEventListeners$p,
@@ -16890,7 +16896,7 @@ const MenuEntriesE2eTests = {
   id: id$3
 };
 
-const menus$i = [MenuEntriesE2eTests];
+const menus$j = [MenuEntriesE2eTests];
 
 const name$x = 'E2e Test';
 
@@ -16976,7 +16982,7 @@ const ViewletE2eTest_ipc = {
   hasFunctionalResize: hasFunctionalResize$m,
   hasFunctionalRootRender: hasFunctionalRootRender$v,
   loadContent: loadContent$E,
-  menus: menus$i,
+  menus: menus$j,
   name: name$x,
   render: render$B,
   renderActions: renderActions$c,
@@ -17044,8 +17050,8 @@ const hotReload$i = async state => {
     commands
   };
 };
-const menus$h = [];
-const getMenus$c = async () => {
+const menus$i = [];
+const getMenus$d = async () => {
   try {
     const ids = await invoke$g('LanguageModels.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -17118,13 +17124,13 @@ const ViewletLanguageModels_ipc = {
   create: create$F,
   getCommands: getCommands$m,
   getKeyBindings: getKeyBindings$i,
-  getMenus: getMenus$c,
+  getMenus: getMenus$d,
   hasFunctionalEvents: hasFunctionalEvents$q,
   hasFunctionalRender: hasFunctionalRender$x,
   hasFunctionalRootRender: hasFunctionalRootRender$u,
   hotReload: hotReload$i,
   loadContent: loadContent$D,
-  menus: menus$h,
+  menus: menus$i,
   render: render$A,
   renderDialog: renderDialog$1,
   renderEventListeners: renderEventListeners$o
@@ -17516,7 +17522,7 @@ const getKeyBindings$h = () => {
   return [];
 };
 
-const menus$g = [MenuEntriesE2eTests];
+const menus$h = [MenuEntriesE2eTests];
 
 const name$u = 'E2e Tests';
 
@@ -17648,7 +17654,7 @@ const ViewletE2eTests_ipc = {
   hasFunctionalRender: hasFunctionalRender$u,
   hasFunctionalRootRender: hasFunctionalRootRender$s,
   loadContent: loadContent$A,
-  menus: menus$g,
+  menus: menus$h,
   name: name$u,
   openInNewTab,
   render: render$x,
@@ -18349,8 +18355,8 @@ const getQuickPickMenuEntries$2 = async () => {
   const entries = await actualInvoke('Editor.getQuickPickMenuEntries');
   return entries;
 };
-const menus$f = [];
-const getMenus$b = async () => {
+const menus$g = [];
+const getMenus$c = async () => {
   try {
     // @ts-ignore
     const ids = await actualInvoke('Editor.getMenuIds');
@@ -18408,7 +18414,7 @@ const ViewletEditorText_ipc = {
   getCommands: getCommands$k,
   getDynamicCss,
   getKeyBindings: getKeyBindings$g,
-  getMenus: getMenus$b,
+  getMenus: getMenus$c,
   getQuickPickMenuEntries: getQuickPickMenuEntries$2,
   handleEditorChange,
   handleLanguagesChanged,
@@ -18418,7 +18424,7 @@ const ViewletEditorText_ipc = {
   hasFunctionalResize: hasFunctionalResize$j,
   hasFunctionalRootRender: hasFunctionalRootRender$r,
   loadContent: loadContent$z,
-  menus: menus$f,
+  menus: menus$g,
   name: name$t,
   render: render$v,
   renderEventListeners: renderEventListeners$m,
@@ -18764,7 +18770,7 @@ const MenuEntriesExplorer = {
   id: id$2
 };
 
-const menus$e = [MenuEntriesExplorer];
+const menus$f = [MenuEntriesExplorer];
 
 /**
  * @enum {string}
@@ -18843,7 +18849,7 @@ const ViewletExplorer_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$q,
   hotReload: hotReload$f,
   loadContent: loadContent$w,
-  menus: menus$e,
+  menus: menus$f,
   name: name$q,
   render: render$s,
   renderActions: renderActions$a,
@@ -18966,8 +18972,8 @@ const getKeyBindings$e = async () => {
   }
 };
 
-const menus$d = [];
-const getMenus$a = async () => {
+const menus$e = [];
+const getMenus$b = async () => {
   try {
     const ids = await invoke$e('ExtensionDetail.getMenuIds');
     const adjusted = ids.map(id => {
@@ -19011,14 +19017,14 @@ const ViewletExtensionDetail_ipc = {
   create: create$v,
   getCommands: getCommands$i,
   getKeyBindings: getKeyBindings$e,
-  getMenus: getMenus$a,
+  getMenus: getMenus$b,
   hasFunctionalEvents: hasFunctionalEvents$m,
   hasFunctionalRender: hasFunctionalRender$r,
   hasFunctionalResize: hasFunctionalResize$h,
   hasFunctionalRootRender: hasFunctionalRootRender$p,
   hotReload: hotReload$e,
   loadContent: loadContent$v,
-  menus: menus$d,
+  menus: menus$e,
   name: name$p,
   render: render$r,
   renderEventListeners: renderEventListeners$k,
@@ -19424,7 +19430,7 @@ const getMenuEntries$2 = async (uid, props = {}) => {
   }
   return invoke$E('Extensions.getViewMenuEntries', state.uri, uid, props.menuId, assetDir, getPlatform$1());
 };
-const menus$c = [{
+const menus$d = [{
   getMenuEntries: getMenuEntries$2,
   id: ExtensionView
 }];
@@ -19447,7 +19453,7 @@ const ViewletExtensionView_ipc = {
   hasFunctionalResize: hasFunctionalResize$g,
   hasFunctionalRootRender: hasFunctionalRootRender$o,
   loadContent: loadContent$u,
-  menus: menus$c,
+  menus: menus$d,
   render: render$q,
   renderActions: renderActions$9,
   renderEventListeners: renderEventListeners$j,
@@ -19567,8 +19573,8 @@ const getKeyBindings$d = () => {
   return invoke$d('SearchExtensions.getKeyBindings');
 };
 
-const menus$b = [];
-const getMenus$9 = async () => {
+const menus$c = [];
+const getMenus$a = async () => {
   try {
     const ids = await invoke$d('SearchExtensions.getMenuIds');
     const adjusted = ids.map(id => {
@@ -19666,14 +19672,14 @@ const ViewletExtensions_ipc = {
   dispose: dispose$j,
   getCommands: getCommands$h,
   getKeyBindings: getKeyBindings$d,
-  getMenus: getMenus$9,
+  getMenus: getMenus$a,
   hasFunctionalEvents: hasFunctionalEvents$k,
   hasFunctionalRender: hasFunctionalRender$p,
   hasFunctionalResize: hasFunctionalResize$f,
   hasFunctionalRootRender: hasFunctionalRootRender$n,
   hotReload: hotReload$d,
   loadContent: loadContent$t,
-  menus: menus$b,
+  menus: menus$c,
   name: name$o,
   render: render$p,
   renderActions: renderActions$8,
@@ -20084,14 +20090,14 @@ const ViewletInlineDiffEditor_ipc = {
   getCommands: getCommands$n,
   getDynamicCss,
   getKeyBindings: getKeyBindings$k,
-  getMenus: getMenus$d,
+  getMenus: getMenus$e,
   hasFunctionalEvents: hasFunctionalEvents$r,
   hasFunctionalRender: hasFunctionalRender$z,
   hasFunctionalResize: hasFunctionalResize$n,
   hasFunctionalRootRender: hasFunctionalRootRender$w,
   hotReload: hotReload$j,
   loadContent: loadContent$F,
-  menus: menus$j,
+  menus: menus$k,
   name: name$y,
   render: render$C,
   renderEventListeners: renderEventListeners$p,
@@ -20200,8 +20206,8 @@ const getKeyBindings$b = () => {
   return invoke$a('KeyBindings.getKeyBindings');
 };
 
-const menus$a = [];
-const getMenus$8 = async () => {
+const menus$b = [];
+const getMenus$9 = async () => {
   try {
     const ids = await invoke$a('KeyBindings.getMenuEntryIds');
     const adjusted = ids.map(id => {
@@ -20266,14 +20272,14 @@ const ViewletKeyBindings_ipc = {
   create: create$p,
   getCommands: getCommands$f,
   getKeyBindings: getKeyBindings$b,
-  getMenus: getMenus$8,
+  getMenus: getMenus$9,
   hasFunctionalEvents: hasFunctionalEvents$h,
   hasFunctionalRender: hasFunctionalRender$m,
   hasFunctionalResize: hasFunctionalResize$e,
   hasFunctionalRootRender: hasFunctionalRootRender$k,
   hotReload: hotReload$a,
   loadContent: loadContent$p,
-  menus: menus$a,
+  menus: menus$b,
   name: name$l,
   render: render$m,
   renderEventListeners: renderEventListeners$f,
@@ -20283,7 +20289,7 @@ const ViewletKeyBindings_ipc = {
 
 const Deb = 'Deb';
 
-const commit = 'c7623f6';
+const commit = '684b9f1';
 
 const getAutoUpdateType = () => {
   return invoke$F('AutoUpdater.getAutoUpdateType');
@@ -20979,6 +20985,7 @@ const create$o = id => {
     commands: [],
     sashId: None$6,
     previewUri: '',
+    previewViewletId: Preview$3,
     panelView: Problems,
     initial: true
   };
@@ -20989,6 +20996,7 @@ const saveState$9 = state => {
     panelHeight,
     panelVisible,
     previewUri,
+    previewViewletId,
     previewVisible,
     previewWidth,
     sideBarLocation,
@@ -21004,6 +21012,7 @@ const saveState$9 = state => {
     panelHeight,
     panelVisible,
     previewUri,
+    previewViewletId,
     previewVisible,
     previewWidth,
     sideBarLocation,
@@ -21073,6 +21082,12 @@ const getSavedSecondarySideBarView = savedState => {
   }
   return Chat;
 };
+const getSavedPreviewViewletId = savedState => {
+  if (savedState?.previewViewletId === SimpleBrowser$1) {
+    return SimpleBrowser$1;
+  }
+  return Preview$3;
+};
 const loadContent$o = (state, savedState) => {
   const {
     Layout
@@ -21100,6 +21115,7 @@ const loadContent$o = (state, savedState) => {
   const savedView = getSavedSideBarView(stateToRestore);
   const savedSecondaryView = getSavedSecondarySideBarView(stateToRestore);
   const previewUri = stateToRestore?.previewUri || '';
+  const previewViewletId = getSavedPreviewViewletId(stateToRestore);
   const intermediateState = {
     ...state,
     activityBarVisible: true,
@@ -21135,6 +21151,7 @@ const loadContent$o = (state, savedState) => {
     panelSashVisible: true,
     previewSashVisible: previewVisible,
     previewUri,
+    previewViewletId,
     restore,
     sideBarLocation,
     sideBarSashVisible: true,
@@ -21176,6 +21193,7 @@ const show$4 = async (state, module, currentViewletId) => {
   const height = intermediateState[kHeight];
   const uid = state.uid;
   const childUid = create$18();
+  const viewletModuleId = module === Preview$1 ? state.previewViewletId : moduleId;
   let uri = '';
   if (module === Preview$1 && state.previewUri) {
     uri = state.previewUri;
@@ -21184,7 +21202,7 @@ const show$4 = async (state, module, currentViewletId) => {
     disposed: false,
     getModule: load$2,
     args: module === SideBar && currentViewletId ? [currentViewletId] : [],
-    id: moduleId,
+    id: viewletModuleId,
     type: 0,
     // @ts-ignore
     uri,
@@ -21292,17 +21310,25 @@ const hide$2 = async (state, module) => {
     kVisible,
     moduleId
   } = module;
+  const isPreview = module === Preview$1;
+  const instanceId = isPreview ? state.previewId : moduleId;
+  const storageId = isPreview ? state.previewViewletId : moduleId;
   const newState = getPoints({
     ...state,
     [kVisible]: false,
-    ...(module === Preview$1 ? {
+    ...(isPreview ? {
+      previewId: -1,
       previewSashVisible: false
     } : {})
   });
   // TODO save state to local storage after rending (in background)
-  await saveViewletState(moduleId);
+  if (isPreview) {
+    await saveViewletStateWithStorageId(instanceId, storageId);
+  } else {
+    await saveViewletState(instanceId);
+  }
   // TODO also resize other viewlets if necessary
-  const commands = disposeFunctional(moduleId);
+  const commands = disposeFunctional(instanceId);
   const resizeCommands = await getResizeCommands(state, newState);
   commands.push(...resizeCommands);
 
@@ -21492,25 +21518,76 @@ const toggleStatusBar = state => {
   // @ts-ignore
   return toggle(state, StatusBar);
 };
-const showPreview = async (state, uri) => {
+const getPreviewViewletId = uri => {
+  if (uri.startsWith('simple-browser://')) {
+    return SimpleBrowser$1;
+  }
+  return Preview$3;
+};
+const replacePreview = async (state, uri, previewViewletId) => {
+  await saveViewletStateWithStorageId(state.previewId, state.previewViewletId);
+  const commands = disposeFunctional(state.previewId);
+  const childUid = create$18();
+  const newState = {
+    ...state,
+    previewId: childUid,
+    previewUri: uri,
+    previewViewletId
+  };
+  setState$1(state.uid, newState);
+  const viewlet = {
+    disposed: false,
+    getModule: load$2,
+    args: [],
+    id: previewViewletId,
+    type: 0,
+    uri,
+    show: false,
+    focus: false,
+    x: state.previewLeft,
+    y: state.previewTop,
+    width: state.previewWidth,
+    height: state.previewHeight,
+    parentUid: state.uid,
+    uid: childUid
+  };
+  const loadCommands = await load$4(viewlet, false, true, undefined);
+  commands.push(...loadCommands);
+  return {
+    newState,
+    commands
+  };
+};
+const showPreview = async (state, uri = state.previewUri) => {
   const {
     previewVisible,
     previewId,
     uid
   } = state;
+  const previewViewletId = getPreviewViewletId(uri);
   if (previewVisible && previewId !== -1) {
-    await execute$3('Preview.setUri', uri);
+    if (state.previewViewletId !== previewViewletId) {
+      return replacePreview(state, uri, previewViewletId);
+    }
+    if (previewViewletId === Preview$3) {
+      await execute$3('Preview.setUri', uri);
+    }
     return {
       newState: {
         ...state,
-        previewUri: uri
+        previewUri: uri,
+        previewViewletId
       },
       commands: []
     };
   }
   const partialNewState = {
     ...state,
-    previewUri: uri
+    previewUri: uri,
+    previewViewletId,
+    ...(previewVisible ? {
+      previewVisible: false
+    } : {})
   };
   setState$1(uid, partialNewState);
   // @ts-ignore
@@ -21523,11 +21600,11 @@ const showPreview = async (state, uri) => {
 const hidePreview = state => {
   return hide$2(state, Preview$1);
 };
-const togglePreview = (state, uri) => {
-  return toggle({
-    ...state,
-    previewUri: uri
-  }, Preview$1);
+const togglePreview = (state, uri = state.previewUri) => {
+  if (state.previewVisible) {
+    return hidePreview(state);
+  }
+  return showPreview(state, uri);
 };
 const showTitleBar = state => {
   // @ts-ignore
@@ -21631,6 +21708,8 @@ const loadIfVisible = async (state, module) => {
       kId,
       kReady
     } = module;
+    const viewletModuleId = module === Preview$1 ? state.previewViewletId : moduleId;
+    const uri = module === Preview$1 ? state.previewUri : '';
     const visible = state[kVisible];
     const x = state[kLeft];
     const y = state[kTop];
@@ -21646,10 +21725,10 @@ const loadIfVisible = async (state, module) => {
       };
       commands = await load$4({
         getModule: load$2,
-        id: moduleId,
+        id: viewletModuleId,
         type: 0,
         // @ts-ignore
-        uri: '',
+        uri,
         show: false,
         focus: false,
         x,
@@ -21951,7 +22030,8 @@ const getResizeCommands = async (oldState, newState) => {
       kHeight,
       moduleId
     } = module;
-    const instance = getInstance(moduleId);
+    const instanceId = module === Preview$1 ? newState.previewId : moduleId;
+    const instance = getInstance(instanceId);
     if (!instance) {
       return [];
     }
@@ -22010,25 +22090,25 @@ const getFocusChangeCommands = isFocused => {
   }
   return commands;
 };
-const showAsync = async (uid, points, module) => {
+const showAsync = async (uid, points, module, viewletUid) => {
   try {
     number(uid);
     const {
-      moduleId,
+      moduleId: defaultModuleId,
       kTop,
       kLeft,
       kWidth,
       kHeight
     } = module;
-    const viewletUid = create$18();
+    const moduleId = module === Preview$1 ? points.previewViewletId : defaultModuleId;
+    const uri = module === Preview$1 ? points.previewUri : '';
     const commands = await load$4({
       getModule: load$2,
       id: moduleId,
       // @ts-ignore
       uid: viewletUid,
       type: 0,
-      // @ts-ignore
-      uri: '',
+      uri,
       show: false,
       focus: false,
       x: points[kLeft],
@@ -22051,12 +22131,13 @@ const showAsync = async (uid, points, module) => {
 const showPlaceholder = (uid, points, module) => {
   number(uid);
   const {
-    moduleId,
+    moduleId: defaultModuleId,
     kTop,
     kLeft,
     kWidth,
     kHeight
   } = module;
+  const moduleId = module === Preview$1 ? points.previewViewletId : defaultModuleId;
   return ['Viewlet.createPlaceholder', /* id */moduleId, /* parentId */uid, /* top */points[kTop], /* left */points[kLeft], /* width */points[kWidth], /* height */points[kHeight]];
 };
 const handleSashPointerMove = async (state, x, y) => {
@@ -22077,25 +22158,34 @@ const handleSashPointerMove = async (state, x, y) => {
     } = module;
     if (state[kVisible] !== newState[kVisible]) {
       if (newState[kVisible]) {
-        showAsync(uid, newState, module); // TODO avoid side effect
+        const viewletUid = create$18();
+        showAsync(uid, newState, module, viewletUid); // TODO avoid side effect
         const commands = showPlaceholder(uid, newState, module);
         // @ts-ignore
         allCommands.push(commands);
         if (moduleId === Preview$3) {
           newState = {
             ...newState,
+            previewId: viewletUid,
             previewVisible: true,
             previewSashVisible: true
           };
         }
       } else {
-        await saveViewletState(moduleId);
-        const commands = disposeFunctional(moduleId);
+        const instanceId = module === Preview$1 ? state.previewId : moduleId;
+        const storageId = module === Preview$1 ? state.previewViewletId : moduleId;
+        if (module === Preview$1) {
+          await saveViewletStateWithStorageId(instanceId, storageId);
+        } else {
+          await saveViewletState(instanceId);
+        }
+        const commands = disposeFunctional(instanceId);
         // @ts-ignore
         allCommands.push(...commands);
         if (moduleId === Preview$3) {
           newState = {
             ...newState,
+            previewId: -1,
             previewVisible: false,
             previewSashVisible: false
           };
@@ -23021,6 +23111,10 @@ const getQuickPickMenuEntries$1 = () => {
   }, {
     id: 'Developer.openProcessExplorer',
     label: 'Developer: Open Process Explorer'
+  }, {
+    id: 'Main.openUri',
+    label: 'Developer: Show Running Extensions',
+    args: ['running-extensions://']
   }, {
     id: 'Developer.showGpuInfo',
     label: 'Developer: Show GPU Info'
@@ -23079,6 +23173,10 @@ const getQuickPickMenuEntries$1 = () => {
     id: 'Main.openUri',
     label: 'Simple Browser: Open',
     args: ['simple-browser://']
+  }, {
+    id: 'Layout.showPreview',
+    label: 'Simple Browser: Open in Preview Area',
+    args: ['simple-browser://']
   }, {
     id: 'SimpleBrowser.openDevtools',
     label: 'Simple Browser: Open Dev Devtools'
@@ -24181,8 +24279,8 @@ const getQuickPickMenuEntries = () => {
     label: 'Main: Reopen Editor With'
   }];
 };
-const menus$9 = [];
-const getMenus$7 = async () => {
+const menus$a = [];
+const getMenus$8 = async () => {
   try {
     const ids = await invoke$8('MainArea.getMenuIds');
     const adjusted = ids.map(id => {
@@ -24290,7 +24388,7 @@ const ViewletMain_ipc = {
   focus: focus$3,
   getCommands: getCommands$e,
   getKeyBindings: getKeyBindings$9,
-  getMenus: getMenus$7,
+  getMenus: getMenus$8,
   getQuickPickMenuEntries,
   hasFunctionalEvents: hasFunctionalEvents$f,
   hasFunctionalRender: hasFunctionalRender$k,
@@ -24298,7 +24396,7 @@ const ViewletMain_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$i,
   hotReload: hotReload$9,
   loadContent: loadContent$n,
-  menus: menus$9,
+  menus: menus$a,
   name: name$j,
   openEditorWithType,
   openKeyBindings,
@@ -24775,8 +24873,8 @@ const getKeyBindings$8 = () => {
   }];
 };
 
-const menus$8 = [];
-const getMenus$6 = async () => {
+const menus$9 = [];
+const getMenus$7 = async () => {
   try {
     const ids = await invoke$6('Problems.getMenuIds');
     const adjusted = ids.map(id => {
@@ -24843,13 +24941,13 @@ const ViewletProblems_ipc = {
   getBadgeCount,
   getCommands: getCommands$b,
   getKeyBindings: getKeyBindings$8,
-  getMenus: getMenus$6,
+  getMenus: getMenus$7,
   hasFunctionalEvents: hasFunctionalEvents$c,
   hasFunctionalRender: hasFunctionalRender$h,
   hasFunctionalResize: hasFunctionalResize$a,
   hasFunctionalRootRender: hasFunctionalRootRender$f,
   loadContent: loadContent$i,
-  menus: menus$8,
+  menus: menus$9,
   name: name$f,
   render: render$h,
   renderActions: renderActions$5,
@@ -24967,7 +25065,7 @@ const MenuEntriesProcessExplorer = {
   id: id$1
 };
 
-const menus$7 = [MenuEntriesProcessExplorer];
+const menus$8 = [MenuEntriesProcessExplorer];
 
 const name$e = 'ProcessExplorer';
 
@@ -24999,7 +25097,7 @@ const ViewletProcessExplorer_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$e,
   hotReload: hotReload$6,
   loadContent: loadContent$h,
-  menus: menus$7,
+  menus: menus$8,
   name: name$e,
   render: render$g,
   renderEventListeners: renderEventListeners$9
@@ -25443,8 +25541,8 @@ const getKeyBindings$5 = () => {
   return invoke$y('RunAndDebug.getKeyBindings');
 };
 
-const menus$6 = [];
-const getMenus$5 = async () => {
+const menus$7 = [];
+const getMenus$6 = async () => {
   try {
     const modules = await invoke$y('RunAndDebug.getMenuEntries');
     const adjusted = modules.map(module => {
@@ -25500,7 +25598,7 @@ const ViewletRunAndDebug_ipc = {
   dispose: dispose$a,
   getCommands: getCommands$7,
   getKeyBindings: getKeyBindings$5,
-  getMenus: getMenus$5,
+  getMenus: getMenus$6,
   handleDebugInput,
   handleEvaluate,
   hasFunctionalEvents: hasFunctionalEvents$9,
@@ -25509,7 +25607,7 @@ const ViewletRunAndDebug_ipc = {
   hasFunctionalRootRender: hasFunctionalRootRender$c,
   hotReload: hotReload$5,
   loadContent: loadContent$e,
-  menus: menus$6,
+  menus: menus$7,
   name: name$b,
   render: render$e,
   renderActions: renderActions$3,
@@ -25562,6 +25660,22 @@ const loadContent$d = async state => {
     commands
   };
 };
+const menus$6 = [];
+const getMenus$5 = async () => {
+  try {
+    const ids = await invoke$4('RunningExtensions.getMenuEntryIds');
+    return ids.map(id => {
+      return {
+        id,
+        async getMenuEntries(...args) {
+          return invoke$4('RunningExtensions.getMenuEntries', ...args);
+        }
+      };
+    });
+  } catch {
+    return [];
+  }
+};
 
 const wrapRunningExtensionsCommand = key => {
   return async (state, ...args) => {
@@ -25607,10 +25721,12 @@ const ViewletRunningExtensions_ipc = {
   Css: Css$d,
   create: create$d,
   getCommands: getCommands$6,
+  getMenus: getMenus$5,
   hasFunctionalEvents: hasFunctionalEvents$8,
   hasFunctionalRender: hasFunctionalRender$d,
   hasFunctionalRootRender: hasFunctionalRootRender$b,
   loadContent: loadContent$d,
+  menus: menus$6,
   render: render$d,
   renderEventListeners: renderEventListeners$6
 };