@lvce-editor/static-server 0.44.8 → 0.45.1

package/static/{0645499 → 6f7ccc8}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/0645499';
+    return '/6f7ccc8';
   }
 };
 const assetDir = getAssetDir();
@@ -2020,6 +2020,12 @@ const getPathSeparator$8 = async uri => {
   const fileSystem = await getFileSystem(protocol);
   return fileSystem.getPathSeparator(path);
 };
+const getFolderSize$1 = async uri => {
+  const protocol = getProtocol(uri);
+  const path = getPath$1(protocol, uri);
+  const fileSystem = await getFileSystem(protocol);
+  return fileSystem.stat(path);
+};
 const chmod$3 = async (uri, permissions) => {
   const protocol = getProtocol(uri);
   const path = getPath$1(protocol, uri);
@@ -2833,6 +2839,113 @@ const hydrate$7 = async () => {
   }
 };
 
+const RE_HTML = /\.html$/;
+const getUrlBaseName = href => {
+  const fileName = href.slice(href.lastIndexOf('/') + 1);
+  const baseName = fileName.replace(RE_HTML, '');
+  return baseName;
+};
+
+/* istanbul ignore file */
+
+// TODO this should always be completely tree shaken out during build, maybe need to be marked as @__Pure for terser to work
+
+// TODO treeshake this function out when targeting electron
+
+const getExtensionsPath = () => {
+  return invoke$e(/* Platform.getExtensionsPath */'Platform.getExtensionsPath');
+};
+const getCachedExtensionsPath = () => {
+  return invoke$e(/* Platform.getCachedExtensionsPath */'Platform.getCachedExtensionsPath');
+};
+const getLogsDir = () => {
+  return invoke$e(/* Platform.getLogsDir */'Platform.getLogsDir');
+};
+const getDownloadDir = () => {
+  return invoke$e(/* Platform.getDownloadDir */'Platform.getDownloadDir');
+};
+const getUserSettingsPath = () => {
+  if (platform === Web$1) {
+    return 'settings';
+  }
+  return invoke$e(/* Platform.getUserSettingsPath */'Platform.getUserSettingsPath');
+};
+const getUserKeyBindingsPath = () => {
+  if (platform === Web$1) {
+    return 'settings';
+  }
+  return invoke$e(/* Platform.getUserSettingsPath */'Platform.getUserKeyBindingsPath');
+};
+const getRecentlyOpenedPath = () => {
+  if (platform === Web$1) {
+    return 'recently-opened';
+  }
+  return invoke$e(/* Platform.getRecentlyOpenedPath */'Platform.getRecentlyOpenedPath');
+};
+const getConfigPath = () => {
+  return invoke$e(/* Platform.getConfigDir */'Platform.getConfigDir');
+};
+const getCachePath = () => {
+  return invoke$e(/* Platform.getCacheDir */'Platform.getCacheDir');
+};
+const getCacheName = () => {
+  return 'lvce-runtime';
+};
+const getTestPathRemote = () => {
+  return invoke$e(/* Platform.getTestPath */'Platform.getTestPath');
+};
+const getTestPathWeb = () => {
+  return `${assetDir}/packages/extension-host-worker-tests`;
+};
+
+// @ts-ignore
+const getTestPath = () => {
+  switch (platform) {
+    case Electron$1:
+    case Remote:
+      return getTestPathRemote();
+    case Web$1:
+      return getTestPathWeb();
+  }
+};
+const getRepository = () => {
+  return invoke$e('Platform.getRepository');
+};
+
+// TODO determine with websocket request or some
+// data in html that shows whether this test is
+// a typescript or javascript file
+const existsTest = async url => {
+  const tsResponse = await fetch(url, {
+    method: 'HEAD'
+  });
+  if (tsResponse.ok) {
+    return true;
+  }
+  return false;
+};
+const getTestFilePath = async href => {
+  const testPath = await getTestPath();
+  const baseName = getUrlBaseName(href);
+  const jsFileName = baseName + '.js';
+  const tsFileName = baseName + '.ts';
+  const jsPath = `${testPath}/src/${jsFileName}`;
+  const tsPath = `${testPath}/src/${tsFileName}`;
+  if (platform === Web$1) {
+    return jsPath;
+  }
+  const existsTsPath = await existsTest(tsPath);
+  if (existsTsPath) {
+    return tsPath;
+  }
+  return jsPath;
+};
+
+const executeCurrentTest = async initData => {
+  const jsPath = await getTestFilePath(initData.Location.href);
+  await execute$4('Test.execute', jsPath);
+};
+
 const map$2 = {
   [ExtensionHost]: () => Promise.resolve().then(function () { return ExtensionHostFileSystem; }),
   [App]: () => Promise.resolve().then(function () { return FileSystemApp; }),
@@ -2974,7 +3087,6 @@ const FocusActivityBar = 5;
 const FocusDebugInput = 6;
 const FocusDialog = 7;
 const FocusEditorRename = 11;
-const FocusExplorer = 13;
 const FocusExtensions = 15;
 const FocusFindWidget = 16;
 const FocusMenu = 18;
@@ -3268,7 +3380,7 @@ const ExtensionStateStorage = {
   setJson: setJson$1
 };
 
-const saveState$e = async () => {
+const saveState$f = async () => {
   const state = await invoke$d('SaveState.saveState');
   return state;
 };
@@ -3278,7 +3390,7 @@ const getSavedState = async () => {
 };
 
 const saveExtensionState = async () => {
-  const state = await saveState$e();
+  const state = await saveState$f();
   await setJson$1(state);
 };
 
@@ -3404,7 +3516,7 @@ const EditorText = 'Editor';
 const EditorWidgetError = 'EditorWidgetError';
 const Error$3 = 'Error';
 const EmptyEditor = 'EmptyEditor';
-const Explorer$2 = 'Explorer';
+const Explorer$1 = 'Explorer';
 const ExtensionDetail = 'ExtensionDetail';
 const Extensions$2 = 'Extensions';
 const Iframe = 'Iframe';
@@ -3471,7 +3583,7 @@ const ViewletModuleId = {
   EditorWidgetError,
   EmptyEditor,
   Error: Error$3,
-  Explorer: Explorer$2,
+  Explorer: Explorer$1,
   ExtensionDetail,
   Extensions: Extensions$2,
   Iframe,
@@ -4529,7 +4641,7 @@ const disposeWidgetWithValue = async (id, value) => {
   }
 };
 
-const handleIconThemeChange$3 = async () => {
+const handleIconThemeChange$2 = async () => {
   const instances = getAllInstances();
   // TODO have one recalculate style and one paint
   // @ts-ignore
@@ -5023,7 +5135,7 @@ const setIconTheme = async iconThemeId => {
       return;
     }
     setTheme(iconTheme);
-    await handleIconThemeChange$3();
+    await handleIconThemeChange$2();
   } catch (error) {
     if (isTest()) ; else {
       console.error(new VError(error, 'Failed to load icon theme'));
@@ -5367,72 +5479,6 @@ const LoadPreferences = 'code/loadPreferences';
 const LoadColorTheme = 'code/loadColorTheme';
 const LoadIconTheme = 'code/loadIconTheme';
 
-/* istanbul ignore file */
-
-// TODO this should always be completely tree shaken out during build, maybe need to be marked as @__Pure for terser to work
-
-// TODO treeshake this function out when targeting electron
-
-const getExtensionsPath = () => {
-  return invoke$e(/* Platform.getExtensionsPath */'Platform.getExtensionsPath');
-};
-const getCachedExtensionsPath = () => {
-  return invoke$e(/* Platform.getCachedExtensionsPath */'Platform.getCachedExtensionsPath');
-};
-const getLogsDir = () => {
-  return invoke$e(/* Platform.getLogsDir */'Platform.getLogsDir');
-};
-const getDownloadDir = () => {
-  return invoke$e(/* Platform.getDownloadDir */'Platform.getDownloadDir');
-};
-const getUserSettingsPath = () => {
-  if (platform === Web$1) {
-    return 'settings';
-  }
-  return invoke$e(/* Platform.getUserSettingsPath */'Platform.getUserSettingsPath');
-};
-const getUserKeyBindingsPath = () => {
-  if (platform === Web$1) {
-    return 'settings';
-  }
-  return invoke$e(/* Platform.getUserSettingsPath */'Platform.getUserKeyBindingsPath');
-};
-const getRecentlyOpenedPath = () => {
-  if (platform === Web$1) {
-    return 'recently-opened';
-  }
-  return invoke$e(/* Platform.getRecentlyOpenedPath */'Platform.getRecentlyOpenedPath');
-};
-const getConfigPath = () => {
-  return invoke$e(/* Platform.getConfigDir */'Platform.getConfigDir');
-};
-const getCachePath = () => {
-  return invoke$e(/* Platform.getCacheDir */'Platform.getCacheDir');
-};
-const getCacheName = () => {
-  return 'lvce-runtime';
-};
-const getTestPathRemote = () => {
-  return invoke$e(/* Platform.getTestPath */'Platform.getTestPath');
-};
-const getTestPathWeb = () => {
-  return `${assetDir}/packages/extension-host-worker-tests`;
-};
-
-// @ts-ignore
-const getTestPath = () => {
-  switch (platform) {
-    case Electron$1:
-    case Remote:
-      return getTestPathRemote();
-    case Web$1:
-      return getTestPathWeb();
-  }
-};
-const getRepository = () => {
-  return invoke$e('Platform.getRepository');
-};
-
 const addPath = (paths, path) => {
   array(paths);
   string(path);
@@ -5789,7 +5835,7 @@ const map = {
   [EditorText]: () => Promise.resolve().then(function () { return ViewletEditorText_ipc; }),
   [EditorWidgetError]: () => Promise.resolve().then(function () { return ViewletEditorWidgetError_ipc; }),
   [EmptyEditor]: () => Promise.resolve().then(function () { return ViewletEmptyEditor_ipc; }),
-  [Explorer$2]: () => Promise.resolve().then(function () { return ViewletExplorer_ipc; }),
+  [Explorer$1]: () => Promise.resolve().then(function () { return ViewletExplorer_ipc; }),
   [ExtensionDetail]: () => Promise.resolve().then(function () { return ViewletExtensionDetail_ipc; }),
   [Extensions$2]: () => Promise.resolve().then(function () { return ViewletExtensions_ipc; }),
   [Implementations]: () => Promise.resolve().then(function () { return ViewletImplementations_ipc; }),
@@ -5985,12 +6031,7 @@ const startup = async () => {
   await Promise.all(actions.map(action => action()));
   mark$1(Fifteen);
   if (isTest()) {
-    const testPath = await getTestPath();
-    const href = initData.Location.href;
-    const fileName = href.slice(href.lastIndexOf('/') + 1);
-    const jsfileName = fileName.replace(/\.html$/, '.js');
-    const jsPath = `${testPath}/src/${jsfileName}`;
-    await execute$4('Test.execute', jsPath);
+    await executeCurrentTest(initData);
     return;
   }
   mark(WillLoadSaveState);
@@ -7636,6 +7677,10 @@ const stat = path => {
   path = toUri(path);
   return invoke$e(FileSystemStat, /* path */path);
 };
+const getFolderSize = path => {
+  path = toUri(path);
+  return invoke$e('FileSystem.getFolderSize', /* path */path);
+};
 const chmod = (path, permissions) => {
   path = toUri(path);
   return invoke$e(FileSystemChmod, /* path */path, /* permissions */permissions);
@@ -7650,6 +7695,7 @@ const FileSystemDisk = {
   ensureFile,
   getBlob: getBlob$1,
   getBlobUrl,
+  getFolderSize,
   getPathSeparator: getPathSeparator$1,
   getRealPath,
   mkdir,
@@ -9963,7 +10009,7 @@ const openFile$3 = () => {
       return openFileElectron();
   }
 };
-const handleClick$b = async index => {
+const handleClick$a = async index => {
   // @ts-ignore
   const {
     options
@@ -10000,7 +10046,7 @@ const showMessage = async (message, options) => {
       // TODO can this even happen?
       return;
     }
-    await handleClick$b(index);
+    await handleClick$a(index);
   } else {
     await openWidget(Dialog, message, options);
   }
@@ -10010,7 +10056,7 @@ const name$1_ = 'Dialog';
 const Commands$1R = {
   // @ts-ignore
   close: undefined,
-  handleClick: handleClick$b,
+  handleClick: handleClick$a,
   openFile: openFile$3,
   openFolder: openFolder$4,
   showMessage: showMessage
@@ -10266,7 +10312,7 @@ const menuEntrySeparator = {
 const ActivityBar$4 = 1;
 const Edit = 2;
 const Editor$1 = 3;
-const Explorer$1 = 4;
+const Explorer = 4;
 const File$1 = 5;
 const Go = 6;
 const Help$1 = 7;
@@ -10350,7 +10396,7 @@ const UiStrings$l = {
   Save: 'Save',
   SaveAll: 'Save All'
 };
-const newFile$2 = () => {
+const newFile$1 = () => {
   return i18nString(UiStrings$l.NewFile);
 };
 const newWindow$1 = () => {
@@ -10379,7 +10425,7 @@ const id$m = File$1;
 const getMenuEntries$r = () => {
   const entries = [{
     id: 'newFile',
-    label: newFile$2(),
+    label: newFile$1(),
     flags: None$h,
     command: -1
   }, {
@@ -10928,7 +10974,7 @@ const hydrate = async () => {
   // TODO send menu items to electron
   // TODO add listener for when menu items change
 };
-const handleClick$a = async label => {
+const handleClick$9 = async label => {
   const commandPair = state$h.commandMap[label];
   if (!commandPair) {
     throw new Error(`no command found for ${label}`);
@@ -10944,7 +10990,7 @@ const name$1X = 'ElectronApplicationMenu';
 
 // prettier-ignore
 const Commands$1N = {
-  handleClick: handleClick$a,
+  handleClick: handleClick$9,
   hydrate: hydrate
 };
 
@@ -11187,7 +11233,8 @@ const Commands$1C = {
   readFile: readFile$e,
   remove: remove$9,
   writeFile: writeFile$e,
-  readJson: readJson$3
+  readJson: readJson$3,
+  getFolderSize: getFolderSize$1
 };
 
 const FileSystem_ipc = {
@@ -12380,7 +12427,7 @@ const MENU_DELAY_TRIANGLE = 300;
 const resolveAfterTimeout = fn => {
   setTimeout(fn, MENU_DELAY_TRIANGLE);
 };
-const handleMouseEnter$1 = async (level, index, enterX, enterY, enterTimeStamp) => {
+const handleMouseEnter = async (level, index, enterX, enterY, enterTimeStamp) => {
   state$c.latestTimeStamp = enterTimeStamp;
   if (level >= state$c.menus.length) {
     return;
@@ -12411,7 +12458,7 @@ const handleMouseEnter$1 = async (level, index, enterX, enterY, enterTimeStamp)
       break;
   }
 };
-const handleMouseLeave$1 = async () => {
+const handleMouseLeave = async () => {
   const menu = state$c.menus[0];
   if (menu.items.length === 0) {
     return;
@@ -12516,8 +12563,8 @@ const Commands$1r = {
   focusLast: focusLast$7,
   focusNext: focusNext$a,
   focusPrevious: focusPrevious$a,
-  handleMouseEnter: handleMouseEnter$1,
-  handleMouseLeave: handleMouseLeave$1,
+  handleMouseEnter: handleMouseEnter,
+  handleMouseLeave: handleMouseLeave,
   hide: hide$3,
   selectIndex: selectIndex$3,
   selectItem: selectItem$1,
@@ -12811,7 +12858,7 @@ const showWithOptions = async (type, text, options) => {
   });
   await invoke$f(/* Notification.createWithOptions */993, /* type */type, /* text */text, /* options */options);
 };
-const handleClick$9 = index => {
+const handleClick$8 = index => {
   console.log('handle click');
   const notification = state$9.notifications[0];
   if (!notification.options) {
@@ -12832,7 +12879,7 @@ const name$1y = 'Notification';
 const Commands$1n = {
   create: create$R,
   dispose: dispose$t,
-  handleClick: handleClick$9,
+  handleClick: handleClick$8,
   showWithOptions: showWithOptions
 };
 
@@ -14009,7 +14056,6 @@ const None$e = 0;
 const About = FocusAbout;
 const ActivityBar$2 = FocusActivityBar;
 const Confirm = FocusConfirm;
-const Explorer = FocusExplorer;
 const Extensions = FocusExtensions;
 const Problems = FocusProblems;
 const SourceControlInput = FocusSourceControlInput;
@@ -14196,7 +14242,7 @@ const getActivityBarItems = () => {
   return [
   // Top
   {
-    id: Explorer$2,
+    id: Explorer$1,
     title: explorer$1(),
     icon: Files,
     flags: Tab | Enabled,
@@ -14389,13 +14435,13 @@ const toggleActivityBarItem = async (state, item) => {
     items: state.activityBarItems.filter(isEnabled)
   };
 };
-const handleBlur$7 = state => {
+const handleBlur$6 = state => {
   return {
     ...state,
     focused: false
   };
 };
-const saveState$d = state => {
+const saveState$e = state => {
   return {};
 };
 const focus$7 = state => {
@@ -14408,7 +14454,7 @@ const focus$7 = state => {
 
 // prettier-ignore
 const Commands$B = {
-  handleBlur: handleBlur$7,
+  handleBlur: handleBlur$6,
   handleSideBarHidden: handleSideBarHidden,
   handleSideBarViewletChange: handleSideBarViewletChange,
   toggleItem: toggleItem,
@@ -14851,7 +14897,7 @@ const ViewletActivityBar_ipc = {
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$g,
   getQuickPickMenuEntries: getQuickPickMenuEntries$4,
-  handleBlur: handleBlur$7,
+  handleBlur: handleBlur$6,
   handleSideBarHidden,
   handleSideBarViewletChange,
   hasFunctionalRender: hasFunctionalRender$C,
@@ -14862,7 +14908,7 @@ const ViewletActivityBar_ipc = {
   name: name$M,
   render: render$F,
   resize: resize$n,
-  saveState: saveState$d,
+  saveState: saveState$e,
   toggleActivityBarItem,
   toggleItem,
   updateSourceControlCount
@@ -15205,7 +15251,7 @@ const handleInput$5 = (state, value) => {
     inputValue: value
   };
 };
-const handleFocus$6 = state => {
+const handleFocus$5 = state => {
   setFocus(FocusDebugConsoleInput);
   return state;
 };
@@ -15228,7 +15274,7 @@ const clear$2 = state => {
 
 const Commands$x = {
   handleInput: handleInput$5,
-  handleFocus: handleFocus$6,
+  handleFocus: handleFocus$5,
   evaluate: evaluate,
   clear: clear$2
 };
@@ -15458,7 +15504,7 @@ const ViewletDebugConsole_ipc = {
   evaluate,
   getKeyBindings: getKeyBindings$e,
   getQuickPickMenuEntries: getQuickPickMenuEntries$3,
-  handleFocus: handleFocus$6,
+  handleFocus: handleFocus$5,
   handleInput: handleInput$5,
   hasFunctionalRender: hasFunctionalRender$y,
   loadContent: loadContent$E,
@@ -15549,7 +15595,7 @@ const dispose$q = (state, value) => {
   disposeWidgetWithValue(uid, value);
   return state;
 };
-const handleBlur$6 = state => {
+const handleBlur$5 = state => {
   return dispose$q(state, '');
 };
 const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
@@ -15572,7 +15618,7 @@ const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
 
 const Commands$w = {
   handleKeyDown: handleKeyDown$1,
-  handleBlur: handleBlur$6
+  handleBlur: handleBlur$5
 };
 
 const Css$z = ["/css/parts/ViewletDefineKeyBinding.css"];
@@ -15633,7 +15679,7 @@ const ViewletDefineKeyBinding_ipc = {
   Commands: Commands$w,
   Css: Css$z,
   create: create$I,
-  handleBlur: handleBlur$6,
+  handleBlur: handleBlur$5,
   handleKeyDown: handleKeyDown$1,
   hasFunctionalRender: hasFunctionalRender$x,
   hasFunctionalRootRender: hasFunctionalRootRender$i,
@@ -15680,7 +15726,7 @@ const loadContent$C = (state, savedState, ...args) => {
   };
 };
 const dispose$p = async state => {};
-const handleClick$8 = async (state, index) => {
+const handleClick$7 = async (state, index) => {
   const {
     options
   } = state;
@@ -15699,7 +15745,7 @@ const handleClick$8 = async (state, index) => {
 
 const Commands$v = {
   close: dispose$p,
-  handleClick: handleClick$8
+  handleClick: handleClick$7
 };
 
 const Css$y = ["/css/parts/ViewletDialog.css"];
@@ -15755,7 +15801,7 @@ const ViewletDialog_ipc = {
   Css: Css$y,
   create: create$H,
   dispose: dispose$p,
-  handleClick: handleClick$8,
+  handleClick: handleClick$7,
   hasFunctionalRender: hasFunctionalRender$w,
   loadContent: loadContent$C,
   name: name$H,
@@ -16026,7 +16072,7 @@ const getListHeight$2 = (height, headerHeight) => {
   }
   return headerHeight;
 };
-const setDeltaY$4 = (state, deltaY) => {
+const setDeltaY$3 = (state, deltaY) => {
   object(state);
   number$1(deltaY);
   const {
@@ -16057,11 +16103,11 @@ const setDeltaY$4 = (state, deltaY) => {
     maxLineY
   };
 };
-const handleWheel$3 = (state, deltaMode, deltaY) => {
+const handleWheel$2 = (state, deltaMode, deltaY) => {
   object(state);
   number$1(deltaMode);
   number$1(deltaY);
-  return setDeltaY$4(state, state.deltaY + deltaY);
+  return setDeltaY$3(state, state.deltaY + deltaY);
 };
 
 const create$F = (id, uri, x, y, width, height) => {
@@ -16569,7 +16615,7 @@ const renderScrollBar = {
 };
 const render$y = [renderChanges$1, renderScrollBar];
 
-const saveState$c = state => {
+const saveState$d = state => {
   return {
     minLineY: state.minLineY,
     maxLineY: state.maxLineY
@@ -16588,7 +16634,7 @@ const ViewletDiffEditor_ipc = {
   loadContent: loadContent$B,
   name: name$G,
   render: render$y,
-  saveState: saveState$c
+  saveState: saveState$d
 };
 
 const getE2eTestsSandbox = () => {
@@ -16675,7 +16721,7 @@ const handleLoad$1 = async state => {
     iframeOrigin
   };
 };
-const handleClickAt$5 = async (state, eventX, eventY) => {
+const handleClickAt$4 = async (state, eventX, eventY) => {
   console.log('click', eventX, eventY);
   return state;
 };
@@ -16701,7 +16747,7 @@ const resize$m = (state, dimensions) => {
 };
 
 const Commands$t = {
-  handleClickAt: handleClickAt$5,
+  handleClickAt: handleClickAt$4,
   handleSashCornerPointerDown: handleSashCornerPointerDown,
   handleSashCornerPointerMove: handleSashCornerPointerMove,
   handleSashCornerPointerUp: handleSashCornerPointerUp
@@ -16805,7 +16851,7 @@ const ViewletE2eTest_ipc = {
   create: create$C,
   executeTest: executeTest$1,
   getKeyBindings: getKeyBindings$d,
-  handleClickAt: handleClickAt$5,
+  handleClickAt: handleClickAt$4,
   handleLoad: handleLoad$1,
   handleSashCornerPointerDown,
   handleSashCornerPointerMove,
@@ -16893,7 +16939,7 @@ const getIndex$2 = (stateY, eventY) => {
   const index = Math.floor((eventY - stateY) / rowHeight);
   return index;
 };
-const handleClickAt$4 = async (state, eventX, eventY) => {
+const handleClickAt$3 = async (state, eventX, eventY) => {
   console.log('click', eventX, eventY);
   const index = getIndex$2(state.y, eventY);
   const item = state.tests[index];
@@ -16928,7 +16974,7 @@ const openInNewTab = async state => {
 };
 
 const Commands$s = {
-  handleClickAt: handleClickAt$4,
+  handleClickAt: handleClickAt$3,
   handleLoad: handleLoad,
   runAll: runAll,
   handleContextMenu: handleContextMenu$8,
@@ -17063,7 +17109,7 @@ const ViewletE2eTests_ipc = {
   create: create$B,
   executeTest,
   getKeyBindings: getKeyBindings$c,
-  handleClickAt: handleClickAt$4,
+  handleClickAt: handleClickAt$3,
   handleContextMenu: handleContextMenu$8,
   handleLoad,
   hasFunctionalRender: hasFunctionalRender$t,
@@ -17089,7 +17135,7 @@ const clamp = (num, min, max) => {
 };
 
 // TODO this should be in a separate scrolling module
-const setDeltaY$3 = (state, value) => {
+const setDeltaY$2 = (state, value) => {
   object(state);
   number$1(value);
   const {
@@ -17206,7 +17252,7 @@ const create$A = (id, uri, languageId) => {
 
 // TODO
 const setDeltaYFixedValue = (editor, value) => {
-  return setDeltaY$3(editor, value);
+  return setDeltaY$2(editor, value);
 };
 const setBounds = (editor, x, y, width, height, columnWidth) => {
   const {
@@ -17566,7 +17612,7 @@ const contentLoadedEffects$2 = async state => {
   // await updateSemanticTokens(state)
   // await updateDiagnostics(state)
 };
-const handleLanguagesChanged$1 = async state => {
+const handleLanguagesChanged = async state => {
   const newLanguageId = getLanguageId(state);
   const tokenizePath = getTokenizePath(newLanguageId);
   await executeViewletCommand(state.uid, 'setLanguageId', newLanguageId, tokenizePath);
@@ -17648,7 +17694,7 @@ const getQuickPickMenuEntries$2 = async () => {
 
 const name$D = 'EditorText';
 
-const saveState$b = state => {
+const saveState$c = state => {
   // @ts-ignore
   const {
     selections,
@@ -17666,7 +17712,7 @@ const saveState$b = state => {
 
 // prettier-ignore
 const Events$5 = {
-  'languages.changed': handleLanguagesChanged$1
+  'languages.changed': handleLanguagesChanged
   // 'editor.change': ViewletEditorText.handleEditorChange,
   // 'tokenizer.changed': ViewletEditorText.handleTokenizeChange,
 };
@@ -17687,7 +17733,7 @@ const ViewletEditorText_ipc = {
   getKeyBindings: getKeyBindings$b,
   getQuickPickMenuEntries: getQuickPickMenuEntries$2,
   handleEditorChange: handleEditorChange$2,
-  handleLanguagesChanged: handleLanguagesChanged$1,
+  handleLanguagesChanged,
   handleTokenizeChange,
   hasFunctionalRender: hasFunctionalRender$s,
   hasFunctionalResize: hasFunctionalResize$g,
@@ -17696,7 +17742,7 @@ const ViewletEditorText_ipc = {
   render: render$u,
   rerender,
   resize: resize$l,
-  saveState: saveState$b
+  saveState: saveState$c
 };
 
 const create$y = (id, uri, x, y, width, height) => {
@@ -17846,160 +17892,13 @@ const create$w = (id, uri, x, y, width, height, args, parentUid) => {
   };
 };
 const loadContent$w = async (state, savedState) => {
-  const newState = await invoke$6('Explorer.loadContent', state, savedState);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const updateIcons$1 = async state => {
-  const newState = await invoke$6('Explorer.updateIcons', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleLanguagesChanged = async state => {
-  const newState = await invoke$6('Explorer.handleIconThemeChange', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleWorkspaceChange$1 = async state => {
-  const newState = await invoke$6('Explorer.handleWorkspaceChange', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleIconThemeChange$2 = async state => {
-  const newState = await invoke$6('Explorer.handleIconThemeChange', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-
-// TODO rename dirents to items, then can use virtual list component directly
-const setDeltaY$2 = async (state, deltaY) => {
-  const newState = await invoke$6('Explorer.setDeltaY', state, deltaY);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleWheel$2 = (state, deltaMode, deltaY) => {
-  return setDeltaY$2(state, state.deltaY + deltaY);
-};
-const getFocusedDirent = state => {
-  const {
-    focusedIndex,
-    minLineY,
-    items
-  } = state;
-  const dirent = items[focusedIndex + minLineY];
-  return dirent;
-};
-
-// TODO support multiselection and removing multiple dirents
-const removeDirent = async state => {
-  const newState = await invoke$6('Explorer.removeDirent', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const renameDirent = async state => {
-  const newState = await invoke$6('Explorer.renameDirent', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const cancelEdit = async state => {
-  const newState = await invoke$6('Explorer.cancelEdit');
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const copyRelativePath = async state => {
-  const newState = await invoke$6('Explorer.copyRelativePath', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const copyPath = async state => {
-  const newState = await invoke$6('Explorer.copyPath', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const openContainingFolder$1 = async state => {
-  const newState = await invoke$6('Explorer.openContainingFolder', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-
-// TODO much shared logic with newFolder
-const newFile$1 = async state => {
-  const newState = await invoke$6('Explorer.newFile', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const updateEditingValue = async (state, value) => {
-  const newState = await invoke$6('Explorer.updateEditingValue', state, value);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleFocus$5 = state => {
-  setFocus(Explorer);
-  return state;
-};
-const refresh$4 = state => {
-  console.log('TODO refresh explorer');
-  return state;
-};
-const newFolder$1 = async state => {
-  const newState = await invoke$6('Explorer.newFolder', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleClick$7 = async (state, index, keepFocus = false) => {
-  const newState = await invoke$6('Explorer.handleClick', state, index, keepFocus);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleClickAt$3 = async (state, button, x, y) => {
-  const newState = await invoke$6('Explorer.handleClickAt', state, button, x, y);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleClickCurrent$1 = state => {
-  return handleClick$7(state, state.focusedIndex - state.minLineY);
-};
-const handleClickCurrentButKeepFocus$1 = state => {
-  return handleClick$7(state, state.focusedIndex - state.minLineY, /* keepFocus */true);
-};
-const scrollUp = () => {};
-const scrollDown$1 = () => {};
-// export const handleBlur=()=>{}
-
-const handleArrowRight$2 = async state => {
-  const newState = await invoke$6('Explorer.handleArrowRight', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleArrowLeft$2 = async state => {
-  const newState = await invoke$6('Explorer.handleArrowLeft', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleUpload = async (state, dirents) => {
-  const newState = await invoke$6('Explorer.handleUpload', state, dirents);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
+  await invoke$6('Explorer.create', state.uid, state.uri, state.x, state.y, state.width, state.height, null, state.parentUid);
+  await invoke$6('Explorer.loadContent', state.uid, savedState);
+  const commands = await invoke$6('Explorer.render', state.uid);
+  return {
+    ...state,
+    commands
+  };
 };
 const dispose$m = state => {
   if (!state.pendingRequests) {
@@ -18012,47 +17911,6 @@ const dispose$m = state => {
   //   state.lastFocusedWidget = undefined
   // }
 };
-const IMAGE_EXTENSIONS = new Set(['.png', '.jpeg', '.jpg', '.gif', '.svg', '.ico']);
-const isImage = dirent => {
-  // TODO explorer state must be updated when changing folder
-  // This is just a workaround
-  if (!dirent) {
-    return false;
-  }
-  const fileExtension = getFileExtension(dirent.path);
-  return IMAGE_EXTENSIONS.has(fileExtension);
-};
-const handleMouseEnter = async (state, index) => {
-  const {
-    items
-  } = state;
-  const dirent = items[index];
-  if (!isImage(dirent)) {
-    // TODO preload content maybe when it is a long hover
-    return state;
-  }
-  const {
-    top,
-    itemHeight,
-    x,
-    root
-  } = state;
-  const uri = `${root}${dirent.path}`;
-  const newTop = top + index * itemHeight;
-  const right = x;
-  await execute$4(/* ImagePreview.show */9081, /* uri */uri, /* top */newTop, /* right */right);
-};
-
-// TODO what happens when mouse leave and anther mouse enter event occur?
-// should update preview instead of closing and reopening
-
-const handleMouseLeave = async state => {
-  // await Command.execute(/* ImagePreview.hide */ 9082)
-  return state;
-};
-const handleCopy = async state => {
-  return invoke$6('Explorer.handleCopy', state);
-};
 const hasFunctionalResize$f = true;
 const resize$k = (state, dimensions) => {
   const {
@@ -18066,36 +17924,6 @@ const resize$k = (state, dimensions) => {
     maxLineY
   };
 };
-const expandAll = async state => {
-  const newState = await invoke$6('Explorer.expandAll', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const collapseAll$4 = async state => {
-  const newState = await invoke$6('Explorer.collapseAll', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleBlur$5 = async state => {
-  const newState = await invoke$6('Explorer.handleBlur', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const revealItem = async (state, uri) => {
-  const newState = await invoke$6('Explorer.revealItem', state, uri);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
-const handleClickOpenFolder = async state => {
-  const newState = await invoke$6('Explorer.handleClickOpenFolder', state);
-  const commands = await invoke$6('Explorer.render', state, newState);
-  newState.commands = commands;
-  return newState;
-};
 const hotReload$2 = async state => {
   if (state.isHotReloading) {
     return state;
@@ -18110,35 +17938,36 @@ const hotReload$2 = async state => {
     ...state,
     items: []
   };
-  const newState = await invoke$6('Explorer.loadContent', state, savedState);
-  const commands = await invoke$6('Explorer.render', oldState, newState);
-  newState.commands = commands;
-  newState.isHotReloading = false;
-  return newState;
+  await invoke$6('Explorer.loadContent', state.uid, savedState);
+  const commands = await invoke$6('Explorer.render', oldState.uid);
+  return {
+    ...oldState,
+    commands,
+    isHotReloading: false
+  };
 };
 
 const wrapExplorerCommand = key => {
   const fn = async (state, ...args) => {
-    const newState = await invoke$6(`Explorer.${key}`, state, ...args);
-    if (JSON.stringify(state) === JSON.stringify(newState)) {
+    await invoke$6(`Explorer.${key}`, state.uid, ...args);
+    const commands = await invoke$6('Explorer.render', state.uid);
+    if (commands.length === 0) {
       return state;
     }
-    const commands = await invoke$6('Explorer.render', state, newState);
     return {
-      ...newState,
+      ...state,
       commands
     };
   };
   return fn;
 };
 
-const commands$1 = ['cancelEdit', 'collapseAll', 'copyPath', 'copyRelativePath', 'expandAll', 'getFocusedDirent', 'handleArrowLeft', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleCopy', 'handleMouseEnter', 'handleMouseLeave', 'handleWheel', 'newFile', 'newFolder', 'openContainingFolder', 'removeDirent', 'rename', 'renameDirent', 'revealItem', 'scrollDown', 'scrollUp', 'setDeltaY', 'updateEditingValue', 'handleFocus', 'refresh', 'handleClickOpenFolder', 'hotReload', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'handleContextMenu', 'handleDragOver', 'handleDrop', 'handlePaste', 'acceptEdit', 'handlePointerDown'];
+const commands$1 = ['acceptEdit', 'cancelEdit', 'collapseAll', 'copyPath', 'copyRelativePath', 'expandAll', 'expandRecursively', 'focus', 'focusFirst', 'focusIndex', 'focusLast', 'focusNext', 'focusNone', 'focusPrevious', 'getFocusedDirent', 'handleArrowLeft', 'handleArrowLeft', 'handleArrowRight', 'handleArrowRight', 'handleBlur', 'handleClick', 'handleClickAt', 'handleClickCurrent', 'handleClickCurrentButKeepFocus', 'handleClickOpenFolder', 'handleContextMenu', 'handleCopy', 'handleDragOver', 'handleDrop', 'handleFocus', 'handleIconThemeChange', 'handleLanguagesChanged', 'handleMouseEnter', 'handleMouseLeave', 'handlePaste', 'handlePointerDown', 'handleUpload', 'handleWheel', 'handleWorkspaceChange', 'hotReload', 'newFile', 'newFolder', 'openContainingFolder', 'refresh', 'refresh', 'relealItem', 'removeDirent', 'rename', 'renameDirent', 'revealItem', 'scrollDown', 'scrollUp', 'setDeltaY', 'updateEditingValue', 'updateIcons'];
 const Commands$p = {};
 for (const command of commands$1) {
   Commands$p[command] = wrapExplorerCommand(command);
 }
 Commands$p['hotReload'] = hotReload$2;
-Commands$p['handleFocus'] = handleFocus$5;
 
 const Css$s = [];
 
@@ -18146,7 +17975,7 @@ const getKeyBindings$a = () => {
   return invoke$6('Explorer.getKeyBindings');
 };
 
-const id$9 = Explorer$1;
+const id$9 = Explorer;
 const getMenuEntries$d = () => {
   const explorerState = getState('Explorer');
   return invoke$6('Explorer.getMenuEntries', explorerState);
@@ -18278,47 +18107,21 @@ const restoreState = savedState => {
   return invoke$6('Explorer.restoreState', savedState);
 };
 
-const saveState$a = state => {
-  return invoke$6('Explorer.saveState', state);
+const saveState$b = state => {
+  return invoke$6('Explorer.saveState', state.uid);
 };
 
-const Events$4 = {
-  'languages.changed': handleLanguagesChanged,
-  'workspace.change': handleWorkspaceChange$1
-};
+const Events$4 = {};
 
 const ViewletExplorer_ipc = {
   __proto__: null,
   Commands: Commands$p,
   Css: Css$s,
   Events: Events$4,
-  cancelEdit,
-  collapseAll: collapseAll$4,
-  copyPath,
-  copyRelativePath,
   create: create$w,
   dispose: dispose$m,
-  expandAll,
   getDisplayName: getDisplayName$1,
-  getFocusedDirent,
   getKeyBindings: getKeyBindings$a,
-  handleArrowLeft: handleArrowLeft$2,
-  handleArrowRight: handleArrowRight$2,
-  handleBlur: handleBlur$5,
-  handleClick: handleClick$7,
-  handleClickAt: handleClickAt$3,
-  handleClickCurrent: handleClickCurrent$1,
-  handleClickCurrentButKeepFocus: handleClickCurrentButKeepFocus$1,
-  handleClickOpenFolder,
-  handleCopy,
-  handleFocus: handleFocus$5,
-  handleIconThemeChange: handleIconThemeChange$2,
-  handleLanguagesChanged,
-  handleMouseEnter,
-  handleMouseLeave,
-  handleUpload,
-  handleWheel: handleWheel$2,
-  handleWorkspaceChange: handleWorkspaceChange$1,
   hasFunctionalRender: hasFunctionalRender$r,
   hasFunctionalResize: hasFunctionalResize$f,
   hasFunctionalRootRender: hasFunctionalRootRender$e,
@@ -18326,24 +18129,12 @@ const ViewletExplorer_ipc = {
   loadContent: loadContent$w,
   menus: menus$8,
   name: name$B,
-  newFile: newFile$1,
-  newFolder: newFolder$1,
-  openContainingFolder: openContainingFolder$1,
-  refresh: refresh$4,
-  removeDirent,
-  renameDirent,
   render: render$s,
   renderActions: renderActions$7,
   renderTitle: renderTitle$4,
   resize: resize$k,
   restoreState,
-  revealItem,
-  saveState: saveState$a,
-  scrollDown: scrollDown$1,
-  scrollUp,
-  setDeltaY: setDeltaY$2,
-  updateEditingValue,
-  updateIcons: updateIcons$1
+  saveState: saveState$b
 };
 
 const extensionDetailViewWorkerUrl = `${assetDir}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js`;
@@ -18413,9 +18204,9 @@ 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 => {
-  const newState = await invoke$5('ExtensionDetail.loadContent', state, platform);
-  const dom = await invoke$5('ExtensionDetail.getVirtualDom', newState, newState.sanitizedReadmeHtml, newState.selectedTab);
+const loadContent$v = async (state, savedState) => {
+  const newState = await invoke$5('ExtensionDetail.loadContent', state, platform, savedState);
+  const dom = await invoke$5('ExtensionDetail.getVirtualDom', newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
   return {
     ...newState,
     dom
@@ -18429,9 +18220,9 @@ const hotReload$1 = async state => {
   state.isHotReloading = true;
   // possible TODO race condition during hot reload
   // there could still be pending promises when the worker is disposed
-  await restart$2('Explorer.terminate');
+  await restart$2('ExtensionDetail.terminate');
   const newState = await invoke$5('ExtensionDetail.loadContent', state, {});
-  const dom = await invoke$5('ExtensionDetail.getVirtualDom', newState, newState.sanitizedReadmeHtml, newState.selectedTab);
+  const dom = await invoke$5('ExtensionDetail.getVirtualDom', newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
   newState.isHotReloading = false;
   newState.dom = dom;
   return newState;
@@ -18448,14 +18239,33 @@ const handleIconError = state => {
     iconSrc: ExtensionDefaultIcon
   };
 };
-const handleTabsClick = async (state, name) => {
+const selectTab = async (state, name) => {
   const newState = await invoke$5('ExtensionDetail.handleTabsClick', state, name);
-  const dom = await invoke$5('ExtensionDetail.getVirtualDom', newState, newState.sanitizedReadmeHtml);
+  const dom = await invoke$5('ExtensionDetail.getVirtualDom', newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
   return {
     ...newState,
     dom
   };
 };
+const handleFeaturesClick = async (state, name) => {
+  const newState = await invoke$5('ExtensionDetail.handleFeaturesClick', state, name);
+  const dom = await invoke$5('ExtensionDetail.getVirtualDom', newState, newState.sanitizedReadmeHtml, newState.selectedTab, newState);
+  return {
+    ...newState,
+    dom
+  };
+};
+const saveState$a = async state => {
+  try {
+    const savedState = await invoke$5('ExtensionDetail.saveState', state);
+    return savedState;
+  } catch {
+    return {};
+  }
+};
+const handleTabsClick = (state, name) => {
+  return selectTab(state, name);
+};
 const hasFunctionalResize$e = true;
 const resize$j = (state, dimensions) => {
   const size = getViewletSize(dimensions.width);
@@ -18470,7 +18280,9 @@ const resize$j = (state, dimensions) => {
 const Commands$o = {
   handleIconError: handleIconError,
   hotReload: hotReload$1,
-  handleTabsClick: handleTabsClick
+  handleTabsClick: handleTabsClick,
+  selectTab: selectTab,
+  handleFeaturesClick: handleFeaturesClick
 };
 
 // prettier-ignore
@@ -18478,7 +18290,7 @@ const LazyCommands$a = {
   handleReadmeContextMenu: () => Promise.resolve().then(function () { return ViewletExtensionDetailHandleReadmeContextMenu; })
 };
 
-const Css$r = ["/css/parts/ViewletExtensionDetail.css", "/css/parts/ViewletExtensionDetailTabs.css", "/css/parts/Markdown.css"];
+const Css$r = ["/css/parts/AdditionalDetails.css", "/css/parts/Features.css", "/css/parts/Markdown.css", "/css/parts/ViewletExtensionDetail.css", "/css/parts/ViewletExtensionDetailTabs.css"];
 
 const id$8 = ExtensionDetailReadme;
 const getMenuEntries$c = async props => {
@@ -18523,6 +18335,7 @@ const ViewletExtensionDetail_ipc = {
   Css: Css$r,
   LazyCommands: LazyCommands$a,
   create: create$v,
+  handleFeaturesClick,
   handleIconError,
   handleTabsClick,
   hasFunctionalRender: hasFunctionalRender$q,
@@ -18533,7 +18346,9 @@ const ViewletExtensionDetail_ipc = {
   menus: menus$7,
   name: name$A,
   render: render$r,
-  resize: resize$j
+  resize: resize$j,
+  saveState: saveState$a,
+  selectTab
 };
 
 const ExtensionListItemHeight = 72;
@@ -25823,7 +25638,7 @@ const handleClickAt$1 = (state, x, y) => {
 const Commands$c = {
   handleBlur: handleBlur$1,
   handleClickAt: handleClickAt$1,
-  handleWheel: handleWheel$3,
+  handleWheel: handleWheel$2,
   selectCurrentIndex: selectCurrentIndex,
   selectIndex: selectIndex,
   selectItem: selectItem
@@ -26086,7 +25901,7 @@ const ViewletQuickPick_ipc = {
   getKeyBindings: getKeyBindings$4,
   handleBlur: handleBlur$1,
   handleClickAt: handleClickAt$1,
-  handleWheel: handleWheel$3,
+  handleWheel: handleWheel$2,
   hasFunctionalRender: hasFunctionalRender$g,
   loadContent: loadContent$i,
   name: name$n,
@@ -26094,7 +25909,7 @@ const ViewletQuickPick_ipc = {
   selectCurrentIndex,
   selectIndex,
   selectItem,
-  setDeltaY: setDeltaY$4
+  setDeltaY: setDeltaY$3
 };
 
 const getLineText = (content, startRowIndex, startColumnIndex, endRowIndex, endColumnIndex) => {
@@ -28112,7 +27927,7 @@ const getSavedViewletId = savedState => {
   if (savedState && savedState.currentViewletId) {
     return savedState.currentViewletId;
   }
-  return Explorer$2;
+  return Explorer$1;
 };
 const loadContent$d = (state, savedState) => {
   const savedViewletId = getSavedViewletId(savedState);