@lvce-editor/extension-host-worker 5.14.0 → 5.16.0

package/dist/extensionHostWorkerMain.js

@@ -324,7 +324,7 @@ const syncIncremental = (textDocumentId, changes) => {
   textDocument.text = before + syntheticChange.inserted + after;
   runListenersSafe(getDidChangeListeners(), textDocument, syntheticChanges);
 };
-const get$b = textDocumentId => {
+const get$c = textDocumentId => {
   const textDocument = getDocument(textDocumentId);
   return textDocument;
 };
@@ -543,7 +543,7 @@ const registerMethod = ({
 }) => {
   context[`execute${name}Provider`] = async function (textDocumentId, ...params) {
     try {
-      const textDocument = get$b(textDocumentId);
+      const textDocument = get$c(textDocumentId);
       if (!textDocument) {
         throw new Error(`textDocument with id ${textDocumentId} not found`);
       }
@@ -676,7 +676,7 @@ const executeOrganizeImports = async uid => {
   if (!organizeImportsAction) {
     return [];
   }
-  const textDocument = get$b(uid);
+  const textDocument = get$c(uid);
   const edits = await organizeImportsAction.execute(textDocument);
   return edits;
 };
@@ -768,7 +768,7 @@ const rpcs$2 = Object.create(null);
 const set$g = (id, rpc) => {
   rpcs$2[id] = rpc;
 };
-const get$a = id => {
+const get$b = id => {
   return rpcs$2[id];
 };
 
@@ -778,13 +778,13 @@ const create$a = rpcId => {
   return {
     // @ts-ignore
     invoke(method, ...params) {
-      const rpc = get$a(rpcId);
+      const rpc = get$b(rpcId);
       // @ts-ignore
       return rpc.invoke(method, ...params);
     },
     // @ts-ignore
     invokeAndTransfer(method, ...params) {
-      const rpc = get$a(rpcId);
+      const rpc = get$b(rpcId);
       // @ts-ignore
       return rpc.invokeAndTransfer(method, ...params);
     },
@@ -792,7 +792,7 @@ const create$a = rpcId => {
       set$g(rpcId, rpc);
     },
     async dispose() {
-      const rpc = get$a(rpcId);
+      const rpc = get$b(rpcId);
       await rpc.dispose();
     }
   };
@@ -1027,11 +1027,11 @@ const {
 const RendererWorker = 1;
 
 const invoke$2 = (method, ...params) => {
-  const rpc = get$a(RendererWorker);
+  const rpc = get$b(RendererWorker);
   return rpc.invoke(method, ...params);
 };
 const invokeAndTransfer$2 = (method, ...params) => {
-  const rpc = get$a(RendererWorker);
+  const rpc = get$b(RendererWorker);
   return rpc.invokeAndTransfer(method, ...params);
 };
 
@@ -1048,7 +1048,7 @@ const exec = async (command, args, options) => {
 };
 
 const fileSystemProviderMap = Object.create(null);
-const get$9 = protocol => {
+const get$a = protocol => {
   const provider = fileSystemProviderMap[protocol];
   if (!provider) {
     // @ts-ignore
@@ -1056,7 +1056,7 @@ const get$9 = protocol => {
   }
   return provider;
 };
-const set$8 = (id, provider) => {
+const set$a = (id, provider) => {
   if (!id) {
     throw new Error('Failed to register file system provider: missing id');
   }
@@ -1067,11 +1067,11 @@ const registerFileSystemProvider = fileSystemProvider => {
   if (!fileSystemProvider.id) {
     throw new Error('Failed to register file system provider: missing id');
   }
-  set$8(fileSystemProvider.id, fileSystemProvider);
+  set$a(fileSystemProvider.id, fileSystemProvider);
 };
 const readDirWithFileTypes$2 = async (protocol, path) => {
   try {
-    const provider = get$9(protocol);
+    const provider = get$a(protocol);
     return await provider.readDirWithFileTypes(path);
   } catch (error) {
     throw new VError(error, 'Failed to execute file system provider');
@@ -1079,7 +1079,7 @@ const readDirWithFileTypes$2 = async (protocol, path) => {
 };
 const readFile$2 = async (protocol, path) => {
   try {
-    const provider = get$9(protocol);
+    const provider = get$a(protocol);
     return await provider.readFile(path);
   } catch (error) {
     throw new VError(error, 'Failed to execute file system provider');
@@ -1107,7 +1107,7 @@ const readDirWithFileTypesExternal = async path => {
 };
 const rename$1 = async (protocol, oldUri, newUri) => {
   try {
-    const provider = get$9(protocol);
+    const provider = get$a(protocol);
     return await provider.rename(oldUri, newUri);
   } catch (error) {
     throw new VError(error, 'Failed to execute file system provider');
@@ -1115,7 +1115,7 @@ const rename$1 = async (protocol, oldUri, newUri) => {
 };
 const writeFile$2 = async (protocol, uri, content) => {
   try {
-    const provider = get$9(protocol);
+    const provider = get$a(protocol);
     return await provider.writeFile(uri, content);
   } catch (error) {
     throw new VError(error, 'Failed to execute file system provider');
@@ -1123,7 +1123,7 @@ const writeFile$2 = async (protocol, uri, content) => {
 };
 const getPathSeparator = protocol => {
   try {
-    const provider = get$9(protocol);
+    const provider = get$a(protocol);
     return provider.pathSeparator;
   } catch (error) {
     throw new VError(error, 'Failed to execute file system provider');
@@ -1739,10 +1739,10 @@ const create$4$2 = (method, params) => {
   };
 };
 const callbacks = Object.create(null);
-const set$7 = (id, fn) => {
+const set$9 = (id, fn) => {
   callbacks[id] = fn;
 };
-const get$8 = id => {
+const get$9 = id => {
   return callbacks[id];
 };
 const remove$3 = id => {
@@ -1758,7 +1758,7 @@ const registerPromise = () => {
     resolve,
     promise
   } = Promise.withResolvers();
-  set$7(id, resolve);
+  set$9(id, resolve);
   return {
     id,
     promise
@@ -1922,7 +1922,7 @@ const warn$1 = (...args) => {
   console.warn(...args);
 };
 const resolve = (id, response) => {
-  const fn = get$8(id);
+  const fn = get$9(id);
   if (!fn) {
     console.log(response);
     warn$1(`callback ${id} may already be disposed`);
@@ -2570,7 +2570,7 @@ const getExtensionHostSubWorkerUrl = () => {
 };
 const extensionHostSubWorkerUrl = getExtensionHostSubWorkerUrl();
 
-const set$6 = async (url, contentSecurityPolicy) => {
+const set$8 = async (url, contentSecurityPolicy) => {
   const pathName = new URL(url).pathname;
   await invoke$2('ExtensionHostWorkerContentSecurityPolicy.set', pathName, contentSecurityPolicy);
 };
@@ -2590,7 +2590,7 @@ const createLegacyRpc = async ({
   string(name);
   object(commandMap);
   if (contentSecurityPolicy) {
-    await set$6(url, contentSecurityPolicy);
+    await set$8(url, contentSecurityPolicy);
   }
   const rpc = await create$2({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug$1,
@@ -2611,7 +2611,7 @@ const rpcs$1 = Object.create(null);
 const add$1 = (id, rpc) => {
   rpcs$1[id] = rpc;
 };
-const get$7 = id => {
+const get$8 = id => {
   return rpcs$1[id];
 };
 
@@ -2620,15 +2620,15 @@ const rpcs = Object.create(null);
 const register = (id, execute) => {
   registry[id] = execute;
 };
-const get$6 = id => {
+const get$7 = id => {
   return rpcs[id];
 };
-const set$5 = (id, rpc) => {
+const set$7 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 
 const createRpcWithId$1 = async (id, commandMap, execute) => {
-  const info = get$7(id);
+  const info = get$8(id);
   if (!info) {
     throw new Error(`rpc with id ${id} not found`);
   }
@@ -2644,16 +2644,16 @@ const createRpcWithId$1 = async (id, commandMap, execute) => {
     rpc.ipc.execute = execute;
   }
   await rpc.invoke('LoadFile.loadFile', info.url);
-  set$5(id, rpc);
+  set$7(id, rpc);
   return rpc;
 };
 
 const getOrCreateRpc = async (id, commandMap, execute) => {
-  const rpc = get$6(id);
+  const rpc = get$7(id);
   if (!rpc) {
-    set$5(id, createRpcWithId$1(id, commandMap, execute));
+    set$7(id, createRpcWithId$1(id, commandMap, execute));
   }
-  return get$6(id);
+  return get$7(id);
 };
 const createRpcWithId = ({
   id,
@@ -3247,1387 +3247,1493 @@ const setup = ({
   global.vscode = api;
 };
 
-const state$5 = {
-  webExtensions: []
+const create$1 = () => {
+  return {
+    finished: false
+  };
+};
+const cancel = token => {
+  token.finished = true;
+};
+const isCanceled = token => {
+  return token.finished;
 };
 
-const cache = Object.create(null);
-const id = 1;
-const get$5 = () => {
-  return cache[id];
+const modules = Object.create(null);
+const set$6 = (extensionId, module) => {
+  modules[extensionId] = module;
 };
-const has = () => {
-  return id in cache;
+const acquire = extensionId => {
+  const module = modules[extensionId];
+  delete modules[extensionId];
+  return module;
 };
-const set$4 = value => {
-  cache[id] = value;
+
+const baseName = path => {
+  const slashIndex = path.lastIndexOf('/');
+  return path.slice(slashIndex + 1);
 };
-const clear = () => {
-  delete cache[id];
+const getExtensionId = extension => {
+  if (extension && extension.id) {
+    return extension.id;
+  }
+  if (extension && extension.path) {
+    return baseName(extension.path);
+  }
+  return '<unknown>';
 };
 
-const getJson = async url => {
+const states = Object.create(null);
+const set$5 = status => {
+  states[status.id] = status;
+};
+const get$6 = extensionId => {
+  return states[extensionId];
+};
+const update = (id, update) => {
+  states[id] = {
+    ...states[id],
+    ...update
+  };
+};
+
+const None = 0;
+const Importing = 1;
+const Activating = 2;
+const Activated = 3;
+const Error$1 = 4;
+
+const sleep = duration => {
+  const {
+    resolve,
+    promise
+  } = Promise.withResolvers();
+  setTimeout(resolve, duration);
+  return promise;
+};
+
+// TODO make activation timeout configurable or remove it.
+// some extension might do workspace indexing which could take some time
+const activationTimeout$1 = 10_000;
+const rejectAfterTimeout$1 = async (timeout, token) => {
+  await sleep(timeout);
+  if (isCanceled(token)) {
+    return;
+  }
+  throw new Error(`Activation timeout of ${timeout}ms exceeded`);
+};
+
+// TODO separate importing extension and activating extension for smaller functions
+// and better error handling
+const activateExtension2 = async (extensionId, extension) => {
+  const token = create$1();
   try {
-    const response = await fetch(url);
-    if (!response.ok) {
-      throw new Error(response.statusText);
+    update(extensionId, {
+      status: Activating
+    });
+    const module = acquire(extensionId);
+    await Promise.race([module.activate(extension), rejectAfterTimeout$1(activationTimeout$1, token)]);
+    const endTime = performance.now();
+    const status = get$6(extensionId);
+    if (!status) {
+      throw new Error('status expected');
     }
-    const json = await response.json();
-    return json;
+    const time = endTime - status.activationStartTime;
+    update(extensionId, {
+      status: Activated,
+      activationStartTime: time,
+      activationEndTime: endTime
+    });
   } catch (error) {
-    throw new VError(error, `Failed to get json`);
+    update(extensionId, {
+      status: Error$1 // TODO maybe store error also in runtime status state
+    });
+    const id = getExtensionId(extension);
+    throw new VError(error, `Failed to activate extension ${id}`);
+  } finally {
+    cancel(token);
   }
 };
 
-const NewLine = '\n';
-const Slash$1 = '/';
-
-const interExtensionId = path => {
-  const slashIndex = path.lastIndexOf(Slash$1);
-  return path.slice(slashIndex + 1);
+const getUrlPrefix = (platform, extensionPath) => {
+  if (extensionPath.startsWith('http://') || extensionPath.startsWith('https://')) {
+    return extensionPath;
+  }
+  if (platform === Web) {
+    return extensionPath;
+  }
+  if (extensionPath.startsWith('/')) {
+    return `/remote${extensionPath}`;
+  }
+  return `/remote/${extensionPath}`;
 };
 
-const getWebExtensionManifest = async (path, manifestPath) => {
+const handleRpcInfos = (extension, platform) => {
   try {
-    const manifest = await getJson(manifestPath);
-    return {
-      ...manifest,
-      path,
-      uri: path
-    };
+    if (!extension) {
+      return;
+    }
+    const rpcs = extension.rpc;
+    const urlPrefix = getUrlPrefix(platform, extension.path);
+    if (!rpcs) {
+      return;
+    }
+    if (!Array.isArray(rpcs)) {
+      return;
+    }
+    for (const rpc of rpcs) {
+      rpc.url = `${urlPrefix}/${rpc.url}`;
+      add$1(rpc.id, rpc);
+    }
   } catch (error) {
-    const id = interExtensionId(path);
-    throw new VError(error, `Failed to load extension manifest for ${id}`);
+    console.warn(`Failed to handle extension rpcs: ${error}`);
   }
 };
 
-const getWebManifestPath = path => {
-  const manifestPath = `${path}/extension.json`;
-  return manifestPath;
-};
+class ContentSecurityPolicyError extends Error {
+  constructor(violatedDirective, sourceFile, lineNumber, columnNumber) {
+    super(`Content Security Policy Violation: ${violatedDirective}`);
+    this.name = 'ContentSecurityPolicyError';
+    this.stack = sourceFile ? `Content Security Policy Violation
+    at ${sourceFile}:${lineNumber}:${columnNumber}` : `Content Security Policy Violation
+    at <unknown>`;
+  }
+}
 
-const addWebExtension = async path => {
-  const manifestPath = getWebManifestPath(path);
-  const manifest = await getWebExtensionManifest(path, manifestPath);
-  // TODO avoid mutation if possible
-  state$5.webExtensions.push(manifest);
-  clear();
-  return manifest;
+const isImportErrorChrome = error => {
+  return error && error instanceof Error && error.message.startsWith('Failed to fetch dynamically imported module');
 };
 
-const applyBulkReplacement = async (files, ranges, replacement) => {
-  // eslint-disable-next-line no-console
-  console.log({
-    files,
-    ranges,
-    replacement
-  });
-  throw new Error('not implemented');
+const isImportErrorFirefox = error => {
+  return error && error instanceof TypeError && error.message === 'error loading dynamically imported module';
 };
 
-const addCssStyleSheet = (id, css) => {
-  return invoke$2('Css.addCssStyleSheet', id, css);
+const isSyntaxError = error => {
+  return error instanceof SyntaxError;
 };
 
-const warn = (...args) => {
-  console.warn(...args);
+const isImportError = error => {
+  return isImportErrorChrome(error) || isImportErrorFirefox(error) || isSyntaxError(error);
 };
 
-const transparent = (color, factor) => {
-  return color;
-};
-const toColorRule = ([key, value]) => {
-  return `  --${key}: ${value};`;
-};
-const toTokenColorRule = tokenColor => {
-  return `.${tokenColor.name} { color: ${tokenColor.foreground} }`;
-};
-const addFallbackColors = colors => {
-  const newColors = {
-    ...colors
-  };
-  if (!newColors.ActivityBarInactiveForeground) {
-    // TODO don't assign, avoid mutation
-    newColors.ActivityBarInactiveForeground = transparent(newColors.ActivityBarForeground);
+const NotFound = 404;
+
+const RE_LINE_COLUMN = /(.*)(?:\(\d+:\d+\))/;
+const getBabelErrorMessage = message => {
+  const match = message.match(RE_LINE_COLUMN);
+  if (match) {
+    return match[1].trim();
   }
-  newColors.CssVariableName ||= colors.VariableName;
-  return newColors;
+  return message;
 };
-const createColorThemeFromJson = (colorThemeId, colorThemeJson) => {
-  if (!colorThemeJson) {
-    warn(`color theme json for "${colorThemeId}" is empty: "${colorThemeJson}"`);
-    return '';
-  }
-  if (typeof colorThemeJson !== 'object') {
-    warn(`color theme json for "${colorThemeId}" cannot be converted to css: "${colorThemeJson}"`);
-    return '';
-  }
-  if (Array.isArray(colorThemeJson)) {
-    warn(`color theme json for "${colorThemeId}" cannot be converted to css, it must be of type object but was of type array`);
-    return '';
+class BabelParseError extends SyntaxError {
+  constructor(url, error) {
+    const message = getBabelErrorMessage(error.message);
+    super(message);
+    this.name = 'BabelParseError';
+    // @ts-ignore
+    const {
+      line
+    } = error.loc;
+    // @ts-ignore
+    const column = error.loc.column + 1;
+    this.stack = `${message}
+  at ${url}:${line}:${column}`;
   }
-  const {
-    colors
-  } = colorThemeJson;
-  if (!colors) {
-    return '';
+}
+
+const getAssetDir = () => {
+  // @ts-ignore
+  if (typeof ASSET_DIR !== 'undefined') {
+    // @ts-ignore
+    return ASSET_DIR;
   }
-  const newColors = addFallbackColors(colors);
-  const colorRules = Object.entries(newColors).map(toColorRule);
-  const tokenColors = colorThemeJson.tokenColors || [];
-  const tokenColorRules = tokenColors.map(toTokenColorRule);
-  const extraRules = [];
-  if (colors.ContrastBorder) {
-    extraRules.push(`#ActivityBar, #SideBar {
-  border-left: 1px solid var(--ContrastBorder);
-}`, `#Panel {
-  border-top: 1px solid var(--ContrastBorder);
-}`, `#StatusBar {
-  border-top: 1px solid var(--ContrastBorder);
-}`, `.ActivityBarItemBadge {
-  border: 1px solid var(--ContrastBorder);
-}`, `#QuickPick {
-  border: 1px solid var(--ContrastBorder);
-}`);
+  if (platform === Electron) {
+    return '../../../../..';
   }
-  const colorThemeCss = `:root {\n${colorRules.join(NewLine)}\n}\n\n${tokenColorRules.join(NewLine)}\n\n${extraRules.join(NewLine)}`;
-  return colorThemeCss;
+  return '';
 };
+const assetDir = getAssetDir();
 
-// for (let i = 0; i < 10000; i++) {
-//   createColorThemeFromJson({
-//     type: 'dark',
-//     colors: {
-//       ActivityBarBackground: 'rgb(40, 46, 47)',
-//       ActivityBarForeground: '#878f8c',
-//       ActivityBarActiveBackground: '#1f2727',
-
-//       EditorBackGround: '#1e2324',
-//       EditorScrollBarBackground: 'rgba(57, 71, 71, 0.6)',
-//       EditorCursorBackground: '#a8df5a',
+const loadBabelParser = () => {
+  const url = `${assetDir}/js/babel-parser.js`;
+  return import(url);
+};
 
-//       ListActiveSelectionBackground: '#515f59',
-//       ListActiveSelectionForeground: '#ffffff',
-//       ListHoverBackground: '#405c5033',
-//       ListHoverForeground: '#e0e0e0',
-//       ListInactiveSelectionBackground: '#3b474280',
-
-//       MainBackground: '#1e2324',
-
-//       PanelBackground: '#1b2020',
-//       PanelBorderTopColor: 'rgba(128, 128, 128, 0.35)',
-
-//       SideBarBackground: '#1b2020',
-
-//       StatusBarBackground: 'rgb(40, 46, 47)',
-//       StatusBarBorderTopColor: '#222222',
-
-//       TabActiveBackground: '#24292a',
-//       TabInactiveBackground: '#282e2f',
+const parse = async (code, options) => {
+  const BabelParse = await loadBabelParser();
+  return BabelParse.parse(code, options);
+};
 
-//       TitleBarBackground: 'rgb(40, 46, 47)',
-//       TitleBarBorderBottomColor: '#222',
-//       TitleBarColor: '#cccccc',
-//       TitleBarColorInactive: 'rgba(204, 204, 204, 0.6)',
-//     },
-//   }) //?.
-// }
+const Module = 'module';
 
-const instanceOfAny = (object, constructors) => constructors.some(c => object instanceof c);
-let idbProxyableTypes;
-let cursorAdvanceMethods;
-// This is a function to prevent it throwing up in node environments.
-function getIdbProxyableTypes() {
-  return idbProxyableTypes || (idbProxyableTypes = [IDBDatabase, IDBObjectStore, IDBIndex, IDBCursor, IDBTransaction]);
-}
-// This is a function to prevent it throwing up in node environments.
-function getCursorAdvanceMethods() {
-  return cursorAdvanceMethods || (cursorAdvanceMethods = [IDBCursor.prototype.advance, IDBCursor.prototype.continue, IDBCursor.prototype.continuePrimaryKey]);
-}
-const transactionDoneMap = new WeakMap();
-const transformCache = new WeakMap();
-const reverseTransformCache = new WeakMap();
-function promisifyRequest(request) {
-  const promise = new Promise((resolve, reject) => {
-    const unlisten = () => {
-      request.removeEventListener('success', success);
-      request.removeEventListener('error', error);
-    };
-    const success = () => {
-      resolve(wrap(request.result));
-      unlisten();
-    };
-    const error = () => {
-      reject(request.error);
-      unlisten();
-    };
-    request.addEventListener('success', success);
-    request.addEventListener('error', error);
-  });
-  // This mapping exists in reverseTransformCache but doesn't exist in transformCache. This
-  // is because we create many promises from a single IDBRequest.
-  reverseTransformCache.set(promise, request);
-  return promise;
-}
-function cacheDonePromiseForTransaction(tx) {
-  // Early bail if we've already created a done promise for this transaction.
-  if (transactionDoneMap.has(tx)) return;
-  const done = new Promise((resolve, reject) => {
-    const unlisten = () => {
-      tx.removeEventListener('complete', complete);
-      tx.removeEventListener('error', error);
-      tx.removeEventListener('abort', error);
-    };
-    const complete = () => {
-      resolve();
-      unlisten();
-    };
-    const error = () => {
-      reject(tx.error || new DOMException('AbortError', 'AbortError'));
-      unlisten();
-    };
-    tx.addEventListener('complete', complete);
-    tx.addEventListener('error', error);
-    tx.addEventListener('abort', error);
-  });
-  // Cache it for later retrieval.
-  transactionDoneMap.set(tx, done);
-}
-let idbProxyTraps = {
-  get(target, prop, receiver) {
-    if (target instanceof IDBTransaction) {
-      // Special handling for transaction.done.
-      if (prop === 'done') return transactionDoneMap.get(target);
-      // Make tx.store return the only store in the transaction, or undefined if there are many.
-      if (prop === 'store') {
-        return receiver.objectStoreNames[1] ? undefined : receiver.objectStore(receiver.objectStoreNames[0]);
-      }
-    }
-    // Else transform whatever we get back.
-    return wrap(target[prop]);
-  },
-  set(target, prop, value) {
-    target[prop] = value;
-    return true;
-  },
-  has(target, prop) {
-    if (target instanceof IDBTransaction && (prop === 'done' || prop === 'store')) {
-      return true;
+const getLineAndColumn = (text, start, end) => {
+  let index = -1;
+  let line = 0;
+  const column = 0;
+  while ((index = text.indexOf('\n', index + 1)) !== -1) {
+    line++;
+    if (index >= start) {
+      break;
     }
-    return prop in target;
-  }
-};
-function replaceTraps(callback) {
-  idbProxyTraps = callback(idbProxyTraps);
-}
-function wrapFunction(func) {
-  // Due to expected object equality (which is enforced by the caching in `wrap`), we
-  // only create one new func per func.
-  // Cursor methods are special, as the behaviour is a little more different to standard IDB. In
-  // IDB, you advance the cursor and wait for a new 'success' on the IDBRequest that gave you the
-  // cursor. It's kinda like a promise that can resolve with many values. That doesn't make sense
-  // with real promises, so each advance methods returns a new promise for the cursor object, or
-  // undefined if the end of the cursor has been reached.
-  if (getCursorAdvanceMethods().includes(func)) {
-    return function (...args) {
-      // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use
-      // the original object.
-      func.apply(unwrap(this), args);
-      return wrap(this.request);
-    };
   }
-  return function (...args) {
-    // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use
-    // the original object.
-    return wrap(func.apply(unwrap(this), args));
+  return {
+    line,
+    column
   };
-}
-function transformCachableValue(value) {
-  if (typeof value === 'function') return wrapFunction(value);
-  // This doesn't return, it just creates a 'done' promise for the transaction,
-  // which is later returned for transaction.done (see idbObjectHandler).
-  if (value instanceof IDBTransaction) cacheDonePromiseForTransaction(value);
-  if (instanceOfAny(value, getIdbProxyableTypes())) return new Proxy(value, idbProxyTraps);
-  // Return the same value back if we're not going to transform it.
-  return value;
-}
-function wrap(value) {
-  // We sometimes generate multiple promises from a single IDBRequest (eg when cursoring), because
-  // IDB is weird and a single IDBRequest can yield many responses, so these can't be cached.
-  if (value instanceof IDBRequest) return promisifyRequest(value);
-  // If we've already transformed this value before, reuse the transformed value.
-  // This is faster, but it also provides object equality.
-  if (transformCache.has(value)) return transformCache.get(value);
-  const newValue = transformCachableValue(value);
-  // Not all types are transformed.
-  // These may be primitive types, so they can't be WeakMap keys.
-  if (newValue !== value) {
-    transformCache.set(value, newValue);
-    reverseTransformCache.set(newValue, value);
-  }
-  return newValue;
-}
-const unwrap = value => reverseTransformCache.get(value);
+};
 
-/**
- * Open a database.
- *
- * @param name Name of the database.
- * @param version Schema version.
- * @param callbacks Additional callbacks.
- */
-function openDB(name, version, {
-  blocked,
-  upgrade,
-  blocking,
-  terminated
-} = {}) {
-  const request = indexedDB.open(name, version);
-  const openPromise = wrap(request);
-  if (upgrade) {
-    request.addEventListener('upgradeneeded', event => {
-      upgrade(wrap(request.result), event.oldVersion, event.newVersion, wrap(request.transaction), event);
-    });
-  }
-  if (blocked) {
-    request.addEventListener('blocked', event => blocked(
-    // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405
-    event.oldVersion, event.newVersion, event));
+class DependencyNotFoundError extends Error {
+  constructor(code, start, end, dependencyRelativePath, dependencyUrl, sourceUrl) {
+    super(`Module not found "${dependencyRelativePath}"`);
+    const {
+      line,
+      column
+    } = getLineAndColumn(code, start);
+    this.stack = `${this.message}
+    at Module (${sourceUrl}:${line}:${column})`;
   }
-  openPromise.then(db => {
-    if (terminated) db.addEventListener('close', () => terminated());
-    if (blocking) {
-      db.addEventListener('versionchange', event => blocking(event.oldVersion, event.newVersion, event));
-    }
-  }).catch(() => {});
-  return openPromise;
 }
-const readMethods = ['get', 'getKey', 'getAll', 'getAllKeys', 'count'];
-const writeMethods = ['put', 'add', 'delete', 'clear'];
-const cachedMethods = new Map();
-function getMethod(target, prop) {
-  if (!(target instanceof IDBDatabase && !(prop in target) && typeof prop === 'string')) {
+
+const ArrowFunctionExpression = 'ArrowFunctionExpression';
+const AwaitExpression = 'AwaitExpression';
+const BlockStatement = 'BlockStatement';
+const CallExpression = 'CallExpression';
+const ExportAllDeclaration = 'ExportAllDeclaration';
+const ExportNamedDeclaration = 'ExportNamedDeclaration';
+const ExpressionStatement = 'ExpressionStatement';
+const File$2 = 'File';
+const Import = 'Import';
+const ImportDeclaration = 'ImportDeclaration';
+const Program = 'Program';
+const StringLiteral = 'StringLiteral';
+const VariableDeclaration = 'VariableDeclaration';
+const VariableDeclarator = 'VariableDeclarator';
+
+const walk = (node, visitor) => {
+  if (!node) {
     return;
   }
-  if (cachedMethods.get(prop)) return cachedMethods.get(prop);
-  const targetFuncName = prop.replace(/FromIndex$/, '');
-  const useIndex = prop !== targetFuncName;
-  const isWrite = writeMethods.includes(targetFuncName);
-  if (
-  // Bail if the target doesn't exist on the target. Eg, getAll isn't in Edge.
-  !(targetFuncName in (useIndex ? IDBIndex : IDBObjectStore).prototype) || !(isWrite || readMethods.includes(targetFuncName))) {
+  if (Array.isArray(node)) {
+    for (const item of node) {
+      walk(item, visitor);
+    }
     return;
   }
-  const method = async function (storeName, ...args) {
-    // isWrite ? 'readwrite' : undefined gzipps better, but fails in Edge :(
-    const tx = this.transaction(storeName, isWrite ? 'readwrite' : 'readonly');
-    let target = tx.store;
-    if (useIndex) target = target.index(args.shift());
-    // Must reject if op rejects.
-    // If it's a write operation, must reject if tx.done rejects.
-    // Must reject with op rejection first.
-    // Must resolve with op value.
-    // Must handle both promises (no unhandled rejections)
-    return (await Promise.all([target[targetFuncName](...args), isWrite && tx.done]))[0];
-  };
-  cachedMethods.set(prop, method);
-  return method;
-}
-replaceTraps(oldTraps => ({
-  ...oldTraps,
-  get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),
-  has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop)
-}));
-const advanceMethodProps = ['continue', 'continuePrimaryKey', 'advance'];
-const methodMap = {};
-const advanceResults = new WeakMap();
-const ittrProxiedCursorToOriginalProxy = new WeakMap();
-const cursorIteratorTraps = {
-  get(target, prop) {
-    if (!advanceMethodProps.includes(prop)) return target[prop];
-    let cachedFunc = methodMap[prop];
-    if (!cachedFunc) {
-      cachedFunc = methodMap[prop] = function (...args) {
-        advanceResults.set(this, ittrProxiedCursorToOriginalProxy.get(this)[prop](...args));
-      };
-    }
-    return cachedFunc;
+  visitor(node);
+  switch (node.type) {
+    case File$2:
+      walk(node.program, visitor);
+      break;
+    case Program:
+      walk(node.body, visitor);
+      break;
+    case ExportNamedDeclaration:
+      walk(node.declaration, visitor);
+      break;
+    case VariableDeclaration:
+      walk(node.declarations, visitor);
+      break;
+    case VariableDeclarator:
+      walk(node.init, visitor);
+      break;
+    case ArrowFunctionExpression:
+      walk(node.body, visitor);
+      break;
+    case BlockStatement:
+      walk(node.body, visitor);
+      break;
+    case ExpressionStatement:
+      walk(node.expression, visitor);
+      break;
+    case AwaitExpression:
+      walk(node.argument, visitor);
+      break;
+    case CallExpression:
+      walk(node.callee, visitor);
+      break;
   }
 };
-async function* iterate(...args) {
-  // tslint:disable-next-line:no-this-assignment
-  let cursor = this;
-  if (!(cursor instanceof IDBCursor)) {
-    cursor = await cursor.openCursor(...args);
-  }
-  if (!cursor) return;
-  cursor = cursor;
-  const proxiedCursor = new Proxy(cursor, cursorIteratorTraps);
-  ittrProxiedCursorToOriginalProxy.set(proxiedCursor, cursor);
-  // Map this double-proxy back to the original, so other cursor methods work.
-  reverseTransformCache.set(proxiedCursor, unwrap(cursor));
-  while (cursor) {
-    yield proxiedCursor;
-    // If one of the advancing methods was not called, call continue().
-    cursor = await (advanceResults.get(proxiedCursor) || cursor.continue());
-    advanceResults.delete(proxiedCursor);
-  }
-}
-function isIteratorProp(target, prop) {
-  return prop === Symbol.asyncIterator && instanceOfAny(target, [IDBIndex, IDBObjectStore, IDBCursor]) || prop === 'iterate' && instanceOfAny(target, [IDBIndex, IDBObjectStore]);
-}
-replaceTraps(oldTraps => ({
-  ...oldTraps,
-  get(target, prop, receiver) {
-    if (isIteratorProp(target, prop)) return iterate;
-    return oldTraps.get(target, prop, receiver);
-  },
-  has(target, prop) {
-    return isIteratorProp(target, prop) || oldTraps.has(target, prop);
-  }
-}));
 
-const state$4 = {
-  dbVersion: 1,
-  /**
-   * @type {any}
-   */
-  cachedDb: undefined
+const getBabelAstDependencies = (code, ast) => {
+  const {
+    program
+  } = ast;
+  const {
+    body
+  } = program;
+  const dependencies = [];
+  for (const node of body) {
+    if (node.type === ImportDeclaration || node.type === ExportAllDeclaration) {
+      const relativePath = node.source.extra.rawValue;
+      const {
+        start
+      } = node.source;
+      const {
+        end
+      } = node.source;
+      // @ts-ignore
+      dependencies.push({
+        relativePath,
+        code,
+        start,
+        end
+      });
+    } else if (node.type === VariableDeclaration && node.declarations && node.declarations[0] && node.declarations[0].type === VariableDeclarator && node.declarations[0].init && node.declarations[0].init.type === AwaitExpression && node.declarations[0].init.argument && node.declarations[0].init.argument.type === CallExpression && node.declarations[0].init.argument.callee && node.declarations[0].init.argument.callee.type === Import && node.declarations[0].init.argument.arguments && node.declarations[0].init.argument.arguments[0] && node.declarations[0].init.argument.arguments[0].type === StringLiteral) {
+      const relativePath = node.declarations[0].init.argument.arguments[0].extra.rawValue;
+      const {
+        start
+      } = node.declarations[0].init.argument.arguments[0];
+      const {
+        end
+      } = node.declarations[0].init.argument.arguments[0];
+      // @ts-ignore
+      dependencies.push({
+        relativePath,
+        code,
+        start,
+        end
+      });
+    }
+  }
+  const visitor = node => {
+    if (node && node.type === CallExpression && node.callee && node.callee.type === Import && node.arguments && node.arguments[0] && node.arguments[0].type === StringLiteral) {
+      const relativePath = node.arguments[0].extra.rawValue;
+      const {
+        start
+      } = node.arguments[0];
+      const {
+        end
+      } = node.arguments[0];
+      // @ts-ignore
+      dependencies.push({
+        relativePath,
+        code,
+        start,
+        end
+      });
+    }
+  };
+  walk(ast, visitor);
+  return dependencies;
 };
 
-const storeId = 'lvce-keyvalue';
-
-// TODO high memory usage in idb because of transactionDoneMap
+const isBabelError = error => {
+  // @ts-ignore
+  return isSyntaxError(error) && error.code === BABEL_PARSER_SYNTAX_ERROR;
+};
 
-const getDb$1 = async () => {
-  const db = await openDB(storeId, state$4.dbVersion, {
-    async upgrade(db, oldVersion) {
-      if (!db.objectStoreNames.contains(storeId)) {
-        await db.createObjectStore(storeId, {
-          autoIncrement: true
-        });
-      }
-    }
-  });
-  return db;
+const getOrigin = () => {
+  return location.origin;
 };
 
-// TODO high memory usage in idb because of transactionDoneMap
+const getAbsoluteUrl = (relativePath, sourceUrl) => {
+  if (sourceUrl.startsWith('/')) {
+    const origin = getOrigin();
+    const absoluteSourceUrl = new URL(sourceUrl, origin).toString();
+    return new URL(relativePath, absoluteSourceUrl).toString();
+  }
+  return new URL(relativePath, sourceUrl).toString();
+};
 
-const state$3 = {
-  cachedDb: undefined
+const isExternal = url => {
+  if (url.startsWith('/')) {
+    return false;
+  }
+  if (url.startsWith(location.protocol)) {
+    return false;
+  }
+  return true;
 };
-const getDbMemoized$1 = async () => {
-  state$3.cachedDb ||= await getDb$1();
-  return state$3.cachedDb;
+const getErrorInDependencies = async (url, dependencies, seenUrls) => {
+  for (const dependency of dependencies) {
+    const dependencyUrl = getAbsoluteUrl(dependency.relativePath, url);
+    if (isExternal(dependencyUrl) || seenUrls.includes(dependencyUrl)) {
+      continue;
+    }
+    seenUrls.push(dependencyUrl);
+    // let dependencyResponse
+    // try {
+    const dependencyResponse = await fetch(dependencyUrl);
+    // } catch (error) {}
+    if (dependencyResponse.ok) {
+      await tryToGetActualErrorMessage(null, dependencyUrl, dependencyResponse, seenUrls);
+    } else {
+      switch (dependencyResponse.status) {
+        case NotFound:
+          throw new DependencyNotFoundError(dependency.code, dependency.start, dependency.end, dependency.relativePath, dependencyUrl, url);
+        // return `Failed to import ${url}: ${error}`
+      }
+    }
+  }
 };
 
-// TODO high memory usage in idb because of transactionDoneMap
-
-const set$3 = async (key, value) => {
+/**
+ *
+ * @param {string} url
+ * @param {Response} response
+ * @returns
+ */
+const tryToGetActualErrorMessage = async (error, url, response, seenUrls = []) => {
+  let text;
   try {
-    const db = await getDbMemoized$1();
-    await db.put(storeId, value, key);
-  } catch (error) {
-    throw new VError(error, 'Failed to save value to indexed db');
+    text = await response.text();
+  } catch {
+    return `Failed to import ${url}: Unknown Network Error`;
   }
-};
-const get$4 = async key => {
+  let ast;
   try {
-    const db = await getDbMemoized$1();
-    const value = await db.get(storeId, key);
-    return value;
+    ast = await parse(text, {
+      sourceType: Module
+    });
   } catch (error) {
-    throw new VError(error, 'Failed to get value from indexed db');
+    if (isBabelError(error)) {
+      throw new BabelParseError(url, error);
+    }
+    throw error;
   }
+  const dependencies = getBabelAstDependencies(text, ast);
+  await getErrorInDependencies(url, dependencies, seenUrls);
+  if (hasRecentErrors()) {
+    const recentError = getRecentError();
+    // @ts-ignore
+    throw new ContentSecurityPolicyError(recentError.violatedDirective, recentError.sourceFile, recentError.lineNumber, recentError.columnNumber);
+  }
+  const contentType = response.headers.get('Content-Type');
+  if (url.endsWith('.ts') && contentType === null) {
+    return `Failed to import ${url}: Missing Content-Type header for javascript`;
+  }
+  return `Failed to import ${url}: Unknown Network Error`;
 };
 
-const getCacheKey$1 = colorThemeId => {
-  return 'color-theme-' + colorThemeId;
-};
-const get$3 = colorThemeId => {
-  const cacheKey = getCacheKey$1(colorThemeId);
-  return get$4(cacheKey);
-};
-const set$2 = (colorThemeId, data) => {
-  const cacheKey = getCacheKey$1(colorThemeId);
-  return set$3(cacheKey, data);
-};
-
-const GetColorThemeCssCachedIndexedDb = {
-  __proto__: null,
-  get: get$3,
-  set: set$2
+const tryToGetActualImportErrorMessage = async (url, error) => {
+  let response;
+  try {
+    response = await fetch(url);
+  } catch (error) {
+    return `Failed to import ${url}: ${error}`;
+  }
+  if (response.ok) {
+    return await tryToGetActualErrorMessage(error, url, response);
+  }
+  switch (response.status) {
+    case NotFound:
+      throw new Error(`Failed to import ${url}: Not found (404)`);
+    default:
+      return `Failed to import ${url}: ${error}`;
+  }
 };
 
-const getText$1 = key => {
-  return invoke$2('LocalStorage.getText', key);
-};
-const setText = (key, value) => {
-  return invoke$2('LocalStorage.setText', key, value);
+const importScript = async url => {
+  try {
+    return await import(url);
+  } catch (error) {
+    if (isImportError(error)) {
+      const actualErrorMessage = await tryToGetActualImportErrorMessage(url, error);
+      throw new Error(actualErrorMessage);
+    }
+    // content security policy errors arrive a little bit later
+    await sleep(0);
+    if (hasRecentErrors()) {
+      const recentError = getRecentError();
+      // @ts-ignore
+      throw new ContentSecurityPolicyError(recentError.violatedDirective, recentError.sourceFile, recentError.lineNumber, recentError.columnNumber);
+    }
+    throw error;
+  }
 };
 
-const getCacheKey = colorThemeId => {
-  return 'lvce-color-theme-' + colorThemeId;
-};
-const get$2 = colorThemeId => {
-  const cacheKey = getCacheKey(colorThemeId);
-  return getText$1(cacheKey);
+const activationTimeout = 10_000;
+const rejectAfterTimeout = async (timeout, token) => {
+  await sleep(timeout);
+  if (isCanceled(token)) {
+    return;
+  }
+  throw new Error(`Activation timeout of ${timeout}ms exceeded`);
 };
-const set$1 = (colorThemeId, data) => {
-  const cacheKey = getCacheKey(colorThemeId);
-  return setText(cacheKey, data);
+
+// TODO separate importing extension and activating extension for smaller functions
+// and better error handling
+
+/**
+ * @deprecated use the separate functions importExtension and activateExtension instead
+ *
+ * @param extension
+ * @param absolutePath
+ * @param activationEvent
+ */
+const activateExtension = async (extension, absolutePath, activationEvent) => {
+  const extensionId = extension.id;
+  try {
+    string(extension.path);
+    string(extension.browser);
+    string(absolutePath);
+    const startTime = performance.now();
+    set$5({
+      activationEndTime: 0,
+      activationEvent: activationEvent,
+      activationStartTime: startTime,
+      activationTime: 0,
+      id: extensionId,
+      status: Importing
+    });
+    const module = await importScript(absolutePath);
+    handleRpcInfos(extension, platform);
+    update(extensionId, {
+      status: Activating
+    });
+    const token = create$1();
+    try {
+      await Promise.race([module.activate(extension), rejectAfterTimeout(activationTimeout, token)]);
+      const endTime = performance.now();
+      const time = endTime - startTime;
+      update(extensionId, {
+        status: Activated,
+        activationStartTime: time
+      });
+    } catch (error) {
+      if (isImportError(error)) {
+        const actualErrorMessage = await tryToGetActualImportErrorMessage(absolutePath, error);
+        throw new Error(actualErrorMessage);
+      }
+      throw error;
+    } finally {
+      cancel(token);
+    }
+  } catch (error) {
+    update(extensionId, {
+      status: Error$1 // TODO maybe store error also in runtime status state
+    });
+    const id = getExtensionId(extension);
+    throw new VError(error, `Failed to activate extension ${id}`);
+  }
+  // console.info('activated', path)
 };
 
-const GetColorThemeCssCachedLocalStorage = {
-  __proto__: null,
-  get: get$2,
-  set: set$1
+const state$5 = {
+  webExtensions: []
 };
 
-const get$1 = colorThemeId => {
-  return '';
+const cache = Object.create(null);
+const id = 1;
+const get$5 = () => {
+  return cache[id];
 };
-const set = (colorThemeId, data) => {
-  //  noop
+const has = () => {
+  return id in cache;
 };
-
-const GetColorThemeCssCachedNoop = {
-  __proto__: null,
-  get: get$1,
-  set
+const set$4 = value => {
+  cache[id] = value;
 };
-
-const get = key => {
-  return invoke$2('Preferences.get', key);
+const clear = () => {
+  delete cache[id];
 };
 
-const getCacheFn = config => {
-  switch (config) {
-    case 'localStorage':
-      return GetColorThemeCssCachedLocalStorage;
-    case 'indexedDb':
-      return GetColorThemeCssCachedIndexedDb;
-    default:
-      return GetColorThemeCssCachedNoop;
-  }
-};
-const getColorThemeCssCached = async (colorThemeId, getData) => {
-  const config = await get('colorTheme.cache');
-  const module = await getCacheFn(config);
-  const cachedData = await module.get(colorThemeId);
-  if (cachedData) {
-    return cachedData;
+const getJson = async url => {
+  try {
+    const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error(response.statusText);
+    }
+    const json = await response.json();
+    return json;
+  } catch (error) {
+    throw new VError(error, `Failed to get json`);
   }
-  const newData = await getData(colorThemeId);
-  await module.set(colorThemeId, newData);
-  return newData;
 };
 
-const readJson = url => {
-  return invoke$2('FileSystem.readJson', url);
-};
+const NewLine = '\n';
+const Slash$1 = '/';
 
-const dirname = (pathSeparator, path) => {
-  const index = path.lastIndexOf(pathSeparator);
-  if (index === -1) {
-    return path;
-  }
-  return path.slice(0, index);
+const interExtensionId = path => {
+  const slashIndex = path.lastIndexOf(Slash$1);
+  return path.slice(slashIndex + 1);
 };
-const extname = path => {
-  const index = path.lastIndexOf('.');
-  if (index === -1) {
-    return '';
+
+const getWebExtensionManifest = async (path, manifestPath) => {
+  try {
+    const manifest = await getJson(manifestPath);
+    return {
+      ...manifest,
+      path,
+      uri: path
+    };
+  } catch (error) {
+    const id = interExtensionId(path);
+    throw new VError(error, `Failed to load extension manifest for ${id}`);
   }
-  return path.slice(index);
 };
-const join = (pathSeparator, ...parts) => {
-  return parts.join(pathSeparator);
+
+const getWebManifestPath = path => {
+  const manifestPath = `${path}/extension.json`;
+  return manifestPath;
 };
 
-const getColorThemeUri = (extensions, colorThemeId) => {
-  for (const extension of extensions) {
-    if (!extension.colorThemes) {
-      continue;
-    }
-    for (const colorTheme of extension.colorThemes) {
-      if (colorTheme.id !== colorThemeId) {
-        continue;
-      }
-      const absolutePath = join('/', extension.uri, colorTheme.path);
-      return absolutePath;
-    }
-  }
-  return '';
+const addWebExtension = async path => {
+  const manifestPath = getWebManifestPath(path);
+  const manifest = await getWebExtensionManifest(path, manifestPath);
+  // TODO avoid mutation if possible
+  state$5.webExtensions.push(manifest);
+  clear();
+  return manifest;
 };
 
-const getAssetDir = () => {
-  // @ts-ignore
-  if (typeof ASSET_DIR !== 'undefined') {
-    // @ts-ignore
-    return ASSET_DIR;
-  }
-  if (platform === Electron) {
-    return '../../../../..';
-  }
-  return '';
+const applyBulkReplacement = async (files, ranges, replacement) => {
+  // eslint-disable-next-line no-console
+  console.log({
+    files,
+    ranges,
+    replacement
+  });
+  throw new Error('not implemented');
 };
-const assetDir = getAssetDir();
 
-const extensionsUrl = `${assetDir}/config/extensions.json`;
+const addCssStyleSheet = (id, css) => {
+  return invoke$2('Css.addCssStyleSheet', id, css);
+};
 
-const getWebExtensions = async () => {
-  return getJson(extensionsUrl);
+const warn = (...args) => {
+  console.warn(...args);
 };
 
-const getSharedProcessExtensions = () => {
-  return invoke$2(/* ExtensionManagement.getExtensions */'ExtensionManagement.getExtensions');
+const transparent = (color, factor) => {
+  return color;
 };
-const doGetExtensions = async () => {
-  const meta = state$5.webExtensions;
-  if (platform === Web) {
-    const webExtensions = await getWebExtensions();
-    return [...webExtensions, ...meta];
-  }
-  if (platform === Remote) {
-    const sharedProcessExtensions = await getSharedProcessExtensions();
-    return [...sharedProcessExtensions, ...meta];
-  }
-  const extensions = await getSharedProcessExtensions();
-  return extensions;
+const toColorRule = ([key, value]) => {
+  return `  --${key}: ${value};`;
 };
-
-const getExtensions$1 = async () => {
-  return doGetExtensions();
+const toTokenColorRule = tokenColor => {
+  return `.${tokenColor.name} { color: ${tokenColor.foreground} }`;
 };
-
-// TODO getExtensions is still called 6 times on startup instead of 1
-const getExtensions = () => {
-  if (!has()) {
-    set$4(getExtensions$1());
+const addFallbackColors = colors => {
+  const newColors = {
+    ...colors
+  };
+  if (!newColors.ActivityBarInactiveForeground) {
+    // TODO don't assign, avoid mutation
+    newColors.ActivityBarInactiveForeground = transparent(newColors.ActivityBarForeground);
   }
-  return get$5();
+  newColors.CssVariableName ||= colors.VariableName;
+  return newColors;
 };
-
-const getColorThemeJson$2 = async colorThemeId => {
-  const extensions = await getExtensions();
-  const colorThemeUri = getColorThemeUri(extensions, colorThemeId);
-  const json = await readJson(colorThemeUri);
-  return json;
+const createColorThemeFromJson = (colorThemeId, colorThemeJson) => {
+  if (!colorThemeJson) {
+    warn(`color theme json for "${colorThemeId}" is empty: "${colorThemeJson}"`);
+    return '';
+  }
+  if (typeof colorThemeJson !== 'object') {
+    warn(`color theme json for "${colorThemeId}" cannot be converted to css: "${colorThemeJson}"`);
+    return '';
+  }
+  if (Array.isArray(colorThemeJson)) {
+    warn(`color theme json for "${colorThemeId}" cannot be converted to css, it must be of type object but was of type array`);
+    return '';
+  }
+  const {
+    colors
+  } = colorThemeJson;
+  if (!colors) {
+    return '';
+  }
+  const newColors = addFallbackColors(colors);
+  const colorRules = Object.entries(newColors).map(toColorRule);
+  const tokenColors = colorThemeJson.tokenColors || [];
+  const tokenColorRules = tokenColors.map(toTokenColorRule);
+  const extraRules = [];
+  if (colors.ContrastBorder) {
+    extraRules.push(`#ActivityBar, #SideBar {
+  border-left: 1px solid var(--ContrastBorder);
+}`, `#Panel {
+  border-top: 1px solid var(--ContrastBorder);
+}`, `#StatusBar {
+  border-top: 1px solid var(--ContrastBorder);
+}`, `.ActivityBarItemBadge {
+  border: 1px solid var(--ContrastBorder);
+}`, `#QuickPick {
+  border: 1px solid var(--ContrastBorder);
+}`);
+  }
+  const colorThemeCss = `:root {\n${colorRules.join(NewLine)}\n}\n\n${tokenColorRules.join(NewLine)}\n\n${extraRules.join(NewLine)}`;
+  return colorThemeCss;
 };
 
-const getColorThemeUrlWeb = colorThemeId => {
-  return `${assetDir}/extensions/builtin.theme-${colorThemeId}/color-theme.json`;
-};
-const getColorThemeJson$1 = colorThemeId => {
-  const url = getColorThemeUrlWeb(colorThemeId);
-  // TODO handle error ?
-  return getJson(url);
-};
+// for (let i = 0; i < 10000; i++) {
+//   createColorThemeFromJson({
+//     type: 'dark',
+//     colors: {
+//       ActivityBarBackground: 'rgb(40, 46, 47)',
+//       ActivityBarForeground: '#878f8c',
+//       ActivityBarActiveBackground: '#1f2727',
 
-const getColorThemeJson = colorThemeId => {
-  if (platform === Web) {
-    return getColorThemeJson$1(colorThemeId);
-  }
-  return getColorThemeJson$2(colorThemeId);
-};
+//       EditorBackGround: '#1e2324',
+//       EditorScrollBarBackground: 'rgba(57, 71, 71, 0.6)',
+//       EditorCursorBackground: '#a8df5a',
 
-const getColorThemeCssFromJson = async (colorThemeId, colorThemeJson) => {
-  const colorThemeCss = createColorThemeFromJson(/* colorThemeId */colorThemeId, /* colorThemeJson */colorThemeJson);
-  return colorThemeCss;
-  // TODO generate color theme from jsonc
-};
-const getColorThemeCssNew = async colorThemeId => {
-  const colorThemeJson = await getColorThemeJson(colorThemeId);
-  const colorThemeCss = await getColorThemeCssFromJson(colorThemeId, colorThemeJson);
-  return colorThemeCss;
-};
-const getColorThemeCss = colorThemeId => {
-  return getColorThemeCssCached(colorThemeId, getColorThemeCssNew);
-};
+//       ListActiveSelectionBackground: '#515f59',
+//       ListActiveSelectionForeground: '#ffffff',
+//       ListHoverBackground: '#405c5033',
+//       ListHoverForeground: '#e0e0e0',
+//       ListInactiveSelectionBackground: '#3b474280',
 
-const getMetaThemeColor = colorThemeJson => {
-  return colorThemeJson && colorThemeJson.colors && colorThemeJson.colors.TitleBarBackground;
-};
+//       MainBackground: '#1e2324',
 
-const setThemeColor = async themeColor => {
-  await invoke$2(/* Meta.setThemeColor */'Meta.setThemeColor', /* color */themeColor);
-};
+//       PanelBackground: '#1b2020',
+//       PanelBorderTopColor: 'rgba(128, 128, 128, 0.35)',
 
-// TODO by default color theme should come from local storage, session storage, cache storage, indexeddb or blob url -> fast initial load
-// actual color theme can be computed after workbench has loaded (most times will be the same and doesn't need to be computed)
+//       SideBarBackground: '#1b2020',
 
-const state$2 = {
-  watchedTheme: ''
-};
-const FALLBACK_COLOR_THEME_ID = 'slime';
+//       StatusBarBackground: 'rgb(40, 46, 47)',
+//       StatusBarBorderTopColor: '#222222',
 
-// TODO json parsing should also happen in renderer worker
-// so that all validation is here (json parsing errors, invalid shape, ...)
+//       TabActiveBackground: '#24292a',
+//       TabInactiveBackground: '#282e2f',
 
-const applyColorTheme = async colorThemeId => {
-  try {
-    string(colorThemeId);
-    state$2.colorTheme = colorThemeId;
-    const colorThemeCss = await getColorThemeCss(colorThemeId);
-    await addCssStyleSheet('ContributedColorTheme', colorThemeCss);
-    if (platform === Web) {
-      const themeColor = getMetaThemeColor(colorThemeId) || '';
-      await setThemeColor(themeColor);
+//       TitleBarBackground: 'rgb(40, 46, 47)',
+//       TitleBarBorderBottomColor: '#222',
+//       TitleBarColor: '#cccccc',
+//       TitleBarColorInactive: 'rgba(204, 204, 204, 0.6)',
+//     },
+//   }) //?.
+// }
+
+const instanceOfAny = (object, constructors) => constructors.some(c => object instanceof c);
+let idbProxyableTypes;
+let cursorAdvanceMethods;
+// This is a function to prevent it throwing up in node environments.
+function getIdbProxyableTypes() {
+  return idbProxyableTypes || (idbProxyableTypes = [IDBDatabase, IDBObjectStore, IDBIndex, IDBCursor, IDBTransaction]);
+}
+// This is a function to prevent it throwing up in node environments.
+function getCursorAdvanceMethods() {
+  return cursorAdvanceMethods || (cursorAdvanceMethods = [IDBCursor.prototype.advance, IDBCursor.prototype.continue, IDBCursor.prototype.continuePrimaryKey]);
+}
+const transactionDoneMap = new WeakMap();
+const transformCache = new WeakMap();
+const reverseTransformCache = new WeakMap();
+function promisifyRequest(request) {
+  const promise = new Promise((resolve, reject) => {
+    const unlisten = () => {
+      request.removeEventListener('success', success);
+      request.removeEventListener('error', error);
+    };
+    const success = () => {
+      resolve(wrap(request.result));
+      unlisten();
+    };
+    const error = () => {
+      reject(request.error);
+      unlisten();
+    };
+    request.addEventListener('success', success);
+    request.addEventListener('error', error);
+  });
+  // This mapping exists in reverseTransformCache but doesn't exist in transformCache. This
+  // is because we create many promises from a single IDBRequest.
+  reverseTransformCache.set(promise, request);
+  return promise;
+}
+function cacheDonePromiseForTransaction(tx) {
+  // Early bail if we've already created a done promise for this transaction.
+  if (transactionDoneMap.has(tx)) return;
+  const done = new Promise((resolve, reject) => {
+    const unlisten = () => {
+      tx.removeEventListener('complete', complete);
+      tx.removeEventListener('error', error);
+      tx.removeEventListener('abort', error);
+    };
+    const complete = () => {
+      resolve();
+      unlisten();
+    };
+    const error = () => {
+      reject(tx.error || new DOMException('AbortError', 'AbortError'));
+      unlisten();
+    };
+    tx.addEventListener('complete', complete);
+    tx.addEventListener('error', error);
+    tx.addEventListener('abort', error);
+  });
+  // Cache it for later retrieval.
+  transactionDoneMap.set(tx, done);
+}
+let idbProxyTraps = {
+  get(target, prop, receiver) {
+    if (target instanceof IDBTransaction) {
+      // Special handling for transaction.done.
+      if (prop === 'done') return transactionDoneMap.get(target);
+      // Make tx.store return the only store in the transaction, or undefined if there are many.
+      if (prop === 'store') {
+        return receiver.objectStoreNames[1] ? undefined : receiver.objectStore(receiver.objectStoreNames[0]);
+      }
     }
-    if (platform !== Web && (await get('development.watchColorTheme'))) {
-      watch(colorThemeId);
+    // Else transform whatever we get back.
+    return wrap(target[prop]);
+  },
+  set(target, prop, value) {
+    target[prop] = value;
+    return true;
+  },
+  has(target, prop) {
+    if (target instanceof IDBTransaction && (prop === 'done' || prop === 'store')) {
+      return true;
     }
-  } catch (error) {
-    throw new VError(error, `Failed to apply color theme "${colorThemeId}"`);
-  }
-};
-const watch = async id => {
-  if (state$2.watchedTheme === id) {
-    return;
+    return prop in target;
   }
-  state$2.watchedTheme = id;
-  await invoke$2('ExtensionHost.watchColorTheme', id);
-};
-const getPreferredColorTheme = () => {
-  const preferredColorTheme = get('workbench.colorTheme');
-  return preferredColorTheme;
 };
-
-// TODO test this, and also the error case
-// TODO have icon theme, color theme together (maybe)
-const hydrate$1 = async () => {
-  const preferredColorTheme = await getPreferredColorTheme();
-  const colorThemeId = preferredColorTheme || FALLBACK_COLOR_THEME_ID;
-  try {
-    await applyColorTheme(colorThemeId);
-  } catch (error) {
-    if (colorThemeId === FALLBACK_COLOR_THEME_ID) {
-      throw error;
-    }
-    console.error(error);
-    await applyColorTheme(FALLBACK_COLOR_THEME_ID);
-  }
-};
-
-const iframeWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/iframe-worker/dist/iframeWorkerMain.js`;
-
-const getConfiguredIframeWorkerUrl = async () => {
-  let configuredWorkerUrl = (await get('develop.iframeWorkerPath')) || '';
-  if (configuredWorkerUrl) {
-    configuredWorkerUrl = '/remote' + configuredWorkerUrl;
+function replaceTraps(callback) {
+  idbProxyTraps = callback(idbProxyTraps);
+}
+function wrapFunction(func) {
+  // Due to expected object equality (which is enforced by the caching in `wrap`), we
+  // only create one new func per func.
+  // Cursor methods are special, as the behaviour is a little more different to standard IDB. In
+  // IDB, you advance the cursor and wait for a new 'success' on the IDBRequest that gave you the
+  // cursor. It's kinda like a promise that can resolve with many values. That doesn't make sense
+  // with real promises, so each advance methods returns a new promise for the cursor object, or
+  // undefined if the end of the cursor has been reached.
+  if (getCursorAdvanceMethods().includes(func)) {
+    return function (...args) {
+      // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use
+      // the original object.
+      func.apply(unwrap(this), args);
+      return wrap(this.request);
+    };
   }
-  configuredWorkerUrl = configuredWorkerUrl || iframeWorkerUrl;
-  return configuredWorkerUrl;
-};
-
-const state$1 = {
-  id: 0
-};
-const create$1 = () => {
-  return ++state$1.id;
-};
-
-const iframeWorkerCommandMap = {
-  'WebView.compatExtensionHostWorkerInvoke': (...args) => invoke$2('WebView.compatExtensionHostWorkerInvoke', ...args),
-  'WebView.compatExtensionHostWorkerInvokeAndTransfer': (...args) => invokeAndTransfer$2('WebView.compatExtensionHostWorkerInvokeAndTransfer', ...args),
-  'WebView.compatRendererProcessInvoke': (...args) => invoke$2('WebView.compatRendererProcessInvoke', ...args),
-  'WebView.compatRendererProcessInvokeAndTransfer': (...args) => invokeAndTransfer$2('WebView.compatRendererProcessInvokeAndTransfer', ...args),
-  // @ts-ignore
-  'WebView.compatRendererWorkerInvokeAndTransfer': (...args) => invokeAndTransfer$2(...args),
-  // @ts-ignore
-  'WebView.compatRendererWorkerInvoke': (...args) => invoke$2(...args),
-  'WebView.compatSharedProcessInvoke': (...args) => invoke$2('WebView.compatSharedProcessInvoke', ...args),
-  'WebView.getSavedState': (...args) => invoke$2('WebView.getSavedState', ...args),
-  'WebView.getWebViewInfo': (...args) => invoke$2('WebView.getWebViewInfo', ...args),
-  'WebView.getWebViews': (...args) => invoke$2('WebView.getWebViews', ...args),
-  'WebView.setPort': (...args) => invoke$2('WebView.setPort', ...args),
-  'ExtensionHostManagement.activateByEvent': (...args) => invoke$2('ExtensionHostManagement.activateByEvent', ...args),
-  'WebView.getRemoteUrl': options => getRemoteUrlForWebView(options.uri, options)
-};
-
-const launchIframeWorker = async () => {
-  const configuredWorkerUrl = await getConfiguredIframeWorkerUrl();
-  const name = 'Iframe Worker';
-  const id = create$1();
-  const rpc = await create$2({
-    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug$1,
-    name,
-    url: configuredWorkerUrl,
-    id,
-    commandMap: iframeWorkerCommandMap
-  });
-  return rpc;
-};
-
-let workerPromise;
-const ensureWorker = () => {
-  if (!workerPromise) {
-    workerPromise = launchIframeWorker();
+  return function (...args) {
+    // Calling the original function with the proxy as 'this' causes ILLEGAL INVOCATION, so we use
+    // the original object.
+    return wrap(func.apply(unwrap(this), args));
+  };
+}
+function transformCachableValue(value) {
+  if (typeof value === 'function') return wrapFunction(value);
+  // This doesn't return, it just creates a 'done' promise for the transaction,
+  // which is later returned for transaction.done (see idbObjectHandler).
+  if (value instanceof IDBTransaction) cacheDonePromiseForTransaction(value);
+  if (instanceOfAny(value, getIdbProxyableTypes())) return new Proxy(value, idbProxyTraps);
+  // Return the same value back if we're not going to transform it.
+  return value;
+}
+function wrap(value) {
+  // We sometimes generate multiple promises from a single IDBRequest (eg when cursoring), because
+  // IDB is weird and a single IDBRequest can yield many responses, so these can't be cached.
+  if (value instanceof IDBRequest) return promisifyRequest(value);
+  // If we've already transformed this value before, reuse the transformed value.
+  // This is faster, but it also provides object equality.
+  if (transformCache.has(value)) return transformCache.get(value);
+  const newValue = transformCachableValue(value);
+  // Not all types are transformed.
+  // These may be primitive types, so they can't be WeakMap keys.
+  if (newValue !== value) {
+    transformCache.set(value, newValue);
+    reverseTransformCache.set(newValue, value);
   }
-  return workerPromise;
-};
-const isActive = () => {
-  return Boolean(workerPromise);
-};
-const invoke = async (method, ...params) => {
-  const rpc = await ensureWorker();
-  return rpc.invoke(method, ...params);
-};
-const invokeAndTransfer = async (method, ...params) => {
-  const rpc = await ensureWorker();
-  return rpc.invokeAndTransfer(method, ...params);
-};
-
-const createWebView3 = async ({
-  id,
-  uri,
-  isGitpod,
-  platform,
-  assetDir,
-  webViewScheme,
-  useNewWebViewHandler
-}) => {
-  await invoke('WebView.create3', {
-    id,
-    uri,
-    isGitpod,
-    platform,
-    assetDir,
-    webViewScheme,
-    useNewWebViewHandler
-  });
-};
-
-const createWebViewWorkerRpc2 = async (rpcInfo, port) => {
-  // TODO this function is called from the iframe worker to create a direct
-  // connection between a webview/iframe and it's webworker. For this to work
-  // the iframe worker creates a messagechannel and sends one messageport to the webview
-  // and the other messageport to the webworker. This enables direct communication via
-  // the two message ports
-
-  // TODO have a way so that the worker already includes the webview api and the extension
-  // host subworker doesn't need to import the other file
-  await invokeAndTransfer$2('IpcParent.create', {
-    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
-    url: rpcInfo.url,
-    name: rpcInfo.name,
-    raw: true,
-    port
-  });
-};
+  return newValue;
+}
+const unwrap = value => reverseTransformCache.get(value);
 
 /**
- * @deprecated use createWebViewWorkerRpc2 which passes the worker url as a parameter
+ * Open a database.
+ *
+ * @param name Name of the database.
+ * @param version Schema version.
+ * @param callbacks Additional callbacks.
  */
-const createWebViewWorkerRpc = async (rpcInfo, port) => {
-  // TODO this function is called from the iframe worker to create a direct
-  // connection between a webview/iframe and it's webworker. For this to work
-  // the iframe worker creates a messagechannel and sends one messageport to the webview
-  // and the other messageport to the webworker. This enables direct communication via
-  // the two message ports
-
-  // TODO have a way so that the worker already includes the webview api and the extension
-  // host subworker doesn't need to import the other file
-  await invokeAndTransfer$2('IpcParent.create', {
-    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
-    url: extensionHostSubWorkerUrl,
-    name: rpcInfo.name,
-    raw: true,
-    port
-  });
-};
-
-const executeExternalCommand = (method, ...params) => {
-  return invoke$2(method, ...params);
-};
-
-const BraceCompletionExecuteBraceCompletionProvider = 'ExtensionHostBraceCompletion.executeBraceCompletionProvider';
-const ClosingTagExecuteClosingTagProvider = 'ExtensionHostClosingTag.executeClosingTagProvider';
-const CommandExecute = 'ExtensionHostCommand.executeCommand';
-const CompletionExecute = 'ExtensionHostCompletion.execute';
-const CompletionResolveExecute = 'ExtensionHostCompletion.executeResolve';
-const ConfigurationSetConfiguration = 'ExtensionHostConfiguration.setConfiguration';
-const DefinitionExecuteDefinitionProvider = 'ExtensionHostDefinition.executeDefinitionProvider';
-const DiagnosticExecuteDiagnosticProvider = 'ExtensionHost.executeDiagnosticProvider';
-const ExtensionActivate = 'ExtensionHostExtension.activate';
-const FileSystemGetPathSeparator = 'ExtensionHostFileSystem.getPathSeparator';
-const FileSystemReadDirWithFileTypes = 'ExtensionHostFileSystem.readDirWithFileTypes';
-const FileSystemReadFile = 'ExtensionHostFileSystem.readFile';
-const FileSystemRename = 'ExtensionHostFileSystem.rename';
-const FileSystemWriteFile = 'ExtensionHostFileSystem.writeFile';
-const FormattingExecuteFormmattingProvider = 'ExtensionHostFormatting.executeFormattingProvider';
-const HoverExecute = 'ExtensionHostHover.execute';
-const ImplementationExecuteImplementationProvider = 'ExtensionHostImplementation.executeImplementationProvider';
-const MockExec = 'ExtensionHostMockExec.mockExec';
-const MockRpc = 'ExtensionHostMockRpc.mockRpc';
-const OrganizeImportsExecute = 'ExtensionHostOrganizeImports.execute';
-const ReferenceExecuteFileReferenceProvider = 'ExtensionHostReference.executeFileReferenceProvider';
-const ReferenceExecuteReferenceProvider = 'ExtensionHostReference.executeReferenceProvider';
-const ReferenceExecuteReferenceProvider2 = 'ExtensionHostReference.executeReferenceProvider2';
-const SelectionExecuteSelectionProvider = 'ExtensionHostSelection.executeSelectionProvider';
-const SourceControlAcceptInput = 'ExtensionHostSourceControl.acceptInput';
-const SourceControlAdd = 'ExtensionHostSourceControl.add';
-const SourceControlDiscard = 'ExtensionHostSourceControl.discard';
-const SourceControlGetChangedFiles = 'ExtensionHost.sourceControlGetChangedFiles';
-const SourceControlGetEnabledProviderIds = 'ExtensionHostSourceControl.getEnabledProviderIds';
-const SourceControlGetFileBefore = 'ExtensionHostSourceControl.GetFileBefore';
-const SourceControlGetGroups = 'ExtensionHostSourceControl.getGroups';
-const StatusBarGetStatusBarItems = 'ExtensionHost.getStatusBarItems';
-const StatusBarRegisterChangeListener = 'ExtensionHostStatusBar.registerChangeListener';
-const TabCompletionExecuteTabCompletionProvider = 'ExtensionHost.executeTabCompletionProvider';
-const TextDocumentSetLanguageId = 'ExtensionHostTextDocument.setLanguageId';
-const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
-const TextDocumentSyncIncremental = 'ExtensionHostTextDocument.syncIncremental';
-const TextSearchExecuteTextSearchProvider = 'ExtensionHostTextSearch.executeTextSearchProvider';
-const TypeDefinitionExecuteTypeDefinitionProvider = 'ExtensionHostTypeDefinition.executeTypeDefinitionProvider';
-const WorkspaceSetPath = 'Workspace.setWorkspacePath';
-
-const create = () => {
-  return {
-    finished: false
-  };
-};
-const cancel = token => {
-  token.finished = true;
-};
-const isCanceled = token => {
-  return token.finished;
-};
-
-const baseName = path => {
-  const slashIndex = path.lastIndexOf('/');
-  return path.slice(slashIndex + 1);
-};
-const getExtensionId = extension => {
-  if (extension && extension.id) {
-    return extension.id;
+function openDB(name, version, {
+  blocked,
+  upgrade,
+  blocking,
+  terminated
+} = {}) {
+  const request = indexedDB.open(name, version);
+  const openPromise = wrap(request);
+  if (upgrade) {
+    request.addEventListener('upgradeneeded', event => {
+      upgrade(wrap(request.result), event.oldVersion, event.newVersion, wrap(request.transaction), event);
+    });
   }
-  if (extension && extension.path) {
-    return baseName(extension.path);
+  if (blocked) {
+    request.addEventListener('blocked', event => blocked(
+    // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405
+    event.oldVersion, event.newVersion, event));
   }
-  return '<unknown>';
-};
-
-const getUrlPrefix = (platform, extensionPath) => {
-  if (extensionPath.startsWith('http://') || extensionPath.startsWith('https://')) {
-    return extensionPath;
+  openPromise.then(db => {
+    if (terminated) db.addEventListener('close', () => terminated());
+    if (blocking) {
+      db.addEventListener('versionchange', event => blocking(event.oldVersion, event.newVersion, event));
+    }
+  }).catch(() => {});
+  return openPromise;
+}
+const readMethods = ['get', 'getKey', 'getAll', 'getAllKeys', 'count'];
+const writeMethods = ['put', 'add', 'delete', 'clear'];
+const cachedMethods = new Map();
+function getMethod(target, prop) {
+  if (!(target instanceof IDBDatabase && !(prop in target) && typeof prop === 'string')) {
+    return;
   }
-  if (platform === Web) {
-    return extensionPath;
+  if (cachedMethods.get(prop)) return cachedMethods.get(prop);
+  const targetFuncName = prop.replace(/FromIndex$/, '');
+  const useIndex = prop !== targetFuncName;
+  const isWrite = writeMethods.includes(targetFuncName);
+  if (
+  // Bail if the target doesn't exist on the target. Eg, getAll isn't in Edge.
+  !(targetFuncName in (useIndex ? IDBIndex : IDBObjectStore).prototype) || !(isWrite || readMethods.includes(targetFuncName))) {
+    return;
   }
-  if (extensionPath.startsWith('/')) {
-    return `/remote${extensionPath}`;
+  const method = async function (storeName, ...args) {
+    // isWrite ? 'readwrite' : undefined gzipps better, but fails in Edge :(
+    const tx = this.transaction(storeName, isWrite ? 'readwrite' : 'readonly');
+    let target = tx.store;
+    if (useIndex) target = target.index(args.shift());
+    // Must reject if op rejects.
+    // If it's a write operation, must reject if tx.done rejects.
+    // Must reject with op rejection first.
+    // Must resolve with op value.
+    // Must handle both promises (no unhandled rejections)
+    return (await Promise.all([target[targetFuncName](...args), isWrite && tx.done]))[0];
+  };
+  cachedMethods.set(prop, method);
+  return method;
+}
+replaceTraps(oldTraps => ({
+  ...oldTraps,
+  get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),
+  has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop)
+}));
+const advanceMethodProps = ['continue', 'continuePrimaryKey', 'advance'];
+const methodMap = {};
+const advanceResults = new WeakMap();
+const ittrProxiedCursorToOriginalProxy = new WeakMap();
+const cursorIteratorTraps = {
+  get(target, prop) {
+    if (!advanceMethodProps.includes(prop)) return target[prop];
+    let cachedFunc = methodMap[prop];
+    if (!cachedFunc) {
+      cachedFunc = methodMap[prop] = function (...args) {
+        advanceResults.set(this, ittrProxiedCursorToOriginalProxy.get(this)[prop](...args));
+      };
+    }
+    return cachedFunc;
   }
-  return `/remote/${extensionPath}`;
 };
-
-const handleRpcInfos = (extension, platform) => {
-  try {
-    if (!extension) {
-      return;
-    }
-    const rpcs = extension.rpc;
-    const urlPrefix = getUrlPrefix(platform, extension.path);
-    if (!rpcs) {
-      return;
-    }
-    if (!Array.isArray(rpcs)) {
-      return;
-    }
-    for (const rpc of rpcs) {
-      rpc.url = `${urlPrefix}/${rpc.url}`;
-      add$1(rpc.id, rpc);
-    }
-  } catch (error) {
-    console.warn(`Failed to handle extension rpcs: ${error}`);
+async function* iterate(...args) {
+  // tslint:disable-next-line:no-this-assignment
+  let cursor = this;
+  if (!(cursor instanceof IDBCursor)) {
+    cursor = await cursor.openCursor(...args);
+  }
+  if (!cursor) return;
+  cursor = cursor;
+  const proxiedCursor = new Proxy(cursor, cursorIteratorTraps);
+  ittrProxiedCursorToOriginalProxy.set(proxiedCursor, cursor);
+  // Map this double-proxy back to the original, so other cursor methods work.
+  reverseTransformCache.set(proxiedCursor, unwrap(cursor));
+  while (cursor) {
+    yield proxiedCursor;
+    // If one of the advancing methods was not called, call continue().
+    cursor = await (advanceResults.get(proxiedCursor) || cursor.continue());
+    advanceResults.delete(proxiedCursor);
+  }
+}
+function isIteratorProp(target, prop) {
+  return prop === Symbol.asyncIterator && instanceOfAny(target, [IDBIndex, IDBObjectStore, IDBCursor]) || prop === 'iterate' && instanceOfAny(target, [IDBIndex, IDBObjectStore]);
+}
+replaceTraps(oldTraps => ({
+  ...oldTraps,
+  get(target, prop, receiver) {
+    if (isIteratorProp(target, prop)) return iterate;
+    return oldTraps.get(target, prop, receiver);
+  },
+  has(target, prop) {
+    return isIteratorProp(target, prop) || oldTraps.has(target, prop);
   }
+}));
+
+const state$4 = {
+  dbVersion: 1,
+  /**
+   * @type {any}
+   */
+  cachedDb: undefined
 };
 
-class ContentSecurityPolicyError extends Error {
-  constructor(violatedDirective, sourceFile, lineNumber, columnNumber) {
-    super(`Content Security Policy Violation: ${violatedDirective}`);
-    this.name = 'ContentSecurityPolicyError';
-    this.stack = sourceFile ? `Content Security Policy Violation
-    at ${sourceFile}:${lineNumber}:${columnNumber}` : `Content Security Policy Violation
-    at <unknown>`;
-  }
-}
+const storeId = 'lvce-keyvalue';
 
-const isImportErrorChrome = error => {
-  return error && error instanceof Error && error.message.startsWith('Failed to fetch dynamically imported module');
-};
+// TODO high memory usage in idb because of transactionDoneMap
 
-const isImportErrorFirefox = error => {
-  return error && error instanceof TypeError && error.message === 'error loading dynamically imported module';
+const getDb$1 = async () => {
+  const db = await openDB(storeId, state$4.dbVersion, {
+    async upgrade(db, oldVersion) {
+      if (!db.objectStoreNames.contains(storeId)) {
+        await db.createObjectStore(storeId, {
+          autoIncrement: true
+        });
+      }
+    }
+  });
+  return db;
 };
 
-const isSyntaxError = error => {
-  return error instanceof SyntaxError;
-};
+// TODO high memory usage in idb because of transactionDoneMap
 
-const isImportError = error => {
-  return isImportErrorChrome(error) || isImportErrorFirefox(error) || isSyntaxError(error);
+const state$3 = {
+  cachedDb: undefined
 };
-
-const sleep = duration => {
-  const {
-    resolve,
-    promise
-  } = Promise.withResolvers();
-  setTimeout(resolve, duration);
-  return promise;
+const getDbMemoized$1 = async () => {
+  state$3.cachedDb ||= await getDb$1();
+  return state$3.cachedDb;
 };
 
-const NotFound = 404;
+// TODO high memory usage in idb because of transactionDoneMap
 
-const RE_LINE_COLUMN = /(.*)(?:\(\d+:\d+\))/;
-const getBabelErrorMessage = message => {
-  const match = message.match(RE_LINE_COLUMN);
-  if (match) {
-    return match[1].trim();
+const set$3 = async (key, value) => {
+  try {
+    const db = await getDbMemoized$1();
+    await db.put(storeId, value, key);
+  } catch (error) {
+    throw new VError(error, 'Failed to save value to indexed db');
   }
-  return message;
 };
-class BabelParseError extends SyntaxError {
-  constructor(url, error) {
-    const message = getBabelErrorMessage(error.message);
-    super(message);
-    this.name = 'BabelParseError';
-    // @ts-ignore
-    const {
-      line
-    } = error.loc;
-    // @ts-ignore
-    const column = error.loc.column + 1;
-    this.stack = `${message}
-  at ${url}:${line}:${column}`;
+const get$4 = async key => {
+  try {
+    const db = await getDbMemoized$1();
+    const value = await db.get(storeId, key);
+    return value;
+  } catch (error) {
+    throw new VError(error, 'Failed to get value from indexed db');
   }
-}
-
-const loadBabelParser = () => {
-  const url = `${assetDir}/js/babel-parser.js`;
-  return import(url);
-};
-
-const parse = async (code, options) => {
-  const BabelParse = await loadBabelParser();
-  return BabelParse.parse(code, options);
 };
 
-const Module = 'module';
-
-const getLineAndColumn = (text, start, end) => {
-  let index = -1;
-  let line = 0;
-  const column = 0;
-  while ((index = text.indexOf('\n', index + 1)) !== -1) {
-    line++;
-    if (index >= start) {
-      break;
-    }
-  }
-  return {
-    line,
-    column
-  };
+const getCacheKey$1 = colorThemeId => {
+  return 'color-theme-' + colorThemeId;
 };
-
-class DependencyNotFoundError extends Error {
-  constructor(code, start, end, dependencyRelativePath, dependencyUrl, sourceUrl) {
-    super(`Module not found "${dependencyRelativePath}"`);
-    const {
-      line,
-      column
-    } = getLineAndColumn(code, start);
-    this.stack = `${this.message}
-    at Module (${sourceUrl}:${line}:${column})`;
-  }
-}
-
-const ArrowFunctionExpression = 'ArrowFunctionExpression';
-const AwaitExpression = 'AwaitExpression';
-const BlockStatement = 'BlockStatement';
-const CallExpression = 'CallExpression';
-const ExportAllDeclaration = 'ExportAllDeclaration';
-const ExportNamedDeclaration = 'ExportNamedDeclaration';
-const ExpressionStatement = 'ExpressionStatement';
-const File$2 = 'File';
-const Import = 'Import';
-const ImportDeclaration = 'ImportDeclaration';
-const Program = 'Program';
-const StringLiteral = 'StringLiteral';
-const VariableDeclaration = 'VariableDeclaration';
-const VariableDeclarator = 'VariableDeclarator';
-
-const walk = (node, visitor) => {
-  if (!node) {
-    return;
-  }
-  if (Array.isArray(node)) {
-    for (const item of node) {
-      walk(item, visitor);
-    }
-    return;
-  }
-  visitor(node);
-  switch (node.type) {
-    case File$2:
-      walk(node.program, visitor);
-      break;
-    case Program:
-      walk(node.body, visitor);
-      break;
-    case ExportNamedDeclaration:
-      walk(node.declaration, visitor);
-      break;
-    case VariableDeclaration:
-      walk(node.declarations, visitor);
-      break;
-    case VariableDeclarator:
-      walk(node.init, visitor);
-      break;
-    case ArrowFunctionExpression:
-      walk(node.body, visitor);
-      break;
-    case BlockStatement:
-      walk(node.body, visitor);
-      break;
-    case ExpressionStatement:
-      walk(node.expression, visitor);
-      break;
-    case AwaitExpression:
-      walk(node.argument, visitor);
-      break;
-    case CallExpression:
-      walk(node.callee, visitor);
-      break;
-  }
+const get$3 = colorThemeId => {
+  const cacheKey = getCacheKey$1(colorThemeId);
+  return get$4(cacheKey);
 };
-
-const getBabelAstDependencies = (code, ast) => {
-  const {
-    program
-  } = ast;
-  const {
-    body
-  } = program;
-  const dependencies = [];
-  for (const node of body) {
-    if (node.type === ImportDeclaration || node.type === ExportAllDeclaration) {
-      const relativePath = node.source.extra.rawValue;
-      const {
-        start
-      } = node.source;
-      const {
-        end
-      } = node.source;
-      // @ts-ignore
-      dependencies.push({
-        relativePath,
-        code,
-        start,
-        end
-      });
-    } else if (node.type === VariableDeclaration && node.declarations && node.declarations[0] && node.declarations[0].type === VariableDeclarator && node.declarations[0].init && node.declarations[0].init.type === AwaitExpression && node.declarations[0].init.argument && node.declarations[0].init.argument.type === CallExpression && node.declarations[0].init.argument.callee && node.declarations[0].init.argument.callee.type === Import && node.declarations[0].init.argument.arguments && node.declarations[0].init.argument.arguments[0] && node.declarations[0].init.argument.arguments[0].type === StringLiteral) {
-      const relativePath = node.declarations[0].init.argument.arguments[0].extra.rawValue;
-      const {
-        start
-      } = node.declarations[0].init.argument.arguments[0];
-      const {
-        end
-      } = node.declarations[0].init.argument.arguments[0];
-      // @ts-ignore
-      dependencies.push({
-        relativePath,
-        code,
-        start,
-        end
-      });
-    }
-  }
-  const visitor = node => {
-    if (node && node.type === CallExpression && node.callee && node.callee.type === Import && node.arguments && node.arguments[0] && node.arguments[0].type === StringLiteral) {
-      const relativePath = node.arguments[0].extra.rawValue;
-      const {
-        start
-      } = node.arguments[0];
-      const {
-        end
-      } = node.arguments[0];
-      // @ts-ignore
-      dependencies.push({
-        relativePath,
-        code,
-        start,
-        end
-      });
-    }
-  };
-  walk(ast, visitor);
-  return dependencies;
+const set$2 = (colorThemeId, data) => {
+  const cacheKey = getCacheKey$1(colorThemeId);
+  return set$3(cacheKey, data);
 };
 
-const isBabelError = error => {
-  // @ts-ignore
-  return isSyntaxError(error) && error.code === BABEL_PARSER_SYNTAX_ERROR;
+const GetColorThemeCssCachedIndexedDb = {
+  __proto__: null,
+  get: get$3,
+  set: set$2
 };
 
-const getOrigin = () => {
-  return location.origin;
+const getText$1 = key => {
+  return invoke$2('LocalStorage.getText', key);
+};
+const setText = (key, value) => {
+  return invoke$2('LocalStorage.setText', key, value);
 };
 
-const getAbsoluteUrl = (relativePath, sourceUrl) => {
-  if (sourceUrl.startsWith('/')) {
-    const origin = getOrigin();
-    const absoluteSourceUrl = new URL(sourceUrl, origin).toString();
-    return new URL(relativePath, absoluteSourceUrl).toString();
+const getCacheKey = colorThemeId => {
+  return 'lvce-color-theme-' + colorThemeId;
+};
+const get$2 = colorThemeId => {
+  const cacheKey = getCacheKey(colorThemeId);
+  return getText$1(cacheKey);
+};
+const set$1 = (colorThemeId, data) => {
+  const cacheKey = getCacheKey(colorThemeId);
+  return setText(cacheKey, data);
+};
+
+const GetColorThemeCssCachedLocalStorage = {
+  __proto__: null,
+  get: get$2,
+  set: set$1
+};
+
+const get$1 = colorThemeId => {
+  return '';
+};
+const set = (colorThemeId, data) => {
+  //  noop
+};
+
+const GetColorThemeCssCachedNoop = {
+  __proto__: null,
+  get: get$1,
+  set
+};
+
+const get = key => {
+  return invoke$2('Preferences.get', key);
+};
+
+const getCacheFn = config => {
+  switch (config) {
+    case 'localStorage':
+      return GetColorThemeCssCachedLocalStorage;
+    case 'indexedDb':
+      return GetColorThemeCssCachedIndexedDb;
+    default:
+      return GetColorThemeCssCachedNoop;
   }
-  return new URL(relativePath, sourceUrl).toString();
+};
+const getColorThemeCssCached = async (colorThemeId, getData) => {
+  const config = await get('colorTheme.cache');
+  const module = await getCacheFn(config);
+  const cachedData = await module.get(colorThemeId);
+  if (cachedData) {
+    return cachedData;
+  }
+  const newData = await getData(colorThemeId);
+  await module.set(colorThemeId, newData);
+  return newData;
 };
 
-const isExternal = url => {
-  if (url.startsWith('/')) {
-    return false;
+const readJson = url => {
+  return invoke$2('FileSystem.readJson', url);
+};
+
+const dirname = (pathSeparator, path) => {
+  const index = path.lastIndexOf(pathSeparator);
+  if (index === -1) {
+    return path;
   }
-  if (url.startsWith(location.protocol)) {
-    return false;
+  return path.slice(0, index);
+};
+const extname = path => {
+  const index = path.lastIndexOf('.');
+  if (index === -1) {
+    return '';
   }
-  return true;
+  return path.slice(index);
 };
-const getErrorInDependencies = async (url, dependencies, seenUrls) => {
-  for (const dependency of dependencies) {
-    const dependencyUrl = getAbsoluteUrl(dependency.relativePath, url);
-    if (isExternal(dependencyUrl) || seenUrls.includes(dependencyUrl)) {
+const join = (pathSeparator, ...parts) => {
+  return parts.join(pathSeparator);
+};
+
+const getColorThemeUri = (extensions, colorThemeId) => {
+  for (const extension of extensions) {
+    if (!extension.colorThemes) {
       continue;
     }
-    seenUrls.push(dependencyUrl);
-    // let dependencyResponse
-    // try {
-    const dependencyResponse = await fetch(dependencyUrl);
-    // } catch (error) {}
-    if (dependencyResponse.ok) {
-      await tryToGetActualErrorMessage(null, dependencyUrl, dependencyResponse, seenUrls);
-    } else {
-      switch (dependencyResponse.status) {
-        case NotFound:
-          throw new DependencyNotFoundError(dependency.code, dependency.start, dependency.end, dependency.relativePath, dependencyUrl, url);
-        // return `Failed to import ${url}: ${error}`
+    for (const colorTheme of extension.colorThemes) {
+      if (colorTheme.id !== colorThemeId) {
+        continue;
       }
+      const absolutePath = join('/', extension.uri, colorTheme.path);
+      return absolutePath;
     }
   }
+  return '';
 };
 
-/**
- *
- * @param {string} url
- * @param {Response} response
- * @returns
- */
-const tryToGetActualErrorMessage = async (error, url, response, seenUrls = []) => {
-  let text;
-  try {
-    text = await response.text();
-  } catch {
-    return `Failed to import ${url}: Unknown Network Error`;
+const extensionsUrl = `${assetDir}/config/extensions.json`;
+
+const getWebExtensions = async () => {
+  return getJson(extensionsUrl);
+};
+
+const getSharedProcessExtensions = () => {
+  return invoke$2(/* ExtensionManagement.getExtensions */'ExtensionManagement.getExtensions');
+};
+const doGetExtensions = async () => {
+  const meta = state$5.webExtensions;
+  if (platform === Web) {
+    const webExtensions = await getWebExtensions();
+    return [...webExtensions, ...meta];
   }
-  let ast;
-  try {
-    ast = await parse(text, {
-      sourceType: Module
-    });
-  } catch (error) {
-    if (isBabelError(error)) {
-      throw new BabelParseError(url, error);
-    }
-    throw error;
+  if (platform === Remote) {
+    const sharedProcessExtensions = await getSharedProcessExtensions();
+    return [...sharedProcessExtensions, ...meta];
   }
-  const dependencies = getBabelAstDependencies(text, ast);
-  await getErrorInDependencies(url, dependencies, seenUrls);
-  if (hasRecentErrors()) {
-    const recentError = getRecentError();
-    // @ts-ignore
-    throw new ContentSecurityPolicyError(recentError.violatedDirective, recentError.sourceFile, recentError.lineNumber, recentError.columnNumber);
+  const extensions = await getSharedProcessExtensions();
+  return extensions;
+};
+
+const getExtensions$1 = async () => {
+  return doGetExtensions();
+};
+
+// TODO getExtensions is still called 6 times on startup instead of 1
+const getExtensions = () => {
+  if (!has()) {
+    set$4(getExtensions$1());
   }
-  const contentType = response.headers.get('Content-Type');
-  if (url.endsWith('.ts') && contentType === null) {
-    return `Failed to import ${url}: Missing Content-Type header for javascript`;
+  return get$5();
+};
+
+const getColorThemeJson$2 = async colorThemeId => {
+  const extensions = await getExtensions();
+  const colorThemeUri = getColorThemeUri(extensions, colorThemeId);
+  const json = await readJson(colorThemeUri);
+  return json;
+};
+
+const getColorThemeUrlWeb = colorThemeId => {
+  return `${assetDir}/extensions/builtin.theme-${colorThemeId}/color-theme.json`;
+};
+const getColorThemeJson$1 = colorThemeId => {
+  const url = getColorThemeUrlWeb(colorThemeId);
+  // TODO handle error ?
+  return getJson(url);
+};
+
+const getColorThemeJson = colorThemeId => {
+  if (platform === Web) {
+    return getColorThemeJson$1(colorThemeId);
   }
-  return `Failed to import ${url}: Unknown Network Error`;
+  return getColorThemeJson$2(colorThemeId);
 };
 
-const tryToGetActualImportErrorMessage = async (url, error) => {
-  let response;
+const getColorThemeCssFromJson = async (colorThemeId, colorThemeJson) => {
+  const colorThemeCss = createColorThemeFromJson(/* colorThemeId */colorThemeId, /* colorThemeJson */colorThemeJson);
+  return colorThemeCss;
+  // TODO generate color theme from jsonc
+};
+const getColorThemeCssNew = async colorThemeId => {
+  const colorThemeJson = await getColorThemeJson(colorThemeId);
+  const colorThemeCss = await getColorThemeCssFromJson(colorThemeId, colorThemeJson);
+  return colorThemeCss;
+};
+const getColorThemeCss = colorThemeId => {
+  return getColorThemeCssCached(colorThemeId, getColorThemeCssNew);
+};
+
+const getMetaThemeColor = colorThemeJson => {
+  return colorThemeJson && colorThemeJson.colors && colorThemeJson.colors.TitleBarBackground;
+};
+
+const setThemeColor = async themeColor => {
+  await invoke$2(/* Meta.setThemeColor */'Meta.setThemeColor', /* color */themeColor);
+};
+
+// TODO by default color theme should come from local storage, session storage, cache storage, indexeddb or blob url -> fast initial load
+// actual color theme can be computed after workbench has loaded (most times will be the same and doesn't need to be computed)
+
+const state$2 = {
+  watchedTheme: ''
+};
+const FALLBACK_COLOR_THEME_ID = 'slime';
+
+// TODO json parsing should also happen in renderer worker
+// so that all validation is here (json parsing errors, invalid shape, ...)
+
+const applyColorTheme = async colorThemeId => {
   try {
-    response = await fetch(url);
+    string(colorThemeId);
+    state$2.colorTheme = colorThemeId;
+    const colorThemeCss = await getColorThemeCss(colorThemeId);
+    await addCssStyleSheet('ContributedColorTheme', colorThemeCss);
+    if (platform === Web) {
+      const themeColor = getMetaThemeColor(colorThemeId) || '';
+      await setThemeColor(themeColor);
+    }
+    if (platform !== Web && (await get('development.watchColorTheme'))) {
+      watch(colorThemeId);
+    }
   } catch (error) {
-    return `Failed to import ${url}: ${error}`;
-  }
-  if (response.ok) {
-    return await tryToGetActualErrorMessage(error, url, response);
+    throw new VError(error, `Failed to apply color theme "${colorThemeId}"`);
   }
-  switch (response.status) {
-    case NotFound:
-      throw new Error(`Failed to import ${url}: Not found (404)`);
-    default:
-      return `Failed to import ${url}: ${error}`;
+};
+const watch = async id => {
+  if (state$2.watchedTheme === id) {
+    return;
   }
+  state$2.watchedTheme = id;
+  await invoke$2('ExtensionHost.watchColorTheme', id);
+};
+const getPreferredColorTheme = () => {
+  const preferredColorTheme = get('workbench.colorTheme');
+  return preferredColorTheme;
 };
 
-const importScript = async url => {
+// TODO test this, and also the error case
+// TODO have icon theme, color theme together (maybe)
+const hydrate$1 = async () => {
+  const preferredColorTheme = await getPreferredColorTheme();
+  const colorThemeId = preferredColorTheme || FALLBACK_COLOR_THEME_ID;
   try {
-    return await import(url);
+    await applyColorTheme(colorThemeId);
   } catch (error) {
-    if (isImportError(error)) {
-      const actualErrorMessage = await tryToGetActualImportErrorMessage(url, error);
-      throw new Error(actualErrorMessage);
-    }
-    // content security policy errors arrive a little bit later
-    await sleep(0);
-    if (hasRecentErrors()) {
-      const recentError = getRecentError();
-      // @ts-ignore
-      throw new ContentSecurityPolicyError(recentError.violatedDirective, recentError.sourceFile, recentError.lineNumber, recentError.columnNumber);
+    if (colorThemeId === FALLBACK_COLOR_THEME_ID) {
+      throw error;
     }
-    throw error;
+    console.error(error);
+    await applyColorTheme(FALLBACK_COLOR_THEME_ID);
   }
 };
 
-const activationTimeout = 10_000;
-const rejectAfterTimeout = async (timeout, token) => {
-  await sleep(timeout);
-  if (isCanceled(token)) {
-    return;
+const iframeWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/iframe-worker/dist/iframeWorkerMain.js`;
+
+const getConfiguredIframeWorkerUrl = async () => {
+  let configuredWorkerUrl = (await get('develop.iframeWorkerPath')) || '';
+  if (configuredWorkerUrl) {
+    configuredWorkerUrl = '/remote' + configuredWorkerUrl;
   }
-  throw new Error(`Activation timeout of ${timeout}ms exceeded`);
+  configuredWorkerUrl = configuredWorkerUrl || iframeWorkerUrl;
+  return configuredWorkerUrl;
 };
-const activate = async (extension, absolutePath) => {
-  try {
-    string(extension.path);
-    string(extension.browser);
-    string(absolutePath);
-    const module = await importScript(absolutePath);
-    handleRpcInfos(extension, platform);
-    const token = create();
-    try {
-      await Promise.race([module.activate(extension), rejectAfterTimeout(activationTimeout, token)]);
-    } catch (error) {
-      if (isImportError(error)) {
-        const actualErrorMessage = await tryToGetActualImportErrorMessage(absolutePath, error);
-        throw new Error(actualErrorMessage);
-      }
-      throw error;
-    } finally {
-      cancel(token);
-    }
-  } catch (error) {
-    const id = getExtensionId(extension);
-    throw new VError(error, `Failed to activate extension ${id}`);
+
+const state$1 = {
+  id: 0
+};
+const create = () => {
+  return ++state$1.id;
+};
+
+const iframeWorkerCommandMap = {
+  'WebView.compatExtensionHostWorkerInvoke': (...args) => invoke$2('WebView.compatExtensionHostWorkerInvoke', ...args),
+  'WebView.compatExtensionHostWorkerInvokeAndTransfer': (...args) => invokeAndTransfer$2('WebView.compatExtensionHostWorkerInvokeAndTransfer', ...args),
+  'WebView.compatRendererProcessInvoke': (...args) => invoke$2('WebView.compatRendererProcessInvoke', ...args),
+  'WebView.compatRendererProcessInvokeAndTransfer': (...args) => invokeAndTransfer$2('WebView.compatRendererProcessInvokeAndTransfer', ...args),
+  // @ts-ignore
+  'WebView.compatRendererWorkerInvokeAndTransfer': (...args) => invokeAndTransfer$2(...args),
+  // @ts-ignore
+  'WebView.compatRendererWorkerInvoke': (...args) => invoke$2(...args),
+  'WebView.compatSharedProcessInvoke': (...args) => invoke$2('WebView.compatSharedProcessInvoke', ...args),
+  'WebView.getSavedState': (...args) => invoke$2('WebView.getSavedState', ...args),
+  'WebView.getWebViewInfo': (...args) => invoke$2('WebView.getWebViewInfo', ...args),
+  'WebView.getWebViews': (...args) => invoke$2('WebView.getWebViews', ...args),
+  'WebView.setPort': (...args) => invoke$2('WebView.setPort', ...args),
+  'ExtensionHostManagement.activateByEvent': (...args) => invoke$2('ExtensionHostManagement.activateByEvent', ...args),
+  'WebView.getRemoteUrl': options => getRemoteUrlForWebView(options.uri, options)
+};
+
+const launchIframeWorker = async () => {
+  const configuredWorkerUrl = await getConfiguredIframeWorkerUrl();
+  const name = 'Iframe Worker';
+  const id = create();
+  const rpc = await create$2({
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug$1,
+    name,
+    url: configuredWorkerUrl,
+    id,
+    commandMap: iframeWorkerCommandMap
+  });
+  return rpc;
+};
+
+let workerPromise;
+const ensureWorker = () => {
+  if (!workerPromise) {
+    workerPromise = launchIframeWorker();
   }
-  // console.info('activated', path)
+  return workerPromise;
+};
+const isActive = () => {
+  return Boolean(workerPromise);
+};
+const invoke = async (method, ...params) => {
+  const rpc = await ensureWorker();
+  return rpc.invoke(method, ...params);
+};
+const invokeAndTransfer = async (method, ...params) => {
+  const rpc = await ensureWorker();
+  return rpc.invokeAndTransfer(method, ...params);
+};
+
+const createWebView3 = async ({
+  id,
+  uri,
+  isGitpod,
+  platform,
+  assetDir,
+  webViewScheme,
+  useNewWebViewHandler
+}) => {
+  await invoke('WebView.create3', {
+    id,
+    uri,
+    isGitpod,
+    platform,
+    assetDir,
+    webViewScheme,
+    useNewWebViewHandler
+  });
+};
+
+const createWebViewWorkerRpc2 = async (rpcInfo, port) => {
+  // TODO this function is called from the iframe worker to create a direct
+  // connection between a webview/iframe and it's webworker. For this to work
+  // the iframe worker creates a messagechannel and sends one messageport to the webview
+  // and the other messageport to the webworker. This enables direct communication via
+  // the two message ports
+
+  // TODO have a way so that the worker already includes the webview api and the extension
+  // host subworker doesn't need to import the other file
+  await invokeAndTransfer$2('IpcParent.create', {
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    url: rpcInfo.url,
+    name: rpcInfo.name,
+    raw: true,
+    port
+  });
+};
+
+/**
+ * @deprecated use createWebViewWorkerRpc2 which passes the worker url as a parameter
+ */
+const createWebViewWorkerRpc = async (rpcInfo, port) => {
+  // TODO this function is called from the iframe worker to create a direct
+  // connection between a webview/iframe and it's webworker. For this to work
+  // the iframe worker creates a messagechannel and sends one messageport to the webview
+  // and the other messageport to the webworker. This enables direct communication via
+  // the two message ports
+
+  // TODO have a way so that the worker already includes the webview api and the extension
+  // host subworker doesn't need to import the other file
+  await invokeAndTransfer$2('IpcParent.create', {
+    method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
+    url: extensionHostSubWorkerUrl,
+    name: rpcInfo.name,
+    raw: true,
+    port
+  });
 };
 
+const executeExternalCommand = (method, ...params) => {
+  return invoke$2(method, ...params);
+};
+
+const BraceCompletionExecuteBraceCompletionProvider = 'ExtensionHostBraceCompletion.executeBraceCompletionProvider';
+const ClosingTagExecuteClosingTagProvider = 'ExtensionHostClosingTag.executeClosingTagProvider';
+const CommandExecute = 'ExtensionHostCommand.executeCommand';
+const CompletionExecute = 'ExtensionHostCompletion.execute';
+const CompletionResolveExecute = 'ExtensionHostCompletion.executeResolve';
+const ConfigurationSetConfiguration = 'ExtensionHostConfiguration.setConfiguration';
+const DefinitionExecuteDefinitionProvider = 'ExtensionHostDefinition.executeDefinitionProvider';
+const DiagnosticExecuteDiagnosticProvider = 'ExtensionHost.executeDiagnosticProvider';
+const ExtensionActivate = 'ExtensionHostExtension.activate';
+const FileSystemGetPathSeparator = 'ExtensionHostFileSystem.getPathSeparator';
+const FileSystemReadDirWithFileTypes = 'ExtensionHostFileSystem.readDirWithFileTypes';
+const FileSystemReadFile = 'ExtensionHostFileSystem.readFile';
+const FileSystemRename = 'ExtensionHostFileSystem.rename';
+const FileSystemWriteFile = 'ExtensionHostFileSystem.writeFile';
+const FormattingExecuteFormmattingProvider = 'ExtensionHostFormatting.executeFormattingProvider';
+const HoverExecute = 'ExtensionHostHover.execute';
+const ImplementationExecuteImplementationProvider = 'ExtensionHostImplementation.executeImplementationProvider';
+const MockExec = 'ExtensionHostMockExec.mockExec';
+const MockRpc = 'ExtensionHostMockRpc.mockRpc';
+const OrganizeImportsExecute = 'ExtensionHostOrganizeImports.execute';
+const ReferenceExecuteFileReferenceProvider = 'ExtensionHostReference.executeFileReferenceProvider';
+const ReferenceExecuteReferenceProvider = 'ExtensionHostReference.executeReferenceProvider';
+const ReferenceExecuteReferenceProvider2 = 'ExtensionHostReference.executeReferenceProvider2';
+const SelectionExecuteSelectionProvider = 'ExtensionHostSelection.executeSelectionProvider';
+const SourceControlAcceptInput = 'ExtensionHostSourceControl.acceptInput';
+const SourceControlAdd = 'ExtensionHostSourceControl.add';
+const SourceControlDiscard = 'ExtensionHostSourceControl.discard';
+const SourceControlGetChangedFiles = 'ExtensionHost.sourceControlGetChangedFiles';
+const SourceControlGetEnabledProviderIds = 'ExtensionHostSourceControl.getEnabledProviderIds';
+const SourceControlGetFileBefore = 'ExtensionHostSourceControl.GetFileBefore';
+const SourceControlGetGroups = 'ExtensionHostSourceControl.getGroups';
+const StatusBarGetStatusBarItems = 'ExtensionHost.getStatusBarItems';
+const StatusBarRegisterChangeListener = 'ExtensionHostStatusBar.registerChangeListener';
+const TabCompletionExecuteTabCompletionProvider = 'ExtensionHost.executeTabCompletionProvider';
+const TextDocumentSetLanguageId = 'ExtensionHostTextDocument.setLanguageId';
+const TextDocumentSyncFull = 'ExtensionHostTextDocument.syncFull';
+const TextDocumentSyncIncremental = 'ExtensionHostTextDocument.syncIncremental';
+const TextSearchExecuteTextSearchProvider = 'ExtensionHostTextSearch.executeTextSearchProvider';
+const TypeDefinitionExecuteTypeDefinitionProvider = 'ExtensionHostTypeDefinition.executeTypeDefinitionProvider';
+const WorkspaceSetPath = 'Workspace.setWorkspacePath';
+
 class ExecError extends Error {
   constructor(command, args, stdout, stderr, exitCode) {
     super(`Failed to execute ${command}: process exited with code ${exitCode}`);
@@ -5092,20 +5198,23 @@ const getIconThemeJson = async iconThemeId => {
 };
 
 const getRpcInfo = rpcId => {
-  const info = get$7(rpcId);
+  const info = get$8(rpcId);
   if (!info) {
     throw new Error(`Rpc not found ${rpcId}`);
   }
   return info;
 };
 
+const emptyStatus = {
+  status: None,
+  id: '',
+  activationEvent: '',
+  activationStartTime: 0,
+  activationEndTime: 0,
+  activationTime: 0
+};
 const getRuntimeStatus = extensionId => {
-  return {
-    status: 'not-running',
-    id: extensionId,
-    activationEvent: '',
-    activationTime: 0
-  };
+  return get$6(extensionId) || emptyStatus;
 };
 
 const getWebViewInfo2 = providerId => {
@@ -5214,6 +5323,35 @@ const hydrate = async () => {
   await setIconTheme(iconThemeId);
 };
 
+const importExtension = async (extensionId, absolutePath, activationEvent) => {
+  try {
+    string(absolutePath);
+    set$5({
+      activationEvent: activationEvent,
+      id: extensionId,
+      activationStartTime: performance.now(),
+      status: Importing,
+      activationEndTime: 0,
+      activationTime: 0
+    });
+    try {
+      const module = await importScript(absolutePath);
+      set$6(extensionId, module);
+      update(extensionId, {
+        status: Error$1 // TODO maybe store error also in runtime status state
+      });
+    } catch (error) {
+      if (isImportError(error)) {
+        const actualErrorMessage = await tryToGetActualImportErrorMessage(absolutePath, error);
+        throw new Error(actualErrorMessage);
+      }
+      throw error;
+    }
+  } catch (error) {
+    throw new VError(error, `Failed to import extension ${extensionId}`);
+  }
+};
+
 const isDataCloneError = error => {
   return error && error.name === 'DataCloneError';
 };
@@ -5732,7 +5870,9 @@ const commandMap = {
   'ColorTheme.getColorThemeNames': getColorThemeNames,
   'ColorTheme.hydrate': hydrate$1,
   'ExecuteExternalCommand.executeExternalCommand': executeExternalCommand,
+  'ExtensionHost.activateExtension2': activateExtension2,
   'ExtensionHost.getRuntimeStatus': getRuntimeStatus,
+  'ExtensionHost.importExtension': importExtension,
   'ExtensionHost.launchIframeWorker': launchIframeWorker,
   'ExtensionHostDebug.evaluate': evaluate,
   'ExtensionHostDebug.getCallStack': getCallStack,
@@ -5816,7 +5956,7 @@ const commandMap = {
   [ConfigurationSetConfiguration]: setConfigurations,
   [DefinitionExecuteDefinitionProvider]: executeDefinitionProvider,
   [DiagnosticExecuteDiagnosticProvider]: executeDiagnosticProvider,
-  [ExtensionActivate]: activate,
+  [ExtensionActivate]: activateExtension,
   [FileSystemGetPathSeparator]: getPathSeparator,
   [FileSystemReadDirWithFileTypes]: readDirWithFileTypes$2,
   [FileSystemReadFile]: readFile$2,