@lvce-editor/static-server 0.112.12 → 0.112.13

package/static/9c1bede/packages/ports-view/dist/portsViewWorkerMain.js

@@ -0,0 +1,2597 @@
+const normalizeLine = line => {
+  if (line.startsWith('Error: ')) {
+    return line.slice('Error: '.length);
+  }
+  if (line.startsWith('VError: ')) {
+    return line.slice('VError: '.length);
+  }
+  return line;
+};
+const getCombinedMessage = (error, message) => {
+  const stringifiedError = normalizeLine(`${error}`);
+  if (message) {
+    return `${message}: ${stringifiedError}`;
+  }
+  return stringifiedError;
+};
+const NewLine$2 = '\n';
+const getNewLineIndex$1 = (string, startIndex = undefined) => {
+  return string.indexOf(NewLine$2, startIndex);
+};
+const mergeStacks = (parent, child) => {
+  if (!child) {
+    return parent;
+  }
+  const parentNewLineIndex = getNewLineIndex$1(parent);
+  const childNewLineIndex = getNewLineIndex$1(child);
+  if (childNewLineIndex === -1) {
+    return parent;
+  }
+  const parentFirstLine = parent.slice(0, parentNewLineIndex);
+  const childRest = child.slice(childNewLineIndex);
+  const childFirstLine = normalizeLine(child.slice(0, childNewLineIndex));
+  if (parentFirstLine.includes(childFirstLine)) {
+    return parentFirstLine + childRest;
+  }
+  return child;
+};
+class VError extends Error {
+  constructor(error, message) {
+    const combinedMessage = getCombinedMessage(error, message);
+    super(combinedMessage);
+    this.name = 'VError';
+    if (error instanceof Error) {
+      this.stack = mergeStacks(this.stack, error.stack);
+    }
+    if (error.codeFrame) {
+      // @ts-ignore
+      this.codeFrame = error.codeFrame;
+    }
+    if (error.code) {
+      // @ts-ignore
+      this.code = error.code;
+    }
+  }
+}
+
+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;
+};
+const isSocket = value => {
+  return isInstanceOf(value, 'Socket');
+};
+const transferrables = [isMessagePort, isMessagePortMain, isOffscreenCanvas, isSocket];
+const isTransferrable = value => {
+  for (const fn of transferrables) {
+    if (fn(value)) {
+      return true;
+    }
+  }
+  return false;
+};
+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 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
+    }));
+  };
+  that.onMessage(handleMessage);
+  const handleClose = event => {
+    that.dispatchEvent(new Event('close'));
+  };
+  that.onClose(handleClose);
+};
+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 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 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 splitLines$1 = lines => {
+  return lines.split(NewLine$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 isMessageCodeBlockEndIndex = line => {
+  return RE_MESSAGE_CODE_BLOCK_END.test(line);
+};
+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 isModuleNotFoundMessage = line => {
+  return line.includes('[ERR_MODULE_NOT_FOUND]');
+};
+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 isModuleNotFoundError = stderr => {
+  if (!stderr) {
+    return false;
+  }
+  return stderr.includes('ERR_MODULE_NOT_FOUND');
+};
+const isModulesSyntaxError = stderr => {
+  if (!stderr) {
+    return false;
+  }
+  return stderr.includes('SyntaxError: Cannot use import statement outside a module');
+};
+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 getNativeModuleErrorMessage = stderr => {
+  const message = getMessageCodeBlock(stderr);
+  return {
+    code: E_INCOMPATIBLE_NATIVE_MODULE,
+    message: `Incompatible native node module: ${message}`
+  };
+};
+const getModuleSyntaxError = () => {
+  return {
+    code: E_MODULES_NOT_SUPPORTED_IN_ELECTRON,
+    message: `ES Modules are not supported in electron`
+  };
+};
+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
+  };
+};
+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;
+      if (stack) {
+        Object.defineProperty(cause, 'stack', {
+          configurable: true,
+          enumerable: false,
+          value: stack,
+          writable: true
+        });
+      }
+      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 listen$7 = () => {
+  // @ts-ignore
+  if (typeof WorkerGlobalScope === 'undefined') {
+    throw new TypeError('module is not in web worker scope');
+  }
+  return globalThis;
+};
+const signal$8 = global => {
+  global.postMessage(readyMessage);
+};
+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 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
+};
+
+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 getCommand = key => {
+  return commands[key];
+};
+const execute = (command, ...args) => {
+  const fn = getCommand(command);
+  if (!fn) {
+    throw new CommandNotFoundError(command);
+  }
+  return fn(...args);
+};
+
+const Two$1 = '2.0';
+const callbacks = Object.create(null);
+const get$2 = id => {
+  return callbacks[id];
+};
+const remove$1 = id => {
+  delete callbacks[id];
+};
+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 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 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') {
+      Object.defineProperty(error, 'name', {
+        configurable: true,
+        value: 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) => {
+  {
+    return string.indexOf(NewLine);
+  }
+};
+const getParentStack = error => {
+  let parentStack = error.stack || error.data || error.message || '';
+  if (parentStack.startsWith('    at')) {
+    parentStack = error.message + NewLine + parentStack;
+  }
+  return parentStack;
+};
+const MethodNotFound = -32601;
+const Custom = -32001;
+const setStack = (error, stack) => {
+  const descriptor = Object.getOwnPropertyDescriptor(error, 'stack');
+  if (descriptor) {
+    if (!descriptor.configurable && !descriptor.writable) {
+      return;
+    }
+    if (!descriptor.configurable && descriptor.writable) {
+      error.stack = stack;
+      return;
+    }
+  }
+  Object.defineProperty(error, 'stack', {
+    configurable: true,
+    value: stack,
+    writable: true
+  });
+};
+const restoreExistingError = (error, currentStack) => {
+  if (typeof error.stack === 'string') {
+    setStack(error, `${error.stack}${NewLine}${currentStack}`);
+  }
+  return error;
+};
+const restoreMethodNotFoundError = (error, currentStack) => {
+  const restoredError = new JsonRpcError(error.message);
+  const parentStack = getParentStack(error);
+  setStack(restoredError, `${parentStack}${NewLine}${currentStack}`);
+  return restoredError;
+};
+const restoreStackFromData = (restoredError, error, currentStack) => {
+  if (error.data.stack && error.data.type && error.message) {
+    setStack(restoredError, `${error.data.type}: ${error.message}${NewLine}${error.data.stack}${NewLine}${currentStack}`);
+    return;
+  }
+  if (error.data.stack) {
+    setStack(restoredError, error.data.stack);
+  }
+};
+const applyDataProperties = (restoredError, error) => {
+  restoreStackFromData(restoredError, error, getCurrentStack());
+  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;
+  }
+};
+const applyDirectProperties = (restoredError, error) => {
+  if (error.stack) {
+    const lowerStack = restoredError.stack || '';
+    const indexNewLine = getNewLineIndex(lowerStack);
+    const parentStack = getParentStack(error);
+    // @ts-ignore
+    setStack(restoredError, `${parentStack}${lowerStack.slice(indexNewLine)}`);
+  }
+  if (error.codeFrame) {
+    // @ts-ignore
+    restoredError.codeFrame = error.codeFrame;
+  }
+};
+const restoreMessageError = (error, _currentStack) => {
+  const restoredError = constructError(error.message, error.type, error.name);
+  if (error.data) {
+    applyDataProperties(restoredError, error);
+  } else {
+    applyDirectProperties(restoredError, error);
+  }
+  return restoredError;
+};
+const restoreJsonRpcError = error => {
+  const currentStack = getCurrentStack();
+  if (error && error instanceof Error) {
+    return restoreExistingError(error, currentStack);
+  }
+  if (error && error.code && error.code === MethodNotFound) {
+    return restoreMethodNotFoundError(error, currentStack);
+  }
+  if (error && error.message) {
+    return restoreMessageError(error);
+  }
+  if (typeof error === 'string') {
+    return new Error(`JsonRpc Error: ${error}`);
+  }
+  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 warn = (...args) => {
+  console.warn(...args);
+};
+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 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 isAlreadyStack = line => {
+  return line.trim().startsWith('at ');
+};
+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 getErrorProperty = (error, prettyError) => {
+  if (error && error.code === E_COMMAND_NOT_FOUND) {
+    return {
+      code: MethodNotFound,
+      data: error.stack,
+      message: error.message
+    };
+  }
+  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);
+};
+const create$7 = (message, result) => {
+  return {
+    id: message.id,
+    jsonrpc: Two$1,
+    result: result ?? null
+  };
+};
+const getSuccessResponse = (message, result) => {
+  const resultProperty = result ?? null;
+  return create$7(message, resultProperty);
+};
+const getErrorResponseSimple = (id, error) => {
+  return {
+    error: {
+      code: Custom,
+      data: error,
+      // @ts-ignore
+      message: error.message
+    },
+    id,
+    jsonrpc: Two$1
+  };
+};
+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 defaultLogError = () => {
+  // ignore
+};
+const defaultRequiresSocket = () => {
+  return false;
+};
+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 {
+      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 {
+    execute: args[2],
+    ipc: args[0],
+    logError: args[5],
+    message: args[1],
+    preparePrettyError: args[4],
+    requiresSocket: args[6],
+    resolve: args[3]
+  };
+};
+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;
+  }
+  if ('method' in message) {
+    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+    return;
+  }
+  throw new JsonRpcError('unexpected message');
+};
+
+const Two = '2.0';
+
+const create$6 = (method, params) => {
+  return {
+    jsonrpc: Two,
+    method,
+    params
+  };
+};
+
+const create$5 = (id, method, params) => {
+  const message = {
+    id,
+    jsonrpc: Two,
+    method,
+    params
+  };
+  return message;
+};
+
+let id = 0;
+const create$4 = () => {
+  return ++id;
+};
+
+const registerPromise = map => {
+  const id = create$4();
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  map[id] = resolve;
+  return {
+    id,
+    promise
+  };
+};
+
+const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
+  const {
+    id,
+    promise
+  } = registerPromise(callbacks);
+  const message = create$5(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$6(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 listen$1 = async (module, options) => {
+  const rawIpc = await module.listen(options);
+  if (module.signal) {
+    module.signal(rawIpc);
+  }
+  const ipc = module.wrap(rawIpc);
+  return ipc;
+};
+
+const create$3 = 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 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 command(...params);
+  };
+  const mockRpc = {
+    invocations,
+    invoke,
+    invokeAndTransfer: invoke
+  };
+  return mockRpc;
+};
+
+const rpcs = Object.create(null);
+const set$2 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
+};
+const remove = id => {
+  delete rpcs[id];
+};
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+const create$2 = rpcId => {
+  return {
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
+    },
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    registerMockRpc(commandMap) {
+      const mockRpc = createMockRpc({
+        commandMap
+      });
+      set$2(rpcId, mockRpc);
+      // @ts-ignore
+      mockRpc[Symbol.dispose] = () => {
+        remove(rpcId);
+      };
+      // @ts-ignore
+      return mockRpc;
+    },
+    set(rpc) {
+      set$2(rpcId, rpc);
+    }
+  };
+};
+
+const Audio = 0;
+const Button = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
+const Span = 8;
+const Table$1 = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
+const Reference = 100;
+
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Line,
+  Main,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table: Table$1,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
+const ClientY = 'event.clientY';
+const DeltaMode = 'event.deltaMode';
+const DeltaY = 'event.deltaY';
+const Key = 'event.key';
+const TargetName = 'event.target.name';
+const TargetValue = 'event.target.value';
+
+const RendererWorker = 1;
+
+const SetCss = 'Viewlet.setCss';
+const SetDom2 = 'Viewlet.setDom2';
+const SetPatches = 'Viewlet.setPatches';
+
+const {
+  invoke,
+  set: set$1
+} = create$2(RendererWorker);
+const openUri = async (uri, focus, options) => {
+  await invoke('Main.openUri', {
+    ...options,
+    focus,
+    uri
+  });
+};
+
+const toCommandId = key => {
+  const dotIndex = key.indexOf('.');
+  return key.slice(dotIndex + 1);
+};
+const create$1 = () => {
+  const commandQueues = new Map();
+  const generations = Object.create(null);
+  const states = Object.create(null);
+  const commandMapRef = {};
+  const getGeneration = uid => generations[uid] || 0;
+  const isCurrentGeneration = (uid, generation) => {
+    return states[uid] !== undefined && getGeneration(uid) === generation;
+  };
+  const updateState = (uid, generation, fallbackState, updater) => {
+    if (!isCurrentGeneration(uid, generation)) {
+      return Promise.resolve(fallbackState);
+    }
+    const current = states[uid];
+    const updatedState = updater(current.newState);
+    if (updatedState !== current.newState) {
+      states[uid] = {
+        newState: updatedState,
+        oldState: current.oldState,
+        scheduledState: updatedState
+      };
+    }
+    return Promise.resolve(updatedState);
+  };
+  const createAsyncCommandContext = (uid, generation) => {
+    let latestState = states[uid].newState;
+    return {
+      getState: () => {
+        if (isCurrentGeneration(uid, generation)) {
+          latestState = states[uid].newState;
+        }
+        return latestState;
+      },
+      updateState: async updater => {
+        latestState = await updateState(uid, generation, latestState, updater);
+        return latestState;
+      }
+    };
+  };
+  const enqueueCommand = async (uid, command) => {
+    const previous = commandQueues.get(uid) || Promise.resolve();
+    const run = async () => {
+      try {
+        await previous;
+      } catch {
+        // The previous caller receives its error; later commands must still run.
+      }
+      await command();
+    };
+    const current = run();
+    commandQueues.set(uid, current);
+    try {
+      await current;
+    } finally {
+      if (commandQueues.get(uid) === current) {
+        commandQueues.delete(uid);
+      }
+    }
+  };
+  return {
+    clear() {
+      commandQueues.clear();
+      for (const key of Object.keys(states)) {
+        delete states[key];
+      }
+    },
+    diff(uid, modules, numbers) {
+      const {
+        oldState,
+        scheduledState
+      } = states[uid];
+      const diffResult = [];
+      for (let i = 0; i < modules.length; i++) {
+        const fn = modules[i];
+        if (!fn(oldState, scheduledState)) {
+          diffResult.push(numbers[i]);
+        }
+      }
+      return diffResult;
+    },
+    dispose(uid) {
+      commandQueues.delete(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(Number);
+    },
+    registerCommands(commandMap) {
+      Object.assign(commandMapRef, commandMap);
+    },
+    set(uid, oldState, newState, scheduledState) {
+      const current = states[uid];
+      if (!current || oldState === newState && newState !== current.newState) {
+        generations[uid] = getGeneration(uid) + 1;
+      }
+      states[uid] = {
+        newState,
+        oldState,
+        scheduledState: scheduledState ?? newState
+      };
+    },
+    wrapAsyncCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
+        const context = createAsyncCommandContext(uid, generation);
+        await fn(context, ...args);
+      };
+      return wrapped;
+    },
+    wrapCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const newerState = await fn(newState, ...args);
+        if (oldState === newerState || newState === newerState) {
+          return;
+        }
+        if (!isCurrentGeneration(uid, generation)) {
+          return;
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...newerState
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState,
+          scheduledState: latestNew
+        };
+      };
+      return wrapped;
+    },
+    wrapGetter(fn) {
+      const wrapped = (uid, ...args) => {
+        const {
+          newState
+        } = states[uid];
+        return fn(newState, ...args);
+      };
+      return wrapped;
+    },
+    wrapLoadContent(fn) {
+      const wrapped = async (uid, ...args) => {
+        const generation = getGeneration(uid);
+        const {
+          newState,
+          oldState
+        } = states[uid];
+        const result = await fn(newState, ...args);
+        const {
+          error,
+          state
+        } = result;
+        if (oldState === state || newState === state) {
+          return {
+            error
+          };
+        }
+        if (!isCurrentGeneration(uid, generation)) {
+          return {
+            error
+          };
+        }
+        const latestOld = states[uid];
+        const latestNew = {
+          ...latestOld.newState,
+          ...state
+        };
+        states[uid] = {
+          newState: latestNew,
+          oldState: latestOld.oldState,
+          scheduledState: latestNew
+        };
+        return {
+          error
+        };
+      };
+      return wrapped;
+    },
+    wrapSerialAsyncCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        await enqueueCommand(uid, async () => {
+          if (!states[uid]) {
+            return;
+          }
+          const generation = getGeneration(uid);
+          const context = createAsyncCommandContext(uid, generation);
+          await fn(context, ...args);
+        });
+      };
+      return wrapped;
+    },
+    wrapSerialCommand(fn) {
+      const wrapped = async (uid, ...args) => {
+        await enqueueCommand(uid, async () => {
+          if (!states[uid]) {
+            return;
+          }
+          const generation = getGeneration(uid);
+          const {
+            newState,
+            oldState
+          } = states[uid];
+          const newerState = await fn(newState, ...args);
+          if (oldState === newerState || newState === newerState) {
+            return;
+          }
+          if (!isCurrentGeneration(uid, generation)) {
+            return;
+          }
+          const latestOld = states[uid];
+          const latestNew = {
+            ...latestOld.newState,
+            ...newerState
+          };
+          states[uid] = {
+            newState: latestNew,
+            oldState: latestOld.oldState,
+            scheduledState: latestNew
+          };
+        });
+      };
+      return wrapped;
+    }
+  };
+};
+const terminate = () => {
+  globalThis.close();
+};
+
+const assertString = (value, name) => {
+  if (typeof value !== 'string') {
+    throw new TypeError(`${name} must be a string`);
+  }
+};
+const normalizePort = input => {
+  if (!input || typeof input !== 'object') {
+    throw new TypeError('port must be an object');
+  }
+  const {
+    port
+  } = input;
+  if (!Number.isSafeInteger(port) || port < 1 || port > 65_535) {
+    throw new RangeError('port must be an integer between 1 and 65535');
+  }
+  const forwardedAddress = input.forwardedAddress ?? `localhost:${port}`;
+  const runningProcess = input.runningProcess ?? '';
+  const origin = input.origin ?? 'User Forwarded';
+  assertString(forwardedAddress, 'forwardedAddress');
+  assertString(runningProcess, 'runningProcess');
+  assertString(origin, 'origin');
+  if (input.active !== undefined && typeof input.active !== 'boolean') {
+    throw new TypeError('active must be a boolean');
+  }
+  return {
+    active: input.active ?? true,
+    forwardedAddress,
+    origin,
+    port,
+    runningProcess
+  };
+};
+const normalizePorts = ports => {
+  if (!Array.isArray(ports)) {
+    throw new TypeError('ports must be an array');
+  }
+  const byPort = new Map();
+  for (const port of ports) {
+    const normalized = normalizePort(port);
+    byPort.set(normalized.port, normalized);
+  }
+  return byPort.values().toArray().toSorted((a, b) => a.port - b.port);
+};
+
+const clamp = (value, minimum, maximum) => {
+  return Math.min(Math.max(value, minimum), maximum);
+};
+
+const MinimumScrollBarSize = 20;
+const recalculateVirtualList = state => {
+  const {
+    footerHeight,
+    headerHeight,
+    height,
+    itemHeight,
+    ports
+  } = state;
+  const listHeight = Math.max(0, height - headerHeight - footerHeight);
+  const contentHeight = ports.length * itemHeight;
+  const finalDeltaY = Math.max(0, contentHeight - listHeight);
+  const deltaY = clamp(state.deltaY, 0, finalDeltaY);
+  const minLineY = itemHeight === 0 ? 0 : Math.floor(deltaY / itemHeight);
+  const visibleCount = itemHeight === 0 ? 0 : Math.ceil(listHeight / itemHeight) + 1;
+  const maxLineY = Math.min(ports.length, minLineY + visibleCount);
+  const scrollBarHeight = contentHeight <= listHeight || listHeight === 0 ? 0 : Math.max(MinimumScrollBarSize, listHeight * listHeight / contentHeight);
+  const scrollBarY = finalDeltaY === 0 ? 0 : deltaY / finalDeltaY * (listHeight - scrollBarHeight);
+  return {
+    ...state,
+    deltaY,
+    finalDeltaY,
+    listHeight,
+    maxLineY,
+    minLineY,
+    scrollBarHeight,
+    scrollBarY
+  };
+};
+
+const setPorts = (state, ports) => {
+  const normalized = normalizePorts(ports);
+  const focusedIndex = Math.min(state.focusedIndex, normalized.length - 1);
+  return recalculateVirtualList({
+    ...state,
+    focusedIndex,
+    loaded: true,
+    ports: normalized
+  });
+};
+
+const addPort = (state, port) => {
+  return setPorts(state, [...state.ports, port]);
+};
+
+const startAddPort = state => {
+  return {
+    ...state,
+    addPortError: '',
+    addPortValue: '',
+    editing: true
+  };
+};
+const cancelAddPort = state => {
+  return {
+    ...state,
+    addPortError: '',
+    addPortValue: '',
+    editing: false
+  };
+};
+const handleAddPortInput = (state, value) => {
+  return {
+    ...state,
+    addPortError: '',
+    addPortValue: value
+  };
+};
+const submitAddPort = state => {
+  const value = state.addPortValue.trim();
+  const port = Number(value);
+  if (!/^\d+$/.test(value) || !Number.isSafeInteger(port) || port < 1 || port > 65_535) {
+    return {
+      ...state,
+      addPortError: 'Enter a port number between 1 and 65535'
+    };
+  }
+  return {
+    ...addPort(state, {
+      port
+    }),
+    addPortError: '',
+    addPortValue: '',
+    editing: false
+  };
+};
+const handleAddPortKeyDown = (state, key) => {
+  if (key === 'Enter') {
+    return submitAddPort(state);
+  }
+  if (key === 'Escape') {
+    return cancelAddPort(state);
+  }
+  return state;
+};
+
+const {
+  diff,
+  dispose,
+  get,
+  getCommandIds,
+  registerCommands,
+  set,
+  wrapCommand
+} = create$1();
+
+const create = (uid, uri, x, y, width, height, platform, assetDir, parentUid) => {
+  const state = {
+    addPortError: '',
+    addPortValue: '',
+    deltaY: 0,
+    editing: false,
+    finalDeltaY: 0,
+    focusedIndex: -1,
+    footerHeight: 36,
+    headerHeight: 28,
+    height,
+    itemHeight: 24,
+    listHeight: 0,
+    loaded: false,
+    maxLineY: 0,
+    minLineY: 0,
+    parentUid,
+    platform,
+    ports: [],
+    scrollBarHeight: 0,
+    scrollBarY: 0,
+    uid,
+    width,
+    x,
+    y
+  };
+  const calculated = recalculateVirtualList(state);
+  set(uid, calculated, calculated);
+};
+
+const isDomEqual = (oldState, newState) => {
+  return oldState.addPortError === newState.addPortError && oldState.addPortValue === newState.addPortValue && oldState.editing === newState.editing && oldState.focusedIndex === newState.focusedIndex && oldState.loaded === newState.loaded && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.ports === newState.ports;
+};
+const isCssEqual = (oldState, newState) => {
+  return oldState.deltaY % oldState.itemHeight === newState.deltaY % newState.itemHeight && oldState.footerHeight === newState.footerHeight && oldState.headerHeight === newState.headerHeight && oldState.height === newState.height && oldState.itemHeight === newState.itemHeight && oldState.width === newState.width;
+};
+
+const RenderCss = 1;
+const RenderDom = 2;
+const RenderIncremental = 3;
+
+const diff2 = uid => {
+  const {
+    oldState
+  } = get(uid);
+  const domDiffType = oldState.loaded ? RenderIncremental : RenderDom;
+  return diff(uid, [isDomEqual, isCssEqual], [domDiffType, RenderCss]);
+};
+
+const setDeltaY = (state, deltaY) => {
+  return recalculateVirtualList({
+    ...state,
+    deltaY
+  });
+};
+
+const focusIndex = (state, index) => {
+  const {
+    ports
+  } = state;
+  if (ports.length === 0) {
+    return {
+      ...state,
+      focusedIndex: -1
+    };
+  }
+  const focusedIndex = clamp(index, 0, ports.length - 1);
+  let {
+    deltaY
+  } = state;
+  const itemTop = focusedIndex * state.itemHeight;
+  const itemBottom = itemTop + state.itemHeight;
+  if (itemTop < deltaY) {
+    deltaY = itemTop;
+  } else if (itemBottom > deltaY + state.listHeight) {
+    deltaY = itemBottom - state.listHeight;
+  }
+  return setDeltaY({
+    ...state,
+    focusedIndex
+  }, deltaY);
+};
+const focusNext = state => {
+  return focusIndex(state, state.focusedIndex + 1);
+};
+const focusPrevious = state => {
+  const {
+    focusedIndex,
+    ports
+  } = state;
+  const index = (focusedIndex === -1 ? ports.length : focusedIndex) - 1;
+  return focusIndex(state, index);
+};
+
+const handleBlur = state => {
+  return {
+    ...state,
+    focusedIndex: -1
+  };
+};
+
+const handleClickAt = (state, clientY, name) => {
+  if (name.startsWith('port-address-') || name.startsWith('port-status-')) {
+    const port = Number(name.slice(name.lastIndexOf('-') + 1));
+    const index = state.ports.findIndex(item => item.port === port);
+    return index === -1 ? state : focusIndex(state, index);
+  }
+  const relativeY = clientY - state.y - state.headerHeight;
+  const index = state.minLineY + Math.floor((relativeY + state.deltaY % state.itemHeight) / state.itemHeight);
+  if (relativeY < 0 || index < 0 || index >= state.ports.length) {
+    return state;
+  }
+  return focusIndex(state, index);
+};
+
+const SchemeRegex = /^[a-z][a-z\d+.-]*:\/\//i;
+const getAddressUrl = address => {
+  return SchemeRegex.test(address) ? address : `http://${address}`;
+};
+
+const openAddress = async (state, portNumber) => {
+  const port = state.ports.find(item => item.port === portNumber);
+  if (!port || !port.forwardedAddress) {
+    return state;
+  }
+  await openUri(getAddressUrl(port.forwardedAddress));
+  return state;
+};
+
+const togglePortActive = (state, portNumber) => {
+  return {
+    ...state,
+    ports: state.ports.map(item => {
+      if (item.port !== portNumber) {
+        return item;
+      }
+      return {
+        ...item,
+        active: !item.active
+      };
+    })
+  };
+};
+
+const parsePort = name => {
+  return Number(name.slice(name.lastIndexOf('-') + 1));
+};
+const handleClick = async (state, clientY, name) => {
+  if (name.startsWith('port-address-')) {
+    const portNumber = parsePort(name);
+    const index = state.ports.findIndex(item => item.port === portNumber);
+    const focused = index === -1 ? state : focusIndex(state, index);
+    return openAddress(focused, portNumber);
+  }
+  if (name.startsWith('port-status-')) {
+    const portNumber = parsePort(name);
+    const index = state.ports.findIndex(item => item.port === portNumber);
+    const focused = index === -1 ? state : focusIndex(state, index);
+    return togglePortActive(focused, portNumber);
+  }
+  return handleClickAt(state, clientY, name);
+};
+
+const removePort = (state, portNumber) => {
+  const ports = state.ports.filter(item => item.port !== portNumber);
+  const focusedIndex = Math.min(state.focusedIndex, ports.length - 1);
+  return recalculateVirtualList({
+    ...state,
+    focusedIndex,
+    ports
+  });
+};
+
+const handleKeyDown = async (state, key) => {
+  if (state.editing) {
+    return state;
+  }
+  if (key === 'ArrowDown') {
+    return focusNext(state);
+  }
+  if (key === 'ArrowUp') {
+    return focusPrevious(state);
+  }
+  if (key === 'Home') {
+    return focusIndex(state, 0);
+  }
+  if (key === 'End') {
+    return focusIndex(state, state.ports.length - 1);
+  }
+  if (key === 'a' || key === 'A') {
+    return startAddPort(state);
+  }
+  const selected = state.ports[state.focusedIndex];
+  if (!selected) {
+    return state;
+  }
+  if (key === 'Enter') {
+    return openAddress(state, selected.port);
+  }
+  if (key === ' ' || key === 'Spacebar') {
+    return togglePortActive(state, selected.port);
+  }
+  if (key === 'Delete' || key === 'Backspace') {
+    return removePort(state, selected.port);
+  }
+  return state;
+};
+
+const PageScrollMultiplier = 16;
+const handleWheel = (state, deltaMode, deltaY) => {
+  const multiplier = deltaMode === 0 ? 1 : PageScrollMultiplier;
+  return setDeltaY(state, state.deltaY + deltaY * multiplier);
+};
+
+const loadContent = state => {
+  return {
+    ...state,
+    loaded: true
+  };
+};
+
+const getCss = state => {
+  const relativeY = -(state.deltaY % state.itemHeight);
+  return `.Ports {
+  box-sizing: border-box;
+  display: grid;
+  grid-template-rows: minmax(0, 1fr) ${state.footerHeight}px;
+  height: 100%;
+  min-height: 0;
+  outline: none;
+  overflow: hidden;
+  color: var(--PanelForeground, var(--WorkbenchForeground));
+  background: var(--PanelBackground, var(--WorkbenchBackground));
+  font-size: 13px;
+}
+
+.PortsTable {
+  display: grid;
+  grid-template-rows: ${state.headerHeight}px minmax(0, 1fr);
+  min-height: 0;
+  overflow: hidden;
+}
+
+.PortsTableHeader,
+.PortsTableRow {
+  box-sizing: border-box;
+  display: grid;
+  grid-template-columns: 42px minmax(72px, 0.65fr) minmax(160px, 1.25fr) minmax(120px, 1.7fr) minmax(110px, 1fr);
+  min-width: 620px;
+}
+
+.PortsTableHeader {
+  align-items: center;
+  color: var(--PanelTitleActiveForeground, var(--WorkbenchForeground));
+  font-weight: 600;
+  border-bottom: 1px solid var(--PanelSectionBorder, rgba(128, 128, 128, 0.35));
+}
+
+.PortsTableBody {
+  min-height: 0;
+  overflow: hidden;
+}
+
+.PortsTableBody > .PortsTableRow:first-child {
+  margin-top: ${relativeY}px;
+}
+
+.PortsTableRow {
+  height: ${state.itemHeight}px;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.PortsTableRowOdd {
+  background: var(--TreeTableOddRowsBackground, rgba(255, 255, 255, 0.025));
+}
+
+.PortsTableRow:hover {
+  background: var(--ListHoverBackground, rgba(255, 255, 255, 0.06));
+}
+
+.PortsTableRow.Focused {
+  background: var(--ListActiveSelectionBackground, #405c50);
+  color: var(--ListActiveSelectionForeground, white);
+}
+
+.PortsTableCell {
+  box-sizing: border-box;
+  min-width: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  border-right: 1px solid var(--PanelSectionBorder, rgba(128, 128, 128, 0.2));
+}
+
+.PortsStatusColumn {
+  justify-content: center;
+  padding: 0;
+}
+
+.PortsStatusButton {
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  border: 0;
+  color: inherit;
+  background: transparent;
+  cursor: pointer;
+}
+
+.PortsStatusIcon {
+  font-size: 14px;
+}
+
+.PortsStatusIconActive {
+  color: var(--PortsIconRunningProcessForeground, #89d185);
+}
+
+.PortsStatusIconInactive {
+  color: var(--DisabledForeground, #8c8c8c);
+}
+
+.PortsAddressLink {
+  color: var(--TextLinkForeground, #3794ff);
+  cursor: pointer;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+.PortsAddressLink:hover {
+  color: var(--TextLinkActiveForeground, #4daafc);
+  text-decoration: underline;
+}
+
+.PortsEmpty {
+  padding: 12px 16px;
+  color: var(--DescriptionForeground, #9d9d9d);
+}
+
+.PortsFooter {
+  display: flex;
+  align-items: center;
+  padding-left: 52px;
+}
+
+.AddPortButton,
+.CancelAddPortButton {
+  border: 0;
+  border-radius: 2px;
+  padding: 3px 12px;
+  background: var(--ButtonBackground, #0e639c);
+  color: var(--ButtonForeground, white);
+  cursor: pointer;
+}
+
+.CancelAddPortButton {
+  background: var(--ButtonSecondaryBackground, #3a3d41);
+  color: var(--ButtonSecondaryForeground, white);
+}
+
+.AddPortButton:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.AddPortEditor {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.AddPortInput {
+  box-sizing: border-box;
+  width: 160px;
+  height: 24px;
+  border: 1px solid var(--InputBorder, transparent);
+  outline: none;
+  padding: 2px 6px;
+  background: var(--InputBackground, #3c3c3c);
+  color: var(--InputForeground, white);
+}
+
+.AddPortInput:focus {
+  border-color: var(--FocusBorder, #007fd4);
+}
+
+.AddPortError {
+  color: var(--InputValidationErrorForeground, #f48771);
+  margin-left: 6px;
+}
+`;
+};
+
+const renderCss = (oldState, newState) => {
+  return [SetCss, newState.uid, getCss(newState)];
+};
+
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    childCount: 0,
+    text: data,
+    type: Text
+  };
+};
+
+new Set(Object.values(VirtualDomElements));
+
+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) => {
+  // 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;
+  }
+  const patches = [];
+  // 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 && newNode.type === Text) {
+    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 (!Object.hasOwn(newNode, key)) {
+      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 navigateToChild = (patches, currentChildIndex, index) => {
+  if (currentChildIndex === -1) {
+    patches.push({
+      type: NavigateChild,
+      index
+    });
+    return index;
+  }
+  if (currentChildIndex !== index) {
+    patches.push({
+      type: NavigateSibling,
+      index
+    });
+  }
+  return index;
+};
+const navigateToParent = (patches, currentChildIndex) => {
+  if (currentChildIndex >= 0) {
+    patches.push({
+      type: NavigateParent
+    });
+  }
+  return -1;
+};
+const addTree = (newNode, patches) => {
+  patches.push({
+    type: Add,
+    nodes: treeToArray(newNode)
+  });
+};
+const replaceTree = (newNode, patches) => {
+  patches.push({
+    type: Replace,
+    nodes: treeToArray(newNode)
+  });
+};
+const diffExistingChild = (oldNode, newNode, patches, currentChildIndex, index) => {
+  const nodePatches = compareNodes(oldNode.node, newNode.node);
+  if (nodePatches === null) {
+    const nextChildIndex = navigateToChild(patches, currentChildIndex, index);
+    replaceTree(newNode, patches);
+    return nextChildIndex;
+  }
+  const hasChildrenToCompare = oldNode.children.length > 0 || newNode.children.length > 0;
+  if (nodePatches.length === 0 && !hasChildrenToCompare) {
+    return currentChildIndex;
+  }
+  const nextChildIndex = navigateToChild(patches, currentChildIndex, index);
+  if (nodePatches.length > 0) {
+    patches.push(...nodePatches);
+  }
+  if (hasChildrenToCompare) {
+    diffChildren(oldNode.children, newNode.children, patches);
+  }
+  return nextChildIndex;
+};
+const diffRootNode = (oldNode, newNode, patches) => {
+  const nodePatches = compareNodes(oldNode.node, newNode.node);
+  if (nodePatches === null) {
+    replaceTree(newNode, patches);
+    return;
+  }
+  if (nodePatches.length > 0) {
+    patches.push(...nodePatches);
+  }
+  if (oldNode.children.length > 0 || newNode.children.length > 0) {
+    diffChildren(oldNode.children, newNode.children, patches);
+  }
+};
+const diffChildren = (oldChildren, newChildren, patches) => {
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  let currentChildIndex = -1;
+  const indicesToRemove = [];
+  for (let i = 0; i < maxLength; i++) {
+    const oldNode = oldChildren[i];
+    const newNode = newChildren[i];
+    if (!oldNode && !newNode) {
+      continue;
+    }
+    if (!oldNode) {
+      currentChildIndex = navigateToParent(patches, currentChildIndex);
+      addTree(newNode, patches);
+      continue;
+    }
+    if (!newNode) {
+      indicesToRemove.push(i);
+      continue;
+    }
+    currentChildIndex = diffExistingChild(oldNode, newNode, patches, currentChildIndex, i);
+  }
+  navigateToParent(patches, currentChildIndex);
+  for (let j = indicesToRemove.length - 1; j >= 0; j--) {
+    patches.push({
+      type: RemoveChild,
+      index: indicesToRemove[j]
+    });
+  }
+};
+const diffTrees = (oldTree, newTree, patches, path) => {
+  if (path.length === 0 && oldTree.length === 1 && newTree.length === 1) {
+    diffRootNode(oldTree[0], newTree[0], patches);
+    return;
+  }
+  diffChildren(oldTree, newTree, patches);
+};
+
+const removeTrailingNavigationPatches = patches => {
+  while (patches.length > 0) {
+    const patch = patches.at(-1);
+    if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
+      break;
+    }
+    patches.pop();
+  }
+  return patches;
+};
+
+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 Alert = 'alert';
+const Cell = 'cell';
+const ColumnHeader = 'columnheader';
+const Link = 'link';
+const Row = 'row';
+const RowGroup = 'rowgroup';
+const Status = 'status';
+const Table = 'table';
+
+const AddPortButton = 'AddPortButton';
+const AddPortEditor = 'AddPortEditor';
+const AddPortError = 'AddPortError';
+const AddPortInput = 'AddPortInput';
+const Focused = 'Focused';
+const Ports = 'Ports';
+const PortsEmpty = 'PortsEmpty';
+const PortsFooter = 'PortsFooter';
+const PortsStatusButton = 'PortsStatusButton';
+const PortsStatusIcon = 'PortsStatusIcon';
+const PortsStatusIconActive = 'PortsStatusIconActive';
+const PortsStatusIconInactive = 'PortsStatusIconInactive';
+const PortsTable = 'PortsTable';
+const PortsTableBody = 'PortsTableBody';
+const PortsTableCell = 'PortsTableCell';
+const PortsTableHeader = 'PortsTableHeader';
+const PortsTableRow = 'PortsTableRow';
+const PortsTableRowOdd = 'PortsTableRowOdd';
+const Viewlet = 'Viewlet';
+
+const HandleAddPortInput = 1;
+const HandleAddPortKeyDown = 2;
+const HandleBlur = 3;
+const HandleCancelAddPort = 4;
+const HandleClick = 5;
+const HandleKeyDown = 6;
+const HandleStartAddPort = 7;
+const HandleSubmitAddPort = 8;
+const HandleWheel = 9;
+
+const addButton = {
+  childCount: 1,
+  className: AddPortButton,
+  onClick: HandleStartAddPort,
+  type: Button
+};
+const addButtonDom = [addButton, text('Add Port')];
+const cancelButton = {
+  childCount: 1,
+  className: 'CancelAddPortButton',
+  onClick: HandleCancelAddPort,
+  type: Button
+};
+const footer = {
+  childCount: 1,
+  className: PortsFooter,
+  type: Div
+};
+const footerContent = {
+  childCount: 1,
+  type: Div
+};
+const errorMessage = {
+  childCount: 1,
+  className: AddPortError,
+  role: Alert,
+  type: Div
+};
+const getErrorDom = addPortError => {
+  if (!addPortError) {
+    return [];
+  }
+  return [errorMessage, text(addPortError)];
+};
+const getEditor = state => {
+  const {
+    addPortError,
+    addPortValue
+  } = state;
+  return [{
+    childCount: addPortError ? 4 : 3,
+    className: AddPortEditor,
+    type: Div
+  }, {
+    ariaLabel: 'Port number',
+    childCount: 0,
+    className: AddPortInput,
+    inputMode: 'numeric',
+    onInput: HandleAddPortInput,
+    onKeyDown: HandleAddPortKeyDown,
+    placeholder: 'Port number',
+    type: Input,
+    value: addPortValue
+  }, {
+    childCount: 1,
+    className: AddPortButton,
+    disabled: addPortValue.length === 0,
+    onClick: HandleSubmitAddPort,
+    type: Button
+  }, text('Add'), cancelButton, text('Cancel'), ...getErrorDom(addPortError)];
+};
+const getPortsFooterVirtualDom = state => {
+  const {
+    editing
+  } = state;
+  const content = editing ? getEditor(state) : addButtonDom;
+  return [footer, footerContent, ...content];
+};
+
+const getPortsStatusVirtualDom = (active, port) => {
+  const state = active ? 'active' : 'inactive';
+  const stateClass = active ? PortsStatusIconActive : PortsStatusIconInactive;
+  return [{
+    ariaLabel: `Port ${port} is ${state}`,
+    childCount: 1,
+    className: PortsStatusButton,
+    name: `port-status-${port}`,
+    title: `Port ${port} is ${state}`,
+    type: Button
+  }, {
+    childCount: 1,
+    className: mergeClassNames(PortsStatusIcon, stateClass),
+    name: `port-status-${port}`,
+    type: Span
+  }, text(active ? '●' : '○')];
+};
+
+const Focusable = 0;
+const Unfocusable = -1;
+
+const statusCell = {
+  childCount: 1,
+  className: mergeClassNames(PortsTableCell, 'PortsStatusColumn'),
+  role: Cell,
+  type: Div
+};
+const getRowClassName = port => {
+  let className = PortsTableRow;
+  if (port.index % 2 === 1) {
+    className = mergeClassNames(className, PortsTableRowOdd);
+  }
+  if (port.selected) {
+    className = mergeClassNames(className, Focused);
+  }
+  return className;
+};
+const getTextCell = (value, className) => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(PortsTableCell, className),
+    role: Cell,
+    title: value,
+    type: Div
+  }, text(value)];
+};
+const getPortRowVirtualDom = port => {
+  const portText = String(port.port);
+  return [{
+    ariaRowIndex: port.index + 2,
+    childCount: 5,
+    className: getRowClassName(port),
+    role: Row,
+    type: Div
+  }, statusCell, ...getPortsStatusVirtualDom(port.active, port.port), ...getTextCell(portText, 'PortsPortColumn'), {
+    childCount: 1,
+    className: mergeClassNames(PortsTableCell, 'PortsAddressColumn'),
+    role: Cell,
+    title: port.forwardedAddress,
+    type: Div
+  }, {
+    childCount: 1,
+    className: 'PortsAddressLink',
+    name: `port-address-${port.port}`,
+    role: Link,
+    tabIndex: Unfocusable,
+    type: A
+  }, text(port.forwardedAddress), ...getTextCell(port.runningProcess, 'PortsProcessColumn'), ...getTextCell(port.origin, 'PortsOriginColumn')];
+};
+
+const getVisiblePorts = state => {
+  const visible = [];
+  for (let index = state.minLineY; index < state.maxLineY; index++) {
+    visible.push({
+      ...state.ports[index],
+      index,
+      selected: index === state.focusedIndex
+    });
+  }
+  return visible;
+};
+
+const emptyBody = {
+  childCount: 1,
+  className: PortsTableBody,
+  role: RowGroup,
+  type: Div
+};
+const emptyMessage = {
+  childCount: 1,
+  className: PortsEmpty,
+  role: Status,
+  type: Div
+};
+const getPortsTableBodyVirtualDom = state => {
+  const {
+    loaded,
+    ports
+  } = state;
+  if (loaded && ports.length === 0) {
+    return [emptyBody, emptyMessage, text('No forwarded ports')];
+  }
+  const visible = getVisiblePorts(state);
+  return [{
+    ariaRowCount: ports.length + 1,
+    childCount: visible.length,
+    className: PortsTableBody,
+    role: RowGroup,
+    type: Div
+  }, ...visible.flatMap(getPortRowVirtualDom)];
+};
+
+const headerRow = {
+  childCount: 5,
+  className: PortsTableHeader,
+  role: Row,
+  type: Div
+};
+const getHeaderCell = (label, className) => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(PortsTableCell, className),
+    role: ColumnHeader,
+    type: Div
+  }, text(label)];
+};
+const getPortsTableHeaderVirtualDom = () => {
+  return [headerRow, ...getHeaderCell('', 'PortsStatusColumn'), ...getHeaderCell('Port', 'PortsPortColumn'), ...getHeaderCell('Forwarded Address', 'PortsAddressColumn'), ...getHeaderCell('Running Process', 'PortsProcessColumn'), ...getHeaderCell('Origin', 'PortsOriginColumn')];
+};
+
+const table = {
+  childCount: 2,
+  className: PortsTable,
+  type: Div
+};
+const getPortsVirtualDom = state => {
+  const {
+    ports
+  } = state;
+  return [{
+    ariaLabel: 'Ports',
+    ariaRowCount: ports.length + 1,
+    childCount: 2,
+    className: mergeClassNames(Viewlet, Ports),
+    onBlur: HandleBlur,
+    onClick: HandleClick,
+    onKeyDown: HandleKeyDown,
+    onWheel: HandleWheel,
+    role: Table,
+    tabIndex: Focusable,
+    type: Div
+  }, table, ...getPortsTableHeaderVirtualDom(), ...getPortsTableBodyVirtualDom(state), ...getPortsFooterVirtualDom(state)];
+};
+
+const renderDom = (oldState, newState) => {
+  return [SetDom2, newState.uid, getPortsVirtualDom(newState)];
+};
+
+const renderIncremental = (oldState, newState) => {
+  const oldDom = getPortsVirtualDom(oldState);
+  const newDom = getPortsVirtualDom(newState);
+  return [SetPatches, newState.uid, diffTree(oldDom, newDom)];
+};
+
+const getRenderer = diffType => {
+  switch (diffType) {
+    case RenderCss:
+      return renderCss;
+    case RenderDom:
+      return renderDom;
+    case RenderIncremental:
+      return renderIncremental;
+    default:
+      throw new Error(`Unknown diff type ${diffType}`);
+  }
+};
+const render2 = (uid, diffResult) => {
+  const {
+    newState,
+    oldState
+  } = get(uid);
+  set(uid, newState, newState);
+  return diffResult.map(diffType => getRenderer(diffType)(oldState, newState));
+};
+
+const renderEventListeners = () => {
+  return [{
+    name: HandleAddPortInput,
+    params: ['handleAddPortInput', TargetValue]
+  }, {
+    name: HandleAddPortKeyDown,
+    params: ['handleAddPortKeyDown', Key]
+  }, {
+    name: HandleBlur,
+    params: ['handleBlur']
+  }, {
+    name: HandleCancelAddPort,
+    params: ['cancelAddPort']
+  }, {
+    name: HandleClick,
+    params: ['handleClick', ClientY, TargetName]
+  }, {
+    name: HandleKeyDown,
+    params: ['handleKeyDown', Key],
+    preventDefault: true
+  }, {
+    name: HandleStartAddPort,
+    params: ['startAddPort']
+  }, {
+    name: HandleSubmitAddPort,
+    params: ['submitAddPort']
+  }, {
+    name: HandleWheel,
+    params: ['handleWheel', DeltaMode, DeltaY],
+    passive: true
+  }];
+};
+
+const resize = (state, dimensions) => {
+  return recalculateVirtualList({
+    ...state,
+    ...dimensions
+  });
+};
+
+const commandMap = {
+  'Ports.addPort': wrapCommand(addPort),
+  'Ports.cancelAddPort': wrapCommand(cancelAddPort),
+  'Ports.create': create,
+  'Ports.diff2': diff2,
+  'Ports.dispose': dispose,
+  'Ports.focusIndex': wrapCommand(focusIndex),
+  'Ports.focusNext': wrapCommand(focusNext),
+  'Ports.focusPrevious': wrapCommand(focusPrevious),
+  'Ports.getCommandIds': getCommandIds,
+  'Ports.handleAddPortInput': wrapCommand(handleAddPortInput),
+  'Ports.handleAddPortKeyDown': wrapCommand(handleAddPortKeyDown),
+  'Ports.handleBlur': wrapCommand(handleBlur),
+  'Ports.handleClick': wrapCommand(handleClick),
+  'Ports.handleKeyDown': wrapCommand(handleKeyDown),
+  'Ports.handleWheel': wrapCommand(handleWheel),
+  'Ports.loadContent': wrapCommand(loadContent),
+  'Ports.openAddress': wrapCommand(openAddress),
+  'Ports.removePort': wrapCommand(removePort),
+  'Ports.render2': render2,
+  'Ports.renderEventListeners': renderEventListeners,
+  'Ports.resize': wrapCommand(resize),
+  'Ports.setDeltaY': wrapCommand(setDeltaY),
+  'Ports.setPorts': wrapCommand(setPorts),
+  'Ports.startAddPort': wrapCommand(startAddPort),
+  'Ports.submitAddPort': wrapCommand(submitAddPort),
+  'Ports.terminate': terminate,
+  'Ports.togglePortActive': wrapCommand(togglePortActive)
+};
+
+const listen = async () => {
+  registerCommands(commandMap);
+  const rpc = await create$3({
+    commandMap: commandMap
+  });
+  set$1(rpc);
+};
+
+const main = async () => {
+  await listen();
+};
+
+main();