@lvce-editor/static-server 0.70.13 → 0.70.15

package/static/4cb0ab2/packages/keybindings-view-worker/dist/keyBindingsViewWorkerMain.js

@@ -1,3809 +0,0 @@
-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;
-    }
-  }
-}
-
-class AssertionError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'AssertionError';
-  }
-}
-const Object$1 = 1;
-const Number$1 = 2;
-const Array$1 = 3;
-const String = 4;
-const Boolean$1 = 5;
-const Function = 6;
-const Null = 7;
-const Unknown$1 = 8;
-const getType = value => {
-  switch (typeof value) {
-    case 'number':
-      return Number$1;
-    case 'function':
-      return Function;
-    case 'string':
-      return String;
-    case 'object':
-      if (value === null) {
-        return Null;
-      }
-      if (Array.isArray(value)) {
-        return Array$1;
-      }
-      return Object$1;
-    case 'boolean':
-      return Boolean$1;
-    default:
-      return Unknown$1;
-  }
-};
-const number = value => {
-  const type = getType(value);
-  if (type !== Number$1) {
-    throw new AssertionError('expected value to be of type number');
-  }
-};
-
-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);
-    }
-    return;
-  }
-};
-const getTransferrables = value => {
-  const transferrables = [];
-  walkValue(value, transferrables, isTransferrable);
-  return transferrables;
-};
-const attachEvents = that => {
-  const handleMessage = (...args) => {
-    const data = that.getData(...args);
-    that.dispatchEvent(new MessageEvent('message', {
-      data
-    }));
-  };
-  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 {
-    message,
-    code: ERR_MODULE_NOT_FOUND
-  };
-};
-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 {
-    message: `Incompatible native node module: ${message}`,
-    code: E_INCOMPATIBLE_NATIVE_MODULE
-  };
-};
-const getModuleSyntaxError = () => {
-  return {
-    message: `ES Modules are not supported in electron`,
-    code: E_MODULES_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 {
-    message: actualMessage,
-    code: '',
-    stack: rest
-  };
-};
-class IpcError extends VError {
-  // @ts-ignore
-  constructor(betterMessage, stdout = '', stderr = '') {
-    if (stdout || stderr) {
-      // @ts-ignore
-      const {
-        message,
-        code,
-        stack
-      } = getHelpfulChildProcessError(stdout, stderr);
-      const cause = new Error(message);
-      // @ts-ignore
-      cause.code = code;
-      cause.stack = stack;
-      super(cause, betterMessage);
-    } else {
-      super(betterMessage);
-    }
-    // @ts-ignore
-    this.name = 'IpcError';
-    // @ts-ignore
-    this.stdout = stdout;
-    // @ts-ignore
-    this.stderr = stderr;
-  }
-}
-const readyMessage = 'ready';
-const getData$2 = event => {
-  return event.data;
-};
-const 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 {
-    resolve,
-    promise
-  } = 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({
-      jsonrpc: '2.0',
-      id: firstMessage.id,
-      result: null
-    });
-    parentIpc.dispose();
-    const port = firstMessage.params[1];
-    return port;
-  }
-  return globalThis;
-};
-class IpcChildWithModuleWorkerAndMessagePort extends Ipc {
-  getData(event) {
-    return getData$2(event);
-  }
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    if (this._rawIpc.close) {
-      this._rawIpc.close();
-    }
-  }
-  onClose(callback) {
-    // ignore
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-    this._rawIpc.start();
-  }
-}
-const wrap$e = port => {
-  return new IpcChildWithModuleWorkerAndMessagePort(port);
-};
-const IpcChildWithModuleWorkerAndMessagePort$1 = {
-  __proto__: null,
-  listen: listen$6,
-  wrap: wrap$e
-};
-const addListener = (emitter, type, callback) => {
-  if ('addEventListener' in emitter) {
-    emitter.addEventListener(type, callback);
-  } else {
-    emitter.on(type, callback);
-  }
-};
-const removeListener = (emitter, type, callback) => {
-  if ('removeEventListener' in emitter) {
-    emitter.removeEventListener(type, callback);
-  } else {
-    emitter.off(type, callback);
-  }
-};
-const getFirstEvent = (eventEmitter, eventMap) => {
-  const {
-    resolve,
-    promise
-  } = Promise.withResolvers();
-  const listenerMap = Object.create(null);
-  const cleanup = value => {
-    for (const event of Object.keys(eventMap)) {
-      removeListener(eventEmitter, event, listenerMap[event]);
-    }
-    resolve(value);
-  };
-  for (const [event, type] of Object.entries(eventMap)) {
-    const listener = event => {
-      cleanup({
-        type,
-        event
-      });
-    };
-    addListener(eventEmitter, event, listener);
-    listenerMap[event] = listener;
-  }
-  return promise;
-};
-const Message$1 = 3;
-const create$5$1 = async ({
-  messagePort,
-  isMessagePortOpen
-}) => {
-  if (!isMessagePort(messagePort)) {
-    throw new IpcError('port must be of type MessagePort');
-  }
-  if (isMessagePortOpen) {
-    return messagePort;
-  }
-  const eventPromise = getFirstEvent(messagePort, {
-    message: Message$1
-  });
-  messagePort.start();
-  const {
-    type,
-    event
-  } = await eventPromise;
-  if (type !== Message$1) {
-    throw new IpcError('Failed to wait for ipc message');
-  }
-  if (event.data !== readyMessage) {
-    throw new IpcError('unexpected first message');
-  }
-  return messagePort;
-};
-const signal$1 = messagePort => {
-  messagePort.start();
-};
-class IpcParentWithMessagePort extends Ipc {
-  getData = getData$2;
-  send(message) {
-    this._rawIpc.postMessage(message);
-  }
-  sendAndTransfer(message) {
-    const transfer = getTransferrables(message);
-    this._rawIpc.postMessage(message, transfer);
-  }
-  dispose() {
-    this._rawIpc.close();
-  }
-  onMessage(callback) {
-    this._rawIpc.addEventListener('message', callback);
-  }
-  onClose(callback) {}
-}
-const wrap$5 = messagePort => {
-  return new IpcParentWithMessagePort(messagePort);
-};
-const IpcParentWithMessagePort$1 = {
-  __proto__: null,
-  create: create$5$1,
-  signal: signal$1,
-  wrap: wrap$5
-};
-
-const Two = '2.0';
-const create$4$1 = (method, params) => {
-  return {
-    jsonrpc: Two,
-    method,
-    params
-  };
-};
-const callbacks = Object.create(null);
-const set$3 = (id, fn) => {
-  callbacks[id] = fn;
-};
-const get$2 = id => {
-  return callbacks[id];
-};
-const remove = id => {
-  delete callbacks[id];
-};
-let id = 0;
-const create$3$1 = () => {
-  return ++id;
-};
-const registerPromise = () => {
-  const id = create$3$1();
-  const {
-    resolve,
-    promise
-  } = Promise.withResolvers();
-  set$3(id, resolve);
-  return {
-    id,
-    promise
-  };
-};
-const create$2$1 = (method, params) => {
-  const {
-    id,
-    promise
-  } = registerPromise();
-  const message = {
-    jsonrpc: Two,
-    method,
-    params,
-    id
-  };
-  return {
-    message,
-    promise
-  };
-};
-class JsonRpcError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'JsonRpcError';
-  }
-}
-const NewLine = '\n';
-const DomException = 'DOMException';
-const ReferenceError$1 = 'ReferenceError';
-const SyntaxError$1 = 'SyntaxError';
-const TypeError$1 = 'TypeError';
-const getErrorConstructor = (message, type) => {
-  if (type) {
-    switch (type) {
-      case DomException:
-        return DOMException;
-      case TypeError$1:
-        return TypeError;
-      case SyntaxError$1:
-        return SyntaxError;
-      case ReferenceError$1:
-        return ReferenceError;
-      default:
-        return Error;
-    }
-  }
-  if (message.startsWith('TypeError: ')) {
-    return TypeError;
-  }
-  if (message.startsWith('SyntaxError: ')) {
-    return SyntaxError;
-  }
-  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') {
-      error.name = name;
-    }
-    return error;
-  }
-  return new ErrorConstructor(message);
-};
-const joinLines = lines => {
-  return lines.join(NewLine);
-};
-const splitLines = lines => {
-  return lines.split(NewLine);
-};
-const getCurrentStack = () => {
-  const stackLinesToSkip = 3;
-  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
-  return currentStack;
-};
-const getNewLineIndex = (string, startIndex = undefined) => {
-  return string.indexOf(NewLine, startIndex);
-};
-const 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 restoreJsonRpcError = error => {
-  const currentStack = getCurrentStack();
-  if (error && error instanceof Error) {
-    if (typeof error.stack === 'string') {
-      error.stack = error.stack + NewLine + currentStack;
-    }
-    return error;
-  }
-  if (error && error.code && error.code === MethodNotFound) {
-    const restoredError = new JsonRpcError(error.message);
-    const parentStack = getParentStack(error);
-    restoredError.stack = parentStack + NewLine + currentStack;
-    return restoredError;
-  }
-  if (error && error.message) {
-    const restoredError = constructError(error.message, error.type, error.name);
-    if (error.data) {
-      if (error.data.stack && error.data.type && error.message) {
-        restoredError.stack = error.data.type + ': ' + error.message + NewLine + error.data.stack + NewLine + currentStack;
-      } else if (error.data.stack) {
-        restoredError.stack = error.data.stack;
-      }
-      if (error.data.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.data.codeFrame;
-      }
-      if (error.data.code) {
-        // @ts-ignore
-        restoredError.code = error.data.code;
-      }
-      if (error.data.type) {
-        // @ts-ignore
-        restoredError.name = error.data.type;
-      }
-    } else {
-      if (error.stack) {
-        const lowerStack = restoredError.stack || '';
-        // @ts-ignore
-        const indexNewLine = getNewLineIndex(lowerStack);
-        const parentStack = getParentStack(error);
-        // @ts-ignore
-        restoredError.stack = parentStack + lowerStack.slice(indexNewLine);
-      }
-      if (error.codeFrame) {
-        // @ts-ignore
-        restoredError.codeFrame = error.codeFrame;
-      }
-    }
-    return restoredError;
-  }
-  if (typeof error === 'string') {
-    return new Error(`JsonRpc Error: ${error}`);
-  }
-  return new Error(`JsonRpc Error: ${error}`);
-};
-const 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(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,
-      message: error.message,
-      data: error.stack
-    };
-  }
-  return {
-    code: Custom,
-    message: prettyError.message,
-    data: {
-      stack: getStack(prettyError),
-      codeFrame: prettyError.codeFrame,
-      type: getErrorType(prettyError),
-      code: prettyError.code,
-      name: prettyError.name
-    }
-  };
-};
-const create$1$1 = (id, error) => {
-  return {
-    jsonrpc: Two,
-    id,
-    error
-  };
-};
-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$6 = (message, result) => {
-  return {
-    jsonrpc: Two,
-    id: message.id,
-    result: result ?? null
-  };
-};
-const getSuccessResponse = (message, result) => {
-  const resultProperty = result ?? null;
-  return create$6(message, resultProperty);
-};
-const getErrorResponseSimple = (id, error) => {
-  return {
-    jsonrpc: Two,
-    id,
-    error: {
-      code: Custom,
-      // @ts-ignore
-      message: error.message,
-      data: error
-    }
-  };
-};
-const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
-  try {
-    const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
-    return getSuccessResponse(message, result);
-  } catch (error) {
-    if (ipc.canUseSimpleErrorResponse) {
-      return getErrorResponseSimple(message.id, error);
-    }
-    return getErrorResponse(message.id, error, preparePrettyError, logError);
-  }
-};
-const defaultPreparePrettyError = error => {
-  return error;
-};
-const 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 {
-      ipc: options.ipc,
-      message: options.message,
-      execute: options.execute,
-      resolve: options.resolve || defaultResolve,
-      preparePrettyError: options.preparePrettyError || defaultPreparePrettyError,
-      logError: options.logError || defaultLogError,
-      requiresSocket: options.requiresSocket || defaultRequiresSocket
-    };
-  }
-  return {
-    ipc: args[0],
-    message: args[1],
-    execute: args[2],
-    resolve: args[3],
-    preparePrettyError: args[4],
-    logError: args[5],
-    requiresSocket: args[6]
-  };
-};
-const handleJsonRpcMessage = async (...args) => {
-  const options = normalizeParams(args);
-  const {
-    message,
-    ipc,
-    execute,
-    resolve,
-    preparePrettyError,
-    logError,
-    requiresSocket
-  } = options;
-  if ('id' in message) {
-    if ('method' in message) {
-      const response = await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
-      try {
-        ipc.send(response);
-      } catch (error) {
-        const errorResponse = getErrorResponse(message.id, error, preparePrettyError, logError);
-        ipc.send(errorResponse);
-      }
-      return;
-    }
-    resolve(message.id, message);
-    return;
-  }
-  if ('method' in message) {
-    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
-    return;
-  }
-  throw new JsonRpcError('unexpected message');
-};
-const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
-  const {
-    message,
-    promise
-  } = create$2$1(method, params);
-  if (useSendAndTransfer && ipc.sendAndTransfer) {
-    ipc.sendAndTransfer(message);
-  } else {
-    ipc.send(message);
-  }
-  const responseMessage = await promise;
-  return unwrapJsonRpcResult(responseMessage);
-};
-const send$1 = (transport, method, ...params) => {
-  const message = create$4$1(method, params);
-  transport.send(message);
-};
-const invoke$2 = (ipc, method, ...params) => {
-  return invokeHelper(ipc, method, params, false);
-};
-const invokeAndTransfer$1 = (ipc, method, ...params) => {
-  return invokeHelper(ipc, method, params, true);
-};
-
-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 createRpc = ipc => {
-  const rpc = {
-    // @ts-ignore
-    ipc,
-    /**
-     * @deprecated
-     */
-    send(method, ...params) {
-      send$1(ipc, method, ...params);
-    },
-    invoke(method, ...params) {
-      return invoke$2(ipc, method, ...params);
-    },
-    invokeAndTransfer(method, ...params) {
-      return invokeAndTransfer$1(ipc, method, ...params);
-    },
-    async dispose() {
-      await ipc?.dispose();
-    }
-  };
-  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, 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$5 = async ({
-  commandMap,
-  messagePort
-}) => {
-  // TODO create a commandMap per rpc instance
-  register(commandMap);
-  const rawIpc = await IpcParentWithMessagePort$1.create({
-    messagePort,
-    isMessagePortOpen: true
-  });
-  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
-  handleIpc(ipc);
-  const rpc = createRpc(ipc);
-  messagePort.start();
-  return rpc;
-};
-const create$3 = async ({
-  commandMap,
-  send
-}) => {
-  const {
-    port1,
-    port2
-  } = new MessageChannel();
-  await send(port1);
-  return create$5({
-    commandMap,
-    messagePort: port2
-  });
-};
-const TransferMessagePortRpcParent = {
-  __proto__: null,
-  create: create$3
-};
-const create$4 = 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 WebWorkerRpcClient = {
-  __proto__: null,
-  create: create$4
-};
-
-const CheckBox = 'checkbox';
-const Document = 'document';
-const None$1 = 'none';
-
-const Button$1 = 1;
-const Col = 2;
-const ColGroup = 3;
-const Div = 4;
-const Input$1 = 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 AltKey = 'event.altKey';
-const Button = 'event.button';
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const CtrlKey = 'event.ctrlKey';
-const DeltaMode = 'event.deltaMode';
-const DeltaY = 'event.deltaY';
-const Key$2 = 'event.key';
-const TargetName = 'event.target.name';
-const TargetValue = 'event.target.value';
-
-const Backspace$1 = 1;
-const Tab$1 = 2;
-const Enter$1 = 3;
-const Escape$2 = 8;
-const Space$2 = 9;
-const PageUp$1 = 10;
-const PageDown$1 = 11;
-const End$1 = 255;
-const Home$1 = 12;
-const LeftArrow$1 = 13;
-const UpArrow$1 = 14;
-const RightArrow$1 = 15;
-const DownArrow$1 = 16;
-const Insert$1 = 17;
-const Delete$1 = 18;
-const Digit0$1 = 19;
-const Digit1$1 = 20;
-const Digit2$1 = 21;
-const Digit3$1 = 22;
-const Digit4$1 = 23;
-const Digit5$1 = 24;
-const Digit6$1 = 25;
-const Digit7$1 = 26;
-const Digit8$1 = 27;
-const Digit9$1 = 28;
-const KeyA$1 = 29;
-const KeyB$1 = 30;
-const KeyC$1 = 31;
-const KeyD$1 = 32;
-const KeyE$1 = 33;
-const KeyF$1 = 34;
-const KeyG$1 = 35;
-const KeyH$1 = 36;
-const KeyI$1 = 37;
-const KeyJ$1 = 38;
-const KeyK$1 = 39;
-const KeyL$1 = 40;
-const KeyM$1 = 41;
-const KeyN$1 = 42;
-const KeyO$1 = 43;
-const KeyP$1 = 44;
-const KeyQ$1 = 45;
-const KeyR$1 = 46;
-const KeyS$1 = 47;
-const KeyT$1 = 48;
-const KeyU$1 = 49;
-const KeyV$1 = 50;
-const KeyW$1 = 51;
-const KeyX$1 = 52;
-const KeyY$1 = 53;
-const KeyZ$1 = 54;
-const F1$1 = 57;
-const F2$1 = 58;
-const F3$1 = 59;
-const F4$1 = 60;
-const F5$1 = 61;
-const F6$1 = 62;
-const Equal$1 = 84;
-const Comma$1 = 85;
-const Minus$1 = 86;
-const Backquote$1 = 89;
-const Backslash$1 = 91;
-const Star$1 = 131;
-const Plus$1 = 132;
-
-const KeyBindingsTable$1 = 26;
-
-const RendererWorker = 1;
-const TextMeasurementWorker = 7011;
-
-const FocusSelector = 'Viewlet.focusSelector';
-const SetCss = 'Viewlet.setCss';
-const SetDom2 = 'Viewlet.setDom2';
-const SetValueByName = 'Viewlet.setValueByName';
-
-const FocusKeyBindingsTable$1 = 39;
-
-const rpcs = Object.create(null);
-const set$2 = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get$1 = id => {
-  return rpcs[id];
-};
-
-const create$2 = rpcId => {
-  return {
-    // @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);
-    },
-    set(rpc) {
-      set$2(rpcId, rpc);
-    },
-    async dispose() {
-      const rpc = get$1(rpcId);
-      await rpc.dispose();
-    }
-  };
-};
-
-const {
-  invoke: invoke$1,
-  invokeAndTransfer,
-  set: set$1} = create$2(RendererWorker);
-const showContextMenu = async (x, y, id, ...args) => {
-  return invoke$1('ContextMenu.show', x, y, id, ...args);
-};
-const writeClipBoardText = async text => {
-  await invoke$1('ClipBoard.writeText', /* text */text);
-};
-const openWidget = async name => {
-  await invoke$1('Viewlet.openWidget', name);
-};
-const sendMessagePortToTextMeasurementWorker = async port => {
-  const command = 'TextMeasurement.handleMessagePort';
-  // @ts-ignore
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToTextMeasurementWorker', port, command, 0);
-};
-
-const createLazyRpc = rpcId => {
-  let rpcPromise;
-  let factory;
-  const createRpc = async () => {
-    const rpc = await factory();
-    set$2(rpcId, rpc);
-  };
-  const ensureRpc = async () => {
-    if (!rpcPromise) {
-      rpcPromise = createRpc();
-    }
-    await rpcPromise;
-  };
-  return {
-    setFactory(value) {
-      factory = value;
-    },
-    async invoke(method, ...params) {
-      await ensureRpc();
-      const rpc = get$1(rpcId);
-      return rpc.invoke(method, ...params);
-    }
-  };
-};
-
-const toCommandId = key => {
-  const dotIndex = key.indexOf('.');
-  return key.slice(dotIndex + 1);
-};
-const create$1 = () => {
-  const states = Object.create(null);
-  const commandMapRef = {};
-  return {
-    get(uid) {
-      return states[uid];
-    },
-    set(uid, oldState, newState) {
-      states[uid] = {
-        oldState,
-        newState
-      };
-    },
-    dispose(uid) {
-      delete states[uid];
-    },
-    getKeys() {
-      return Object.keys(states).map(key => {
-        return Number.parseInt(key);
-      });
-    },
-    clear() {
-      for (const key of Object.keys(states)) {
-        delete states[key];
-      }
-    },
-    wrapCommand(fn) {
-      const wrapped = async (uid, ...args) => {
-        const {
-          oldState,
-          newState
-        } = states[uid];
-        const newerState = await fn(newState, ...args);
-        if (oldState === newerState || newState === newerState) {
-          return;
-        }
-        const latest = states[uid];
-        states[uid] = {
-          oldState: latest.oldState,
-          newState: newerState
-        };
-      };
-      return wrapped;
-    },
-    wrapGetter(fn) {
-      const wrapped = (uid, ...args) => {
-        const {
-          newState
-        } = states[uid];
-        return fn(newState, ...args);
-      };
-      return wrapped;
-    },
-    diff(uid, modules, numbers) {
-      const {
-        oldState,
-        newState
-      } = states[uid];
-      const diffResult = [];
-      for (let i = 0; i < modules.length; i++) {
-        const fn = modules[i];
-        if (!fn(oldState, newState)) {
-          diffResult.push(numbers[i]);
-        }
-      }
-      return diffResult;
-    },
-    getCommandIds() {
-      const keys = Object.keys(commandMapRef);
-      const ids = keys.map(toCommandId);
-      return ids;
-    },
-    registerCommands(commandMap) {
-      Object.assign(commandMapRef, commandMap);
-    }
-  };
-};
-const terminate = () => {
-  globalThis.close();
-};
-
-const map$1 = [/* 0 */'Empty', /* 1 */'BrowserChromium', /* 2 */'BrowserElectron', /* 3 */'BrowserFirefox', /* 4 */'FocusAbout', /* 5 */'FocusActivityBar', /* 6 */'FocusDebugInput', /* 7 */'FocusDialog', /* 8 */'FocusEditor', /* 9 */'FocusEditorCompletions', /* 10 */'FocusEditorImage', /* 11 */'FocusEditorRename', /* 12 */'FocusEditorText', /* 13 */'FocusExplorer', /* 14 */'FocusExplorerEditBox', /* 15 */'FocusExtensions', /* 16 */'FocusFindWidget', /* 17 */'FocusLocationList', /* 18 */'FocusMenu', /* 19 */'FocusProblems', /* 20 */'FocusQuickPickInput', /* 21 */'FocusSearchInput', /* 22 */'FocusSearchResults', /* 23 */'FocusSimpleBrowserInput', /* 24 */'FocusSourceControlInput', /* 25 */'FocusTerminal', /* 26 */'FocusTitleBarMenuBar', /* 27 */'FocusViewletList', /* 28 */'FocusOutput', /* 29 */'FocusDebugConsoleInput', /* 30 */'FocusDebugScope', /* 31 */'FocusSearchReplaceInput', /* 32 */'FocusMatchCase', /* 33 */'FocusRegex', /* 34 */'FocusWholeWord', /* 35 */'FocusReplaceAll', /* 36 */'FocusPreserveCase', /* 37 */'FocusSimpleBrowser', /* 38 */'FocusSourceActions'];
-const getWhenExpressionText = whenExpression => {
-  return map$1[whenExpression] || 'n/a';
-};
-
-const getVisibleKeyBindings = (filteredKeyBindings, minLineY, maxLineY, selectedIndex, isEditingWhenExpression) => {
-  const visibleKeyBindings = [];
-  const slicedKeyBindings = filteredKeyBindings.slice(minLineY, maxLineY);
-  const relativeSelectedIndex = selectedIndex - minLineY;
-  for (let i = 0; i < slicedKeyBindings.length; i++) {
-    const slicedKeyBinding = slicedKeyBindings[i];
-    const {
-      isCtrl,
-      isShift,
-      key,
-      when,
-      command,
-      commandMatches,
-      keyMatches
-    } = slicedKeyBinding;
-    const rowIndex = minLineY + i + 2;
-    visibleKeyBindings.push({
-      rowIndex,
-      isCtrl,
-      isShift,
-      key,
-      when: getWhenExpressionText(when),
-      command,
-      selected: i === relativeSelectedIndex,
-      isEditingWhenExpression: i === relativeSelectedIndex && isEditingWhenExpression,
-      commandMatches,
-      keyMatches,
-      isEven: rowIndex % 2 === 0
-    });
-  }
-  return visibleKeyBindings;
-};
-
-const acceptWhenExpression = state => {
-  const {
-    items,
-    minLineY,
-    maxLineY,
-    selectedIndex
-  } = state;
-  const visibleItems = getVisibleKeyBindings(items, minLineY, maxLineY, selectedIndex, false);
-  return {
-    ...state,
-    editingWhenExpression: false,
-    visibleItems
-  };
-};
-
-const addKeyBinding$1 = state => {
-  return state;
-};
-
-const cancelEditingWhenExpression = state => {
-  const {
-    items,
-    minLineY,
-    maxLineY,
-    selectedIndex
-  } = state;
-  const visibleItems = getVisibleKeyBindings(items, minLineY, maxLineY, selectedIndex, true);
-  return {
-    ...state,
-    editingWhenExpression: false,
-    visibleItems
-  };
-};
-
-const FocusKeyBindingsTable = 39;
-const FocusKeyBindingsWhenExpression = 53;
-
-const changeWhenExpression$1 = state => {
-  const {
-    items,
-    selectedIndex,
-    minLineY,
-    maxLineY
-  } = state;
-  const selectedItem = items[selectedIndex];
-  if (!selectedItem) {
-    return state;
-  }
-  const text = getWhenExpressionText(selectedItem.when);
-  const visibleItems = getVisibleKeyBindings(items, minLineY, maxLineY, selectedIndex, true);
-  return {
-    ...state,
-    editingWhenExpression: true,
-    focus: FocusKeyBindingsWhenExpression,
-    whenExpressionText: text,
-    visibleItems
-  };
-};
-
-// TODO use flags enum maybe
-const getKeyModifierPrefix = (altKey, ctrlKey, shiftKey, _metaKey) => {
-  let string = '';
-  if (ctrlKey) {
-    string += 'Ctrl+';
-  }
-  if (shiftKey) {
-    string += 'Shift+';
-  }
-  return string;
-};
-
-const filterKeyBindingsByKeyBinding = (keyBindings, value) => {
-  const exact = value.slice(1, -1);
-  const filteredKeyBindings = [];
-  for (const keyBinding of keyBindings) {
-    const {
-      key
-    } = keyBinding;
-    const isCtrl = Boolean(keyBinding.isCtrl);
-    const isShift = Boolean(keyBinding.isShift);
-    const prefix = getKeyModifierPrefix(false, isCtrl, isShift);
-    const combinedUnspaced = `${prefix}${key}`;
-    const combinedSpaced = combinedUnspaced.replaceAll('+', ' + ');
-    if (combinedSpaced === exact || key === exact) {
-      filteredKeyBindings.push({
-        ...keyBinding,
-        commandMatches: [],
-        keyMatches: []
-      });
-    }
-  }
-  return filteredKeyBindings;
-};
-
-const Diagonal = 1;
-const Left = 2;
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-
-const createTable = size => {
-  const table = [];
-  for (let i = 0; i < size; i++) {
-    const row = new Uint8Array(size);
-    table.push(row);
-  }
-  return table;
-};
-const EmptyMatches = [];
-const Dash = '-';
-const Dot = '.';
-const EmptyString = '';
-const Space$1 = ' ';
-const Underline = '_';
-const T = 't';
-const isLowerCase = char => {
-  return char === char.toLowerCase();
-};
-const isUpperCase = char => {
-  return char === char.toUpperCase();
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const isGap = (columnCharBefore, columnChar) => {
-  switch (columnCharBefore) {
-    case Dash:
-    case Underline:
-    case EmptyString:
-    case T:
-    case Space$1:
-    case Dot:
-      return true;
-  }
-  if (isLowerCase(columnCharBefore) && isUpperCase(columnChar)) {
-    return true;
-  }
-  return false;
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const getScore = (rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch) => {
-  if (rowCharLow !== columnCharLow) {
-    return -1;
-  }
-  const isMatch = rowChar === columnChar;
-  if (isMatch) {
-    if (isDiagonalMatch) {
-      return 8;
-    }
-    if (isGap(columnCharBefore, columnChar)) {
-      return 8;
-    }
-    return 5;
-  }
-  if (isGap(columnCharBefore, columnChar)) {
-    return 8;
-  }
-  return 5;
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-
-const isPatternInWord = (patternLow, patternPos, patternLen, wordLow, wordPos, wordLen) => {
-  while (patternPos < patternLen && wordPos < wordLen) {
-    if (patternLow[patternPos] === wordLow[wordPos]) {
-      patternPos += 1;
-    }
-    wordPos += 1;
-  }
-  return patternPos === patternLen; // pattern must be exhausted
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const traceHighlights = (table, arrows, patternLength, wordLength) => {
-  let row = patternLength;
-  let column = wordLength;
-  const matches = [];
-  while (row >= 1 && column >= 1) {
-    const arrow = arrows[row][column];
-    if (arrow === Left) {
-      column--;
-    } else if (arrow === Diagonal) {
-      row--;
-      column--;
-      const start = column + 1;
-      while (row >= 1 && column >= 1) {
-        const arrow = arrows[row][column];
-        if (arrow === Left) {
-          break;
-        }
-        if (arrow === Diagonal) {
-          row--;
-          column--;
-        }
-      }
-      const end = column;
-      matches.unshift(end, start);
-    }
-  }
-  matches.unshift(table[patternLength][wordLength - 1]);
-  return matches;
-};
-
-// based on https://github.com/microsoft/vscode/blob/3059063b805ed0ac10a6d9539e213386bfcfb852/src/vs/base/common/filters.ts by Microsoft (License MIT)
-const gridSize = 128;
-const table = createTable(gridSize);
-const arrows = createTable(gridSize);
-const fuzzySearch = (pattern, word) => {
-  const patternLength = Math.min(pattern.length, gridSize - 1);
-  const wordLength = Math.min(word.length, gridSize - 1);
-  const patternLower = pattern.toLowerCase();
-  const wordLower = word.toLowerCase();
-  if (!isPatternInWord(patternLower, 0, patternLength, wordLower, 0, wordLength)) {
-    return EmptyMatches;
-  }
-  let strongMatch = false;
-  for (let row = 1; row < patternLength + 1; row++) {
-    const rowChar = pattern[row - 1];
-    const rowCharLow = patternLower[row - 1];
-    for (let column = 1; column < wordLength + 1; column++) {
-      const columnChar = word[column - 1];
-      const columnCharLow = wordLower[column - 1];
-      const columnCharBefore = word[column - 2] || '';
-      const isDiagonalMatch = arrows[row - 1][column - 1] === Diagonal;
-      const score = getScore(rowCharLow, rowChar, columnCharBefore, columnCharLow, columnChar, isDiagonalMatch);
-      if (row === 1 && score > 5) {
-        strongMatch = true;
-      }
-      let diagonalScore = score + table[row - 1][column - 1];
-      if (isDiagonalMatch && score !== -1) {
-        diagonalScore += 2;
-      }
-      const leftScore = table[row][column - 1];
-      if (leftScore > diagonalScore) {
-        table[row][column] = leftScore;
-        arrows[row][column] = Left;
-      } else {
-        table[row][column] = diagonalScore;
-        arrows[row][column] = Diagonal;
-      }
-    }
-  }
-  if (!strongMatch) {
-    return EmptyMatches;
-  }
-  const highlights = traceHighlights(table, arrows, patternLength, wordLength);
-  return highlights;
-};
-
-const filterKeyBinding = (pattern, word) => {
-  const matches = fuzzySearch(pattern, word);
-  return matches;
-};
-
-const filterKeyBindingsDefault = (keyBindings, value) => {
-  const filteredKeyBindings = [];
-  for (const keyBinding of keyBindings) {
-    const {
-      command,
-      key
-    } = keyBinding;
-    const commandMatches = filterKeyBinding(value, command);
-    const keyMatches = filterKeyBinding(value, key);
-    if (commandMatches.length > 0 || keyMatches.length > 0) {
-      filteredKeyBindings.push({
-        ...keyBinding,
-        commandMatches,
-        keyMatches
-      });
-    }
-  }
-  return filteredKeyBindings;
-};
-
-const withEmptyMatch = keyBinding => {
-  return {
-    ...keyBinding,
-    commandMatches: [],
-    keyMatches: []
-  };
-};
-const withEmptyMatches = keyBindings => {
-  return keyBindings.map(withEmptyMatch);
-};
-
-const getFilteredKeyBindings = (keyBindings, value) => {
-  if (!value) {
-    return withEmptyMatches(keyBindings);
-  }
-  // Exact match syntax: quoted string means search for exact keybinding
-  const isQuoted = value.length >= 2 && value.startsWith('"') && value.endsWith('"');
-  if (isQuoted) {
-    return filterKeyBindingsByKeyBinding(keyBindings, value);
-  }
-  return filterKeyBindingsDefault(keyBindings, value);
-};
-
-const Input = 1;
-
-const User = 1;
-const Script = 2;
-
-const compareByPrecedence = (a, b) => {
-  const aWhen = a.when || 0;
-  const bWhen = b.when || 0;
-  return bWhen - aWhen;
-};
-const compareByName = (a, b) => {
-  return a.command.localeCompare(b.command);
-};
-
-const getCompareFn = isSortingByPrecedence => {
-  const sortFn = isSortingByPrecedence ? compareByPrecedence : compareByName;
-  return sortFn;
-};
-const sortKeyBindings = (parsedKeyBindings, isSortingByPrecedence) => {
-  const sortFn = getCompareFn(isSortingByPrecedence);
-  const sorted = parsedKeyBindings.toSorted(sortFn);
-  return sorted;
-};
-
-const handleInput = (state, value) => {
-  const {
-    parsedKeyBindings,
-    maxVisibleItems,
-    isSortingByPrecedence
-  } = state;
-  const items = getFilteredKeyBindings(parsedKeyBindings, value);
-  const sorted = sortKeyBindings(items, isSortingByPrecedence);
-  const maxLineY = Math.min(sorted.length, maxVisibleItems);
-  return {
-    ...state,
-    focus: Input,
-    inputSource: User,
-    items: sorted,
-    maxLineY,
-    value
-  };
-};
-
-const clearInput = state => {
-  const {
-    value
-  } = state;
-  if (value === '') {
-    return state;
-  }
-  const newState = handleInput(state, '');
-  return {
-    ...newState,
-    inputSource: Script
-  };
-};
-
-const copy$1 = async state => {
-  return state;
-};
-
-const copyCommandId$1 = async state => {
-  const {
-    focusedIndex,
-    items
-  } = state;
-  const item = items[focusedIndex];
-  if (!item) {
-    return state;
-  }
-  const {
-    command
-  } = item;
-  await writeClipBoardText(command);
-  return state;
-};
-
-const copyCommandTitle$1 = async state => {
-  const {
-    focusedIndex,
-    items
-  } = state;
-  const item = items[focusedIndex];
-  if (!item) {
-    return state;
-  }
-  const {
-    command
-  } = item;
-  await writeClipBoardText(command);
-  return state;
-};
-
-const {
-  get,
-  set,
-  dispose: dispose$1,
-  wrapCommand,
-  wrapGetter,
-  registerCommands,
-  getCommandIds
-} = create$1();
-
-// TODO uri and platform might not be needed
-const create = (uid, uri, x, y, width, height, platform) => {
-  const state = {
-    columnWidth0: 30,
-    columnWidth1: 0,
-    columnWidth2: 0,
-    columnWidth3: 0,
-    resizerOneLeft: 0,
-    resizerTwoLeft: 0,
-    paddingLeft: 27,
-    contentPadding: /* left */27 + /* right */15,
-    defineKeyBindingsId: -1,
-    deltaY: 0,
-    editIconSize: 22,
-    editingWhenExpression: false,
-    finalDeltaY: 0,
-    focus: 0,
-    focusedIndex: -1,
-    headerHeight: 0,
-    height,
-    inputSource: User,
-    isRecordingKeys: false,
-    isSortingByPrecedence: false,
-    itemHeight: 24,
-    items: [],
-    maxLineY: 0,
-    maxVisibleItems: 0,
-    minimumSliderSize: 20,
-    minLineY: 0,
-    padding: 15,
-    parsedKeyBindings: [],
-    resizerDownId: 0,
-    searchHeaderHeight: 50,
-    selectedIndex: -1,
-    tableHeaderHeight: 30,
-    uid,
-    uri,
-    value: '',
-    whenExpressionText: '',
-    width,
-    x,
-    y,
-    visibleItems: [],
-    recordingKeysLabelWidth: 0,
-    placeholder: ''
-  };
-  set(uid, state, state);
-};
-
-const isEqual$6 = (oldState, newState) => {
-  return oldState.columnWidth1 === newState.columnWidth1 && oldState.columnWidth2 === newState.columnWidth2 && oldState.columnWidth3 === newState.columnWidth3;
-};
-
-const isEqual$5 = (oldState, newState) => {
-  return oldState.columnWidth0 === newState.columnWidth0 && oldState.columnWidth1 === newState.columnWidth1 && oldState.columnWidth2 === newState.columnWidth2 && oldState.columnWidth3 === newState.columnWidth3 && oldState.deltaY === newState.deltaY && oldState.recordingKeysLabelWidth === newState.recordingKeysLabelWidth && oldState.scrollBarHeight === newState.scrollBarHeight;
-};
-
-const isEqual$4 = (oldState, newState) => {
-  return oldState.focus === newState.focus;
-};
-
-const isEqual$3 = (oldState, newState) => {
-  return oldState.focus === newState.focus;
-};
-
-const isEqual$2 = (oldState, newState) => {
-  return oldState.editingWhenExpression === newState.editingWhenExpression && oldState.focusedIndex === newState.focusedIndex && oldState.isRecordingKeys === newState.isRecordingKeys && oldState.isRecordingKeys === newState.isRecordingKeys && oldState.isSortingByPrecedence === newState.isSortingByPrecedence && oldState.items === newState.items && oldState.maxLineY === newState.maxLineY && oldState.minLineY === newState.minLineY && oldState.selectedIndex === newState.selectedIndex;
-};
-
-const RenderKeyBindings = 1;
-const RenderColumnWidth = 2;
-const RenderValue = 3;
-const RenderFocus = 4;
-const RenderFocusContext = 5;
-const RenderWhenExpressionValue = 6;
-const RenderCss = 7;
-
-const isEqual$1 = (oldState, newState) => {
-  return oldState.value === newState.value;
-};
-
-const isEqual = (oldState, newState) => {
-  return oldState.editingWhenExpression === true || newState.editingWhenExpression === false;
-};
-
-const modules = [isEqual$2, isEqual$6, isEqual$1, isEqual$4, isEqual$3, isEqual, isEqual$5];
-const numbers = [RenderKeyBindings, RenderColumnWidth, RenderValue, RenderFocus, RenderFocusContext, RenderWhenExpressionValue, RenderCss];
-
-const diff = (oldState, newState) => {
-  if (oldState === newState) {
-    return [];
-  }
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
-    }
-  }
-  return diffResult;
-};
-
-const diff2 = uid => {
-  const {
-    oldState,
-    newState
-  } = get(uid);
-  const diffResult = diff(oldState, newState);
-  return diffResult;
-};
-
-const dispose = uid => {
-  dispose$1(uid);
-};
-
-// TODO optimize this function to return the minimum number
-// of visible items needed, e.g. when not scrolled 5 items with
-// 20px fill 100px but when scrolled 6 items are needed
-const getNumberOfVisibleItems = (listHeight, itemHeight) => {
-  return Math.ceil(listHeight / itemHeight) + 1;
-};
-
-const focusIndexScrollDown = (state, index, listHeight, itemHeight, itemsLength) => {
-  const newMaxLineY = Math.min(index + 1, itemsLength);
-  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
-  const newMinLineY = Math.max(newMaxLineY - fittingItems, 0);
-  const newDeltaY = itemsLength < fittingItems ? 0 : newMinLineY * itemHeight - listHeight % itemHeight + itemHeight;
-  return {
-    ...state,
-    focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY,
-    focused: true,
-    deltaY: newDeltaY,
-    selectedIndex: index
-  };
-};
-
-const focusIndexScrollUp = (state, index, listHeight, itemHeight, itemsLength) => {
-  const newMinLineY = index;
-  const fittingItems = getNumberOfVisibleItems(listHeight, itemHeight);
-  const newMaxLineY = Math.min(newMinLineY + fittingItems, itemsLength);
-  const newDeltaY = newMinLineY * itemHeight;
-  return {
-    ...state,
-    focusedIndex: index,
-    minLineY: newMinLineY,
-    maxLineY: newMaxLineY,
-    focused: true,
-    deltaY: newDeltaY,
-    selectedIndex: index
-  };
-};
-
-const focusIndex = (state, index) => {
-  const {
-    itemHeight,
-    minLineY,
-    maxLineY,
-    headerHeight,
-    height,
-    items
-  } = state;
-  const itemsLength = items.length;
-  if (itemsLength === 0) {
-    return state;
-  }
-  number(itemHeight);
-  if (index === -1) {
-    return {
-      ...state,
-      focusedIndex: -1,
-      focused: true
-    };
-  }
-  const listHeight = height - headerHeight;
-  if (index < minLineY + 1) {
-    return focusIndexScrollUp(state, index, listHeight, itemHeight, itemsLength);
-  }
-  if (index >= maxLineY - 1) {
-    return focusIndexScrollDown(state, index, listHeight, itemHeight, itemsLength);
-  }
-  return {
-    ...state,
-    focusedIndex: index,
-    selectedIndex: index,
-    focused: true
-  };
-};
-
-const focusFirst = state => {
-  return focusIndex(state, 0);
-};
-
-const focusInput = state => {
-  return {
-    ...state,
-    focus: Input
-  };
-};
-
-const focusLast = state => {
-  const {
-    items
-  } = state;
-  const last = items.length - 1;
-  return focusIndex(state, last);
-};
-
-const focusNext = state => {
-  const {
-    selectedIndex,
-    items
-  } = state;
-  const nextIndex = Math.min(selectedIndex + 1, items.length - 1);
-  return focusIndex(state, nextIndex);
-};
-
-const focusPrevious = state => {
-  const {
-    selectedIndex
-  } = state;
-  const previousIndex = Math.max(selectedIndex - 1, 0);
-  return focusIndex(state, previousIndex);
-};
-
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-
-const getKeyBindings = () => {
-  return [{
-    key: DownArrow$1,
-    command: 'KeyBindings.focusNext',
-    when: FocusKeyBindingsTable
-  }, {
-    key: UpArrow$1,
-    command: 'KeyBindings.focusPrevious',
-    when: FocusKeyBindingsTable
-  }, {
-    key: Home$1,
-    command: 'KeyBindings.focusFirst',
-    when: FocusKeyBindingsTable
-  }, {
-    key: PageUp$1,
-    command: 'KeyBindings.focusFirst',
-    when: FocusKeyBindingsTable
-  }, {
-    key: PageDown$1,
-    command: 'KeyBindings.focusLast',
-    when: FocusKeyBindingsTable
-  }, {
-    key: End$1,
-    command: 'KeyBindings.focusLast',
-    when: FocusKeyBindingsTable
-  }, {
-    key: Space$2,
-    command: 'KeyBindings.selectCurrent',
-    when: FocusKeyBindingsTable
-  }, {
-    key: Enter$1,
-    command: 'KeyBindings.selectCurrent',
-    when: FocusKeyBindingsTable
-  }, {
-    key: Enter$1,
-    command: 'KeyBindings.acceptWhenExprssion',
-    when: FocusKeyBindingsWhenExpression
-  }, {
-    key: Home$1,
-    command: 'KeyBindings.focusFirst',
-    when: FocusKeyBindingsTable
-  }, {
-    key: End$1,
-    command: 'KeyBindings.focusLast',
-    when: FocusKeyBindingsTable
-  }, {
-    key: Escape$2,
-    command: 'KeyBindings.cancelEditingWhenExprssion',
-    when: FocusKeyBindingsWhenExpression
-  }, {
-    key: Escape$2,
-    command: 'KeyBindings.handleEscape',
-    when: FocusKeyBindingsTable
-  }];
-};
-
-const emptyObject = {};
-const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
-const i18nString = (key, placeholders = emptyObject) => {
-  if (placeholders === emptyObject) {
-    return key;
-  }
-  const replacer = (match, rest) => {
-    return placeholders[rest];
-  };
-  return key.replaceAll(RE_PLACEHOLDER, replacer);
-};
-
-const AddKeyBinding = 'Add Keybinding...';
-const ChangeKeyBinding = 'Change Keybinding...';
-const ChangeWhenExpression = 'Change When Expression';
-const ClearSearchInput$1 = 'Clear Search Input';
-const Command = 'Command';
-const Copy = 'Copy';
-const CopyCommandId = 'Copy Command ID';
-const CopyCommandTitle = 'Copy Command Title';
-const Edit$1 = 'Edit';
-const Key$1 = 'Key';
-const KeyBindings$1 = 'KeyBindings';
-const NoKeyBindingsFound = 'No matching Keybindings found';
-const RecordingKeys = 'Recording keys';
-const RecordingKeysPressEscapeToExit = `Recording Keys. Press Escape to exit (⇅ for history)`;
-const RecordKeys$2 = 'Record keys';
-const RemoveKeyBinding = 'Remove Keybinding...';
-const ResetKeyBinding = 'Reset Keybinding';
-const ResultsWillUpdateAsYouType = 'Results will update as you type';
-const ShowSameKeyBindings = 'Show Same Keybindings';
-const SortByPrecedence$1 = 'Sort By Precedence';
-const TypeToSearchKeyBindings = 'Type to search in keybindings';
-const When = 'When';
-
-const keyBindings = () => {
-  return i18nString(KeyBindings$1);
-};
-const command = () => {
-  return i18nString(Command);
-};
-const when = () => {
-  return i18nString(When);
-};
-const edit = () => {
-  return i18nString(Edit$1);
-};
-const key = () => {
-  return i18nString(Key$1);
-};
-const typeToSearchKeyBindings = () => {
-  return i18nString(TypeToSearchKeyBindings);
-};
-const resultsWillUpdateAsYouType = () => {
-  return i18nString(ResultsWillUpdateAsYouType);
-};
-const copy = () => {
-  return i18nString(Copy);
-};
-const copyCommandId = () => {
-  return i18nString(CopyCommandId);
-};
-const copyCommandTitle = () => {
-  return i18nString(CopyCommandTitle);
-};
-const changeKeyBinding = () => {
-  return i18nString(ChangeKeyBinding);
-};
-const addKeyBinding = () => {
-  return i18nString(AddKeyBinding);
-};
-const removeKeyBinding$1 = () => {
-  return i18nString(RemoveKeyBinding);
-};
-const resetKeyBinding$1 = () => {
-  return i18nString(ResetKeyBinding);
-};
-const changeWhenExpression = () => {
-  return i18nString(ChangeWhenExpression);
-};
-const showSameKeyBindings$1 = () => {
-  return i18nString(ShowSameKeyBindings);
-};
-const noKeyBindingsFound = () => {
-  return i18nString(NoKeyBindingsFound);
-};
-const recordingKeys = () => {
-  return i18nString(RecordingKeys);
-};
-const recordKeys = () => {
-  return i18nString(RecordKeys$2);
-};
-const sortByPrecedence$1 = () => {
-  return i18nString(SortByPrecedence$1);
-};
-const clearSearchInput = () => {
-  return i18nString(ClearSearchInput$1);
-};
-const recordingKeysPressEscapeToExit = () => {
-  return i18nString(RecordingKeysPressEscapeToExit);
-};
-
-const Separator = 1;
-const None = 0;
-
-const menuEntrySeparator = {
-  id: 'separator',
-  label: '',
-  flags: Separator,
-  command: ''
-};
-
-const getMenuEntries = () => {
-  return [{
-    id: 'copy',
-    label: copy(),
-    flags: None,
-    command: 'KeyBindings.copy'
-  }, {
-    id: 'copyCommandId',
-    label: copyCommandId(),
-    flags: None,
-    command: 'KeyBindings.copyCommandId'
-  }, {
-    id: 'copyCommandTitle',
-    label: copyCommandTitle(),
-    flags: None,
-    command: 'KeyBindings.copyCommandTitle'
-  }, menuEntrySeparator, {
-    id: 'changeKeyBinding',
-    label: changeKeyBinding(),
-    flags: None,
-    command: 'KeyBindings.changeKeyBinding'
-  }, {
-    id: 'addKeyBinding',
-    label: addKeyBinding(),
-    flags: None,
-    command: 'KeyBindings.addKeyBinding'
-  }, menuEntrySeparator, {
-    id: 'removeKeyBinding',
-    label: removeKeyBinding$1(),
-    flags: None,
-    command: 'KeyBindings.removeKeyBinding'
-  }, {
-    id: 'resetKeyBinding',
-    label: resetKeyBinding$1(),
-    flags: None,
-    command: 'KeyBindings.resetKeyBinding'
-  }, menuEntrySeparator, {
-    id: 'changeWhenExpression',
-    label: changeWhenExpression(),
-    flags: None,
-    command: 'KeyBindings.changeWhenExpression'
-  }, menuEntrySeparator, {
-    id: 'showSameKeyBindings',
-    label: showSameKeyBindings$1(),
-    flags: None,
-    command: 'KeyBindings.showSameKeyBindings'
-  }];
-};
-
-const getMenuEntryIds = () => {
-  return [KeyBindingsTable$1];
-};
-
-const getIndex = (state, eventX, eventY) => {
-  const {
-    minLineY,
-    y,
-    itemHeight,
-    tableHeaderHeight,
-    searchHeaderHeight,
-    items
-  } = state;
-  const relativeY = eventY - y - tableHeaderHeight - searchHeaderHeight;
-  const row = Math.floor(relativeY / itemHeight);
-  const actualRow = minLineY + row;
-  if (actualRow > items.length) {
-    return -1;
-  }
-  return actualRow;
-};
-
-const DefineKeyBinding = 'DefineKeyBinding';
-
-const showDefineKeyBinding = async () => {
-  await openWidget(DefineKeyBinding);
-};
-
-const handleClickIndex = async (state, index, showDefineKeyBinding$1) => {
-  const {
-    uid
-  } = state;
-  const newState = {
-    ...state,
-    focusedIndex: index,
-    selectedIndex: index,
-    focus: FocusKeyBindingsTable$1
-  };
-  if (showDefineKeyBinding$1) {
-    set(uid, newState, newState);
-    await showDefineKeyBinding();
-    return state;
-  }
-  return newState;
-};
-
-const handleClick = async (state, eventX, eventY) => {
-  const {
-    padding,
-    editIconSize,
-    x
-  } = state;
-  const index = getIndex(state, eventX, eventY);
-  const relativeX = eventX - x;
-  const showDefine = relativeX > padding && relativeX < padding + editIconSize;
-  return handleClickIndex(state, index, showDefine);
-};
-
-const show = async (x, y, id, ...args) => {
-  await showContextMenu(x, y, id, ...args);
-};
-
-const KeyBindingsTable = 26;
-
-const handleContextMenu = async (state, button, eventX, eventY) => {
-  const {
-    y,
-    searchHeaderHeight,
-    tableHeaderHeight
-  } = state;
-  if (eventY <= y + searchHeaderHeight + tableHeaderHeight) {
-    return state;
-  }
-  // TODO find the index of the matched item and if there is a matching entry, show context menu
-  await show(eventX, eventY, KeyBindingsTable);
-  return state;
-};
-
-const handleDoubleClick = async (state, eventX, eventY) => {
-  const selectedIndex = getIndex(state, eventX, eventY);
-  return handleClickIndex(state, selectedIndex, true);
-};
-
-const handleInputFocus = state => {
-  return {
-    ...state,
-    focus: Input
-  };
-};
-
-const getPlaceholder = isRecordingKeys => {
-  if (isRecordingKeys) {
-    return recordingKeysPressEscapeToExit();
-  }
-  return typeToSearchKeyBindings();
-};
-
-const stopRecordingKeys = state => {
-  const placeholder = getPlaceholder(false);
-  return {
-    ...state,
-    isRecordingKeys: false,
-    placeholder
-  };
-};
-
-const handleEscape = state => {
-  const {
-    isRecordingKeys
-  } = state;
-  if (isRecordingKeys) {
-    return stopRecordingKeys(state);
-  }
-  return {
-    ...state,
-    focusedIndex: -1,
-    focus: FocusKeyBindingsTable$1
-  };
-};
-
-const Escape$1 = 'Escape';
-
-const handleKeyDown = (state, altKey, ctrlKey, key) => {
-  const {
-    isRecordingKeys,
-    value
-  } = state;
-  if (!isRecordingKeys) {
-    return state;
-  }
-  if (key === Escape$1) {
-    return handleEscape(state);
-  }
-  return {
-    ...state,
-    value: `${value} ${key}`,
-    inputSource: Script
-  };
-};
-
-const getResizerId = name => {
-  switch (name) {
-    case 'ResizerOne':
-      return 1;
-    case 'ResizerTwo':
-      return 2;
-    default:
-      return 0;
-  }
-};
-const handleResizerClick = (state, name, x) => {
-  const resizerDownId = getResizerId(name);
-  return {
-    ...state,
-    resizerDownId
-  };
-};
-
-const distributeColumns = (resizerDownId, contentPadding, width, columnWidth1, columnWidth2, x, eventX) => {
-  const minColumnWidth = 100;
-  const contentWidth = width - contentPadding;
-  if (resizerDownId === 1) {
-    const newColumnWidth1 = Math.max(eventX - contentPadding - x, minColumnWidth);
-    const newColumnWidth3 = contentWidth - newColumnWidth1 - columnWidth2;
-    return {
-      newColumnWidth1: newColumnWidth1,
-      newColumnWidth3: newColumnWidth3,
-      newColumnWidth2: columnWidth2
-    };
-  }
-  const newColumnWidth3 = Math.max(contentWidth - (eventX - contentPadding - x), minColumnWidth);
-  const newColumnWidth2 = contentWidth - newColumnWidth3 - columnWidth1;
-  return {
-    newColumnWidth1: columnWidth1,
-    newColumnWidth2: newColumnWidth2,
-    newColumnWidth3: newColumnWidth3
-  };
-};
-
-const handleResizerMove = (state, eventX) => {
-  const {
-    columnWidth0,
-    columnWidth1,
-    columnWidth2,
-    contentPadding,
-    paddingLeft,
-    resizerDownId,
-    width,
-    x
-  } = state;
-  if (!resizerDownId) {
-    return state;
-  }
-  const {
-    newColumnWidth1,
-    newColumnWidth2,
-    newColumnWidth3
-  } = distributeColumns(resizerDownId, contentPadding, width, columnWidth1, columnWidth2, x, eventX);
-  const resizerOneLeft = paddingLeft + columnWidth0 + columnWidth1;
-  const resizerTwoLeft = resizerOneLeft + columnWidth2;
-  return {
-    ...state,
-    columnWidth1: newColumnWidth1,
-    columnWidth2: newColumnWidth2,
-    columnWidth3: newColumnWidth3,
-    resizerOneLeft,
-    resizerTwoLeft
-  };
-};
-
-const handleResizerPointerUp = (state, id, x) => {
-  return {
-    ...state,
-    resizerDownId: 0
-  };
-};
-
-const KeyBindingsFilter = 'keybindings-filter';
-const RecordKeys$1 = 'RecordKeys';
-const SortByPrecedence = 'SortByPrecdence';
-const ClearSearchInput = 'ClearSearchInput';
-const WhenExpression = 'KeyBindingsWhenExpression';
-
-class KeyBindingError extends Error {
-  constructor(message) {
-    super(message);
-    this.name = 'KeyBindingError';
-  }
-}
-
-const sortByPrecedence = state => {
-  const {
-    isSortingByPrecedence,
-    items
-  } = state;
-  const newValue = !isSortingByPrecedence;
-  const sorted = sortKeyBindings(items, isSortingByPrecedence);
-  return {
-    ...state,
-    isSortingByPrecedence: newValue,
-    items: sorted,
-    minLineY: 0,
-    deltaY: 0
-  };
-};
-
-const {
-  invoke,
-  setFactory
-} = createLazyRpc(TextMeasurementWorker);
-
-const fallbackWidth = 150;
-const measureTextWidth = async (text, fontWeight, fontSize, fontFamily, letterSpacing) => {
-  try {
-    const isMonospaceFont = false;
-    const charWidth = 0;
-    return await invoke('TextMeasurement.measureTextWidth', text, fontWeight, fontSize, fontFamily, letterSpacing, isMonospaceFont, charWidth);
-  } catch {
-    return fallbackWidth;
-  }
-};
-
-const getRecordingKeysLabelWidth = async isRecordingKeys => {
-  if (!isRecordingKeys) {
-    return 0;
-  }
-  const label = recordingKeys();
-  const fontFamily = 'system-ui, Ubuntu';
-  const fontSize = 11;
-  const fontWeight = 400;
-  const letterSpacing = 0;
-  const paddingLeft = 4;
-  const paddingRight = 4;
-  const recordingKeysLabelWidth = await measureTextWidth(label, fontWeight, fontSize, fontFamily, letterSpacing);
-  const rounded = Math.ceil(recordingKeysLabelWidth);
-  const total = rounded + paddingLeft + paddingRight;
-  return total;
-};
-
-const startRecordingKeys = async state => {
-  const recordingKeysLabelWidth = await getRecordingKeysLabelWidth(true);
-  const placeholder = getPlaceholder(true);
-  return {
-    ...state,
-    isRecordingKeys: true,
-    placeholder,
-    recordingKeysLabelWidth,
-    focus: Input
-  };
-};
-
-const toggleRecordingKeys = async state => {
-  const {
-    isRecordingKeys
-  } = state;
-  if (isRecordingKeys) {
-    return stopRecordingKeys(state);
-  }
-  return startRecordingKeys(state);
-};
-
-const getSearchActionClickHandler = name => {
-  switch (name) {
-    case ClearSearchInput:
-      return clearInput;
-    case RecordKeys$1:
-      return toggleRecordingKeys;
-    case SortByPrecedence:
-      return sortByPrecedence;
-    default:
-      throw new KeyBindingError(`Unexpected handler ${name}`);
-  }
-};
-
-const handleSearchActionClick = (state, name) => {
-  const fn = getSearchActionClickHandler(name);
-  return fn(state);
-};
-
-const handleSearchHeaderContextMenu = async state => {
-  return state;
-};
-
-const handleTableFocus = async state => {
-  const {
-    focus
-  } = state;
-  if (focus === FocusKeyBindingsTable$1) {
-    return state;
-  }
-  return {
-    ...state,
-    focus: FocusKeyBindingsTable$1
-  };
-};
-
-const setDeltaY = (state, deltaY) => {
-  const {
-    maxVisibleItems,
-    itemHeight,
-    items,
-    editingWhenExpression,
-    selectedIndex
-  } = state;
-  const tableHeight = maxVisibleItems * itemHeight;
-  const minDeltaY = 0;
-  const maxDeltaY = Math.max(items.length * itemHeight - tableHeight, 0);
-  if (deltaY < minDeltaY) {
-    deltaY = minDeltaY;
-  } else if (deltaY > maxDeltaY) {
-    deltaY = Math.max(maxDeltaY);
-  }
-  const minLineY = Math.floor(deltaY / itemHeight);
-  const maxLineY = minLineY + Math.round(tableHeight / itemHeight);
-  const visibleItems = getVisibleKeyBindings(items, minLineY, maxLineY, selectedIndex, editingWhenExpression);
-  return {
-    ...state,
-    deltaY,
-    minLineY,
-    maxLineY,
-    visibleItems
-  };
-};
-
-const handleWheel = (state, deltaMode, deltaY) => {
-  return setDeltaY(state, state.deltaY + deltaY);
-};
-
-const handleWhenexpressionInputBlur = state => {
-  return cancelEditingWhenExpression(state);
-};
-
-const getMaxVisibleItems = (height, searchHeaderHeight, tableHeaderHeight, rowHeight) => {
-  return Math.floor((height - searchHeaderHeight - tableHeaderHeight) / rowHeight);
-};
-
-const Unknown = 'Unknown';
-const Backspace = 'Backspace';
-const Tab = 'Tab';
-const Enter = 'Enter';
-const Escape = 'Escape';
-const Space = 'Space';
-const PageUp = 'PageUp';
-const PageDown = 'PageDown';
-const End = 'End';
-const Home = 'Home';
-const LeftArrow = 'LeftArrow';
-const UpArrow = 'UpArrow';
-const RightArrow = 'RightArrow';
-const DownArrow = 'DownArrow';
-const Insert = 'Insert';
-const Delete = 'Delete';
-const Digit0 = '0';
-const Digit1 = '1';
-const Digit2 = '2';
-const Digit3 = '3';
-const Digit4 = '4';
-const Digit5 = '5';
-const Digit6 = '6';
-const Digit7 = '7';
-const Digit8 = '8';
-const Digit9 = '9';
-const KeyA = 'a';
-const KeyB = 'b';
-const KeyC = 'c';
-const KeyD = 'd';
-const KeyE = 'e';
-const KeyF = 'f';
-const KeyG = 'g';
-const KeyH = 'h';
-const KeyI = 'i';
-const KeyJ = 'j';
-const KeyK = 'k';
-const KeyL = 'l';
-const KeyM = 'm';
-const KeyN = 'n';
-const KeyO = 'o';
-const KeyP = 'p';
-const KeyQ = 'q';
-const KeyR = 'r';
-const KeyS = 's';
-const KeyT = 't';
-const KeyU = 'u';
-const KeyV = 'v';
-const KeyW = 'w';
-const KeyX = 'x';
-const KeyY = 'y';
-const KeyZ = 'z';
-const F1 = 'F1';
-const F2 = 'F2';
-const F3 = 'F3';
-const F4 = 'F4';
-const F5 = 'F5';
-const F6 = 'F6';
-const Equal = '=';
-const Comma = ',';
-const Minus = 'Minus';
-const Backquote = 'Backquote';
-const Backslash = 'Backslash';
-const Star = '*';
-const Plus = '+';
-
-const getKeyCodeString = keyCode => {
-  switch (keyCode) {
-    case Backspace$1:
-      return Backspace;
-    case Tab$1:
-      return Tab;
-    case Escape$2:
-      return Escape;
-    case Enter$1:
-      return Enter;
-    case Space$2:
-      return Space;
-    case PageUp$1:
-      return PageUp;
-    case PageDown$1:
-      return PageDown;
-    case End$1:
-      return End;
-    case Home$1:
-      return Home;
-    case LeftArrow$1:
-      return LeftArrow;
-    case UpArrow$1:
-      return UpArrow;
-    case RightArrow$1:
-      return RightArrow;
-    case DownArrow$1:
-      return DownArrow;
-    case Insert$1:
-      return Insert;
-    case Delete$1:
-      return Delete;
-    case Digit0$1:
-      return Digit0;
-    case Digit1$1:
-      return Digit1;
-    case Digit2$1:
-      return Digit2;
-    case Digit3$1:
-      return Digit3;
-    case Digit4$1:
-      return Digit4;
-    case Digit5$1:
-      return Digit5;
-    case Digit6$1:
-      return Digit6;
-    case Digit7$1:
-      return Digit7;
-    case Digit8$1:
-      return Digit8;
-    case Digit9$1:
-      return Digit9;
-    case KeyA$1:
-      return KeyA;
-    case KeyB$1:
-      return KeyB;
-    case KeyC$1:
-      return KeyC;
-    case KeyD$1:
-      return KeyD;
-    case KeyE$1:
-      return KeyE;
-    case KeyF$1:
-      return KeyF;
-    case KeyG$1:
-      return KeyG;
-    case KeyH$1:
-      return KeyH;
-    case KeyI$1:
-      return KeyI;
-    case KeyJ$1:
-      return KeyJ;
-    case KeyK$1:
-      return KeyK;
-    case KeyL$1:
-      return KeyL;
-    case KeyM$1:
-      return KeyM;
-    case KeyN$1:
-      return KeyN;
-    case KeyO$1:
-      return KeyO;
-    case KeyP$1:
-      return KeyP;
-    case KeyQ$1:
-      return KeyQ;
-    case KeyR$1:
-      return KeyR;
-    case KeyS$1:
-      return KeyS;
-    case KeyT$1:
-      return KeyT;
-    case KeyU$1:
-      return KeyU;
-    case KeyV$1:
-      return KeyV;
-    case KeyW$1:
-      return KeyW;
-    case KeyX$1:
-      return KeyX;
-    case KeyY$1:
-      return KeyY;
-    case KeyZ$1:
-      return KeyZ;
-    case F1$1:
-      return F1;
-    case F2$1:
-      return F2;
-    case F3$1:
-      return F3;
-    case F4$1:
-      return F4;
-    case F5$1:
-      return F5;
-    case F6$1:
-      return F6;
-    case Backslash$1:
-      return Backslash;
-    case Equal$1:
-      return Equal;
-    case Comma$1:
-      return Comma;
-    case Backquote$1:
-      return Backquote;
-    case Plus$1:
-      return Plus;
-    case Star$1:
-      return Star;
-    case Minus$1:
-      return Minus;
-    default:
-      return Unknown;
-  }
-};
-
-const CtrlCmd = 1 << 11 >>> 0;
-const Shift = 1 << 10 >>> 0;
-
-const parseKey = rawKey => {
-  number(rawKey);
-  const isCtrl = Boolean(rawKey & CtrlCmd);
-  const isShift = Boolean(rawKey & Shift);
-  const keyCode = rawKey & 0x00_00_00_ff;
-  const key = getKeyCodeString(keyCode);
-  return {
-    key,
-    isCtrl,
-    isShift
-  };
-};
-
-const parseKeyBinding = keyBinding => {
-  return {
-    ...keyBinding,
-    rawKey: keyBinding.key,
-    ...parseKey(keyBinding.key)
-  };
-};
-
-const parseKeyBindings = keyBindings => {
-  return keyBindings.map(parseKeyBinding);
-};
-
-const loadKeyBindings = async () => {
-  // @ts-ignore
-  const rawKeyBindings = await invoke$1('KeyBindingsInitial.getKeyBindings');
-  const keyBindings = parseKeyBindings(rawKeyBindings);
-  return keyBindings;
-};
-
-const getSavedValue = savedState => {
-  if (savedState && typeof savedState === 'object' && 'value' in savedState && typeof savedState.value === 'string') {
-    return savedState.value;
-  }
-  return '';
-};
-
-const hasProperty = (object, key) => {
-  if (!object || typeof object !== 'object' || !(key in object)) {
-    return false;
-  }
-  return true;
-};
-
-const getSavedIsRecordingKeys = savedState => {
-  if (hasProperty(savedState, 'isRecordingKeys') && typeof savedState.isRecordingKeys === 'boolean') {
-    return savedState.isRecordingKeys;
-  }
-  return false;
-};
-const getSavedIsSortingByPrecedence = savedState => {
-  if (hasProperty(savedState, 'isSortingByPrecedence') && typeof savedState.isSortingByPrecedence === 'boolean') {
-    return savedState.isSortingByPrecedence;
-  }
-  return false;
-};
-const getSavedFocus = savedState => {
-  if (hasProperty(savedState, 'focus') && typeof savedState.focus === 'number') {
-    return savedState.focus;
-  }
-  return 0;
-};
-const getSavedSelectedIndex = savedState => {
-  if (hasProperty(savedState, 'selectedIndex') && typeof savedState.selectedIndex === 'number') {
-    return savedState.selectedIndex;
-  }
-  return -1;
-};
-const restoreState = savedState => {
-  const savedValue = getSavedValue(savedState);
-  const isRecordingKeys = getSavedIsRecordingKeys(savedState);
-  const isSortingByPrecedence = getSavedIsSortingByPrecedence(savedState);
-  const focus = getSavedFocus(savedState);
-  const selectedIndex = getSavedSelectedIndex(savedState);
-  return {
-    focus,
-    isRecordingKeys,
-    isSortingByPrecedence,
-    savedValue,
-    selectedIndex
-  };
-};
-
-const getScrollBarSize = (size, contentSize, minimumSliderSize) => {
-  if (size >= contentSize) {
-    return 0;
-  }
-  return Math.max(Math.round(size ** 2 / contentSize), minimumSliderSize);
-};
-
-const loadContent = async (state, savedState) => {
-  const {
-    paddingLeft,
-    height,
-    itemHeight,
-    width,
-    contentPadding,
-    searchHeaderHeight,
-    tableHeaderHeight,
-    editingWhenExpression,
-    minimumSliderSize
-  } = state;
-  number(width);
-  const parsedKeyBindings = await loadKeyBindings();
-  const maxVisibleItems = getMaxVisibleItems(height, searchHeaderHeight, tableHeaderHeight, itemHeight);
-  const {
-    savedValue,
-    isRecordingKeys,
-    isSortingByPrecedence,
-    selectedIndex
-  } = restoreState(savedState);
-  const recordingKeysLabelWidth = await getRecordingKeysLabelWidth(isRecordingKeys);
-  const filteredKeyBindings = getFilteredKeyBindings(parsedKeyBindings, savedValue);
-  const listHeight = height - searchHeaderHeight - tableHeaderHeight;
-  const contentHeight = filteredKeyBindings.length * itemHeight;
-  const placeholder = getPlaceholder(isRecordingKeys);
-  const scrollBarHeight = getScrollBarSize(listHeight, contentHeight, minimumSliderSize);
-  const maxLineY = Math.min(filteredKeyBindings.length, maxVisibleItems);
-  const finalDeltaY = Math.max(contentHeight - listHeight, 0);
-  const contentWidth = width - contentPadding;
-  const columnWidth0 = 30;
-  const columnWidth1 = contentWidth / 3;
-  const columnWidth2 = contentWidth / 3;
-  const columnWidth3 = contentWidth / 3 - columnWidth0;
-  const visibleItems = getVisibleKeyBindings(filteredKeyBindings, 0, maxLineY, selectedIndex, editingWhenExpression);
-  const resizerOneLeft = paddingLeft + columnWidth0 + columnWidth1;
-  const resizerTwoLeft = resizerOneLeft + columnWidth2;
-  return {
-    ...state,
-    columnWidth0,
-    columnWidth1,
-    columnWidth2,
-    columnWidth3,
-    finalDeltaY,
-    isRecordingKeys,
-    isSortingByPrecedence,
-    items: filteredKeyBindings,
-    maxLineY,
-    maxVisibleItems,
-    parsedKeyBindings,
-    placeholder,
-    recordingKeysLabelWidth,
-    resizerOneLeft,
-    resizerTwoLeft,
-    scrollBarHeight,
-    selectedIndex: typeof selectedIndex === 'number' ? selectedIndex : state.selectedIndex,
-    value: savedValue,
-    visibleItems
-  };
-};
-
-const removeKeyBinding = state => {
-  return state;
-};
-
-const getCss$1 = (columnWidth0, columnWidth1, columnWidth2, columnWidth3, resizerOneLeft, resizerTwoLeft, tableHeaderHeight, scrollBarThumbHeight, scrollBarThumbTop, recordingKeysLabelWidth) => {
-  const rules = [`.KeyBindings {
-  --InputBadgeWidth: ${recordingKeysLabelWidth}px;
-  --ResizerOneLeft: ${resizerOneLeft}px;
-  --ResizerTwoLeft: ${resizerTwoLeft}px;
-  --ScrollBarThumbHeight: ${scrollBarThumbHeight}px;
-  --ScrollBarThumbTop: ${scrollBarThumbTop}px;
-  --ScrollBarTop: ${tableHeaderHeight}px;
-  --TableColumnOneWidth: ${columnWidth1}px;
-  --TableColumnThreeWidth: ${columnWidth3}px;
-  --TableColumnTwoWidth: ${columnWidth2}px;
-  --TableColumnZeroWidth: ${columnWidth0}px;
-}`];
-  const css = rules.join('\n');
-  return css;
-};
-
-const renderCss = (oldState, newState) => {
-  const {
-    uid,
-    minLineY,
-    itemHeight,
-    height,
-    finalDeltaY,
-    items,
-    searchHeaderHeight,
-    columnWidth0,
-    columnWidth1,
-    columnWidth2,
-    columnWidth3,
-    resizerOneLeft,
-    resizerTwoLeft,
-    tableHeaderHeight,
-    scrollBarHeight,
-    recordingKeysLabelWidth
-  } = newState;
-  const deltaY = minLineY * itemHeight;
-  const percent = deltaY / finalDeltaY;
-  const listHeight = height - tableHeaderHeight - searchHeaderHeight;
-  const total = items.length;
-  const contentHeight = total * itemHeight;
-  const scrollBarThumbHeight = getScrollBarSize(listHeight, contentHeight, newState.minimumSliderSize);
-  const scrollBarThumbTop = (height - scrollBarThumbHeight) * percent;
-  const css = getCss$1(columnWidth0, columnWidth1, columnWidth2, columnWidth3, resizerOneLeft, resizerTwoLeft, tableHeaderHeight, scrollBarHeight, scrollBarThumbTop, recordingKeysLabelWidth);
-  return [SetCss, uid, css];
-};
-
-const getCss = (columnWidth1, columnWidth2, columnWidth3) => {
-  return `.KeyBindings {
-  --ColumnWidth1: ${columnWidth1}px;
-  --ColumnWidth2: ${columnWidth2}px;
-  --ColumnWidth3: ${columnWidth3}px;
-}`;
-};
-const renderColumnWidths = (oldState, newState) => {
-  const {
-    uid,
-    columnWidth1,
-    columnWidth2,
-    columnWidth3
-  } = newState;
-  const css = getCss(columnWidth1, columnWidth2, columnWidth3);
-  return [SetCss, uid, css];
-};
-
-const getSelector = focus => {
-  switch (focus) {
-    case FocusKeyBindingsTable:
-      return `.Table`;
-    case FocusKeyBindingsWhenExpression:
-      return `[name="${WhenExpression}"]`;
-    default:
-      return `[name="${KeyBindingsFilter}"]`;
-  }
-};
-const renderFocus = (oldState, newState) => {
-  const {
-    uid,
-    focus
-  } = newState;
-  const selector = getSelector(focus);
-  return [FocusSelector, uid, selector];
-};
-
-const renderFocusContext = (oldState, newState) => {
-  const {
-    uid
-  } = newState;
-  return [FocusSelector, uid, KeyBindingsFilter];
-};
-
-const IconButton = 'IconButton';
-const InputBadge = 'InputBadge';
-const Key = 'Key';
-const KeyBindings = 'KeyBindings';
-const KeyBindingsEditButton = 'KeyBindingsEditButton';
-const KeyBindingsHeader = 'KeyBindingsHeader';
-const KeyBindingsSearchActions = 'KeyBindingsSearchActions';
-const KeyBindingsSearchButtons = 'KeyBindingsSearchButtons';
-const KeyBindingsSearchInputBox = 'KeyBindingsSearchInputBox';
-const KeyBindingsSearchWrapper = 'KeyBindingsSearchWrapper';
-const MaskIcon = 'MaskIcon';
-const Message = 'Message';
-const NoMatchingKeyBindingsFoundMessage = 'NoMatchingKeyBindingsFoundMessage';
-const Resizer = 'Resizer';
-const ResizerInner = 'ResizerInner';
-const ResizerOne = 'ResizerOne';
-const ResizerTwo = 'ResizerTwo';
-const ScrollBar = 'ScrollBar';
-const ScrollBarThumb = 'ScrollBarThumb';
-const SearchFieldButton = 'SearchFieldButton';
-const SearchFieldButtonChecked = 'SearchFieldButtonChecked';
-const SearchFieldButtonDisabled = 'SearchFieldButtonDisabled';
-const SearchFieldButtons = 'SearchFieldButtons';
-const SearchHighlight = 'SearchHighlight';
-const Table = 'Table';
-const TableBody = 'TableBody';
-const TableCell = 'TableCell';
-const TableCol = 'TableCol';
-const TableColGroup = 'TableColGroup';
-const TableColOne = 'TableColOne';
-const TableColThree = 'TableColThree';
-const TableColTwo = 'TableColTwo';
-const TableColZero = 'TableColZero';
-const TableHead = 'TableHead';
-const TableRow = 'TableRow';
-const TableRowEven = 'TableRowEven';
-const TableRowOdd = 'TableRowOdd';
-const TableRowSelected = 'TableRowSelected';
-const TableWrapper = 'TableWrapper';
-const Viewlet = 'Viewlet';
-
-const HandleTableContextMenu = 1;
-const HandleInput = 2;
-const HandleInputFocus = 3;
-const HandleKeyDown = 4;
-const HandleResizerMove = 6;
-const HandleResizerPointerDown = 7;
-const HandleSearchActionClick = 8;
-const HandleTableClick = 9;
-const HandleTableDoubleClick = 10;
-const HandleWheel = 11;
-const HandleWhenExpressionInputBlur = 12;
-const HandleSearchHeaderContextMenu = 14;
-const HandleTableFocus = 15;
-const HandleResizerPointerUp = 16;
-
-const Search = 'search';
-
-const getKeyBindingsInputVirtualDom = placeholder => {
-  return {
-    type: Input$1,
-    className: KeyBindingsSearchInputBox,
-    inputType: Search,
-    placeholder,
-    name: KeyBindingsFilter,
-    onFocus: HandleInputFocus,
-    onInput: HandleInput,
-    onKeyDown: HandleKeyDown,
-    ariaDescription: resultsWillUpdateAsYouType(),
-    childCount: 0,
-    autocomplete: 'off'
-  };
-};
-
-const parentNode = {
-  type: Div,
-  className: InputBadge,
-  childCount: 1
-};
-const getRecordingKeysBadgeVirtualDom = isRecordingKeys => {
-  if (!isRecordingKeys) {
-    return [];
-  }
-  const recordingKeys$1 = recordingKeys();
-  return [parentNode, text(recordingKeys$1)];
-};
-
-const ClearAll = `MaskIconClearAll`;
-const Edit = `MaskIconEdit`;
-const RecordKeys = `MaskIconRecordKeys`;
-const SortPrecedence = `MaskIconSortPrecedence`;
-
-const getSearchFieldActions = (isRecordingKeys, isSortingByPrecedence, hasValue) => {
-  return [{
-    name: RecordKeys$1,
-    label: recordKeys(),
-    icon: RecordKeys,
-    checked: isRecordingKeys,
-    enabled: true
-  }, {
-    name: SortByPrecedence,
-    label: sortByPrecedence$1(),
-    icon: SortPrecedence,
-    checked: isSortingByPrecedence,
-    enabled: true
-  }, {
-    name: ClearSearchInput,
-    label: clearSearchInput(),
-    icon: ClearAll,
-    checked: false,
-    enabled: hasValue
-  }];
-};
-
-const getSearchFieldClassName = (checked, enabled) => {
-  if (checked) {
-    return mergeClassNames(SearchFieldButton, SearchFieldButtonChecked);
-  }
-  if (!enabled) {
-    return mergeClassNames(SearchFieldButton, SearchFieldButtonDisabled);
-  }
-  return SearchFieldButton;
-};
-
-const getSearchFieldButtonVirtualDom = action => {
-  const {
-    name,
-    label,
-    icon,
-    checked,
-    enabled
-  } = action;
-  const className = getSearchFieldClassName(checked, enabled);
-  return [{
-    type: Button$1,
-    className,
-    name,
-    title: label,
-    childCount: 1,
-    onClick: HandleSearchActionClick,
-    ariaChecked: `${checked}`,
-    role: CheckBox
-  }, {
-    type: Div,
-    className: mergeClassNames(MaskIcon, icon),
-    childCount: 0
-  }];
-};
-
-const getKeyBindingsSearchActionsVirtualDom = (isRecordingKeys, isSortingByPrecedence, hasValue) => {
-  const actions = getSearchFieldActions(isRecordingKeys, isSortingByPrecedence, hasValue);
-  const childCount = isRecordingKeys ? 2 : 1;
-  return [{
-    type: Div,
-    className: KeyBindingsSearchActions,
-    childCount
-  }, ...getRecordingKeysBadgeVirtualDom(isRecordingKeys), {
-    type: Div,
-    className: mergeClassNames(SearchFieldButtons, KeyBindingsSearchButtons),
-    childCount: actions.length
-  }, ...actions.flatMap(getSearchFieldButtonVirtualDom)];
-};
-
-const getKeyBindingsHeaderVirtualDom = (isRecordingKeys, isSortingByPrecedence, hasValue, placeholder) => {
-  return [{
-    type: Div,
-    className: KeyBindingsHeader,
-    onContextMenu: HandleSearchHeaderContextMenu,
-    childCount: 1,
-    role: None$1
-  }, {
-    type: Div,
-    className: KeyBindingsSearchWrapper,
-    role: 'search',
-    childCount: 2,
-    ariaLabel: 'KeyBindings'
-  }, getKeyBindingsInputVirtualDom(placeholder), ...getKeyBindingsSearchActionsVirtualDom(isRecordingKeys, isSortingByPrecedence, hasValue)];
-};
-
-const getRowClassName = (isEven, selected) => {
-  return mergeClassNames(TableRow, isEven ? TableRowEven : TableRowOdd, selected ? TableRowSelected : '');
-};
-
-const highlight = {
-  type: Span,
-  className: SearchHighlight,
-  childCount: 1
-};
-
-// TODO move this to viewmodel
-// TODO avoid mutation
-const addHighlights = (highlights, label) => {
-  const dom = [];
-  let position = 0;
-  let childCount = 0;
-  for (let i = 0; i < highlights.length; i += 2) {
-    const highlightStart = highlights[i];
-    const highlightEnd = highlights[i + 1];
-    if (position < highlightStart) {
-      const beforeText = label.slice(position, highlightStart);
-      childCount++;
-      dom.push(text(beforeText));
-    }
-    const highlightText = label.slice(highlightStart, highlightEnd);
-    childCount++;
-    dom.push(highlight, text(highlightText));
-    position = highlightEnd;
-  }
-  if (position < label.length) {
-    const afterText = label.slice(position);
-    childCount++;
-    dom.push(text(afterText));
-  }
-  dom.unshift({
-    type: Td,
-    className: TableCell,
-    childCount
-  });
-  return dom;
-};
-
-const getKeyBindingsTableCellCommandDom = keyBinding => {
-  const {
-    commandMatches,
-    command
-  } = keyBinding;
-  const commandHighlights = commandMatches.slice(1);
-  return addHighlights(commandHighlights, command);
-};
-
-const getIconVirtualDom = (icon, type = Div) => {
-  return {
-    type,
-    className: mergeClassNames(MaskIcon, icon),
-    role: None$1,
-    childCount: 0
-  };
-};
-
-const cell$1 = {
-  type: Td,
-  childCount: 1,
-  className: TableCell
-};
-const icon = getIconVirtualDom(Edit);
-const className = mergeClassNames(IconButton, KeyBindingsEditButton);
-const getKeyBindingsTableEditCellDom = () => {
-  const title = edit();
-  return [cell$1, {
-    type: Button$1,
-    className,
-    tabIndex: -1,
-    title,
-    childCount: 1
-  }, icon];
-};
-
-const kbdDom = {
-  type: Kbd,
-  className: Key,
-  childCount: 1
-};
-const textCtrl = text('Ctrl');
-const textShift = text('Shift');
-const textPlus = text('+');
-const none = [];
-const ctrl = [kbdDom, textCtrl, textPlus];
-const shift = [kbdDom, textShift, textPlus];
-const ctrlShift = [...ctrl, ...shift];
-const map = [none, ctrl, shift, ctrlShift];
-const countMap = [0, 2, 2, 4];
-
-// TODO maybe use flags number instead of booleans
-const getRef = (isCtrl, isShift) => {
-  if (isCtrl && isShift) {
-    return 3;
-  }
-  if (isCtrl) {
-    return 1;
-  }
-  if (isShift) {
-    return 2;
-  }
-  return 0;
-};
-
-// TODO needing childCount variable everywhere can be error prone
-const getKeyBindingCellChildren = keyBinding => {
-  const {
-    isCtrl,
-    isShift,
-    key
-  } = keyBinding;
-  const ref = getRef(isCtrl, isShift);
-  const pre = map[ref];
-  const count = countMap[ref];
-  const children = [...pre, kbdDom, text(key)];
-  const childCount = count + 1;
-  return {
-    children,
-    childCount
-  };
-};
-
-const getKeyBindingsTableCellKeyDom = keyBinding => {
-  const {
-    children,
-    childCount
-  } = getKeyBindingCellChildren(keyBinding);
-  return [{
-    type: Td,
-    className: TableCell,
-    childCount
-  }, ...children];
-};
-
-const cell = {
-  type: Td,
-  className: TableCell,
-  childCount: 1
-};
-const getKeyBindingsTableCellWhenDom = keyBinding => {
-  const {
-    when,
-    isEditingWhenExpression
-  } = keyBinding;
-  if (isEditingWhenExpression) {
-    return [cell, {
-      type: Input$1,
-      className: 'InputBox',
-      childCount: 0,
-      onBlur: HandleWhenExpressionInputBlur,
-      name: WhenExpression
-    }];
-  }
-  return [cell, text(when || '')];
-};
-
-const getKeyBindingsTableBodyRowDom = keyBinding => {
-  const {
-    rowIndex,
-    selected,
-    isEven
-  } = keyBinding;
-  const className = getRowClassName(isEven, selected);
-  const dom = [{
-    type: Tr,
-    ariaRowIndex: rowIndex,
-    className,
-    key: rowIndex,
-    childCount: 4
-  }, ...getKeyBindingsTableEditCellDom(), ...getKeyBindingsTableCellCommandDom(keyBinding), ...getKeyBindingsTableCellKeyDom(keyBinding), ...getKeyBindingsTableCellWhenDom(keyBinding)];
-  return dom;
-};
-
-const getKeyBindingsTableBodyDom = displayKeyBindings => {
-  return [{
-    type: TBody,
-    className: TableBody,
-    childCount: displayKeyBindings.length
-  }, ...displayKeyBindings.flatMap(getKeyBindingsTableBodyRowDom)];
-};
-
-const getKeyBindingsTableColGroupVirtualDom = (columnWidth1, columnWidth2, columnWidth3) => {
-  const tableDom = [{
-    type: ColGroup,
-    className: TableColGroup,
-    childCount: 4
-  }, {
-    type: Col,
-    className: mergeClassNames(TableCol, TableColZero),
-    childCount: 0
-  }, {
-    type: Col,
-    className: mergeClassNames(TableCol, TableColOne),
-    childCount: 0
-  }, {
-    type: Col,
-    className: mergeClassNames(TableCol, TableColTwo),
-    childCount: 0
-  }, {
-    type: Col,
-    className: mergeClassNames(TableCol, TableColThree),
-    childCount: 0
-  }];
-  return tableDom;
-};
-
-const tableHead = {
-  type: THead,
-  className: TableHead,
-  childCount: 1
-};
-const tableHeadRow = {
-  type: Tr,
-  className: TableRow,
-  ariaRowIndex: 1,
-  childCount: 4
-};
-const tableHeading = {
-  type: Th,
-  className: TableCell,
-  childCount: 1
-};
-const getKeyBindingsTableHeadVirtualDom = () => {
-  return [tableHead, tableHeadRow, tableHeading, text(''), tableHeading, text(command()), tableHeading, text(key()), tableHeading, text(when())];
-};
-
-const getTableDom = (filteredItemsCount, displayKeyBindings, columnWidth1, columnWidth2, columnWidth3) => {
-  const tableDom = [{
-    type: Table$1,
-    className: Table,
-    ariaLabel: keyBindings(),
-    ariaRowCount: filteredItemsCount,
-    tabIndex: 0,
-    childCount: 3,
-    onFocus: HandleTableFocus
-  }, ...getKeyBindingsTableColGroupVirtualDom(), ...getKeyBindingsTableHeadVirtualDom(), ...getKeyBindingsTableBodyDom(displayKeyBindings)];
-  return tableDom;
-};
-
-const getNoKeyBindingsFoundVirtualDom = () => {
-  const noKeyBindingsFound$1 = noKeyBindingsFound();
-  return [{
-    type: Div,
-    className: mergeClassNames(Message, NoMatchingKeyBindingsFoundMessage),
-    childCount: 1
-  }, text(noKeyBindingsFound$1)];
-};
-
-const getResizerVirtualDom = extraClassName => {
-  return [{
-    type: Button$1,
-    className: mergeClassNames(Resizer, extraClassName),
-    role: None$1,
-    name: extraClassName,
-    childCount: 1,
-    onPointerDown: HandleResizerPointerDown
-  }, {
-    type: Div,
-    className: ResizerInner,
-    childCount: 0
-  }];
-};
-
-const getResizersVirtualDom = () => {
-  return [...getResizerVirtualDom(ResizerOne), ...getResizerVirtualDom(ResizerTwo)];
-};
-
-const scrollbarNode = {
-  type: Div,
-  className: ScrollBar,
-  childCount: 1
-};
-const getScrollBarVirtualDom = (scrollBarThumbHeight, scrollBarThumbTop) => {
-  return [scrollbarNode, {
-    type: Div,
-    className: ScrollBarThumb,
-    childCount: 0
-  }];
-};
-
-const getClassName = focusedIndex => {
-  return focusedIndex === -1 ? TableWrapper + ' ' + 'FocusOutline' : TableWrapper;
-};
-const getKeyBindingsTableWrapperVirtualDom = (filteredItemsCount, displayKeyBindings, columnWidth1, columnWidth2, columnWidth3, scrollBarThumbHeight, scrollBarThumbTop, focusedIndex) => {
-  if (displayKeyBindings.length === 0) {
-    return getNoKeyBindingsFoundVirtualDom();
-  }
-  const className = getClassName(focusedIndex);
-  return [{
-    type: Div,
-    className,
-    role: None$1,
-    onWheel: HandleWheel,
-    onDblClick: HandleTableDoubleClick,
-    onClick: HandleTableClick,
-    onContextMenu: HandleTableContextMenu,
-    childCount: 4
-  }, ...getTableDom(filteredItemsCount, displayKeyBindings), ...getResizersVirtualDom(), ...getScrollBarVirtualDom()];
-};
-
-const getKeyBindingsVirtualDom = (filteredItemsCount, displayKeyBindings, columnWidth1, columnWidth2, columnWidth3, scrollBarThumbHeight, scrollBarThumbTop, isRecordingKeys, isSortingByPrecedence, hasValue, focusedIndex, placeholder) => {
-  return [{
-    type: Div,
-    className: mergeClassNames(Viewlet, KeyBindings),
-    role: Document,
-    childCount: 2
-  }, ...getKeyBindingsHeaderVirtualDom(isRecordingKeys, isSortingByPrecedence, hasValue, placeholder), ...getKeyBindingsTableWrapperVirtualDom(filteredItemsCount, displayKeyBindings, columnWidth1, columnWidth2, columnWidth3, scrollBarThumbHeight, scrollBarThumbTop, focusedIndex)];
-};
-
-const renderKeyBindings = (oldState, newState) => {
-  const {
-    columnWidth1,
-    columnWidth2,
-    columnWidth3,
-    editingWhenExpression,
-    finalDeltaY,
-    focusedIndex,
-    height,
-    isRecordingKeys,
-    isSortingByPrecedence,
-    itemHeight,
-    items,
-    maxLineY,
-    minLineY,
-    placeholder,
-    searchHeaderHeight,
-    selectedIndex,
-    tableHeaderHeight,
-    uid,
-    value
-  } = newState;
-  const deltaY = minLineY * itemHeight;
-  const percent = deltaY / finalDeltaY;
-  const listHeight = height - tableHeaderHeight - searchHeaderHeight;
-  const total = items.length;
-  const contentHeight = total * itemHeight;
-  const scrollBarThumbHeight = getScrollBarSize(listHeight, contentHeight, newState.minimumSliderSize);
-  const scrollBarThumbTop = (height - scrollBarThumbHeight) * percent;
-  const displayKeyBindings = getVisibleKeyBindings(items, minLineY, maxLineY, selectedIndex, editingWhenExpression);
-  const hasValue = value.length > 0;
-  const tableDom = getKeyBindingsVirtualDom(items.length, displayKeyBindings, columnWidth1, columnWidth2, columnWidth3, scrollBarThumbHeight, scrollBarThumbTop, isRecordingKeys, isSortingByPrecedence, hasValue, focusedIndex, placeholder);
-  return [SetDom2, uid, tableDom];
-};
-
-const renderValue = (oldState, newState) => {
-  const {
-    uid,
-    value
-  } = newState;
-  return [SetValueByName, uid, KeyBindingsFilter, value];
-};
-
-const renderWhenExpressionValue = (oldState, newState) => {
-  const {
-    uid,
-    whenExpressionText
-  } = newState;
-  return [SetValueByName, uid, WhenExpression, whenExpressionText];
-};
-
-const getRenderer = diffType => {
-  switch (diffType) {
-    case RenderColumnWidth:
-      return renderColumnWidths;
-    case RenderKeyBindings:
-      return renderKeyBindings;
-    case RenderValue:
-      return renderValue;
-    case RenderFocus:
-      return renderFocus;
-    case RenderFocusContext:
-      return renderFocusContext;
-    case RenderWhenExpressionValue:
-      return renderWhenExpressionValue;
-    case RenderCss:
-      return renderCss;
-    default:
-      throw new Error('unknown renderer');
-  }
-};
-
-const applyRender = (oldState, newState, diffResult) => {
-  const commands = [];
-  for (const item of diffResult) {
-    const fn = getRenderer(item);
-    commands.push(fn(oldState, newState));
-  }
-  return commands;
-};
-
-const render3 = (uid, diffResult) => {
-  if (diffResult.length === 0) {
-    return [];
-  }
-  const {
-    oldState,
-    newState
-  } = get(uid);
-  set(uid, newState, newState);
-  const commands = applyRender(oldState, newState, diffResult);
-  return commands;
-};
-
-const renderEventListeners = () => {
-  return [{
-    name: HandleTableContextMenu,
-    params: ['handleContextMenu', Button, ClientX, ClientY],
-    preventDefault: true
-  }, {
-    name: HandleInput,
-    params: ['handleInput', TargetValue]
-  }, {
-    name: HandleInputFocus,
-    params: ['handleInputFocus']
-  }, {
-    name: HandleWhenExpressionInputBlur,
-    params: ['handleWhenExpressionInputBlur']
-  }, {
-    name: HandleResizerPointerDown,
-    params: ['handleResizerClick', TargetName, ClientX],
-    trackPointerEvents: [HandleResizerMove, HandleResizerPointerUp]
-  }, {
-    name: HandleResizerMove,
-    params: ['handleResizerMove', ClientX]
-  }, {
-    name: HandleTableContextMenu,
-    params: ['handleContextMenu', Button, ClientX, ClientY],
-    preventDefault: true
-  }, {
-    name: HandleWheel,
-    params: ['handleWheel', DeltaMode, DeltaY],
-    passive: true
-  }, {
-    name: HandleTableClick,
-    params: ['handleClick', ClientX, ClientY]
-  }, {
-    name: HandleTableDoubleClick,
-    params: ['handleDoubleClick', ClientX, ClientY]
-  }, {
-    name: HandleSearchActionClick,
-    params: ['handleSearchActionClick', TargetName]
-  }, {
-    name: HandleKeyDown,
-    params: ['handleKeyDown', AltKey, CtrlKey, Key$2]
-  }, {
-    name: HandleSearchHeaderContextMenu,
-    params: ['handleSearchHeaderContextMenu'],
-    preventDefault: true
-  }, {
-    name: HandleTableFocus,
-    params: ['handleTableFocus']
-  }];
-};
-
-const resetKeyBinding = state => {
-  return state;
-};
-
-const resize = (state, dimensions) => {
-  const {
-    contentPadding,
-    columnWidth0,
-    items,
-    searchHeaderHeight,
-    tableHeaderHeight,
-    itemHeight,
-    selectedIndex,
-    editingWhenExpression,
-    minimumSliderSize
-  } = state;
-  const {
-    width,
-    height
-  } = dimensions;
-  const contentWidth = width - contentPadding;
-  const columnWidth1 = contentWidth / 3;
-  const columnWidth2 = contentWidth / 3;
-  const columnWidth3 = contentWidth / 3 - columnWidth0;
-  const resizerOneLeft = columnWidth0 + columnWidth1;
-  const resizerTwoLeft = columnWidth0 + columnWidth1 + columnWidth2;
-  const listHeight = height - searchHeaderHeight - tableHeaderHeight;
-  const contentHeight = items.length * itemHeight;
-  const scrollBarHeight = getScrollBarSize(listHeight, contentHeight, minimumSliderSize);
-  const maxVisibleItems = getMaxVisibleItems(height, searchHeaderHeight, tableHeaderHeight, itemHeight);
-  const maxLineY = Math.min(items.length, maxVisibleItems);
-  const visibleItems = getVisibleKeyBindings(items, 0, maxLineY, selectedIndex, editingWhenExpression);
-  return {
-    ...state,
-    ...dimensions,
-    columnWidth1,
-    columnWidth2,
-    columnWidth3,
-    resizerOneLeft,
-    resizerTwoLeft,
-    scrollBarHeight,
-    minLineY: 0,
-    maxLineY,
-    maxVisibleItems,
-    visibleItems
-  };
-};
-
-const saveState = state => {
-  const {
-    focus,
-    isRecordingKeys,
-    isSortingByPrecedence,
-    recordingKeysLabelWidth,
-    selectedIndex,
-    value
-  } = state;
-  return {
-    focus,
-    isRecordingKeys,
-    isSortingByPrecedence,
-    recordingKeysLabelWidth,
-    selectedIndex,
-    value
-  };
-};
-
-const showSameKeyBindings = async state => {
-  const {
-    selectedIndex,
-    items
-  } = state;
-  const item = items[selectedIndex];
-  if (!item) {
-    return state;
-  }
-  const {
-    isCtrl,
-    isShift,
-    key
-  } = item;
-  const prefix = getKeyModifierPrefix(false, Boolean(isCtrl), Boolean(isShift));
-  const unspaced = `${prefix}${key}`;
-  const spaced = unspaced.replaceAll('+', ' + ');
-  const value = `"${spaced}"`;
-  const newState = handleInput(state, value);
-  return {
-    ...newState,
-    inputSource: Script
-  };
-};
-
-const commandMap = {
-  'KeyBindings.acceptWhenExpression': wrapCommand(acceptWhenExpression),
-  'KeyBindings.addKeyBinding': wrapCommand(addKeyBinding$1),
-  'KeyBindings.cancelEditingWhenExpression': wrapCommand(cancelEditingWhenExpression),
-  'KeyBindings.changeWhenExpression': wrapCommand(changeWhenExpression$1),
-  'KeyBindings.clearInput': wrapCommand(clearInput),
-  'KeyBindings.copy': wrapCommand(copy$1),
-  'KeyBindings.copyCommandId': wrapCommand(copyCommandId$1),
-  'KeyBindings.copyCommandTitle': wrapCommand(copyCommandTitle$1),
-  'KeyBindings.create': create,
-  'KeyBindings.diff2': diff2,
-  'KeyBindings.dispose': dispose,
-  'KeyBindings.focusFirst': wrapCommand(focusFirst),
-  'KeyBindings.focusIndex': wrapCommand(focusIndex),
-  'KeyBindings.focusInput': wrapCommand(focusInput),
-  'KeyBindings.focusLast': wrapCommand(focusLast),
-  'KeyBindings.focusNext': wrapCommand(focusNext),
-  'KeyBindings.focusPrevious': wrapCommand(focusPrevious),
-  'KeyBindings.getCommandIds': getCommandIds,
-  'KeyBindings.getKeyBindings': getKeyBindings,
-  'KeyBindings.getMenuEntries': getMenuEntries,
-  'KeyBindings.getMenuEntryIds': getMenuEntryIds,
-  'KeyBindings.handleClick': wrapCommand(handleClick),
-  'KeyBindings.handleClickIndex': wrapCommand(handleClickIndex),
-  'KeyBindings.handleContextMenu': wrapCommand(handleContextMenu),
-  'KeyBindings.handleDoubleClick': wrapCommand(handleDoubleClick),
-  'KeyBindings.handleInput': wrapCommand(handleInput),
-  'KeyBindings.handleInputFocus': wrapCommand(handleInputFocus),
-  'KeyBindings.handleKeyDown': wrapCommand(handleKeyDown),
-  'KeyBindings.handleResizerClick': wrapCommand(handleResizerClick),
-  'KeyBindings.handleResizerMove': wrapCommand(handleResizerMove),
-  'KeyBindings.handleResizerPointerUp': wrapCommand(handleResizerPointerUp),
-  'KeyBindings.handleSearchActionClick': wrapCommand(handleSearchActionClick),
-  'KeyBindings.handleSearchHeaderContextMenu': wrapCommand(handleSearchHeaderContextMenu),
-  'KeyBindings.handleTableFocus': wrapCommand(handleTableFocus),
-  'KeyBindings.handleWheel': wrapCommand(handleWheel),
-  'KeyBindings.handleWhenExpressionInputBlur': wrapCommand(handleWhenexpressionInputBlur),
-  'KeyBindings.loadContent': wrapCommand(loadContent),
-  'KeyBindings.removeKeyBinding': wrapCommand(removeKeyBinding),
-  'KeyBindings.render3': render3,
-  'KeyBindings.renderEventListeners': renderEventListeners,
-  'KeyBindings.resetKeyBinding': wrapCommand(resetKeyBinding),
-  'KeyBindings.resize': wrapCommand(resize),
-  'KeyBindings.saveState': wrapGetter(saveState),
-  'KeyBindings.setDeltaY': wrapCommand(setDeltaY),
-  'KeyBindings.showSameKeyBindings': wrapCommand(showSameKeyBindings),
-  'KeyBindings.sortByPrecedence': wrapCommand(sortByPrecedence),
-  'KeyBindings.startRecordingKeys': wrapCommand(startRecordingKeys),
-  'KeyBindings.stopRecordingKeys': wrapCommand(stopRecordingKeys),
-  'KeyBindings.terminate': terminate,
-  'KeyBindings.toggleRecordingKeys': wrapCommand(toggleRecordingKeys)
-};
-
-const send = port => {
-  // @ts-ignore
-  return sendMessagePortToTextMeasurementWorker(port);
-};
-const createTextMeasurementWorkerRpc = async () => {
-  try {
-    const rpc = await TransferMessagePortRpcParent.create({
-      commandMap: {},
-      send
-    });
-    return rpc;
-  } catch (error) {
-    throw new VError(error, `Failed to create text measurement worker rpc`);
-  }
-};
-
-const listen = async () => {
-  setFactory(createTextMeasurementWorkerRpc);
-  registerCommands(commandMap);
-  const rpc = await WebWorkerRpcClient.create({
-    commandMap: commandMap
-  });
-  set$1(rpc);
-};
-
-const main = async () => {
-  await listen();
-};
-
-main();