@lvce-editor/server 0.34.14 → 0.35.1

package/static/{827ee19 → 234ca9d}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/827ee19';
+    return '/234ca9d';
   }
 };
 const assetDir = getAssetDir();
@@ -599,6 +599,7 @@ const SendMessagePortToExtensionHostWorker = 125;
 const ExtensionHostManagement = 126;
 const SendMessagePortToSyntaxHighlightingWorker = 127;
 const Transferrable = 128;
+const WebView$2 = 129;
 
 const getPrefix$3 = commandId => {
   if (!commandId || typeof commandId !== 'string') {
@@ -811,6 +812,8 @@ const getModuleId$1 = commandId => {
       return ExtensionHostManagement;
     case 'Transferrable':
       return Transferrable;
+    case 'WebView':
+      return WebView$2;
     default:
       throw new Error(`module ${prefix} not found`);
   }
@@ -1175,7 +1178,7 @@ const getText$2 = async (url, options = {}) => {
     throw new VError(error, `Failed to request text from "${url}"`);
   }
 };
-const getBlob = async (url, options = {}) => {
+const getBlob$4 = async (url, options = {}) => {
   try {
     const {
       default: ky
@@ -1874,6 +1877,12 @@ const get$e = id => {
 
 const getFileSystem = protocol => {
   const fn = get$e(protocol);
+  if (!fn) {
+    throw new Error(`file system for protocol ${protocol} not found`);
+  }
+  if (typeof fn !== 'function') {
+    throw new Error(`invalid file system provider for protocol ${protocol}`);
+  }
   return fn();
 };
 
@@ -1933,12 +1942,18 @@ const readDirWithFileTypes$8 = async uri => {
   const fileSystem = await getFileSystem(protocol);
   return fileSystem.readDirWithFileTypes(path);
 };
-const getBlobUrl$3 = async uri => {
+const getBlobUrl$4 = async uri => {
   const protocol = getProtocol$1(uri);
   const path = getPath$1(protocol, uri);
   const fileSystem = await getFileSystem(protocol);
   return fileSystem.getBlobUrl(path);
 };
+const getBlob$3 = async uri => {
+  const protocol = getProtocol$1(uri);
+  const path = getPath$1(protocol, uri);
+  const fileSystem = await getFileSystem(protocol);
+  return fileSystem.getBlob(path);
+};
 const copy$b = async (sourceUri, targetUri) => {
   string(sourceUri);
   string(targetUri);
@@ -3869,7 +3884,7 @@ const send = (id, method, ...args) => {
 /**
  * @deprecated
  */
-const dispose$x = async id => {
+const dispose$y = async id => {
   if (!id) {
     console.warn('no instance to dispose');
     return;
@@ -5029,6 +5044,8 @@ const load$4 = moduleId => {
       return Promise.resolve().then(function () { return SendMessagePortToSyntaxHighlightingWorker_ipc; });
     case Transferrable:
       return Promise.resolve().then(function () { return Transferrable_ipc; });
+    case WebView$2:
+      return Promise.resolve().then(function () { return WebView_ipc; });
     default:
       throw new Error(`module ${moduleId} not found`);
   }
@@ -6823,7 +6840,7 @@ const ExtensionHostFileSystem = {
   writeFile: writeFile$d
 };
 
-const name$2q = 'App';
+const name$2r = 'App';
 const getModule$9 = uri => {
   switch (uri) {
     case 'startup-performance':
@@ -6872,7 +6889,7 @@ const FileSystemApp = {
   canBeRestored: canBeRestored$5,
   getPathSeparator: getPathSeparator$7,
   mkdir: mkdir$5,
-  name: name$2q,
+  name: name$2r,
   readDirWithFileTypes: readDirWithFileTypes$6,
   readFile: readFile$c,
   remove: remove$6,
@@ -6880,7 +6897,7 @@ const FileSystemApp = {
   writeFile: writeFile$c
 };
 
-const name$2p = 'Data';
+const name$2q = 'Data';
 const copy$a = (source, target) => {
   throw new Error('not implemented');
 };
@@ -6903,7 +6920,7 @@ const ensureFile$1 = async () => {};
 const readDirWithFileTypes$5 = path => {
   throw new Error('not implemented');
 };
-const getBlobUrl$2 = path => {
+const getBlobUrl$3 = path => {
   throw new Error('not implemented');
 };
 const getPathSeparator$6 = () => {
@@ -6914,10 +6931,10 @@ const FileSystemData = {
   __proto__: null,
   copy: copy$a,
   ensureFile: ensureFile$1,
-  getBlobUrl: getBlobUrl$2,
+  getBlobUrl: getBlobUrl$3,
   getPathSeparator: getPathSeparator$6,
   mkdir: mkdir$4,
-  name: name$2p,
+  name: name$2q,
   readDirWithFileTypes: readDirWithFileTypes$5,
   readFile: readFile$b,
   remove: remove$5,
@@ -6925,7 +6942,7 @@ const FileSystemData = {
   writeFile: writeFile$b
 };
 
-const name$2o = 'Memory';
+const name$2p = 'Memory';
 const state$n = {
   files: Object.create(null)
 };
@@ -7019,6 +7036,17 @@ const readDirWithFileTypes$4 = uri => {
   }
   return dirents;
 };
+const getBlobUrl$2 = uri => {
+  const content = readFile$a(uri);
+  const blob = new Blob([content]);
+  const url = URL.createObjectURL(blob);
+  return url;
+};
+const getBlob$2 = uri => {
+  const content = readFile$a(uri);
+  const blob = new Blob([content]);
+  return blob;
+};
 const chmod$2 = (path, permissions) => {
   throw new Error('[memfs] chmod not implemented');
 };
@@ -7026,9 +7054,11 @@ const chmod$2 = (path, permissions) => {
 const FileSystemMemory = {
   __proto__: null,
   chmod: chmod$2,
+  getBlob: getBlob$2,
+  getBlobUrl: getBlobUrl$2,
   getPathSeparator: getPathSeparator$5,
   mkdir: mkdir$3,
-  name: name$2o,
+  name: name$2p,
   readDirWithFileTypes: readDirWithFileTypes$4,
   readFile: readFile$a,
   remove: remove$4,
@@ -7039,7 +7069,7 @@ const FileSystemMemory = {
 // TODO when it rejects, it should throw a custom error,
 // FileSystemError
 
-const name$2n = 'Web';
+const name$2o = 'Web';
 const state$m = {
   watchers: Object.create(null),
   saveListeners: [],
@@ -7321,7 +7351,7 @@ const FileSystemWeb = {
   createFolder,
   getPathSeparator: getPathSeparator$4,
   mkdir: mkdir$2,
-  name: name$2n,
+  name: name$2o,
   onDidSave,
   readDirWithFileTypes: readDirWithFileTypes$3,
   readFile: readFile$9,
@@ -7335,7 +7365,7 @@ const FileSystemWeb = {
 };
 
 const canBeRestored$3 = true;
-const name$2m = 'Fetch';
+const name$2n = 'Fetch';
 const state$l = {
   files: Object.create(null)
 };
@@ -7392,7 +7422,7 @@ const FileSystemFetch = {
   chmod: chmod$1,
   getPathSeparator: getPathSeparator$3,
   mkdir: mkdir$1,
-  name: name$2m,
+  name: name$2n,
   readDirWithFileTypes: readDirWithFileTypes$2,
   readFile: readFile$8,
   remove: remove$2,
@@ -7405,7 +7435,7 @@ const getRemoteSrc = uri => {
   return src;
 };
 
-const name$2l = 'Disk';
+const name$2m = 'Disk';
 const copy$9 = (source, target) => {
   return invoke$7(FileSystemCopy, /* source */source, /* target */target);
 };
@@ -7429,7 +7459,16 @@ const readDirWithFileTypes$1 = path => {
   return invoke$7(FileSystemReadDirWithFileTypes$1, /* path */path);
 };
 const getBlobUrl$1 = path => {
-  return getRemoteSrc(`/${path}`);
+  if (!path.startsWith('/')) {
+    path = `/${path}`;
+  }
+  return getRemoteSrc(path);
+};
+const getBlob$1 = async path => {
+  const content = await invoke$7('FileSystem.readFileAsBuffer', path);
+  const array = new Uint8Array(content.data);
+  const blob = new Blob([array], {});
+  return blob;
 };
 const getPathSeparator$2 = () => {
   if (platform === Web$1) {
@@ -7454,11 +7493,12 @@ const FileSystemDisk = {
   chmod,
   copy: copy$9,
   ensureFile,
+  getBlob: getBlob$1,
   getBlobUrl: getBlobUrl$1,
   getPathSeparator: getPathSeparator$2,
   getRealPath,
   mkdir,
-  name: name$2l,
+  name: name$2m,
   readDirWithFileTypes: readDirWithFileTypes$1,
   readFile: readFile$7,
   remove: remove$1,
@@ -7840,11 +7880,30 @@ const writeFile$6 = async (uri, content) => {
 const getPathSeparator$1 = () => {
   return pathSeparator$1;
 };
+const getBlobSrc = async uri => {
+  const handle = await getFileHandle(uri);
+  if (!handle) {
+    throw new Error(`file not found`);
+  }
+  const file = await handle.getFile();
+  const blobUrl = URL.createObjectURL(file);
+  return blobUrl;
+};
+const getBlob = async uri => {
+  const handle = await getFileHandle(uri);
+  if (!handle) {
+    throw new Error(`file not found`);
+  }
+  const file = await handle.getFile();
+  return file;
+};
 const canBeRestored$1 = true;
 
 const FileSystemHtml = {
   __proto__: null,
   canBeRestored: canBeRestored$1,
+  getBlob,
+  getBlobSrc,
   getChildHandles,
   getDirents,
   getPathSeparator: getPathSeparator$1,
@@ -9191,9 +9250,9 @@ const formatAboutDate = isoDate => {
   return `${isoDate} (${ago})`;
 };
 
-const version = '0.34.14';
-const commit = '827ee19';
-const date = '2024-09-26T21:18:35.000Z';
+const version = '0.35.1';
+const commit = '234ca9d';
+const date = '2024-09-28T20:25:29.000Z';
 const getPid = () => {
   return invoke$7('Process.getPid');
 };
@@ -9264,30 +9323,30 @@ const showAbout = async () => {
   await fn();
 };
 
-const name$2k = 'About';
-const Commands$2c = {
+const name$2l = 'About';
+const Commands$2d = {
   showAbout: showAbout
 };
 
 const About_ipc = {
   __proto__: null,
-  Commands: Commands$2c,
-  name: name$2k
+  Commands: Commands$2d,
+  name: name$2l
 };
 
 // TODO only use Ajax module via ipc -> that way is is always lazyloaded
 
-const name$2j = 'Ajax';
-const Commands$2b = {
-  getBlob: getBlob,
+const name$2k = 'Ajax';
+const Commands$2c = {
+  getBlob: getBlob$4,
   getJson: getJson$5,
   getText: getText$2
 };
 
 const Ajax_ipc = {
   __proto__: null,
-  Commands: Commands$2b,
-  name: name$2j
+  Commands: Commands$2c,
+  name: name$2k
 };
 
 const playBell = async () => {
@@ -9295,15 +9354,15 @@ const playBell = async () => {
   await invoke$8(/* Audio.play */3211, /* src */src);
 };
 
-const name$2i = 'Audio';
-const Commands$2a = {
+const name$2j = 'Audio';
+const Commands$2b = {
   playBell: playBell
 };
 
 const Audio_ipc = {
   __proto__: null,
-  Commands: Commands$2a,
-  name: name$2i
+  Commands: Commands$2b,
+  name: name$2j
 };
 
 const AppImage = 'AppImage';
@@ -9374,15 +9433,15 @@ const checkForUpdates$1 = async () => {
   });
 };
 
-const name$2h = 'AutoUpdater';
-const Commands$29 = {
+const name$2i = 'AutoUpdater';
+const Commands$2a = {
   checkForUpdates: checkForUpdates$1
 };
 
 const AutoUpdater_ipc = {
   __proto__: null,
-  Commands: Commands$29,
-  name: name$2h
+  Commands: Commands$2a,
+  name: name$2i
 };
 
 const loadJsBase64 = () => {
@@ -9403,16 +9462,16 @@ const encode = async content => {
   return encoded;
 };
 
-const name$2g = 'Base64';
-const Commands$28 = {
+const name$2h = 'Base64';
+const Commands$29 = {
   decode: decode,
   encode: encode
 };
 
 const Base64_ipc = {
   __proto__: null,
-  Commands: Commands$28,
-  name: name$2g
+  Commands: Commands$29,
+  name: name$2h
 };
 
 function createBlob(parts, properties) {
@@ -9524,41 +9583,8 @@ const blobToBinaryString = async blob => {
   }
 };
 
-const canUseBlobFromFileLoading = uri => {
-  // TODO only if uri starts with html://
-  return uri.startsWith('html://');
-};
-
-const getBlobSrcFromFile = async uri => {
-  const filePath = uri.slice('html://'.length);
-  const handle = await getFileHandle(filePath);
-  if (!handle) {
-    throw new Error(`file not found`);
-  }
-  const file = await handle.getFile();
-  const blobUrl = URL.createObjectURL(file);
-  return blobUrl;
-};
-
-const getSrcWithBlobUrl = async uri => {
-  const content = await readFile$e(uri);
-  const mimeType = await execute$4('Mime.getMediaMimeType', uri);
-  const blob = await execute$4('Blob.binaryStringToBlob', content, mimeType);
-  const dataUrl = await execute$4('Url.createObjectUrl', blob);
-  return dataUrl;
-};
-const canUseRemoteLoading = uri => {
-  const protocol = getProtocol$1(uri);
-  return protocol === EmptyString;
-};
 const getSrc = uri => {
-  if (canUseBlobFromFileLoading(uri)) {
-    return getBlobSrcFromFile(uri);
-  }
-  if (canUseRemoteLoading(uri)) {
-    return getRemoteSrc(uri);
-  }
-  return getSrcWithBlobUrl(uri);
+  return getBlobUrl$4(uri);
 };
 const disposeSrc = async src => {
   if (src.startsWith(Blob$1)) {
@@ -9566,8 +9592,8 @@ const disposeSrc = async src => {
   }
 };
 
-const name$2f = 'Blob';
-const Commands$27 = {
+const name$2g = 'Blob';
+const Commands$28 = {
   base64StringToBlob: base64StringToBlob,
   binaryStringToBlob: binaryStringToBlob,
   blobToBinaryString: blobToBinaryString,
@@ -9576,8 +9602,8 @@ const Commands$27 = {
 
 const Blob_ipc = {
   __proto__: null,
-  Commands: Commands$27,
-  name: name$2f
+  Commands: Commands$28,
+  name: name$2g
 };
 
 const applyBulkReplacement = async (files, ranges, replacement) => {
@@ -9587,15 +9613,15 @@ const applyBulkReplacement = async (files, ranges, replacement) => {
   await invoke$7('BulkReplacement.applyBulkReplacement', files, ranges, replacement);
 };
 
-const name$2e = 'BulkReplacement';
-const Commands$26 = {
+const name$2f = 'BulkReplacement';
+const Commands$27 = {
   applyBulkReplacement: applyBulkReplacement
 };
 
 const BulkReplacement_ipc = {
   __proto__: null,
-  Commands: Commands$26,
-  name: name$2e
+  Commands: Commands$27,
+  name: name$2f
 };
 
 const TextPlain = 'text/plain';
@@ -9714,8 +9740,8 @@ const clearCache$1 = async () => {
 
 // TODO only use CacheStorage module via ipc -> that way is is always lazyloaded
 
-const name$2d = 'CacheStorage';
-const Commands$25 = {
+const name$2e = 'CacheStorage';
+const Commands$26 = {
   clearCache: clearCache$1,
   getJson: getJson,
   setJson: setJson
@@ -9723,19 +9749,19 @@ const Commands$25 = {
 
 const CacheStorage_ipc = {
   __proto__: null,
-  Commands: Commands$25,
-  name: name$2d
+  Commands: Commands$26,
+  name: name$2e
 };
 
-const name$2c = 'Callback';
-const Commands$24 = {
+const name$2d = 'Callback';
+const Commands$25 = {
   resolve: resolve
 };
 
 const Callback_ipc = {
   __proto__: null,
-  Commands: Commands$24,
-  name: name$2c
+  Commands: Commands$25,
+  name: name$2d
 };
 
 const minimize$1 = () => {
@@ -9811,8 +9837,8 @@ const zoomReset = () => {
   }
 };
 
-const name$2b = 'Chrome';
-const Commands$23 = {
+const name$2c = 'Chrome';
+const Commands$24 = {
   close: close$7,
   exit: exit$2,
   maximize: maximize$1,
@@ -9822,12 +9848,12 @@ const Commands$23 = {
 
 const Chrome_ipc = {
   __proto__: null,
-  Commands: Commands$23,
-  name: name$2b
+  Commands: Commands$24,
+  name: name$2c
 };
 
-const name$2a = 'ClipBoard';
-const Commands$22 = {
+const name$2b = 'ClipBoard';
+const Commands$23 = {
   execCopy: execCopy,
   readNativeFiles: readNativeFiles,
   readText: readText,
@@ -9838,8 +9864,8 @@ const Commands$22 = {
 
 const ClipBoard_ipc = {
   __proto__: null,
-  Commands: Commands$22,
-  name: name$2a
+  Commands: Commands$23,
+  name: name$2b
 };
 
 const open$7 = () => {
@@ -9849,20 +9875,20 @@ const close$6 = () => {
   console.log('TODO close color picker');
 };
 
-const name$29 = 'ColorPicker';
-const Commands$21 = {
+const name$2a = 'ColorPicker';
+const Commands$22 = {
   close: close$6,
   open: open$7
 };
 
 const ColorPicker_ipc = {
   __proto__: null,
-  Commands: Commands$21,
-  name: name$29
+  Commands: Commands$22,
+  name: name$2a
 };
 
-const name$28 = 'ColorTheme';
-const Commands$20 = {
+const name$29 = 'ColorTheme';
+const Commands$21 = {
   hydrate: hydrate$a,
   reload: reload$4,
   setColorTheme: setColorTheme$1
@@ -9870,8 +9896,8 @@ const Commands$20 = {
 
 const ColorTheme_ipc = {
   __proto__: null,
-  Commands: Commands$20,
-  name: name$28
+  Commands: Commands$21,
+  name: name$29
 };
 
 const transparent = (color, factor) => {
@@ -9972,17 +9998,17 @@ const createColorThemeFromJson = (colorThemeId, colorThemeJson) => {
 //   }) //?.
 // }
 
-const name$27 = 'ColorThemeFromJson';
+const name$28 = 'ColorThemeFromJson';
 
 // prettier-ignore
-const Commands$1$ = {
+const Commands$20 = {
   createColorThemeFromJson: createColorThemeFromJson
 };
 
 const ColorThemeFromJson_ipc = {
   __proto__: null,
-  Commands: Commands$1$,
-  name: name$27
+  Commands: Commands$20,
+  name: name$28
 };
 
 const prompt$3 = async (message, confirmMessage, title, cancelMessage) => {
@@ -10029,15 +10055,15 @@ const prompt$1 = async (message, {
   return prompt$2(message);
 };
 
-const name$26 = 'ConfirmPrompt';
-const Commands$1_ = {
+const name$27 = 'ConfirmPrompt';
+const Commands$1$ = {
   prompt: prompt$1
 };
 
 const ConfirmPrompt_ipc = {
   __proto__: null,
-  Commands: Commands$1_,
-  name: name$26
+  Commands: Commands$1$,
+  name: name$27
 };
 
 const startRecording = options => {
@@ -10099,16 +10125,16 @@ const stop$1 = async () => {
   // console.log({ path })
 };
 
-const name$25 = 'ContentTracing';
-const Commands$1Z = {
+const name$26 = 'ContentTracing';
+const Commands$1_ = {
   start: start$3,
   stop: stop$1
 };
 
 const ContentTracing_ipc = {
   __proto__: null,
-  Commands: Commands$1Z,
-  name: name$25
+  Commands: Commands$1_,
+  name: name$26
 };
 
 const hasContextMenuNativePreference = () => {
@@ -10129,15 +10155,15 @@ const show$a = async (x, y, id, ...args) => {
   return module.show(x, y, id, ...args);
 };
 
-const name$24 = 'ContextMenu';
-const Commands$1Y = {
+const name$25 = 'ContextMenu';
+const Commands$1Z = {
   show: show$a
 };
 
 const ContextMenu_ipc = {
   __proto__: null,
-  Commands: Commands$1Y,
-  name: name$24
+  Commands: Commands$1Z,
+  name: name$25
 };
 
 const resume$3 = debugId => {
@@ -10250,8 +10276,8 @@ const resumed = params => {
   emitEvent('Debug.resumed', params);
 };
 
-const name$23 = 'Debug';
-const Commands$1X = {
+const name$24 = 'Debug';
+const Commands$1Y = {
   scriptParsed: scriptParsed,
   paused: paused,
   resumed: resumed
@@ -10259,8 +10285,8 @@ const Commands$1X = {
 
 const Debug_ipc = {
   __proto__: null,
-  Commands: Commands$1X,
-  name: name$23
+  Commands: Commands$1Y,
+  name: name$24
 };
 
 const attachDebugger = async pid => {
@@ -10273,15 +10299,15 @@ const debugSharedProcess = async () => {
   await attachDebugger(pid);
 };
 
-const name$22 = 'DebugSharedProcess';
-const Commands$1W = {
+const name$23 = 'DebugSharedProcess';
+const Commands$1X = {
   debugSharedProcess: debugSharedProcess
 };
 
 const DebugSharedProcess_ipc = {
   __proto__: null,
-  Commands: Commands$1W,
-  name: name$22
+  Commands: Commands$1X,
+  name: name$23
 };
 
 const crashSharedProcess = () => {
@@ -10744,10 +10770,10 @@ const openScreenCastView = async () => {
   await openUri$1('screen-cast://');
 };
 
-const name$21 = 'Developer';
+const name$22 = 'Developer';
 
 // prettier-ignore
-const Commands$1V = {
+const Commands$1W = {
   // TODO certain commands are only available in electron -> treeshake them out
   allocateMemoryInSharedProcess: allocateMemoryInSharedProcess,
   clearCache: clearCache,
@@ -10777,8 +10803,8 @@ const Commands$1V = {
 
 const Developer_ipc = {
   __proto__: null,
-  Commands: Commands$1V,
-  name: name$21
+  Commands: Commands$1W,
+  name: name$22
 };
 
 const load$3 = () => {
@@ -10866,8 +10892,8 @@ const showMessage = async (message, options) => {
   }
 };
 
-const name$20 = 'Dialog';
-const Commands$1U = {
+const name$21 = 'Dialog';
+const Commands$1V = {
   // @ts-ignore
   close: undefined,
   handleClick: handleClick$d,
@@ -10878,8 +10904,8 @@ const Commands$1U = {
 
 const Dialog_ipc = {
   __proto__: null,
-  Commands: Commands$1U,
-  name: name$20
+  Commands: Commands$1V,
+  name: name$21
 };
 
 const downloadFile = async (fileName, url) => {
@@ -10914,8 +10940,8 @@ const downloadUrl = (url, outFile) => {
   return invoke$7('Download.download', url, outFile);
 };
 
-const name$1$ = 'Download';
-const Commands$1T = {
+const name$20 = 'Download';
+const Commands$1U = {
   downloadFile: downloadFile,
   downloadJson: downloadJson,
   downloadToDownloadsFolder: downloadToDownloadsFolder
@@ -10923,8 +10949,8 @@ const Commands$1T = {
 
 const Download_ipc = {
   __proto__: null,
-  Commands: Commands$1T,
-  name: name$1$
+  Commands: Commands$1U,
+  name: name$20
 };
 
 const OnRename = 'onRename';
@@ -11002,15 +11028,15 @@ const hydrate$1 = () => {
 
 // see also https://tink.uk/using-the-web-speech-api-to-simulate-css-speech-support/
 
-const name$1_ = 'EditorDiagnostics';
-const Commands$1S = {
+const name$1$ = 'EditorDiagnostics';
+const Commands$1T = {
   hydrate: hydrate$1
 };
 
 const EditorDiagnostics_ipc = {
   __proto__: null,
-  Commands: Commands$1S,
-  name: name$1_
+  Commands: Commands$1T,
+  name: name$1$
 };
 
 const clamp = (num, min, max) => {
@@ -11133,13 +11159,13 @@ const show$9 = async (editor, message, rowIndex, columnIndex) => {
   await invoke$8(/* EditorError.show */'EditorError.show', /* message */message, /* x */x$1, /* y */y$1);
 };
 
-const Commands$1R = {
+const Commands$1S = {
   3900: show$9
 };
 
 const EditorError_ipc = {
   __proto__: null,
-  Commands: Commands$1R
+  Commands: Commands$1S
 };
 
 const getActiveEditor = () => {
@@ -11339,8 +11365,8 @@ const abort = async () => {
   await invoke$8(/* EditorRename.closeWidget */4514);
 };
 
-const name$1Z = 'EditorRename';
-const Commands$1Q = {
+const name$1_ = 'EditorRename';
+const Commands$1R = {
   abort: abort,
   finish: finish,
   open: open$5
@@ -11348,8 +11374,8 @@ const Commands$1Q = {
 
 const EditorRename_ipc = {
   __proto__: null,
-  Commands: Commands$1Q,
-  name: name$1Z
+  Commands: Commands$1R,
+  name: name$1_
 };
 
 /**
@@ -12221,22 +12247,22 @@ const handleClick$c = async label => {
   await execute$4(command, ...args);
 };
 
-const name$1Y = 'ElectronApplicationMenu';
+const name$1Z = 'ElectronApplicationMenu';
 
 // prettier-ignore
-const Commands$1P = {
+const Commands$1Q = {
   handleClick: handleClick$c,
   hydrate: hydrate
 };
 
 const ElectronApplicationMenu_ipc = {
   __proto__: null,
-  Commands: Commands$1P,
-  name: name$1Y
+  Commands: Commands$1Q,
+  name: name$1Z
 };
 
-const name$1X = 'ElectronBrowserView';
-const Commands$1O = {
+const name$1Y = 'ElectronBrowserView';
+const Commands$1P = {
   handleDidNavigate: handleDidNavigate$1,
   handleTitleUpdated: handleTitleUpdated$2,
   handleWillNavigate: handleWillNavigate$1
@@ -12244,40 +12270,40 @@ const Commands$1O = {
 
 const ElectronBrowserView_ipc = {
   __proto__: null,
-  Commands: Commands$1O,
-  name: name$1X
+  Commands: Commands$1P,
+  name: name$1Y
 };
 
 const writeText = text => {
   return invoke$7('ElectronClipBoard.writeText', text);
 };
 
-const name$1W = 'ElectronClipBoard';
+const name$1X = 'ElectronClipBoard';
 
 // prettier-ignore
-const Commands$1N = {
+const Commands$1O = {
   writeText: writeText
 };
 
 const ElectronClipBoard_ipc = {
   __proto__: null,
-  Commands: Commands$1N,
-  name: name$1W
+  Commands: Commands$1O,
+  name: name$1X
 };
 
-const name$1V = 'ElectronContextMenu';
+const name$1W = 'ElectronContextMenu';
 
 // prettier-ignore
-const Commands$1M = {};
+const Commands$1N = {};
 
 const ElectronContextMenu_ipc = {
   __proto__: null,
-  Commands: Commands$1M,
-  name: name$1V
+  Commands: Commands$1N,
+  name: name$1W
 };
 
-const name$1U = 'ElectronWindow';
-const Commands$1L = {
+const name$1V = 'ElectronWindow';
+const Commands$1M = {
   close: close$8,
   maximize: maximize$2,
   minimize: minimize$2,
@@ -12291,34 +12317,34 @@ const Commands$1L = {
 
 const ElectronWindow_ipc = {
   __proto__: null,
-  Commands: Commands$1L,
-  name: name$1U
+  Commands: Commands$1M,
+  name: name$1V
 };
 
-const name$1T = 'ErrorHandling';
-const Commands$1K = {
+const name$1U = 'ErrorHandling';
+const Commands$1L = {
   handleError: handleError$3
 };
 
 const ErrorHandling_ipc = {
   __proto__: null,
-  Commands: Commands$1K,
-  name: name$1T
+  Commands: Commands$1L,
+  name: name$1U
 };
 
 const exit = () => {
   return invoke$7('Exit.exit');
 };
 
-const name$1S = 'Exit';
-const Commands$1J = {
+const name$1T = 'Exit';
+const Commands$1K = {
   exit: exit
 };
 
 const Exit_ipc = {
   __proto__: null,
-  Commands: Commands$1J,
-  name: name$1S
+  Commands: Commands$1K,
+  name: name$1T
 };
 
 const STATUS_OFF = 0;
@@ -12367,31 +12393,31 @@ const loadWebExtension = async path => {
   // })
 };
 
-const name$1R = 'ExtensionHost';
+const name$1S = 'ExtensionHost';
 
 // prettier-ignore
-const Commands$1I = {
+const Commands$1J = {
   loadWebExtension: loadWebExtension
 };
 
 const ExtensionHostCore_ipc = {
   __proto__: null,
-  Commands: Commands$1I,
-  name: name$1R
+  Commands: Commands$1J,
+  name: name$1S
 };
 
-const name$1Q = 'ExtensionMeta';
+const name$1R = 'ExtensionMeta';
 
 // prettier-ignore
-const Commands$1H = {
+const Commands$1I = {
   addNodeExtension: addNodeExtension,
   addWebExtension: addWebExtension
 };
 
 const ExtensionMeta_ipc = {
   __proto__: null,
-  Commands: Commands$1H,
-  name: name$1Q
+  Commands: Commands$1I,
+  name: name$1R
 };
 
 const openExtensionsFolder = async () => {
@@ -12403,18 +12429,18 @@ const openCachedExtensionsFolder = async () => {
   await openNativeFolder(cachedExtensionsFolder);
 };
 
-const name$1P = 'Extensions';
+const name$1Q = 'Extensions';
 
 // prettier-ignore
-const Commands$1G = {
+const Commands$1H = {
   openCachedExtensionsFolder: openCachedExtensionsFolder,
   openExtensionsFolder: openExtensionsFolder
 };
 
 const Extensions_ipc = {
   __proto__: null,
-  Commands: Commands$1G,
-  name: name$1P
+  Commands: Commands$1H,
+  name: name$1Q
 };
 
 const showDirectoryPicker = async options => {
@@ -12445,8 +12471,8 @@ const showSaveFilePicker = async options => {
   }
 };
 
-const name$1O = 'FilePicker';
-const Commands$1F = {
+const name$1P = 'FilePicker';
+const Commands$1G = {
   showDirectoryPicker: showDirectoryPicker,
   showFilePicker: showFilePicker,
   showSaveFilePicker: showSaveFilePicker
@@ -12454,15 +12480,14 @@ const Commands$1F = {
 
 const FilePicker_ipc = {
   __proto__: null,
-  Commands: Commands$1F,
-  name: name$1O
+  Commands: Commands$1G,
+  name: name$1P
 };
 
-const name$1N = 'FileSystem';
-
-// prettier-ignore
-const Commands$1E = {
+const name$1O = 'FileSystem';
+const Commands$1F = {
   chmod: chmod$3,
+  getBlob: getBlob$3,
   getPathSeparator: getPathSeparator$9,
   mkdir: mkdir$7,
   readDirWithFileTypes: readDirWithFileTypes$8,
@@ -12473,8 +12498,8 @@ const Commands$1E = {
 
 const FileSystem_ipc = {
   __proto__: null,
-  Commands: Commands$1E,
-  name: name$1N
+  Commands: Commands$1F,
+  name: name$1O
 };
 
 const executeFormattingProvider = editor => {
@@ -12504,19 +12529,19 @@ const format = async editor => {
   return edits;
 };
 
-const name$1M = 'Format';
-const Commands$1D = {
+const name$1N = 'Format';
+const Commands$1E = {
   format: format
 };
 
 const Format_ipc = {
   __proto__: null,
-  Commands: Commands$1D,
-  name: name$1M
+  Commands: Commands$1E,
+  name: name$1N
 };
 
-const name$1L = 'IconTheme';
-const Commands$1C = {
+const name$1M = 'IconTheme';
+const Commands$1D = {
   // TODO command necessary?
   // TODO hydrate should be an alias for reload/load
   hydrate: hydrate$4,
@@ -12525,8 +12550,8 @@ const Commands$1C = {
 
 const IconTheme_ipc = {
   __proto__: null,
-  Commands: Commands$1C,
-  name: name$1L
+  Commands: Commands$1D,
+  name: name$1M
 };
 
 const state$f = {
@@ -12544,7 +12569,7 @@ const show$8 = async (uri, top, left) => {
     const version = ++state$f.versionId;
     // TODO what to do on web? probably need to create blob url
     // or use https url for external images
-    const blobUrl = await getBlobUrl$3(uri);
+    const blobUrl = await getBlobUrl$4(uri);
     if (version !== state$f.versionId) {
       return;
     }
@@ -12561,28 +12586,28 @@ const hide$4 = async () => {
 
 // TODO only use ImagePreview module via ipc -> that way is is always lazyloaded
 
-const name$1K = 'ImagePreview';
-const Commands$1B = {
+const name$1L = 'ImagePreview';
+const Commands$1C = {
   hide: hide$4,
   show: show$8
 };
 
 const ImagePreview_ipc = {
   __proto__: null,
-  Commands: Commands$1B,
-  name: name$1K
+  Commands: Commands$1C,
+  name: name$1L
 };
 
-const name$1J = 'Focus';
-const Commands$1A = {
+const name$1K = 'Focus';
+const Commands$1B = {
   setFocus: setFocus,
   setAdditionalFocus: setAdditionalFocus
 };
 
 const Focus_ipc = {
   __proto__: null,
-  Commands: Commands$1A,
-  name: name$1J
+  Commands: Commands$1B,
+  name: name$1K
 };
 
 const getRipGrepArgs = ({
@@ -12658,8 +12683,8 @@ const handleError$2 = (id, error) => {
   search.dispatchEvent(new Event('error', {}));
 };
 
-const name$1I = 'IncrementalTextSearch';
-const Commands$1z = {
+const name$1J = 'IncrementalTextSearch';
+const Commands$1A = {
   handleCanceled: handleCanceled,
   handleData: handleData$2,
   handleError: handleError$2,
@@ -12669,35 +12694,35 @@ const Commands$1z = {
 
 const IncrementalTextSearch_ipc = {
   __proto__: null,
-  Commands: Commands$1z,
-  name: name$1I
+  Commands: Commands$1A,
+  name: name$1J
 };
 
-const name$1H = 'IndexedDb';
-const Commands$1y = {
+const name$1I = 'IndexedDb';
+const Commands$1z = {
   addHandle: addHandle$1,
   getHandle: getHandle$1
 };
 
 const IndexedDb_ipc = {
   __proto__: null,
-  Commands: Commands$1y,
-  name: name$1H
+  Commands: Commands$1z,
+  name: name$1I
 };
 
-const name$1G = 'IpcParent';
-const Commands$1x = {
+const name$1H = 'IpcParent';
+const Commands$1y = {
   create: create$18
 };
 
 const IpcParent_ipc = {
   __proto__: null,
-  Commands: Commands$1x,
-  name: name$1G
+  Commands: Commands$1y,
+  name: name$1H
 };
 
-const name$1F = 'KeyBindings';
-const Commands$1w = {
+const name$1G = 'KeyBindings';
+const Commands$1x = {
   handleKeyBinding: handleKeyBinding$1,
   // @ts-ignore
   setIdentifiers: undefined,
@@ -12707,8 +12732,8 @@ const Commands$1w = {
 
 const KeyBindings_ipc = {
   __proto__: null,
-  Commands: Commands$1w,
-  name: name$1F
+  Commands: Commands$1x,
+  name: name$1G
 };
 
 // TODO extension key bindings
@@ -12733,17 +12758,17 @@ const getKeyBindings$l = async () => {
   return keyBindings;
 };
 
-const name$1E = 'KeyBindingsInitial';
+const name$1F = 'KeyBindingsInitial';
 
 // prettier-ignore
-const Commands$1v = {
+const Commands$1w = {
   getKeyBindings: getKeyBindings$l
 };
 
 const KeyBindingsInitial_ipc = {
   __proto__: null,
-  Commands: Commands$1v,
-  name: name$1E
+  Commands: Commands$1w,
+  name: name$1F
 };
 
 const state$d = Object.create(null);
@@ -12762,19 +12787,19 @@ const execute$1 = (id, ...args) => {
   return listener(...args);
 };
 
-const Commands$1u = {
+const Commands$1v = {
   3444: execute$1
 };
 
 const Listener_ipc = {
   __proto__: null,
-  Commands: Commands$1u
+  Commands: Commands$1v
 };
 
 // TODO only use LocalStorage module via ipc -> that way is is always lazyloaded
 
-const name$1D = 'LocalStorage';
-const Commands$1t = {
+const name$1E = 'LocalStorage';
+const Commands$1u = {
   clear: clear$4,
   getJson: getJson$3,
   getText: getText,
@@ -12784,8 +12809,8 @@ const Commands$1t = {
 
 const LocalStorage_ipc = {
   __proto__: null,
-  Commands: Commands$1t,
-  name: name$1D
+  Commands: Commands$1u,
+  name: name$1E
 };
 
 const executeMenuItemCommand = async item => {
@@ -13969,8 +13994,8 @@ const focusNext$e = async () => {
 
 // TODO more tests
 
-const name$1C = 'Menu';
-const Commands$1s = {
+const name$1D = 'Menu';
+const Commands$1t = {
   focusFirst: focusFirst$b,
   focusIndex: focusIndex$b,
   focusLast: focusLast$b,
@@ -13986,8 +14011,8 @@ const Commands$1s = {
 
 const Menu_ipc = {
   __proto__: null,
-  Commands: Commands$1s,
-  name: name$1C
+  Commands: Commands$1t,
+  name: name$1D
 };
 
 // based on https://github.com/microsoft/vscode/blob/bd782eb059e133d3a20fdb446b8feb0010a278ad/src/vs/base/common/mime.ts (License MIT)
@@ -14066,16 +14091,16 @@ const getMediaMimeType = uri => {
   return mapExtToMediaMimes[extension] || defaultMimeType;
 };
 
-const name$1B = 'Mime';
-const Commands$1r = {
+const name$1C = 'Mime';
+const Commands$1s = {
   getMediaMimeType: getMediaMimeType,
   getTextMime: getTextMime
 };
 
 const Mime_ipc = {
   __proto__: null,
-  Commands: Commands$1r,
-  name: name$1B
+  Commands: Commands$1s,
+  name: name$1C
 };
 
 const HandleMaximized = 'handleMaximized';
@@ -14109,8 +14134,8 @@ const handleMinimized = () => {
   emitEvent(HandleMinimized);
 };
 
-const name$1A = 'NativeHost';
-const Commands$1q = {
+const name$1B = 'NativeHost';
+const Commands$1r = {
   handleMaximized: handleMaximized,
   handleMinimized: handleMinimized,
   handleUnmaximized: handleUnmaximized
@@ -14118,8 +14143,8 @@ const Commands$1q = {
 
 const NativeHost_ipc = {
   __proto__: null,
-  Commands: Commands$1q,
-  name: name$1A
+  Commands: Commands$1r,
+  name: name$1B
 };
 
 // TODO maybe rename this module to Focus
@@ -14233,8 +14258,8 @@ const focusPreviousPart = async () => {
   await focusPart(previousPart);
 };
 
-const name$1z = 'Navigation';
-const Commands$1p = {
+const name$1A = 'Navigation';
+const Commands$1q = {
   focusActivityBar: focusActivityBar,
   focusMain: focusMain,
   focusNextPart: focusNextPart,
@@ -14247,8 +14272,8 @@ const Commands$1p = {
 
 const Navigation_ipc = {
   __proto__: null,
-  Commands: Commands$1p,
-  name: name$1z
+  Commands: Commands$1q,
+  name: name$1A
 };
 
 const state$9 = {
@@ -14284,22 +14309,22 @@ const handleClick$b = index => {
     option
   });
 };
-const dispose$w = async id => {
+const dispose$x = async id => {
   await invoke$8(/* Notification.dispose */'Notification.dispose', /* id */id);
 };
 
-const name$1y = 'Notification';
-const Commands$1o = {
+const name$1z = 'Notification';
+const Commands$1p = {
   create: create$_,
-  dispose: dispose$w,
+  dispose: dispose$x,
   handleClick: handleClick$b,
   showWithOptions: showWithOptions
 };
 
 const Notification_ipc = {
   __proto__: null,
-  Commands: Commands$1o,
-  name: name$1y
+  Commands: Commands$1p,
+  name: name$1z
 };
 
 const openUrlWeb = async url => {
@@ -14322,31 +14347,31 @@ const openUrl = async url => {
 };
 const openExternal$1 = openExternal$2;
 
-const name$1x = 'Open';
-const Commands$1n = {
+const name$1y = 'Open';
+const Commands$1o = {
   openExternal: openExternal$1,
   openUrl: openUrl
 };
 
 const Open_ipc = {
   __proto__: null,
-  Commands: Commands$1n,
-  name: name$1x
+  Commands: Commands$1o,
+  name: name$1y
 };
 
-const name$1w = 'OpenNativeFolder';
-const Commands$1m = {
+const name$1x = 'OpenNativeFolder';
+const Commands$1n = {
   openNativeFolder: openNativeFolder
 };
 
 const OpenNativeFolder_ipc = {
   __proto__: null,
-  Commands: Commands$1m,
-  name: name$1w
+  Commands: Commands$1n,
+  name: name$1x
 };
 
-const name$1v = 'PersistentFileHandle';
-const Commands$1l = {
+const name$1w = 'PersistentFileHandle';
+const Commands$1m = {
   addHandle: addHandle,
   getHandle: getHandle,
   removeHandle: removeHandle
@@ -14354,14 +14379,14 @@ const Commands$1l = {
 
 const PersistentFileHandle_ipc = {
   __proto__: null,
-  Commands: Commands$1l,
-  name: name$1v
+  Commands: Commands$1m,
+  name: name$1w
 };
 
-const name$1u = 'Preferences';
+const name$1v = 'Preferences';
 
 // prettier-ignore
-const Commands$1k = {
+const Commands$1l = {
   // TODO is this needed?
   // TODO rename to openKeyBindingsJson -> similar to openSettingsJson
   hydrate: hydrate$b,
@@ -14371,44 +14396,44 @@ const Commands$1k = {
 
 const Preferences_ipc = {
   __proto__: null,
-  Commands: Commands$1k,
-  name: name$1u
+  Commands: Commands$1l,
+  name: name$1v
 };
 
 const prompt = (message, defaultValue) => {
   return invoke$8('Prompt.prompt', message, defaultValue);
 };
 
-const name$1t = 'Prompt';
-const Commands$1j = {
+const name$1u = 'Prompt';
+const Commands$1k = {
   prompt: prompt
 };
 
 const Prompt_ipc = {
   __proto__: null,
-  Commands: Commands$1j,
-  name: name$1t
+  Commands: Commands$1k,
+  name: name$1u
 };
 
 const rebuildNodePty = async () => {
   await invoke$7('RebuildNodePty.rebuildNodePty');
 };
 
-const name$1s = 'RebuildNodePty';
-const Commands$1i = {
+const name$1t = 'RebuildNodePty';
+const Commands$1j = {
   rebuildNodePty: rebuildNodePty
 };
 
 const RebuildNodePty_ipc = {
   __proto__: null,
-  Commands: Commands$1i,
-  name: name$1s
+  Commands: Commands$1j,
+  name: name$1t
 };
 
-const name$1r = 'RecentlyOpened';
+const name$1s = 'RecentlyOpened';
 
 // prettier-ignore
-const Commands$1h = {
+const Commands$1i = {
   addToRecentlyOpened: addToRecentlyOpened,
   clearRecentlyOpened: clearRecentlyOpened$1,
   getRecentlyOpened: getRecentlyOpened$2,
@@ -14417,19 +14442,19 @@ const Commands$1h = {
 
 const RecentlyOpened_ipc = {
   __proto__: null,
-  Commands: Commands$1h,
-  name: name$1r
+  Commands: Commands$1i,
+  name: name$1s
 };
 
-const name$1q = 'Reload';
-const Commands$1g = {
+const name$1r = 'Reload';
+const Commands$1h = {
   reload: reload$2
 };
 
 const Reload_ipc = {
   __proto__: null,
-  Commands: Commands$1g,
-  name: name$1q
+  Commands: Commands$1h,
+  name: name$1r
 };
 
 const isAbortError = error => {
@@ -14460,35 +14485,35 @@ const saveFileAs = async (fileName, url) => {
   }
 };
 
-const name$1p = 'SaveFileAs';
+const name$1q = 'SaveFileAs';
 
 // prettier-ignore
-const Commands$1f = {
+const Commands$1g = {
   saveFileAs: saveFileAs
 };
 
 const SaveFileAs_ipc = {
   __proto__: null,
-  Commands: Commands$1f,
-  name: name$1p
+  Commands: Commands$1g,
+  name: name$1q
 };
 
-const name$1o = 'SaveState';
+const name$1p = 'SaveState';
 
 // prettier-ignore
-const Commands$1e = {
+const Commands$1f = {
   handleVisibilityChange: handleVisibilityChange,
   hydrate: hydrate$6
 };
 
 const SaveState_ipc = {
   __proto__: null,
-  Commands: Commands$1e,
-  name: name$1o
+  Commands: Commands$1f,
+  name: name$1p
 };
 
-const name$1n = 'SessionReplay';
-const Commands$1d = {
+const name$1o = 'SessionReplay';
+const Commands$1e = {
   downloadSession: downloadSession,
   openSession: openSession,
   replayCurrentSession: replayCurrentSession,
@@ -14497,22 +14522,22 @@ const Commands$1d = {
 
 const SessionReplay_ipc = {
   __proto__: null,
-  Commands: Commands$1d,
-  name: name$1n
+  Commands: Commands$1e,
+  name: name$1o
 };
 
 // TODO only use SessionStorage module via ipc -> that way is is always lazyloaded
 
-const name$1m = 'SessionStorage';
-const Commands$1c = {
+const name$1n = 'SessionStorage';
+const Commands$1d = {
   clear: clear$3,
   getJson: getJson$1
 };
 
 const SessionStorage_ipc = {
   __proto__: null,
-  Commands: Commands$1c,
-  name: name$1m
+  Commands: Commands$1d,
+  name: name$1n
 };
 
 const testWorkerUrl = `${assetDir}/packages/test-worker/dist/testWorkerMain.js`;
@@ -14533,15 +14558,15 @@ const execute = async href => {
   await invoke$9(ipc, 'Test.execute', href);
 };
 
-const name$1l = 'Test';
-const Commands$1b = {
+const name$1m = 'Test';
+const Commands$1c = {
   execute: execute
 };
 
 const Test_ipc = {
   __proto__: null,
-  Commands: Commands$1b,
-  name: name$1l
+  Commands: Commands$1c,
+  name: name$1m
 };
 
 const checkSingleElementCondition = (locator, fnName, options) => {
@@ -14557,8 +14582,8 @@ const performAction = (...args) => {
   return invoke$8('TestFrameWork.performAction', ...args);
 };
 
-const name$1k = 'TestFrameWork';
-const Commands$1a = {
+const name$1l = 'TestFrameWork';
+const Commands$1b = {
   checkMultiElementCondition: checkMultiElementCondition,
   checkSingleElementCondition: checkSingleElementCondition,
   showOverlay: showOverlay,
@@ -14567,24 +14592,24 @@ const Commands$1a = {
 
 const TestFrameWork_ipc = {
   __proto__: null,
-  Commands: Commands$1a,
-  name: name$1k
+  Commands: Commands$1b,
+  name: name$1l
 };
 
-const name$1j = 'Url';
-const Commands$19 = {
+const name$1k = 'Url';
+const Commands$1a = {
   createObjectUrl: createObjectUrl,
   revokeObjectUrl: revokeObjectUrl
 };
 
 const Url_ipc = {
   __proto__: null,
-  Commands: Commands$19,
-  name: name$1j
+  Commands: Commands$1a,
+  name: name$1k
 };
 
-const name$1i = 'Viewlet';
-const Commands$18 = {
+const name$1j = 'Viewlet';
+const Commands$19 = {
   2133: send,
   closeWidget: closeWidget,
   executeViewletCommand: executeViewletCommand,
@@ -14592,17 +14617,17 @@ const Commands$18 = {
   getAllStates: getAllStates,
   openWidget: openWidget,
   send: send,
-  dispose: dispose$x
+  dispose: dispose$y
 };
 
 const Viewlet_ipc = {
   __proto__: null,
-  Commands: Commands$18,
-  name: name$1i
+  Commands: Commands$19,
+  name: name$1j
 };
 
-const name$1h = 'Window';
-const Commands$17 = {
+const name$1i = 'Window';
+const Commands$18 = {
   close: close$7,
   exit: exit$2,
   maximize: maximize$1,
@@ -14616,12 +14641,12 @@ const Commands$17 = {
 
 const Window_ipc = {
   __proto__: null,
-  Commands: Commands$17,
-  name: name$1h
+  Commands: Commands$18,
+  name: name$1i
 };
 
-const name$1g = 'Workspace';
-const Commands$16 = {
+const name$1h = 'Workspace';
+const Commands$17 = {
   hydrate: hydrate$7,
   setPath: setPath,
   setUri: setUri,
@@ -14630,19 +14655,19 @@ const Commands$16 = {
 
 const Workspace_ipc = {
   __proto__: null,
-  Commands: Commands$16,
-  name: name$1g
+  Commands: Commands$17,
+  name: name$1h
 };
 
-const name$1f = 'WindowTitle';
-const Commands$15 = {
+const name$1g = 'WindowTitle';
+const Commands$16 = {
   set: set$a
 };
 
 const WindowTitle_ipc = {
   __proto__: null,
-  Commands: Commands$15,
-  name: name$1f
+  Commands: Commands$16,
+  name: name$1g
 };
 
 const mock = () => {
@@ -14652,16 +14677,16 @@ const unmock = () => {
   return invoke$8('PointerCapture.unmock');
 };
 
-const name$1e = 'PointerCapture';
-const Commands$14 = {
+const name$1f = 'PointerCapture';
+const Commands$15 = {
   mock: mock,
   unmock: unmock
 };
 
 const PointerCapture_ipc = {
   __proto__: null,
-  Commands: Commands$14,
-  name: name$1e
+  Commands: Commands$15,
+  name: name$1f
 };
 
 const show$6 = async (...args) => {
@@ -14688,8 +14713,8 @@ const showCustom = (picks, resolve) => {
   return show$6('custom', picks, resolve);
 };
 
-const name$1d = 'QuickPick';
-const Commands$13 = {
+const name$1e = 'QuickPick';
+const Commands$14 = {
   show: show$6,
   showColorTheme: showColorTheme,
   showCommands: showCommands,
@@ -14701,8 +14726,8 @@ const Commands$13 = {
 
 const QuickPick_ipc = {
   __proto__: null,
-  Commands: Commands$13,
-  name: name$1d
+  Commands: Commands$14,
+  name: name$1e
 };
 
 const show$5 = async picks => {
@@ -14714,17 +14739,17 @@ const show$5 = async picks => {
   return promise;
 };
 
-const name$1c = 'ExtensionHostQuickPick';
+const name$1d = 'ExtensionHostQuickPick';
 
 // prettier-ignore
-const Commands$12 = {
+const Commands$13 = {
   show: show$5
 };
 
 const ExtensionHostQuickPick_ipc = {
   __proto__: null,
-  Commands: Commands$12,
-  name: name$1c
+  Commands: Commands$13,
+  name: name$1d
 };
 
 const showInformationMessage = async message => {
@@ -14733,17 +14758,17 @@ const showInformationMessage = async message => {
   return result;
 };
 
-const name$1b = 'ExtensionHostDialog';
+const name$1c = 'ExtensionHostDialog';
 
 // prettier-ignore
-const Commands$11 = {
+const Commands$12 = {
   showInformationMessage: showInformationMessage
 };
 
 const ExtensionHostDialog_ipc = {
   __proto__: null,
-  Commands: Commands$11,
-  name: name$1b
+  Commands: Commands$12,
+  name: name$1c
 };
 
 const set$4 = async (url, contentSecurityPolicy) => {
@@ -14759,26 +14784,26 @@ const set$3 = async (url, contentSecurityPolicy) => {
   await set$4(url, contentSecurityPolicy);
 };
 
-const name$1a = 'ExtensionHostWorkerContentSecurityPolicy';
-const Commands$10 = {
+const name$1b = 'ExtensionHostWorkerContentSecurityPolicy';
+const Commands$11 = {
   set: set$3
 };
 
 const ExtensionHostWorkerContentSecurityPolicy_ipc = {
   __proto__: null,
-  Commands: Commands$10,
-  name: name$1a
+  Commands: Commands$11,
+  name: name$1b
 };
 
-const name$19 = 'SendMessagePortToElectron';
-const Commands$$ = {
+const name$1a = 'SendMessagePortToElectron';
+const Commands$10 = {
   sendMessagePortToElectron: sendMessagePortToElectron
 };
 
 const SendMessagePortToElectron_ipc = {
   __proto__: null,
-  Commands: Commands$$,
-  name: name$19
+  Commands: Commands$10,
+  name: name$1a
 };
 
 const terminalWorkerUrl = `${assetDir}/packages/terminal-worker/dist/terminalWorkerMain.js`;
@@ -14811,38 +14836,38 @@ const createForTerminal = async (canvasId, callbackId) => {
   await invokeAndTransfer$3('OffscreenCanvas.handleResult', callbackId, canvas);
 };
 
-const name$18 = 'OffscreenCanvas';
-const Commands$_ = {
+const name$19 = 'OffscreenCanvas';
+const Commands$$ = {
   create: create$Z,
   createForTerminal: createForTerminal
 };
 
 const OffscreenCanvas_ipc = {
   __proto__: null,
-  Commands: Commands$_,
-  name: name$18
+  Commands: Commands$$,
+  name: name$19
 };
 
-const name$17 = 'Languages';
-const Commands$Z = {
+const name$18 = 'Languages';
+const Commands$_ = {
   getLanguageConfiguration: getLanguageConfiguration
 };
 
 const Languages_ipc = {
   __proto__: null,
-  Commands: Commands$Z,
-  name: name$17
+  Commands: Commands$_,
+  name: name$18
 };
 
-const name$16 = 'FileWatcher';
-const Commands$Y = {
+const name$17 = 'FileWatcher';
+const Commands$Z = {
   handleEvent: handleEvent
 };
 
 const FileWatcher_ipc = {
   __proto__: null,
-  Commands: Commands$Y,
-  name: name$16
+  Commands: Commands$Z,
+  name: name$17
 };
 
 const combineResults$c = results => {
@@ -14859,15 +14884,15 @@ const executeGrowSelection = (editor, positions) => {
   });
 };
 
-const name$15 = 'ExtensionHostSelection';
-const Commands$X = {
+const name$16 = 'ExtensionHostSelection';
+const Commands$Y = {
   executeGrowSelection: executeGrowSelection
 };
 
 const ExtensionHostSelection_ipc = {
   __proto__: null,
-  Commands: Commands$X,
-  name: name$15
+  Commands: Commands$Y,
+  name: name$16
 };
 
 const combineResults$b = results => {
@@ -14888,15 +14913,15 @@ const executeBraceCompletionProvider = (editor, offset, openingBrace) => {
   });
 };
 
-const name$14 = 'ExtensionHostBraceCompletion';
-const Commands$W = {
+const name$15 = 'ExtensionHostBraceCompletion';
+const Commands$X = {
   executeBraceCompletionProvider: executeBraceCompletionProvider
 };
 
 const ExtensionHostBraceCompletion_ipc = {
   __proto__: null,
-  Commands: Commands$W,
-  name: name$14
+  Commands: Commands$X,
+  name: name$15
 };
 
 const combineResults$a = results => {
@@ -14913,15 +14938,15 @@ const executeDefinitionProvider = (editor, offset) => {
   });
 };
 
-const name$13 = 'ExtensionHostDefinition';
-const Commands$V = {
+const name$14 = 'ExtensionHostDefinition';
+const Commands$W = {
   executeDefinitionProvider: executeDefinitionProvider
 };
 
 const ExtensionHostDefinition_ipc = {
   __proto__: null,
-  Commands: Commands$V,
-  name: name$13
+  Commands: Commands$W,
+  name: name$14
 };
 
 const combineResults$9 = results => {
@@ -14939,15 +14964,15 @@ const executeTypeDefinitionProvider = (editor, offset) => {
   });
 };
 
-const name$12 = 'ExtensionHostTypeDefinition';
-const Commands$U = {
+const name$13 = 'ExtensionHostTypeDefinition';
+const Commands$V = {
   executeTypeDefinitionProvider: executeTypeDefinitionProvider
 };
 
 const ExtensionHostTypeDefinition_ipc = {
   __proto__: null,
-  Commands: Commands$U,
-  name: name$12
+  Commands: Commands$V,
+  name: name$13
 };
 
 const combineResults$8 = results => {
@@ -14965,15 +14990,15 @@ const executeOrganizeImports = editor => {
   });
 };
 
-const name$11 = 'ExtensionHostOrganizeImports';
-const Commands$T = {
+const name$12 = 'ExtensionHostOrganizeImports';
+const Commands$U = {
   organizeImports: executeOrganizeImports
 };
 
 const ExtensionHostOrganizeImports_ipc = {
   __proto__: null,
-  Commands: Commands$T,
-  name: name$11
+  Commands: Commands$U,
+  name: name$12
 };
 
 const combineResults$7 = results => {
@@ -14991,15 +15016,15 @@ const executeTabCompletionProvider = (editor, offset) => {
   });
 };
 
-const name$10 = 'ExtensionHostTabCompletion';
-const Commands$S = {
+const name$11 = 'ExtensionHostTabCompletion';
+const Commands$T = {
   executeTabCompletionProvider: executeTabCompletionProvider
 };
 
 const ExtensionHostTabCompletion_ipc = {
   __proto__: null,
-  Commands: Commands$S,
-  name: name$10
+  Commands: Commands$T,
+  name: name$11
 };
 
 const combineResults$6 = results => {
@@ -15016,15 +15041,15 @@ const executeClosingTagProvider = (editor, offset, openingBrace) => {
   });
 };
 
-const name$$ = 'ExtensionHostClosingTagCompletion';
-const Commands$R = {
+const name$10 = 'ExtensionHostClosingTagCompletion';
+const Commands$S = {
   executeClosingTagProvider: executeClosingTagProvider
 };
 
 const ExtensionHostClosingTagCompletion_ipc = {
   __proto__: null,
-  Commands: Commands$R,
-  name: name$$
+  Commands: Commands$S,
+  name: name$10
 };
 
 const sendMessagePortToRendererProcess = async (port, initialCommand) => {
@@ -15033,15 +15058,15 @@ const sendMessagePortToRendererProcess = async (port, initialCommand) => {
   await invokeAndTransfer$7(initialCommand, port);
 };
 
-const name$_ = 'SendMessagePortToRendererProcess';
-const Commands$Q = {
+const name$$ = 'SendMessagePortToRendererProcess';
+const Commands$R = {
   sendMessagePortToRendererProcess: sendMessagePortToRendererProcess
 };
 
 const SendMessagePortToRendererProcess_ipc = {
   __proto__: null,
-  Commands: Commands$Q,
-  name: name$_
+  Commands: Commands$R,
+  name: name$$
 };
 
 const combineResults$5 = results => {
@@ -15060,15 +15085,15 @@ const executeHoverProvider = (editor, offset) => {
   });
 };
 
-const name$Z = 'ExtensionHostHover';
-const Commands$P = {
+const name$_ = 'ExtensionHostHover';
+const Commands$Q = {
   executeHoverProvider: executeHoverProvider
 };
 
 const ExtensionHostHover_ipc = {
   __proto__: null,
-  Commands: Commands$P,
-  name: name$Z
+  Commands: Commands$Q,
+  name: name$_
 };
 
 const sendMessagePortToExtensionHostWorker = async (port, initialCommand) => {
@@ -15077,26 +15102,26 @@ const sendMessagePortToExtensionHostWorker = async (port, initialCommand) => {
   await invokeAndTransfer$5(initialCommand, port);
 };
 
-const name$Y = 'SendMessagePortToExtensionHostWorker';
-const Commands$O = {
+const name$Z = 'SendMessagePortToExtensionHostWorker';
+const Commands$P = {
   sendMessagePortToExtensionHostWorker: sendMessagePortToExtensionHostWorker
 };
 
 const SendMessagePortToExtensionHostWorker_ipc = {
   __proto__: null,
-  Commands: Commands$O,
-  name: name$Y
+  Commands: Commands$P,
+  name: name$Z
 };
 
-const name$X = 'ExtensionHostManagement';
-const Commands$N = {
+const name$Y = 'ExtensionHostManagement';
+const Commands$O = {
   activateByEvent: activateByEvent
 };
 
 const ExtensionHostManagement_ipc = {
   __proto__: null,
-  Commands: Commands$N,
-  name: name$X
+  Commands: Commands$O,
+  name: name$Y
 };
 
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
@@ -15142,25 +15167,410 @@ const sendMessagePortToSyntaxHighlightingWorker = async (port, initialCommand) =
   await invokeAndTransfer$2(initialCommand, port);
 };
 
-const name$W = 'SendMessagePortToSyntaxHighlightingWorker';
-const Commands$M = {
+const name$X = 'SendMessagePortToSyntaxHighlightingWorker';
+const Commands$N = {
   sendMessagePortToSyntaxHighlightingWorker: sendMessagePortToSyntaxHighlightingWorker
 };
 
 const SendMessagePortToSyntaxHighlightingWorker_ipc = {
   __proto__: null,
-  Commands: Commands$M,
-  name: name$W
+  Commands: Commands$N,
+  name: name$X
 };
 
-const name$V = 'Transferrable';
-const Commands$L = {
+const name$W = 'Transferrable';
+const Commands$M = {
   transferToRendererProcess: transferToRendererProcess,
   transfer: transfer,
   acquire: acquire
 };
 
 const Transferrable_ipc = {
+  __proto__: null,
+  Commands: Commands$M,
+  name: name$W
+};
+
+const createUrl$1 = (protocol, host) => {
+  return protocol + '//' + host;
+};
+
+const createLocalHostUrl = (locationProtocol, locationHost, isGitpod, webViewPort) => {
+  if (isGitpod) {
+    return createUrl$1(locationProtocol, locationHost.replace('3000', `${webViewPort}`));
+  }
+  return `http://localhost:${webViewPort}`;
+};
+
+const getWebViewHtml = (baseUrl, locationOrigin, elements) => {
+  if (!elements) {
+    return '';
+  }
+  const middle = [];
+  middle.push('<meta charset="utf-8">');
+  for (const element of elements) {
+    if (element.type === 'title') {
+      middle.push(`<title>${element.value}</title>`);
+    } else if (element.type === 'script') {
+      middle.push(`<script type="module" src="${locationOrigin}${assetDir}/js/preview-injected.js"></script>`);
+      middle.push(`<script type="module" src="${locationOrigin}${baseUrl}/${element.path}"></script>`);
+    } else if (element.type === 'css') {
+      middle.push(`<link rel="stylesheet" href="${locationOrigin}${baseUrl}/${element.path}" />`);
+    }
+  }
+  const middleHtml = middle.join('\n    ');
+  let html = `<!DOCTYPE html>
+<html>
+  <head>
+    ${middleHtml}
+  </head>
+</html>
+`;
+  return html;
+};
+
+const WebView = 'lvce-oss-webview';
+
+const getWebView$1 = (webViews, webViewId) => {
+  for (const webView of webViews) {
+    if (webView.id === webViewId) {
+      return webView;
+    }
+  }
+  return undefined;
+};
+const getWebViewPath = (webViews, webViewId) => {
+  const webView = getWebView$1(webViews, webViewId);
+  if (!webView) {
+    return '';
+  }
+  return webView.path;
+};
+const getWebViewUri = (webViews, webViewId) => {
+  const webViewPath = getWebViewPath(webViews, webViewId);
+  if (!webViewPath) {
+    return '';
+  }
+  if (webViewPath.startsWith('/')) {
+    // TODO make it work on windows also
+    return `file://${webViewPath}`;
+  }
+  return webViewPath;
+};
+const getIframeSrcRemote = (webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root) => {
+  const webView = getWebView$1(webViews, webViewId);
+  const webViewUri = getWebViewUri(webViews, webViewId);
+  if (!webViewUri) {
+    return undefined;
+  }
+  let iframeSrc = webViewUri;
+  let webViewRoot = webViewUri;
+  if (platform === Electron$1) {
+    const relativePath = new URL(webViewUri).pathname.replace('/index.html', '');
+    iframeSrc = `${WebView}://-${relativePath}/`;
+    // TODO
+  } else if (platform === Remote) {
+    const relativePath = new URL(webViewUri).pathname.replace('/index.html', '');
+    if (webViewUri.startsWith('file://')) {
+      // ignore
+      webViewRoot = webViewUri.slice('file://'.length).replace('/index.html', '');
+    } else {
+      webViewRoot = root + relativePath;
+    }
+    iframeSrc = createLocalHostUrl(locationProtocol, locationHost, isGitpod, webViewPort);
+  }
+  let iframeContent = getWebViewHtml('', '', webView.elements);
+  // TODO either
+  // - load webviews the same as in web using blob urls
+  // - load webviews from a pattern like /webviews/:id/:fileName
+  iframeContent = iframeContent.replaceAll('/media/', '/').replaceAll('//', '/');
+  return {
+    srcDoc: '',
+    iframeSrc,
+    webViewRoot,
+    iframeContent
+  };
+};
+
+const getBlobUrl = (content, contentType) => {
+  const blob = new Blob([content], {
+    type: contentType
+  });
+  const url = URL.createObjectURL(blob); // TODO dispose
+  return url;
+};
+
+const getDefaultBaseUrl = webView => {
+  const {
+    remotePath,
+    path
+  } = webView;
+  if (remotePath) {
+    if (remotePath.endsWith('/index.html')) {
+      return remotePath.slice(0, -'/index.html'.length);
+    }
+    return remotePath;
+  }
+  if (path) {
+    if (path.endsWith('/index.html')) {
+      return path.slice(0, -'/index.html'.length);
+    }
+    return path;
+  }
+  return '';
+};
+const getWebViewBaseUrl = webView => {
+  const defaultBaseUrl = getDefaultBaseUrl(webView);
+  return defaultBaseUrl;
+};
+
+const getIframeSrc$1 = (webView, locationOrigin) => {
+  const baseUrl = getWebViewBaseUrl(webView);
+  const srcHtml = getWebViewHtml(baseUrl, locationOrigin, webView.elements);
+  if (srcHtml) {
+    const blobUrl = getBlobUrl(srcHtml, 'text/html');
+    return {
+      srcDoc: '',
+      iframeSrc: blobUrl,
+      webViewRoot: '',
+      iframeContent: ''
+    };
+  }
+  return undefined;
+};
+
+const getWebView = (webViews, webViewId) => {
+  for (const webView of webViews) {
+    if (webView.id === webViewId) {
+      return webView;
+    }
+  }
+  return undefined;
+};
+
+const getIframeSrc = (webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin) => {
+  try {
+    const webView = getWebView(webViews, webViewId);
+    if (platform === Web$1) {
+      return getIframeSrc$1(webView, locationOrigin);
+    }
+    return getIframeSrcRemote(webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root);
+  } catch (error) {
+    throw new VError(error, `Failed to construct webview iframe src`);
+  }
+};
+
+const addSemicolon = line => {
+  return line + SemiColon;
+};
+
+const getContentSecurityPolicy = items => {
+  return items.map(addSemicolon).join(Space$2);
+};
+
+const getWebViewCsp = webView => {
+  if (webView && webView.contentSecurityPolicy) {
+    return getContentSecurityPolicy(webView.contentSecurityPolicy);
+  }
+  const csp = getContentSecurityPolicy([`default-src 'none'`, `script-src 'self'`, `style-src 'self'`, `img-src 'self'`, `media-src 'self'`]);
+  return csp;
+};
+
+const getWebViewFrameAncestors = (locationProtocol, locationHost) => {
+  const frameAncestors = createUrl$1(locationProtocol, locationHost);
+  return frameAncestors;
+};
+
+const getWebViewOrigin = webViewPort => {
+  // TODO don't hardcode protocol
+  let origin = '';
+  if (platform === Electron$1) {
+    origin = `${WebView}://-/`;
+  } else if (platform === Remote) {
+    origin = `http://localhost:${webViewPort}`;
+  } else {
+    origin = '*'; // TODO
+  }
+  return origin;
+};
+
+const getWebViewsNode = async () => {
+  const webViews = await invoke$7('ExtensionHost.getWebViews');
+  return webViews;
+};
+
+const getWebViewsWeb = async () => {
+  const url = `${assetDir}/config/webViews.json`;
+  // TODO move this to shared-process-web / network-process-web
+  // TODO handle error ?
+  return execute$4(/* Ajax.getJson */'Ajax.getJson', /* url */url);
+};
+
+const getWebViewsDefault = async () => {
+  switch (platform) {
+    case Web$1:
+      return getWebViewsWeb();
+    case Test$1:
+      return [];
+    default:
+      return getWebViewsNode();
+  }
+};
+const getWebViews = async () => {
+  const nodeWebViews = await getWebViewsDefault();
+  const registeredWebViews = get$4();
+  const allWebViews = [...nodeWebViews, ...registeredWebViews];
+  return allWebViews;
+};
+
+const AllowScripts = 'allow-scripts';
+const AllowSameOrigin = 'allow-same-origin';
+
+const getIframeSandbox = webView => {
+  const extensionSandbox = webView.sandbox || [];
+  if (platform === Remote) {
+    return [AllowScripts, AllowSameOrigin, ...extensionSandbox]; // TODO maybe disallow same origin
+  }
+  if (platform === Web$1) {
+    return [AllowScripts, ...extensionSandbox];
+  }
+  // TODO set something for electron
+  return [...extensionSandbox];
+};
+
+const isGitpod = getHost().endsWith('.gitpod.io');
+
+const registerProtocol = async () => {
+  await invoke$7('WebViewServer.registerProtocol');
+};
+const create$Y = async previewServerId => {
+  await invoke$7('WebViewServer.create', previewServerId);
+};
+const start = async (previewServerId, webViewPort) => {
+  await invoke$7('WebViewServer.start', previewServerId, webViewPort);
+};
+const setHandler = async (previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent) => {
+  await invoke$7('WebViewServer.setHandler', previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent);
+};
+
+const register$3 = async previewServerId => {
+  await registerProtocol();
+  await create$Y(previewServerId); // TODO move this up
+};
+
+const WebViewProtocolElectron = {
+  __proto__: null,
+  register: register$3
+};
+
+const register$2 = async (previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent) => {
+  // TODO apply something similar for electron
+  // TODO pass webview root, so that only these resources can be accessed
+  // TODO pass csp configuration to server
+  // TODO pass coop / coep configuration to server
+  await create$Y(previewServerId); // TODO move this up
+  await start(previewServerId, webViewPort); // TODO move this up
+  await setHandler(previewServerId, frameAncestors, webViewRoot, csp, iframeContent);
+  // TODO make this work in gitpod also
+};
+
+const WebViewProtocolRemote = {
+  __proto__: null,
+  register: register$2
+};
+
+const register$1 = async () => {
+  // noop
+};
+
+const WebViewProtocolWeb = {
+  __proto__: null,
+  register: register$1
+};
+
+const getModule$2 = platform => {
+  switch (platform) {
+    case Remote:
+      return WebViewProtocolRemote;
+    case Electron$1:
+      return WebViewProtocolElectron;
+    case Web$1:
+    default:
+      return WebViewProtocolWeb;
+  }
+};
+const register = async (previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent) => {
+  const module = getModule$2(platform);
+  return module.register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
+};
+
+const setPort = async (uid, port, origin, portType) => {
+  await invokeAndTransfer$7('WebView.setPort', uid, port, origin, portType);
+};
+const create$X = async (id, webViewPort, webViewId, previewServerId, uri) => {
+  let root = '';
+  if (platform === Remote) {
+    root = await invoke$7('Platform.getRoot');
+  }
+  const webViews = await getWebViews();
+  const locationProtocol = getProtocol();
+  const locationHost = getHost();
+  const locationOrigin = getOrigin();
+  const iframeResult = getIframeSrc(webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin);
+  if (!iframeResult) {
+    return undefined;
+  }
+  const webView = getWebView(webViews, webViewId);
+  const {
+    iframeSrc,
+    webViewRoot,
+    srcDoc,
+    iframeContent
+  } = iframeResult;
+  const frameAncestors = getWebViewFrameAncestors(locationProtocol, locationHost);
+
+  // TODO figure out order for events, e.g.
+  // 1. activate extension, create webview and ports in parallel
+  // 2. wait for webview to load (?)
+  // 3. setup extension host worker rpc
+  // 4. create webview in extension host worker and load content
+
+  const csp = getWebViewCsp(webView); // TODO only in web
+  const sandbox = getIframeSandbox(webView);
+  const iframeCsp = platform === Web$1 ? csp : '';
+  const credentialless = true;
+  await activateByEvent(`onWebView:${webViewId}`);
+  const {
+    port1,
+    port2
+  } = getPortTuple();
+  const portId = create$1a();
+  await register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
+  await invoke$8('WebView.create', id, iframeSrc, sandbox, csp, credentialless);
+  await invoke$8('WebView.load', id);
+  const origin = getWebViewOrigin(webViewPort);
+  const portType = '';
+  // @ts-ignore
+  await setPort(id, port1, origin, portType);
+
+  // TODO split up into create and load
+  await invokeAndTransfer$5('ExtensionHostWebView.create', webViewId, port2, uri, id, origin);
+  return {
+    srcDoc,
+    iframeSrc,
+    sandbox,
+    portId,
+    origin,
+    csp: iframeCsp
+  };
+};
+
+const name$V = 'WebView';
+const Commands$L = {
+  setPort: setPort
+};
+
+const WebView_ipc = {
   __proto__: null,
   Commands: Commands$L,
   name: name$V
@@ -15199,7 +15609,7 @@ const getDetailStringWeb = () => {
   return lines;
 };
 
-const create$Y = () => {
+const create$W = () => {
   return {
     productName: '',
     lines: [],
@@ -15481,7 +15891,7 @@ const ViewletAbout_ipc = {
   __proto__: null,
   Commands: Commands$K,
   Css: Css$L,
-  create: create$Y,
+  create: create$W,
   focusNext: focusNext$d,
   focusPrevious: focusPrevious$d,
   getKeyBindings: getKeyBindings$k,
@@ -15666,7 +16076,7 @@ const ViewletActivityBarFocusIndex = {
 // TODO this should be create
 // TODO unregister listeners when hidden
 
-const create$X = (id, uri, x, y, width, height) => {
+const create$V = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     // TODO declarative event api is good, but need to bind
@@ -16185,7 +16595,7 @@ const ViewletActivityBar_ipc = {
   Events: Events$6,
   LazyCommands: LazyCommands$i,
   Variables: Variables$9,
-  create: create$X,
+  create: create$V,
   focus: focus$8,
   getDisplayName: getDisplayName$2,
   getKeyBindings: getKeyBindings$j,
@@ -16219,7 +16629,7 @@ const getImprovedErrorMessage$1 = message => {
   });
 };
 
-const create$W = (id, uri) => {
+const create$U = (id, uri) => {
   return {
     uri,
     src: '',
@@ -16243,7 +16653,7 @@ const handleAudioError = (state, code, message) => {
     audioErrorMessage: improvedMessage
   };
 };
-const dispose$v = async state => {
+const dispose$w = async state => {
   const {
     src
   } = state;
@@ -16311,8 +16721,8 @@ const ViewletAudio_ipc = {
   __proto__: null,
   Commands: Commands$I,
   Css: Css$J,
-  create: create$W,
-  dispose: dispose$v,
+  create: create$U,
+  dispose: dispose$w,
   handleAudioError,
   hasFunctionalRender: hasFunctionalRender$J,
   hasFunctionalRootRender: hasFunctionalRootRender$n,
@@ -16321,7 +16731,7 @@ const ViewletAudio_ipc = {
   render: render$N
 };
 
-const create$V = (id, uri, x, y, width, height) => {
+const create$T = (id, uri, x, y, width, height) => {
   return {
     browserViewMap: {},
     x,
@@ -16369,13 +16779,13 @@ const Css$I = ["/css/parts/ViewletBrowserViewOverview.css"];
 const ViewletBrowserViewOverview_ipc = {
   __proto__: null,
   Css: Css$I,
-  create: create$V,
+  create: create$T,
   hasFunctionalRender: hasFunctionalRender$I,
   loadContent: loadContent$O,
   render: render$M
 };
 
-const create$U = (id, uri, x, y, width, height) => {
+const create$S = (id, uri, x, y, width, height) => {
   return {
     id,
     interval: -1,
@@ -16394,7 +16804,7 @@ const loadContent$N = state => {
 
 // TODO use contentLoadedEffects
 
-const dispose$u = state => {
+const dispose$v = state => {
   clearInterval(state.interval);
   state.interval = -1;
   state.disposed = true;
@@ -16406,13 +16816,13 @@ const Commands$H = {};
 const ViewletClock_ipc = {
   __proto__: null,
   Commands: Commands$H,
-  create: create$U,
-  dispose: dispose$u,
+  create: create$S,
+  dispose: dispose$v,
   loadContent: loadContent$N,
   name: name$R
 };
 
-const create$T = uid => {
+const create$R = uid => {
   return {
     color: '',
     offsetX: 0,
@@ -16496,7 +16906,7 @@ const ViewletColorPicker_ipc = {
   Css: Css$H,
   LazyCommands: LazyCommands$h,
   Variables: Variables$8,
-  create: create$T,
+  create: create$R,
   handleSliderPointerDown,
   handleSliderPointerMove,
   hasFunctionalRender: hasFunctionalRender$H,
@@ -16506,7 +16916,7 @@ const ViewletColorPicker_ipc = {
   render: render$K
 };
 
-const create$S = () => {
+const create$Q = () => {
   return {
     okCommand: ''
   };
@@ -16584,7 +16994,7 @@ const ViewletConfirm_ipc = {
   __proto__: null,
   Commands: Commands$F,
   Css: Css$G,
-  create: create$S,
+  create: create$Q,
   getKeyBindings: getKeyBindings$i,
   handleClickCancel,
   handleClickClose: handleClickClose$2,
@@ -16623,7 +17033,7 @@ const evaluate$1 = async inputValue => {
   return preview;
 };
 
-const create$R = uid => {
+const create$P = uid => {
   return {
     uid,
     text: '-',
@@ -16894,7 +17304,7 @@ const ViewletDebugConsole_ipc = {
   Commands: Commands$E,
   Css: Css$F,
   clear: clear$2,
-  create: create$R,
+  create: create$P,
   evaluate,
   getKeyBindings: getKeyBindings$h,
   getQuickPickMenuEntries: getQuickPickMenuEntries$3,
@@ -16984,7 +17394,7 @@ const showSameKeyBindings = () => {
   return i18nString(UiStrings$j.ShowSameKeyBindings);
 };
 
-const create$Q = (id, uri, x, y, width, height) => {
+const create$O = (id, uri, x, y, width, height) => {
   return {
     id,
     uri,
@@ -17000,7 +17410,7 @@ const loadContent$J = state => {
     message: pressDesiredKeyCombinationThenPressEnter()
   };
 };
-const dispose$t = (state, value) => {
+const dispose$u = (state, value) => {
   const {
     uid
   } = state;
@@ -17008,7 +17418,7 @@ const dispose$t = (state, value) => {
   return state;
 };
 const handleBlur$7 = state => {
-  return dispose$t(state, '');
+  return dispose$u(state, '');
 };
 const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
   // TODO handle with keybindings?
@@ -17016,10 +17426,10 @@ const handleKeyDown$1 = (state, key, altKey, ctrlKey, shiftKey, metaKey) => {
     return state;
   }
   if (key === Enter) {
-    return dispose$t(state, key);
+    return dispose$u(state, key);
   }
   if (key === Escape) {
-    return dispose$t(state, '');
+    return dispose$u(state, '');
   }
   const keyBindingString = getKeyBindingString(key, altKey, ctrlKey, shiftKey);
   return {
@@ -17090,7 +17500,7 @@ const ViewletDefineKeyBinding_ipc = {
   __proto__: null,
   Commands: Commands$D,
   Css: Css$E,
-  create: create$Q,
+  create: create$O,
   handleBlur: handleBlur$7,
   handleKeyDown: handleKeyDown$1,
   hasFunctionalRender: hasFunctionalRender$E,
@@ -17099,7 +17509,7 @@ const ViewletDefineKeyBinding_ipc = {
   render: render$H
 };
 
-const create$P = () => {
+const create$N = () => {
   return {
     message: '',
     codeFrame: '',
@@ -17137,7 +17547,7 @@ const loadContent$I = (state, savedState, ...args) => {
     buttons
   };
 };
-const dispose$s = async state => {};
+const dispose$t = async state => {};
 const handleClick$a = async (state, index) => {
   const {
     options
@@ -17146,7 +17556,7 @@ const handleClick$a = async (state, index) => {
   // TODO handle case when index is out of bounds
   switch (option) {
     case 'Show Command Output':
-      await dispose$s();
+      await dispose$t();
       const uri = 'data://';
       await execute$4(/* Main.openUri */'Main.openUri', uri);
       // TODO show stderr in editor
@@ -17156,7 +17566,7 @@ const handleClick$a = async (state, index) => {
 };
 
 const Commands$C = {
-  close: dispose$s,
+  close: dispose$t,
   handleClick: handleClick$a
 };
 
@@ -17211,8 +17621,8 @@ const ViewletDialog_ipc = {
   __proto__: null,
   Commands: Commands$C,
   Css: Css$D,
-  create: create$P,
-  dispose: dispose$s,
+  create: create$N,
+  dispose: dispose$t,
   handleClick: handleClick$a,
   hasFunctionalRender: hasFunctionalRender$D,
   loadContent: loadContent$I,
@@ -17456,7 +17866,7 @@ const getNewDeltaPercent = (height, scrollBarHeight, relativeY) => {
   };
 };
 
-const create$O = ({
+const create$M = ({
   itemHeight,
   headerHeight = 0,
   minimumSliderSize = 20
@@ -17522,7 +17932,7 @@ const handleWheel$4 = (state, deltaMode, deltaY) => {
   return setDeltaY$4(state, state.deltaY + deltaY);
 };
 
-const create$N = (id, uri, x, y, width, height) => {
+const create$L = (id, uri, x, y, width, height) => {
   return {
     uri,
     linesLeft: [],
@@ -17534,7 +17944,7 @@ const create$N = (id, uri, x, y, width, height) => {
     height,
     languageLeft: '',
     languageRight: '',
-    ...create$O({
+    ...create$M({
       itemHeight: 20
     })
   };
@@ -17602,7 +18012,7 @@ const LazyCommands$g = {
   handleWheel: () => Promise.resolve().then(function () { return VirtualListHandleWheel; })
 };
 
-const create$M = (key, value, unit = '') => {
+const create$K = (key, value, unit = '') => {
   return `--${key}: ${value}${unit};`;
 };
 
@@ -17611,29 +18021,29 @@ const getDynamicCss$1 = preferences => {
   const styles = [];
   const fontSize = preferences['editor.fontSize'];
   if (fontSize) {
-    styles.push(create$M('EditorFontSize', fontSize, 'px'));
+    styles.push(create$K('EditorFontSize', fontSize, 'px'));
   }
   const fontFamily = preferences['editor.fontFamily'];
   if (fontFamily) {
-    styles.push(create$M('EditorFontFamily', fontFamily));
+    styles.push(create$K('EditorFontFamily', fontFamily));
   }
   const lineHeight = preferences['editor.lineHeight'];
   if (lineHeight) {
-    styles.push(create$M('EditorLineHeight', lineHeight, 'px'));
+    styles.push(create$K('EditorLineHeight', lineHeight, 'px'));
   }
   const letterSpacing = preferences['editor.letterSpacing'];
   if (typeof letterSpacing === 'number') {
     {
-      styles.push(create$M('EditorLetterSpacing', letterSpacing, 'px'));
+      styles.push(create$K('EditorLetterSpacing', letterSpacing, 'px'));
     }
   }
   const fontLigatures = preferences['editor.fontLigatures'];
   if (fontLigatures) {
-    styles.push(create$M('EditorFontFeatureSettings', '"liga" 1, "calt" 1'));
+    styles.push(create$K('EditorFontFeatureSettings', '"liga" 1, "calt" 1'));
   }
   const tabSize = preferences['editor.tabSize'];
   if (tabSize) {
-    styles.push(create$M('EditorTabSize', tabSize));
+    styles.push(create$K('EditorTabSize', tabSize));
   }
   const css = `:root {
 ${joinLines(styles)}
@@ -18038,7 +18448,7 @@ const ViewletDiffEditor_ipc = {
   Commands: Commands$B,
   Css: Css$B,
   LazyCommands: LazyCommands$g,
-  create: create$N,
+  create: create$L,
   getDynamicCss: getDynamicCss$1,
   hasFunctionalRender: hasFunctionalRender$C,
   hasFunctionalRootRender: hasFunctionalRootRender$j,
@@ -18058,7 +18468,7 @@ const SideBar$1 = 'SideBar';
 const Preview$2 = 'Preview';
 const None$e = '';
 
-const create$L = (id, uri, x, y, width, height) => {
+const create$J = (id, uri, x, y, width, height) => {
   return {
     x,
     y,
@@ -18259,7 +18669,7 @@ const ViewletE2eTest_ipc = {
   __proto__: null,
   Commands: Commands$A,
   Css: Css$A,
-  create: create$L,
+  create: create$J,
   executeTest: executeTest$1,
   getKeyBindings: getKeyBindings$g,
   handleClickAt: handleClickAt$6,
@@ -18278,7 +18688,7 @@ const ViewletE2eTest_ipc = {
   resize: resize$m
 };
 
-const create$K = (id, uri, x, y, width, height) => {
+const create$I = (id, uri, x, y, width, height) => {
   return {
     x,
     y,
@@ -18517,7 +18927,7 @@ const ViewletE2eTests_ipc = {
   __proto__: null,
   Commands: Commands$z,
   Css: Css$z,
-  create: create$K,
+  create: create$I,
   executeTest,
   getKeyBindings: getKeyBindings$f,
   handleClickAt: handleClickAt$5,
@@ -18763,7 +19173,7 @@ const getListHeight$1 = (itemsLength, itemHeight, maxHeight) => {
 
 const minimumSliderSize = 20;
 
-const create$J = (id, uri, x, y, width, height) => {
+const create$H = (id, uri, x, y, width, height) => {
   setAdditionalFocus(EditorCompletion);
   return {
     uid: id,
@@ -18780,7 +19190,7 @@ const create$J = (id, uri, x, y, width, height) => {
     y: 0,
     width: 250,
     height: 150,
-    ...create$O({
+    ...create$M({
       headerHeight: 0,
       itemHeight: CompletionItem,
       minimumSliderSize: minimumSliderSize
@@ -18876,7 +19286,7 @@ const handleEditorDeleteLeft = (state, editor) => {
     height
   };
 };
-const dispose$r = state => {
+const dispose$s = state => {
   removeAdditionalFocus(EditorCompletion);
   return {
     ...state,
@@ -18887,7 +19297,7 @@ const disposeWithEditor = (state, editor) => {
   editor.completionState = None$d;
   editor.completionUid = 0;
   removeAdditionalFocus(EditorCompletion);
-  return dispose$r(state);
+  return dispose$s(state);
 };
 const handleEditorClick = disposeWithEditor;
 const handleEditorBlur = disposeWithEditor;
@@ -18943,7 +19353,7 @@ const LazyCommands$f = {
 // prettier-ignore
 const Commands$y = {
   // 'EditorCompletion.selectCurrent': Viewlet.wrapViewletCommand('EditorCompletion', ViewletEditorCompletion.selectCurrent),
-  dispose: dispose$r,
+  dispose: dispose$s,
   handleEditorType: handleEditorType,
   handleEditorDeleteLeft: handleEditorDeleteLeft,
   handleEditorClick: handleEditorClick
@@ -19228,8 +19638,8 @@ const ViewletEditorCompletion_ipc = {
   Css: Css$y,
   LazyCommands: LazyCommands$e,
   advance,
-  create: create$J,
-  dispose: dispose$r,
+  create: create$H,
+  dispose: dispose$s,
   getDynamicCss,
   getKeyBindings: getKeyBindings$e,
   handleEditorBlur,
@@ -19247,7 +19657,7 @@ const ViewletEditorCompletion_ipc = {
   setDeltaY: setDeltaY$4
 };
 
-const create$I = (id, uri, x, y, width, height) => {
+const create$G = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     id,
@@ -19337,7 +19747,7 @@ const ViewletEditorHover_ipc = {
   __proto__: null,
   Commands: Commands$x,
   Css: Css$x,
-  create: create$I,
+  create: create$G,
   handleSashPointerDown: handleSashPointerDown$1,
   handleSashPointerMove: handleSashPointerMove$1,
   handleSashPointerUp: handleSashPointerUp$1,
@@ -19354,7 +19764,7 @@ const distance = (point1, point2) => {
   return Math.hypot(dx + dy);
 };
 
-const create$H = (init = [1, 0, 0, 1, 0, 0]) => {
+const create$F = (init = [1, 0, 0, 1, 0, 0]) => {
   return new DOMMatrixReadOnly(init);
 };
 const scaleUp = (domMatrix, deltaScale) => {
@@ -19412,7 +19822,7 @@ const copyPath$4 = () => {
   return i18nString(UiStrings$i.CopyPath);
 };
 
-const create$G = (id, uri, x, y, width, height) => {
+const create$E = (id, uri, x, y, width, height) => {
   return {
     src: '',
     disposed: false,
@@ -19421,7 +19831,7 @@ const create$G = (id, uri, x, y, width, height) => {
     width,
     height,
     uri,
-    domMatrix: create$H(),
+    domMatrix: create$F(),
     pointerOffsetX: 0,
     pointerOffsetY: 0,
     minZoom: 0.1,
@@ -19447,7 +19857,7 @@ const loadContent$C = async (state, savedState) => {
     src
   };
 };
-const dispose$q = async state => {
+const dispose$r = async state => {
   const {
     src
   } = state;
@@ -19790,8 +20200,8 @@ const ViewletEditorImage_ipc = {
   Commands: Commands$w,
   Css: Css$w,
   LazyCommands: LazyCommands$d,
-  create: create$G,
-  dispose: dispose$q,
+  create: create$E,
+  dispose: dispose$r,
   handleFocus: handleFocus$8,
   handleImageError,
   handlePointerDown: handlePointerDown$1,
@@ -19809,7 +20219,7 @@ const ViewletEditorImage_ipc = {
   render: render$z
 };
 
-const create$F = (id, uri, x, y, width, height) => {
+const create$D = (id, uri, x, y, width, height) => {
   return {
     content: 'abc',
     uri,
@@ -19823,7 +20233,7 @@ const loadContent$B = async state => {
     content
   };
 };
-const dispose$p = state => {
+const dispose$q = state => {
   return {
     ...state,
     disposed: true
@@ -19846,8 +20256,8 @@ const Commands$v = {};
 const ViewletEditorPlainText_ipc = {
   __proto__: null,
   Commands: Commands$v,
-  create: create$F,
-  dispose: dispose$p,
+  create: create$D,
+  dispose: dispose$q,
   hasFunctionalRender: hasFunctionalRender$w,
   loadContent: loadContent$B,
   name: name$G,
@@ -19865,7 +20275,7 @@ const getEditorSourceActions = async () => {
   return sourceActions;
 };
 
-const create$E = (id, uri, x, y, width, height) => {
+const create$C = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     id,
@@ -20068,7 +20478,7 @@ const ViewletEditorSourceActions_ipc = {
   __proto__: null,
   Commands: Commands$u,
   Css: Css$v,
-  create: create$E,
+  create: create$C,
   focusFirst: focusFirst$a,
   focusLast: focusLast$a,
   focusNext: focusNext$c,
@@ -20174,7 +20584,7 @@ const renderAll = {
 const render$w = [renderAll];
 
 // TODO
-const create$D = (id, uri, languageId) => {
+const create$B = (id, uri, languageId) => {
   // TODO flatten structure
   return {
     uri,
@@ -20425,10 +20835,10 @@ const handleTokenizeChange = () => {
 };
 
 // TODO uri?
-const create$C = (id, uri, x, y, width, height) => {
+const create$A = (id, uri, x, y, width, height) => {
   const fileName = pathBaseName(uri);
   const languageId = getLanguageId$1(fileName);
-  const state = create$D(id, uri, languageId);
+  const state = create$B(id, uri, languageId);
   const newState = setBounds(state, x, y, width, height, COLUMN_WIDTH);
   return {
     ...newState,
@@ -20615,7 +21025,7 @@ const resize$l = (state, dimensions) => {
   const newState = setBounds(state, dimensions.x, dimensions.y, dimensions.width, dimensions.height, state.columnWidth);
   return newState;
 };
-const dispose$o = state => {
+const dispose$p = state => {
   removeConnectedEditor(state.id);
 };
 const hasFunctionalRender$u = true;
@@ -20999,8 +21409,8 @@ const ViewletEditorText_ipc = {
   Events: Events$5,
   contentLoaded: contentLoaded$7,
   contentLoadedEffects: contentLoadedEffects$2,
-  create: create$C,
-  dispose: dispose$o,
+  create: create$A,
+  dispose: dispose$p,
   focus: focus$7,
   getDynamicCss: getDynamicCss$1,
   getKeyBindings: getKeyBindings$c,
@@ -21017,7 +21427,7 @@ const ViewletEditorText_ipc = {
   saveState: saveState$b
 };
 
-const create$B = (id, uri, x, y, width, height) => {
+const create$z = (id, uri, x, y, width, height) => {
   return {
     id,
     uri,
@@ -21075,12 +21485,12 @@ const Css$u = ["/css/parts/ViewletEditorWidgetError.css"];
 const ViewletEditorWidgetError_ipc = {
   __proto__: null,
   Css: Css$u,
-  create: create$B,
+  create: create$z,
   render: render$u,
   setError
 };
 
-const create$A = (id, uri, x, y, width, height) => {
+const create$y = (id, uri, x, y, width, height) => {
   return {
     id,
     interval: -1,
@@ -21092,7 +21502,7 @@ const loadContent$y = state => {
     ...state
   };
 };
-const dispose$n = state => {};
+const dispose$o = state => {};
 
 const name$D = 'EmptyEditor';
 const Commands$s = {};
@@ -21100,8 +21510,8 @@ const Commands$s = {};
 const ViewletEmptyEditor_ipc = {
   __proto__: null,
   Commands: Commands$s,
-  create: create$A,
-  dispose: dispose$n,
+  create: create$y,
+  dispose: dispose$o,
   loadContent: loadContent$y,
   name: name$D
 };
@@ -21367,7 +21777,7 @@ const getTopLevelDirents = (root, pathSeparator, excluded) => {
 
 // TODO instead of root string, there should be a root dirent
 
-const create$z = (id, uri, x, y, width, height, args, parentUid) => {
+const create$x = (id, uri, x, y, width, height, args, parentUid) => {
   number$1(id);
   return {
     uid: id,
@@ -22095,7 +22505,7 @@ const handleUpload = async (state, dirents) => {
     }
   }
 };
-const dispose$m = state => {
+const dispose$n = state => {
   if (!state.pendingRequests) {
     return;
   }
@@ -23176,8 +23586,8 @@ const ViewletExplorer_ipc = {
   computeRenamedDirent,
   copyPath: copyPath$3,
   copyRelativePath: copyRelativePath$1,
-  create: create$z,
-  dispose: dispose$m,
+  create: create$x,
+  dispose: dispose$n,
   expandAll,
   getDisplayName: getDisplayName$1,
   getFocusedDirent: getFocusedDirent$1,
@@ -23369,7 +23779,7 @@ const toHtml = async (markdown, {
   return html;
 };
 
-const create$y = (id, uri, x, y, width, height) => {
+const create$w = (id, uri, x, y, width, height) => {
   return {
     name: '',
     uri,
@@ -24066,7 +24476,7 @@ const ViewletExtensionDetail_ipc = {
   Commands: Commands$q,
   Css: Css$s,
   LazyCommands: LazyCommands$b,
-  create: create$y,
+  create: create$w,
   handleIconError,
   hasFunctionalRender: hasFunctionalRender$s,
   hasFunctionalResize: hasFunctionalResize$e,
@@ -24316,7 +24726,7 @@ const saveState$9 = state => {
     searchValue
   };
 };
-const create$x = (id, uri, x, y, width, height) => {
+const create$v = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     searchValue: '',
@@ -24330,7 +24740,7 @@ const create$x = (id, uri, x, y, width, height) => {
     message: '',
     focused: false,
     size: None$b,
-    ...create$O({
+    ...create$M({
       itemHeight: ExtensionListItemHeight,
       minimumSliderSize: minimumSliderSize,
       headerHeight: 41
@@ -24361,7 +24771,7 @@ const loadContent$v = async (state, savedState) => {
   // TODO get installed extensions from extension host
   // TODO just get local extensions on demand (not when query string is already different)
 };
-const dispose$l = () => {};
+const dispose$m = () => {};
 
 // TODO lazyload this
 
@@ -24855,8 +25265,8 @@ const ViewletExtensions_ipc = {
   Css: Css$r,
   LazyCommands: LazyCommands$a,
   closeSuggest,
-  create: create$x,
-  dispose: dispose$l,
+  create: create$v,
+  dispose: dispose$m,
   getKeyBindings: getKeyBindings$a,
   handleBlur: handleBlur$5,
   handleDisable,
@@ -24877,7 +25287,7 @@ const ViewletExtensions_ipc = {
   toggleSuggest
 };
 
-const create$w = uid => {
+const create$u = uid => {
   return {
     value: '',
     ariaAnnouncement: '',
@@ -25191,7 +25601,7 @@ const ViewletFindWidget_ipc = {
   Css: Css$q,
   LazyCommands: LazyCommands$9,
   close: close$5,
-  create: create$w,
+  create: create$u,
   focusFirst: focusFirst$9,
   focusIndex: focusIndex$8,
   focusLast: focusLast$9,
@@ -25390,7 +25800,7 @@ const previousNoCycle = (items, index) => {
   return index === 0 ? 0 : index - 1;
 };
 
-const create$v = (id, uri, x, y, width, height, args) => {
+const create$t = (id, uri, x, y, width, height, args) => {
   return {
     references: [],
     message: '',
@@ -25415,7 +25825,7 @@ const loadContent$t = async (state, getReferences) => {
     message
   };
 };
-const dispose$k = state => {
+const dispose$l = state => {
   return {
     ...state,
     disposed: true
@@ -25516,8 +25926,8 @@ const selectCurrent$2 = state => {
 
 const ViewletLocations = {
   __proto__: null,
-  create: create$v,
-  dispose: dispose$k,
+  create: create$t,
+  dispose: dispose$l,
   focusFirst: focusFirst$8,
   focusIndex: focusIndex$7,
   focusLast: focusLast$8,
@@ -25534,7 +25944,7 @@ const getImplementations = () => {
   const editor = getActiveEditor();
   return getImplementations$1(editor);
 };
-const create$u = create$v;
+const create$s = create$t;
 const loadContent$s = async state => {
   return loadContent$t(state, getImplementations);
 };
@@ -25545,7 +25955,7 @@ const contentLoaded$6 = state => {
   });
   return [];
 };
-const dispose$j = dispose$k;
+const dispose$k = dispose$l;
 
 const getLeafVirtualDom = location => {
   const {
@@ -25685,8 +26095,8 @@ const ViewletImplementations_ipc = {
   __proto__: null,
   Commands: Commands$n,
   contentLoaded: contentLoaded$6,
-  create: create$u,
-  dispose: dispose$j,
+  create: create$s,
+  dispose: dispose$k,
   hasFunctionalRender: hasFunctionalRender$p,
   hasFunctionalRootRender: hasFunctionalRootRender$c,
   loadContent: loadContent$s,
@@ -25698,7 +26108,7 @@ const getInlineDiffChanges = (linesLeft, linesRight) => {
   return invoke$2('Diff.diffInline', linesLeft, linesRight);
 };
 
-const create$t = (id, uri, x, y, width, height) => {
+const create$r = (id, uri, x, y, width, height) => {
   return {
     uri,
     linesLeft: [],
@@ -25709,7 +26119,7 @@ const create$t = (id, uri, x, y, width, height) => {
     height,
     languageLeft: '',
     languageRight: '',
-    ...create$O({
+    ...create$M({
       itemHeight: 20
     }),
     lineNumbers: false,
@@ -25940,7 +26350,7 @@ const ViewletInlineDiffEditor_ipc = {
   Commands: Commands$m,
   Css: Css$p,
   LazyCommands: LazyCommands$8,
-  create: create$t,
+  create: create$r,
   getDynamicCss: getDynamicCss$1,
   hasFunctionalRender: hasFunctionalRender$o,
   hasFunctionalRootRender: hasFunctionalRootRender$b,
@@ -25999,7 +26409,7 @@ const parseKeyBindings = keyBindings => {
 // see https://github.com/microsoft/vscode/blob/6a5e3aad96929a7d35e09ed8d22e87a72bd16ff6/src/vs/workbench/services/preferences/browser/keybindingsEditorModel.ts
 // see https://github.com/microsoft/vscode/blob/6a5e3aad96929a7d35e09ed8d22e87a72bd16ff6/src/vs/workbench/contrib/preferences/browser/keybindingsEditor.ts
 
-const create$s = (id, uri, x, y, width, height) => {
+const create$q = (id, uri, x, y, width, height) => {
   return {
     parsedKeyBindings: [],
     filteredKeyBindings: [],
@@ -26748,7 +27158,7 @@ const ViewletKeyBindings_ipc = {
   __proto__: null,
   Commands: Commands$l,
   Css: Css$o,
-  create: create$s,
+  create: create$q,
   focusFirst: focusFirst$7,
   focusLast: focusLast$7,
   focusNext: focusNext$9,
@@ -27045,7 +27455,7 @@ const getPoints = (source, destination, sideBarLocation = Right$1) => {
     destination[PreviewVisible] = previewVisible;
   }
 };
-const create$r = id => {
+const create$p = id => {
   number$1(id);
   return {
     points: new Uint16Array(Total),
@@ -28299,7 +28709,7 @@ const ViewletLayout_ipc = {
   Commands: Commands$k,
   CommandsWithSideEffects: CommandsWithSideEffects$1,
   Css: Css$n,
-  create: create$r,
+  create: create$p,
   getInitialPlaceholderCommands,
   getKeyBindings: getKeyBindings$7,
   getPoints,
@@ -28556,35 +28966,6 @@ const Dirty = 1;
 const Preview = 1 << 4;
 const Hovered = 1 << 5;
 
-const getWebViewsNode = async () => {
-  const webViews = await invoke$7('ExtensionHost.getWebViews');
-  return webViews;
-};
-
-const getWebViewsWeb = async () => {
-  const url = `${assetDir}/config/webViews.json`;
-  // TODO move this to shared-process-web / network-process-web
-  // TODO handle error ?
-  return execute$4(/* Ajax.getJson */'Ajax.getJson', /* url */url);
-};
-
-const getWebViewsDefault = async () => {
-  switch (platform) {
-    case Web$1:
-      return getWebViewsWeb();
-    case Test$1:
-      return [];
-    default:
-      return getWebViewsNode();
-  }
-};
-const getWebViews = async () => {
-  const nodeWebViews = await getWebViewsDefault();
-  const registeredWebViews = get$4();
-  const allWebViews = [...nodeWebViews, ...registeredWebViews];
-  return allWebViews;
-};
-
 const mapExtToEditorType = {
   '.png': EditorImage$2,
   '.DirIcon': EditorImage$2,
@@ -29093,7 +29474,7 @@ const hydrateLazy = async () => {
   // TODO this should be in extension host
   await execute$4(/* EditorDiagnostics.hydrate */'EditorDiagnostics.hydrate');
 };
-const create$q = (id, uri, x, y, width, height) => {
+const create$o = (id, uri, x, y, width, height) => {
   return {
     groups: [],
     activeGroupIndex: -1,
@@ -29555,7 +29936,7 @@ const handleDragOver$1 = (state, eventX, eventY) => {
     dragOverlayVisible: true
   };
 };
-const dispose$i = () => {};
+const dispose$j = () => {};
 const handleClickClose$1 = (state, button, index) => {
   if (button !== LeftClick) {
     return state;
@@ -29950,8 +30331,8 @@ const ViewletMain_ipc = {
   LazyCommands: LazyCommands$7,
   Variables: Variables$7,
   contentLoaded: contentLoaded$5,
-  create: create$q,
-  dispose: dispose$i,
+  create: create$o,
+  dispose: dispose$j,
   focus: focus$5,
   getChildren: getChildren$4,
   getKeyBindings: getKeyBindings$6,
@@ -29975,7 +30356,7 @@ const ViewletMain_ipc = {
   saveWithoutFormatting
 };
 
-const create$p = (id, uri, x, y, width, height) => {
+const create$n = (id, uri, x, y, width, height) => {
   return {
     id,
     interval: -1,
@@ -29994,7 +30375,7 @@ const loadContent$n = state => {
 
 // TODO use contentLoadedEffects
 
-const dispose$h = state => {
+const dispose$i = state => {
   clearInterval(state.interval);
   state.interval = -1;
   state.disposed = true;
@@ -30006,13 +30387,13 @@ const Commands$i = {};
 const ViewletMarkDownPreview_ipc = {
   __proto__: null,
   Commands: Commands$i,
-  create: create$p,
-  dispose: dispose$h,
+  create: create$n,
+  dispose: dispose$i,
   loadContent: loadContent$n,
   name: name$t
 };
 
-const create$o = id => {
+const create$m = id => {
   return {
     disposed: false
   };
@@ -30021,7 +30402,7 @@ const loadContent$m = async state => {
   console.log('noop');
   return state;
 };
-const dispose$g = state => {
+const dispose$h = state => {
   return {
     ...state,
     disposed: true
@@ -30033,8 +30414,8 @@ const Commands$h = {};
 const ViewletNoop_ipc = {
   __proto__: null,
   Commands: Commands$h,
-  create: create$o,
-  dispose: dispose$g,
+  create: create$m,
+  dispose: dispose$h,
   loadContent: loadContent$m
 };
 
@@ -30074,7 +30455,7 @@ const getOptions = async () => {
   return options;
 };
 
-const create$n = uid => {
+const create$l = uid => {
   return {
     uid,
     selectedIndex: -1,
@@ -30128,7 +30509,7 @@ const handleError = async (state, data) => {
     text: newText
   };
 };
-const dispose$f = async state => {
+const dispose$g = async state => {
   state.disposed = true;
   // TODO close output channel in shared process
   await close$3('Output');
@@ -30231,8 +30612,8 @@ const ViewletOutput_ipc = {
   Css: Css$l,
   closeFindWidget,
   contentLoaded: contentLoaded$4,
-  create: create$n,
-  dispose: dispose$f,
+  create: create$l,
+  dispose: dispose$g,
   handleData: handleData$1,
   handleError,
   hasFunctionalRender: hasFunctionalRender$k,
@@ -30268,7 +30649,7 @@ const handleClickAction = async (state, index, command) => {
   return state;
 };
 
-const create$m = (id, uri, x, y, width, height) => {
+const create$k = (id, uri, x, y, width, height) => {
   return {
     currentViewletId: '',
     currentViewlet: undefined,
@@ -30352,7 +30733,7 @@ const getChildren$3 = state => {
     ...getContentDimensions$1(state)
   }];
 };
-const dispose$e = state => {
+const dispose$f = state => {
   return {
     ...state,
     disposed: true
@@ -30503,8 +30884,8 @@ const ViewletPanel_ipc = {
   Css: Css$k,
   Variables: Variables$6,
   contentLoaded: contentLoaded$3,
-  create: create$m,
-  dispose: dispose$e,
+  create: create$k,
+  dispose: dispose$f,
   getChildren: getChildren$3,
   handleClickAction,
   handleFilterInput: handleFilterInput$1,
@@ -30704,7 +31085,7 @@ const viewAsTable$1 = () => {
   return i18nString(UiStrings$b.ViewAsTable);
 };
 
-const create$l = (id, uri, x, y, width, height, args, parentUid) => {
+const create$j = (id, uri, x, y, width, height, args, parentUid) => {
   return {
     uid: id,
     parentUid,
@@ -30849,7 +31230,7 @@ const copyMessage = async state => {
   await execute$4('ClipBoard.writeText', problem.message);
   return state;
 };
-const dispose$d = state => {
+const dispose$e = state => {
   return {
     ...state,
     disposed: true
@@ -31535,8 +31916,8 @@ const ViewletProblems_ipc = {
   collapseAll: collapseAll$2,
   contentLoadedEffects: contentLoadedEffects$1,
   copyMessage,
-  create: create$l,
-  dispose: dispose$d,
+  create: create$j,
+  dispose: dispose$e,
   focusIndex: focusIndex$5,
   focusNext: focusNext$7,
   focusPrevious: focusPrevious$7,
@@ -31927,7 +32308,7 @@ const QuickPickState = {
   Creating: 1,
   Finished: 2
 };
-const create$k = (id, uri, x, y, width, height, args) => {
+const create$i = (id, uri, x, y, width, height, args) => {
   return {
     uid: id,
     state: QuickPickState.Default,
@@ -31946,7 +32327,7 @@ const create$k = (id, uri, x, y, width, height, args) => {
     height: 300,
     top: 50,
     width: 600,
-    ...create$O({
+    ...create$M({
       itemHeight: ListItem,
       headerHeight: 30,
       minimumSliderSize: minimumSliderSize
@@ -32003,7 +32384,7 @@ const loadContent$i = async state => {
     focused: true
   };
 };
-const dispose$c = state => {
+const dispose$d = state => {
   return state;
 };
 const handleBlur$1 = async state => {
@@ -32358,8 +32739,8 @@ const ViewletQuickPick_ipc = {
   Css: Css$i,
   LazyCommands: LazyCommands$6,
   Variables: Variables$5,
-  create: create$k,
-  dispose: dispose$c,
+  create: create$i,
+  dispose: dispose$d,
   getKeyBindings: getKeyBindings$4,
   handleBlur: handleBlur$1,
   handleClickAt: handleClickAt$2,
@@ -32455,7 +32836,7 @@ const getReferences = async () => {
 const getFileReferences = async (id, languageId) => {
   return getFileReferences$1(id, languageId);
 };
-const create$j = create$v;
+const create$h = create$t;
 
 // TODO speed up this function by 130% by not running activation event (onReferences) again and again
 // e.g. (21ms activation event, 11ms getReferences) => (11ms getReferences)
@@ -32478,7 +32859,7 @@ const contentLoaded$2 = state => {
   });
   return [];
 };
-const dispose$b = dispose$k;
+const dispose$c = dispose$l;
 
 /**
  * @enum {string}
@@ -32538,8 +32919,8 @@ const ViewletReferences_ipc = {
   Commands: Commands$c,
   Css: Css$h,
   contentLoaded: contentLoaded$2,
-  create: create$j,
-  dispose: dispose$b,
+  create: create$h,
+  dispose: dispose$c,
   getActions: getActions$3,
   getDisplayName,
   hasFunctionalRender: hasFunctionalRender$p,
@@ -32933,7 +33314,7 @@ const None$3 = 0;
 
 const None$2 = 'none';
 
-const create$i = (id, uri, x, y, width, height, args, parentUid) => {
+const create$g = (id, uri, x, y, width, height, args, parentUid) => {
   return {
     id,
     parentUid,
@@ -33312,7 +33693,7 @@ const handleClickCheckBox = (state, name) => {
 };
 
 // TODO make sure dispose is actually called
-const dispose$a = state => {
+const dispose$b = state => {
   return {
     ...state,
     disposed: true
@@ -34027,8 +34408,8 @@ const ViewletRunAndDebug_ipc = {
   Events: Events$3,
   Variables: Variables$4,
   contentLoaded: contentLoaded$1,
-  create: create$i,
-  dispose: dispose$a,
+  create: create$g,
+  dispose: dispose$b,
   focusNext: focusNext$6,
   focusPrevious: focusPrevious$6,
   getKeyBindings: getKeyBindings$3,
@@ -34077,7 +34458,7 @@ const getUserMedia = async (captureId, options) => {
   object(options);
   await invoke$8('ScreenCapture.start', captureId, options);
 };
-const dispose$9 = async captureId => {
+const dispose$a = async captureId => {
   number$1(captureId);
   await invoke$8('ScreenCapture.dispose', captureId);
 };
@@ -34110,7 +34491,7 @@ const createScreenCaptureStream = async captureId => {
   });
 };
 
-const create$h = (id, uri) => {
+const create$f = (id, uri) => {
   return {
     id,
     uid: id,
@@ -34126,12 +34507,12 @@ const loadContent$f = async state => {
     captureId
   };
 };
-const dispose$8 = async state => {
+const dispose$9 = async state => {
   // TODO race condition
   const {
     captureId
   } = state;
-  await dispose$9(captureId);
+  await dispose$a(captureId);
 };
 
 const renderMessage = {
@@ -34150,8 +34531,8 @@ const Css$f = ["/css/parts/ViewletScreenCapture.css"];
 const ViewletScreenCapture_ipc = {
   __proto__: null,
   Css: Css$f,
-  create: create$h,
-  dispose: dispose$8,
+  create: create$f,
+  dispose: dispose$9,
   hasFunctionalRender: hasFunctionalRender$f,
   loadContent: loadContent$f,
   render: render$f
@@ -34458,7 +34839,7 @@ const ViewletSearchHandleUpdate = {
   handleUpdate
 };
 
-const create$g = (id, uri, x, y, width, height) => {
+const create$e = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     searchResults: [],
@@ -34471,7 +34852,7 @@ const create$g = (id, uri, x, y, width, height) => {
     y,
     width,
     height,
-    ...create$O({
+    ...create$M({
       itemHeight: ListItem,
       minimumSliderSize: minimumSliderSize,
       headerHeight: 61 // TODO
@@ -34552,7 +34933,7 @@ const handleIconThemeChange$1 = state => {
     items: newItems
   };
 };
-const dispose$7 = async state => {
+const dispose$8 = async state => {
   // TODO cancel pending search
   // @ts-ignore
   if (state.state === 'searching') {
@@ -35212,8 +35593,8 @@ const ViewletSearch_ipc = {
   Commands: Commands$a,
   Css: Css$e,
   LazyCommands: LazyCommands$5,
-  create: create$g,
-  dispose: dispose$7,
+  create: create$e,
+  dispose: dispose$8,
   focusMatchCase,
   focusMatchCasePrevious,
   focusMatchWholeWord,
@@ -35244,7 +35625,7 @@ const ViewletSearch_ipc = {
   submit
 };
 
-const create$f = (id, uri, x, y, width, height) => {
+const create$d = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     currentViewletId: '',
@@ -35390,7 +35771,7 @@ const openViewlet = async (state, moduleId, focus = false, args) => {
     ...state
   };
 };
-const dispose$6 = state => {
+const dispose$7 = state => {
   // state.currentViewletId = undefined
 };
 const openDefaultViewlet = async state => {
@@ -35398,7 +35779,7 @@ const openDefaultViewlet = async state => {
 };
 const close$2 = state => {
   if (state.currentViewletId) {
-    dispose$x(state.currentViewletId);
+    dispose$y(state.currentViewletId);
   }
   state.currentViewletId = undefined;
   // RendererProcess.send([/* sideBarHide */ 5552, /* id */ id])
@@ -35478,8 +35859,8 @@ const ViewletSideBar_ipc = {
   Css: Css$d,
   close: close$2,
   contentLoaded,
-  create: create$f,
-  dispose: dispose$6,
+  create: create$d,
+  dispose: dispose$7,
   focus: focus$4,
   getChildren: getChildren$2,
   handleClickAction,
@@ -35509,7 +35890,7 @@ const launchEmbedsWorker = async () => {
 const {
   invoke: invoke$1,
   invokeAndTransfer,
-  dispose: dispose$5
+  dispose: dispose$6
 } = getOrCreateWorker(launchEmbedsWorker);
 
 const state$4 = {
@@ -35523,7 +35904,7 @@ const disposeWebContentsView = async id => {
   await invoke$1('ElectronWebContentsView.disposeWebContentsView', id);
   state$4.refs--;
   if (state$4.refs === 0) {
-    await dispose$5();
+    await dispose$6();
   }
 };
 
@@ -35597,7 +35978,7 @@ const isValidHttpUrl = string => {
     return false;
   }
 };
-const createUrl$1 = (baseUrl, params) => {
+const createUrl = (baseUrl, params) => {
   return baseUrl + '?' + new URLSearchParams(params).toString();
 };
 const createSearchUrlWithGoogle = input => {
@@ -35605,7 +35986,7 @@ const createSearchUrlWithGoogle = input => {
   const params = {
     q: input
   };
-  return createUrl$1(searchUrl, params);
+  return createUrl(searchUrl, params);
 };
 
 // TODO add preference option for search engine
@@ -35653,7 +36034,7 @@ const getShortCuts = () => {
 
 // based on vscode's simple browser by Microsoft (https://github.com/microsoft/vscode/blob/e8fe2d07d31f30698b9262dd5e1fcc59a85c6bb1/extensions/simple-browser/src/extension.ts, License MIT)
 
-const create$e = (id, uri, x, y, width, height) => {
+const create$c = (id, uri, x, y, width, height) => {
   return {
     id,
     uid: id,
@@ -35866,7 +36247,7 @@ const handleTitleUpdated = async (state, title) => {
   await emitEvent('titleUpdated', uid, title);
   return state;
 };
-const dispose$4 = async state => {
+const dispose$5 = async state => {
   const {
     browserViewId
   } = state;
@@ -36137,8 +36518,8 @@ const ViewletSimpleBrowser_ipc = {
   Events: Events$2,
   LazyCommands: LazyCommands$4,
   backgroundLoadContent,
-  create: create$e,
-  dispose: dispose$4,
+  create: create$c,
+  dispose: dispose$5,
   getKeyBindings: getKeyBindings$1,
   go: go$1,
   handleDidNavigate,
@@ -36374,7 +36755,7 @@ const loadContent$b = async state => {
 
 // TODO when accept input is invoked multiple times, it should not lead to errors
 
-const create$d = (id, uri, x, y, width, height) => {
+const create$b = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     x,
@@ -36394,14 +36775,14 @@ const create$d = (id, uri, x, y, width, height) => {
     buttons: [],
     providerId: '',
     splitButtonEnabled: false,
-    ...create$O({
+    ...create$M({
       itemHeight: 20,
       headerHeight: 60,
       minimumSliderSize: 20
     })
   };
 };
-const dispose$3 = state => {
+const dispose$4 = state => {
   return {
     ...state,
     disposed: true
@@ -36891,8 +37272,8 @@ const ViewletSourceControl_ipc = {
   Css: Css$b,
   Events: Events$1,
   LazyCommands: LazyCommands$3,
-  create: create$d,
-  dispose: dispose$3,
+  create: create$b,
+  dispose: dispose$4,
   handleIconThemeChange,
   handleInput: handleInput$1,
   handleMouseOut: handleMouseOut$1,
@@ -36963,7 +37344,7 @@ const itemsVisible = () => {
   return statusBarItemsPreference;
 };
 
-const create$c = () => {
+const create$a = () => {
   return {
     statusBarItemsLeft: [],
     statusBarItemsRight: []
@@ -37129,7 +37510,7 @@ const ViewletStatusBar_ipc = {
   Css: Css$a,
   Variables: Variables$3,
   contentLoadedEffects,
-  create: create$c,
+  create: create$a,
   handleClick: handleClick$6,
   hasFunctionalRender: hasFunctionalRender$a,
   hasFunctionalResize: hasFunctionalResize$6,
@@ -37144,7 +37525,7 @@ const ViewletStatusBar_ipc = {
   updateStatusBarItems
 };
 
-const create$b = (id, uri) => {
+const create$9 = (id, uri) => {
   return {
     uid: id,
     localStorage: {},
@@ -37232,7 +37613,7 @@ const Css$9 = ["/css/parts/ViewletStorage.css"];
 const ViewletStorage_ipc = {
   __proto__: null,
   Css: Css$9,
-  create: create$b,
+  create: create$9,
   hasFunctionalRender: hasFunctionalRender$9,
   loadContent: loadContent$9,
   render: render$9
@@ -37244,7 +37625,7 @@ const getTerminalSpawnOptions = () => {
 
 // TODO implement a functional terminal component, maybe using offscreencanvas
 
-const create$a = id => {
+const create$8 = id => {
   number$1(id);
   const separateConnection = true;
   return {
@@ -37306,7 +37687,7 @@ const handleData = async (state, data) => {
   } = state;
   terminal.write(data);
 };
-const dispose$2 = async state => {
+const dispose$3 = async state => {
   const {
     uid,
     terminal
@@ -37406,8 +37787,8 @@ const ViewletTerminal_ipc = {
   Commands: Commands$5,
   Css: Css$8,
   clear,
-  create: create$a,
-  dispose: dispose$2,
+  create: create$8,
+  dispose: dispose$3,
   getActions,
   handleBlur,
   handleData,
@@ -37422,7 +37803,7 @@ const ViewletTerminal_ipc = {
   resizeEffect
 };
 
-const create$9 = (id, uri, x, y, width, height) => {
+const create$7 = (id, uri, x, y, width, height) => {
   number$1(id);
   return {
     disposed: false,
@@ -37659,7 +38040,7 @@ const ViewletTerminals_ipc = {
   Commands: Commands$4,
   Css: Css$7,
   addTerminal,
-  create: create$9,
+  create: create$7,
   focusIndex: focusIndex$4,
   getChildren: getChildren$1,
   handleClickTab,
@@ -37671,7 +38052,7 @@ const ViewletTerminals_ipc = {
   resize: resize$6
 };
 
-const create$8 = (id, uri, x, y, width, height) => {
+const create$6 = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     disposed: false,
@@ -37807,7 +38188,7 @@ const ViewletTitleBar_ipc = {
   Css: Css$6,
   LazyCommands: LazyCommands$2,
   Variables: Variables$2,
-  create: create$8,
+  create: create$6,
   getChildren,
   handleFocusChange,
   hasFunctionalRender: hasFunctionalRender$6,
@@ -37876,7 +38257,7 @@ const get$1 = () => {
   }
 };
 
-const create$7 = (id, uri, x, y, width, height) => {
+const create$5 = (id, uri, x, y, width, height) => {
   return {
     buttons: [],
     x,
@@ -37916,7 +38297,7 @@ const handleWindowDidUnmaximize = state => {
 const handleWindowDidMaximize = state => {
   return setButton(state, 'Restore');
 };
-const dispose$1 = state => {
+const dispose$2 = state => {
   return {
     ...state,
     disposed: true
@@ -37995,8 +38376,8 @@ const ViewletTitleBarButtons_ipc = {
   Events,
   LazyCommands: LazyCommands$1,
   Variables: Variables$1,
-  create: create$7,
-  dispose: dispose$1,
+  create: create$5,
+  dispose: dispose$2,
   handleWindowDidMaximize,
   handleWindowDidMinimize,
   handleWindowDidUnmaximize,
@@ -38009,7 +38390,7 @@ const ViewletTitleBarButtons_ipc = {
   resize: resize$4
 };
 
-const create$6 = (id, uri, x, y, width, height) => {
+const create$4 = (id, uri, x, y, width, height) => {
   return {
     x,
     y,
@@ -38064,7 +38445,7 @@ const name$b = 'TitleBarIcon';
 const ViewletTitleBarIcon_ipc = {
   __proto__: null,
   Css: Css$4,
-  create: create$6,
+  create: create$4,
   hasFunctionalRender: hasFunctionalRender$4,
   hasFunctionalResize: hasFunctionalResize$3,
   hasFunctionalRootRender: hasFunctionalRootRender$3,
@@ -38084,7 +38465,7 @@ const getEntries = () => {
   return getMenuEntries$j(TitleBar$1);
 };
 
-const create$5 = (id, uri, x, y, width, height) => {
+const create$3 = (id, uri, x, y, width, height) => {
   return {
     uid: id,
     titleBarEntries: [],
@@ -38364,7 +38745,7 @@ const ViewletTitleBarMenuBar_ipc = {
   Css: Css$3,
   LazyCommands,
   Variables,
-  create: create$5,
+  create: create$3,
   getKeyBindings,
   hasFunctionalRender: hasFunctionalRender$3,
   hasFunctionalResize: hasFunctionalResize$2,
@@ -38376,7 +38757,7 @@ const ViewletTitleBarMenuBar_ipc = {
   resize: resize$2
 };
 
-const create$4 = (id, uri, x, y, width, height) => {
+const create$2 = (id, uri, x, y, width, height) => {
   return {
     x,
     y,
@@ -38420,7 +38801,7 @@ const name$9 = 'TitleBarIcon';
 const ViewletTitleBarTitle_ipc = {
   __proto__: null,
   Css: Css$2,
-  create: create$4,
+  create: create$2,
   hasFunctionalRender: hasFunctionalRender$2,
   hasFunctionalResize: hasFunctionalResize$1,
   loadContent: loadContent$2,
@@ -38441,7 +38822,7 @@ const failedToLoadVideo = message => {
   });
 };
 
-const create$3 = (id, uri) => {
+const create$1 = (id, uri) => {
   return {
     uri,
     src: '',
@@ -38468,7 +38849,7 @@ const handleVideoError = (state, code, message) => {
     audioErrorMessage: improvedMessage
   };
 };
-const dispose = async state => {
+const dispose$1 = async state => {
   const {
     src
   } = state;
@@ -38512,8 +38893,8 @@ const ViewletVideo_ipc = {
   __proto__: null,
   Commands: Commands$1,
   Css: Css$1,
-  create: create$3,
-  dispose,
+  create: create$1,
+  dispose: dispose$1,
   handleVideoError,
   hasFunctionalRender: hasFunctionalRender$1,
   hasFunctionalRootRender: hasFunctionalRootRender$1,
@@ -38530,346 +38911,6 @@ const getWebViewPort = () => {
   return '3002';
 };
 
-const createUrl = (protocol, host) => {
-  return protocol + '//' + host;
-};
-
-const createLocalHostUrl = (locationProtocol, locationHost, isGitpod, webViewPort) => {
-  if (isGitpod) {
-    return createUrl(locationProtocol, locationHost.replace('3000', `${webViewPort}`));
-  }
-  return `http://localhost:${webViewPort}`;
-};
-
-const getWebViewHtml = (baseUrl, locationOrigin, elements) => {
-  if (!elements) {
-    return '';
-  }
-  const middle = [];
-  middle.push('<meta charset="utf-8">');
-  for (const element of elements) {
-    if (element.type === 'title') {
-      middle.push(`<title>${element.value}</title>`);
-    } else if (element.type === 'script') {
-      middle.push(`<script type="module" src="${locationOrigin}${assetDir}/js/preview-injected.js"></script>`);
-      middle.push(`<script type="module" src="${locationOrigin}${baseUrl}/${element.path}"></script>`);
-    } else if (element.type === 'css') {
-      middle.push(`<link rel="stylesheet" href="${locationOrigin}${baseUrl}/${element.path}" />`);
-    }
-  }
-  const middleHtml = middle.join('\n    ');
-  let html = `<!DOCTYPE html>
-<html>
-  <head>
-    ${middleHtml}
-  </head>
-</html>
-`;
-  return html;
-};
-
-const WebView = 'lvce-oss-webview';
-
-const getWebView$1 = (webViews, webViewId) => {
-  for (const webView of webViews) {
-    if (webView.id === webViewId) {
-      return webView;
-    }
-  }
-  return undefined;
-};
-const getWebViewPath = (webViews, webViewId) => {
-  const webView = getWebView$1(webViews, webViewId);
-  if (!webView) {
-    return '';
-  }
-  return webView.path;
-};
-const getWebViewUri = (webViews, webViewId) => {
-  const webViewPath = getWebViewPath(webViews, webViewId);
-  if (!webViewPath) {
-    return '';
-  }
-  if (webViewPath.startsWith('/')) {
-    // TODO make it work on windows also
-    return `file://${webViewPath}`;
-  }
-  return webViewPath;
-};
-const getIframeSrcRemote = (webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root) => {
-  const webView = getWebView$1(webViews, webViewId);
-  const webViewUri = getWebViewUri(webViews, webViewId);
-  if (!webViewUri) {
-    return undefined;
-  }
-  let iframeSrc = webViewUri;
-  let webViewRoot = webViewUri;
-  if (platform === Electron$1) {
-    const relativePath = new URL(webViewUri).pathname.replace('/index.html', '');
-    iframeSrc = `${WebView}://-${relativePath}/`;
-    // TODO
-  } else if (platform === Remote) {
-    const relativePath = new URL(webViewUri).pathname.replace('/index.html', '');
-    if (webViewUri.startsWith('file://')) {
-      // ignore
-      webViewRoot = webViewUri.slice('file://'.length).replace('/index.html', '');
-    } else {
-      webViewRoot = root + relativePath;
-    }
-    iframeSrc = createLocalHostUrl(locationProtocol, locationHost, isGitpod, webViewPort);
-  }
-  let iframeContent = getWebViewHtml('', '', webView.elements);
-  // TODO either
-  // - load webviews the same as in web using blob urls
-  // - load webviews from a pattern like /webviews/:id/:fileName
-  iframeContent = iframeContent.replaceAll('/media/', '/').replaceAll('//', '/');
-  return {
-    srcDoc: '',
-    iframeSrc,
-    webViewRoot,
-    iframeContent
-  };
-};
-
-const getBlobUrl = (content, contentType) => {
-  const blob = new Blob([content], {
-    type: contentType
-  });
-  const url = URL.createObjectURL(blob); // TODO dispose
-  return url;
-};
-
-const getDefaultBaseUrl = webView => {
-  const {
-    remotePath,
-    path
-  } = webView;
-  if (remotePath) {
-    if (remotePath.endsWith('/index.html')) {
-      return remotePath.slice(0, -'/index.html'.length);
-    }
-    return remotePath;
-  }
-  if (path) {
-    if (path.endsWith('/index.html')) {
-      return path.slice(0, -'/index.html'.length);
-    }
-    return path;
-  }
-  return '';
-};
-const getWebViewBaseUrl = webView => {
-  const defaultBaseUrl = getDefaultBaseUrl(webView);
-  return defaultBaseUrl;
-};
-
-const getIframeSrc$1 = (webView, locationOrigin) => {
-  const baseUrl = getWebViewBaseUrl(webView);
-  const srcHtml = getWebViewHtml(baseUrl, locationOrigin, webView.elements);
-  if (srcHtml) {
-    const blobUrl = getBlobUrl(srcHtml, 'text/html');
-    return {
-      srcDoc: '',
-      iframeSrc: blobUrl,
-      webViewRoot: '',
-      iframeContent: ''
-    };
-  }
-  return undefined;
-};
-
-const getWebView = (webViews, webViewId) => {
-  for (const webView of webViews) {
-    if (webView.id === webViewId) {
-      return webView;
-    }
-  }
-  return undefined;
-};
-
-const getIframeSrc = (webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin) => {
-  try {
-    const webView = getWebView(webViews, webViewId);
-    if (platform === Web$1) {
-      return getIframeSrc$1(webView, locationOrigin);
-    }
-    return getIframeSrcRemote(webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root);
-  } catch (error) {
-    throw new VError(error, `Failed to construct webview iframe src`);
-  }
-};
-
-const addSemicolon = line => {
-  return line + SemiColon;
-};
-
-const getContentSecurityPolicy = items => {
-  return items.map(addSemicolon).join(Space$2);
-};
-
-const getWebViewCsp = webView => {
-  if (webView && webView.contentSecurityPolicy) {
-    return getContentSecurityPolicy(webView.contentSecurityPolicy);
-  }
-  const csp = getContentSecurityPolicy([`default-src 'none'`, `script-src 'self'`, `style-src 'self'`, `img-src 'self'`, `media-src 'self'`]);
-  return csp;
-};
-
-const getWebViewFrameAncestors = (locationProtocol, locationHost) => {
-  const frameAncestors = createUrl(locationProtocol, locationHost);
-  return frameAncestors;
-};
-
-const getWebViewOrigin = webViewPort => {
-  // TODO don't hardcode protocol
-  let origin = '';
-  if (platform === Electron$1) {
-    origin = `${WebView}://-/`;
-  } else if (platform === Remote) {
-    origin = `http://localhost:${webViewPort}`;
-  } else {
-    origin = '*'; // TODO
-  }
-  return origin;
-};
-
-const AllowScripts = 'allow-scripts';
-const AllowSameOrigin = 'allow-same-origin';
-
-const getIframeSandbox = webView => {
-  const extensionSandbox = webView.sandbox || [];
-  if (platform === Remote) {
-    return [AllowScripts, AllowSameOrigin, ...extensionSandbox]; // TODO maybe disallow same origin
-  }
-  if (platform === Web$1) {
-    return [AllowScripts, ...extensionSandbox];
-  }
-  // TODO set something for electron
-  return [...extensionSandbox];
-};
-
-const isGitpod = getHost().endsWith('.gitpod.io');
-
-const registerProtocol = async () => {
-  await invoke$7('WebViewServer.registerProtocol');
-};
-const create$2 = async previewServerId => {
-  await invoke$7('WebViewServer.create', previewServerId);
-};
-const start = async (previewServerId, webViewPort) => {
-  await invoke$7('WebViewServer.start', previewServerId, webViewPort);
-};
-const setHandler = async (previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent) => {
-  await invoke$7('WebViewServer.setHandler', previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent);
-};
-
-const register$3 = async previewServerId => {
-  await registerProtocol();
-  await create$2(previewServerId); // TODO move this up
-};
-
-const WebViewProtocolElectron = {
-  __proto__: null,
-  register: register$3
-};
-
-const register$2 = async (previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent) => {
-  // TODO apply something similar for electron
-  // TODO pass webview root, so that only these resources can be accessed
-  // TODO pass csp configuration to server
-  // TODO pass coop / coep configuration to server
-  await create$2(previewServerId); // TODO move this up
-  await start(previewServerId, webViewPort); // TODO move this up
-  await setHandler(previewServerId, frameAncestors, webViewRoot, csp, iframeContent);
-  // TODO make this work in gitpod also
-};
-
-const WebViewProtocolRemote = {
-  __proto__: null,
-  register: register$2
-};
-
-const register$1 = async () => {
-  // noop
-};
-
-const WebViewProtocolWeb = {
-  __proto__: null,
-  register: register$1
-};
-
-const getModule$2 = platform => {
-  switch (platform) {
-    case Remote:
-      return WebViewProtocolRemote;
-    case Electron$1:
-      return WebViewProtocolElectron;
-    case Web$1:
-    default:
-      return WebViewProtocolWeb;
-  }
-};
-const register = async (previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent) => {
-  const module = getModule$2(platform);
-  return module.register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
-};
-
-const create$1 = async (id, webViewPort, webViewId, previewServerId, uri) => {
-  let root = '';
-  if (platform === Remote) {
-    root = await invoke$7('Platform.getRoot');
-  }
-  const webViews = await getWebViews();
-  const locationProtocol = getProtocol();
-  const locationHost = getHost();
-  const locationOrigin = getOrigin();
-  const iframeResult = getIframeSrc(webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin);
-  if (!iframeResult) {
-    return undefined;
-  }
-  const webView = getWebView(webViews, webViewId);
-  const {
-    iframeSrc,
-    webViewRoot,
-    srcDoc,
-    iframeContent
-  } = iframeResult;
-  const frameAncestors = getWebViewFrameAncestors(locationProtocol, locationHost);
-
-  // TODO figure out order for events, e.g.
-  // 1. activate extension, create webview and ports in parallel
-  // 2. wait for webview to load (?)
-  // 3. setup extension host worker rpc
-  // 4. create webview in extension host worker and load content
-
-  const csp = getWebViewCsp(webView); // TODO only in web
-  const sandbox = getIframeSandbox(webView);
-  const iframeCsp = platform === Web$1 ? csp : '';
-  const credentialless = true;
-  await activateByEvent(`onWebView:${webViewId}`);
-  const {
-    port1,
-    port2
-  } = getPortTuple();
-  const portId = create$1a();
-  await register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
-  await invoke$8('WebView.create', id, iframeSrc, sandbox, srcDoc, csp, credentialless);
-  await invoke$8('WebView.load', id);
-  const origin = getWebViewOrigin(webViewPort);
-  await invokeAndTransfer$7('WebView.setPort', id, port1, origin);
-
-  // TODO split up into create and load
-  await invokeAndTransfer$5('ExtensionHostWebView.create', webViewId, port2, uri);
-  return {
-    srcDoc,
-    iframeSrc,
-    sandbox,
-    portId,
-    origin,
-    csp: iframeCsp
-  };
-};
-
 const create = (id, uri, x, y, width, height) => {
   return {
     id,
@@ -38911,7 +38952,7 @@ const loadContent = async state => {
   } = state;
   const webViewId = await getWebViewId(uri);
   const webViewPort = getWebViewPort();
-  const webViewResult = await create$1(id, webViewPort, webViewId, previewServerId, uri);
+  const webViewResult = await create$X(id, webViewPort, webViewId, previewServerId, uri);
   if (!webViewResult) {
     return state;
   }
@@ -38940,6 +38981,10 @@ const resize = (state, dimensions) => {
     ...dimensions
   };
 };
+const dispose = async state => {
+  await invoke$8('WebView.dispose', state.uid);
+  return state;
+};
 
 const Commands = {};
 
@@ -38964,6 +39009,7 @@ const ViewletWebView_ipc = {
   Commands,
   Css,
   create,
+  dispose,
   hasFunctionalRender,
   hasFunctionalResize,
   hasFunctionalRootRender,