@lvce-editor/extension-detail-view 6.8.0 → 7.1.0

package/dist/extensionDetailViewWorkerMain.js

@@ -85,7 +85,7 @@ const copyLink = () => {
 const resources = () => {
   return i18nString(Resources$1);
 };
-const copy$1 = () => {
+const copy = () => {
   return i18nString(Copy);
 };
 const copyImage$1 = () => {
@@ -324,22 +324,339 @@ const A = 53;
 const Ul = 60;
 const Code$2 = 65;
 const Dt = 67;
+const Reference = 100;
+
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const TargetHref = 'event.target.href';
+const TargetName = 'event.target.name';
 
 const LeftArrow = 13;
 const RightArrow = 15;
 
+const Script$1 = 2;
+
+const ExtensionDetailReadme = 20;
+const ExtensionDetailIconContextMenu$2 = 4091;
+
+const None$2 = 0;
+
+const Web$1 = 1;
+const Electron$1 = 2;
+
+const ExtensionHostWorker = 44;
+const ExtensionManagementWorker = 9006;
+const FileSystemWorker$1 = 209;
+const MarkdownWorker$1 = 300;
+const RendererWorker = 1;
+
+const FocusElementByName = 'Viewlet.focusElementByName';
+const SetDom2 = 'Viewlet.setDom2';
+const SetFocusContext = 'Viewlet.setFocusContext';
+const SetPatches = 'Viewlet.setPatches';
+
+const FocusExtensionDetailTabs = 451;
+
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
 
 const text = data => {
   return {
-    type: Text$1,
+    childCount: 0,
     text: data,
-    childCount: 0
+    type: Text$1
+  };
+};
+
+const SetText = 1;
+const Replace = 2;
+const SetAttribute = 3;
+const RemoveAttribute = 4;
+const Add = 6;
+const NavigateChild = 7;
+const NavigateParent = 8;
+const RemoveChild = 9;
+const NavigateSibling = 10;
+const SetReferenceNodeUid = 11;
+
+const isKey = key => {
+  return key !== 'type' && key !== 'childCount';
+};
+
+const getKeys = node => {
+  const keys = Object.keys(node).filter(isKey);
+  return keys;
+};
+
+const arrayToTree = nodes => {
+  const result = [];
+  let i = 0;
+  while (i < nodes.length) {
+    const node = nodes[i];
+    const {
+      children,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, node.childCount || 0);
+    result.push({
+      node,
+      children
+    });
+    i += 1 + nodesConsumed;
+  }
+  return result;
+};
+const getChildrenWithCount = (nodes, startIndex, childCount) => {
+  if (childCount === 0) {
+    return {
+      children: [],
+      nodesConsumed: 0
+    };
+  }
+  const children = [];
+  let i = startIndex;
+  let remaining = childCount;
+  let totalConsumed = 0;
+  while (remaining > 0 && i < nodes.length) {
+    const node = nodes[i];
+    const nodeChildCount = node.childCount || 0;
+    const {
+      children: nodeChildren,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, nodeChildCount);
+    children.push({
+      node,
+      children: nodeChildren
+    });
+    const nodeSize = 1 + nodesConsumed;
+    i += nodeSize;
+    totalConsumed += nodeSize;
+    remaining--;
+  }
+  return {
+    children,
+    nodesConsumed: totalConsumed
   };
 };
 
+const compareNodes = (oldNode, newNode) => {
+  const patches = [];
+  // Check if node type changed - return null to signal incompatible nodes
+  // (caller should handle this with a Replace operation)
+  if (oldNode.type !== newNode.type) {
+    return null;
+  }
+  // Handle reference nodes - special handling for uid changes
+  if (oldNode.type === Reference) {
+    if (oldNode.uid !== newNode.uid) {
+      patches.push({
+        type: SetReferenceNodeUid,
+        uid: newNode.uid
+      });
+    }
+    return patches;
+  }
+  // Handle text nodes
+  if (oldNode.type === Text$1 && newNode.type === Text$1) {
+    if (oldNode.text !== newNode.text) {
+      patches.push({
+        type: SetText,
+        value: newNode.text
+      });
+    }
+    return patches;
+  }
+  // Compare attributes
+  const oldKeys = getKeys(oldNode);
+  const newKeys = getKeys(newNode);
+  // Check for attribute changes
+  for (const key of newKeys) {
+    if (oldNode[key] !== newNode[key]) {
+      patches.push({
+        type: SetAttribute,
+        key,
+        value: newNode[key]
+      });
+    }
+  }
+  // Check for removed attributes
+  for (const key of oldKeys) {
+    if (!(key in newNode)) {
+      patches.push({
+        type: RemoveAttribute,
+        key
+      });
+    }
+  }
+  return patches;
+};
+
+const treeToArray = node => {
+  const result = [node.node];
+  for (const child of node.children) {
+    result.push(...treeToArray(child));
+  }
+  return result;
+};
+
+const diffChildren = (oldChildren, newChildren, patches) => {
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  // Track where we are: -1 means at parent, >= 0 means at child index
+  let currentChildIndex = -1;
+  // Collect indices of children to remove (we'll add these patches at the end in reverse order)
+  const indicesToRemove = [];
+  for (let i = 0; i < maxLength; i++) {
+    const oldNode = oldChildren[i];
+    const newNode = newChildren[i];
+    if (!oldNode && !newNode) {
+      continue;
+    }
+    if (!oldNode) {
+      // Add new node - we should be at the parent
+      if (currentChildIndex >= 0) {
+        // Navigate back to parent
+        patches.push({
+          type: NavigateParent
+        });
+        currentChildIndex = -1;
+      }
+      // Flatten the entire subtree so renderInternal can handle it
+      const flatNodes = treeToArray(newNode);
+      patches.push({
+        type: Add,
+        nodes: flatNodes
+      });
+    } else if (newNode) {
+      // Compare nodes to see if we need any patches
+      const nodePatches = compareNodes(oldNode.node, newNode.node);
+      // If nodePatches is null, the node types are incompatible - need to replace
+      if (nodePatches === null) {
+        // Navigate to this child
+        if (currentChildIndex === -1) {
+          patches.push({
+            type: NavigateChild,
+            index: i
+          });
+          currentChildIndex = i;
+        } else if (currentChildIndex !== i) {
+          patches.push({
+            type: NavigateSibling,
+            index: i
+          });
+          currentChildIndex = i;
+        }
+        // Replace the entire subtree
+        const flatNodes = treeToArray(newNode);
+        patches.push({
+          type: Replace,
+          nodes: flatNodes
+        });
+        // After replace, we're at the new element (same position)
+        continue;
+      }
+      // Check if we need to recurse into children
+      const hasChildrenToCompare = oldNode.children.length > 0 || newNode.children.length > 0;
+      // Only navigate to this element if we need to do something
+      if (nodePatches.length > 0 || hasChildrenToCompare) {
+        // Navigate to this child if not already there
+        if (currentChildIndex === -1) {
+          patches.push({
+            type: NavigateChild,
+            index: i
+          });
+          currentChildIndex = i;
+        } else if (currentChildIndex !== i) {
+          patches.push({
+            type: NavigateSibling,
+            index: i
+          });
+          currentChildIndex = i;
+        }
+        // Apply node patches (these apply to the current element, not children)
+        if (nodePatches.length > 0) {
+          patches.push(...nodePatches);
+        }
+        // Compare children recursively
+        if (hasChildrenToCompare) {
+          diffChildren(oldNode.children, newNode.children, patches);
+        }
+      }
+    } else {
+      // Remove old node - collect the index for later removal
+      indicesToRemove.push(i);
+    }
+  }
+  // Navigate back to parent if we ended at a child
+  if (currentChildIndex >= 0) {
+    patches.push({
+      type: NavigateParent
+    });
+    currentChildIndex = -1;
+  }
+  // Add remove patches in reverse order (highest index first)
+  // This ensures indices remain valid as we remove
+  for (let j = indicesToRemove.length - 1; j >= 0; j--) {
+    patches.push({
+      type: RemoveChild,
+      index: indicesToRemove[j]
+    });
+  }
+};
+const diffTrees = (oldTree, newTree, patches, path) => {
+  // At the root level (path.length === 0), we're already AT the element
+  // So we compare the root node directly, then compare its children
+  if (path.length === 0 && oldTree.length === 1 && newTree.length === 1) {
+    const oldNode = oldTree[0];
+    const newNode = newTree[0];
+    // Compare root nodes
+    const nodePatches = compareNodes(oldNode.node, newNode.node);
+    // If nodePatches is null, the root node types are incompatible - need to replace
+    if (nodePatches === null) {
+      const flatNodes = treeToArray(newNode);
+      patches.push({
+        type: Replace,
+        nodes: flatNodes
+      });
+      return;
+    }
+    if (nodePatches.length > 0) {
+      patches.push(...nodePatches);
+    }
+    // Compare children
+    if (oldNode.children.length > 0 || newNode.children.length > 0) {
+      diffChildren(oldNode.children, newNode.children, patches);
+    }
+  } else {
+    // Non-root level or multiple root elements - use the regular comparison
+    diffChildren(oldTree, newTree, patches);
+  }
+};
+
+const removeTrailingNavigationPatches = patches => {
+  // Find the last non-navigation patch
+  let lastNonNavigationIndex = -1;
+  for (let i = patches.length - 1; i >= 0; i--) {
+    const patch = patches[i];
+    if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
+      lastNonNavigationIndex = i;
+      break;
+    }
+  }
+  // Return patches up to and including the last non-navigation patch
+  return lastNonNavigationIndex === -1 ? [] : patches.slice(0, lastNonNavigationIndex + 1);
+};
+
+const diffTree = (oldNodes, newNodes) => {
+  // Step 1: Convert flat arrays to tree structures
+  const oldTree = arrayToTree(oldNodes);
+  const newTree = arrayToTree(newNodes);
+  // Step 3: Compare the trees
+  const patches = [];
+  diffTrees(oldTree, newTree, patches, []);
+  // Remove trailing navigation patches since they serve no purpose
+  return removeTrailingNavigationPatches(patches);
+};
+
 const AdditionalDetails = 'AdditionalDetails';
 const AdditionalDetailsEntry = 'AdditionalDetailsEntry';
 const AdditionalDetailsTitle = 'AdditionalDetailsTitle';
@@ -1021,64 +1338,6 @@ const getFeatureVirtualDomHandler = featureName => {
   return feature.getVirtualDom;
 };
 
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const TargetHref = 'event.target.href';
-const TargetName = 'event.target.name';
-
-const Script$1 = 2;
-
-const ExtensionDetailReadme = 20;
-const ExtensionDetailIconContextMenu$2 = 4091;
-
-const None$2 = 0;
-
-const Web$1 = 1;
-const Electron$1 = 2;
-
-const ExtensionHostWorker = 44;
-const ExtensionManagementWorker = 9006;
-const FileSystemWorker$1 = 209;
-const MarkdownWorker$1 = 300;
-const RendererWorker = 1;
-
-const FocusElementByName = 'Viewlet.focusElementByName';
-const SetFocusContext = 'Viewlet.setFocusContext';
-
-const FocusExtensionDetailTabs = 451;
-
-const rpcs = Object.create(null);
-const set$a = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get$3 = id => {
-  return rpcs[id];
-};
-
-const create$4 = rpcId => {
-  return {
-    async dispose() {
-      const rpc = get$3(rpcId);
-      await rpc.dispose();
-    },
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get$3(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get$3(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    set(rpc) {
-      set$a(rpcId, rpc);
-    }
-  };
-};
-
 const normalizeLine = line => {
   if (line.startsWith('Error: ')) {
     return line.slice('Error: '.length);
@@ -1184,1797 +1443,1771 @@ const string = value => {
   }
 };
 
-const isMessagePort = value => {
-  return value && value instanceof MessagePort;
-};
-const isMessagePortMain = value => {
-  return value && value.constructor && value.constructor.name === 'MessagePortMain';
-};
-const isOffscreenCanvas = value => {
-  return typeof OffscreenCanvas !== 'undefined' && value instanceof OffscreenCanvas;
-};
-const isInstanceOf = (value, constructorName) => {
-  return value?.constructor?.name === constructorName;
+class CommandNotFoundError extends Error {
+  constructor(command) {
+    super(`Command not found ${command}`);
+    this.name = 'CommandNotFoundError';
+  }
+}
+const commands = Object.create(null);
+const register = commandMap => {
+  Object.assign(commands, commandMap);
 };
-const isSocket = value => {
-  return isInstanceOf(value, 'Socket');
+const getCommand = key => {
+  return commands[key];
 };
-const transferrables = [isMessagePort, isMessagePortMain, isOffscreenCanvas, isSocket];
-const isTransferrable = value => {
-  for (const fn of transferrables) {
-    if (fn(value)) {
-      return true;
-    }
+const execute = (command, ...args) => {
+  const fn = getCommand(command);
+  if (!fn) {
+    throw new CommandNotFoundError(command);
   }
-  return false;
+  return fn(...args);
 };
-const walkValue = (value, transferrables, isTransferrable) => {
-  if (!value) {
-    return;
-  }
-  if (isTransferrable(value)) {
-    transferrables.push(value);
-    return;
-  }
-  if (Array.isArray(value)) {
-    for (const item of value) {
-      walkValue(item, transferrables, isTransferrable);
-    }
-    return;
-  }
-  if (typeof value === 'object') {
-    for (const property of Object.values(value)) {
-      walkValue(property, transferrables, isTransferrable);
+
+const createMockRpc = ({
+  commandMap
+}) => {
+  const invocations = [];
+  const invoke = (method, ...params) => {
+    invocations.push([method, ...params]);
+    const command = commandMap[method];
+    if (!command) {
+      throw new Error(`command ${method} not found`);
     }
-    return;
-  }
-};
-const getTransferrables = value => {
-  const transferrables = [];
-  walkValue(value, transferrables, isTransferrable);
-  return transferrables;
-};
-const attachEvents = that => {
-  const handleMessage = (...args) => {
-    const data = that.getData(...args);
-    that.dispatchEvent(new MessageEvent('message', {
-      data
-    }));
+    return command(...params);
   };
-  that.onMessage(handleMessage);
-  const handleClose = event => {
-    that.dispatchEvent(new Event('close'));
+  const mockRpc = {
+    invocations,
+    invoke,
+    invokeAndTransfer: invoke
   };
-  that.onClose(handleClose);
+  return mockRpc;
 };
-class Ipc extends EventTarget {
-  constructor(rawIpc) {
-    super();
-    this._rawIpc = rawIpc;
-    attachEvents(this);
-  }
-}
-const E_INCOMPATIBLE_NATIVE_MODULE = 'E_INCOMPATIBLE_NATIVE_MODULE';
-const E_MODULES_NOT_SUPPORTED_IN_ELECTRON = 'E_MODULES_NOT_SUPPORTED_IN_ELECTRON';
-const ERR_MODULE_NOT_FOUND = 'ERR_MODULE_NOT_FOUND';
-const NewLine$1 = '\n';
-const joinLines$1 = lines => {
-  return lines.join(NewLine$1);
+
+const rpcs = Object.create(null);
+const set$a = (id, rpc) => {
+  rpcs[id] = rpc;
 };
-const RE_AT = /^\s+at/;
-const RE_AT_PROMISE_INDEX = /^\s*at async Promise.all \(index \d+\)$/;
-const isNormalStackLine = line => {
-  return RE_AT.test(line) && !RE_AT_PROMISE_INDEX.test(line);
+const get$3 = id => {
+  return rpcs[id];
 };
-const getDetails = lines => {
-  const index = lines.findIndex(isNormalStackLine);
-  if (index === -1) {
-    return {
-      actualMessage: joinLines$1(lines),
-      rest: []
-    };
-  }
-  let lastIndex = index - 1;
-  while (++lastIndex < lines.length) {
-    if (!isNormalStackLine(lines[lastIndex])) {
-      break;
-    }
-  }
+const remove$1 = id => {
+  delete rpcs[id];
+};
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+const create$a = rpcId => {
   return {
-    actualMessage: lines[index - 1],
-    rest: lines.slice(index, lastIndex)
+    async dispose() {
+      const rpc = get$3(rpcId);
+      await rpc.dispose();
+    },
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$3(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$3(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    registerMockRpc(commandMap) {
+      const mockRpc = createMockRpc({
+        commandMap
+      });
+      set$a(rpcId, mockRpc);
+      // @ts-ignore
+      mockRpc[Symbol.dispose] = () => {
+        remove$1(rpcId);
+      };
+      // @ts-ignore
+      return mockRpc;
+    },
+    set(rpc) {
+      set$a(rpcId, rpc);
+    }
   };
 };
-const splitLines$1 = lines => {
-  return lines.split(NewLine$1);
+
+const {
+  invoke: invoke$5,
+  set: set$9
+} = create$a(ExtensionHostWorker);
+const getRuntimeStatus$2 = async extensionId => {
+  // @ts-ignore
+  return invoke$5('ExtensionHost.getRuntimeStatus', extensionId);
 };
-const RE_MESSAGE_CODE_BLOCK_START = /^Error: The module '.*'$/;
-const RE_MESSAGE_CODE_BLOCK_END = /^\s* at/;
-const isMessageCodeBlockStartIndex = line => {
-  return RE_MESSAGE_CODE_BLOCK_START.test(line);
+
+const ExtensionHost = {
+  __proto__: null,
+  getRuntimeStatus: getRuntimeStatus$2,
+  invoke: invoke$5,
+  set: set$9
 };
-const isMessageCodeBlockEndIndex = line => {
-  return RE_MESSAGE_CODE_BLOCK_END.test(line);
+
+const {
+  invoke: invoke$4,
+  set: set$8
+} = create$a(ExtensionManagementWorker);
+const enable2 = (id, platform) => {
+  return invoke$4(`Extensions.enable2`, id, platform);
 };
-const getMessageCodeBlock = stderr => {
-  const lines = splitLines$1(stderr);
-  const startIndex = lines.findIndex(isMessageCodeBlockStartIndex);
-  const endIndex = startIndex + lines.slice(startIndex).findIndex(isMessageCodeBlockEndIndex, startIndex);
-  const relevantLines = lines.slice(startIndex, endIndex);
-  const relevantMessage = relevantLines.join(' ').slice('Error: '.length);
-  return relevantMessage;
+const disable2 = (id, platform) => {
+  return invoke$4(`Extensions.disable2`, id, platform);
 };
-const isModuleNotFoundMessage = line => {
-  return line.includes('[ERR_MODULE_NOT_FOUND]');
+
+const {
+  invoke: invoke$3,
+  set: set$7
+} = create$a(FileSystemWorker$1);
+const readFile$2 = async uri => {
+  return invoke$3('FileSystem.readFile', uri);
 };
-const getModuleNotFoundError = stderr => {
-  const lines = splitLines$1(stderr);
-  const messageIndex = lines.findIndex(isModuleNotFoundMessage);
-  const message = lines[messageIndex];
-  return {
-    code: ERR_MODULE_NOT_FOUND,
-    message
-  };
+const exists$1 = async uri => {
+  return invoke$3('FileSystem.exists', uri);
 };
-const isModuleNotFoundError = stderr => {
-  if (!stderr) {
-    return false;
-  }
-  return stderr.includes('ERR_MODULE_NOT_FOUND');
+
+const FileSystemWorker = {
+  __proto__: null,
+  exists: exists$1,
+  invoke: invoke$3,
+  readFile: readFile$2,
+  set: set$7
 };
-const isModulesSyntaxError = stderr => {
-  if (!stderr) {
-    return false;
-  }
-  return stderr.includes('SyntaxError: Cannot use import statement outside a module');
+
+const {
+  invoke: invoke$2,
+  set: set$6
+} = create$a(MarkdownWorker$1);
+const getVirtualDom$1 = async html => {
+  // @ts-ignore
+  return invoke$2('Markdown.getVirtualDom', html);
 };
-const RE_NATIVE_MODULE_ERROR = /^innerError Error: Cannot find module '.*.node'/;
-const RE_NATIVE_MODULE_ERROR_2 = /was compiled against a different Node.js version/;
-const isUnhelpfulNativeModuleError = stderr => {
-  return RE_NATIVE_MODULE_ERROR.test(stderr) && RE_NATIVE_MODULE_ERROR_2.test(stderr);
+const render$1 = async (markdown, options) => {
+  // @ts-ignore
+  return invoke$2('Markdown.render', markdown, options);
 };
-const getNativeModuleErrorMessage = stderr => {
-  const message = getMessageCodeBlock(stderr);
-  return {
-    code: E_INCOMPATIBLE_NATIVE_MODULE,
-    message: `Incompatible native node module: ${message}`
-  };
+
+const MarkdownWorker = {
+  __proto__: null,
+  getVirtualDom: getVirtualDom$1,
+  invoke: invoke$2,
+  render: render$1,
+  set: set$6
 };
-const getModuleSyntaxError = () => {
-  return {
-    code: E_MODULES_NOT_SUPPORTED_IN_ELECTRON,
-    message: `ES Modules are not supported in electron`
-  };
+
+const {
+  invoke: invoke$1,
+  invokeAndTransfer,
+  set: set$5
+} = create$a(RendererWorker);
+const showContextMenu2 = async (uid, menuId, x, y, args) => {
+  number(uid);
+  number(menuId);
+  number(x);
+  number(y);
+  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
 };
-const getHelpfulChildProcessError = (stdout, stderr) => {
-  if (isUnhelpfulNativeModuleError(stderr)) {
-    return getNativeModuleErrorMessage(stderr);
-  }
-  if (isModulesSyntaxError(stderr)) {
-    return getModuleSyntaxError();
-  }
-  if (isModuleNotFoundError(stderr)) {
-    return getModuleNotFoundError(stderr);
-  }
-  const lines = splitLines$1(stderr);
-  const {
-    actualMessage,
-    rest
-  } = getDetails(lines);
-  return {
-    code: '',
-    message: actualMessage,
-    stack: rest
-  };
+const setColorTheme$1 = async id => {
+  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
-class IpcError extends VError {
-  // @ts-ignore
-  constructor(betterMessage, stdout = '', stderr = '') {
-    if (stdout || stderr) {
-      // @ts-ignore
-      const {
-        code,
-        message,
-        stack
-      } = getHelpfulChildProcessError(stdout, stderr);
-      const cause = new Error(message);
-      // @ts-ignore
-      cause.code = code;
-      cause.stack = stack;
-      super(cause, betterMessage);
-    } else {
-      super(betterMessage);
-    }
-    // @ts-ignore
-    this.name = 'IpcError';
-    // @ts-ignore
-    this.stdout = stdout;
-    // @ts-ignore
-    this.stderr = stderr;
-  }
-}
-const readyMessage = 'ready';
-const getData$2 = event => {
-  return event.data;
+const sendMessagePortToMarkdownWorker$1 = async (port, rpcId) => {
+  const command = 'Markdown.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
 };
-const listen$7 = () => {
-  // @ts-ignore
-  if (typeof WorkerGlobalScope === 'undefined') {
-    throw new TypeError('module is not in web worker scope');
-  }
-  return globalThis;
+const sendMessagePortToFileSystemWorker$1 = async (port, rpcId) => {
+  const command = 'FileSystem.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
-const signal$8 = global => {
-  global.postMessage(readyMessage);
+const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
 };
-class IpcChildWithModuleWorker extends Ipc {
-  getData(event) {
-    return getData$2(event);
-  }
-  send(message) {
-    // @ts-ignore
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    // @ts-ignore
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    // ignore
-  }
-  onClose(callback) {
-    // ignore
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-  }
-}
-const wrap$f = global => {
-  return new IpcChildWithModuleWorker(global);
+const confirm = async (message, options) => {
+  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
+  return result;
 };
-const waitForFirstMessage = async port => {
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  port.addEventListener('message', resolve, {
-    once: true
-  });
-  const event = await promise;
-  // @ts-ignore
-  return event.data;
+const writeClipBoardText = async text => {
+  await invoke$1('ClipBoard.writeText', /* text */text);
 };
-const listen$6 = async () => {
-  const parentIpcRaw = listen$7();
-  signal$8(parentIpcRaw);
-  const parentIpc = wrap$f(parentIpcRaw);
-  const firstMessage = await waitForFirstMessage(parentIpc);
-  if (firstMessage.method !== 'initialize') {
-    throw new IpcError('unexpected first message');
-  }
-  const type = firstMessage.params[0];
-  if (type === 'message-port') {
-    parentIpc.send({
-      id: firstMessage.id,
-      jsonrpc: '2.0',
-      result: null
-    });
-    parentIpc.dispose();
-    const port = firstMessage.params[1];
-    return port;
-  }
-  return globalThis;
+const writeClipBoardImage = async blob => {
+  await invoke$1('ClipBoard.writeImage', /* text */blob);
 };
-class IpcChildWithModuleWorkerAndMessagePort extends Ipc {
-  getData(event) {
-    return getData$2(event);
-  }
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    if (this._rawIpc.close) {
-      this._rawIpc.close();
-    }
-  }
-  onClose(callback) {
-    // ignore
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-    this._rawIpc.start();
-  }
-}
-const wrap$e = port => {
-  return new IpcChildWithModuleWorkerAndMessagePort(port);
+const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
+  const command = 'Extensions.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
 };
-const IpcChildWithModuleWorkerAndMessagePort$1 = {
-  __proto__: null,
-  listen: listen$6,
-  wrap: wrap$e
+const getPreference = async key => {
+  return await invoke$1('Preferences.get', key);
 };
-const addListener = (emitter, type, callback) => {
-  if ('addEventListener' in emitter) {
-    emitter.addEventListener(type, callback);
-  } else {
-    emitter.on(type, callback);
-  }
+const getAllExtensions$1 = async () => {
+  return invoke$1('ExtensionManagement.getAllExtensions');
 };
-const removeListener = (emitter, type, callback) => {
-  if ('removeEventListener' in emitter) {
-    emitter.removeEventListener(type, callback);
-  } else {
-    emitter.off(type, callback);
-  }
+const getExtension$2 = async id => {
+  return invoke$1('ExtensionManagement.getExtension', id);
 };
-const getFirstEvent = (eventEmitter, eventMap) => {
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  const listenerMap = Object.create(null);
-  const cleanup = value => {
-    for (const event of Object.keys(eventMap)) {
-      removeListener(eventEmitter, event, listenerMap[event]);
-    }
-    resolve(value);
-  };
-  for (const [event, type] of Object.entries(eventMap)) {
-    const listener = event => {
-      cleanup({
-        event,
-        type
-      });
-    };
-    addListener(eventEmitter, event, listener);
-    listenerMap[event] = listener;
-  }
-  return promise;
+const openNativeFolder = async uri => {
+  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
 };
-const Message$1 = 3;
-const create$5$1 = async ({
-  isMessagePortOpen,
-  messagePort
-}) => {
-  if (!isMessagePort(messagePort)) {
-    throw new IpcError('port must be of type MessagePort');
-  }
-  if (isMessagePortOpen) {
-    return messagePort;
-  }
-  const eventPromise = getFirstEvent(messagePort, {
-    message: Message$1
-  });
-  messagePort.start();
-  const {
-    event,
-    type
-  } = await eventPromise;
-  if (type !== Message$1) {
-    throw new IpcError('Failed to wait for ipc message');
-  }
-  if (event.data !== readyMessage) {
-    throw new IpcError('unexpected first message');
-  }
-  return messagePort;
+const uninstallExtension = async id => {
+  return invoke$1('ExtensionManagement.uninstall', id);
 };
-const signal$1 = messagePort => {
-  messagePort.start();
+const openExtensionSearch$1 = async () => {
+  return invoke$1('SideBar.openViewlet', 'Extensions');
 };
-class IpcParentWithMessagePort extends Ipc {
-  getData = getData$2;
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    this._rawIpc.close();
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-  }
-  onClose(callback) {}
-}
-const wrap$5 = messagePort => {
-  return new IpcParentWithMessagePort(messagePort);
+const setExtensionsSearchValue = async searchValue => {
+  return invoke$1('Extensions.handleInput', searchValue, Script$1);
 };
-const IpcParentWithMessagePort$1 = {
-  __proto__: null,
-  create: create$5$1,
-  signal: signal$1,
-  wrap: wrap$5
+const openExternal$1 = async uri => {
+  await invoke$1('Open.openExternal', uri);
+};
+const openUrl = async uri => {
+  await invoke$1('Open.openUrl', uri);
 };
 
-const Two$1 = '2.0';
-const callbacks = Object.create(null);
-const get$2 = id => {
-  return callbacks[id];
+/* eslint-disable unicorn/prefer-export-from */
+
+const {
+  getRuntimeStatus: getRuntimeStatus$1,
+  set: set$4
+} = ExtensionHost;
+
+const getRuntimeStatus = async extensionId => {
+  // @ts-ignore
+  const status = await getRuntimeStatus$1(extensionId);
+  // @ts-ignore
+  return status;
 };
-const remove$1 = id => {
-  delete callbacks[id];
+
+const getRuntimeStatusDetails = async extension => {
+  const {
+    activationEvent,
+    activationTime,
+    importTime,
+    status
+  } = await getRuntimeStatus(extension.id);
+  return {
+    activationTime,
+    importTime,
+    status,
+    wasActivatedByEvent: activationEvent
+  };
 };
-class JsonRpcError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'JsonRpcError';
-  }
-}
-const NewLine = '\n';
-const DomException = 'DOMException';
-const ReferenceError$1 = 'ReferenceError';
-const SyntaxError$1 = 'SyntaxError';
-const TypeError$1 = 'TypeError';
-const getErrorConstructor = (message, type) => {
-  if (type) {
-    switch (type) {
-      case DomException:
-        return DOMException;
-      case TypeError$1:
-        return TypeError;
-      case SyntaxError$1:
-        return SyntaxError;
-      case ReferenceError$1:
-        return ReferenceError;
-      default:
-        return Error;
-    }
-  }
-  if (message.startsWith('TypeError: ')) {
-    return TypeError;
-  }
-  if (message.startsWith('SyntaxError: ')) {
-    return SyntaxError;
+
+const featureRuntimeStatusEnabled = extension => {
+  if (!extension || typeof extension !== 'object') {
+    return false;
   }
-  if (message.startsWith('ReferenceError: ')) {
-    return ReferenceError;
+  if ('main' in extension || 'browser' in extension) {
+    return true;
   }
-  return Error;
+  return false;
 };
-const constructError = (message, type, name) => {
-  const ErrorConstructor = getErrorConstructor(message, type);
-  if (ErrorConstructor === DOMException && name) {
-    return new ErrorConstructor(message, name);
-  }
-  if (ErrorConstructor === Error) {
-    const error = new Error(message);
-    if (name && name !== 'VError') {
-      error.name = name;
-    }
-    return error;
-  }
-  return new ErrorConstructor(message);
-};
-const joinLines = lines => {
-  return lines.join(NewLine);
-};
-const splitLines = lines => {
-  return lines.split(NewLine);
-};
-const getCurrentStack = () => {
-  const stackLinesToSkip = 3;
-  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
-  return currentStack;
-};
-const getNewLineIndex = (string, startIndex = undefined) => {
-  return string.indexOf(NewLine, startIndex);
+
+const formatTime = time => {
+  return time.toFixed(2) + 'ms';
 };
-const getParentStack = error => {
-  let parentStack = error.stack || error.data || error.message || '';
-  if (parentStack.startsWith('    at')) {
-    parentStack = error.message + NewLine + parentStack;
+
+const getActivationTimeVirtualDom = (importTime$1, activationTime$1) => {
+  if (!activationTime$1 && !importTime$1) {
+    return [];
   }
-  return parentStack;
+  const formattedImportTime = formatTime(importTime$1);
+  const formattedTime = formatTime(activationTime$1);
+  return [{
+    childCount: 1,
+    type: Dt
+  }, text(importTime()), {
+    childCount: 1,
+    type: Dd
+  }, text(formattedImportTime), {
+    childCount: 1,
+    type: Dt
+  }, text(activationTime()), {
+    childCount: 1,
+    type: Dd
+  }, text(formattedTime)];
 };
-const MethodNotFound = -32601;
-const Custom = -32001;
-const restoreJsonRpcError = error => {
-  const currentStack = getCurrentStack();
-  if (error && error instanceof Error) {
-    if (typeof error.stack === 'string') {
-      error.stack = error.stack + NewLine + currentStack;
-    }
-    return error;
-  }
-  if (error && error.code && error.code === MethodNotFound) {
-    const restoredError = new JsonRpcError(error.message);
-    const parentStack = getParentStack(error);
-    restoredError.stack = parentStack + NewLine + currentStack;
-    return restoredError;
-  }
-  if (error && error.message) {
-    const restoredError = constructError(error.message, error.type, error.name);
-    if (error.data) {
-      if (error.data.stack && error.data.type && error.message) {
-        restoredError.stack = error.data.type + ': ' + error.message + NewLine + error.data.stack + NewLine + currentStack;
-      } else if (error.data.stack) {
-        restoredError.stack = error.data.stack;
-      }
-      if (error.data.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.data.codeFrame;
-      }
-      if (error.data.code) {
-        // @ts-ignore
-        restoredError.code = error.data.code;
-      }
-      if (error.data.type) {
-        // @ts-ignore
-        restoredError.name = error.data.type;
-      }
-    } else {
-      if (error.stack) {
-        const lowerStack = restoredError.stack || '';
-        // @ts-ignore
-        const indexNewLine = getNewLineIndex(lowerStack);
-        const parentStack = getParentStack(error);
-        // @ts-ignore
-        restoredError.stack = parentStack + lowerStack.slice(indexNewLine);
-      }
-      if (error.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.codeFrame;
-      }
-    }
-    return restoredError;
-  }
-  if (typeof error === 'string') {
-    return new Error(`JsonRpc Error: ${error}`);
+
+const None$1 = 0;
+const Importing = 1;
+const Activating = 2;
+const Activated = 3;
+const Error$1 = 4;
+
+const getStatusMessage = statusType => {
+  switch (statusType) {
+    case Activated:
+      return 'activated';
+    case Activating:
+      return 'Activating';
+    case Error$1:
+      return 'error';
+    case Importing:
+      return 'importing';
+    case None$1:
+      return 'none';
+    default:
+      return 'unknown';
   }
-  return new Error(`JsonRpc Error: ${error}`);
 };
-const unwrapJsonRpcResult = responseMessage => {
-  if ('error' in responseMessage) {
-    const restoredError = restoreJsonRpcError(responseMessage.error);
-    throw restoredError;
-  }
-  if ('result' in responseMessage) {
-    return responseMessage.result;
-  }
-  throw new JsonRpcError('unexpected response message');
+
+const key = {
+  childCount: 1,
+  className: 'RuntimeStatusDefinitionListKey',
+  type: Dt
 };
-const warn = (...args) => {
-  console.warn(...args);
+const value = {
+  childCount: 1,
+  className: 'RuntimeStatusDefinitionListValue',
+  type: Dd
 };
-const resolve = (id, response) => {
-  const fn = get$2(id);
-  if (!fn) {
-    console.log(response);
-    warn(`callback ${id} may already be disposed`);
-    return;
-  }
-  fn(response);
-  remove$1(id);
+const getStatusVirtualDom = status$1 => {
+  const statusKey = status();
+  const statusValue = getStatusMessage(status$1);
+  return [key, text(`${statusKey}: `), value, text(`${statusValue}`)];
 };
-const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
-const getErrorType = prettyError => {
-  if (prettyError && prettyError.type) {
-    return prettyError.type;
-  }
-  if (prettyError && prettyError.constructor && prettyError.constructor.name) {
-    return prettyError.constructor.name;
+
+const getChildCount$1 = (status, activationTime, importTime) => {
+  let childCount = 0;
+  childCount += 2; // status
+  if (importTime || activationTime) {
+    childCount += 4;
   }
-  return undefined;
-};
-const isAlreadyStack = line => {
-  return line.trim().startsWith('at ');
+  return childCount;
 };
-const getStack = prettyError => {
-  const stackString = prettyError.stack || '';
-  const newLineIndex = stackString.indexOf('\n');
-  if (newLineIndex !== -1 && !isAlreadyStack(stackString.slice(0, newLineIndex))) {
-    return stackString.slice(newLineIndex + 1);
-  }
-  return stackString;
+const getRuntimeStatusVirtualDom = state => {
+  const {
+    activationTime,
+    importTime,
+    status
+  } = state;
+  const heading = runtimeStatus();
+  const childCount = getChildCount$1(status, activationTime, importTime);
+  return [{
+    childCount: 2,
+    className: FeatureContent,
+    type: Div
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    childCount,
+    className: 'RuntimeStatusDefinitionList',
+    type: Dl
+  }, ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(activationTime, importTime)];
 };
-const getErrorProperty = (error, prettyError) => {
-  if (error && error.code === E_COMMAND_NOT_FOUND) {
-    return {
-      code: MethodNotFound,
-      message: error.message,
-      data: error.stack
-    };
-  }
-  return {
-    code: Custom,
-    message: prettyError.message,
-    data: {
-      stack: getStack(prettyError),
-      codeFrame: prettyError.codeFrame,
-      type: getErrorType(prettyError),
-      code: prettyError.code,
-      name: prettyError.name
-    }
-  };
+
+const getSettingsTableEntry = setting => {
+  const {
+    id,
+    label
+  } = setting;
+  // TODO watch out for  null/undefined/number/string/array
+  return [{
+    type: Text,
+    value: id
+  }, {
+    type: Text,
+    value: label
+  }];
 };
-const create$1$1 = (id, error) => {
+
+const getSettingsDetails = async extension => {
+  const settings = extension.settings || [];
+  const rows = settings.map(getSettingsTableEntry);
   return {
-    jsonrpc: Two$1,
-    id,
-    error
+    settings: rows
   };
 };
-const getErrorResponse = (id, error, preparePrettyError, logError) => {
-  const prettyError = preparePrettyError(error);
-  logError(error, prettyError);
-  const errorProperty = getErrorProperty(error, prettyError);
-  return create$1$1(id, errorProperty);
+
+const featureSettingsEnabled = extension => {
+  if (!hasProperty(extension, 'settings')) {
+    return false;
+  }
+  return Array.isArray(extension.settings);
 };
-const create$3 = (message, result) => {
+
+const getSettingsTableEntries = rows => {
+  const textId = id$1();
+  const textLabel = label();
   return {
-    jsonrpc: Two$1,
-    id: message.id,
-    result: result ?? null
+    headings: [textId, textLabel],
+    rows
   };
 };
-const getSuccessResponse = (message, result) => {
-  const resultProperty = result ?? null;
-  return create$3(message, resultProperty);
-};
-const getErrorResponseSimple = (id, error) => {
-  return {
-    jsonrpc: Two$1,
-    id,
-    error: {
-      code: Custom,
-      // @ts-ignore
-      message: error.message,
-      data: error
-    }
-  };
-};
-const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
-  try {
-    const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
-    return getSuccessResponse(message, result);
-  } catch (error) {
-    if (ipc.canUseSimpleErrorResponse) {
-      return getErrorResponseSimple(message.id, error);
-    }
-    return getErrorResponse(message.id, error, preparePrettyError, logError);
-  }
-};
-const defaultPreparePrettyError = error => {
-  return error;
+
+const getFeatureSettingsVirtualDom = rows => {
+  const heading = settings();
+  const tableInfo = getSettingsTableEntries(rows);
+  return [{
+    childCount: 2,
+    className: FeatureContent,
+    type: Div
+  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
 };
-const defaultLogError = () => {
-  // ignore
+
+const getSettingsVirtualDom = state => {
+  return getFeatureSettingsVirtualDom(state.settings);
 };
-const defaultRequiresSocket = () => {
-  return false;
+
+const HandleClickCategory = 1;
+const HandleClickDisable = 2;
+const HandleClickEnable = 3;
+const HandleClickScrollToTop = 4;
+const HandleClickSetColorTheme = 5;
+const HandleClickSettings = 6;
+const HandleClickSize = 7;
+const HandleClickUninstall = 8;
+const HandleFeaturesClick = 9;
+const HandleIconError = 10;
+const HandleImageContextMenu = 11;
+const HandleReadmeContextMenu = 12;
+const HandleReadmeScroll = 13;
+const HandleTabsClick = 14;
+const HandleAdditionalDetailContextMenu = 15;
+const HandleReadmeClick = 16;
+const HandleSelectionChange = 17;
+const HandleTabFocus = 18;
+const HandleResourceLinkClick = 19;
+
+const ActivationEvents = 'ActivationEvents';
+const Changelog = 'Changelog';
+const Commands = 'Commands';
+const Details = 'Details';
+const Enable = 'Enable';
+const Disable = 'Disable';
+const Features = 'Features';
+const JsonValidation = 'JsonValidation';
+const ProgrammingLanguages = 'ProgrammingLanguages';
+const RuntimeStatus = 'RuntimeStatus';
+const ScrollToTop = 'scrolltotop';
+const SetColorTheme = 'SetColorTheme';
+const Settings = 'Settings';
+const Theme = 'Theme';
+const Uninstall = 'Uninstall';
+const WebViews = 'WebViews';
+
+const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
+  return [{
+    ariaLabel: scrollToTop(),
+    childCount: 1,
+    className: ScrollToTopButton,
+    name: ScrollToTop,
+    onClick: HandleClickScrollToTop,
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: mergeClassNames(MaskIcon, MaskIconChevronUp),
+    role: None$3,
+    type: Div
+  }];
 };
-const defaultResolve = resolve;
 
-// TODO maybe remove this in v6 or v7, only accept options object to simplify the code
-const normalizeParams = args => {
-  if (args.length === 1) {
-    const options = args[0];
-    return {
-      ipc: options.ipc,
-      message: options.message,
-      execute: options.execute,
-      resolve: options.resolve || defaultResolve,
-      preparePrettyError: options.preparePrettyError || defaultPreparePrettyError,
-      logError: options.logError || defaultLogError,
-      requiresSocket: options.requiresSocket || defaultRequiresSocket
-    };
+/* eslint-disable unicorn/prefer-export-from */
+
+const {
+  getVirtualDom,
+  render,
+  set: set$3
+} = MarkdownWorker;
+
+const getMarkdownVirtualDom = async (html, options) => {
+  string(html);
+  const dom = await getVirtualDom(html);
+  if (options?.scrollToTopEnabled) {
+    const [firstNode, ...rest] = dom;
+    const extraDom = getScrollToTopVirtualDom();
+    return [{
+      ...firstNode,
+      childCount: firstNode.childCount + 1,
+      onClick: HandleReadmeClick,
+      onScroll: HandleReadmeScroll,
+      onSelectionChange: HandleSelectionChange
+    }, ...extraDom, ...rest];
   }
-  return {
-    ipc: args[0],
-    message: args[1],
-    execute: args[2],
-    resolve: args[3],
-    preparePrettyError: args[4],
-    logError: args[5],
-    requiresSocket: args[6]
-  };
+  return dom;
 };
-const handleJsonRpcMessage = async (...args) => {
-  const options = normalizeParams(args);
-  const {
-    message,
-    ipc,
-    execute,
-    resolve,
-    preparePrettyError,
-    logError,
-    requiresSocket
-  } = options;
-  if ('id' in message) {
-    if ('method' in message) {
-      const response = await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
-      try {
-        ipc.send(response);
-      } catch (error) {
-        const errorResponse = getErrorResponse(message.id, error, preparePrettyError, logError);
-        ipc.send(errorResponse);
-      }
-      return;
+
+const getThemeItemMarkdown = (heading, items) => {
+  let markdown = '';
+  if (items.length > 0) {
+    markdown += `### ${heading}`;
+    markdown += '\n\n';
+    for (const item of items) {
+      markdown += `- ${item.label}`;
+      markdown += '\n';
     }
-    resolve(message.id, message);
-    return;
-  }
-  if ('method' in message) {
-    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
-    return;
   }
-  throw new JsonRpcError('unexpected message');
+  return markdown;
 };
 
-class CommandNotFoundError extends Error {
-  constructor(command) {
-    super(`Command not found ${command}`);
-    this.name = 'CommandNotFoundError';
-  }
-}
-const commands = Object.create(null);
-const register = commandMap => {
-  Object.assign(commands, commandMap);
+const getColorThemeMarkdown = themes => {
+  const heading = 'Color Themes';
+  return getThemeItemMarkdown(heading, themes);
 };
-const getCommand = key => {
-  return commands[key];
+const getIconThemeMarkdown = iconThemes => {
+  const heading = 'File Icon Themes';
+  return getThemeItemMarkdown(heading, iconThemes);
 };
-const execute = (command, ...args) => {
-  const fn = getCommand(command);
-  if (!fn) {
-    throw new CommandNotFoundError(command);
-  }
-  return fn(...args);
+const getProductIconThemeMarkdown = iconThemes => {
+  const heading = 'Product Icon Themes';
+  return getThemeItemMarkdown(heading, iconThemes);
 };
-
-const Two = '2.0';
-const create$p = (method, params) => {
-  return {
-    jsonrpc: Two,
-    method,
-    params
-  };
+const getThemeMarkdown = (themes, iconThemes, productIconThemes) => {
+  let markdown = '';
+  markdown += getColorThemeMarkdown(themes);
+  markdown += getIconThemeMarkdown(iconThemes);
+  markdown += getProductIconThemeMarkdown(productIconThemes);
+  return markdown;
 };
-const create$o = (id, method, params) => {
-  const message = {
-    id,
-    jsonrpc: Two,
-    method,
-    params
-  };
-  return message;
+
+const padBytes = bytes => {
+  return bytes.toString(16).padStart(2, '0');
 };
-let id = 0;
-const create$n = () => {
-  return ++id;
+const hash = async content => {
+  const sourceBytes = new TextEncoder().encode(content);
+  const digest = await crypto.subtle.digest('SHA-256', sourceBytes);
+  const resultBytes = [...new Uint8Array(digest)];
+  return resultBytes.map(padBytes).join('');
 };
 
-/* eslint-disable n/no-unsupported-features/es-syntax */
-
-const registerPromise = map => {
-  const id = create$n();
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  map[id] = resolve;
-  return {
-    id,
-    promise
-  };
+const supportsNormalCacheKey = locationProtocol => {
+  return locationProtocol === 'http:' || locationProtocol === 'https:';
 };
 
-// @ts-ignore
-const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
-  const {
-    id,
-    promise
-  } = registerPromise(callbacks);
-  const message = create$o(id, method, params);
-  if (useSendAndTransfer && ipc.sendAndTransfer) {
-    ipc.sendAndTransfer(message);
-  } else {
-    ipc.send(message);
-  }
-  const responseMessage = await promise;
-  return unwrapJsonRpcResult(responseMessage);
+const getMarkdownCacheHash = async (markdown, options) => {
+  const stringifiedOptions = JSON.stringify(options);
+  const contents = `${markdown}:${stringifiedOptions}:${options.commit}`;
+  return hash(contents);
 };
-const createRpc = ipc => {
-  const callbacks = Object.create(null);
-  ipc._resolve = (id, response) => {
-    const fn = callbacks[id];
-    if (!fn) {
-      console.warn(`callback ${id} may already be disposed`);
-      return;
-    }
-    fn(response);
-    delete callbacks[id];
-  };
-  const rpc = {
-    async dispose() {
-      await ipc?.dispose();
-    },
-    invoke(method, ...params) {
-      return invokeHelper(callbacks, ipc, method, params, false);
-    },
-    invokeAndTransfer(method, ...params) {
-      return invokeHelper(callbacks, ipc, method, params, true);
-    },
-    // @ts-ignore
-    ipc,
-    /**
-     * @deprecated
-     */
-    send(method, ...params) {
-      const message = create$p(method, params);
-      ipc.send(message);
-    }
-  };
-  return rpc;
-};
-const requiresSocket = () => {
-  return false;
-};
-const preparePrettyError = error => {
-  return error;
-};
-const logError = () => {
-  // handled by renderer worker
-};
-const handleMessage = event => {
-  const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
-  const actualExecute = event?.target?.execute || execute;
-  return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError, actualRequiresSocket);
-};
-const handleIpc = ipc => {
-  if ('addEventListener' in ipc) {
-    ipc.addEventListener('message', handleMessage);
-  } else if ('on' in ipc) {
-    // deprecated
-    ipc.on('message', handleMessage);
+const getMarkdownCacheKey = async (markdown, options) => {
+  const hash = await getMarkdownCacheHash(markdown, options);
+  if (supportsNormalCacheKey(options.locationProtocol)) {
+    return `/markdown/${hash}`;
   }
+  // workaround for electron bug
+  return `https://-/markdown/${hash}`;
 };
-const listen$1 = async (module, options) => {
-  const rawIpc = await module.listen(options);
-  if (module.signal) {
-    module.signal(rawIpc);
-  }
-  const ipc = module.wrap(rawIpc);
-  return ipc;
+
+// TODO pass application name from renderer worker to not hardcode it
+
+const cachedCaches = Object.create(null);
+const noopCache = {
+  async match() {
+    return undefined;
+  },
+  async put() {}
 };
-const create$7 = async ({
-  commandMap,
-  isMessagePortOpen = true,
-  messagePort
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const rawIpc = await IpcParentWithMessagePort$1.create({
-    isMessagePortOpen,
-    messagePort
-  });
-  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  messagePort.start();
-  return rpc;
+const supportsStorageBuckets = () => {
+  // @ts-ignore
+  return Boolean(navigator.storageBuckets);
 };
-const create$5 = async ({
-  commandMap,
-  isMessagePortOpen,
-  send
-}) => {
-  const {
-    port1,
-    port2
-  } = new MessageChannel();
-  await send(port1);
-  return create$7({
-    commandMap,
-    isMessagePortOpen,
-    messagePort: port2
+const getCacheInternal = async (cacheName, bucketName) => {
+  if (!supportsStorageBuckets()) {
+    return noopCache;
+  }
+  const twoWeeks = 14 * 24 * 60 * 60 * 1000;
+  // @ts-ignore
+  const bucket = await navigator.storageBuckets.open(bucketName, {
+    expires: Date.now() + twoWeeks,
+    quota: 100 * 1024 * 1024 // 100MB
   });
+  const cache = await bucket.caches.open(cacheName);
+  return cache;
 };
-const TransferMessagePortRpcParent = {
-  __proto__: null,
-  create: create$5
+const getCache = (cacheName, bucketName) => {
+  if (!(cacheName in cachedCaches)) {
+    cachedCaches[cacheName] = getCacheInternal(cacheName, bucketName);
+  }
+  return cachedCaches[cacheName];
 };
-const create$2 = async ({
-  commandMap
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  return rpc;
+
+// TODO pass application name from renderer worker to not hardcode it
+const cacheName = 'lvce-editor/markdown-cache';
+const has = async (key, bucketName) => {
+  const cache = await getCache(cacheName, bucketName);
+  const response = await cache.match(key);
+  return Boolean(response);
 };
-const WebWorkerRpcClient = {
-  __proto__: null,
-  create: create$2
+const get$2 = async (key, bucketName) => {
+  const cache = await getCache(cacheName, bucketName);
+  const response = await cache.match(key);
+  const text = await response?.text();
+  return text || '';
 };
-const createMockRpc = ({
-  commandMap
-}) => {
-  const invocations = [];
-  const invoke = (method, ...params) => {
-    invocations.push([method, ...params]);
-    const command = commandMap[method];
-    if (!command) {
-      throw new Error(`command ${method} not found`);
+const set$2 = async (key, bucketName, value) => {
+  const cache = await getCache(cacheName, bucketName);
+  await cache.put(key, new Response(value, {
+    headers: {
+      'Content-Length': `${value.length}`,
+      'Content-Type': 'application/markdown'
     }
-    return command(...params);
-  };
-  const mockRpc = {
-    invocations,
-    invoke,
-    invokeAndTransfer: invoke
-  };
-  return mockRpc;
+  }));
 };
 
-const {
-  dispose: dispose$4,
-  invoke: invoke$5,
-  invokeAndTransfer: invokeAndTransfer$3,
-  set: set$9
-} = create$4(ExtensionHostWorker);
-const executeReferenceProvider = async (id, offset) => {
-  // @ts-ignore
-  return invoke$5('ExtensionHostReference.executeReferenceProvider', id, offset);
-};
-const executeFileReferenceProvider = async id => {
-  // @ts-ignore
-  return invoke$5('ExtensionHostReference.executeFileReferenceProvider', id);
+const renderMarkdownCached = async (markdown, options) => {
+  const cacheKey = await getMarkdownCacheKey(markdown, options);
+  const bucketName = `markdown-cache`;
+  const hasItem = await has(cacheKey, bucketName);
+  if (hasItem) {
+    const value = await get$2(cacheKey, bucketName);
+    return value; // TODO validate if it's valid
+  }
+  const html = await render(markdown, options);
+  await set$2(cacheKey, bucketName, html);
+  return html;
 };
-const getRuntimeStatus$2 = async extensionId => {
-  // @ts-ignore
-  return invoke$5('ExtensionHost.getRuntimeStatus', extensionId);
+
+const renderMarkdown = async (markdown, options) => {
+  const html = await renderMarkdownCached(markdown, options);
+  return html;
 };
-const registerMockRpc$2 = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
+
+const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
+  const {
+    colorThemes,
+    iconThemes,
+    productIconThemes
+  } = extension;
+  const markdown = getThemeMarkdown(colorThemes || [], iconThemes || [], productIconThemes || []);
+  const rendered = await renderMarkdown(markdown, {
+    baseUrl,
+    locationProtocol
   });
-  set$9(mockRpc);
-  return mockRpc;
+  const themesMarkdownDom = await getMarkdownVirtualDom(rendered);
+  return {
+    themesMarkdownDom
+  };
 };
 
-const ExtensionHost = {
-  __proto__: null,
-  dispose: dispose$4,
-  executeFileReferenceProvider,
-  executeReferenceProvider,
-  getRuntimeStatus: getRuntimeStatus$2,
-  invoke: invoke$5,
-  invokeAndTransfer: invokeAndTransfer$3,
-  registerMockRpc: registerMockRpc$2,
-  set: set$9
+const featureColorThemeEnabled = extension => {
+  if (!hasProperty(extension, 'colorThemes')) {
+    return false;
+  }
+  return Array.isArray(extension.colorThemes);
 };
 
-const {
-  invoke: invoke$4,
-  set: set$8
-} = create$4(ExtensionManagementWorker);
-const enable2 = (id, platform) => {
-  return invoke$4(`Extensions.enable2`, id, platform);
-};
-const disable2 = (id, platform) => {
-  return invoke$4(`Extensions.disable2`, id, platform);
+const featureIconThemeEnabled = extension => {
+  if (!hasProperty(extension, 'iconThemes')) {
+    return false;
+  }
+  return Array.isArray(extension.iconThemes);
 };
 
-const {
-  dispose: dispose$3,
-  invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$2,
-  set: set$7
-} = create$4(FileSystemWorker$1);
-const remove = async dirent => {
-  return invoke$3('FileSystem.remove', dirent);
-};
-const readDirWithFileTypes = async uri => {
-  return invoke$3('FileSystem.readDirWithFileTypes', uri);
-};
-const getPathSeparator = async root => {
-  // @ts-ignore
-  return invoke$3('FileSystem.getPathSeparator', root);
-};
-const getRealPath = async path => {
-  return invoke$3('FileSystem.getRealPath', path);
+const featureProductIconThemeEnabled = extension => {
+  if (!hasProperty(extension, 'productIconThemes')) {
+    return false;
+  }
+  return Array.isArray(extension.productIconThemes);
 };
-const stat = async dirent => {
-  return invoke$3('FileSystem.stat', dirent);
+
+const featureThemeEnabled = extension => {
+  return featureColorThemeEnabled(extension) || featureIconThemeEnabled(extension) || featureProductIconThemeEnabled(extension);
 };
-const createFile = async uri => {
-  return invoke$3('FileSystem.writeFile', uri, '');
+
+const getVirtualDomChildCount = dom => {
+  const max = dom.length - 1;
+  let stack = [];
+  for (let i = max; i >= 0; i--) {
+    const element = dom[i];
+    if (element.childCount > 0) {
+      stack = stack.slice(element.childCount);
+    }
+    stack.unshift(element);
+  }
+  return stack.length;
 };
-const readFile$2 = async uri => {
-  return invoke$3('FileSystem.readFile', uri);
+
+const getFeatureThemesVirtualDom = themesDom => {
+  const childCount = getVirtualDomChildCount(themesDom);
+  const heading = theme();
+  return [{
+    childCount: 2,
+    className: FeatureContent,
+    type: Div
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    childCount,
+    className: DefaultMarkdown,
+    type: Div
+  }, ...themesDom];
 };
-const writeFile = async (uri, content) => {
-  return invoke$3('FileSystem.writeFile', uri, content);
+
+const getThemeVirtualDom = state => {
+  return getFeatureThemesVirtualDom(state.themesMarkdownDom);
 };
-const mkdir = async uri => {
-  return invoke$3('FileSystem.mkdir', uri);
+
+const toWebView = rawWebView => {
+  const {
+    contentSecurityPolicy,
+    elements,
+    id,
+    selector
+  } = rawWebView;
+  return {
+    contentSecurityPolicyString: JSON.stringify(contentSecurityPolicy),
+    elementsString: JSON.stringify(elements, null, 2),
+    id,
+    selectorString: JSON.stringify(selector)
+  };
 };
-const rename = async (oldUri, newUri) => {
-  return invoke$3('FileSystem.rename', oldUri, newUri);
+
+const getWebViews = extension => {
+  const rawWebViews = extension.webViews || [];
+  return rawWebViews.map(toWebView);
 };
-const copy = async (oldUri, newUri) => {
-  return invoke$3('FileSystem.copy', oldUri, newUri);
+
+const getWebViewsDetails = async extension => {
+  const webViews = getWebViews(extension);
+  return {
+    webViews
+  };
 };
-const exists$1 = async uri => {
-  // @ts-ignore
-  return invoke$3('FileSystem.exists', uri);
+
+const featureWebViewsEnabled = extension => {
+  if (!hasProperty(extension, 'webViews')) {
+    return false;
+  }
+  return Array.isArray(extension.webViews);
 };
-const getFolderSize$1 = async uri => {
-  // @ts-ignore
-  return invoke$3('FileSystem.getFolderSize', uri);
+
+const heading = {
+  childCount: 1,
+  className: DefinitionListItemHeading,
+  type: H2
 };
-const readFileAsBlob$1 = async uri => {
-  // @ts-ignore
-  return invoke$3('FileSystem.readFileAsBlob', uri);
+const pre = {
+  childCount: 1,
+  className: DefinitionListItemValue,
+  type: Pre
 };
-const appendFile = async (uri, text) => {
-  // @ts-ignore
-  return invoke$3('FileSystem.appendFile', uri, text);
+const item = {
+  childCount: 2,
+  className: DefinitionListItem,
+  type: Div
 };
-const registerMockRpc$1 = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$7(mockRpc);
-  return mockRpc;
+const getWebViewVirtualDom = webView => {
+  const {
+    contentSecurityPolicyString,
+    elementsString,
+    id,
+    selectorString
+  } = webView;
+  const textId = id$1();
+  const textSelector = selector();
+  const textContentSecurityPolicy = contentSecurityPolicy();
+  const textElements = elements();
+  return [{
+    childCount: 4,
+    className: FeatureWebView,
+    type: Div
+  }, item, heading, text(textId), pre, text(id), item, heading, text(textSelector), pre, text(selectorString), item, heading, text(textContentSecurityPolicy), pre, text(contentSecurityPolicyString), item, heading, text(textElements), pre, text(elementsString)];
 };
 
-const FileSystemWorker = {
-  __proto__: null,
-  appendFile,
-  copy,
-  createFile,
-  dispose: dispose$3,
-  exists: exists$1,
-  getFolderSize: getFolderSize$1,
-  getPathSeparator,
-  getRealPath,
-  invoke: invoke$3,
-  invokeAndTransfer: invokeAndTransfer$2,
-  mkdir,
-  readDirWithFileTypes,
-  readFile: readFile$2,
-  readFileAsBlob: readFileAsBlob$1,
-  registerMockRpc: registerMockRpc$1,
-  remove,
-  rename,
-  set: set$7,
-  stat,
-  writeFile
+const getFeatureWebViewsVirtualDom = webViews$1 => {
+  const heading = webViews();
+  return [{
+    childCount: 2,
+    className: FeatureContent,
+    type: Div
+  }, ...getFeatureContentHeadingVirtualDom(heading), {
+    childCount: webViews$1.length,
+    type: Div
+  }, ...webViews$1.flatMap(getWebViewVirtualDom)];
 };
 
-const {
-  dispose: dispose$2,
-  invoke: invoke$2,
-  invokeAndTransfer: invokeAndTransfer$1,
-  set: set$6
-} = create$4(MarkdownWorker$1);
-const getVirtualDom$1 = async html => {
-  // @ts-ignore
-  return invoke$2('Markdown.getVirtualDom', html);
-};
-const render$1 = async (markdown, options) => {
-  // @ts-ignore
-  return invoke$2('Markdown.render', markdown, options);
-};
-const registerMockRpc = commandMap => {
-  const mockRpc = createMockRpc({
-    commandMap
-  });
-  set$6(mockRpc);
-  return mockRpc;
+const getWebViewsVirtualDom = state => {
+  return getFeatureWebViewsVirtualDom(state.webViews);
 };
 
-const MarkdownWorker = {
-  __proto__: null,
-  dispose: dispose$2,
-  getVirtualDom: getVirtualDom$1,
-  invoke: invoke$2,
-  invokeAndTransfer: invokeAndTransfer$1,
-  registerMockRpc,
-  render: render$1,
-  set: set$6
+const registerAllFeatures = () => {
+  register$1({
+    getDetails: getThemeDetails,
+    getLabel: theme,
+    getVirtualDom: getThemeVirtualDom,
+    id: Theme,
+    isEnabled: featureThemeEnabled
+  });
+  register$1({
+    getDetails: getCommandsDetails,
+    getLabel: commands$1,
+    getVirtualDom: getCommandsVirtualDom,
+    id: Commands,
+    isEnabled: featureCommandsEnabled
+  });
+  register$1({
+    getDetails: getSettingsDetails,
+    getLabel: settings,
+    getVirtualDom: getSettingsVirtualDom,
+    id: Settings,
+    isEnabled: featureSettingsEnabled
+  });
+  register$1({
+    getDetails: getJsonValidationDetails,
+    getLabel: jsonValidation,
+    getVirtualDom: getJsonValidationVirtualDom,
+    id: JsonValidation,
+    isEnabled: featureJsonValidationEnabled
+  });
+  register$1({
+    getDetails: getFeatureDetailsProgrammingLanguages,
+    getLabel: programmingLanguages,
+    getVirtualDom: getProgrammingLanguagesVirtualDom,
+    id: ProgrammingLanguages,
+    isEnabled: featureProgrammingLanguagesEnabled
+  });
+  register$1({
+    getDetails: getWebViewsDetails,
+    getLabel: webViews,
+    getVirtualDom: getWebViewsVirtualDom,
+    id: WebViews,
+    isEnabled: featureWebViewsEnabled
+  });
+  register$1({
+    getDetails: getActivationEventsDetails,
+    getLabel: activationEvents,
+    getVirtualDom: getActivationEventsVirtualDom,
+    id: ActivationEvents,
+    isEnabled: featureActivationEventsEnabled
+  });
+  register$1({
+    getDetails: getRuntimeStatusDetails,
+    getLabel: runtimeStatus,
+    getVirtualDom: getRuntimeStatusVirtualDom,
+    id: RuntimeStatus,
+    isEnabled: featureRuntimeStatusEnabled
+  });
 };
 
-const {
-  invoke: invoke$1,
-  invokeAndTransfer,
-  set: set$5
-} = create$4(RendererWorker);
-const showContextMenu2 = async (uid, menuId, x, y, args) => {
-  number(uid);
-  number(menuId);
-  number(x);
-  number(y);
-  // @ts-ignore
-  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
+const isMessagePort = value => {
+  return value && value instanceof MessagePort;
 };
-const setColorTheme$1 = async id => {
-  // @ts-ignore
-  return invoke$1(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+const isMessagePortMain = value => {
+  return value && value.constructor && value.constructor.name === 'MessagePortMain';
 };
-const sendMessagePortToMarkdownWorker$1 = async (port, rpcId) => {
-  const command = 'Markdown.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
+const isOffscreenCanvas = value => {
+  return typeof OffscreenCanvas !== 'undefined' && value instanceof OffscreenCanvas;
 };
-const sendMessagePortToFileSystemWorker$1 = async (port, rpcId) => {
-  const command = 'FileSystem.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
+const isInstanceOf = (value, constructorName) => {
+  return value?.constructor?.name === constructorName;
 };
-const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
-  const command = 'HandleMessagePort.handleMessagePort2';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
+const isSocket = value => {
+  return isInstanceOf(value, 'Socket');
 };
-const confirm = async (message, options) => {
-  // @ts-ignore
-  const result = await invoke$1('ConfirmPrompt.prompt', message, options);
-  return result;
+const transferrables = [isMessagePort, isMessagePortMain, isOffscreenCanvas, isSocket];
+const isTransferrable = value => {
+  for (const fn of transferrables) {
+    if (fn(value)) {
+      return true;
+    }
+  }
+  return false;
 };
-const writeClipBoardText = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
+const walkValue = (value, transferrables, isTransferrable) => {
+  if (!value) {
+    return;
+  }
+  if (isTransferrable(value)) {
+    transferrables.push(value);
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      walkValue(item, transferrables, isTransferrable);
+    }
+    return;
+  }
+  if (typeof value === 'object') {
+    for (const property of Object.values(value)) {
+      walkValue(property, transferrables, isTransferrable);
+    }
+    return;
+  }
 };
-const writeClipBoardImage = async blob => {
-  // @ts-ignore
-  await invoke$1('ClipBoard.writeImage', /* text */blob);
+const getTransferrables = value => {
+  const transferrables = [];
+  walkValue(value, transferrables, isTransferrable);
+  return transferrables;
 };
-const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
-  const command = 'Extensions.handleMessagePort';
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
-};
-const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
-};
-const getAllExtensions$1 = async () => {
-  return invoke$1('ExtensionManagement.getAllExtensions');
+const attachEvents = that => {
+  const handleMessage = (...args) => {
+    const data = that.getData(...args);
+    that.dispatchEvent(new MessageEvent('message', {
+      data
+    }));
+  };
+  that.onMessage(handleMessage);
+  const handleClose = event => {
+    that.dispatchEvent(new Event('close'));
+  };
+  that.onClose(handleClose);
 };
-const getExtension$2 = async id => {
-  // @ts-ignore
-  return invoke$1('ExtensionManagement.getExtension', id);
+class Ipc extends EventTarget {
+  constructor(rawIpc) {
+    super();
+    this._rawIpc = rawIpc;
+    attachEvents(this);
+  }
+}
+const E_INCOMPATIBLE_NATIVE_MODULE = 'E_INCOMPATIBLE_NATIVE_MODULE';
+const E_MODULES_NOT_SUPPORTED_IN_ELECTRON = 'E_MODULES_NOT_SUPPORTED_IN_ELECTRON';
+const ERR_MODULE_NOT_FOUND = 'ERR_MODULE_NOT_FOUND';
+const NewLine$1 = '\n';
+const joinLines$1 = lines => {
+  return lines.join(NewLine$1);
 };
-const openNativeFolder = async uri => {
-  // @ts-ignore
-  await invoke$1('OpenNativeFolder.openNativeFolder', uri);
+const RE_AT = /^\s+at/;
+const RE_AT_PROMISE_INDEX = /^\s*at async Promise.all \(index \d+\)$/;
+const isNormalStackLine = line => {
+  return RE_AT.test(line) && !RE_AT_PROMISE_INDEX.test(line);
 };
-const uninstallExtension = async id => {
-  return invoke$1('ExtensionManagement.uninstall', id);
+const getDetails = lines => {
+  const index = lines.findIndex(isNormalStackLine);
+  if (index === -1) {
+    return {
+      actualMessage: joinLines$1(lines),
+      rest: []
+    };
+  }
+  let lastIndex = index - 1;
+  while (++lastIndex < lines.length) {
+    if (!isNormalStackLine(lines[lastIndex])) {
+      break;
+    }
+  }
+  return {
+    actualMessage: lines[index - 1],
+    rest: lines.slice(index, lastIndex)
+  };
 };
-const openExtensionSearch$1 = async () => {
-  // @ts-ignore
-  return invoke$1('SideBar.openViewlet', 'Extensions');
+const splitLines$1 = lines => {
+  return lines.split(NewLine$1);
 };
-const setExtensionsSearchValue = async searchValue => {
-  // @ts-ignore
-  return invoke$1('Extensions.handleInput', searchValue, Script$1);
+const RE_MESSAGE_CODE_BLOCK_START = /^Error: The module '.*'$/;
+const RE_MESSAGE_CODE_BLOCK_END = /^\s* at/;
+const isMessageCodeBlockStartIndex = line => {
+  return RE_MESSAGE_CODE_BLOCK_START.test(line);
 };
-const openExternal$1 = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openExternal', uri);
+const isMessageCodeBlockEndIndex = line => {
+  return RE_MESSAGE_CODE_BLOCK_END.test(line);
 };
-const openUrl = async uri => {
-  // @ts-ignore
-  await invoke$1('Open.openUrl', uri);
+const getMessageCodeBlock = stderr => {
+  const lines = splitLines$1(stderr);
+  const startIndex = lines.findIndex(isMessageCodeBlockStartIndex);
+  const endIndex = startIndex + lines.slice(startIndex).findIndex(isMessageCodeBlockEndIndex, startIndex);
+  const relevantLines = lines.slice(startIndex, endIndex);
+  const relevantMessage = relevantLines.join(' ').slice('Error: '.length);
+  return relevantMessage;
 };
-
-/* eslint-disable unicorn/prefer-export-from */
-
-const {
-  getRuntimeStatus: getRuntimeStatus$1,
-  set: set$4
-} = ExtensionHost;
-
-const getRuntimeStatus = async extensionId => {
-  // @ts-ignore
-  const status = await getRuntimeStatus$1(extensionId);
-  // @ts-ignore
-  return status;
+const isModuleNotFoundMessage = line => {
+  return line.includes('[ERR_MODULE_NOT_FOUND]');
 };
-
-const getRuntimeStatusDetails = async extension => {
-  const {
-    activationEvent,
-    activationTime,
-    importTime,
-    status
-  } = await getRuntimeStatus(extension.id);
+const getModuleNotFoundError = stderr => {
+  const lines = splitLines$1(stderr);
+  const messageIndex = lines.findIndex(isModuleNotFoundMessage);
+  const message = lines[messageIndex];
   return {
-    activationTime,
-    importTime,
-    status,
-    wasActivatedByEvent: activationEvent
+    code: ERR_MODULE_NOT_FOUND,
+    message
   };
 };
-
-const featureRuntimeStatusEnabled = extension => {
-  if (!extension || typeof extension !== 'object') {
+const isModuleNotFoundError = stderr => {
+  if (!stderr) {
     return false;
   }
-  if ('main' in extension || 'browser' in extension) {
-    return true;
-  }
-  return false;
-};
-
-const formatTime = time => {
-  return time.toFixed(2) + 'ms';
-};
-
-const getActivationTimeVirtualDom = (importTime$1, activationTime$1) => {
-  if (!activationTime$1 && !importTime$1) {
-    return [];
-  }
-  const formattedImportTime = formatTime(importTime$1);
-  const formattedTime = formatTime(activationTime$1);
-  return [{
-    childCount: 1,
-    type: Dt
-  }, text(importTime()), {
-    childCount: 1,
-    type: Dd
-  }, text(formattedImportTime), {
-    childCount: 1,
-    type: Dt
-  }, text(activationTime()), {
-    childCount: 1,
-    type: Dd
-  }, text(formattedTime)];
+  return stderr.includes('ERR_MODULE_NOT_FOUND');
 };
-
-const None$1 = 0;
-const Importing = 1;
-const Activating = 2;
-const Activated = 3;
-const Error$1 = 4;
-
-const getStatusMessage = statusType => {
-  switch (statusType) {
-    case Activated:
-      return 'activated';
-    case Activating:
-      return 'Activating';
-    case Error$1:
-      return 'error';
-    case Importing:
-      return 'importing';
-    case None$1:
-      return 'none';
-    default:
-      return 'unknown';
+const isModulesSyntaxError = stderr => {
+  if (!stderr) {
+    return false;
   }
+  return stderr.includes('SyntaxError: Cannot use import statement outside a module');
 };
-
-const key = {
-  childCount: 1,
-  className: 'RuntimeStatusDefinitionListKey',
-  type: Dt
+const RE_NATIVE_MODULE_ERROR = /^innerError Error: Cannot find module '.*.node'/;
+const RE_NATIVE_MODULE_ERROR_2 = /was compiled against a different Node.js version/;
+const isUnhelpfulNativeModuleError = stderr => {
+  return RE_NATIVE_MODULE_ERROR.test(stderr) && RE_NATIVE_MODULE_ERROR_2.test(stderr);
 };
-const value = {
-  childCount: 1,
-  className: 'RuntimeStatusDefinitionListValue',
-  type: Dd
+const getNativeModuleErrorMessage = stderr => {
+  const message = getMessageCodeBlock(stderr);
+  return {
+    code: E_INCOMPATIBLE_NATIVE_MODULE,
+    message: `Incompatible native node module: ${message}`
+  };
 };
-const getStatusVirtualDom = status$1 => {
-  const statusKey = status();
-  const statusValue = getStatusMessage(status$1);
-  return [key, text(`${statusKey}: `), value, text(`${statusValue}`)];
+const getModuleSyntaxError = () => {
+  return {
+    code: E_MODULES_NOT_SUPPORTED_IN_ELECTRON,
+    message: `ES Modules are not supported in electron`
+  };
 };
-
-const getChildCount$1 = (status, activationTime, importTime) => {
-  let childCount = 0;
-  childCount += 2; // status
-  if (importTime || activationTime) {
-    childCount += 4;
+const getHelpfulChildProcessError = (stdout, stderr) => {
+  if (isUnhelpfulNativeModuleError(stderr)) {
+    return getNativeModuleErrorMessage(stderr);
   }
-  return childCount;
-};
-const getRuntimeStatusVirtualDom = state => {
+  if (isModulesSyntaxError(stderr)) {
+    return getModuleSyntaxError();
+  }
+  if (isModuleNotFoundError(stderr)) {
+    return getModuleNotFoundError(stderr);
+  }
+  const lines = splitLines$1(stderr);
   const {
-    activationTime,
-    importTime,
-    status
-  } = state;
-  const heading = runtimeStatus();
-  const childCount = getChildCount$1(status, activationTime, importTime);
-  return [{
-    childCount: 2,
-    className: FeatureContent,
-    type: Div
-  }, ...getFeatureContentHeadingVirtualDom(heading), {
-    childCount,
-    className: 'RuntimeStatusDefinitionList',
-    type: Dl
-  }, ...getStatusVirtualDom(status), ...getActivationTimeVirtualDom(activationTime, importTime)];
+    actualMessage,
+    rest
+  } = getDetails(lines);
+  return {
+    code: '',
+    message: actualMessage,
+    stack: rest
+  };
 };
-
-const getSettingsTableEntry = setting => {
-  const {
-    id,
-    label
-  } = setting;
-  // TODO watch out for  null/undefined/number/string/array
-  return [{
-    type: Text,
-    value: id
-  }, {
-    type: Text,
-    value: label
-  }];
+class IpcError extends VError {
+  // @ts-ignore
+  constructor(betterMessage, stdout = '', stderr = '') {
+    if (stdout || stderr) {
+      // @ts-ignore
+      const {
+        code,
+        message,
+        stack
+      } = getHelpfulChildProcessError(stdout, stderr);
+      const cause = new Error(message);
+      // @ts-ignore
+      cause.code = code;
+      cause.stack = stack;
+      super(cause, betterMessage);
+    } else {
+      super(betterMessage);
+    }
+    // @ts-ignore
+    this.name = 'IpcError';
+    // @ts-ignore
+    this.stdout = stdout;
+    // @ts-ignore
+    this.stderr = stderr;
+  }
+}
+const readyMessage = 'ready';
+const getData$2 = event => {
+  return event.data;
 };
-
-const getSettingsDetails = async extension => {
-  const settings = extension.settings || [];
-  const rows = settings.map(getSettingsTableEntry);
-  return {
-    settings: rows
-  };
+const listen$7 = () => {
+  // @ts-ignore
+  if (typeof WorkerGlobalScope === 'undefined') {
+    throw new TypeError('module is not in web worker scope');
+  }
+  return globalThis;
 };
-
-const featureSettingsEnabled = extension => {
-  if (!hasProperty(extension, 'settings')) {
-    return false;
+const signal$8 = global => {
+  global.postMessage(readyMessage);
+};
+class IpcChildWithModuleWorker extends Ipc {
+  getData(event) {
+    return getData$2(event);
   }
-  return Array.isArray(extension.settings);
+  send(message) {
+    // @ts-ignore
+    this._rawIpc.postMessage(message);
+  }
+  sendAndTransfer(message) {
+    const transfer = getTransferrables(message);
+    // @ts-ignore
+    this._rawIpc.postMessage(message, transfer);
+  }
+  dispose() {
+    // ignore
+  }
+  onClose(callback) {
+    // ignore
+  }
+  onMessage(callback) {
+    this._rawIpc.addEventListener('message', callback);
+  }
+}
+const wrap$f = global => {
+  return new IpcChildWithModuleWorker(global);
 };
-
-const getSettingsTableEntries = rows => {
-  const textId = id$1();
-  const textLabel = label();
-  return {
-    headings: [textId, textLabel],
-    rows
+const waitForFirstMessage = async port => {
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  port.addEventListener('message', resolve, {
+    once: true
+  });
+  const event = await promise;
+  // @ts-ignore
+  return event.data;
+};
+const listen$6 = async () => {
+  const parentIpcRaw = listen$7();
+  signal$8(parentIpcRaw);
+  const parentIpc = wrap$f(parentIpcRaw);
+  const firstMessage = await waitForFirstMessage(parentIpc);
+  if (firstMessage.method !== 'initialize') {
+    throw new IpcError('unexpected first message');
+  }
+  const type = firstMessage.params[0];
+  if (type === 'message-port') {
+    parentIpc.send({
+      id: firstMessage.id,
+      jsonrpc: '2.0',
+      result: null
+    });
+    parentIpc.dispose();
+    const port = firstMessage.params[1];
+    return port;
+  }
+  return globalThis;
+};
+class IpcChildWithModuleWorkerAndMessagePort extends Ipc {
+  getData(event) {
+    return getData$2(event);
+  }
+  send(message) {
+    this._rawIpc.postMessage(message);
+  }
+  sendAndTransfer(message) {
+    const transfer = getTransferrables(message);
+    this._rawIpc.postMessage(message, transfer);
+  }
+  dispose() {
+    if (this._rawIpc.close) {
+      this._rawIpc.close();
+    }
+  }
+  onClose(callback) {
+    // ignore
+  }
+  onMessage(callback) {
+    this._rawIpc.addEventListener('message', callback);
+    this._rawIpc.start();
+  }
+}
+const wrap$e = port => {
+  return new IpcChildWithModuleWorkerAndMessagePort(port);
+};
+const IpcChildWithModuleWorkerAndMessagePort$1 = {
+  __proto__: null,
+  listen: listen$6,
+  wrap: wrap$e
+};
+const addListener = (emitter, type, callback) => {
+  if ('addEventListener' in emitter) {
+    emitter.addEventListener(type, callback);
+  } else {
+    emitter.on(type, callback);
+  }
+};
+const removeListener = (emitter, type, callback) => {
+  if ('removeEventListener' in emitter) {
+    emitter.removeEventListener(type, callback);
+  } else {
+    emitter.off(type, callback);
+  }
+};
+const getFirstEvent = (eventEmitter, eventMap) => {
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  const listenerMap = Object.create(null);
+  const cleanup = value => {
+    for (const event of Object.keys(eventMap)) {
+      removeListener(eventEmitter, event, listenerMap[event]);
+    }
+    resolve(value);
   };
+  for (const [event, type] of Object.entries(eventMap)) {
+    const listener = event => {
+      cleanup({
+        event,
+        type
+      });
+    };
+    addListener(eventEmitter, event, listener);
+    listenerMap[event] = listener;
+  }
+  return promise;
 };
-
-const getFeatureSettingsVirtualDom = rows => {
-  const heading = settings();
-  const tableInfo = getSettingsTableEntries(rows);
-  return [{
-    childCount: 2,
-    className: FeatureContent,
-    type: Div
-  }, ...getFeatureContentHeadingVirtualDom(heading), ...getTableVirtualDom(tableInfo)];
+const Message$1 = 3;
+const create$5$1 = async ({
+  isMessagePortOpen,
+  messagePort
+}) => {
+  if (!isMessagePort(messagePort)) {
+    throw new IpcError('port must be of type MessagePort');
+  }
+  if (isMessagePortOpen) {
+    return messagePort;
+  }
+  const eventPromise = getFirstEvent(messagePort, {
+    message: Message$1
+  });
+  messagePort.start();
+  const {
+    event,
+    type
+  } = await eventPromise;
+  if (type !== Message$1) {
+    throw new IpcError('Failed to wait for ipc message');
+  }
+  if (event.data !== readyMessage) {
+    throw new IpcError('unexpected first message');
+  }
+  return messagePort;
 };
-
-const getSettingsVirtualDom = state => {
-  return getFeatureSettingsVirtualDom(state.settings);
+const signal$1 = messagePort => {
+  messagePort.start();
 };
-
-const HandleClickCategory = 1;
-const HandleClickDisable = 2;
-const HandleClickEnable = 3;
-const HandleClickScrollToTop = 4;
-const HandleClickSetColorTheme = 5;
-const HandleClickSettings = 6;
-const HandleClickSize = 7;
-const HandleClickUninstall = 8;
-const HandleFeaturesClick = 9;
-const HandleIconError = 10;
-const HandleImageContextMenu = 11;
-const HandleReadmeContextMenu = 12;
-const HandleReadmeScroll = 13;
-const HandleTabsClick = 14;
-const HandleAdditionalDetailContextMenu = 15;
-const HandleReadmeClick = 16;
-const HandleSelectionChange = 17;
-const HandleTabFocus = 18;
-const HandleResourceLinkClick = 19;
-
-const ActivationEvents = 'ActivationEvents';
-const Changelog = 'Changelog';
-const Commands = 'Commands';
-const Details = 'Details';
-const Enable = 'Enable';
-const Disable = 'Disable';
-const Features = 'Features';
-const JsonValidation = 'JsonValidation';
-const ProgrammingLanguages = 'ProgrammingLanguages';
-const RuntimeStatus = 'RuntimeStatus';
-const ScrollToTop = 'scrolltotop';
-const SetColorTheme = 'SetColorTheme';
-const Settings = 'Settings';
-const Theme = 'Theme';
-const Uninstall = 'Uninstall';
-const WebViews = 'WebViews';
-
-const getScrollToTopVirtualDom = scrollToTopButtonEnabled => {
-  return [{
-    ariaLabel: scrollToTop(),
-    childCount: 1,
-    className: ScrollToTopButton,
-    name: ScrollToTop,
-    onClick: HandleClickScrollToTop,
-    type: Button$1
-  }, {
-    childCount: 0,
-    className: mergeClassNames(MaskIcon, MaskIconChevronUp),
-    role: None$3,
-    type: Div
-  }];
+class IpcParentWithMessagePort extends Ipc {
+  getData = getData$2;
+  send(message) {
+    this._rawIpc.postMessage(message);
+  }
+  sendAndTransfer(message) {
+    const transfer = getTransferrables(message);
+    this._rawIpc.postMessage(message, transfer);
+  }
+  dispose() {
+    this._rawIpc.close();
+  }
+  onMessage(callback) {
+    this._rawIpc.addEventListener('message', callback);
+  }
+  onClose(callback) {}
+}
+const wrap$5 = messagePort => {
+  return new IpcParentWithMessagePort(messagePort);
+};
+const IpcParentWithMessagePort$1 = {
+  __proto__: null,
+  create: create$5$1,
+  signal: signal$1,
+  wrap: wrap$5
 };
 
-/* eslint-disable unicorn/prefer-export-from */
-
-const {
-  getVirtualDom,
-  render,
-  set: set$3
-} = MarkdownWorker;
-
-const getMarkdownVirtualDom = async (html, options) => {
-  string(html);
-  const dom = await getVirtualDom(html);
-  if (options?.scrollToTopEnabled) {
-    const [firstNode, ...rest] = dom;
-    const extraDom = getScrollToTopVirtualDom();
-    return [{
-      ...firstNode,
-      childCount: firstNode.childCount + 1,
-      onClick: HandleReadmeClick,
-      onScroll: HandleReadmeScroll,
-      onSelectionChange: HandleSelectionChange
-    }, ...extraDom, ...rest];
+const Two$1 = '2.0';
+const callbacks = Object.create(null);
+const get$1 = id => {
+  return callbacks[id];
+};
+const remove = id => {
+  delete callbacks[id];
+};
+class JsonRpcError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'JsonRpcError';
   }
-  return dom;
+}
+const NewLine = '\n';
+const DomException = 'DOMException';
+const ReferenceError$1 = 'ReferenceError';
+const SyntaxError$1 = 'SyntaxError';
+const TypeError$1 = 'TypeError';
+const getErrorConstructor = (message, type) => {
+  if (type) {
+    switch (type) {
+      case DomException:
+        return DOMException;
+      case ReferenceError$1:
+        return ReferenceError;
+      case SyntaxError$1:
+        return SyntaxError;
+      case TypeError$1:
+        return TypeError;
+      default:
+        return Error;
+    }
+  }
+  if (message.startsWith('TypeError: ')) {
+    return TypeError;
+  }
+  if (message.startsWith('SyntaxError: ')) {
+    return SyntaxError;
+  }
+  if (message.startsWith('ReferenceError: ')) {
+    return ReferenceError;
+  }
+  return Error;
 };
-
-const getThemeItemMarkdown = (heading, items) => {
-  let markdown = '';
-  if (items.length > 0) {
-    markdown += `### ${heading}`;
-    markdown += '\n\n';
-    for (const item of items) {
-      markdown += `- ${item.label}`;
-      markdown += '\n';
+const constructError = (message, type, name) => {
+  const ErrorConstructor = getErrorConstructor(message, type);
+  if (ErrorConstructor === DOMException && name) {
+    return new ErrorConstructor(message, name);
+  }
+  if (ErrorConstructor === Error) {
+    const error = new Error(message);
+    if (name && name !== 'VError') {
+      error.name = name;
     }
+    return error;
   }
-  return markdown;
+  return new ErrorConstructor(message);
 };
-
-const getColorThemeMarkdown = themes => {
-  const heading = 'Color Themes';
-  return getThemeItemMarkdown(heading, themes);
+const joinLines = lines => {
+  return lines.join(NewLine);
 };
-const getIconThemeMarkdown = iconThemes => {
-  const heading = 'File Icon Themes';
-  return getThemeItemMarkdown(heading, iconThemes);
+const splitLines = lines => {
+  return lines.split(NewLine);
 };
-const getProductIconThemeMarkdown = iconThemes => {
-  const heading = 'Product Icon Themes';
-  return getThemeItemMarkdown(heading, iconThemes);
+const getCurrentStack = () => {
+  const stackLinesToSkip = 3;
+  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
+  return currentStack;
 };
-const getThemeMarkdown = (themes, iconThemes, productIconThemes) => {
-  let markdown = '';
-  markdown += getColorThemeMarkdown(themes);
-  markdown += getIconThemeMarkdown(iconThemes);
-  markdown += getProductIconThemeMarkdown(productIconThemes);
-  return markdown;
+const getNewLineIndex = (string, startIndex = undefined) => {
+  return string.indexOf(NewLine, startIndex);
 };
-
-const padBytes = bytes => {
-  return bytes.toString(16).padStart(2, '0');
+const getParentStack = error => {
+  let parentStack = error.stack || error.data || error.message || '';
+  if (parentStack.startsWith('    at')) {
+    parentStack = error.message + NewLine + parentStack;
+  }
+  return parentStack;
 };
-const hash = async content => {
-  const sourceBytes = new TextEncoder().encode(content);
-  const digest = await crypto.subtle.digest('SHA-256', sourceBytes);
-  const resultBytes = [...new Uint8Array(digest)];
-  return resultBytes.map(padBytes).join('');
+const MethodNotFound = -32601;
+const Custom = -32001;
+const restoreJsonRpcError = error => {
+  const currentStack = getCurrentStack();
+  if (error && error instanceof Error) {
+    if (typeof error.stack === 'string') {
+      error.stack = error.stack + NewLine + currentStack;
+    }
+    return error;
+  }
+  if (error && error.code && error.code === MethodNotFound) {
+    const restoredError = new JsonRpcError(error.message);
+    const parentStack = getParentStack(error);
+    restoredError.stack = parentStack + NewLine + currentStack;
+    return restoredError;
+  }
+  if (error && error.message) {
+    const restoredError = constructError(error.message, error.type, error.name);
+    if (error.data) {
+      if (error.data.stack && error.data.type && error.message) {
+        restoredError.stack = error.data.type + ': ' + error.message + NewLine + error.data.stack + NewLine + currentStack;
+      } else if (error.data.stack) {
+        restoredError.stack = error.data.stack;
+      }
+      if (error.data.codeFrame) {
+        // @ts-ignore
+        restoredError.codeFrame = error.data.codeFrame;
+      }
+      if (error.data.code) {
+        // @ts-ignore
+        restoredError.code = error.data.code;
+      }
+      if (error.data.type) {
+        // @ts-ignore
+        restoredError.name = error.data.type;
+      }
+    } else {
+      if (error.stack) {
+        const lowerStack = restoredError.stack || '';
+        // @ts-ignore
+        const indexNewLine = getNewLineIndex(lowerStack);
+        const parentStack = getParentStack(error);
+        // @ts-ignore
+        restoredError.stack = parentStack + lowerStack.slice(indexNewLine);
+      }
+      if (error.codeFrame) {
+        // @ts-ignore
+        restoredError.codeFrame = error.codeFrame;
+      }
+    }
+    return restoredError;
+  }
+  if (typeof error === 'string') {
+    return new Error(`JsonRpc Error: ${error}`);
+  }
+  return new Error(`JsonRpc Error: ${error}`);
 };
-
-const supportsNormalCacheKey = locationProtocol => {
-  return locationProtocol === 'http:' || locationProtocol === 'https:';
+const unwrapJsonRpcResult = responseMessage => {
+  if ('error' in responseMessage) {
+    const restoredError = restoreJsonRpcError(responseMessage.error);
+    throw restoredError;
+  }
+  if ('result' in responseMessage) {
+    return responseMessage.result;
+  }
+  throw new JsonRpcError('unexpected response message');
 };
-
-const getMarkdownCacheHash = async (markdown, options) => {
-  const stringifiedOptions = JSON.stringify(options);
-  const contents = `${markdown}:${stringifiedOptions}:${options.commit}`;
-  return hash(contents);
+const warn = (...args) => {
+  console.warn(...args);
 };
-const getMarkdownCacheKey = async (markdown, options) => {
-  const hash = await getMarkdownCacheHash(markdown, options);
-  if (supportsNormalCacheKey(options.locationProtocol)) {
-    return `/markdown/${hash}`;
+const resolve = (id, response) => {
+  const fn = get$1(id);
+  if (!fn) {
+    console.log(response);
+    warn(`callback ${id} may already be disposed`);
+    return;
   }
-  // workaround for electron bug
-  return `https://-/markdown/${hash}`;
+  fn(response);
+  remove(id);
 };
-
-// TODO pass application name from renderer worker to not hardcode it
-
-const cachedCaches = Object.create(null);
-const noopCache = {
-  async match() {
-    return undefined;
-  },
-  async put() {}
+const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
+const getErrorType = prettyError => {
+  if (prettyError && prettyError.type) {
+    return prettyError.type;
+  }
+  if (prettyError && prettyError.constructor && prettyError.constructor.name) {
+    return prettyError.constructor.name;
+  }
+  return undefined;
 };
-const supportsStorageBuckets = () => {
-  // @ts-ignore
-  return Boolean(navigator.storageBuckets);
+const isAlreadyStack = line => {
+  return line.trim().startsWith('at ');
 };
-const getCacheInternal = async (cacheName, bucketName) => {
-  if (!supportsStorageBuckets()) {
-    return noopCache;
+const getStack = prettyError => {
+  const stackString = prettyError.stack || '';
+  const newLineIndex = stackString.indexOf('\n');
+  if (newLineIndex !== -1 && !isAlreadyStack(stackString.slice(0, newLineIndex))) {
+    return stackString.slice(newLineIndex + 1);
   }
-  const twoWeeks = 14 * 24 * 60 * 60 * 1000;
-  // @ts-ignore
-  const bucket = await navigator.storageBuckets.open(bucketName, {
-    expires: Date.now() + twoWeeks,
-    quota: 100 * 1024 * 1024 // 100MB
-  });
-  const cache = await bucket.caches.open(cacheName);
-  return cache;
+  return stackString;
 };
-const getCache = (cacheName, bucketName) => {
-  if (!(cacheName in cachedCaches)) {
-    cachedCaches[cacheName] = getCacheInternal(cacheName, bucketName);
+const getErrorProperty = (error, prettyError) => {
+  if (error && error.code === E_COMMAND_NOT_FOUND) {
+    return {
+      code: MethodNotFound,
+      data: error.stack,
+      message: error.message
+    };
   }
-  return cachedCaches[cacheName];
+  return {
+    code: Custom,
+    data: {
+      code: prettyError.code,
+      codeFrame: prettyError.codeFrame,
+      name: prettyError.name,
+      stack: getStack(prettyError),
+      type: getErrorType(prettyError)
+    },
+    message: prettyError.message
+  };
+};
+const create$1$1 = (id, error) => {
+  return {
+    error,
+    id,
+    jsonrpc: Two$1
+  };
+};
+const getErrorResponse = (id, error, preparePrettyError, logError) => {
+  const prettyError = preparePrettyError(error);
+  logError(error, prettyError);
+  const errorProperty = getErrorProperty(error, prettyError);
+  return create$1$1(id, errorProperty);
 };
-
-// TODO pass application name from renderer worker to not hardcode it
-const cacheName = 'lvce-editor/markdown-cache';
-const has = async (key, bucketName) => {
-  const cache = await getCache(cacheName, bucketName);
-  const response = await cache.match(key);
-  return Boolean(response);
+const create$9 = (message, result) => {
+  return {
+    id: message.id,
+    jsonrpc: Two$1,
+    result: result ?? null
+  };
 };
-const get$1 = async (key, bucketName) => {
-  const cache = await getCache(cacheName, bucketName);
-  const response = await cache.match(key);
-  const text = await response?.text();
-  return text || '';
+const getSuccessResponse = (message, result) => {
+  const resultProperty = result ?? null;
+  return create$9(message, resultProperty);
 };
-const set$2 = async (key, bucketName, value) => {
-  const cache = await getCache(cacheName, bucketName);
-  await cache.put(key, new Response(value, {
-    headers: {
-      'Content-Length': `${value.length}`,
-      'Content-Type': 'application/markdown'
-    }
-  }));
+const getErrorResponseSimple = (id, error) => {
+  return {
+    error: {
+      code: Custom,
+      data: error,
+      // @ts-ignore
+      message: error.message
+    },
+    id,
+    jsonrpc: Two$1
+  };
 };
-
-const renderMarkdownCached = async (markdown, options) => {
-  const cacheKey = await getMarkdownCacheKey(markdown, options);
-  const bucketName = `markdown-cache`;
-  const hasItem = await has(cacheKey, bucketName);
-  if (hasItem) {
-    const value = await get$1(cacheKey, bucketName);
-    return value; // TODO validate if it's valid
+const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
+  try {
+    const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
+    return getSuccessResponse(message, result);
+  } catch (error) {
+    if (ipc.canUseSimpleErrorResponse) {
+      return getErrorResponseSimple(message.id, error);
+    }
+    return getErrorResponse(message.id, error, preparePrettyError, logError);
   }
-  const html = await render(markdown, options);
-  await set$2(cacheKey, bucketName, html);
-  return html;
 };
-
-const renderMarkdown = async (markdown, options) => {
-  const html = await renderMarkdownCached(markdown, options);
-  return html;
+const defaultPreparePrettyError = error => {
+  return error;
+};
+const defaultLogError = () => {
+  // ignore
+};
+const defaultRequiresSocket = () => {
+  return false;
 };
+const defaultResolve = resolve;
 
-const getThemeDetails = async (extension, baseUrl, locationProtocol) => {
-  const {
-    colorThemes,
-    iconThemes,
-    productIconThemes
-  } = extension;
-  const markdown = getThemeMarkdown(colorThemes || [], iconThemes || [], productIconThemes || []);
-  const rendered = await renderMarkdown(markdown, {
-    baseUrl,
-    locationProtocol
-  });
-  const themesMarkdownDom = await getMarkdownVirtualDom(rendered);
+// TODO maybe remove this in v6 or v7, only accept options object to simplify the code
+const normalizeParams = args => {
+  if (args.length === 1) {
+    const options = args[0];
+    return {
+      execute: options.execute,
+      ipc: options.ipc,
+      logError: options.logError || defaultLogError,
+      message: options.message,
+      preparePrettyError: options.preparePrettyError || defaultPreparePrettyError,
+      requiresSocket: options.requiresSocket || defaultRequiresSocket,
+      resolve: options.resolve || defaultResolve
+    };
+  }
   return {
-    themesMarkdownDom
+    execute: args[2],
+    ipc: args[0],
+    logError: args[5],
+    message: args[1],
+    preparePrettyError: args[4],
+    requiresSocket: args[6],
+    resolve: args[3]
   };
 };
-
-const featureColorThemeEnabled = extension => {
-  if (!hasProperty(extension, 'colorThemes')) {
-    return false;
+const handleJsonRpcMessage = async (...args) => {
+  const options = normalizeParams(args);
+  const {
+    execute,
+    ipc,
+    logError,
+    message,
+    preparePrettyError,
+    requiresSocket,
+    resolve
+  } = options;
+  if ('id' in message) {
+    if ('method' in message) {
+      const response = await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+      try {
+        ipc.send(response);
+      } catch (error) {
+        const errorResponse = getErrorResponse(message.id, error, preparePrettyError, logError);
+        ipc.send(errorResponse);
+      }
+      return;
+    }
+    resolve(message.id, message);
+    return;
   }
-  return Array.isArray(extension.colorThemes);
-};
-
-const featureIconThemeEnabled = extension => {
-  if (!hasProperty(extension, 'iconThemes')) {
-    return false;
+  if ('method' in message) {
+    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+    return;
   }
-  return Array.isArray(extension.iconThemes);
+  throw new JsonRpcError('unexpected message');
 };
 
-const featureProductIconThemeEnabled = extension => {
-  if (!hasProperty(extension, 'productIconThemes')) {
-    return false;
-  }
-  return Array.isArray(extension.productIconThemes);
-};
+const Two = '2.0';
 
-const featureThemeEnabled = extension => {
-  return featureColorThemeEnabled(extension) || featureIconThemeEnabled(extension) || featureProductIconThemeEnabled(extension);
+const create$8 = (method, params) => {
+  return {
+    jsonrpc: Two,
+    method,
+    params
+  };
 };
 
-const getVirtualDomChildCount = dom => {
-  const max = dom.length - 1;
-  let stack = [];
-  for (let i = max; i >= 0; i--) {
-    const element = dom[i];
-    if (element.childCount > 0) {
-      stack = stack.slice(element.childCount);
-    }
-    stack.unshift(element);
-  }
-  return stack.length;
+const create$7 = (id, method, params) => {
+  const message = {
+    id,
+    jsonrpc: Two,
+    method,
+    params
+  };
+  return message;
 };
 
-const getFeatureThemesVirtualDom = themesDom => {
-  const childCount = getVirtualDomChildCount(themesDom);
-  const heading = theme();
-  return [{
-    childCount: 2,
-    className: FeatureContent,
-    type: Div
-  }, ...getFeatureContentHeadingVirtualDom(heading), {
-    childCount,
-    className: DefaultMarkdown,
-    type: Div
-  }, ...themesDom];
+let id = 0;
+const create$6 = () => {
+  return ++id;
 };
 
-const getThemeVirtualDom = state => {
-  return getFeatureThemesVirtualDom(state.themesMarkdownDom);
+const registerPromise = map => {
+  const id = create$6();
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  map[id] = resolve;
+  return {
+    id,
+    promise
+  };
 };
 
-const toWebView = rawWebView => {
+const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
   const {
-    contentSecurityPolicy,
-    elements,
-    id,
-    selector
-  } = rawWebView;
-  return {
-    contentSecurityPolicyString: JSON.stringify(contentSecurityPolicy),
-    elementsString: JSON.stringify(elements, null, 2),
     id,
-    selectorString: JSON.stringify(selector)
+    promise
+  } = registerPromise(callbacks);
+  const message = create$7(id, method, params);
+  if (useSendAndTransfer && ipc.sendAndTransfer) {
+    ipc.sendAndTransfer(message);
+  } else {
+    ipc.send(message);
+  }
+  const responseMessage = await promise;
+  return unwrapJsonRpcResult(responseMessage);
+};
+const createRpc = ipc => {
+  const callbacks = Object.create(null);
+  ipc._resolve = (id, response) => {
+    const fn = callbacks[id];
+    if (!fn) {
+      console.warn(`callback ${id} may already be disposed`);
+      return;
+    }
+    fn(response);
+    delete callbacks[id];
+  };
+  const rpc = {
+    async dispose() {
+      await ipc?.dispose();
+    },
+    invoke(method, ...params) {
+      return invokeHelper(callbacks, ipc, method, params, false);
+    },
+    invokeAndTransfer(method, ...params) {
+      return invokeHelper(callbacks, ipc, method, params, true);
+    },
+    // @ts-ignore
+    ipc,
+    /**
+     * @deprecated
+     */
+    send(method, ...params) {
+      const message = create$8(method, params);
+      ipc.send(message);
+    }
   };
+  return rpc;
 };
 
-const getWebViews = extension => {
-  const rawWebViews = extension.webViews || [];
-  return rawWebViews.map(toWebView);
+const requiresSocket = () => {
+  return false;
+};
+const preparePrettyError = error => {
+  return error;
+};
+const logError = () => {
+  // handled by renderer worker
+};
+const handleMessage = event => {
+  const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
+  const actualExecute = event?.target?.execute || execute;
+  return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError, actualRequiresSocket);
 };
 
-const getWebViewsDetails = async extension => {
-  const webViews = getWebViews(extension);
-  return {
-    webViews
-  };
+const handleIpc = ipc => {
+  if ('addEventListener' in ipc) {
+    ipc.addEventListener('message', handleMessage);
+  } else if ('on' in ipc) {
+    // deprecated
+    ipc.on('message', handleMessage);
+  }
 };
 
-const featureWebViewsEnabled = extension => {
-  if (!hasProperty(extension, 'webViews')) {
-    return false;
+const listen$1 = async (module, options) => {
+  const rawIpc = await module.listen(options);
+  if (module.signal) {
+    module.signal(rawIpc);
   }
-  return Array.isArray(extension.webViews);
+  const ipc = module.wrap(rawIpc);
+  return ipc;
 };
 
-const heading = {
-  childCount: 1,
-  className: DefinitionListItemHeading,
-  type: H2
-};
-const pre = {
-  childCount: 1,
-  className: DefinitionListItemValue,
-  type: Pre
-};
-const item = {
-  childCount: 2,
-  className: DefinitionListItem,
-  type: Div
+const create$5 = async ({
+  commandMap,
+  isMessagePortOpen = true,
+  messagePort
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const rawIpc = await IpcParentWithMessagePort$1.create({
+    isMessagePortOpen,
+    messagePort
+  });
+  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  messagePort.start();
+  return rpc;
 };
-const getWebViewVirtualDom = webView => {
+
+const create$4 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
   const {
-    contentSecurityPolicyString,
-    elementsString,
-    id,
-    selectorString
-  } = webView;
-  const textId = id$1();
-  const textSelector = selector();
-  const textContentSecurityPolicy = contentSecurityPolicy();
-  const textElements = elements();
-  return [{
-    childCount: 4,
-    className: FeatureWebView,
-    type: Div
-  }, item, heading, text(textId), pre, text(id), item, heading, text(textSelector), pre, text(selectorString), item, heading, text(textContentSecurityPolicy), pre, text(contentSecurityPolicyString), item, heading, text(textElements), pre, text(elementsString)];
+    port1,
+    port2
+  } = new MessageChannel();
+  await send(port1);
+  return create$5({
+    commandMap,
+    isMessagePortOpen,
+    messagePort: port2
+  });
 };
 
-const getFeatureWebViewsVirtualDom = webViews$1 => {
-  const heading = webViews();
-  return [{
-    childCount: 2,
-    className: FeatureContent,
-    type: Div
-  }, ...getFeatureContentHeadingVirtualDom(heading), {
-    childCount: webViews$1.length,
-    type: Div
-  }, ...webViews$1.flatMap(getWebViewVirtualDom)];
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
 };
 
-const getWebViewsVirtualDom = state => {
-  return getFeatureWebViewsVirtualDom(state.webViews);
+const create$3 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  return createSharedLazyRpc(() => {
+    return create$4({
+      commandMap,
+      isMessagePortOpen,
+      send
+    });
+  });
 };
 
-const registerAllFeatures = () => {
-  register$1({
-    getDetails: getThemeDetails,
-    getLabel: theme,
-    getVirtualDom: getThemeVirtualDom,
-    id: Theme,
-    isEnabled: featureThemeEnabled
-  });
-  register$1({
-    getDetails: getCommandsDetails,
-    getLabel: commands$1,
-    getVirtualDom: getCommandsVirtualDom,
-    id: Commands,
-    isEnabled: featureCommandsEnabled
-  });
-  register$1({
-    getDetails: getSettingsDetails,
-    getLabel: settings,
-    getVirtualDom: getSettingsVirtualDom,
-    id: Settings,
-    isEnabled: featureSettingsEnabled
-  });
-  register$1({
-    getDetails: getJsonValidationDetails,
-    getLabel: jsonValidation,
-    getVirtualDom: getJsonValidationVirtualDom,
-    id: JsonValidation,
-    isEnabled: featureJsonValidationEnabled
-  });
-  register$1({
-    getDetails: getFeatureDetailsProgrammingLanguages,
-    getLabel: programmingLanguages,
-    getVirtualDom: getProgrammingLanguagesVirtualDom,
-    id: ProgrammingLanguages,
-    isEnabled: featureProgrammingLanguagesEnabled
-  });
-  register$1({
-    getDetails: getWebViewsDetails,
-    getLabel: webViews,
-    getVirtualDom: getWebViewsVirtualDom,
-    id: WebViews,
-    isEnabled: featureWebViewsEnabled
-  });
-  register$1({
-    getDetails: getActivationEventsDetails,
-    getLabel: activationEvents,
-    getVirtualDom: getActivationEventsVirtualDom,
-    id: ActivationEvents,
-    isEnabled: featureActivationEventsEnabled
-  });
-  register$1({
-    getDetails: getRuntimeStatusDetails,
-    getLabel: runtimeStatus,
-    getVirtualDom: getRuntimeStatusVirtualDom,
-    id: RuntimeStatus,
-    isEnabled: featureRuntimeStatusEnabled
-  });
+const create$2 = async ({
+  commandMap
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const ipc = await listen$1(IpcChildWithModuleWorkerAndMessagePort$1);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  return rpc;
 };
 
 const toCommandId = key => {
@@ -2985,42 +3218,68 @@ const create$1 = () => {
   const states = Object.create(null);
   const commandMapRef = {};
   return {
-    get(uid) {
-      return states[uid];
+    clear() {
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
     },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        oldState,
-        newState
-      };
+    diff(uid, modules, numbers) {
+      const {
+        newState,
+        oldState
+      } = states[uid];
+      const diffResult = [];
+      for (let i = 0; i < modules.length; i++) {
+        const fn = modules[i];
+        if (!fn(oldState, newState)) {
+          diffResult.push(numbers[i]);
+        }
+      }
+      return diffResult;
     },
     dispose(uid) {
       delete states[uid];
     },
+    get(uid) {
+      return states[uid];
+    },
+    getCommandIds() {
+      const keys = Object.keys(commandMapRef);
+      const ids = keys.map(toCommandId);
+      return ids;
+    },
     getKeys() {
       return Object.keys(states).map(key => {
-        return Number.parseInt(key);
+        return Number.parseFloat(key);
       });
     },
-    clear() {
-      for (const key of Object.keys(states)) {
-        delete states[key];
-      }
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
+    },
+    set(uid, oldState, newState) {
+      states[uid] = {
+        newState,
+        oldState
+      };
     },
     wrapCommand(fn) {
       const wrapped = async (uid, ...args) => {
         const {
-          oldState,
-          newState
+          newState,
+          oldState
         } = states[uid];
         const newerState = await fn(newState, ...args);
         if (oldState === newerState || newState === newerState) {
           return;
         }
-        const latest = states[uid];
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...newerState
+        };
         states[uid] = {
-          oldState: latest.oldState,
-          newState: newerState
+          newState: latestNew,
+          oldState: latestOld.oldState
         };
       };
       return wrapped;
@@ -3034,27 +3293,36 @@ const create$1 = () => {
       };
       return wrapped;
     },
-    diff(uid, modules, numbers) {
-      const {
-        oldState,
-        newState
-      } = states[uid];
-      const diffResult = [];
-      for (let i = 0; i < modules.length; i++) {
-        const fn = modules[i];
-        if (!fn(oldState, newState)) {
-          diffResult.push(numbers[i]);
+    wrapLoadContent(fn) {
+      const wrapped = async (uid, ...args) => {
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const result = await fn(newState, ...args);
+        const {
+          error,
+          state
+        } = result;
+        if (oldState === state || newState === state) {
+          return {
+            error
+          };
         }
-      }
-      return diffResult;
-    },
-    getCommandIds() {
-      const keys = Object.keys(commandMapRef);
-      const ids = keys.map(toCommandId);
-      return ids;
-    },
-    registerCommands(commandMap) {
-      Object.assign(commandMapRef, commandMap);
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...state
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState
+        };
+        return {
+          error
+        };
+      };
+      return wrapped;
     }
   };
 };
@@ -3166,6 +3434,7 @@ const create = (uid, uri, x, y, width, height, platform, assetDir) => {
     hasReadme: false,
     iconSrc: '',
     importTime: 0,
+    initial: true,
     installationEntries: [],
     jsonValidation: [],
     lastUpdated: null,
@@ -3230,9 +3499,10 @@ const RenderItems = 3;
 const RenderScrollTop = 4;
 const RenderCss = 5;
 const RenderFocusContext = 6;
+const RenderIncremental = 7;
 
 const modules = [isEqual$1, isEqual$2, isEqual, isEqual$3, isEqual$2];
-const numbers = [RenderItems, RenderFocus, RenderScrollTop, RenderCss, RenderFocusContext];
+const numbers = [RenderIncremental, RenderFocus, RenderScrollTop, RenderCss, RenderFocusContext];
 
 const diff2 = uid => {
   const {
@@ -3326,7 +3596,7 @@ const getMenuEntries2 = (state, props) => {
       command: 'ExtensionDetail.executeCopy',
       flags: None$2,
       id: 'copy',
-      label: copy$1()
+      label: copy()
     }];
   }
   return [{
@@ -3334,7 +3604,7 @@ const getMenuEntries2 = (state, props) => {
     command: 'ExtensionDetail.executeCopy',
     flags: None$2,
     id: 'copy',
-    label: copy$1()
+    label: copy()
   }];
 };
 
@@ -3344,7 +3614,7 @@ const getCopyMenuEntry = () => ({
   command: 'ClipBoard.execCopy',
   flags: None,
   id: 'copy',
-  label: copy$1()
+  label: copy()
 });
 
 const getImageMenuEntries = props => {
@@ -3390,7 +3660,7 @@ const getMenuEntriesReadme = () => [{
   command: 'ExtensionDetail.copyReadmeText',
   flags: None$2,
   id: 'copy',
-  label: copy$1()
+  label: copy()
 }];
 
 const ExtensionDetailIconContextMenu$1 = 4091;
@@ -4425,6 +4695,7 @@ const loadContent = async (state, platform, savedState, isTest = false) => {
     hasColorTheme,
     hasReadme,
     iconSrc,
+    initial: false,
     installationEntries,
     lastUpdated,
     linkProtectionEnabled,
@@ -4764,7 +5035,7 @@ const sendMessagePortToExtensionHostWorker = async port => {
 
 const createExtensionHostWorkerRpc = async () => {
   try {
-    const rpc = await TransferMessagePortRpcParent.create({
+    const rpc = await create$4({
       commandMap: {},
       send: sendMessagePortToExtensionHostWorker
     });
@@ -4781,7 +5052,7 @@ const initializeExtensionHostWorker = async () => {
 
 const createExtensionManagementWorkerRpc = async () => {
   try {
-    const rpc = await TransferMessagePortRpcParent.create({
+    const rpc = await create$4({
       commandMap: {},
       send: port => sendMessagePortToExtensionManagementWorker(port, 0)
     });
@@ -4806,7 +5077,7 @@ const sendMessagePortToFileSystemWorker = async port => {
 
 const createFileSystemWorkerRpc = async () => {
   try {
-    const rpc = await TransferMessagePortRpcParent.create({
+    const rpc = await create$4({
       commandMap: {},
       send: sendMessagePortToFileSystemWorker
     });
@@ -4827,7 +5098,7 @@ const sendMessagePortToMarkdownWorker = async port => {
 
 const createMarkdownWorkerRpc = async () => {
   try {
-    const rpc = await TransferMessagePortRpcParent.create({
+    const rpc = await create$3({
       commandMap: {},
       send: sendMessagePortToMarkdownWorker
     });
@@ -5387,8 +5658,15 @@ const getExtensionDetailVirtualDom = (newState, selectedTab) => {
 };
 
 const renderDom = (oldState, newState) => {
+  const {
+    initial,
+    uid
+  } = newState;
+  if (initial) {
+    return [SetDom2, uid, []];
+  }
   const dom = getExtensionDetailVirtualDom(newState, newState.selectedTab);
-  return ['Viewlet.setDom2', dom];
+  return [SetDom2, uid, dom];
 };
 
 const renderFocus = (oldState, newState) => {
@@ -5419,6 +5697,16 @@ const renderFocusContext = (oldState, newState) => {
   return [FocusElementByName, ''];
 };
 
+const renderIncremental = (oldState, newState) => {
+  const {
+    uid
+  } = newState;
+  const oldDom = renderDom(oldState, oldState)[2];
+  const newDom = renderDom(newState, newState)[2];
+  const patches = diffTree(oldDom, newDom);
+  return [SetPatches, uid, patches];
+};
+
 const getScrollTop = (selectedTab, readmeScrollTop, changelogScrollTop) => {
   if (selectedTab === Details) {
     return readmeScrollTop;
@@ -5452,6 +5740,8 @@ const getRenderer = diffType => {
       return renderFocus;
     case RenderFocusContext:
       return renderFocusContext;
+    case RenderIncremental:
+      return renderIncremental;
     case RenderItems:
       return renderDom;
     case RenderScrollTop:
@@ -5632,7 +5922,7 @@ const commandMap = {
 
 const listen = async () => {
   registerCommands(commandMap);
-  const rpc = await WebWorkerRpcClient.create({
+  const rpc = await create$2({
     commandMap: commandMap
   });
   set$5(rpc);