@lvce-editor/ports-view 0.3.0

package/dist/portsViewWorkerMain.js

@@ -0,0 +1,2551 @@
+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);
+  Object.assign(restoredError, {
+    code: error.code
+  });
+  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 (typeof error.data.code === 'string' || typeof error.data.code === 'number') {
+    // @ts-ignore
+    Object.defineProperty(restoredError, 'code', {
+      configurable: true,
+      value: error.data.code,
+      writable: true
+    });
+  }
+  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 (typeof error.code === 'string' || typeof error.code === 'number') {
+    Object.defineProperty(restoredError, 'code', {
+      configurable: true,
+      value: error.code,
+      writable: true
+    });
+  }
+  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 ?? error?.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 instanceof Error ? {
+        ...error,
+        code: 'code' in error ? error.code : undefined,
+        stack: error.stack,
+        type: error.name
+      } : 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 Button = 1;
+const Div = 4;
+const Input = 6;
+const Span = 8;
+const Text = 12;
+const A = 53;
+const Reference = 100;
+
+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 Backspace = 1;
+const Enter = 3;
+const Space = 9;
+const End = 255;
+const Home = 12;
+const UpArrow = 14;
+const DownArrow = 16;
+const Delete = 18;
+const KeyA = 29;
+
+const Shift = 1 << 10 >>> 0;
+
+const RendererWorker = 1;
+
+const SetCss = 'Viewlet.setCss';
+const SetDom2 = 'Viewlet.setDom2';
+const SetFocusContext = 'Viewlet.setFocusContext';
+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 = Object.create(null);
+  const commandsById = Object.create(null);
+  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];
+      }
+    },
+    createDirectEventCommandMap(requestRender) {
+      return {
+        async 'Viewlet.executeViewletCommand'(uid, command, ...args) {
+          const fn = commandsById[command];
+          if (!fn) {
+            throw new Error(`Viewlet command not found: ${command}`);
+          }
+          await fn(uid, ...args);
+          await requestRender(uid);
+        }
+      };
+    },
+    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);
+      for (const [key, fn] of Object.entries(commandMap)) {
+        commandsById[toCommandId(key)] = fn;
+      }
+    },
+    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 recalculateVirtualList = state => {
+  const {
+    deltaY: oldDeltaY,
+    footerHeight,
+    headerHeight,
+    height,
+    itemHeight,
+    minimumScrollBarSize,
+    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(oldDeltaY, 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 {
+    focusedIndex: oldFocusedIndex
+  } = state;
+  const normalized = normalizePorts(ports);
+  const focusedIndex = Math.min(oldFocusedIndex, normalized.length - 1);
+  return recalculateVirtualList({
+    ...state,
+    focusedIndex,
+    loaded: true,
+    ports: normalized
+  });
+};
+
+const addPort = (state, port) => {
+  const {
+    ports
+  } = state;
+  return setPorts(state, [...ports, port]);
+};
+
+const PortRegex = /^\d+$/;
+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 {
+    addPortValue
+  } = state;
+  const value = addPortValue.trim();
+  const port = Number(value);
+  if (!PortRegex.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,
+    focused: false,
+    focusedIndex: -1,
+    footerHeight: 36,
+    headerHeight: 28,
+    height,
+    itemHeight: 24,
+    listHeight: 0,
+    loaded: false,
+    maxLineY: 0,
+    minimumScrollBarSize: 20,
+    minLineY: 0,
+    parentUid,
+    platform,
+    ports: [],
+    scrollBarHeight: 0,
+    scrollBarY: 0,
+    uid,
+    width,
+    x,
+    y
+  };
+  const calculated = recalculateVirtualList(state);
+  set(uid, calculated, calculated);
+};
+
+const isFocusContextEqual = (oldState, newState) => {
+  return oldState.focused === newState.focused && oldState.editing === newState.editing;
+};
+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.loaded && 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 RenderFocusContext = 4;
+
+const diff2 = uid => {
+  const {
+    oldState
+  } = get(uid);
+  const domDiffType = oldState.loaded ? RenderIncremental : RenderDom;
+  return diff(uid, [isDomEqual, isCssEqual, isFocusContextEqual], [domDiffType, RenderCss, RenderFocusContext]);
+};
+
+const setDeltaY = (state, deltaY) => {
+  return recalculateVirtualList({
+    ...state,
+    deltaY
+  });
+};
+
+const focusIndex = (state, index) => {
+  const {
+    itemHeight,
+    listHeight,
+    ports
+  } = state;
+  if (ports.length === 0) {
+    return {
+      ...state,
+      focusedIndex: -1
+    };
+  }
+  const focusedIndex = clamp(index, 0, ports.length - 1);
+  let {
+    deltaY
+  } = state;
+  const itemTop = focusedIndex * itemHeight;
+  const itemBottom = itemTop + itemHeight;
+  if (itemTop < deltaY) {
+    deltaY = itemTop;
+  } else if (itemBottom > deltaY + listHeight) {
+    deltaY = itemBottom - listHeight;
+  }
+  return setDeltaY({
+    ...state,
+    focusedIndex
+  }, deltaY);
+};
+const focusNext = state => {
+  const {
+    focusedIndex
+  } = state;
+  return focusIndex(state, focusedIndex + 1);
+};
+const focusPrevious = state => {
+  const {
+    focusedIndex,
+    ports
+  } = state;
+  const index = (focusedIndex === -1 ? ports.length : focusedIndex) - 1;
+  return focusIndex(state, index);
+};
+
+const focusFirst = state => {
+  return focusIndex(state, 0);
+};
+
+const focusLast = state => {
+  const {
+    ports
+  } = state;
+  return focusIndex(state, ports.length - 1);
+};
+
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    childCount: 0,
+    text: data,
+    type: Text
+  };
+};
+
+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 MultiNavigation = 18;
+
+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 isNavigationPatch = patch => {
+  switch (patch.type) {
+    case NavigateChild:
+    case NavigateParent:
+    case NavigateSibling:
+      return true;
+    default:
+      return false;
+  }
+};
+const getNavigationIndex = patch => {
+  switch (patch.type) {
+    case NavigateChild:
+    case NavigateSibling:
+      return patch.index;
+    default:
+      return 0;
+  }
+};
+const appendNavigationPatch = (patches, type, index) => {
+  const previousPatch = patches.at(-1);
+  if (!previousPatch) {
+    patches.push(type === NavigateParent ? {
+      type
+    } : {
+      index,
+      type
+    });
+    return;
+  }
+  if (previousPatch.type === MultiNavigation) {
+    previousPatch.navigations.push(type, index);
+    return;
+  }
+  if (isNavigationPatch(previousPatch)) {
+    patches[patches.length - 1] = {
+      navigations: [previousPatch.type, getNavigationIndex(previousPatch), type, index],
+      type: MultiNavigation
+    };
+    return;
+  }
+  patches.push(type === NavigateParent ? {
+    type
+  } : {
+    index,
+    type
+  });
+};
+
+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 && oldNode.uid !== newNode.uid) {
+    patches.push({
+      type: SetReferenceNodeUid,
+      uid: newNode.uid
+    });
+  }
+  // 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).filter(key => oldNode.type !== Reference || key !== 'uid');
+  const newKeys = getKeys(newNode).filter(key => newNode.type !== Reference || key !== 'uid');
+  // 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 = [];
+  const stack = [node];
+  while (stack.length > 0) {
+    const current = stack.pop();
+    result.push(current.node);
+    for (let i = current.children.length - 1; i >= 0; i--) {
+      stack.push(current.children[i]);
+    }
+  }
+  return result;
+};
+
+const navigateToChild = (patches, currentChildIndex, index) => {
+  if (currentChildIndex === -1) {
+    appendNavigationPatch(patches, NavigateChild, index);
+    return index;
+  }
+  if (currentChildIndex !== index) {
+    appendNavigationPatch(patches, NavigateSibling, index);
+  }
+  return index;
+};
+const navigateToParent = (patches, currentChildIndex) => {
+  if (currentChildIndex >= 0) {
+    appendNavigationPatch(patches, NavigateParent, 0);
+  }
+  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 appendPatch = (patches, patch) => {
+  switch (patch.type) {
+    case MultiNavigation:
+      for (let i = 0; i < patch.navigations.length; i += 2) {
+        appendNavigationPatch(patches, patch.navigations[i], patch.navigations[i + 1]);
+      }
+      return;
+    case NavigateChild:
+    case NavigateSibling:
+      appendNavigationPatch(patches, patch.type, patch.index);
+      return;
+    case NavigateParent:
+      appendNavigationPatch(patches, patch.type, 0);
+      return;
+    default:
+      patches.push(patch);
+  }
+};
+const appendPatches = (patches, newPatches) => {
+  for (const patch of newPatches) {
+    appendPatch(patches, patch);
+  }
+};
+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;
+  const childPatches = [];
+  if (hasChildrenToCompare) {
+    diffChildren(oldNode.children, newNode.children, childPatches);
+  }
+  if (nodePatches.length === 0 && childPatches.length === 0) {
+    return currentChildIndex;
+  }
+  const nextChildIndex = navigateToChild(patches, currentChildIndex, index);
+  patches.push(...nodePatches);
+  appendPatches(patches, childPatches);
+  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 && patch.type !== MultiNavigation) {
+      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 Empty = 0;
+const FocusPorts = 9000;
+
+const getKeyBindings = () => {
+  return [{
+    command: 'Ports.focusNext',
+    key: DownArrow,
+    when: FocusPorts
+  }, {
+    command: 'Ports.focusPrevious',
+    key: UpArrow,
+    when: FocusPorts
+  }, {
+    command: 'Ports.focusFirst',
+    key: Home,
+    when: FocusPorts
+  }, {
+    command: 'Ports.focusLast',
+    key: End,
+    when: FocusPorts
+  }, {
+    command: 'Ports.startAddPort',
+    key: KeyA,
+    when: FocusPorts
+  }, {
+    command: 'Ports.startAddPort',
+    key: KeyA | Shift,
+    when: FocusPorts
+  }, {
+    command: 'Ports.openFocusedAddress',
+    key: Enter,
+    when: FocusPorts
+  }, {
+    command: 'Ports.toggleFocusedPort',
+    key: Space,
+    when: FocusPorts
+  }, {
+    command: 'Ports.removeFocusedPort',
+    key: Delete,
+    when: FocusPorts
+  }, {
+    command: 'Ports.removeFocusedPort',
+    key: Backspace,
+    when: FocusPorts
+  }];
+};
+
+const handleBlur = state => {
+  return {
+    ...state,
+    focused: false,
+    focusedIndex: -1
+  };
+};
+
+const handleClickAt = (state, clientY, name) => {
+  const {
+    deltaY,
+    headerHeight,
+    itemHeight,
+    minLineY,
+    ports,
+    y
+  } = state;
+  if (name.startsWith('port-address-') || name.startsWith('port-status-')) {
+    const port = Number(name.slice(name.lastIndexOf('-') + 1));
+    const index = ports.findIndex(item => item.port === port);
+    return index === -1 ? state : focusIndex(state, index);
+  }
+  const relativeY = clientY - y - headerHeight;
+  const index = minLineY + Math.floor((relativeY + deltaY % itemHeight) / itemHeight);
+  if (relativeY < 0 || index < 0 || index >= 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 {
+    ports
+  } = state;
+  const port = ports.find(item => item.port === portNumber);
+  if (!port || !port.forwardedAddress) {
+    return state;
+  }
+  await openUri(getAddressUrl(port.forwardedAddress));
+  return state;
+};
+
+const togglePortActive = (state, portNumber) => {
+  const {
+    ports
+  } = state;
+  return {
+    ...state,
+    ports: 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) => {
+  const {
+    ports
+  } = state;
+  if (name.startsWith('port-address-')) {
+    const portNumber = parsePort(name);
+    const index = 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 = ports.findIndex(item => item.port === portNumber);
+    const focused = index === -1 ? state : focusIndex(state, index);
+    return togglePortActive(focused, portNumber);
+  }
+  return handleClickAt(state, clientY, name);
+};
+
+const handleFocus = state => {
+  return {
+    ...state,
+    focused: true
+  };
+};
+
+const PageScrollMultiplier = 16;
+const handleWheel = (state, deltaMode, deltaY) => {
+  const {
+    deltaY: oldDeltaY
+  } = state;
+  const multiplier = deltaMode === 0 ? 1 : PageScrollMultiplier;
+  return setDeltaY(state, oldDeltaY + deltaY * multiplier);
+};
+
+const requests = new Map();
+const loadContent = async (state, workspaceUri = '') => {
+  const {
+    uid
+  } = state;
+  const request = {};
+  requests.set(uid, request);
+  try {
+    const ports = workspaceUri ? await invoke('Application.executeForView', uid, 'PortProvider.getPorts', workspaceUri) : [];
+    if (requests.get(uid) !== request) {
+      return get(uid).newState;
+    }
+    return setPorts(state, ports);
+  } finally {
+    if (requests.get(uid) === request) {
+      requests.delete(uid);
+    }
+  }
+};
+
+const openFocusedAddress = async state => {
+  const {
+    editing,
+    focusedIndex,
+    ports
+  } = state;
+  const selected = ports[focusedIndex];
+  if (editing || !selected) {
+    return state;
+  }
+  return openAddress(state, selected.port);
+};
+
+const removePort = (state, portNumber) => {
+  const {
+    focusedIndex: oldFocusedIndex,
+    ports: oldPorts
+  } = state;
+  const ports = oldPorts.filter(item => item.port !== portNumber);
+  const focusedIndex = Math.min(oldFocusedIndex, ports.length - 1);
+  return recalculateVirtualList({
+    ...state,
+    focusedIndex,
+    ports
+  });
+};
+
+const removeFocusedPort = state => {
+  const {
+    editing,
+    focusedIndex,
+    ports
+  } = state;
+  const selected = ports[focusedIndex];
+  if (editing || !selected) {
+    return state;
+  }
+  return removePort(state, selected.port);
+};
+
+const getCss = state => {
+  const {
+    deltaY,
+    footerHeight,
+    headerHeight,
+    itemHeight
+  } = state;
+  const relativeY = -(deltaY % itemHeight);
+  return `.Ports {
+  grid-template-rows: minmax(0, 1fr) ${footerHeight}px;
+}
+
+.PortsTable {
+  grid-template-rows: ${headerHeight}px minmax(0, 1fr);
+}
+
+.PortsTableBody > .PortsTableRow:first-child {
+  margin-top: ${relativeY}px;
+}
+
+.PortsTableRow {
+  height: ${itemHeight}px;
+}
+`;
+};
+
+const renderCss = (oldState, newState) => {
+  return [SetCss, newState.uid, getCss(newState)];
+};
+
+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 HandleFocus = 6;
+const HandleStartAddPort = 7;
+const HandleSubmitAddPort = 8;
+const HandleWheel = 9;
+
+const errorMessage = {
+  childCount: 1,
+  className: AddPortError,
+  role: Alert,
+  type: Div
+};
+const getErrorDom = addPortError => {
+  if (!addPortError) {
+    return [];
+  }
+  return [errorMessage, text(addPortError)];
+};
+
+const cancelButton = {
+  childCount: 1,
+  className: 'CancelAddPortButton',
+  onClick: HandleCancelAddPort,
+  type: Button
+};
+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 addButton = {
+  childCount: 1,
+  className: AddPortButton,
+  onClick: HandleStartAddPort,
+  type: Button
+};
+const addButtonDom = [addButton, text('Add Port')];
+const footer = {
+  childCount: 1,
+  className: PortsFooter,
+  type: Div
+};
+const footerContent = {
+  childCount: 1,
+  type: Div
+};
+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 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 Focusable = 0;
+const Unfocusable = -1;
+
+const statusCell = {
+  childCount: 1,
+  className: mergeClassNames(PortsTableCell, 'PortsStatusColumn'),
+  role: Cell,
+  type: Div
+};
+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 {
+    focusedIndex,
+    maxLineY,
+    minLineY,
+    ports
+  } = state;
+  const visible = [];
+  for (let index = minLineY; index < maxLineY; index++) {
+    visible.push({
+      ...ports[index],
+      index,
+      selected: index === 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,
+    onFocus: HandleFocus,
+    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 renderFocusContext = (oldState, newState) => {
+  if (!newState.focused) {
+    return ['Viewlet.unsetAdditionalFocus', newState.uid, FocusPorts];
+  }
+  return [SetFocusContext, newState.uid, newState.editing ? Empty : FocusPorts];
+};
+
+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 RenderFocusContext:
+      return renderFocusContext;
+    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: HandleFocus,
+    params: ['handleFocus']
+  }, {
+    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 toggleFocusedPort = state => {
+  const {
+    editing,
+    focusedIndex,
+    ports
+  } = state;
+  const selected = ports[focusedIndex];
+  if (editing || !selected) {
+    return state;
+  }
+  return togglePortActive(state, selected.port);
+};
+
+const commandMap = {
+  'Ports.addPort': wrapCommand(addPort),
+  'Ports.cancelAddPort': wrapCommand(cancelAddPort),
+  'Ports.create': create,
+  'Ports.diff2': diff2,
+  'Ports.dispose': dispose,
+  'Ports.focusFirst': wrapCommand(focusFirst),
+  'Ports.focusIndex': wrapCommand(focusIndex),
+  'Ports.focusLast': wrapCommand(focusLast),
+  'Ports.focusNext': wrapCommand(focusNext),
+  'Ports.focusPrevious': wrapCommand(focusPrevious),
+  'Ports.getCommandIds': getCommandIds,
+  'Ports.getKeyBindings': getKeyBindings,
+  'Ports.handleAddPortInput': wrapCommand(handleAddPortInput),
+  'Ports.handleAddPortKeyDown': wrapCommand(handleAddPortKeyDown),
+  'Ports.handleBlur': wrapCommand(handleBlur),
+  'Ports.handleClick': wrapCommand(handleClick),
+  'Ports.handleFocus': wrapCommand(handleFocus),
+  'Ports.handleWheel': wrapCommand(handleWheel),
+  'Ports.handleWorkspaceChange': wrapCommand(loadContent),
+  'Ports.loadContent': wrapCommand(loadContent),
+  'Ports.openAddress': wrapCommand(openAddress),
+  'Ports.openFocusedAddress': wrapCommand(openFocusedAddress),
+  'Ports.removeFocusedPort': wrapCommand(removeFocusedPort),
+  '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.toggleFocusedPort': wrapCommand(toggleFocusedPort),
+  '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();