@lvce-editor/renderer-process 9.4.1 → 9.6.0

package/dist/rendererProcessMain.js

@@ -52,6 +52,7 @@ const PointerCapture = 42;
 const GetFilePathElectron = 43;
 const HandleMessagePort = 44;
 const MeasureTextBlockHeight = 45;
+const WebView$1 = 46;
 
 const getModuleId = commandId => {
   switch (commandId) {
@@ -207,6 +208,9 @@ const getModuleId = commandId => {
       return GetFilePathElectron;
     case 'HandleMessagePort.handleMessagePort':
       return HandleMessagePort;
+    case 'WebView.create':
+    case 'WebView.setPort':
+      return WebView$1;
     default:
       throw new CommandNotFoundError(commandId);
   }
@@ -364,7 +368,7 @@ const handleBeforeInstallPrompt = event => {
 const handleContentSecurityPolicyViolation = event => {
 };
 
-const load$1 = moduleId => {
+const load$2 = moduleId => {
   switch (moduleId) {
     case Audio$3:
       return Promise.resolve().then(function () { return Audio_ipc; });
@@ -436,6 +440,8 @@ const load$1 = moduleId => {
       return Promise.resolve().then(function () { return GetFilePathElectron_ipc; });
     case HandleMessagePort:
       return Promise.resolve().then(function () { return HandleMessagePort_ipc; });
+    case WebView$1:
+      return Promise.resolve().then(function () { return WebView_ipc; });
     default:
       throw new Error(`module ${moduleId} not found`);
   }
@@ -747,7 +753,7 @@ const getErrorResponse = (message, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(message, errorProperty);
 };
-const create$L = (message, result) => {
+const create$M = (message, result) => {
   return {
     jsonrpc: Two,
     id: message.id,
@@ -756,7 +762,7 @@ const create$L = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$L(message, resultProperty);
+  return create$M(message, resultProperty);
 };
 const getResponse = async (message, ipc, execute, preparePrettyError, logError, requiresSocket) => {
   try {
@@ -934,7 +940,7 @@ const has = name => {
   return ipcs[name];
 };
 
-const create$K = async ({
+const create$L = async ({
   method,
   ...options
 }) => {
@@ -1008,7 +1014,7 @@ const launchWorker = async ({
   name,
   url
 }) => {
-  const worker = await create$K({
+  const worker = await create$L({
     method: Auto,
     url,
     name
@@ -1494,7 +1500,7 @@ const handleUnhandledError = (message, filename, lineno, colno, error) => {
 const editorWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/editor-worker/dist/editorWorkerMain.js`;
 
 const launchEditorWorker = async port => {
-  const ipc = await create$K({
+  const ipc = await create$L({
     name: 'Editor Worker',
     url: editorWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1520,7 +1526,7 @@ const extensionHostWorkerUrl = `${assetDir}/packages/extension-host-worker/src/e
 
 const launchExtensionHostWorker = async port => {
   const name = isElectron ? 'Extension Host (Electron)' : 'Extension Host';
-  const ipc = await create$K({
+  const ipc = await create$L({
     name,
     url: extensionHostWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -1544,7 +1550,7 @@ const hydrate$2 = async () => {
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
 const launchSyntaxHighlightingWorker = async port => {
-  const ipc = await create$K({
+  const ipc = await create$L({
     name: 'Syntax Highlighting Worker',
     url: syntaxHighlightingWorkerUrl,
     method: ModuleWorkerWithMessagePort,
@@ -2445,7 +2451,7 @@ const setNegativeMargin = (state, negativeMargin) => {
   setTop($ListItems, negativeMargin);
 };
 
-const create$J = () => {
+const create$K = () => {
   const $ListItems = document.createElement('div');
   $ListItems.className = 'ListItems';
   $ListItems.role = ListBox;
@@ -2528,7 +2534,7 @@ const setBounds$5 = (state, x, y, width, height) => {
 const ViewletEditorCompletion = {
   __proto__: null,
   attachEvents: attachEvents$b,
-  create: create$J,
+  create: create$K,
   dispose: dispose$i,
   handleError: handleError$7,
   setBounds: setBounds$5,
@@ -2619,7 +2625,7 @@ const main = async () => {
   if ('SecurityPolicyViolationEvent' in self) {
     self.addEventListener('securitypolicyviolation', handleContentSecurityPolicyViolation);
   }
-  setLoad(load$1);
+  setLoad(load$2);
   if (platform === Web) {
     // disable prompt to download app as pwa
     // @ts-expect-error
@@ -2637,15 +2643,15 @@ const play = async src => {
   await audio.play();
 };
 
-const name$y = 'Audio';
-const Commands$z = {
+const name$z = 'Audio';
+const Commands$A = {
   play: play
 };
 
 const Audio_ipc = {
   __proto__: null,
-  Commands: Commands$z,
-  name: name$y
+  Commands: Commands$A,
+  name: name$z
 };
 
 const readText = async () => {
@@ -2666,8 +2672,8 @@ const execCopy = async () => {
   await writeText(text);
 };
 
-const name$x = 'ClipBoard';
-const Commands$y = {
+const name$y = 'ClipBoard';
+const Commands$z = {
   execCopy: execCopy,
   readText: readText,
   writeImage: writeImage,
@@ -2676,23 +2682,23 @@ const Commands$y = {
 
 const ClipBoard_ipc = {
   __proto__: null,
-  Commands: Commands$y,
-  name: name$x
+  Commands: Commands$z,
+  name: name$y
 };
 
 const prompt$1 = message => {
   return confirm(message);
 };
 
-const name$w = 'ConfirmPrompt';
-const Commands$x = {
+const name$x = 'ConfirmPrompt';
+const Commands$y = {
   prompt: prompt$1
 };
 
 const ConfirmPrompt_ipc = {
   __proto__: null,
-  Commands: Commands$x,
-  name: name$w
+  Commands: Commands$y,
+  name: name$x
 };
 
 const state$5 = {
@@ -2717,15 +2723,15 @@ const addCssStyleSheet = async (id, text) => {
   document.adoptedStyleSheets.push(sheet);
 };
 
-const name$v = 'Css';
-const Commands$w = {
+const name$w = 'Css';
+const Commands$x = {
   addCssStyleSheet: addCssStyleSheet
 };
 
 const Css_ipc = {
   __proto__: null,
-  Commands: Commands$w,
-  name: name$v
+  Commands: Commands$x,
+  name: name$w
 };
 
 const modules = ['ActivityBar', 'Ajax', 'Allocator', 'Callback', 'Command', 'Context', 'ContextMenu', 'Delay', 'Developer', 'DomPool', 'Editor', 'Exec', 'ExtensionHost', 'FileSystem', 'KeyBindings', 'Layout', 'Main', 'Notification', 'Panel', 'Parts', 'QuickPick', 'Renderer', 'RendererWorker', 'Search', 'SharedProcess', 'SideBar', 'StatusBar', 'TitleBar', 'Viewlet', 'ViewletController', 'ViewService', 'Vscode', 'Window', 'Workbench', 'Worker', 'Workspace'];
@@ -2745,15 +2751,15 @@ const showState = async () => {
   info(state);
 };
 
-const name$u = 'Developer';
-const Commands$v = {
+const name$v = 'Developer';
+const Commands$w = {
   showState: showState
 };
 
 const Developer_ipc = {
   __proto__: null,
-  Commands: Commands$v,
-  name: name$u
+  Commands: Commands$w,
+  name: name$v
 };
 
 const downloadFile = (fileName, url) => {
@@ -2763,15 +2769,15 @@ const downloadFile = (fileName, url) => {
   a.click();
 };
 
-const name$t = 'Download';
-const Commands$u = {
+const name$u = 'Download';
+const Commands$v = {
   downloadFile: downloadFile
 };
 
 const Download_ipc = {
   __proto__: null,
-  Commands: Commands$u,
-  name: name$t
+  Commands: Commands$v,
+  name: name$u
 };
 
 // based on https://github.com/microsoft/vscode/blob/5f87632829dc3ac80203e2377727935184399431/src/vs/base/browser/ui/aria/aria.ts (License MIT)
@@ -2860,7 +2866,7 @@ const AriaAlert = {
 // but that's difficult to know
 
 // TODO hide widget after timeout or mousemove
-const create$I = (message, x, y) => {
+const create$J = (message, x, y) => {
   const $EditorError = document.createElement('div');
   $EditorError.className = 'EditorWidgetError';
   $EditorError.textContent = message;
@@ -2873,15 +2879,15 @@ const create$I = (message, x, y) => {
   };
 };
 
-const name$s = 'EditorError';
-const Commands$t = {
-  create: create$I
+const name$t = 'EditorError';
+const Commands$u = {
+  create: create$J
 };
 
 const EditorError_ipc = {
   __proto__: null,
-  Commands: Commands$t,
-  name: name$s
+  Commands: Commands$u,
+  name: name$t
 };
 
 const state$3 = {
@@ -2915,7 +2921,7 @@ const focusPrevious = () => {
   }
 };
 
-const create$H = () => {
+const create$I = () => {
   const $InputBox = document.createElement('input');
   $InputBox.className = 'InputBox';
   $InputBox.spellcheck = false;
@@ -2939,8 +2945,8 @@ const FocusOutput = 28;
 const handleBlur$9 = () => {
   send(/* EditorRename.abort */'EditorRename.abort');
 };
-const create$G = (x, y) => {
-  const $RenameWidgetInputBox = create$H();
+const create$H = (x, y) => {
+  const $RenameWidgetInputBox = create$I();
   $RenameWidgetInputBox.className = 'RenameWidgetInputBox';
   $RenameWidgetInputBox.onblur = handleBlur$9;
   const $RenameWidget = document.createElement('div');
@@ -2969,17 +2975,17 @@ const finish = state => {
   return value;
 };
 
-const name$r = 'EditorRename';
-const Commands$s = {
-  create: create$G,
+const name$s = 'EditorRename';
+const Commands$t = {
+  create: create$H,
   dispose: dispose$h,
   finish: finish
 };
 
 const EditorRename_ipc = {
   __proto__: null,
-  Commands: Commands$s,
-  name: name$r
+  Commands: Commands$t,
+  name: name$s
 };
 
 const showDirectoryPicker = options => {
@@ -2995,8 +3001,8 @@ const showSaveFilePicker = options => {
   return window.showSaveFilePicker(options);
 };
 
-const name$q = 'FilePicker';
-const Commands$r = {
+const name$r = 'FilePicker';
+const Commands$s = {
   showDirectoryPicker: showDirectoryPicker,
   showFilePicker: showFilePicker,
   showSaveFilePicker: showSaveFilePicker
@@ -3004,23 +3010,23 @@ const Commands$r = {
 
 const FilePicker_ipc = {
   __proto__: null,
-  Commands: Commands$r,
-  name: name$q
+  Commands: Commands$s,
+  name: name$r
 };
 
 const requestPermission = (handle, options) => {
   return handle.requestPermission(options);
 };
 
-const name$p = 'FileSystemHandle';
-const Commands$q = {
+const name$q = 'FileSystemHandle';
+const Commands$r = {
   requestPermission: requestPermission
 };
 
 const FileSystemHandle_ipc = {
   __proto__: null,
-  Commands: Commands$q,
-  name: name$p
+  Commands: Commands$r,
+  name: name$q
 };
 
 const handleImageLoad = event => {
@@ -3057,7 +3063,7 @@ const showError = (message, y, x) => {
     $ImagePreviewImage
   };
 };
-const create$F = (uri, top, left) => {
+const create$G = (uri, top, left) => {
   const $ImagePreviewImage = document.createElement('img');
   $ImagePreviewImage.className = 'ImagePreviewImage';
   $ImagePreviewImage.src = uri;
@@ -3088,15 +3094,15 @@ const dispose$g = state => {
 
 const ImagePreview = {
   __proto__: null,
-  create: create$F,
+  create: create$G,
   dispose: dispose$g,
   showError,
   update
 };
 
-const name$o = 'ImagePreview';
-const Commands$p = {
-  create: create$F,
+const name$p = 'ImagePreview';
+const Commands$q = {
+  create: create$G,
   dispose: dispose$g,
   showError: showError,
   update: update
@@ -3104,8 +3110,8 @@ const Commands$p = {
 
 const ImagePreview_ipc = {
   __proto__: null,
-  Commands: Commands$p,
-  name: name$o
+  Commands: Commands$q,
+  name: name$p
 };
 
 const getTitleBarHeight = () => {
@@ -3161,41 +3167,41 @@ const getInitData = () => {
   return initData;
 };
 
-const name$n = 'InitData';
-const Commands$o = {
+const name$o = 'InitData';
+const Commands$p = {
   getInitData: getInitData
 };
 
 const InitData_ipc = {
   __proto__: null,
-  Commands: Commands$o,
-  name: name$n
+  Commands: Commands$p,
+  name: name$o
 };
 
-const name$m = 'IpcParent';
-const Commands$n = {
-  create: create$K
+const name$n = 'IpcParent';
+const Commands$o = {
+  create: create$L
 };
 
 const IpcParent_ipc = {
   __proto__: null,
-  Commands: Commands$n,
-  name: name$m
+  Commands: Commands$o,
+  name: name$n
 };
 
-const name$l = 'Layout';
-const Commands$m = {
+const name$m = 'Layout';
+const Commands$n = {
   getBounds: getBounds
 };
 
 const Layout_ipc = {
   __proto__: null,
-  Commands: Commands$m,
-  name: name$l
+  Commands: Commands$n,
+  name: name$m
 };
 
-const name$k = 'Location';
-const Commands$l = {
+const name$l = 'Location';
+const Commands$m = {
   getHref: getHref,
   getPathName: getPathName,
   hydrate: hydrate,
@@ -3204,8 +3210,8 @@ const Commands$l = {
 
 const Location_ipc = {
   __proto__: null,
-  Commands: Commands$l,
-  name: name$k
+  Commands: Commands$m,
+  name: name$l
 };
 
 const getElementHeight = $Element => {
@@ -3228,15 +3234,15 @@ const measureTextHeight = (text, fontSize, fontFamily) => {
   return getElementHeight($Measure);
 };
 
-const name$j = 'MeasureTextHeight';
-const Commands$k = {
+const name$k = 'MeasureTextHeight';
+const Commands$l = {
   measureTextHeight: measureTextHeight
 };
 
 const MeasureTextHeight_ipc = {
   __proto__: null,
-  Commands: Commands$k,
-  name: name$j
+  Commands: Commands$l,
+  name: name$k
 };
 
 const measureTextBlockHeight = (text, fontSize, fontFamily, lineHeight, width) => {
@@ -3257,15 +3263,15 @@ const measureTextBlockHeight = (text, fontSize, fontFamily, lineHeight, width) =
   return getElementHeight($Measure);
 };
 
-const name$i = 'MeasureTextBlockHeight';
-const Commands$j = {
+const name$j = 'MeasureTextBlockHeight';
+const Commands$k = {
   measureTextBlockHeight: measureTextBlockHeight
 };
 
 const MeasureTextBlockHeight_ipc = {
   __proto__: null,
-  Commands: Commands$j,
-  name: name$i
+  Commands: Commands$k,
+  name: name$j
 };
 
 const setThemeColor = color => {
@@ -3277,15 +3283,15 @@ const setThemeColor = color => {
   meta.content = color;
 };
 
-const name$h = 'Meta';
-const Commands$i = {
+const name$i = 'Meta';
+const Commands$j = {
   setThemeColor: setThemeColor
 };
 
 const Meta_ipc = {
   __proto__: null,
-  Commands: Commands$i,
-  name: name$h
+  Commands: Commands$j,
+  name: name$i
 };
 
 const create$Notification = message => {
@@ -3294,7 +3300,7 @@ const create$Notification = message => {
   $Notification.textContent = message;
   return $Notification;
 };
-const create$E = (type, message) => {
+const create$F = (type, message) => {
   // TODO this pattern might be also useful for activitybar, sidebar etc., creating elements as late as possible, only when actually needed
   const $Notification = create$Notification(message);
   append$1($Notification);
@@ -3343,19 +3349,19 @@ const dispose$f = id => {
   // const $Notification = state.$Notifications
 };
 
-const name$g = 'Notification';
+const name$h = 'Notification';
 
 // prettier-ignore
-const Commands$h = {
-  create: create$E,
+const Commands$i = {
+  create: create$F,
   createWithOptions: createWithOptions,
   dispose: dispose$f
 };
 
 const Notification_ipc = {
   __proto__: null,
-  Commands: Commands$h,
-  name: name$g
+  Commands: Commands$i,
+  name: name$h
 };
 
 const state$2 = {
@@ -3371,24 +3377,24 @@ const set$3 = (canvasId, canvas) => {
 const get$3 = id => {
   return get$4(id);
 };
-const create$D = async (canvasId, objectId) => {
+const create$E = async (canvasId, objectId) => {
   const canvas = document.createElement('canvas');
   const offscreenCanvas = canvas.transferControlToOffscreen();
   set$3(canvasId, canvas);
   await invokeAndTransfer('Transferrable.transfer', objectId, offscreenCanvas);
 };
 
-const name$f = 'OffscreenCanvas';
+const name$g = 'OffscreenCanvas';
 
 // prettier-ignore
-const Commands$g = {
-  create: create$D
+const Commands$h = {
+  create: create$E
 };
 
 const OffscreenCanvas_ipc = {
   __proto__: null,
-  Commands: Commands$g,
-  name: name$f
+  Commands: Commands$h,
+  name: name$g
 };
 
 // TODO this module should be called dom or dom utils
@@ -3681,8 +3687,8 @@ const hide = (restoreFocus = true) => {
   }
 };
 
-const name$e = 'Menu';
-const Commands$f = {
+const name$f = 'Menu';
+const Commands$g = {
   focusIndex: focusIndex,
   hide: hide,
   hideSubMenu: hideSubMenu,
@@ -3692,23 +3698,23 @@ const Commands$f = {
 
 const Menu_ipc = {
   __proto__: null,
-  Commands: Commands$f,
-  name: name$e
+  Commands: Commands$g,
+  name: name$f
 };
 
 const openUrl = url => {
   open(url);
 };
 
-const name$d = 'Open';
-const Commands$e = {
+const name$e = 'Open';
+const Commands$f = {
   openUrl: openUrl
 };
 
 const Open_ipc = {
   __proto__: null,
-  Commands: Commands$e,
-  name: name$d
+  Commands: Commands$f,
+  name: name$e
 };
 
 const isElectronUserAgentSpecificMemoryError = error => {
@@ -3747,18 +3753,18 @@ const getMemory = () => {
   };
 };
 
-const name$c = 'Performance';
+const name$d = 'Performance';
 
 // prettier-ignore
-const Commands$d = {
+const Commands$e = {
   getMemory: getMemory,
   measureUserAgentSpecificMemory: measureUserAgentSpecificMemory
 };
 
 const Performance_ipc = {
   __proto__: null,
-  Commands: Commands$d,
-  name: name$c
+  Commands: Commands$e,
+  name: name$d
 };
 
 const prompt = (message, defaultValue) => {
@@ -3766,15 +3772,15 @@ const prompt = (message, defaultValue) => {
   return window.prompt(message, defaultValue);
 };
 
-const name$b = 'Prompt';
-const Commands$c = {
+const name$c = 'Prompt';
+const Commands$d = {
   prompt: prompt
 };
 
 const Prompt_ipc = {
   __proto__: null,
-  Commands: Commands$c,
-  name: name$b
+  Commands: Commands$d,
+  name: name$c
 };
 
 const screenCaptures = Object.create(null);
@@ -3815,16 +3821,16 @@ const dispose$e = async (id, options) => {
   }
 };
 
-const name$a = 'ScreenCapture';
-const Commands$b = {
+const name$b = 'ScreenCapture';
+const Commands$c = {
   dispose: dispose$e,
   start: start
 };
 
 const ScreenCapture_ipc = {
   __proto__: null,
-  Commands: Commands$b,
-  name: name$a
+  Commands: Commands$c,
+  name: name$b
 };
 
 const htmlElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdo', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'command', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'link', 'map', 'mark', 'menu', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'pre', 'progress', 'q', 'rp', 'rt', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'sub', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr'];
@@ -4330,10 +4336,10 @@ const checkMultiElementCondition = async (locator, fnName, options) => {
   throw new AssertionError(message);
 };
 
-const name$9 = 'TestFrameWork';
+const name$a = 'TestFrameWork';
 
 // prettier-ignore
-const Commands$a = {
+const Commands$b = {
   checkMultiElementCondition: checkMultiElementCondition,
   checkSingleElementCondition: checkSingleElementCondition,
   performAction: performAction,
@@ -4343,8 +4349,8 @@ const Commands$a = {
 
 const TestFrameWork_ipc = {
   __proto__: null,
-  Commands: Commands$a,
-  name: name$9
+  Commands: Commands$b,
+  name: name$a
 };
 
 const webViews = Object.create(null);
@@ -4389,16 +4395,16 @@ const transferToWebView = objectId => {
   }, '*', [port]);
 };
 
-const name$8 = 'Transferrable';
-const Commands$9 = {
+const name$9 = 'Transferrable';
+const Commands$a = {
   transfer: transfer,
   transferToWebView: transferToWebView
 };
 
 const Transferrable_ipc = {
   __proto__: null,
-  Commands: Commands$9,
-  name: name$8
+  Commands: Commands$a,
+  name: name$9
 };
 
 const state = {
@@ -4428,7 +4434,7 @@ const setIdentifiers = identifiers => {
 
 const rememberFocus = rememberFocus$1;
 
-const load = moduleId => {
+const load$1 = moduleId => {
   switch (moduleId) {
     case ImagePreview$1:
       return Promise.resolve().then(function () { return ImagePreview; });
@@ -4547,7 +4553,7 @@ const load = moduleId => {
   }
 };
 
-const create$C = (id, uid = id) => {
+const create$D = (id, uid = id) => {
   const module = state$6.modules[id];
   if (!module) {
     throw new Error(`module not found: ${id}`);
@@ -4591,7 +4597,7 @@ const removeKeyBindings = id => {
 };
 const loadModule = async id => {
   try {
-    const module = await load(id);
+    const module = await load$1(id);
     state$6.modules[id] = module;
   } catch (error) {
     throw new VError$1(error, `Failed to load ${id}`);
@@ -4714,7 +4720,7 @@ const sendMultiple = commands => {
         }
       case 'Viewlet.create':
         {
-          create$C(viewletId, method);
+          create$D(viewletId, method);
           break;
         }
       case 'Viewlet.createFunctionalRoot':
@@ -4909,7 +4915,7 @@ const appendToBody = childId => {
 const getFn = command => {
   switch (command) {
     case 'Viewlet.create':
-      return create$C;
+      return create$D;
     case 'Viewlet.send':
       return invoke;
     case 'Viewlet.show':
@@ -4968,8 +4974,8 @@ const setBounds$4 = (id, left, top, width, height) => {
   setBounds$6($Viewlet, left, top, width, height);
 };
 
-const name$7 = 'Viewlet';
-const Commands$8 = {
+const name$8 = 'Viewlet';
+const Commands$9 = {
   addKeyBindings: addKeyBindings,
   appendViewlet: appendViewlet,
   dispose: dispose$d,
@@ -4989,8 +4995,8 @@ const Commands$8 = {
 
 const Viewlet_ipc = {
   __proto__: null,
-  Commands: Commands$8,
-  name: name$7
+  Commands: Commands$9,
+  name: name$8
 };
 
 const LocalStorage = 1;
@@ -5033,8 +5039,8 @@ const clear$1 = storageType => {
   storage.clear();
 };
 
-const name$6 = 'WebStorage';
-const Commands$7 = {
+const name$7 = 'WebStorage';
+const Commands$8 = {
   clear: clear$1,
   getAll: getAll,
   getItem: getItem,
@@ -5044,8 +5050,8 @@ const Commands$7 = {
 
 const WebStorage_ipc = {
   __proto__: null,
-  Commands: Commands$7,
-  name: name$6
+  Commands: Commands$8,
+  name: name$7
 };
 
 const reload$1 = () => {
@@ -5075,8 +5081,8 @@ const onVisibilityChange = () => {
   document.addEventListener('pointerleave', handlePointerLeave);
 };
 
-const name$5 = 'Window';
-const Commands$6 = {
+const name$6 = 'Window';
+const Commands$7 = {
   close: close,
   maximize: maximize,
   minimize: minimize,
@@ -5087,34 +5093,34 @@ const Commands$6 = {
 
 const Window_ipc = {
   __proto__: null,
-  Commands: Commands$6,
-  name: name$5
+  Commands: Commands$7,
+  name: name$6
 };
 
 const set = title => {
   document.title = title;
 };
 
-const name$4 = 'WindowTitle';
-const Commands$5 = {
+const name$5 = 'WindowTitle';
+const Commands$6 = {
   set: set
 };
 
 const WindowTitle_ipc = {
   __proto__: null,
-  Commands: Commands$5,
-  name: name$4
+  Commands: Commands$6,
+  name: name$5
 };
 
-const name$3 = 'KeyBindings';
-const Commands$4 = {
+const name$4 = 'KeyBindings';
+const Commands$5 = {
   setIdentifiers: setIdentifiers
 };
 
 const KeyBindings_ipc = {
   __proto__: null,
-  Commands: Commands$4,
-  name: name$3
+  Commands: Commands$5,
+  name: name$4
 };
 
 // workaround for not being setPointerCapture() not working on
@@ -5130,16 +5136,16 @@ const unmock = () => {
   Element.prototype.releasePointerCapture = globalThis._originalReleasePointerCapture;
 };
 
-const name$2 = 'PointerCapture';
-const Commands$3 = {
+const name$3 = 'PointerCapture';
+const Commands$4 = {
   mock: mock,
   unmock: unmock
 };
 
 const PointerCapture_ipc = {
   __proto__: null,
-  Commands: Commands$3,
-  name: name$2
+  Commands: Commands$4,
+  name: name$3
 };
 
 const isFile = value => {
@@ -5157,15 +5163,15 @@ const getFilePathElectron = async file => {
   return filePath;
 };
 
-const name$1 = 'GetFilePathElectron';
-const Commands$2 = {
+const name$2 = 'GetFilePathElectron';
+const Commands$3 = {
   getFilePathElectron: getFilePathElectron
 };
 
 const GetFilePathElectron_ipc = {
   __proto__: null,
-  Commands: Commands$2,
-  name: name$1
+  Commands: Commands$3,
+  name: name$2
 };
 
 const MessagePort$1 = 1;
@@ -5722,19 +5728,44 @@ const handleMessagePort = async port => {
   handleIpc(ipc);
 };
 
-const name = 'HandleMessagePort';
-const Commands$1 = {
+const name$1 = 'HandleMessagePort';
+const Commands$2 = {
   handleMessagePort: handleMessagePort
 };
 
 const HandleMessagePort_ipc = {
   __proto__: null,
-  Commands: Commands$1,
-  name
+  Commands: Commands$2,
+  name: name$1
 };
 
-const Message = 'message';
-const Error$1 = 'error';
+const setIframeCredentialless = ($Iframe, credentialless) => {
+  if (credentialless) {
+    // @ts-ignore
+    $Iframe.credentialless = credentialless;
+  }
+};
+
+const setIframeCsp = ($Iframe, csp) => {
+  if (csp) {
+    // @ts-ignore
+    $Iframe.csp = csp;
+  }
+};
+
+const setIframeSandBox = ($Iframe, sandbox) => {
+  for (const element of sandbox) {
+    $Iframe.sandbox.add(element);
+  }
+};
+
+const setIframeSrc = ($Iframe, src, srcDoc = '') => {
+  if (src) {
+    $Iframe.src = src;
+  } else if (srcDoc) {
+    $Iframe.srcdoc = srcDoc;
+  }
+};
 
 const withResolvers = () => {
   /**
@@ -5756,6 +5787,69 @@ const withResolvers = () => {
   };
 };
 
+const waitForFrameToLoad = $Frame => {
+  const {
+    resolve,
+    promise
+  } = withResolvers();
+  $Frame.addEventListener('load', resolve, {
+    once: true
+  });
+  return promise;
+};
+
+// TODO could use browser view when running in electron
+const create$C = async (uid, src, sandbox, csp, credentialless) => {
+  const $Iframe = document.createElement('iframe');
+  setIframeCredentialless($Iframe, credentialless);
+  setIframeCsp($Iframe, csp);
+  setIframeSandBox($Iframe, sandbox);
+  setIframeSrc($Iframe, src);
+  $Iframe.className = 'E2eTestIframe WebViewIframe';
+  set$1(uid, $Iframe);
+  // TODO make make waitForFrameToLoad a separate command
+};
+const load = async uid => {
+  const $Iframe = get(uid);
+  const promise = waitForFrameToLoad($Iframe);
+  const parent = document.getElementById('Workbench');
+  parent.append($Iframe);
+  await promise;
+};
+
+// TODO rename to sendMessage
+const setPort$2 = (uid, port, origin) => {
+  const $Iframe = get(uid);
+  // TODO use jsonrpc invoke
+  const {
+    contentWindow
+  } = $Iframe;
+  if (!contentWindow) {
+    throw new Error(`content window not found`);
+  }
+  contentWindow.postMessage({
+    jsonrpc: '2.0',
+    method: 'setPort',
+    params: [port]
+  }, origin, [port]);
+};
+
+const name = 'WebView';
+const Commands$1 = {
+  create: create$C,
+  load: load,
+  setPort: setPort$2
+};
+
+const WebView_ipc = {
+  __proto__: null,
+  Commands: Commands$1,
+  name
+};
+
+const Message = 'message';
+const Error$1 = 'error';
+
 const getFirstEvent = (eventTarget, eventMap) => {
   const {
     resolve,
@@ -7051,7 +7145,7 @@ const setDecorationsDom$2 = (state, decorations) => {
   renderInto($LayerDiagnostics, decorations);
 };
 
-const setPosition = (state, scrollBarY, scrollBarHeight) => {
+const setPosition$1 = (state, scrollBarY, scrollBarHeight) => {
   const {
     $ScrollBarThumbVertical
   } = state;
@@ -7224,7 +7318,7 @@ const setIncrementalEdits$1 = (state, incrementalEdits) => {
   }
 };
 const setScrollBar$1 = (state, scrollBarY, scrollBarHeight) => {
-  setPosition(state, scrollBarY, scrollBarHeight);
+  setPosition$1(state, scrollBarY, scrollBarHeight);
 };
 const setScrollBarHorizontal$1 = setScrollBarHorizontal$2;
 const renderGutter$1 = (state, dom) => {
@@ -9442,7 +9536,7 @@ const focus$6 = state => {
 // - for nvda ariaRoleDescription works better
 
 const create$a = () => {
-  const $QuickPickInput = create$H();
+  const $QuickPickInput = create$I();
   $QuickPickInput.setAttribute(AriaControls, Ids.QuickPickItems); // TODO use idl once supported
   $QuickPickInput.role = ComboBox;
   $QuickPickInput.ariaLabel = 'Type the name of a command to run.';
@@ -11295,34 +11389,6 @@ const ViewletWebViewEvents = {
   returnValue
 };
 
-const setIframeCredentialless = ($Iframe, credentialless) => {
-  if (credentialless) {
-    // @ts-ignore
-    $Iframe.credentialless = credentialless;
-  }
-};
-
-const setIframeCsp = ($Iframe, csp) => {
-  if (csp) {
-    // @ts-ignore
-    $Iframe.csp = csp;
-  }
-};
-
-const setIframeSandBox = ($Iframe, sandbox) => {
-  for (const element of sandbox) {
-    $Iframe.sandbox.add(element);
-  }
-};
-
-const setIframeSrc = ($Iframe, src, srcDoc) => {
-  if (src) {
-    $Iframe.src = src;
-  } else if (srcDoc) {
-    $Iframe.srcdoc = srcDoc;
-  }
-};
-
 // TODO could use browser view when running in electron
 const setIframe = (state, src, sandbox = [], srcDoc = '', csp = '', credentialless = true) => {
   if (!src && !srcDoc) {
@@ -11367,10 +11433,15 @@ const setPort = (state, portId, origin) => {
     once: true
   });
 };
+const setPosition = (state, id, x, y, width, height) => {
+  const $Iframe = get(id);
+  setBounds$6($Iframe, x, y, width, height);
+};
 
 const ViewletWebView = {
   __proto__: null,
   Events: ViewletWebViewEvents,
   setIframe,
-  setPort
+  setPort,
+  setPosition
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "9.4.1",
+  "version": "9.6.0",
   "description": "",
   "main": "dist/diffWorkerMain.js",
   "type": "module",