@lvce-editor/static-server 0.101.9 → 0.101.11

package/static/9e4016c/extensions/builtin.media-preview/dist/mediaPreviewMain.js

@@ -0,0 +1,4082 @@
+const normalizeLine = line => {
+  if (line.startsWith('Error: ')) {
+    return line.slice('Error: '.length);
+  }
+  if (line.startsWith('VError: ')) {
+    return line.slice('VError: '.length);
+  }
+  return line;
+};
+const getCombinedMessage = (error, message) => {
+  const stringifiedError = normalizeLine(`${error}`);
+  if (message) {
+    return `${message}: ${stringifiedError}`;
+  }
+  return stringifiedError;
+};
+const NewLine$2 = '\n';
+const getNewLineIndex$1 = (string, startIndex = undefined) => {
+  return string.indexOf(NewLine$2, startIndex);
+};
+const mergeStacks = (parent, child) => {
+  if (!child) {
+    return parent;
+  }
+  const parentNewLineIndex = getNewLineIndex$1(parent);
+  const childNewLineIndex = getNewLineIndex$1(child);
+  if (childNewLineIndex === -1) {
+    return parent;
+  }
+  const parentFirstLine = parent.slice(0, parentNewLineIndex);
+  const childRest = child.slice(childNewLineIndex);
+  const childFirstLine = normalizeLine(child.slice(0, childNewLineIndex));
+  if (parentFirstLine.includes(childFirstLine)) {
+    return parentFirstLine + childRest;
+  }
+  return child;
+};
+class VError extends Error {
+  constructor(error, message) {
+    const combinedMessage = getCombinedMessage(error, message);
+    super(combinedMessage);
+    this.name = 'VError';
+    if (error instanceof Error) {
+      this.stack = mergeStacks(this.stack, error.stack);
+    }
+    if (error.codeFrame) {
+      // @ts-ignore
+      this.codeFrame = error.codeFrame;
+    }
+    if (error.code) {
+      // @ts-ignore
+      this.code = error.code;
+    }
+  }
+}
+
+const isMessagePort = value => {
+  return value && value instanceof MessagePort;
+};
+const isMessagePortMain = value => {
+  return value && value.constructor && value.constructor.name === 'MessagePortMain';
+};
+const isOffscreenCanvas = value => {
+  return typeof OffscreenCanvas !== 'undefined' && value instanceof OffscreenCanvas;
+};
+const isInstanceOf = (value, constructorName) => {
+  return value?.constructor?.name === constructorName;
+};
+const isSocket = value => {
+  return isInstanceOf(value, 'Socket');
+};
+const transferrables = [isMessagePort, isMessagePortMain, isOffscreenCanvas, isSocket];
+const isTransferrable = value => {
+  for (const fn of transferrables) {
+    if (fn(value)) {
+      return true;
+    }
+  }
+  return false;
+};
+const walkValue = (value, transferrables, isTransferrable) => {
+  if (!value) {
+    return;
+  }
+  if (isTransferrable(value)) {
+    transferrables.push(value);
+    return;
+  }
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      walkValue(item, transferrables, isTransferrable);
+    }
+    return;
+  }
+  if (typeof value === 'object') {
+    for (const property of Object.values(value)) {
+      walkValue(property, transferrables, isTransferrable);
+    }
+  }
+};
+const getTransferrables = value => {
+  const transferrables = [];
+  walkValue(value, transferrables, isTransferrable);
+  return transferrables;
+};
+const attachEvents = that => {
+  const handleMessage = (...args) => {
+    const data = that.getData(...args);
+    that.dispatchEvent(new MessageEvent('message', {
+      data
+    }));
+  };
+  that.onMessage(handleMessage);
+  const handleClose = event => {
+    that.dispatchEvent(new Event('close'));
+  };
+  that.onClose(handleClose);
+};
+class Ipc extends EventTarget {
+  constructor(rawIpc) {
+    super();
+    this._rawIpc = rawIpc;
+    attachEvents(this);
+  }
+}
+const E_INCOMPATIBLE_NATIVE_MODULE = 'E_INCOMPATIBLE_NATIVE_MODULE';
+const E_MODULES_NOT_SUPPORTED_IN_ELECTRON = 'E_MODULES_NOT_SUPPORTED_IN_ELECTRON';
+const ERR_MODULE_NOT_FOUND = 'ERR_MODULE_NOT_FOUND';
+const NewLine$1 = '\n';
+const joinLines$1 = lines => {
+  return lines.join(NewLine$1);
+};
+const RE_AT = /^\s+at/;
+const RE_AT_PROMISE_INDEX = /^\s*at async Promise.all \(index \d+\)$/;
+const isNormalStackLine = line => {
+  return RE_AT.test(line) && !RE_AT_PROMISE_INDEX.test(line);
+};
+const getDetails = lines => {
+  const index = lines.findIndex(isNormalStackLine);
+  if (index === -1) {
+    return {
+      actualMessage: joinLines$1(lines),
+      rest: []
+    };
+  }
+  let lastIndex = index - 1;
+  while (++lastIndex < lines.length) {
+    if (!isNormalStackLine(lines[lastIndex])) {
+      break;
+    }
+  }
+  return {
+    actualMessage: lines[index - 1],
+    rest: lines.slice(index, lastIndex)
+  };
+};
+const splitLines$1 = lines => {
+  return lines.split(NewLine$1);
+};
+const RE_MESSAGE_CODE_BLOCK_START = /^Error: The module '.*'$/;
+const RE_MESSAGE_CODE_BLOCK_END = /^\s* at/;
+const isMessageCodeBlockStartIndex = line => {
+  return RE_MESSAGE_CODE_BLOCK_START.test(line);
+};
+const isMessageCodeBlockEndIndex = line => {
+  return RE_MESSAGE_CODE_BLOCK_END.test(line);
+};
+const getMessageCodeBlock = stderr => {
+  const lines = splitLines$1(stderr);
+  const startIndex = lines.findIndex(isMessageCodeBlockStartIndex);
+  const endIndex = startIndex + lines.slice(startIndex).findIndex(isMessageCodeBlockEndIndex, startIndex);
+  const relevantLines = lines.slice(startIndex, endIndex);
+  const relevantMessage = relevantLines.join(' ').slice('Error: '.length);
+  return relevantMessage;
+};
+const isModuleNotFoundMessage = line => {
+  return line.includes('[ERR_MODULE_NOT_FOUND]');
+};
+const getModuleNotFoundError = stderr => {
+  const lines = splitLines$1(stderr);
+  const messageIndex = lines.findIndex(isModuleNotFoundMessage);
+  const message = lines[messageIndex];
+  return {
+    code: ERR_MODULE_NOT_FOUND,
+    message
+  };
+};
+const isModuleNotFoundError = stderr => {
+  if (!stderr) {
+    return false;
+  }
+  return stderr.includes('ERR_MODULE_NOT_FOUND');
+};
+const isModulesSyntaxError = stderr => {
+  if (!stderr) {
+    return false;
+  }
+  return stderr.includes('SyntaxError: Cannot use import statement outside a module');
+};
+const RE_NATIVE_MODULE_ERROR = /^innerError Error: Cannot find module '.*.node'/;
+const RE_NATIVE_MODULE_ERROR_2 = /was compiled against a different Node.js version/;
+const isUnhelpfulNativeModuleError = stderr => {
+  return RE_NATIVE_MODULE_ERROR.test(stderr) && RE_NATIVE_MODULE_ERROR_2.test(stderr);
+};
+const getNativeModuleErrorMessage = stderr => {
+  const message = getMessageCodeBlock(stderr);
+  return {
+    code: E_INCOMPATIBLE_NATIVE_MODULE,
+    message: `Incompatible native node module: ${message}`
+  };
+};
+const getModuleSyntaxError = () => {
+  return {
+    code: E_MODULES_NOT_SUPPORTED_IN_ELECTRON,
+    message: `ES Modules are not supported in electron`
+  };
+};
+const getHelpfulChildProcessError = (stdout, stderr) => {
+  if (isUnhelpfulNativeModuleError(stderr)) {
+    return getNativeModuleErrorMessage(stderr);
+  }
+  if (isModulesSyntaxError(stderr)) {
+    return getModuleSyntaxError();
+  }
+  if (isModuleNotFoundError(stderr)) {
+    return getModuleNotFoundError(stderr);
+  }
+  const lines = splitLines$1(stderr);
+  const {
+    actualMessage,
+    rest
+  } = getDetails(lines);
+  return {
+    code: '',
+    message: actualMessage,
+    stack: rest
+  };
+};
+class IpcError extends VError {
+  // @ts-ignore
+  constructor(betterMessage, stdout = '', stderr = '') {
+    if (stdout || stderr) {
+      // @ts-ignore
+      const {
+        code,
+        message,
+        stack
+      } = getHelpfulChildProcessError(stdout, stderr);
+      const cause = new Error(message);
+      // @ts-ignore
+      cause.code = code;
+      if (stack) {
+        Object.defineProperty(cause, 'stack', {
+          configurable: true,
+          enumerable: false,
+          value: stack,
+          writable: true
+        });
+      }
+      super(cause, betterMessage);
+    } else {
+      super(betterMessage);
+    }
+    // @ts-ignore
+    this.name = 'IpcError';
+    // @ts-ignore
+    this.stdout = stdout;
+    // @ts-ignore
+    this.stderr = stderr;
+  }
+}
+const readyMessage = 'ready';
+const getData$2 = event => {
+  return event.data;
+};
+const listen$7 = () => {
+  // @ts-ignore
+  if (typeof WorkerGlobalScope === 'undefined') {
+    throw new TypeError('module is not in web worker scope');
+  }
+  return globalThis;
+};
+const signal$8 = global => {
+  global.postMessage(readyMessage);
+};
+class IpcChildWithModuleWorker extends Ipc {
+  getData(event) {
+    return getData$2(event);
+  }
+  send(message) {
+    // @ts-ignore
+    this._rawIpc.postMessage(message);
+  }
+  sendAndTransfer(message) {
+    const transfer = getTransferrables(message);
+    // @ts-ignore
+    this._rawIpc.postMessage(message, transfer);
+  }
+  dispose() {
+    // ignore
+  }
+  onClose(callback) {
+    // ignore
+  }
+  onMessage(callback) {
+    this._rawIpc.addEventListener('message', callback);
+  }
+}
+const wrap$f = global => {
+  return new IpcChildWithModuleWorker(global);
+};
+const waitForFirstMessage = async port => {
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  port.addEventListener('message', resolve, {
+    once: true
+  });
+  const event = await promise;
+  // @ts-ignore
+  return event.data;
+};
+const listen$6 = async () => {
+  const parentIpcRaw = listen$7();
+  signal$8(parentIpcRaw);
+  const parentIpc = wrap$f(parentIpcRaw);
+  const firstMessage = await waitForFirstMessage(parentIpc);
+  if (firstMessage.method !== 'initialize') {
+    throw new IpcError('unexpected first message');
+  }
+  const type = firstMessage.params[0];
+  if (type === 'message-port') {
+    parentIpc.send({
+      id: firstMessage.id,
+      jsonrpc: '2.0',
+      result: null
+    });
+    parentIpc.dispose();
+    const port = firstMessage.params[1];
+    return port;
+  }
+  return globalThis;
+};
+class IpcChildWithModuleWorkerAndMessagePort extends Ipc {
+  getData(event) {
+    return getData$2(event);
+  }
+  send(message) {
+    this._rawIpc.postMessage(message);
+  }
+  sendAndTransfer(message) {
+    const transfer = getTransferrables(message);
+    this._rawIpc.postMessage(message, transfer);
+  }
+  dispose() {
+    if (this._rawIpc.close) {
+      this._rawIpc.close();
+    }
+  }
+  onClose(callback) {
+    // ignore
+  }
+  onMessage(callback) {
+    this._rawIpc.addEventListener('message', callback);
+    this._rawIpc.start();
+  }
+}
+const wrap$e = port => {
+  return new IpcChildWithModuleWorkerAndMessagePort(port);
+};
+const IpcChildWithModuleWorkerAndMessagePort$1 = {
+  __proto__: null,
+  listen: listen$6,
+  wrap: wrap$e
+};
+const addListener = (emitter, type, callback) => {
+  if ('addEventListener' in emitter) {
+    emitter.addEventListener(type, callback);
+  } else {
+    emitter.on(type, callback);
+  }
+};
+const removeListener = (emitter, type, callback) => {
+  if ('removeEventListener' in emitter) {
+    emitter.removeEventListener(type, callback);
+  } else {
+    emitter.off(type, callback);
+  }
+};
+const getFirstEvent = (eventEmitter, eventMap) => {
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  const listenerMap = Object.create(null);
+  const cleanup = value => {
+    for (const event of Object.keys(eventMap)) {
+      removeListener(eventEmitter, event, listenerMap[event]);
+    }
+    resolve(value);
+  };
+  for (const [event, type] of Object.entries(eventMap)) {
+    const listener = event => {
+      cleanup({
+        event,
+        type
+      });
+    };
+    addListener(eventEmitter, event, listener);
+    listenerMap[event] = listener;
+  }
+  return promise;
+};
+const Message$1 = 3;
+const create$5$1 = async ({
+  isMessagePortOpen,
+  messagePort
+}) => {
+  if (!isMessagePort(messagePort)) {
+    throw new IpcError('port must be of type MessagePort');
+  }
+  if (isMessagePortOpen) {
+    return messagePort;
+  }
+  const eventPromise = getFirstEvent(messagePort, {
+    message: Message$1
+  });
+  messagePort.start();
+  const {
+    event,
+    type
+  } = await eventPromise;
+  if (type !== Message$1) {
+    throw new IpcError('Failed to wait for ipc message');
+  }
+  if (event.data !== readyMessage) {
+    throw new IpcError('unexpected first message');
+  }
+  return messagePort;
+};
+const 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
+};
+
+class CommandNotFoundError extends Error {
+  constructor(command) {
+    super(`Command not found ${command}`);
+    this.name = 'CommandNotFoundError';
+  }
+}
+const commands$1 = Object.create(null);
+const register = commandMap => {
+  Object.assign(commands$1, commandMap);
+};
+const getCommand = key => {
+  return commands$1[key];
+};
+const execute = (command, ...args) => {
+  const fn = getCommand(command);
+  if (!fn) {
+    throw new CommandNotFoundError(command);
+  }
+  return fn(...args);
+};
+
+const Two$1 = '2.0';
+const callbacks = Object.create(null);
+const get$2 = id => {
+  return callbacks[id];
+};
+const remove$2 = id => {
+  delete callbacks[id];
+};
+class JsonRpcError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'JsonRpcError';
+  }
+}
+const NewLine = '\n';
+const DomException = 'DOMException';
+const ReferenceError$1 = 'ReferenceError';
+const SyntaxError$1 = 'SyntaxError';
+const TypeError$1 = 'TypeError';
+const getErrorConstructor = (message, type) => {
+  if (type) {
+    switch (type) {
+      case DomException:
+        return DOMException;
+      case ReferenceError$1:
+        return ReferenceError;
+      case SyntaxError$1:
+        return SyntaxError;
+      case TypeError$1:
+        return TypeError;
+      default:
+        return Error;
+    }
+  }
+  if (message.startsWith('TypeError: ')) {
+    return TypeError;
+  }
+  if (message.startsWith('SyntaxError: ')) {
+    return SyntaxError;
+  }
+  if (message.startsWith('ReferenceError: ')) {
+    return ReferenceError;
+  }
+  return Error;
+};
+const constructError = (message, type, name) => {
+  const ErrorConstructor = getErrorConstructor(message, type);
+  if (ErrorConstructor === DOMException && name) {
+    return new ErrorConstructor(message, name);
+  }
+  if (ErrorConstructor === Error) {
+    const error = new Error(message);
+    if (name && name !== 'VError') {
+      Object.defineProperty(error, 'name', {
+        configurable: true,
+        value: name
+      });
+    }
+    return error;
+  }
+  return new ErrorConstructor(message);
+};
+const joinLines = lines => {
+  return lines.join(NewLine);
+};
+const splitLines = lines => {
+  return lines.split(NewLine);
+};
+const getCurrentStack = () => {
+  const stackLinesToSkip = 3;
+  const currentStack = joinLines(splitLines(new Error().stack || '').slice(stackLinesToSkip));
+  return currentStack;
+};
+const getNewLineIndex = (string, startIndex) => {
+  {
+    return string.indexOf(NewLine);
+  }
+};
+const getParentStack = error => {
+  let parentStack = error.stack || error.data || error.message || '';
+  if (parentStack.startsWith('    at')) {
+    parentStack = error.message + NewLine + parentStack;
+  }
+  return parentStack;
+};
+const MethodNotFound = -32601;
+const Custom = -32001;
+const setStack = (error, stack) => {
+  const descriptor = Object.getOwnPropertyDescriptor(error, 'stack');
+  if (descriptor) {
+    if (!descriptor.configurable && !descriptor.writable) {
+      return;
+    }
+    if (!descriptor.configurable && descriptor.writable) {
+      error.stack = stack;
+      return;
+    }
+  }
+  Object.defineProperty(error, 'stack', {
+    configurable: true,
+    value: stack,
+    writable: true
+  });
+};
+const restoreExistingError = (error, currentStack) => {
+  if (typeof error.stack === 'string') {
+    setStack(error, `${error.stack}${NewLine}${currentStack}`);
+  }
+  return error;
+};
+const restoreMethodNotFoundError = (error, currentStack) => {
+  const restoredError = new JsonRpcError(error.message);
+  const parentStack = getParentStack(error);
+  setStack(restoredError, `${parentStack}${NewLine}${currentStack}`);
+  return restoredError;
+};
+const restoreStackFromData = (restoredError, error, currentStack) => {
+  if (error.data.stack && error.data.type && error.message) {
+    setStack(restoredError, `${error.data.type}: ${error.message}${NewLine}${error.data.stack}${NewLine}${currentStack}`);
+    return;
+  }
+  if (error.data.stack) {
+    setStack(restoredError, error.data.stack);
+  }
+};
+const applyDataProperties = (restoredError, error) => {
+  restoreStackFromData(restoredError, error, getCurrentStack());
+  if (error.data.codeFrame) {
+    // @ts-ignore
+    restoredError.codeFrame = error.data.codeFrame;
+  }
+  if (error.data.code) {
+    // @ts-ignore
+    restoredError.code = error.data.code;
+  }
+  if (error.data.type) {
+    // @ts-ignore
+    restoredError.name = error.data.type;
+  }
+};
+const applyDirectProperties = (restoredError, error) => {
+  if (error.stack) {
+    const lowerStack = restoredError.stack || '';
+    const indexNewLine = getNewLineIndex(lowerStack);
+    const parentStack = getParentStack(error);
+    // @ts-ignore
+    setStack(restoredError, `${parentStack}${lowerStack.slice(indexNewLine)}`);
+  }
+  if (error.codeFrame) {
+    // @ts-ignore
+    restoredError.codeFrame = error.codeFrame;
+  }
+};
+const restoreMessageError = (error, _currentStack) => {
+  const restoredError = constructError(error.message, error.type, error.name);
+  if (error.data) {
+    applyDataProperties(restoredError, error);
+  } else {
+    applyDirectProperties(restoredError, error);
+  }
+  return restoredError;
+};
+const restoreJsonRpcError = error => {
+  const currentStack = getCurrentStack();
+  if (error && error instanceof Error) {
+    return restoreExistingError(error, currentStack);
+  }
+  if (error && error.code && error.code === MethodNotFound) {
+    return restoreMethodNotFoundError(error, currentStack);
+  }
+  if (error && error.message) {
+    return restoreMessageError(error);
+  }
+  if (typeof error === 'string') {
+    return new Error(`JsonRpc Error: ${error}`);
+  }
+  return new Error(`JsonRpc Error: ${error}`);
+};
+const unwrapJsonRpcResult = responseMessage => {
+  if ('error' in responseMessage) {
+    const restoredError = restoreJsonRpcError(responseMessage.error);
+    throw restoredError;
+  }
+  if ('result' in responseMessage) {
+    return responseMessage.result;
+  }
+  throw new JsonRpcError('unexpected response message');
+};
+const warn = (...args) => {
+  console.warn(...args);
+};
+const resolve = (id, response) => {
+  const fn = get$2(id);
+  if (!fn) {
+    console.log(response);
+    warn(`callback ${id} may already be disposed`);
+    return;
+  }
+  fn(response);
+  remove$2(id);
+};
+const E_COMMAND_NOT_FOUND = 'E_COMMAND_NOT_FOUND';
+const getErrorType = prettyError => {
+  if (prettyError && prettyError.type) {
+    return prettyError.type;
+  }
+  if (prettyError && prettyError.constructor && prettyError.constructor.name) {
+    return prettyError.constructor.name;
+  }
+  return undefined;
+};
+const isAlreadyStack = line => {
+  return line.trim().startsWith('at ');
+};
+const getStack = prettyError => {
+  const stackString = prettyError.stack || '';
+  const newLineIndex = stackString.indexOf('\n');
+  if (newLineIndex !== -1 && !isAlreadyStack(stackString.slice(0, newLineIndex))) {
+    return stackString.slice(newLineIndex + 1);
+  }
+  return stackString;
+};
+const getErrorProperty = (error, prettyError) => {
+  if (error && error.code === E_COMMAND_NOT_FOUND) {
+    return {
+      code: MethodNotFound,
+      data: error.stack,
+      message: error.message
+    };
+  }
+  return {
+    code: Custom,
+    data: {
+      code: prettyError.code,
+      codeFrame: prettyError.codeFrame,
+      name: prettyError.name,
+      stack: getStack(prettyError),
+      type: getErrorType(prettyError)
+    },
+    message: prettyError.message
+  };
+};
+const create$1$1 = (id, error) => {
+  return {
+    error,
+    id,
+    jsonrpc: Two$1
+  };
+};
+const getErrorResponse = (id, error, preparePrettyError, logError) => {
+  const prettyError = preparePrettyError(error);
+  logError(error, prettyError);
+  const errorProperty = getErrorProperty(error, prettyError);
+  return create$1$1(id, errorProperty);
+};
+const create$c = (message, result) => {
+  return {
+    id: message.id,
+    jsonrpc: Two$1,
+    result: result ?? null
+  };
+};
+const getSuccessResponse = (message, result) => {
+  const resultProperty = result ?? null;
+  return create$c(message, resultProperty);
+};
+const getErrorResponseSimple = (id, error) => {
+  return {
+    error: {
+      code: Custom,
+      data: error,
+      // @ts-ignore
+      message: error.message
+    },
+    id,
+    jsonrpc: Two$1
+  };
+};
+const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
+  try {
+    const result = requiresSocket(message.method) ? await execute(message.method, ipc, ...message.params) : await execute(message.method, ...message.params);
+    return getSuccessResponse(message, result);
+  } catch (error) {
+    if (ipc.canUseSimpleErrorResponse) {
+      return getErrorResponseSimple(message.id, error);
+    }
+    return getErrorResponse(message.id, error, preparePrettyError, logError);
+  }
+};
+const defaultPreparePrettyError = error => {
+  return error;
+};
+const defaultLogError = () => {
+  // ignore
+};
+const defaultRequiresSocket = () => {
+  return false;
+};
+const defaultResolve = resolve;
+
+// TODO maybe remove this in v6 or v7, only accept options object to simplify the code
+const normalizeParams = args => {
+  if (args.length === 1) {
+    const options = args[0];
+    return {
+      execute: options.execute,
+      ipc: options.ipc,
+      logError: options.logError || defaultLogError,
+      message: options.message,
+      preparePrettyError: options.preparePrettyError || defaultPreparePrettyError,
+      requiresSocket: options.requiresSocket || defaultRequiresSocket,
+      resolve: options.resolve || defaultResolve
+    };
+  }
+  return {
+    execute: args[2],
+    ipc: args[0],
+    logError: args[5],
+    message: args[1],
+    preparePrettyError: args[4],
+    requiresSocket: args[6],
+    resolve: args[3]
+  };
+};
+const handleJsonRpcMessage = async (...args) => {
+  const options = normalizeParams(args);
+  const {
+    execute,
+    ipc,
+    logError,
+    message,
+    preparePrettyError,
+    requiresSocket,
+    resolve
+  } = options;
+  if ('id' in message) {
+    if ('method' in message) {
+      const response = await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+      try {
+        ipc.send(response);
+      } catch (error) {
+        const errorResponse = getErrorResponse(message.id, error, preparePrettyError, logError);
+        ipc.send(errorResponse);
+      }
+      return;
+    }
+    resolve(message.id, message);
+    return;
+  }
+  if ('method' in message) {
+    await getResponse(message, ipc, execute, preparePrettyError, logError, requiresSocket);
+    return;
+  }
+  throw new JsonRpcError('unexpected message');
+};
+
+const Two = '2.0';
+
+const create$b = (method, params) => {
+  return {
+    jsonrpc: Two,
+    method,
+    params
+  };
+};
+
+const create$a = (id, method, params) => {
+  const message = {
+    id,
+    jsonrpc: Two,
+    method,
+    params
+  };
+  return message;
+};
+
+let id = 0;
+const create$9 = () => {
+  return ++id;
+};
+
+const registerPromise = map => {
+  const id = create$9();
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  map[id] = resolve;
+  return {
+    id,
+    promise
+  };
+};
+
+const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer) => {
+  const {
+    id,
+    promise
+  } = registerPromise(callbacks);
+  const message = create$a(id, method, params);
+  if (useSendAndTransfer && ipc.sendAndTransfer) {
+    ipc.sendAndTransfer(message);
+  } else {
+    ipc.send(message);
+  }
+  const responseMessage = await promise;
+  return unwrapJsonRpcResult(responseMessage);
+};
+const createRpc$1 = ipc => {
+  const callbacks = Object.create(null);
+  ipc._resolve = (id, response) => {
+    const fn = callbacks[id];
+    if (!fn) {
+      console.warn(`callback ${id} may already be disposed`);
+      return;
+    }
+    fn(response);
+    delete callbacks[id];
+  };
+  const rpc = {
+    async dispose() {
+      await ipc?.dispose();
+    },
+    invoke(method, ...params) {
+      return invokeHelper(callbacks, ipc, method, params, false);
+    },
+    invokeAndTransfer(method, ...params) {
+      return invokeHelper(callbacks, ipc, method, params, true);
+    },
+    // @ts-ignore
+    ipc,
+    /**
+     * @deprecated
+     */
+    send(method, ...params) {
+      const message = create$b(method, params);
+      ipc.send(message);
+    }
+  };
+  return rpc;
+};
+
+const requiresSocket = () => {
+  return false;
+};
+const preparePrettyError = error => {
+  return error;
+};
+const logError = () => {
+  // handled by renderer worker
+};
+const handleMessage = event => {
+  const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
+  const actualExecute = event?.target?.execute || execute;
+  return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError, actualRequiresSocket);
+};
+
+const handleIpc = ipc => {
+  if ('addEventListener' in ipc) {
+    ipc.addEventListener('message', handleMessage);
+  } else if ('on' in ipc) {
+    // deprecated
+    ipc.on('message', handleMessage);
+  }
+};
+
+const listen$1 = async (module, options) => {
+  const rawIpc = await module.listen(options);
+  if (module.signal) {
+    module.signal(rawIpc);
+  }
+  const ipc = module.wrap(rawIpc);
+  return ipc;
+};
+
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
+};
+
+const create$8 = async ({
+  commandMap,
+  isMessagePortOpen = true,
+  messagePort
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const rawIpc = await IpcParentWithMessagePort$1.create({
+    isMessagePortOpen,
+    messagePort
+  });
+  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
+  handleIpc(ipc);
+  const rpc = createRpc$1(ipc);
+  messagePort.start();
+  return rpc;
+};
+
+const create$7 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  await send(port1);
+  return create$8({
+    commandMap,
+    isMessagePortOpen,
+    messagePort: port2
+  });
+};
+
+const create$6 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  return createSharedLazyRpc(() => {
+    return create$7({
+      commandMap,
+      isMessagePortOpen,
+      send
+    });
+  });
+};
+
+const create$5 = async ({
+  commandMap,
+  isMessagePortOpen,
+  messagePort
+}) => {
+  // TODO create a commandMap per rpc instance
+  register(commandMap);
+  const rawIpc = await IpcParentWithMessagePort$1.create({
+    isMessagePortOpen,
+    messagePort
+  });
+  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
+  handleIpc(ipc);
+  const rpc = createRpc$1(ipc);
+  return rpc;
+};
+
+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$1(ipc);
+  return rpc;
+};
+
+const createMockRpc = ({
+  commandMap
+}) => {
+  const invocations = [];
+  const invoke = (method, ...params) => {
+    invocations.push([method, ...params]);
+    const command = commandMap[method];
+    if (!command) {
+      throw new Error(`command ${method} not found`);
+    }
+    return command(...params);
+  };
+  const mockRpc = {
+    invocations,
+    invoke,
+    invokeAndTransfer: invoke
+  };
+  return mockRpc;
+};
+
+const rpcs = Object.create(null);
+const set$3 = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get$1 = id => {
+  return rpcs[id];
+};
+const remove$1 = id => {
+  delete rpcs[id];
+};
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+const create$3 = rpcId => {
+  return {
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
+    },
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get$1(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    registerMockRpc(commandMap) {
+      const mockRpc = createMockRpc({
+        commandMap
+      });
+      set$3(rpcId, mockRpc);
+      // @ts-ignore
+      mockRpc[Symbol.dispose] = () => {
+        remove$1(rpcId);
+      };
+      // @ts-ignore
+      return mockRpc;
+    },
+    set(rpc) {
+      set$3(rpcId, rpc);
+    }
+  };
+};
+
+const Audio = 0;
+const Button = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Kbd = 7;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const Root = 0;
+const Ins = 20;
+const Del = 21;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Search = 42;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Cite = 56;
+const Data = 57;
+const Time = 58;
+const Tfoot = 59;
+const Ul = 60;
+const Video = 61;
+const TextArea = 62;
+const Select = 63;
+const Option = 64;
+const Code = 65;
+const Label = 66;
+const Dt = 67;
+const Iframe = 68;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Style = 72;
+const Html = 73;
+const Head = 74;
+const Title = 75;
+const Meta = 76;
+const Canvas = 77;
+const Form = 78;
+const BlockQuote = 79;
+const Quote = 80;
+const Circle = 81;
+const Defs = 82;
+const Ellipse = 83;
+const G = 84;
+const Line = 85;
+const Path = 86;
+const Polygon = 87;
+const Polyline = 88;
+const Rect = 89;
+const Svg = 90;
+const Use = 91;
+const Reference = 100;
+
+const VirtualDomElements = {
+  __proto__: null,
+  A,
+  Abbr,
+  Article,
+  Aside,
+  Audio,
+  BlockQuote,
+  Br,
+  Button,
+  Canvas,
+  Circle,
+  Cite,
+  Code,
+  Col,
+  ColGroup,
+  Data,
+  Dd,
+  Defs,
+  Del,
+  Div,
+  Dl,
+  Dt,
+  Ellipse,
+  Em,
+  Figcaption,
+  Figure,
+  Footer,
+  Form,
+  G,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Head,
+  Header,
+  Hr,
+  Html,
+  I,
+  Iframe,
+  Img,
+  Input,
+  Ins,
+  Kbd,
+  Label,
+  Li,
+  Line,
+  Main,
+  Meta,
+  Nav,
+  Ol,
+  Option,
+  P,
+  Path,
+  Polygon,
+  Polyline,
+  Pre,
+  Quote,
+  Rect,
+  Reference,
+  Root,
+  Search,
+  Section,
+  Select,
+  Span,
+  Strong,
+  Style,
+  Svg,
+  TBody,
+  THead,
+  Table,
+  Td,
+  Text,
+  TextArea,
+  Tfoot,
+  Th,
+  Time,
+  Title,
+  Tr,
+  Ul,
+  Use,
+  Video
+};
+
+const ExtensionManagementWorker = 9006;
+const FileSystemWorker = 209;
+
+const {
+  invoke: invoke$1,
+  invokeAndTransfer,
+  set: set$2
+} = create$3(ExtensionManagementWorker);
+
+const {
+  invoke,
+  set: set$1
+} = create$3(FileSystemWorker);
+const readDirWithFileTypes$1 = async uri => {
+  return invoke('FileSystem.readDirWithFileTypes', uri);
+};
+const exists$1 = async uri => {
+  return invoke('FileSystem.exists', uri);
+};
+
+const getStatusBarItems$1 = () => {
+  return [];
+};
+const commandMap$4 = {
+  'ExtensionApi.getStatusBarItems': getStatusBarItems$1
+};
+
+const commandMap$3 = Object.create(null);
+const getCommandMap$2 = () => {
+  return commandMap$3;
+};
+const registerCommandMap = newCommandMap => {
+  Object.assign(commandMap$3, newCommandMap);
+  register(newCommandMap);
+};
+
+const getCommandMap$1 = () => {
+  return {
+    ...commandMap$4,
+    ...getCommandMap$2(),
+    async initialize(type, port) {
+      if (type !== 'message-port') {
+        throw new Error(`unsupported initialize type ${type}`);
+      }
+      await handleExtensionManagementMessagePort(port);
+    }
+  };
+};
+const handleExtensionManagementMessagePort = async port => {
+  await create$8({
+    commandMap: getCommandMap$1(),
+    isMessagePortOpen: true,
+    messagePort: port
+  });
+};
+
+const getCommandMap = () => {
+  return {
+    ...commandMap$4,
+    ...getCommandMap$2(),
+    'HandleMessagePort.handleExtensionManagementMessagePort': handleExtensionManagementMessagePort,
+    async initialize(type, port) {
+      if (type !== 'message-port') {
+        throw new Error(`unsupported initialize type ${type}`);
+      }
+      await handleExtensionManagementMessagePort(port);
+    }
+  };
+};
+
+const getConstructorName = error => {
+  return error.constructor?.name || 'Error';
+};
+const serializeError = error => {
+  if (!error || typeof error !== 'object' && typeof error !== 'function') {
+    return error;
+  }
+  const value = error;
+  return {
+    code: value.code,
+    codeFrame: value.codeFrame,
+    constructor: {
+      name: getConstructorName(value)
+    },
+    message: value.message,
+    name: value.name,
+    stack: value.stack
+  };
+};
+
+const handleUncaughtExtensionError = async error => {
+  const serializedError = serializeError(error);
+  await invoke$1('Extensions.handleUncaughtExtensionError', serializedError);
+};
+
+const getError = event => {
+  if (event.error) {
+    return event.error;
+  }
+  return {
+    constructor: {
+      name: 'Error'
+    },
+    message: event.message,
+    stack: `${event.message}\n    at ${event.filename}:${event.lineno}:${event.colno}`
+  };
+};
+const handleUnhandledError = async event => {
+  event.preventDefault();
+  const error = getError(event);
+  try {
+    await handleUncaughtExtensionError(error);
+  } catch {
+    console.error(error);
+  }
+};
+
+const handleUnhandledRejection = async event => {
+  event.preventDefault();
+  try {
+    await handleUncaughtExtensionError(event.reason);
+  } catch {
+    console.error(event.reason);
+  }
+};
+
+const listen = async () => {
+  globalThis.addEventListener('error', handleUnhandledError);
+  globalThis.addEventListener('unhandledrejection', handleUnhandledRejection);
+  const rpc = create$4({
+    commandMap: getCommandMap()
+  });
+  return rpc;
+};
+
+let fileSystemWorkerPromise;
+const send = async port => {
+  await invokeAndTransfer('Extensions.sendMessagePortToFileSystemWorker', port);
+};
+const initializeFileSystemWorker = async () => {
+  if (fileSystemWorkerPromise) {
+    return fileSystemWorkerPromise;
+  }
+  fileSystemWorkerPromise = create$6({
+    commandMap: {},
+    send
+  }).then(rpc => {
+    set$1(rpc);
+  });
+  return fileSystemWorkerPromise;
+};
+
+class ExtensionApiError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'ExtensionApiError';
+  }
+}
+
+let rpcPromise;
+const activate$1 = async () => {
+  if (!rpcPromise) {
+    rpcPromise = listen();
+  }
+  const rpc = await rpcPromise;
+  set$2(rpc);
+  await initializeFileSystemWorker();
+};
+
+const executeCommand$1 = async (id, ...args) => {
+  return invoke$1('Extensions.executeCommand', id, ...args);
+};
+
+const getPreference = async key => {
+  return invoke$1('Extensions.getPreference', key);
+};
+
+const commands = Object.create(null);
+const assertCommand = command => {
+  if (!command) {
+    throw new ExtensionApiError('command is not defined');
+  }
+  if (typeof command.id !== 'string' || command.id.length === 0) {
+    throw new ExtensionApiError('command is missing id');
+  }
+  if (typeof command.execute !== 'function') {
+    throw new ExtensionApiError(`command ${command.id} is missing execute function`);
+  }
+  if (command.id in commands) {
+    throw new ExtensionApiError(`command ${command.id} is already registered`);
+  }
+};
+const registerCommand = command => {
+  assertCommand(command);
+  commands[command.id] = {
+    execute(...args) {
+      return command.execute(...args);
+    },
+    id: command.id
+  };
+  registerCommandMap(commandMap$2);
+  return {
+    dispose() {
+      delete commands[command.id];
+    }
+  };
+};
+const getCommandRegistrySnapshot = () => {
+  return {
+    commands: Object.values(commands).map(command => ({
+      id: command.id
+    }))
+  };
+};
+const executeCommand = async (id, ...args) => {
+  const command = commands[id];
+  if (!command) {
+    throw new ExtensionApiError(`command ${id} not found`);
+  }
+  return command.execute(...args);
+};
+const commandMap$2 = {
+  'ExtensionApi.executeCommand': executeCommand,
+  'ExtensionApi.getCommandRegistrySnapshot': getCommandRegistrySnapshot
+};
+
+const getProviderMethod = (provider, methodName) => {
+  const method = provider[methodName];
+  if (typeof method !== 'function') {
+    return undefined;
+  }
+  return method;
+};
+const assertProviderMethod = (provider, providerName, providerId, methodName) => {
+  if (typeof provider[methodName] !== 'function') {
+    throw new ExtensionApiError(`${providerName} ${providerId} is missing ${methodName} function`);
+  }
+};
+const assertOptionalProviderMethod = (provider, providerName, providerId, methodName) => {
+  if (provider[methodName] !== undefined && typeof provider[methodName] !== 'function') {
+    throw new ExtensionApiError(`${providerName} ${providerId} has invalid ${methodName} function`);
+  }
+};
+const createProviderRegistry = ({
+  mapProvider,
+  optionalMethods = [],
+  providerName,
+  requiredMethods,
+  requireLanguageId = false
+}) => {
+  const providers = Object.create(null);
+  const hasProvider = id => {
+    return id in providers;
+  };
+  const registerProvider = provider => {
+    if (!provider) {
+      throw new ExtensionApiError(`${providerName} is not defined`);
+    }
+    const providerRecord = provider;
+    const {
+      id
+    } = providerRecord;
+    if (typeof id !== 'string' || id.length === 0) {
+      throw new ExtensionApiError(`${providerName} is missing id`);
+    }
+    if (requireLanguageId && (typeof providerRecord.languageId !== 'string' || providerRecord.languageId.length === 0)) {
+      throw new ExtensionApiError(`${providerName} ${id} is missing languageId`);
+    }
+    for (const methodName of requiredMethods) {
+      assertProviderMethod(providerRecord, providerName, id, methodName);
+    }
+    for (const methodName of optionalMethods) {
+      assertOptionalProviderMethod(providerRecord, providerName, id, methodName);
+    }
+    if (hasProvider(id)) {
+      throw new ExtensionApiError(`${providerName} ${id} is already registered`);
+    }
+    const registeredProvider = mapProvider(provider);
+    providers[registeredProvider.id] = registeredProvider;
+    return registeredProvider;
+  };
+  const deleteProvider = id => {
+    delete providers[id];
+  };
+  const getProviders = () => {
+    return Object.values(providers);
+  };
+  const getProviderByLanguageId = languageId => {
+    return getProviders().find(provider => {
+      return 'languageId' in provider && provider.languageId === languageId;
+    });
+  };
+  const reset = () => {
+    for (const id of Object.keys(providers)) {
+      delete providers[id];
+    }
+  };
+  const executeProviderByLanguageId = async (languageId, methodName, args, validateResult) => {
+    const provider = getProviderByLanguageId(languageId);
+    if (!provider) {
+      throw new ExtensionApiError(`No ${providerName} found for ${languageId}`);
+    }
+    const method = getProviderMethod(provider, methodName);
+    if (!method) {
+      throw new ExtensionApiError(`${providerName} ${provider.id} is missing ${methodName} function`);
+    }
+    const result = await method(...args);
+    return validateResult ? validateResult(result) : result;
+  };
+  return {
+    deleteProvider,
+    executeProviderByLanguageId,
+    getProviderByLanguageId,
+    getProviders,
+    hasProvider,
+    registerProvider,
+    reset
+  };
+};
+
+const getPlatform = async () => {
+  const platform = await executeCommand$1('Layout.getPlatform');
+  switch (platform) {
+    case 1:
+      return 'web';
+    case 2:
+      return 'electron';
+    case 3:
+      return 'remote';
+    case 4:
+      return 'test';
+    default:
+      throw new TypeError(`Unknown platform: ${platform}`);
+  }
+};
+
+const MemfsPrefix = 'memfs://';
+const isMemory = uri => {
+  return uri.startsWith(MemfsPrefix);
+};
+const isHttp = uri => {
+  return uri.startsWith('http://') || uri.startsWith('https://');
+};
+const getRemoteUrl = uri => {
+  const withoutPrefix = uri.startsWith('file://') ? uri.slice('file://'.length) : uri;
+  const normalized = withoutPrefix.replaceAll('\\', '/');
+  return normalized.startsWith('/') ? `/remote${normalized}` : `/remote/${normalized}`;
+};
+const getObjectUrl = async uri => {
+  if (isHttp(uri)) {
+    return uri;
+  }
+  if (isMemory(uri)) {
+    return await executeCommand$1('Blob.getSrc', uri);
+  }
+  const platform = await getPlatform();
+  if (platform === 'web') {
+    return await executeCommand$1('Blob.getSrc', uri);
+  }
+  return getRemoteUrl(uri);
+};
+const getErrorMessage = error => {
+  return error instanceof Error ? error.message : String(error);
+};
+const exists = async uri => {
+  return exists$1(uri);
+};
+const readDirWithFileTypes = async uri => {
+  return readDirWithFileTypes$1(uri);
+};
+const getFileHash = async uri => {
+  return invoke('FileSystem.getFileHash', uri);
+};
+const readFileAsBlob = async uri => {
+  return invoke('FileSystem.readFileAsBlob', uri);
+};
+const readAsObjectUrl = async uri => {
+  try {
+    const objectUrl = await getObjectUrl(uri);
+    return {
+      error: '',
+      objectUrl,
+      wasFound: true
+    };
+  } catch (error) {
+    return {
+      error: getErrorMessage(error),
+      objectUrl: '',
+      wasFound: false
+    };
+  }
+};
+
+const SetText = 1;
+const Replace = 2;
+const SetAttribute = 3;
+const RemoveAttribute = 4;
+const Add = 6;
+const NavigateChild = 7;
+const NavigateParent = 8;
+const RemoveChild = 9;
+const NavigateSibling = 10;
+const SetReferenceNodeUid = 11;
+
+const isKey = key => {
+  return key !== 'type' && key !== 'childCount';
+};
+
+const getKeys = node => {
+  const keys = Object.keys(node).filter(isKey);
+  return keys;
+};
+
+const arrayToTree = nodes => {
+  const result = [];
+  let i = 0;
+  while (i < nodes.length) {
+    const node = nodes[i];
+    const {
+      children,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, node.childCount || 0);
+    result.push({
+      node,
+      children
+    });
+    i += 1 + nodesConsumed;
+  }
+  return result;
+};
+const getChildrenWithCount = (nodes, startIndex, childCount) => {
+  if (childCount === 0) {
+    return {
+      children: [],
+      nodesConsumed: 0
+    };
+  }
+  const children = [];
+  let i = startIndex;
+  let remaining = childCount;
+  let totalConsumed = 0;
+  while (remaining > 0 && i < nodes.length) {
+    const node = nodes[i];
+    const nodeChildCount = node.childCount || 0;
+    const {
+      children: nodeChildren,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, nodeChildCount);
+    children.push({
+      node,
+      children: nodeChildren
+    });
+    const nodeSize = 1 + nodesConsumed;
+    i += nodeSize;
+    totalConsumed += nodeSize;
+    remaining--;
+  }
+  return {
+    children,
+    nodesConsumed: totalConsumed
+  };
+};
+
+const compareNodes = (oldNode, newNode) => {
+  // Check if node type changed - return null to signal incompatible nodes
+  // (caller should handle this with a Replace operation)
+  if (oldNode.type !== newNode.type) {
+    return null;
+  }
+  const patches = [];
+  // Handle reference nodes - special handling for uid changes
+  if (oldNode.type === Reference) {
+    if (oldNode.uid !== newNode.uid) {
+      patches.push({
+        type: SetReferenceNodeUid,
+        uid: newNode.uid
+      });
+    }
+    return patches;
+  }
+  // Handle text nodes
+  if (oldNode.type === Text && newNode.type === Text) {
+    if (oldNode.text !== newNode.text) {
+      patches.push({
+        type: SetText,
+        value: newNode.text
+      });
+    }
+    return patches;
+  }
+  // Compare attributes
+  const oldKeys = getKeys(oldNode);
+  const newKeys = getKeys(newNode);
+  // Check for attribute changes
+  for (const key of newKeys) {
+    if (oldNode[key] !== newNode[key]) {
+      patches.push({
+        type: SetAttribute,
+        key,
+        value: newNode[key]
+      });
+    }
+  }
+  // Check for removed attributes
+  for (const key of oldKeys) {
+    if (!Object.hasOwn(newNode, key)) {
+      patches.push({
+        type: RemoveAttribute,
+        key
+      });
+    }
+  }
+  return patches;
+};
+
+const treeToArray = node => {
+  const result = [node.node];
+  for (const child of node.children) {
+    result.push(...treeToArray(child));
+  }
+  return result;
+};
+
+const navigateToChild = (patches, currentChildIndex, index) => {
+  if (currentChildIndex === -1) {
+    patches.push({
+      type: NavigateChild,
+      index
+    });
+    return index;
+  }
+  if (currentChildIndex !== index) {
+    patches.push({
+      type: NavigateSibling,
+      index
+    });
+  }
+  return index;
+};
+const navigateToParent = (patches, currentChildIndex) => {
+  if (currentChildIndex >= 0) {
+    patches.push({
+      type: NavigateParent
+    });
+  }
+  return -1;
+};
+const addTree = (newNode, patches) => {
+  patches.push({
+    type: Add,
+    nodes: treeToArray(newNode)
+  });
+};
+const replaceTree = (newNode, patches) => {
+  patches.push({
+    type: Replace,
+    nodes: treeToArray(newNode)
+  });
+};
+const diffExistingChild = (oldNode, newNode, patches, currentChildIndex, index) => {
+  const nodePatches = compareNodes(oldNode.node, newNode.node);
+  if (nodePatches === null) {
+    const nextChildIndex = navigateToChild(patches, currentChildIndex, index);
+    replaceTree(newNode, patches);
+    return nextChildIndex;
+  }
+  const hasChildrenToCompare = oldNode.children.length > 0 || newNode.children.length > 0;
+  if (nodePatches.length === 0 && !hasChildrenToCompare) {
+    return currentChildIndex;
+  }
+  const nextChildIndex = navigateToChild(patches, currentChildIndex, index);
+  if (nodePatches.length > 0) {
+    patches.push(...nodePatches);
+  }
+  if (hasChildrenToCompare) {
+    diffChildren(oldNode.children, newNode.children, patches);
+  }
+  return nextChildIndex;
+};
+const diffRootNode = (oldNode, newNode, patches) => {
+  const nodePatches = compareNodes(oldNode.node, newNode.node);
+  if (nodePatches === null) {
+    replaceTree(newNode, patches);
+    return;
+  }
+  if (nodePatches.length > 0) {
+    patches.push(...nodePatches);
+  }
+  if (oldNode.children.length > 0 || newNode.children.length > 0) {
+    diffChildren(oldNode.children, newNode.children, patches);
+  }
+};
+const diffChildren = (oldChildren, newChildren, patches) => {
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  let currentChildIndex = -1;
+  const indicesToRemove = [];
+  for (let i = 0; i < maxLength; i++) {
+    const oldNode = oldChildren[i];
+    const newNode = newChildren[i];
+    if (!oldNode && !newNode) {
+      continue;
+    }
+    if (!oldNode) {
+      currentChildIndex = navigateToParent(patches, currentChildIndex);
+      addTree(newNode, patches);
+      continue;
+    }
+    if (!newNode) {
+      indicesToRemove.push(i);
+      continue;
+    }
+    currentChildIndex = diffExistingChild(oldNode, newNode, patches, currentChildIndex, i);
+  }
+  navigateToParent(patches, currentChildIndex);
+  for (let j = indicesToRemove.length - 1; j >= 0; j--) {
+    patches.push({
+      type: RemoveChild,
+      index: indicesToRemove[j]
+    });
+  }
+};
+const diffTrees = (oldTree, newTree, patches, path) => {
+  if (path.length === 0 && oldTree.length === 1 && newTree.length === 1) {
+    diffRootNode(oldTree[0], newTree[0], patches);
+    return;
+  }
+  diffChildren(oldTree, newTree, patches);
+};
+
+const removeTrailingNavigationPatches = patches => {
+  // Find the last non-navigation patch
+  let lastNonNavigationIndex = -1;
+  for (let i = patches.length - 1; i >= 0; i--) {
+    const patch = patches[i];
+    if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
+      lastNonNavigationIndex = i;
+      break;
+    }
+  }
+  // Return patches up to and including the last non-navigation patch
+  return lastNonNavigationIndex === -1 ? [] : patches.slice(0, lastNonNavigationIndex + 1);
+};
+
+const diffTree = (oldNodes, newNodes) => {
+  // Step 1: Convert flat arrays to tree structures
+  const oldTree = arrayToTree(oldNodes);
+  const newTree = arrayToTree(newNodes);
+  // Step 3: Compare the trees
+  const patches = [];
+  diffTrees(oldTree, newTree, patches, []);
+  // Remove trailing navigation patches since they serve no purpose
+  return removeTrailingNavigationPatches(patches);
+};
+
+const notifyStatusBarChange = async id => {
+  await invoke$1('StatusBar.handleChange', id);
+};
+
+const registry = createProviderRegistry({
+  mapProvider(provider) {
+    return {
+      getStatusBarItem() {
+        return provider.getStatusBarItem();
+      },
+      id: provider.id
+    };
+  },
+  providerName: 'status bar item provider',
+  requiredMethods: ['getStatusBarItem']
+});
+const getStatusBarItem = provider => {
+  return provider.getStatusBarItem();
+};
+const isStatusBarItem = item => {
+  return item !== undefined;
+};
+const registerStatusBarItemProvider = provider => {
+  const registeredProvider = registry.registerProvider(provider);
+  registerCommandMap(commandMap$1);
+  void notifyStatusBarChange(registeredProvider.id);
+  return {
+    dispose() {
+      registry.deleteProvider(registeredProvider.id);
+      void notifyStatusBarChange(registeredProvider.id);
+    },
+    async refresh() {
+      await notifyStatusBarChange(registeredProvider.id);
+    }
+  };
+};
+const getStatusBarItems = () => {
+  return registry.getProviders().map(getStatusBarItem).filter(isStatusBarItem);
+};
+const commandMap$1 = {
+  'ExtensionApi.getStatusBarItems': getStatusBarItems
+};
+
+const activeUidByViewId = Object.create(null);
+const explicitActiveStateByUid = Object.create(null);
+const handlesByViewId = Object.create(null);
+const itemsByUid = Object.create(null);
+const renderedUidsByViewId = Object.create(null);
+const viewIdByUid = Object.create(null);
+const stringProperties = ['ariaLabel', 'icon', 'name', 'onClick', 'text', 'title'];
+const normalizeStatusBarItem = (item, index) => {
+  if (!item || typeof item !== 'object' || Array.isArray(item)) {
+    throw new ExtensionApiError(`view status bar item ${index} must be an object`);
+  }
+  const statusBarItem = item;
+  for (const property of stringProperties) {
+    if (statusBarItem[property] !== undefined && typeof statusBarItem[property] !== 'string') {
+      throw new ExtensionApiError(`view status bar item ${index} has invalid ${property}`);
+    }
+  }
+  if (statusBarItem.spinning !== undefined && typeof statusBarItem.spinning !== 'boolean') {
+    throw new ExtensionApiError(`view status bar item ${index} has invalid spinning`);
+  }
+  return {
+    ...(statusBarItem.ariaLabel !== undefined && {
+      ariaLabel: statusBarItem.ariaLabel
+    }),
+    ...(statusBarItem.icon !== undefined && {
+      icon: statusBarItem.icon
+    }),
+    ...(statusBarItem.name !== undefined && {
+      name: statusBarItem.name
+    }),
+    ...(statusBarItem.onClick !== undefined && {
+      onClick: statusBarItem.onClick
+    }),
+    ...(statusBarItem.spinning !== undefined && {
+      spinning: statusBarItem.spinning
+    }),
+    ...(statusBarItem.text !== undefined && {
+      text: statusBarItem.text
+    }),
+    ...(statusBarItem.title !== undefined && {
+      title: statusBarItem.title
+    })
+  };
+};
+const normalizeStatusBarItems = items => {
+  if (!Array.isArray(items)) {
+    throw new ExtensionApiError('view renderStatusBarItems result must be an array');
+  }
+  return items.map(normalizeStatusBarItem);
+};
+const areItemsEqual = (oldItems, newItems) => {
+  if (oldItems.length !== newItems.length) {
+    return false;
+  }
+  return oldItems.every((oldItem, index) => {
+    const newItem = newItems[index];
+    return oldItem.ariaLabel === newItem.ariaLabel && oldItem.icon === newItem.icon && oldItem.name === newItem.name && oldItem.onClick === newItem.onClick && oldItem.spinning === newItem.spinning && oldItem.text === newItem.text && oldItem.title === newItem.title;
+  });
+};
+const disposeHandles = viewId => {
+  for (const handle of handlesByViewId[viewId] || []) {
+    handle.dispose();
+  }
+  delete handlesByViewId[viewId];
+};
+const replaceItems = (viewId, itemCount) => {
+  disposeHandles(viewId);
+  handlesByViewId[viewId] = Array.from({
+    length: itemCount
+  }, (_item, index) => registerStatusBarItemProvider({
+    getStatusBarItem() {
+      return itemsByUid[activeUidByViewId[viewId]]?.[index];
+    },
+    id: `view:${viewId}:${index}`
+  }));
+};
+const refreshItems = async viewId => {
+  await Promise.all((handlesByViewId[viewId] || []).map(handle => handle.refresh()));
+};
+const setActiveUid = (viewId, uid) => {
+  const renderedUids = renderedUidsByViewId[viewId] || [];
+  const index = renderedUids.indexOf(uid);
+  if (index !== -1) {
+    renderedUids.splice(index, 1);
+  }
+  renderedUids.push(uid);
+  renderedUidsByViewId[viewId] = renderedUids;
+  activeUidByViewId[viewId] = uid;
+};
+const renderViewStatusBarItems = async (uid, viewId, instance) => {
+  if (typeof instance.renderStatusBarItems !== 'function') {
+    return;
+  }
+  const items = normalizeStatusBarItems(await instance.renderStatusBarItems());
+  const oldItems = itemsByUid[uid] || [];
+  const wasActive = activeUidByViewId[viewId] === uid;
+  itemsByUid[uid] = items;
+  viewIdByUid[uid] = viewId;
+  if (explicitActiveStateByUid[uid] !== undefined && !explicitActiveStateByUid[uid]) {
+    return;
+  }
+  setActiveUid(viewId, uid);
+  if (wasActive && areItemsEqual(oldItems, items)) {
+    return;
+  }
+  if ((handlesByViewId[viewId]?.length || 0) !== items.length) {
+    replaceItems(viewId, items.length);
+    return;
+  }
+  await refreshItems(viewId);
+};
+const setViewInstanceActive$1 = async (uid, active) => {
+  const viewId = viewIdByUid[uid];
+  if (!viewId) {
+    return;
+  }
+  explicitActiveStateByUid[uid] = active;
+  if (!active) {
+    if (activeUidByViewId[viewId] !== uid) {
+      return;
+    }
+    disposeHandles(viewId);
+    delete activeUidByViewId[viewId];
+    return;
+  }
+  const wasActive = activeUidByViewId[viewId] === uid;
+  const items = itemsByUid[uid] || [];
+  setActiveUid(viewId, uid);
+  if (wasActive && (handlesByViewId[viewId]?.length || 0) === items.length) {
+    return;
+  }
+  if ((handlesByViewId[viewId]?.length || 0) !== items.length) {
+    replaceItems(viewId, items.length);
+    return;
+  }
+  await refreshItems(viewId);
+};
+const disposeViewStatusBarItems = uid => {
+  const viewId = viewIdByUid[uid];
+  if (!viewId) {
+    return;
+  }
+  delete itemsByUid[uid];
+  delete explicitActiveStateByUid[uid];
+  delete viewIdByUid[uid];
+  const renderedUids = renderedUidsByViewId[viewId] || [];
+  const remainingUids = renderedUids.filter(renderedUid => renderedUid !== uid);
+  if (remainingUids.length === 0) {
+    disposeHandles(viewId);
+    delete activeUidByViewId[viewId];
+    delete renderedUidsByViewId[viewId];
+    return;
+  }
+  renderedUidsByViewId[viewId] = remainingUids;
+  if (activeUidByViewId[viewId] !== uid) {
+    return;
+  }
+  const activeUid = remainingUids.at(-1);
+  const items = itemsByUid[activeUid] || [];
+  activeUidByViewId[viewId] = activeUid;
+  if ((handlesByViewId[viewId]?.length || 0) !== items.length) {
+    replaceItems(viewId, items.length);
+    return;
+  }
+  void refreshItems(viewId);
+};
+
+const views = Object.create(null);
+const instances = Object.create(null);
+const instanceUidsByView = Object.create(null);
+const renderedDoms = Object.create(null);
+const contexts = Object.create(null);
+const contextViewIds = Object.create(null);
+const viewCommandDisposables = Object.create(null);
+const assertBoolean = (value, message) => {
+  if (value !== undefined && typeof value !== 'boolean') {
+    throw new ExtensionApiError(message);
+  }
+};
+const assertNumber = (value, message) => {
+  if (typeof value !== 'number') {
+    throw new ExtensionApiError(message);
+  }
+};
+const assertString = (value, message) => {
+  if (typeof value !== 'string' || value.length === 0) {
+    throw new ExtensionApiError(message);
+  }
+};
+const assertEventListener = (viewId, listener, index) => {
+  if (!listener || typeof listener !== 'object') {
+    throw new ExtensionApiError(`view ${viewId} event listener ${index} must be an object`);
+  }
+  const eventListener = listener;
+  if (typeof eventListener.name !== 'string' && typeof eventListener.name !== 'number') {
+    throw new ExtensionApiError(`view ${viewId} event listener ${index} is missing name`);
+  }
+  if (!Array.isArray(eventListener.params) || eventListener.params.some(param => typeof param !== 'string')) {
+    throw new ExtensionApiError(`view ${viewId} event listener ${index} is missing params`);
+  }
+  assertBoolean(eventListener.capture, `view ${viewId} event listener ${index} has invalid capture`);
+  assertBoolean(eventListener.passive, `view ${viewId} event listener ${index} has invalid passive`);
+  assertBoolean(eventListener.preventDefault, `view ${viewId} event listener ${index} has invalid preventDefault`);
+  assertBoolean(eventListener.stopPropagation, `view ${viewId} event listener ${index} has invalid stopPropagation`);
+  if (eventListener.trackPointerEvents !== undefined && (!Array.isArray(eventListener.trackPointerEvents) || eventListener.trackPointerEvents.some(event => typeof event !== 'string' && typeof event !== 'number'))) {
+    throw new ExtensionApiError(`view ${viewId} event listener ${index} has invalid trackPointerEvents`);
+  }
+};
+const assertEventListeners = view => {
+  if (view.eventListeners === undefined) {
+    return;
+  }
+  if (!Array.isArray(view.eventListeners)) {
+    throw new ExtensionApiError(`view ${view.id} eventListeners must be an array`);
+  }
+  for (const [index, listener] of view.eventListeners.entries()) {
+    assertEventListener(view.id, listener, index);
+  }
+};
+const assertCommands = view => {
+  if (view.commands === undefined) {
+    return;
+  }
+  if (view.kind !== 'virtualDom') {
+    throw new ExtensionApiError(`view ${view.id} commands require virtualDom kind`);
+  }
+  if (!view.commands || typeof view.commands !== 'object' || Array.isArray(view.commands)) {
+    throw new ExtensionApiError(`view ${view.id} commands must be an object`);
+  }
+  for (const [id, command] of Object.entries(view.commands)) {
+    assertString(id, `view ${view.id} command is missing id`);
+    if (typeof command !== 'function') {
+      throw new ExtensionApiError(`view ${view.id} command ${id} must be a function`);
+    }
+  }
+};
+const assertView = view => {
+  if (!view) {
+    throw new ExtensionApiError('view is not defined');
+  }
+  if (typeof view.id !== 'string' || view.id.length === 0) {
+    throw new ExtensionApiError('view is missing id');
+  }
+  if (typeof view.create !== 'function') {
+    throw new ExtensionApiError(`view ${view.id} is missing create function`);
+  }
+  if (view.id in views) {
+    throw new ExtensionApiError(`view ${view.id} is already registered`);
+  }
+  if (view.preferredLocation !== undefined && view.preferredLocation !== 'preview' && view.preferredLocation !== 'sideBar') {
+    throw new ExtensionApiError(`view ${view.id} has invalid preferredLocation`);
+  }
+  assertCommands(view);
+  assertEventListeners(view);
+};
+const toRegisteredView = view => {
+  const displayName = view.displayName || view.name || view.title;
+  const registeredView = {
+    displayName,
+    ...(view.eventListeners && {
+      eventListeners: view.eventListeners
+    }),
+    icon: view.icon,
+    id: view.id,
+    name: view.name,
+    preferredLocation: view.preferredLocation || 'sideBar',
+    title: displayName
+  };
+  if (view.kind) {
+    return {
+      ...registeredView,
+      kind: view.kind
+    };
+  }
+  return registeredView;
+};
+const getActiveViewInstance = viewId => {
+  const instanceUids = instanceUidsByView[viewId];
+  if (!instanceUids) {
+    return undefined;
+  }
+  const uid = [...instanceUids].at(-1);
+  if (uid === undefined) {
+    return undefined;
+  }
+  return [uid, instances[uid]];
+};
+const executeViewCommand = async (view, commandId, args) => {
+  const activeInstance = getActiveViewInstance(view.id);
+  if (!activeInstance) {
+    return;
+  }
+  const [uid, instance] = activeInstance;
+  const command = view.commands[commandId];
+  const newInstance = await command(instance, ...args);
+  assertVirtualDomViewInstance(view.id, newInstance);
+  instances[uid] = newInstance;
+  await invoke$1('Extensions.requestViewRerender', uid);
+};
+const registerViewCommands = view => {
+  const disposables = [];
+  try {
+    for (const id of Object.keys(view.commands || {})) {
+      disposables.push(registerCommand({
+        execute(...args) {
+          return executeViewCommand(view, id, args);
+        },
+        id
+      }));
+    }
+  } catch (error) {
+    for (const disposable of disposables) {
+      disposable.dispose();
+    }
+    throw error;
+  }
+  return disposables;
+};
+const registerView = view => {
+  assertView(view);
+  const commandDisposables = registerViewCommands(view);
+  views[view.id] = view;
+  viewCommandDisposables[view.id] = commandDisposables;
+  registerCommandMap(commandMap);
+  return {
+    dispose() {
+      for (const disposable of commandDisposables) {
+        disposable.dispose();
+      }
+      delete views[view.id];
+      delete viewCommandDisposables[view.id];
+    }
+  };
+};
+const executeViewProvider = id => {
+  const view = views[id];
+  if (!view) {
+    throw new ExtensionApiError(`view ${id} not found`);
+  }
+  return view.create();
+};
+const assertVirtualDomViewInstance = (id, instance) => {
+  if (!instance || typeof instance !== 'object') {
+    throw new ExtensionApiError(`view ${id} did not return a view instance`);
+  }
+  if (typeof instance.render !== 'function') {
+    throw new ExtensionApiError(`view ${id} instance is missing render function`);
+  }
+};
+const getVirtualDomInstance = uid => {
+  const instance = instances[uid];
+  if (!instance) {
+    throw new ExtensionApiError(`view instance ${uid} not found`);
+  }
+  return instance;
+};
+const renderDom = async instance => {
+  const dom = await instance.render();
+  if (!Array.isArray(dom)) {
+    throw new ExtensionApiError('view render result must be an array');
+  }
+  return dom;
+};
+const normalizeMenuEntry = (entry, index) => {
+  if (!entry || typeof entry !== 'object' || Array.isArray(entry)) {
+    throw new ExtensionApiError(`menu entry ${index} must be an object`);
+  }
+  const menuEntry = entry;
+  assertString(menuEntry.id, `menu entry ${index} is missing id`);
+  assertString(menuEntry.label, `menu entry ${index} is missing label`);
+  assertString(menuEntry.command, `menu entry ${index} is missing command`);
+  if (menuEntry.flags !== undefined && typeof menuEntry.flags !== 'number') {
+    throw new ExtensionApiError(`menu entry ${index} has invalid flags`);
+  }
+  if (menuEntry.args !== undefined && !Array.isArray(menuEntry.args)) {
+    throw new ExtensionApiError(`menu entry ${index} has invalid args`);
+  }
+  return {
+    command: menuEntry.command,
+    flags: menuEntry.flags ?? 0,
+    id: menuEntry.id,
+    label: menuEntry.label,
+    ...(menuEntry.args && {
+      args: menuEntry.args
+    })
+  };
+};
+const normalizeMenuEntries = entries => {
+  if (!Array.isArray(entries)) {
+    throw new ExtensionApiError('view menu entries must be an array');
+  }
+  return entries.map(normalizeMenuEntry);
+};
+const normalizeViewAction = (action, index) => {
+  if (!action || typeof action !== 'object' || Array.isArray(action)) {
+    throw new ExtensionApiError(`view action ${index} must be an object`);
+  }
+  const viewAction = action;
+  assertString(viewAction.title, `view action ${index} is missing title`);
+  assertString(viewAction.icon, `view action ${index} is missing icon`);
+  assertString(viewAction.command, `view action ${index} is missing command`);
+  return {
+    command: viewAction.command,
+    icon: viewAction.icon,
+    title: viewAction.title
+  };
+};
+const normalizeViewActions = actions => {
+  if (!Array.isArray(actions)) {
+    throw new ExtensionApiError('view actions must be an array');
+  }
+  return actions.map(normalizeViewAction);
+};
+const normalizeViewSelection = (selection, index) => {
+  if (!selection || typeof selection !== 'object' || Array.isArray(selection)) {
+    throw new ExtensionApiError(`view selection ${index} must be an object`);
+  }
+  const viewSelection = selection;
+  assertString(viewSelection.name, `view selection ${index} is missing name`);
+  assertNumber(viewSelection.start, `view selection ${index} is missing start`);
+  assertNumber(viewSelection.end, `view selection ${index} is missing end`);
+  return {
+    end: viewSelection.end,
+    name: viewSelection.name,
+    start: viewSelection.start
+  };
+};
+const normalizeViewSelections = selections => {
+  if (!Array.isArray(selections)) {
+    throw new ExtensionApiError('view selections must be an array');
+  }
+  return selections.map(normalizeViewSelection);
+};
+const normalizeViewScrollPosition = scrollPosition => {
+  if (!Array.isArray(scrollPosition)) {
+    throw new ExtensionApiError('view scroll position must be an array');
+  }
+  if (scrollPosition.length === 0) {
+    return [];
+  }
+  if (scrollPosition.length !== 2) {
+    throw new ExtensionApiError('view scroll position must contain a selector and scroll top');
+  }
+  assertString(scrollPosition[0], 'view scroll position is missing selector');
+  assertNumber(scrollPosition[1], 'view scroll position is missing scroll top');
+  return [scrollPosition[0], scrollPosition[1]];
+};
+const renderPatches = async (uid, instance) => {
+  const oldDom = renderedDoms[uid] || [];
+  const newDom = await renderDom(instance);
+  renderedDoms[uid] = newDom;
+  const patches = diffTree(oldDom, newDom);
+  return {
+    patches,
+    type: 'setPatches'
+  };
+};
+const normalizeContext = context => {
+  if (!context || typeof context !== 'object' || Array.isArray(context)) {
+    return {};
+  }
+  const normalized = {};
+  for (const [key, value] of Object.entries(context)) {
+    if (typeof value === 'boolean') {
+      normalized[key] = value;
+    }
+  }
+  return normalized;
+};
+const isSameContext = (oldContext, newContext) => {
+  const oldKeys = Object.keys(oldContext);
+  const newKeys = Object.keys(newContext);
+  if (oldKeys.length !== newKeys.length) {
+    return false;
+  }
+  for (const key of oldKeys) {
+    if (oldContext[key] !== newContext[key]) {
+      return false;
+    }
+  }
+  return true;
+};
+const unchangedContext = {
+  changed: false,
+  newContext: {},
+  oldContext: {}
+};
+const maybeNotifyContextChanged = async (uid, viewId, instance) => {
+  if (typeof instance.getContext !== 'function') {
+    return unchangedContext;
+  }
+  const oldContext = contexts[uid] || {};
+  const newContext = normalizeContext(instance.getContext());
+  if (isSameContext(oldContext, newContext)) {
+    return {
+      changed: false,
+      newContext,
+      oldContext
+    };
+  }
+  if (Object.keys(newContext).length === 0) {
+    delete contexts[uid];
+  } else {
+    contexts[uid] = newContext;
+  }
+  await invoke$1('Extensions.handleViewContextChange', uid, viewId, newContext);
+  return {
+    changed: true,
+    newContext,
+    oldContext
+  };
+};
+const renderFocus = async (instance, contextChange) => {
+  if (!contextChange.changed || typeof instance.renderFocus !== 'function') {
+    return '';
+  }
+  const focusSelector = await instance.renderFocus(contextChange.oldContext, contextChange.newContext);
+  if (typeof focusSelector !== 'string') {
+    throw new ExtensionApiError('view renderFocus result must be a string');
+  }
+  return focusSelector;
+};
+const withFocusSelector = async (result, instance, contextChange) => {
+  const focusSelector = await renderFocus(instance, contextChange);
+  if (!focusSelector) {
+    return result;
+  }
+  return {
+    ...result,
+    focusSelector
+  };
+};
+const withCss = async (result, instance) => {
+  if (typeof instance.getCss !== 'function') {
+    return result;
+  }
+  const css = await instance.getCss();
+  if (typeof css !== 'string') {
+    throw new ExtensionApiError('view getCss result must be a string');
+  }
+  return {
+    ...result,
+    css
+  };
+};
+const withTitle = async (result, instance) => {
+  if (typeof instance.renderTitle !== 'function') {
+    return result;
+  }
+  const title = await instance.renderTitle();
+  if (typeof title !== 'string') {
+    throw new ExtensionApiError('view renderTitle result must be a string');
+  }
+  return {
+    ...result,
+    title
+  };
+};
+const withSelections = async (result, instance) => {
+  if (typeof instance.renderSelections !== 'function') {
+    return result;
+  }
+  const selections = normalizeViewSelections(await instance.renderSelections());
+  if (selections.length === 0) {
+    return result;
+  }
+  return {
+    ...result,
+    selections
+  };
+};
+const withScrollPosition = async (result, instance) => {
+  if (typeof instance.renderScrollPosition !== 'function') {
+    return result;
+  }
+  const scrollPosition = normalizeViewScrollPosition(await instance.renderScrollPosition());
+  if (scrollPosition.length === 0) {
+    return result;
+  }
+  return {
+    ...result,
+    scrollPosition
+  };
+};
+const withRenderMetadata = async (uid, viewId, result, instance, contextChange) => {
+  const resultWithCss = await withCss(result, instance);
+  const resultWithFocus = await withFocusSelector(resultWithCss, instance, contextChange);
+  const resultWithSelections = await withSelections(resultWithFocus, instance);
+  const resultWithScrollPosition = await withScrollPosition(resultWithSelections, instance);
+  const resultWithTitle = await withTitle(resultWithScrollPosition, instance);
+  await renderViewStatusBarItems(uid, viewId, instance);
+  return resultWithTitle;
+};
+const maybeClearContext = async (uid, viewId) => {
+  if (!contexts[uid]) {
+    return;
+  }
+  delete contexts[uid];
+  await invoke$1('Extensions.handleViewContextChange', uid, viewId, {});
+};
+const createViewInstance = async (viewId, uid, context) => {
+  const view = views[viewId];
+  if (!view) {
+    throw new ExtensionApiError(`view ${viewId} not found`);
+  }
+  if (view.kind !== 'virtualDom') {
+    throw new ExtensionApiError(`view ${viewId} is not a virtual dom view`);
+  }
+  const instance = await view.create({
+    ...context,
+    requestRerender() {
+      return invoke$1('Extensions.requestViewRerender', uid);
+    },
+    showContextMenu(menuId, x, y) {
+      assertString(menuId, 'menuId must be a string');
+      assertNumber(x, 'x must be a number');
+      assertNumber(y, 'y must be a number');
+      return invoke$1('Extensions.showViewContextMenu', uid, viewId, menuId, x, y);
+    },
+    uid,
+    viewId
+  });
+  assertVirtualDomViewInstance(viewId, instance);
+  instances[uid] = instance;
+  const instanceUids = instanceUidsByView[viewId] || new Set();
+  instanceUids.add(uid);
+  instanceUidsByView[viewId] = instanceUids;
+  contextViewIds[uid] = viewId;
+  const dom = await renderDom(instance);
+  renderedDoms[uid] = dom;
+  const result = {
+    dom,
+    type: 'setDom'
+  };
+  const contextChange = await maybeNotifyContextChanged(uid, viewId, instance);
+  return withRenderMetadata(uid, viewId, result, instance, contextChange);
+};
+const dispatchViewEvent = async (uid, event) => {
+  const instance = getVirtualDomInstance(uid);
+  const instanceUids = instanceUidsByView[contextViewIds[uid]];
+  instanceUids.delete(uid);
+  instanceUids.add(uid);
+  if (event.handler) {
+    const handler = instance[event.handler];
+    if (typeof handler !== 'function') {
+      throw new TypeError(`view event handler ${event.handler} is not a function`);
+    }
+    await Reflect.apply(handler, instance, event.args || []);
+  } else if (typeof instance.handleEvent === 'function') {
+    await instance.handleEvent(event);
+  }
+  const result = await renderPatches(uid, instance);
+  const contextChange = await maybeNotifyContextChanged(uid, contextViewIds[uid], instance);
+  return withRenderMetadata(uid, contextViewIds[uid], result, instance, contextChange);
+};
+const renderViewInstance = async uid => {
+  const instance = getVirtualDomInstance(uid);
+  const result = await renderPatches(uid, instance);
+  const contextChange = await maybeNotifyContextChanged(uid, contextViewIds[uid], instance);
+  return withRenderMetadata(uid, contextViewIds[uid], result, instance, contextChange);
+};
+const setViewInstanceActive = async (uid, active) => {
+  getVirtualDomInstance(uid);
+  if (typeof active !== 'boolean') {
+    throw new ExtensionApiError('view instance active state must be a boolean');
+  }
+  await setViewInstanceActive$1(uid, active);
+};
+const disposeViewInstance = async uid => {
+  const instance = instances[uid];
+  const viewId = contextViewIds[uid];
+  try {
+    if (instance && typeof instance.dispose === 'function') {
+      await instance.dispose();
+    }
+  } finally {
+    disposeViewStatusBarItems(uid);
+    try {
+      await maybeClearContext(uid, viewId);
+    } finally {
+      const instanceUids = instanceUidsByView[viewId];
+      instanceUids?.delete(uid);
+      if (instanceUids?.size === 0) {
+        delete instanceUidsByView[viewId];
+      }
+      delete instances[uid];
+      delete renderedDoms[uid];
+      delete contextViewIds[uid];
+    }
+  }
+};
+const saveViewInstanceState = async uid => {
+  const instance = getVirtualDomInstance(uid);
+  if (typeof instance.saveState !== 'function') {
+    return undefined;
+  }
+  return instance.saveState();
+};
+const getViewMenuEntries = async (uid, menuId) => {
+  assertString(menuId, 'menuId must be a string');
+  const instance = getVirtualDomInstance(uid);
+  if (typeof instance.getMenuEntries !== 'function') {
+    return [];
+  }
+  return normalizeMenuEntries(await instance.getMenuEntries(menuId));
+};
+const getViewActions = async uid => {
+  const instance = getVirtualDomInstance(uid);
+  if (typeof instance.renderActions !== 'function') {
+    return [];
+  }
+  return normalizeViewActions(await instance.renderActions());
+};
+const getViewActionsDom = uid => {
+  const instance = getVirtualDomInstance(uid);
+  if (typeof instance.renderActionsDom !== 'function') {
+    return undefined;
+  }
+  const dom = instance.renderActionsDom();
+  if (!Array.isArray(dom)) {
+    throw new TypeError('view renderActionsDom result must be an array');
+  }
+  return dom;
+};
+const getViewRegistrySnapshot = () => {
+  return {
+    views: Object.values(views).map(toRegisteredView)
+  };
+};
+const commandMap = {
+  'ExtensionApi.createViewInstance': createViewInstance,
+  'ExtensionApi.dispatchViewEvent': dispatchViewEvent,
+  'ExtensionApi.disposeViewInstance': disposeViewInstance,
+  'ExtensionApi.executeViewProvider': executeViewProvider,
+  'ExtensionApi.getViewActions': getViewActions,
+  'ExtensionApi.getViewActionsDom': getViewActionsDom,
+  'ExtensionApi.getViewMenuEntries': getViewMenuEntries,
+  'ExtensionApi.getViewRegistrySnapshot': getViewRegistrySnapshot,
+  'ExtensionApi.renderViewInstance': renderViewInstance,
+  'ExtensionApi.saveViewInstanceState': saveViewInstanceState,
+  'ExtensionApi.setViewInstanceActive': setViewInstanceActive
+};
+
+const resolveRpcOptions = async options => {
+  if ('id' in options && options.id) {
+    const info = await invoke$1('Extensions.getRpcInfo', options.id);
+    return {
+      contentSecurityPolicy: info.contentSecurityPolicy || '',
+      name: info.name || '',
+      url: info.url
+    };
+  }
+  if ('url' in options && options.url) {
+    return {
+      contentSecurityPolicy: options.contentSecurityPolicy || '',
+      name: options.name || '',
+      url: options.url
+    };
+  }
+  throw new TypeError('createRpc requires an id or url');
+};
+const sendMessagePortToWebWorker = async (port, contentSecurityPolicy, name, url) => {
+  await invokeAndTransfer('Extensions.createWebViewWorkerRpc2', {
+    contentSecurityPolicy,
+    name,
+    url
+  }, port);
+};
+const createMessagePortRpc = async (commandMap, send) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  const rpcPromise = create$5({
+    commandMap,
+    isMessagePortOpen: true,
+    messagePort: port2
+  });
+  port2.start();
+  await send(port1);
+  return rpcPromise;
+};
+const createRpc = async options => {
+  const {
+    commandMap = {}
+  } = options;
+  const {
+    contentSecurityPolicy,
+    name,
+    url
+  } = await resolveRpcOptions(options);
+  return createMessagePortRpc(commandMap, port => sendMessagePortToWebWorker(port, contentSecurityPolicy, name, url));
+};
+
+const getCss = domMatrixString => {
+  return `.MediaPreview {
+  --MediaPreviewTransform: ${domMatrixString};
+}`;
+};
+
+const create$2 = (init = [1, 0, 0, 1, 0, 0]) => {
+  return new DOMMatrixReadOnly([...init]);
+};
+const zoomInto = (domMatrix, zoomFactor, relativeX, relativeY) => {
+  return new DOMMatrix().translateSelf(relativeX, relativeY).scaleSelf(zoomFactor).translateSelf(-relativeX, -relativeY).multiplySelf(domMatrix);
+};
+
+// workaround for browser bug
+const toString = domMatrix => {
+  const {
+    a,
+    b,
+    c,
+    d,
+    e,
+    f
+  } = domMatrix;
+  return `matrix(${a}, ${b}, ${c}, ${d}, ${e}, ${f})`;
+};
+const move = (domMatrix, deltaX, deltaY) => {
+  return new DOMMatrixReadOnly([domMatrix.a, domMatrix.b, domMatrix.c, domMatrix.d, domMatrix.e + deltaX, domMatrix.f + deltaY]);
+};
+
+const parseDomMatrixInternal = innerString => {
+  const parts = innerString.split(', ');
+  if (parts.length !== 6) {
+    return create$2();
+  }
+  const [aString, bString, cString, dString, eString, fString] = parts;
+  const a = Number(aString);
+  const b = Number(bString);
+  const c = Number(cString);
+  const d = Number(dString);
+  const e = Number(eString);
+  const f = Number(fString);
+  if (Number.isNaN(a) || Number.isNaN(b) || Number.isNaN(c) || Number.isNaN(d) || Number.isNaN(e) || Number.isNaN(f)) {
+    return create$2();
+  }
+  return new DOMMatrixReadOnly([a, b, c, d, e, f]);
+};
+
+const prefix = 'matrix(';
+const postfix = ')';
+const parseDomMatrix = domMatrixString => {
+  if (!domMatrixString || !domMatrixString.startsWith(prefix) || !domMatrixString.endsWith(postfix)) {
+    return create$2();
+  }
+  const inner = domMatrixString.slice(prefix.length, -postfix.length);
+  return parseDomMatrixInternal(inner);
+};
+
+// workaround for browser bug
+const stringifyDomMatrix = domMatrix => {
+  const {
+    a,
+    b,
+    c,
+    d,
+    e,
+    f
+  } = domMatrix;
+  return `matrix(${a}, ${b}, ${c}, ${d}, ${e}, ${f})`;
+};
+
+const webViews = Object.create(null);
+const set = (id, preview) => {
+  webViews[id] = preview;
+};
+const get = id => {
+  return webViews[id];
+};
+const remove = id => {
+  delete webViews[id];
+};
+
+const create$1 = id => {
+  // @ts-ignore
+  const preview = {
+    domMatrix: create$2(),
+    error: false,
+    maxZoom: 2 ** 15,
+    // max value that doesn't result in degradation
+    minZoom: 0.1,
+    pointerDown: false,
+    pointerOffsetX: 0,
+    pointerOffsetY: 0,
+    zoomFactor: 200
+  };
+  set(id, preview);
+  return preview;
+};
+
+const getState$1 = id => {
+  const webView = get(id);
+  return webView;
+};
+
+const handleError$1 = id => {
+  const webView = get(id);
+  const newWebView = {
+    ...webView,
+    error: true
+  };
+  set(id, newWebView);
+};
+
+const handlePointerDown$1 = (id, x, y) => {
+  const state = get(id);
+  const newState = {
+    ...state,
+    pointerDown: true,
+    pointerOffsetX: x,
+    pointerOffsetY: y
+  };
+  set(id, newState);
+  return newState;
+};
+
+const handlePointerMove$1 = (id, x, y) => {
+  const state = get(id);
+  const {
+    domMatrix,
+    pointerOffsetX,
+    pointerOffsetY
+  } = state;
+  const deltaX = x - pointerOffsetX;
+  const deltaY = y - pointerOffsetY;
+  const newDomMatrix = move(domMatrix, deltaX, deltaY);
+  const newState = {
+    ...state,
+    domMatrix: newDomMatrix,
+    pointerOffsetX: x,
+    pointerOffsetY: y
+  };
+  set(id, newState);
+  return newState;
+};
+
+const handlePointerUp$1 = (id, x, y) => {
+  const state = get(id);
+  const newState = {
+    ...state,
+    pointerDown: false
+  };
+  set(id, newState);
+  return newState;
+};
+
+const getCurrentZoomFactor = (zoomFactor, deltaY) => {
+  const normalizedDeltaY = 1 + Math.abs(deltaY) / zoomFactor;
+  const currentZoomFactor = deltaY < 0 ? normalizedDeltaY : 1 / normalizedDeltaY;
+  return currentZoomFactor;
+};
+
+const getIsFirefox = () => {
+  if (typeof navigator === 'undefined') {
+    return false;
+  }
+  if (
+  // @ts-ignore
+  navigator.userAgentData &&
+  // @ts-ignore
+  navigator.userAgentData.brands) {
+    // @ts-ignore
+    return navigator.userAgentData.brands.includes('Firefox');
+  }
+  return navigator.userAgent.toLowerCase().includes('firefox');
+};
+const isFirefox = getIsFirefox();
+
+const normalizeDelta = (delta, isFirefox) => {
+  if (isFirefox) {
+    return delta * (52 / 114);
+  }
+  return delta;
+};
+
+const handleWheel$1 = (id, eventX, eventY, deltaX, deltaY) => {
+  if (deltaY === 0) {
+    return;
+  }
+  const webView = get(id);
+  const normalizedDeltaY = normalizeDelta(deltaY, isFirefox);
+  const relativeX = eventX;
+  const relativeY = eventY;
+  const {
+    domMatrix,
+    zoomFactor
+  } = webView;
+  const currentZoomFactor = getCurrentZoomFactor(zoomFactor, normalizedDeltaY);
+  const newDomMatrix = zoomInto(domMatrix, currentZoomFactor, relativeX, relativeY);
+  const newWebView = {
+    ...webView,
+    domMatrix: newDomMatrix
+  };
+  set(id, newWebView);
+};
+
+const reset$1 = id => {
+  const webView = get(id);
+  const newWebView = {
+    ...webView,
+    domMatrix: create$2(),
+    pointerDown: false,
+    pointerOffsetX: 0,
+    pointerOffsetY: 0
+  };
+  set(id, newWebView);
+};
+
+const state$1 = {
+  createRpc,
+  rpcPromise: undefined
+};
+const getRpc = () => {
+  const {
+    createRpc,
+    rpcPromise
+  } = state$1;
+  if (rpcPromise) {
+    return rpcPromise;
+  }
+  const newRpcPromise = createRpc({
+    id: 'builtin.media-preview.image-conversion-worker'
+  });
+  state$1.rpcPromise = newRpcPromise;
+  return newRpcPromise;
+};
+const convertHeicToPreview = async (heic, tier) => {
+  const rpc = await getRpc();
+  return rpc.invoke('ImageConversion.convertHeicToPreview', heic, tier);
+};
+const convertTiffToPng = async tiff => {
+  const rpc = await getRpc();
+  return rpc.invoke('ImageConversion.convertTiffToPng', tiff);
+};
+
+const CacheName = 'builtin.media-preview.heic-preview-v2';
+const LegacyCacheName = 'builtin.media-preview.heic-preview-v1';
+const CacheKeyPrefix = 'https://media-preview-cache.invalid/heic-preview/v2/';
+const CachingEnabledSetting = 'mediaPreview.cachingEnabled';
+const ContentLengthHeader = 'Content-Length';
+const HeightHeader = 'X-Media-Preview-Height';
+const OriginalHeightHeader = 'X-Media-Preview-Original-Height';
+const OriginalWidthHeader = 'X-Media-Preview-Original-Width';
+const WidthHeader = 'X-Media-Preview-Width';
+const createObjectUrl$1 = blob => {
+  return URL.createObjectURL(blob);
+};
+const getCache = async cacheStorage => {
+  if (!cacheStorage) {
+    return undefined;
+  }
+  try {
+    const cache = await cacheStorage.open(CacheName);
+    void cacheStorage.delete(LegacyCacheName).catch(() => {});
+    return cache;
+  } catch {
+    return undefined;
+  }
+};
+const getCacheKey = (hash, tier) => {
+  const tierName = tier === 'preview' ? 'preview-2048' : 'full';
+  return `${CacheKeyPrefix}${encodeURIComponent(hash)}/${tierName}.webp`;
+};
+const parsePositiveInteger = value => {
+  const parsed = Number(value);
+  return Number.isSafeInteger(parsed) && parsed > 0 ? parsed : 0;
+};
+const getMetadata = (headers, tier) => {
+  const height = parsePositiveInteger(headers.get(HeightHeader));
+  const originalHeight = parsePositiveInteger(headers.get(OriginalHeightHeader));
+  const originalWidth = parsePositiveInteger(headers.get(OriginalWidthHeader));
+  const width = parsePositiveInteger(headers.get(WidthHeader));
+  if (!height || !originalHeight || !originalWidth || !width || height > originalHeight || width > originalWidth) {
+    return undefined;
+  }
+  if (tier === 'full' && (height !== originalHeight || width !== originalWidth)) {
+    return undefined;
+  }
+  return {
+    height,
+    originalHeight,
+    originalWidth,
+    width
+  };
+};
+const getCachedImage = async (cache, key, tier) => {
+  if (!cache) {
+    return undefined;
+  }
+  try {
+    const response = await cache.match(key);
+    if (!response) {
+      return undefined;
+    }
+    const metadata = getMetadata(response.headers, tier);
+    const contentLength = parsePositiveInteger(response.headers.get(ContentLengthHeader));
+    if (!metadata || !contentLength) {
+      return undefined;
+    }
+    const blob = await response.blob();
+    if (blob.size !== contentLength) {
+      return undefined;
+    }
+    return {
+      blob,
+      ...metadata
+    };
+  } catch {
+    return undefined;
+  }
+};
+const getFileHashForCache = async (uri, getHash) => {
+  try {
+    return await getHash(uri);
+  } catch {
+    return '';
+  }
+};
+const putCachedImage = async (cache, key, image) => {
+  if (!cache) {
+    return;
+  }
+  try {
+    await cache.put(key, new Response(image.blob, {
+      headers: {
+        [ContentLengthHeader]: String(image.blob.size),
+        [HeightHeader]: String(image.height),
+        [OriginalHeightHeader]: String(image.originalHeight),
+        [OriginalWidthHeader]: String(image.originalWidth),
+        [WidthHeader]: String(image.width)
+      }
+    }));
+  } catch {
+    // Caching is best-effort; the converted image can still be displayed.
+  }
+};
+const toImageSource = (image, tier, createUrl) => {
+  return {
+    height: image.height,
+    isFullResolution: tier === 'full' || image.width === image.originalWidth && image.height === image.originalHeight,
+    originalHeight: image.originalHeight,
+    originalWidth: image.originalWidth,
+    owned: true,
+    tier,
+    url: createUrl(image.blob),
+    width: image.width
+  };
+};
+const convertHeicToPreviewUrlWithDependencies = async (uri, tier, dependencies) => {
+  const {
+    cacheStorage,
+    convert,
+    createUrl,
+    getHash,
+    getSetting,
+    readBlob
+  } = dependencies;
+  const cachingEnabled = (await getSetting(CachingEnabledSetting)) === true;
+  if (!cachingEnabled) {
+    const heic = await readBlob(uri);
+    const image = await convert(heic, tier);
+    return toImageSource(image, tier, createUrl);
+  }
+  const hash = await getFileHashForCache(uri, getHash);
+  const cache = hash ? await getCache(cacheStorage) : undefined;
+  const cacheKey = hash ? getCacheKey(hash, tier) : '';
+  const cachedImage = cacheKey ? await getCachedImage(cache, cacheKey, tier) : undefined;
+  if (cachedImage) {
+    return toImageSource(cachedImage, tier, createUrl);
+  }
+  const heic = await readBlob(uri);
+  const image = await convert(heic, tier);
+  if (cacheKey) {
+    await putCachedImage(cache, cacheKey, image);
+  }
+  return toImageSource(image, tier, createUrl);
+};
+const convertHeicToUrl = async (uri, tier) => {
+  return convertHeicToPreviewUrlWithDependencies(uri, tier, {
+    cacheStorage: globalThis.caches,
+    convert: convertHeicToPreview,
+    createUrl: createObjectUrl$1,
+    getHash: getFileHash,
+    getSetting: getPreference,
+    readBlob: readFileAsBlob
+  });
+};
+const convertHeicToPreviewUrl = async uri => {
+  return convertHeicToUrl(uri, 'preview');
+};
+const convertHeicToFullResolutionUrl = async uri => {
+  return convertHeicToUrl(uri, 'full');
+};
+
+const createObjectUrl = blob => {
+  return URL.createObjectURL(blob);
+};
+const convertTiffToPngUrlWithDependencies = async (tiff, convert, createUrl) => {
+  const png = await convert(tiff);
+  return createUrl(png);
+};
+const convertTiffToPngUrl = async tiff => {
+  return convertTiffToPngUrlWithDependencies(tiff, convertTiffToPng, createObjectUrl);
+};
+
+const isHeicUri = uri => {
+  const normalizedUri = uri.toLowerCase();
+  return normalizedUri.endsWith('.heic') || normalizedUri.endsWith('.heif');
+};
+const isTiffUri = uri => {
+  const normalizedUri = uri.toLowerCase();
+  return normalizedUri.endsWith('.tif') || normalizedUri.endsWith('.tiff');
+};
+const toSimpleSource = url => {
+  return {
+    height: 0,
+    isFullResolution: true,
+    originalHeight: 0,
+    originalWidth: 0,
+    owned: Boolean(url),
+    tier: 'full',
+    url,
+    width: 0
+  };
+};
+const getUrlWithDependencies = async (uri, read, readBlob, convertHeic, convertTiff) => {
+  if (isHeicUri(uri)) {
+    try {
+      return await convertHeic(uri);
+    } catch {
+      return toSimpleSource('');
+    }
+  }
+  if (isTiffUri(uri)) {
+    try {
+      const blob = await readBlob(uri);
+      return toSimpleSource(await convertTiff(blob));
+    } catch {
+      return toSimpleSource('');
+    }
+  }
+  const result = await read(uri);
+  return toSimpleSource(result.wasFound ? result.objectUrl : '');
+};
+const getUrl = async uri => {
+  return getUrlWithDependencies(uri, readAsObjectUrl, readFileAsBlob, convertHeicToPreviewUrl, convertTiffToPngUrl);
+};
+const getFullResolutionUrl = async uri => {
+  if (!isHeicUri(uri)) {
+    return getUrl(uri);
+  }
+  return convertHeicToFullResolutionUrl(uri);
+};
+
+const windowsAbsolutePathPattern = /^[a-z]:[\\/]/i;
+const toFileUri = uri => {
+  if (uri.startsWith('/')) {
+    return `file://${uri}`;
+  }
+  if (windowsAbsolutePathPattern.test(uri)) {
+    return `file:///${uri.replaceAll('\\', '/')}`;
+  }
+  return uri;
+};
+
+const getFileSizeWithDependency = async (uri, readBlob) => {
+  try {
+    const blob = await readBlob(toFileUri(uri));
+    return blob.size;
+  } catch {
+    return 0;
+  }
+};
+const getFileSize = uri => {
+  return getFileSizeWithDependency(uri, readFileAsBlob);
+};
+
+// cspell:ignore apng jfif
+
+const imageExtensions = new Set(['.apng', '.avif', '.bmp', '.gif', '.heic', '.heif', '.ico', '.jpe', '.jfif', '.jpeg', '.jpg', '.png', '.svg', '.tif', '.tiff', '.webp']);
+const uriSchemePattern = /^[a-z][a-z\d+.-]*:\/\//i;
+const decodePathSegment = value => {
+  try {
+    return decodeURIComponent(value);
+  } catch {
+    return value;
+  }
+};
+const getUrlParts = uri => {
+  try {
+    const url = new URL(uri);
+    const slashIndex = url.pathname.lastIndexOf('/');
+    if (slashIndex === -1) {
+      return undefined;
+    }
+    const baseName = decodePathSegment(url.pathname.slice(slashIndex + 1));
+    url.pathname = url.pathname.slice(0, slashIndex + 1);
+    url.hash = '';
+    url.search = '';
+    const parentUri = url.href;
+    return {
+      baseName,
+      join: name => new URL(encodeURIComponent(name), parentUri).href,
+      parentUri
+    };
+  } catch {
+    return undefined;
+  }
+};
+const getPathParts = uri => {
+  const slashIndex = uri.lastIndexOf('/');
+  const backslashIndex = uri.lastIndexOf('\\');
+  const separatorIndex = Math.max(slashIndex, backslashIndex);
+  if (separatorIndex === -1) {
+    return undefined;
+  }
+  const parentUri = uri.slice(0, separatorIndex + 1);
+  return {
+    baseName: uri.slice(separatorIndex + 1),
+    join: name => `${parentUri}${name}`,
+    parentUri
+  };
+};
+const getUriParts = uri => {
+  return uriSchemePattern.test(uri) ? getUrlParts(uri) : getPathParts(uri);
+};
+const isImage = name => {
+  const dotIndex = name.lastIndexOf('.');
+  return dotIndex !== -1 && imageExtensions.has(name.slice(dotIndex).toLowerCase());
+};
+const compareNames = (a, b) => {
+  return a.localeCompare(b, 'en', {
+    numeric: true
+  });
+};
+const getSiblingImageUrisWithDependency = async (uri, readDirectory) => {
+  const parts = getUriParts(uri);
+  if (!parts) {
+    return [];
+  }
+  const entries = await readDirectory(toFileUri(parts.parentUri));
+  const imageNames = entries.map(entry => entry.name).filter(isImage).toSorted(compareNames);
+  if (!imageNames.includes(parts.baseName)) {
+    return [];
+  }
+  return imageNames.map(parts.join);
+};
+const getSiblingImageUris = uri => {
+  return getSiblingImageUrisWithDependency(uri, readDirWithFileTypes);
+};
+
+const saveState = id => {
+  const webView = get(id);
+  return {
+    domMatrix: stringifyDomMatrix(webView.domMatrix)
+  };
+};
+
+const getSavedDomMatrix = savedState => {
+  if (savedState && savedState.domMatrix && typeof savedState.domMatrix === 'string') {
+    return parseDomMatrix(savedState.domMatrix);
+  }
+  return create$2();
+};
+const setSavedState = (id, savedState) => {
+  const webView = get(id);
+  const domMatrix = getSavedDomMatrix(savedState);
+  const newWebView = {
+    ...webView,
+    domMatrix
+  };
+  set(id, newWebView);
+};
+
+const serializeState = state => {
+  const {
+    domMatrix,
+    error,
+    pointerDown
+  } = state;
+  return {
+    domMatrixString: toString(domMatrix),
+    error,
+    pointerDown,
+    scale: domMatrix.a
+  };
+};
+const create = id => {
+  return serializeState(create$1(id));
+};
+const dispose = remove;
+const getState = id => {
+  return serializeState(getState$1(id));
+};
+const wrapCommand = fn => {
+  return (id, ...params) => {
+    fn(id, ...params);
+    return getState(id);
+  };
+};
+const handleError = wrapCommand(handleError$1);
+const handlePointerDown = wrapCommand(handlePointerDown$1);
+const handlePointerMove = wrapCommand(handlePointerMove$1);
+const handlePointerUp = wrapCommand(handlePointerUp$1);
+const handleWheel = wrapCommand(handleWheel$1);
+const reset = wrapCommand(reset$1);
+const revokeUrl = url => {
+  URL.revokeObjectURL(url);
+};
+
+const MediaPreview = {
+  __proto__: null,
+  create,
+  dispose,
+  exists,
+  getFileSize,
+  getFullResolutionUrl,
+  getSiblingImageUris,
+  getState,
+  getUrl,
+  handleError,
+  handlePointerDown,
+  handlePointerMove,
+  handlePointerUp,
+  handleWheel,
+  reset,
+  revokeUrl,
+  saveState,
+  setSavedState
+};
+
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    childCount: 0,
+    text: data,
+    type: Text
+  };
+};
+
+new Set(Object.values(VirtualDomElements));
+
+const handleOpenInTextEditor = 'handleOpenInTextEditor';
+const errorMessageNode = {
+  childCount: 1,
+  className: 'MediaPreviewErrorMessage',
+  type: Span
+};
+const openInTextEditorButtonNode = {
+  childCount: 1,
+  className: mergeClassNames('Button', 'ButtonSecondary', 'MediaPreviewOpenInTextEditor'),
+  name: 'openInTextEditor',
+  onClick: handleOpenInTextEditor,
+  type: Button
+};
+const renderError = state => {
+  const {
+    canOpenAsText,
+    errorMessage
+  } = state;
+  const errorNode = {
+    childCount: canOpenAsText ? 2 : 1,
+    className: 'MediaPreviewError',
+    type: Div
+  };
+  const messageNodes = [errorMessageNode, text(errorMessage)];
+  return canOpenAsText ? [errorNode, ...messageNodes, openInTextEditorButtonNode, text('Open in Text Editor')] : [errorNode, ...messageNodes];
+};
+
+const handleMediaPreviewImageError = 'handleMediaPreviewImageError';
+const handleMediaPreviewImageLoad = 'handleMediaPreviewImageLoad';
+const handleContextMenu = 'handleContextMenu';
+const contentNode = {
+  childCount: 1,
+  className: 'MediaPreviewContent',
+  type: Div
+};
+const imageWrapperNode = {
+  childCount: 1,
+  className: 'MediaPreviewImageWrapper',
+  type: Div
+};
+const renderImage = state => {
+  const {
+    height,
+    url,
+    width
+  } = state;
+  const dimensions = width > 0 && height > 0 ? {
+    height,
+    width
+  } : {};
+  return [contentNode, imageWrapperNode, {
+    alt: '',
+    childCount: 0,
+    className: 'MediaPreviewImage',
+    'data-sourceUrl': url,
+    decoding: 'async',
+    draggable: false,
+    ...dimensions,
+    name: 'image',
+    onContextMenu: handleContextMenu,
+    onError: handleMediaPreviewImageError,
+    onLoad: handleMediaPreviewImageLoad,
+    src: url,
+    type: Img
+  }];
+};
+
+const Focusable = 0;
+
+const handleMediaPreviewPointerDown = 'handleMediaPreviewPointerDown';
+const handleMediaPreviewWheel = 'handleMediaPreviewWheel';
+const handleMediaPreviewKeyDown = 'handleMediaPreviewKeyDown';
+const render = state => {
+  const {
+    error,
+    pointerDown
+  } = state;
+  const className = pointerDown ? 'MediaPreview MediaPreviewDragging' : 'MediaPreview';
+  const content = error ? renderError(state) : renderImage(state);
+  const rootNode = error ? {
+    childCount: 1,
+    className,
+    onKeyDown: handleMediaPreviewKeyDown,
+    tabIndex: Focusable,
+    type: Div
+  } : {
+    childCount: 1,
+    className,
+    onKeyDown: handleMediaPreviewKeyDown,
+    onPointerDown: handleMediaPreviewPointerDown,
+    onWheel: handleMediaPreviewWheel,
+    tabIndex: Focusable,
+    type: Div
+  };
+  return [rootNode, ...content];
+};
+
+const units = ['B', 'kB', 'MB', 'GB', 'TB', 'PB'];
+const formatBytes = size => {
+  if (!Number.isFinite(size) || size <= 0) {
+    return '0 B';
+  }
+  let value = size;
+  let unitIndex = 0;
+  while (value >= 1024 && unitIndex < units.length - 1) {
+    value /= 1024;
+    unitIndex++;
+  }
+  if (unitIndex === 0) {
+    return `${Math.trunc(value)} ${units[unitIndex]}`;
+  }
+  const formatted = value >= 10 ? value.toFixed(0) : value.toFixed(1);
+  return `${formatted} ${units[unitIndex]}`;
+};
+
+const renderStatusBarItems = state => {
+  const {
+    fileSize,
+    height,
+    width
+  } = state;
+  const dimensions = width > 0 && height > 0 ? `${width} × ${height}` : '— × —';
+  const size = formatBytes(fileSize);
+  return [{
+    ariaLabel: width > 0 && height > 0 ? `Image dimensions: ${width} by ${height} pixels` : 'Image dimensions unavailable',
+    name: 'media-preview-dimensions',
+    text: dimensions,
+    title: 'Image dimensions'
+  }, {
+    ariaLabel: `Image size: ${size}`,
+    name: 'media-preview-size',
+    text: size,
+    title: 'Image size'
+  }];
+};
+
+const UpgradeThreshold = 0.9;
+const isPositiveFiniteNumber = value => {
+  return Number.isFinite(value) && value > 0;
+};
+const shouldUpgradeImage = options => {
+  const {
+    containerHeight,
+    containerWidth,
+    devicePixelRatio,
+    originalHeight,
+    originalWidth,
+    previewHeight,
+    previewWidth,
+    scale
+  } = options;
+  if (![containerHeight, containerWidth, devicePixelRatio, originalHeight, originalWidth, previewHeight, previewWidth, scale].every(isPositiveFiniteNumber)) {
+    return false;
+  }
+  const fittedScale = Math.min(1, containerWidth / originalWidth, containerHeight / originalHeight);
+  const displayedWidthInPixels = originalWidth * fittedScale * scale * devicePixelRatio;
+  const displayedHeightInPixels = originalHeight * fittedScale * scale * devicePixelRatio;
+  return displayedWidthInPixels >= previewWidth * UpgradeThreshold || displayedHeightInPixels >= previewHeight * UpgradeThreshold;
+};
+
+const emptySource = {
+  height: 0,
+  isFullResolution: true,
+  originalHeight: 0,
+  originalWidth: 0,
+  owned: false,
+  tier: 'full',
+  url: '',
+  width: 0
+};
+const getUri = context => {
+  if (typeof context?.uri === 'string') {
+    return context.uri;
+  }
+  const savedState = context?.state;
+  return typeof savedState?.uri === 'string' ? savedState.uri : '';
+};
+const getNumber = value => {
+  return typeof value === 'number' && Number.isFinite(value) ? value : 0;
+};
+const getString = value => {
+  return typeof value === 'string' ? value : '';
+};
+const imageMenuId = 'mediaPreview.image';
+const imageCouldNotBeFound = 'Image could not be found';
+const imageCouldNotBeLoaded = 'Image could not be loaded';
+const canOpenAsText = (uri, errorMessage) => {
+  return errorMessage === imageCouldNotBeLoaded && uri.toLowerCase().endsWith('.svg');
+};
+const getImageErrorMessage = async (uri, exists) => {
+  if (!uri) {
+    return imageCouldNotBeLoaded;
+  }
+  try {
+    return (await exists(uri)) ? imageCouldNotBeLoaded : imageCouldNotBeFound;
+  } catch {
+    return imageCouldNotBeLoaded;
+  }
+};
+const toSourceState = source => {
+  return {
+    height: source.originalHeight,
+    isFullResolution: source.isFullResolution,
+    sourceHeight: source.height,
+    sourceWidth: source.width,
+    url: source.url,
+    width: source.originalWidth
+  };
+};
+const createInstanceWithApi = async (context, api, execute = executeCommand$1) => {
+  const viewContext = context;
+  const id = viewContext?.uid ?? 0;
+  let uri = getUri(viewContext);
+  api.create(id);
+  api.setSavedState(id, context?.state);
+  const previewState = api.getState(id);
+  const [initialSource, fileSize] = uri ? await Promise.all([api.getUrl(uri), api.getFileSize(uri)]) : [emptySource, 0];
+  let currentSource = initialSource;
+  const error = !currentSource.url || previewState.error;
+  const errorMessage = error ? await getImageErrorMessage(uri, api.exists) : '';
+  let state = {
+    ...previewState,
+    ...toSourceState(currentSource),
+    canOpenAsText: canOpenAsText(uri, errorMessage),
+    error,
+    errorMessage,
+    fileSize
+  };
+  let disposed = false;
+  let generation = 0;
+  let menuCopySource;
+  let pendingUpgrade;
+  let upgradeFailed = false;
+  let upgradePromise;
+  let siblingImageUrisPromise;
+  let navigationPromise = Promise.resolve();
+  const updateState = newState => {
+    state = {
+      ...state,
+      ...newState
+    };
+  };
+  const revokeSource = source => {
+    if (source.owned && source.url) {
+      api.revokeUrl(source.url);
+    }
+  };
+  const releaseDisplayedSources = () => {
+    if (pendingUpgrade) {
+      revokeSource(pendingUpgrade.fullSource);
+      revokeSource(pendingUpgrade.previewSource);
+      pendingUpgrade = undefined;
+    } else {
+      revokeSource(currentSource);
+    }
+    if (menuCopySource) {
+      revokeSource(menuCopySource);
+      menuCopySource = undefined;
+    }
+    currentSource = emptySource;
+  };
+  const getCopySource = async () => {
+    if (currentSource.isFullResolution) {
+      return currentSource;
+    }
+    if (menuCopySource) {
+      return menuCopySource;
+    }
+    const requestGeneration = generation;
+    const requestUri = uri;
+    try {
+      const fullSource = await api.getFullResolutionUrl(requestUri);
+      if (disposed || generation !== requestGeneration || uri !== requestUri) {
+        revokeSource(fullSource);
+        return currentSource;
+      }
+      if (!fullSource.url || !fullSource.isFullResolution) {
+        revokeSource(fullSource);
+        return currentSource;
+      }
+      menuCopySource = fullSource;
+      return fullSource;
+    } catch {
+      return currentSource;
+    }
+  };
+  const handleImageError = async sourceUrl => {
+    if (pendingUpgrade && sourceUrl === pendingUpgrade.fullSource.url) {
+      const {
+        fullSource,
+        previewSource
+      } = pendingUpgrade;
+      pendingUpgrade = undefined;
+      currentSource = previewSource;
+      upgradeFailed = true;
+      revokeSource(fullSource);
+      updateState(toSourceState(previewSource));
+      return;
+    }
+    const {
+      url
+    } = state;
+    if (sourceUrl && sourceUrl !== url) {
+      return;
+    }
+    const errorMessage = await getImageErrorMessage(uri, api.exists);
+    updateState({
+      ...api.handleError(id),
+      canOpenAsText: canOpenAsText(uri, errorMessage),
+      errorMessage
+    });
+  };
+  const requestUpgrade = () => {
+    if (disposed || upgradeFailed || upgradePromise || pendingUpgrade || currentSource.isFullResolution) {
+      return;
+    }
+    const requestGeneration = generation;
+    const requestUri = uri;
+    const previewSource = currentSource;
+    upgradePromise = (async () => {
+      try {
+        const fullSource = await api.getFullResolutionUrl(requestUri);
+        if (disposed || generation !== requestGeneration || uri !== requestUri || currentSource.url !== previewSource.url) {
+          revokeSource(fullSource);
+          return;
+        }
+        if (!fullSource.url || !fullSource.isFullResolution) {
+          revokeSource(fullSource);
+          upgradeFailed = true;
+          return;
+        }
+        pendingUpgrade = {
+          fullSource,
+          previewSource
+        };
+        updateState({
+          ...toSourceState(fullSource),
+          height: previewSource.originalHeight,
+          width: previewSource.originalWidth
+        });
+      } catch {
+        if (generation === requestGeneration) {
+          upgradeFailed = true;
+        }
+      } finally {
+        if (generation === requestGeneration) {
+          upgradePromise = undefined;
+        }
+      }
+    })();
+  };
+  const loadSiblingImageUris = async () => {
+    try {
+      return await api.getSiblingImageUris(uri);
+    } catch {
+      return [];
+    }
+  };
+  const getSiblingImageUris = () => {
+    siblingImageUrisPromise ||= loadSiblingImageUris();
+    return siblingImageUrisPromise;
+  };
+  const navigateToSibling = async offset => {
+    const siblingImageUris = await getSiblingImageUris();
+    const currentIndex = siblingImageUris.indexOf(uri);
+    const nextUri = siblingImageUris[currentIndex + offset];
+    if (!nextUri || currentIndex === -1) {
+      return;
+    }
+    generation++;
+    releaseDisplayedSources();
+    uri = nextUri;
+    upgradeFailed = false;
+    upgradePromise = undefined;
+    api.create(id);
+    const previewState = api.getState(id);
+    const [nextSource, fileSize] = await Promise.all([api.getUrl(uri), api.getFileSize(uri)]);
+    currentSource = nextSource;
+    const error = !nextSource.url || previewState.error;
+    const errorMessage = error ? await getImageErrorMessage(uri, api.exists) : '';
+    updateState({
+      ...previewState,
+      ...toSourceState(nextSource),
+      canOpenAsText: canOpenAsText(uri, errorMessage),
+      error,
+      errorMessage,
+      fileSize
+    });
+  };
+  const queueNavigation = async offset => {
+    const previousNavigation = navigationPromise;
+    const navigation = async () => {
+      try {
+        await previousNavigation;
+      } catch {
+        // Keep later key presses usable if an image failed to load.
+      }
+      await navigateToSibling(offset);
+    };
+    navigationPromise = navigation();
+    await navigationPromise;
+  };
+  return {
+    dispose() {
+      disposed = true;
+      generation++;
+      releaseDisplayedSources();
+      api.dispose(id);
+    },
+    getCss() {
+      const {
+        domMatrixString
+      } = state;
+      return getCss(domMatrixString);
+    },
+    async getMenuEntries(menuId) {
+      if (menuId !== imageMenuId) {
+        return [];
+      }
+      const copySource = await getCopySource();
+      return [{
+        args: [uri],
+        command: 'ClipBoard.writeText',
+        id: 'copyPath',
+        label: 'Copy Path'
+      }, {
+        args: [copySource.url],
+        command: 'ClipBoard.writeImageUrl',
+        id: 'copyImage',
+        label: 'Copy Image'
+      }, {
+        args: [id, 'handleViewCommand', 'handleResetImage'],
+        command: 'Viewlet.executeViewletCommand',
+        flags: 6,
+        id: 'resetImage',
+        label: 'Reset Image'
+      }];
+    },
+    async handleEvent(event) {
+      if (event.type === 'error') {
+        await handleImageError('');
+        return;
+      }
+      if (event.type !== 'contextmenu') {
+        return;
+      }
+      const x = getNumber(event.x);
+      const y = getNumber(event.y);
+      if (event.name === 'image') {
+        await viewContext?.showContextMenu(imageMenuId, x, y);
+        return;
+      }
+      switch (event.name) {
+        case 'pointerdown':
+          updateState(api.handlePointerDown(id, x, y));
+          break;
+        case 'pointermove':
+          updateState(api.handlePointerMove(id, x, y));
+          break;
+        case 'pointerup':
+          updateState(api.handlePointerUp(id, x, y));
+          break;
+        case 'wheel':
+          updateState(api.handleWheel(id, 0, 0, 0, x));
+          break;
+      }
+    },
+    async handleMediaPreviewImageError(sourceUrl) {
+      await handleImageError(getString(sourceUrl));
+    },
+    handleMediaPreviewImageLoad(sourceUrl, width, height) {
+      const loadedUrl = getString(sourceUrl);
+      if (pendingUpgrade && loadedUrl === pendingUpgrade.fullSource.url) {
+        const {
+          fullSource,
+          previewSource
+        } = pendingUpgrade;
+        pendingUpgrade = undefined;
+        currentSource = fullSource;
+        revokeSource(previewSource);
+        updateState({
+          ...toSourceState(fullSource),
+          height: fullSource.originalHeight,
+          width: fullSource.originalWidth
+        });
+        return;
+      }
+      const {
+        url
+      } = state;
+      if (loadedUrl && loadedUrl !== url) {
+        return;
+      }
+      if (!currentSource.originalWidth || !currentSource.originalHeight) {
+        updateState({
+          height: getNumber(height),
+          width: getNumber(width)
+        });
+      }
+    },
+    async handleMediaPreviewKeyDown(key) {
+      if (key === 'ArrowLeft') {
+        await queueNavigation(-1);
+      } else if (key === 'ArrowRight') {
+        await queueNavigation(1);
+      }
+    },
+    handleMediaPreviewPointerDown(button, x, y) {
+      if (button !== 0) {
+        return;
+      }
+      updateState(api.handlePointerDown(id, getNumber(x), getNumber(y)));
+    },
+    handleMediaPreviewPointerMove(x, y) {
+      updateState(api.handlePointerMove(id, getNumber(x), getNumber(y)));
+    },
+    handleMediaPreviewPointerUp(x, y) {
+      updateState(api.handlePointerUp(id, getNumber(x), getNumber(y)));
+    },
+    handleMediaPreviewWheel(deltaY, _deltaMode, containerWidth, containerHeight, devicePixelRatio) {
+      const wheelState = api.handleWheel(id, 0, 0, 0, getNumber(deltaY));
+      updateState(wheelState);
+      const {
+        height,
+        scale,
+        sourceHeight,
+        sourceWidth,
+        width
+      } = state;
+      if (shouldUpgradeImage({
+        containerHeight: getNumber(containerHeight),
+        containerWidth: getNumber(containerWidth),
+        devicePixelRatio: getNumber(devicePixelRatio),
+        originalHeight: height,
+        originalWidth: width,
+        previewHeight: sourceHeight,
+        previewWidth: sourceWidth,
+        scale
+      })) {
+        requestUpgrade();
+      }
+    },
+    handleOpenInTextEditor() {
+      return execute('Main.reopenEditorWith', 'editor');
+    },
+    handleResetImage() {
+      updateState(api.reset(id));
+    },
+    render() {
+      return render(state);
+    },
+    renderStatusBarItems() {
+      return renderStatusBarItems(state);
+    },
+    async saveState() {
+      const savedState = api.saveState(id);
+      return {
+        ...savedState,
+        uri
+      };
+    }
+  };
+};
+const createInstance = context => {
+  return createInstanceWithApi(context, MediaPreview);
+};
+
+const viewId = 'builtin.media-preview';
+
+// The coordinate-bearing view command transports both pointer coordinates.
+// The instance distinguishes these synthetic events by name.
+const view = {
+  create: createInstance,
+  eventListeners: [{
+    name: 'handleMediaPreviewImageError',
+    params: ['handleMediaPreviewImageError', 'event.currentTarget.dataset.sourceUrl']
+  }, {
+    name: 'handleMediaPreviewImageLoad',
+    params: ['handleMediaPreviewImageLoad', 'event.currentTarget.dataset.sourceUrl', 'event.currentTarget.naturalWidth', 'event.currentTarget.naturalHeight']
+  }, {
+    name: 'handleOpenInTextEditor',
+    params: ['handleOpenInTextEditor'],
+    preventDefault: true
+  }, {
+    name: 'handleMediaPreviewKeyDown',
+    params: ['handleMediaPreviewKeyDown', 'event.key']
+  }, {
+    name: 'handleMediaPreviewPointerDown',
+    params: ['handleMediaPreviewPointerDown', 'event.button', 'event.clientX', 'event.clientY'],
+    preventDefault: true,
+    // The virtual DOM runtime uses this to attach move/up listeners while
+    // the pointer is captured. It is intentionally runtime-only metadata.
+    // @ts-ignore
+    trackPointerEvents: ['handleMediaPreviewPointerMove', 'handleMediaPreviewPointerUp']
+  }, {
+    name: 'handleMediaPreviewPointerMove',
+    params: ['handleMediaPreviewPointerMove', 'event.clientX', 'event.clientY'],
+    preventDefault: true
+  }, {
+    name: 'handleMediaPreviewPointerUp',
+    params: ['handleMediaPreviewPointerUp', 'event.clientX', 'event.clientY'],
+    preventDefault: true
+  }, {
+    name: 'handleMediaPreviewWheel',
+    params: ['handleMediaPreviewWheel', 'event.deltaY', 'event.deltaMode', 'event.currentTarget.clientWidth', 'event.currentTarget.clientHeight', 'event.currentTarget.ownerDocument.defaultView.devicePixelRatio'],
+    preventDefault: true
+  }],
+  id: viewId,
+  kind: 'virtualDom',
+  title: 'Media Preview'
+};
+
+const state = {
+  isActivated: false
+};
+const activate = async () => {
+  if (state.isActivated) {
+    return;
+  }
+  state.isActivated = true;
+  await activate$1();
+  registerView(view);
+};
+const deactivate = () => {};
+
+/* eslint-disable unicorn/no-top-level-side-effects */
+await activate();
+
+export { activate, deactivate };