@lvce-editor/iframe-worker 5.35.0 → 6.0.0

package/dist/iframeWorkerMain.js

@@ -54,6 +54,49 @@ class VError extends Error {
   }
 }
 
+class AssertionError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = 'AssertionError';
+  }
+}
+const Object$1 = 1;
+const Number = 2;
+const Array$1 = 3;
+const String = 4;
+const Boolean = 5;
+const Function = 6;
+const Null = 7;
+const Unknown = 8;
+const getType = value => {
+  switch (typeof value) {
+    case 'number':
+      return Number;
+    case 'function':
+      return Function;
+    case 'string':
+      return String;
+    case 'object':
+      if (value === null) {
+        return Null;
+      }
+      if (Array.isArray(value)) {
+        return Array$1;
+      }
+      return Object$1;
+    case 'boolean':
+      return Boolean;
+    default:
+      return Unknown;
+  }
+};
+const number = value => {
+  const type = getType(value);
+  if (type !== Number) {
+    throw new AssertionError('expected value to be of type number');
+  }
+};
+
 const isMessagePort = value => {
   return value && value instanceof MessagePort;
 };
@@ -464,7 +507,7 @@ const IpcParentWithMessagePort$1 = {
 };
 
 const Two = '2.0';
-const create$4 = (method, params) => {
+const create$4$1 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -719,7 +762,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$5 = (message, result) => {
+const create$7 = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -728,7 +771,7 @@ const create$5 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$5(message, resultProperty);
+  return create$7(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -833,7 +876,7 @@ const invokeHelper = async (ipc, method, params, useSendAndTransfer) => {
   return unwrapJsonRpcResult(responseMessage);
 };
 const send = (transport, method, ...params) => {
-  const message = create$4(method, params);
+  const message = create$4$1(method, params);
   transport.send(message);
 };
 const invoke$6 = (ipc, method, ...params) => {
@@ -936,7 +979,54 @@ const MessagePortRpcParent = {
   __proto__: null,
   create: create$e
 };
+const create$5 = async ({
+  commandMap,
+  messagePort
+}) => {
+  // TODO create a commandMap per rpc instance
+  register$4(commandMap);
+  const rawIpc = await IpcParentWithMessagePort$1.create({
+    messagePort,
+    isMessagePortOpen: true
+  });
+  const ipc = IpcParentWithMessagePort$1.wrap(rawIpc);
+  handleIpc(ipc);
+  const rpc = createRpc(ipc);
+  messagePort.start();
+  return rpc;
+};
+const create$4 = async ({
+  commandMap,
+  messagePort
+}) => {
+  return create$5({
+    commandMap,
+    messagePort
+  });
+};
+const PlainMessagePortRpcParent = {
+  __proto__: null,
+  create: create$4
+};
 const create$3 = async ({
+  commandMap,
+  send
+}) => {
+  const {
+    port1,
+    port2
+  } = new MessageChannel();
+  await send(port1);
+  return create$5({
+    commandMap,
+    messagePort: port2
+  });
+};
+const TransferMessagePortRpcParent = {
+  __proto__: null,
+  create: create$3
+};
+const create$6 = async ({
   commandMap
 }) => {
   // TODO create a commandMap per rpc instance
@@ -948,14 +1038,39 @@ const create$3 = async ({
 };
 const WebWorkerRpcClient = {
   __proto__: null,
-  create: create$3
+  create: create$6
 };
+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 = {
+    invoke,
+    invokeAndTransfer: invoke,
+    invocations
+  };
+  return mockRpc;
+};
+
+const Script = 2;
 
 const DebugWorker = 55;
+const ExtensionHostWorker = 44;
 const RendererWorker$1 = 1;
 
 const rpcs$1 = Object.create(null);
 const set$2 = (id, rpc) => {
+  if (rpcs$1[id]) {
+    throw new Error(`rpc with id ${id} is already registered`);
+  }
   rpcs$1[id] = rpc;
 };
 const get$1 = id => {
@@ -964,6 +1079,10 @@ const get$1 = id => {
 
 const create$2 = rpcId => {
   return {
+    async dispose() {
+      const rpc = get$1(rpcId);
+      await rpc.dispose();
+    },
     // @ts-ignore
     invoke(method, ...params) {
       const rpc = get$1(rpcId);
@@ -978,274 +1097,333 @@ const create$2 = rpcId => {
     },
     set(rpc) {
       set$2(rpcId, rpc);
-    },
-    async dispose() {
-      const rpc = get$1(rpcId);
-      await rpc.dispose();
     }
   };
 };
 
 const {
   invoke: invoke$5,
-  invokeAndTransfer: invokeAndTransfer$4,
-  set: set$1,
-  dispose
+  invokeAndTransfer: invokeAndTransfer$4} = create$2(ExtensionHostWorker);
+
+const {
+  dispose,
+  invoke: invoke$4,
+  invokeAndTransfer: invokeAndTransfer$3,
+  set: set$1
 } = create$2(RendererWorker$1);
 const searchFileHtml = async uri => {
-  return invoke$5('ExtensionHost.searchFileWithHtml', uri);
+  return invoke$4('ExtensionHost.searchFileWithHtml', uri);
 };
 const getFilePathElectron = async file => {
-  return invoke$5('FileSystemHandle.getFilePathElectron', file);
+  return invoke$4('FileSystemHandle.getFilePathElectron', file);
 };
+/**
+ * @deprecated
+ */
 const showContextMenu = async (x, y, id, ...args) => {
-  return invoke$5('ContextMenu.show', x, y, id, ...args);
+  return invoke$4('ContextMenu.show', x, y, id, ...args);
+};
+const showContextMenu2 = async (uid, menuId, x, y, args) => {
+  number(uid);
+  number(menuId);
+  number(x);
+  number(y);
+  // @ts-ignore
+  await invoke$4('ContextMenu.show2', uid, menuId, x, y, args);
 };
 const getElectronVersion = async () => {
-  return invoke$5('Process.getElectronVersion');
+  return invoke$4('Process.getElectronVersion');
 };
 const applyBulkReplacement = async bulkEdits => {
-  await invoke$5('BulkReplacement.applyBulkReplacement', bulkEdits);
+  await invoke$4('BulkReplacement.applyBulkReplacement', bulkEdits);
 };
 const setColorTheme = async id => {
   // @ts-ignore
-  return invoke$5(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+  return invoke$4(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
 };
 const getNodeVersion = async () => {
-  return invoke$5('Process.getNodeVersion');
+  return invoke$4('Process.getNodeVersion');
 };
 const getChromeVersion = async () => {
-  return invoke$5('Process.getChromeVersion');
+  return invoke$4('Process.getChromeVersion');
 };
 const getV8Version = async () => {
-  return invoke$5('Process.getV8Version');
+  return invoke$4('Process.getV8Version');
 };
 const getFileHandles = async fileIds => {
-  const files = await invoke$5('FileSystemHandle.getFileHandles', fileIds);
+  const files = await invoke$4('FileSystemHandle.getFileHandles', fileIds);
   return files;
 };
 const setWorkspacePath = async path => {
-  await invoke$5('Workspace.setPath', path);
+  await invoke$4('Workspace.setPath', path);
 };
 const registerWebViewInterceptor = async (id, port) => {
-  await invokeAndTransfer$4('WebView.registerInterceptor', id, port);
+  await invokeAndTransfer$3('WebView.registerInterceptor', id, port);
 };
 const unregisterWebViewInterceptor = async id => {
-  await invoke$5('WebView.unregisterInterceptor', id);
+  await invoke$4('WebView.unregisterInterceptor', id);
 };
 const sendMessagePortToEditorWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   // @ts-ignore
-  await invokeAndTransfer$4('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
 };
 const sendMessagePortToErrorWorker = async (port, rpcId) => {
   const command = 'Errors.handleMessagePort';
   // @ts-ignore
-  await invokeAndTransfer$4('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToErrorWorker', port, command, rpcId);
 };
 const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
   const command = 'Markdown.handleMessagePort';
   // @ts-ignore
-  await invokeAndTransfer$4('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
+};
+const sendMessagePortToIconThemeWorker = async (port, rpcId) => {
+  const command = 'IconTheme.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
 };
 const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
   const command = 'FileSystem.handleMessagePort';
   // @ts-ignore
-  await invokeAndTransfer$4('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
 };
 const readFile$1 = async uri => {
-  return invoke$5('FileSystem.readFile', uri);
+  return invoke$4('FileSystem.readFile', uri);
 };
 const getWebViewSecret = async key => {
   // @ts-ignore
-  return invoke$5('WebView.getSecret', key);
+  return invoke$4('WebView.getSecret', key);
 };
 const setWebViewPort = async (uid, port, origin, portType) => {
-  return invokeAndTransfer$4('WebView.setPort', uid, port, origin, portType);
+  return invokeAndTransfer$3('WebView.setPort', uid, port, origin, portType);
 };
 const setFocus = key => {
-  return invoke$5('Focus.setFocus', key);
+  return invoke$4('Focus.setFocus', key);
 };
 const getFileIcon = async options => {
-  return invoke$5('IconTheme.getFileIcon', options);
+  return invoke$4('IconTheme.getFileIcon', options);
 };
 const getColorThemeNames = async () => {
-  return invoke$5('ColorTheme.getColorThemeNames');
+  return invoke$4('ColorTheme.getColorThemeNames');
 };
 const disableExtension = async id => {
   // @ts-ignore
-  return invoke$5('ExtensionManagement.disable', id);
+  return invoke$4('ExtensionManagement.disable', id);
 };
 const enableExtension = async id => {
   // @ts-ignore
-  return invoke$5('ExtensionManagement.enable', id);
+  return invoke$4('ExtensionManagement.enable', id);
 };
 const handleDebugChange = async params => {
   // @ts-ignore
-  return invoke$5('Run And Debug.handleChange', params);
+  return invoke$4('Run And Debug.handleChange', params);
 };
 const getFolderIcon = async options => {
-  return invoke$5('IconTheme.getFolderIcon', options);
+  return invoke$4('IconTheme.getFolderIcon', options);
+};
+const handleWorkspaceRefresh = async () => {
+  return invoke$4('Layout.handleWorkspaceRefresh');
 };
 const closeWidget = async widgetId => {
-  return invoke$5('Viewlet.closeWidget', widgetId);
+  return invoke$4('Viewlet.closeWidget', widgetId);
 };
 const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
-  await invokeAndTransfer$4('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
 };
 const sendMessagePortToSearchProcess = async port => {
-  await invokeAndTransfer$4('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
+  await invokeAndTransfer$3('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
 };
 const confirm = async (message, options) => {
   // @ts-ignore
-  const result = await invoke$5('ConfirmPrompt.prompt', message, options);
+  const result = await invoke$4('ConfirmPrompt.prompt', message, options);
   return result;
 };
 const getRecentlyOpened = async () => {
-  return invoke$5(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+  return invoke$4(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
 };
 const getKeyBindings = async () => {
-  return invoke$5('KeyBindingsInitial.getKeyBindings');
+  return invoke$4('KeyBindingsInitial.getKeyBindings');
 };
 const writeClipBoardText = async text => {
-  await invoke$5('ClipBoard.writeText', /* text */text);
+  await invoke$4('ClipBoard.writeText', /* text */text);
+};
+const readClipBoardText = async () => {
+  return invoke$4('ClipBoard.readText');
 };
 const writeClipBoardImage = async blob => {
   // @ts-ignore
-  await invoke$5('ClipBoard.writeImage', /* text */blob);
+  await invoke$4('ClipBoard.writeImage', /* text */blob);
 };
 const searchFileMemory = async uri => {
   // @ts-ignore
-  return invoke$5('ExtensionHost.searchFileWithMemory', uri);
+  return invoke$4('ExtensionHost.searchFileWithMemory', uri);
 };
 const searchFileFetch = async uri => {
-  return invoke$5('ExtensionHost.searchFileWithFetch', uri);
+  return invoke$4('ExtensionHost.searchFileWithFetch', uri);
 };
 const showMessageBox = async options => {
-  return invoke$5('ElectronDialog.showMessageBox', options);
+  return invoke$4('ElectronDialog.showMessageBox', options);
 };
 const handleDebugResumed = async params => {
-  await invoke$5('Run And Debug.handleResumed', params);
+  await invoke$4('Run And Debug.handleResumed', params);
 };
 const openWidget = async name => {
-  await invoke$5('Viewlet.openWidget', name);
+  await invoke$4('Viewlet.openWidget', name);
 };
 const getIcons = async requests => {
-  const icons = await invoke$5('IconTheme.getIcons', requests);
+  const icons = await invoke$4('IconTheme.getIcons', requests);
   return icons;
 };
 const activateByEvent = event => {
-  return invoke$5('ExtensionHostManagement.activateByEvent', event);
+  return invoke$4('ExtensionHostManagement.activateByEvent', event);
 };
 const setAdditionalFocus = focusKey => {
   // @ts-ignore
-  return invoke$5('Focus.setAdditionalFocus', focusKey);
+  return invoke$4('Focus.setAdditionalFocus', focusKey);
 };
 const getActiveEditorId = () => {
   // @ts-ignore
-  return invoke$5('GetActiveEditor.getActiveEditorId');
+  return invoke$4('GetActiveEditor.getActiveEditorId');
 };
 const getWorkspacePath = () => {
-  return invoke$5('Workspace.getPath');
+  return invoke$4('Workspace.getPath');
 };
 const sendMessagePortToRendererProcess = async port => {
   const command = 'HandleMessagePort.handleMessagePort';
   // @ts-ignore
-  await invokeAndTransfer$4('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker);
+};
+const sendMessagePortToTextMeasurementWorker = async port => {
+  const command = 'TextMeasurement.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToTextMeasurementWorker', port, command, 0);
+};
+const sendMessagePortToSourceControlWorker = async port => {
+  const command = 'SourceControl.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToSourceControlWorker', port, command, 0);
+};
+const sendMessagePortToSharedProcess = async port => {
+  const command = 'HandleElectronMessagePort.handleElectronMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToSharedProcess', port, command, 0);
+};
+const sendMessagePortToFileSystemProcess = async (port, rpcId) => {
+  const command = 'HandleMessagePortForFileSystemProcess.handleMessagePortForFileSystemProcess';
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToSharedProcess', port, command, rpcId);
+};
+const sendMessagePortToIframeWorker = async (port, rpcId) => {
+  const command = 'Iframes.handleMessagePort';
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToIframeWorker', port, command, rpcId);
+};
+const sendMessagePortToExtensionManagementWorker = async (port, rpcId) => {
+  const command = 'Extensions.handleMessagePort';
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionManagementWorker', port, command, rpcId);
 };
 const getPreference = async key => {
-  return await invoke$5('Preferences.get', key);
+  return await invoke$4('Preferences.get', key);
 };
 const getAllExtensions = async () => {
-  return invoke$5('ExtensionManagement.getAllExtensions');
+  return invoke$4('ExtensionManagement.getAllExtensions');
 };
 const rerenderEditor = async key => {
   // @ts-ignore
-  return invoke$5('Editor.rerender', key);
+  return invoke$4('Editor.rerender', key);
 };
 const handleDebugPaused = async params => {
-  await invoke$5('Run And Debug.handlePaused', params);
+  await invoke$4('Run And Debug.handlePaused', params);
 };
 const openUri = async (uri, focus, options) => {
-  await invoke$5('Main.openUri', uri, focus, options);
+  await invoke$4('Main.openUri', uri, focus, options);
 };
 const sendMessagePortToSyntaxHighlightingWorker = async port => {
-  await invokeAndTransfer$4(
+  await invokeAndTransfer$3(
   // @ts-ignore
   'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
 };
 const handleDebugScriptParsed = async script => {
-  await invoke$5('Run And Debug.handleScriptParsed', script);
+  await invoke$4('Run And Debug.handleScriptParsed', script);
 };
 const getWindowId = async () => {
-  return invoke$5('GetWindowId.getWindowId');
+  return invoke$4('GetWindowId.getWindowId');
 };
 const getBlob = async uri => {
   // @ts-ignore
-  return invoke$5('FileSystem.getBlob', uri);
+  return invoke$4('FileSystem.getBlob', uri);
 };
 const getExtensionCommands = async () => {
-  return invoke$5('ExtensionHost.getCommands');
+  return invoke$4('ExtensionHost.getCommands');
 };
 const showErrorDialog = async errorInfo => {
   // @ts-ignore
-  await invoke$5('ErrorHandling.showErrorDialog', errorInfo);
+  await invoke$4('ErrorHandling.showErrorDialog', errorInfo);
 };
 const getFolderSize = async uri => {
   // @ts-ignore
-  return await invoke$5('FileSystem.getFolderSize', uri);
+  return await invoke$4('FileSystem.getFolderSize', uri);
 };
 const getExtension = async id => {
   // @ts-ignore
-  return invoke$5('ExtensionManagement.getExtension', id);
+  return invoke$4('ExtensionManagement.getExtension', id);
 };
 const getMarkdownDom = async html => {
   // @ts-ignore
-  return invoke$5('Markdown.getVirtualDom', html);
+  return invoke$4('Markdown.getVirtualDom', html);
 };
 const renderMarkdown = async (markdown, options) => {
   // @ts-ignore
-  return invoke$5('Markdown.renderMarkdown', markdown, options);
+  return invoke$4('Markdown.renderMarkdown', markdown, options);
 };
 const openNativeFolder = async uri => {
   // @ts-ignore
-  await invoke$5('OpenNativeFolder.openNativeFolder', uri);
+  await invoke$4('OpenNativeFolder.openNativeFolder', uri);
 };
 const uninstallExtension = async id => {
-  return invoke$5('ExtensionManagement.uninstall', id);
+  return invoke$4('ExtensionManagement.uninstall', id);
 };
 const installExtension = async id => {
   // @ts-ignore
-  return invoke$5('ExtensionManagement.install', id);
+  return invoke$4('ExtensionManagement.install', id);
 };
 const openExtensionSearch = async () => {
   // @ts-ignore
-  return invoke$5('SideBar.openViewlet', 'Extensions');
+  return invoke$4('SideBar.openViewlet', 'Extensions');
 };
 const setExtensionsSearchValue = async searchValue => {
   // @ts-ignore
-  return invoke$5('Extensions.handleInput', searchValue);
+  return invoke$4('Extensions.handleInput', searchValue, Script);
 };
 const openExternal = async uri => {
   // @ts-ignore
-  await invoke$5('Open.openExternal', uri);
+  await invoke$4('Open.openExternal', uri);
 };
 const openUrl = async uri => {
   // @ts-ignore
-  await invoke$5('Open.openUrl', uri);
+  await invoke$4('Open.openUrl', uri);
 };
 const getAllPreferences = async () => {
   // @ts-ignore
-  return invoke$5('Preferences.getAll');
+  return invoke$4('Preferences.getAll');
 };
 const showSaveFilePicker = async () => {
   // @ts-ignore
-  return invoke$5('FilePicker.showSaveFilePicker');
+  return invoke$4('FilePicker.showSaveFilePicker');
 };
 const getLogsDir = async () => {
   // @ts-ignore
-  return invoke$5('PlatformPaths.getLogsDir');
+  return invoke$4('PlatformPaths.getLogsDir');
+};
+const measureTextBlockHeight = async (actualInput, fontFamily, fontSize, lineHeightPx, width) => {
+  return invoke$4(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+};
+const registerMockRpc = commandMap => {
+  const mockRpc = createMockRpc({
+    commandMap
+  });
+  set$1(mockRpc);
+  return mockRpc;
 };
 
 const RendererWorker = {
@@ -1286,16 +1464,20 @@ const RendererWorker = {
   handleDebugPaused,
   handleDebugResumed,
   handleDebugScriptParsed,
+  handleWorkspaceRefresh,
   installExtension,
-  invoke: invoke$5,
-  invokeAndTransfer: invokeAndTransfer$4,
+  invoke: invoke$4,
+  invokeAndTransfer: invokeAndTransfer$3,
+  measureTextBlockHeight,
   openExtensionSearch,
   openExternal,
   openNativeFolder,
   openUri,
   openUrl,
   openWidget,
+  readClipBoardText,
   readFile: readFile$1,
+  registerMockRpc,
   registerWebViewInterceptor,
   renderMarkdown,
   rerenderEditor,
@@ -1305,11 +1487,18 @@ const RendererWorker = {
   sendMessagePortToEditorWorker,
   sendMessagePortToErrorWorker,
   sendMessagePortToExtensionHostWorker,
+  sendMessagePortToExtensionManagementWorker,
+  sendMessagePortToFileSystemProcess,
   sendMessagePortToFileSystemWorker,
+  sendMessagePortToIconThemeWorker,
+  sendMessagePortToIframeWorker,
   sendMessagePortToMarkdownWorker,
   sendMessagePortToRendererProcess,
   sendMessagePortToSearchProcess,
+  sendMessagePortToSharedProcess,
+  sendMessagePortToSourceControlWorker,
   sendMessagePortToSyntaxHighlightingWorker,
+  sendMessagePortToTextMeasurementWorker,
   set: set$1,
   setAdditionalFocus,
   setColorTheme,
@@ -1318,6 +1507,7 @@ const RendererWorker = {
   setWebViewPort,
   setWorkspacePath,
   showContextMenu,
+  showContextMenu2,
   showErrorDialog,
   showMessageBox,
   showSaveFilePicker,
@@ -1327,20 +1517,6 @@ const RendererWorker = {
   writeClipBoardText
 };
 
-const {
-  invoke: invoke$4,
-  invokeAndTransfer: invokeAndTransfer$3
-} = RendererWorker;
-
-const invoke$3 = async (method, ...params) => {
-  // @ts-ignore
-  return invoke$4('WebView.compatExtensionHostWorkerInvoke', method, ...params);
-};
-const invokeAndTransfer$2 = async (method, ...params) => {
-  // @ts-ignore
-  return invokeAndTransfer$3('WebView.compatExtensionHostWorkerInvokeAndTransfer', method, ...params);
-};
-
 const getCredentialLess = locationHost => {
   if (locationHost.startsWith('localhost:')) {
     // disabled to improve performance and make testing easier
@@ -1397,19 +1573,18 @@ const getWebViewHtml = (baseUrl, locationOrigin, elements, assetDir) => {
   if (!elements) {
     return '';
   }
-  const middle = [];
-  middle.push('<meta charset="utf-8">');
+  const middle = ['<meta charset="utf-8">'];
   for (const element of elements) {
     switch (element.type) {
-      case 'title':
-        middle.push(`<title>${element.value}</title>`);
+      case 'css':
+        middle.push(`<link rel="stylesheet" href="${locationOrigin}${baseUrl}/${element.path}" />`);
         break;
       case 'script':
         middle.push(`<script type="module" src="${locationOrigin}${assetDir}/js/preview-injected.js"></script>`);
         middle.push(`<script type="module" src="${locationOrigin}${baseUrl}/${element.path}"></script>`);
         break;
-      case 'css':
-        middle.push(`<link rel="stylesheet" href="${locationOrigin}${baseUrl}/${element.path}" />`);
+      case 'title':
+        middle.push(`<title>${element.value}</title>`);
         break;
     }
   }
@@ -1469,9 +1644,9 @@ const getIframeSrcRemote = (webViews, webViewPort, webViewId, locationProtocol,
   // - load webviews the same as in web using blob urls
   // - load webviews from a pattern like /webviews/:id/:fileName
   return {
+    iframeContent,
     iframeSrc,
-    webViewRoot,
-    iframeContent
+    webViewRoot
   };
 };
 
@@ -1485,8 +1660,8 @@ const getBlobUrl = (content, contentType) => {
 
 const getDefaultBaseUrl = webView => {
   const {
-    remotePath,
-    path
+    path,
+    remotePath
   } = webView;
   if (remotePath) {
     if (remotePath.endsWith('/index.html')) {
@@ -1517,9 +1692,9 @@ const getIframeSrc$1 = (webView, locationOrigin, assetDir) => {
   if (srcHtml) {
     const blobUrl = getBlobUrl(srcHtml, 'text/html');
     return {
+      iframeContent: '',
       iframeSrc: blobUrl,
-      webViewRoot: '',
-      iframeContent: ''
+      webViewRoot: ''
     };
   }
   return undefined;
@@ -1548,9 +1723,14 @@ const getPortTuple = () => {
   };
 };
 
+const {
+  invoke: invoke$3,
+  invokeAndTransfer: invokeAndTransfer$2
+} = RendererWorker;
+
 const getSavedState = async () => {
   // @ts-ignore
-  return invoke$4('WebView.getSavedState');
+  return invoke$3('WebView.getSavedState');
 };
 
 const getSavedWebViewState = async id => {
@@ -1620,7 +1800,7 @@ const getIframePermissionPolicy = webView => {
 
 const getWebViews = async () => {
   // @ts-ignore
-  return invoke$4('WebView.getWebViews');
+  return invoke$3('WebView.getWebViews');
 };
 
 const AllowScripts = 'allow-scripts';
@@ -1670,11 +1850,11 @@ const getPort = () => {
 
 const invoke$2 = async (method, ...params) => {
   // @ts-ignore
-  return invoke$4('WebView.compatRendererProcessInvoke', method, ...params);
+  return invoke$3('WebView.compatRendererProcessInvoke', method, ...params);
 };
 const invokeAndTransfer$1 = async (method, ...params) => {
   // @ts-ignore
-  return invokeAndTransfer$3('WebView.compatRendererProcessInvokeAndTransfer', method, ...params);
+  return invokeAndTransfer$2('WebView.compatRendererProcessInvokeAndTransfer', method, ...params);
 };
 
 const WebView = 'lvce-oss-webview';
@@ -1685,7 +1865,7 @@ const setPort = async (uid, port, origin, portType) => {
 
 const invoke$1 = async (method, ...params) => {
   // @ts-ignore
-  return invoke$4('WebView.compatSharedProcessInvoke', method, ...params);
+  return invoke$3('WebView.compatSharedProcessInvoke', method, ...params);
 };
 
 const registerProtocol = async () => {
@@ -1728,11 +1908,11 @@ const register$2 = async (previewServerId, webViewPort, frameAncestors, webViewR
   await create(previewServerId, useNewWebViewHandler); // TODO move this up
   await start(previewServerId, webViewPort); // TODO move this up
   await (useNewWebViewHandler ? setInfo2({
-    webViewRoot,
-    webViewId,
     contentSecurityPolicy: csp,
     iframeContent,
-    remotePathPrefix
+    remotePathPrefix,
+    webViewId,
+    webViewRoot
   }) : setHandler(previewServerId, frameAncestors, webViewRoot, csp, iframeContent));
   // TODO make this work in gitpod also
 };
@@ -1743,10 +1923,10 @@ const register$1 = async () => {
 
 const getModule = platform => {
   switch (platform) {
-    case Remote:
-      return register$2;
     case Electron:
       return register$3;
+    case Remote:
+      return register$2;
     default:
       return register$1;
   }
@@ -1758,14 +1938,14 @@ const register = async (previewServerId, webViewPort, frameAncestors, webViewRoo
 };
 
 const create2 = async ({
+  assetDir = '',
   id,
-  webViewPort,
-  webViewId,
+  isGitpod,
+  platform,
   previewServerId,
   uri,
-  platform,
-  isGitpod,
-  assetDir = '',
+  webViewId,
+  webViewPort,
   webViewScheme = WebView
 }) => {
   let root = '';
@@ -1784,9 +1964,9 @@ const create2 = async ({
 
   // TODO move all of this to iframe worker
   const {
+    iframeContent,
     iframeSrc,
-    webViewRoot,
-    iframeContent
+    webViewRoot
   } = iframeResult;
   const frameAncestors = getWebViewFrameAncestors(locationProtocol, locationHost);
   const frameTitle = getWebViewTitle(webView);
@@ -1802,7 +1982,7 @@ const create2 = async ({
   const permissionPolicyString = permissionPolicy.join('; ');
   const iframeCsp = platform === Web ? csp : '';
   const credentialless = getCredentialLess(locationHost);
-  await invoke$4('ExtensionHostManagement.activateByEvent', `onWebView:${webViewId}`);
+  await invoke$3('ExtensionHostManagement.activateByEvent', `onWebView:${webViewId}`);
   const {
     port1,
     port2
@@ -1819,15 +1999,15 @@ const create2 = async ({
   const origin = getWebViewOrigin(webViewPort, platform, webViewScheme, webViewId);
   const portType = '';
   await setPort(id, port1, origin, portType);
-  await invokeAndTransfer$2('ExtensionHostWebView.create', webViewId, port2, uri, id, origin, webView);
+  await invokeAndTransfer$4('ExtensionHostWebView.create', webViewId, port2, uri, id, origin, webView);
   const savedState = await getSavedWebViewState(webViewId);
-  await invoke$3('ExtensionHostWebView.load', webViewId, savedState);
+  await invoke$5('ExtensionHostWebView.load', webViewId, savedState);
   return {
+    csp: iframeCsp,
     iframeSrc,
-    sandbox,
-    portId,
     origin,
-    csp: iframeCsp
+    portId,
+    sandbox
   };
 };
 
@@ -1842,11 +2022,11 @@ const createAndLoadWebView = async (id, iframeSrc, sandbox, iframeCsp, credentia
 
 const invoke = async (method, ...params) => {
   // @ts-ignore
-  return invoke$4('WebView.compatRendererWorkerInvoke', method, ...params);
+  return invoke$3('WebView.compatRendererWorkerInvoke', method, ...params);
 };
 const invokeAndTransfer = async (method, ...params) => {
   // @ts-ignore
-  return invokeAndTransfer$3('WebView.compatRendererWorkerInvokeAndTransfer', method, ...params);
+  return invokeAndTransfer$2('WebView.compatRendererWorkerInvokeAndTransfer', method, ...params);
 };
 
 const createSecondaryWebViewConnection = async (uid, origin, port) => {
@@ -1855,19 +2035,13 @@ const createSecondaryWebViewConnection = async (uid, origin, port) => {
 };
 
 const createWebViewConnection = async (uid, origin) => {
-  const {
-    port1,
-    port2
-  } = getPortTuple();
-  const rpcPromise = MessagePortRpcParent.create({
-    messagePort: port2,
-    isMessagePortOpen: false,
-    commandMap: {}
+  const rpc = await TransferMessagePortRpcParent.create({
+    commandMap: {},
+    async send(port) {
+      const portType = 'test';
+      await invokeAndTransfer('WebView.setPort', uid, port, origin, portType);
+    }
   });
-  const portType = 'test';
-  await invokeAndTransfer('WebView.setPort', uid, port1, origin, portType);
-  // TODO dispose rpc to avoid memory leak
-  const rpc = await rpcPromise;
   return rpc;
 };
 
@@ -1965,22 +2139,16 @@ const commandMap$1 = {
 };
 
 const getWebViewWorkerRpc2 = async rpcInfo => {
-  const {
-    port1,
-    port2
-  } = getPortTuple();
-  const rpcPromise = MessagePortRpcParent.create({
+  const rpc = await TransferMessagePortRpcParent.create({
     commandMap: commandMap$1,
-    messagePort: port2,
-    isMessagePortOpen: true
+    async send(port) {
+      await invokeAndTransfer$4('WebView.createWebViewWorkerRpc2', rpcInfo, port);
+    }
   });
   // TODO
   // 1. ask extension host worker to ask renderer worker to ask renderer process to create a worker with given url
   // 2. send the port through renderer worker to renderer process to the worker for a direct connection
-  await invokeAndTransfer$2('WebView.createWebViewWorkerRpc2', rpcInfo, port1);
-  const rpc = await rpcPromise;
   // TODO rpc module should start the port
-  port2.start();
   return rpc;
 };
 
@@ -2039,11 +2207,11 @@ const proxyPorts = (port1, port2) => {
 const createWebWorkerRpc2 = async (rpcInfo, webView, savedState, uri, portId, webViewUid, origin) => {
   const rpc = await getWebViewWorkerRpc2(rpcInfo);
   const webViewInfo = {
+    origin,
+    portId: portId,
     rpc,
     webViewId: webView.id,
-    portId: portId,
-    webViewUid,
-    origin
+    webViewUid
   };
   set(portId, webViewInfo);
 
@@ -2073,8 +2241,8 @@ const createWebWorkerRpc2 = async (rpcInfo, webView, savedState, uri, portId, we
   await rpc.invoke('_WebView.create', {
     id: portId,
     savedState,
-    webViewId: webView.id,
-    uri
+    uri,
+    webViewId: webView.id
   });
 };
 
@@ -2088,10 +2256,10 @@ const getWebViewWorkerRpc = async rpcInfo => {
   } = getPortTuple();
   const rpcPromise = MessagePortRpcParent.create({
     commandMap: commandMap$1,
-    messagePort: port2,
-    isMessagePortOpen: true
+    isMessagePortOpen: true,
+    messagePort: port2
   });
-  await invokeAndTransfer$2('WebView.createWebViewWorkerRpc', rpcInfo, port1);
+  await invokeAndTransfer$4('WebView.createWebViewWorkerRpc', rpcInfo, port1);
   const rpc = await rpcPromise;
   // TODO rpc module should start the port
   port2.start();
@@ -2103,11 +2271,11 @@ const createWebViewRpc$1 = async (rpcInfo, webView, savedState, uri, portId, web
   // eslint-disable-next-line @typescript-eslint/no-deprecated
   const rpc = await getWebViewWorkerRpc(rpcInfo);
   const webViewInfo = {
+    origin,
+    portId: portId,
     rpc,
     webViewId: webView.id,
-    portId: portId,
-    webViewUid,
-    origin
+    webViewUid
   };
   set(portId, webViewInfo);
   await rpc.invoke('LoadFile.loadFile', rpcInfo.url);
@@ -2123,8 +2291,8 @@ const createWebViewRpc$1 = async (rpcInfo, webView, savedState, uri, portId, web
   await rpc.invoke('_WebView.create', {
     id: portId,
     savedState,
-    webViewId: webView.id,
-    uri
+    uri,
+    webViewId: webView.id
   });
 };
 
@@ -2132,7 +2300,7 @@ const createWebViewRpc = async (webView, savedState, uri, portId, webViewUid, or
   if (!webView || !webView.rpc || typeof webView.rpc !== 'string') {
     return;
   }
-  const rpcInfo = await invoke$3('WebView.getRpcInfo', webView.rpc);
+  const rpcInfo = await invoke$5('WebView.getRpcInfo', webView.rpc);
   if (rpcInfo && rpcInfo.type === 'web-worker-2') {
     return createWebWorkerRpc2(rpcInfo, webView, savedState, uri, portId, webViewUid, origin);
   }
@@ -2172,13 +2340,13 @@ const getWebViewPort = (platform, locationPort) => {
 };
 
 const create3 = async ({
+  assetDir,
   id,
-  uri,
   isGitpod,
   platform,
-  assetDir,
-  webViewScheme,
-  useNewWebViewHandler
+  uri,
+  useNewWebViewHandler,
+  webViewScheme
 }) => {
   setPlatform(platform);
   let root = '';
@@ -2199,9 +2367,9 @@ const create3 = async ({
   }
   const webView = getWebView(webViews, webViewId);
   const {
+    iframeContent,
     iframeSrc,
-    webViewRoot,
-    iframeContent
+    webViewRoot
   } = iframeResult;
   const frameAncestors = getWebViewFrameAncestors(locationProtocol, locationHost);
   const frameTitle = getWebViewTitle(webView);
@@ -2219,7 +2387,7 @@ const create3 = async ({
   const credentialless = getCredentialLess(locationHost);
 
   // TODO remove this
-  await invoke$4('ExtensionHostManagement.activateByEvent', `onWebView:${webViewId}`);
+  await invoke$3('ExtensionHostManagement.activateByEvent', `onWebView:${webViewId}`);
   const portId = create$1();
   const remotePathPrefix = '/remote';
   await register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent, platform, webViewId, remotePathPrefix, useNewWebViewHandler);
@@ -2233,25 +2401,25 @@ const create3 = async ({
     } = getPortTuple();
     const portType = '';
     await setPort(id, port1, origin, portType);
-    await invokeAndTransfer$2('ExtensionHostWebView.create', webViewId, port2, uri, id, origin, webView);
+    await invokeAndTransfer$4('ExtensionHostWebView.create', webViewId, port2, uri, id, origin, webView);
   }
   const savedState = await getSavedWebViewState(webViewId);
   if (hasOldRpc) {
-    await invoke$3('ExtensionHostWebView.load', webViewId, savedState);
+    await invoke$5('ExtensionHostWebView.load', webViewId, savedState);
   }
   await createWebViewRpc(webView, savedState, uri, portId, id, origin);
   return {
+    csp: iframeCsp,
     iframeSrc,
-    sandbox,
-    portId,
     origin,
-    csp: iframeCsp
+    portId,
+    sandbox
   };
 };
 
 const executeCommand = (method, ...params) => {
   // @ts-ignore
-  return invoke$4('ExecuteExternalCommand.executeExternalCommand', method, ...params);
+  return invoke$3('ExecuteExternalCommand.executeExternalCommand', method, ...params);
 };
 
 const getSecret = async key => {
@@ -2263,14 +2431,24 @@ const getWebViewInfo = webViewId => {
   for (const value of Object.values(rpcs)) {
     if (value.webViewId === webViewId) {
       return {
-        uid: value.webViewUid,
-        origin: value.origin
+        origin: value.origin,
+        uid: value.webViewUid
       };
     }
   }
   return undefined;
 };
 
+const handleMessagePort2 = async (port, rpcId) => {
+  const rpc = await PlainMessagePortRpcParent.create({
+    commandMap: {},
+    messagePort: port
+  });
+  if (rpcId) {
+    set$2(rpcId, rpc);
+  }
+};
+
 const saveState = async () => {
   const all = getAll$1();
   const serialized = [];
@@ -2297,14 +2475,16 @@ const unregisterInterceptor = async id => {
 };
 
 const commandMap = {
+  'Iframes.handleMessagePort': handleMessagePort2,
+  'Iframes.initialize': handleMessagePort2,
   'WebView.create2': create2,
   'WebView.create3': create3,
-  'WebView.saveState': saveState,
+  'WebView.executeExternalCommand': executeCommand,
   'WebView.getSecret': getSecret,
   'WebView.getWebViewInfo': getWebViewInfo,
   'WebView.registerInterceptor': registerInterceptor,
-  'WebView.unregisterInterceptor': unregisterInterceptor,
-  'WebView.executeExternalCommand': executeCommand
+  'WebView.saveState': saveState,
+  'WebView.unregisterInterceptor': unregisterInterceptor
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/iframe-worker",
-  "version": "5.35.0",
+  "version": "6.0.0",
   "description": "Web Worker to manage creation and lifecycle of iframes in Lvce Editor",
   "keywords": [
     "iframe"