@lvce-editor/server 0.34.9 → 0.34.11

package/static/{18c07c9 → d585b3b}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -110,7 +110,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/18c07c9';
+    return '/d585b3b';
   }
 };
 const assetDir = getAssetDir();
@@ -828,9 +828,9 @@ const initializeModule = module => {
     for (const [key, value] of Object.entries(module.Commands)) {
       if (module.name) {
         const actualKey = `${module.name}.${key}`;
-        register$2(actualKey, value);
+        register$6(actualKey, value);
       } else {
-        register$2(key, value);
+        register$6(key, value);
       }
     }
     return;
@@ -852,7 +852,7 @@ const getOrLoadModule = moduleId => {
   return state$O.pendingModules[moduleId];
 };
 const loadCommand = command => getOrLoadModule(getModuleId$1(command));
-const register$2 = (commandId, listener) => {
+const register$6 = (commandId, listener) => {
   state$O.commands[commandId] = listener;
 };
 const hasThrown = new Set();
@@ -1056,7 +1056,7 @@ const IpcChildWithModuleWorker$1 = {
   wrap: wrap$6$1
 };
 
-const getModule$a = method => {
+const getModule$b = method => {
   switch (method) {
     case ModuleWorker$1:
       return IpcChildWithModuleWorker$1;
@@ -1068,7 +1068,7 @@ const getModule$a = method => {
 const listen$2 = async ({
   method
 }) => {
-  const module = await getModule$a(method);
+  const module = await getModule$b(method);
   const rawIpc = await module.listen();
   // @ts-ignore
   if (module.signal) {
@@ -2978,7 +2978,7 @@ const getSavedViewletState = viewletId => {
 const state$A = {
   idMap: Object.create(null)
 };
-const register$1 = (id, module) => {
+const register$5 = (id, module) => {
   state$A.idMap[id] = module;
 };
 const get$a = id => {
@@ -3361,13 +3361,13 @@ const getRenderCommands = (module, oldState, newState, uid = newState.uid || mod
 };
 const registerWrappedCommand = (moduleName, key, wrappedCommand) => {
   if (key.startsWith(moduleName)) {
-    register$2(key, wrappedCommand);
+    register$6(key, wrappedCommand);
   } else {
     // TODO rename editorText to editor
     if (moduleName === 'EditorText') {
-      register$2(`Editor.${key}`, wrappedCommand);
+      register$6(`Editor.${key}`, wrappedCommand);
     } else {
-      register$2(`${moduleName}.${key}`, wrappedCommand);
+      register$6(`${moduleName}.${key}`, wrappedCommand);
     }
   }
 };
@@ -3425,7 +3425,7 @@ const maybeRegisterMenuEntries = module => {
       if (!menu.id) {
         throw new Error('missing menu id');
       }
-      register$1(menu.id, menu);
+      register$5(menu.id, menu);
     }
   }
 };
@@ -3757,7 +3757,7 @@ const ModuleWorkerAndWorkaroundForChromeDevtoolsBug = 6;
 const Node = 7;
 const NodeAlternate = 8;
 
-const getModule$9 = method => {
+const getModule$a = method => {
   switch (method) {
     case ElectronMessagePort:
       return Promise.resolve().then(function () { return IpcParentWithElectronMessagePort; });
@@ -3784,7 +3784,7 @@ const create$18 = async ({
   method,
   ...options
 }) => {
-  const module = await getModule$9(method);
+  const module = await getModule$a(method);
   // @ts-ignore
   const rawIpc = await module.create(options);
   if (options.noReturn) {
@@ -4005,7 +4005,7 @@ const hideFunctional = id => {
     throw new Error(`Failed to dispose viewlet ${id}: ${error}`);
   }
 };
-const resize$n = (id, dimensions) => {
+const resize$o = (id, dimensions) => {
   number$1(id);
   object(dimensions);
   const instance = getInstance(id);
@@ -6519,9 +6519,29 @@ const organizeExtensions = extensions => {
     rejected
   };
 };
+const validateEvents = extension => {
+  if (!extension) {
+    return [];
+  }
+  if (!extension.activation) {
+    return [];
+  }
+  // TODO handle error when extension.activation is not of type array (null or number or ...)
+  const warnings = [];
+  for (const item of extension.activation) {
+    if (item.startsWith('onWebview:')) {
+      warnings.push(`[renderer-worker] Invalid extension activation event in ${extension.path}: should be onWebView:`);
+    }
+  }
+  return warnings;
+};
 const filterByMatchingEvent = (extensions, event) => {
   const extensionsToActivate = [];
   for (const extension of extensions) {
+    const warnings = validateEvents(extension);
+    for (const warning of warnings) {
+      console.warn(warning);
+    }
     // TODO handle error when extension.activation is not of type array (null or number or ...)
     if (extension.activation && extension.activation.includes(event)) {
       extensionsToActivate.push(extension);
@@ -6804,7 +6824,7 @@ const ExtensionHostFileSystem = {
 };
 
 const name$2q = 'App';
-const getModule$8 = uri => {
+const getModule$9 = uri => {
   switch (uri) {
     case 'startup-performance':
       return Promise.resolve().then(function () { return FileSystemAppStartupPerformance; });
@@ -6823,11 +6843,11 @@ const getModule$8 = uri => {
   }
 };
 const readFile$c = async uri => {
-  const module = await getModule$8(uri);
+  const module = await getModule$9(uri);
   return module.readFile();
 };
 const writeFile$c = async (uri, content) => {
-  const module = await getModule$8(uri);
+  const module = await getModule$9(uri);
   return module.writeFile(content);
 };
 const readDirWithFileTypes$6 = () => {
@@ -8659,7 +8679,7 @@ const IpcParentWithWebSocket = {
   wrap: wrap$2
 };
 
-const getModule$7 = () => {
+const getModule$8 = () => {
   switch (platform) {
     case Web$1:
     case Remote:
@@ -8671,7 +8691,7 @@ const getModule$7 = () => {
   }
 };
 const create$10 = async options => {
-  const module = await getModule$7();
+  const module = await getModule$8();
   const rawIpc = await module.create(options);
   if (options.raw) {
     return rawIpc;
@@ -9171,9 +9191,9 @@ const formatAboutDate = isoDate => {
   return `${isoDate} (${ago})`;
 };
 
-const version = '0.34.9';
-const commit = '18c07c9';
-const date = '2024-09-20T21:26:16.000Z';
+const version = '0.34.11';
+const commit = 'd585b3b';
+const date = '2024-09-22T10:03:34.000Z';
 const getPid = () => {
   return invoke$7('Process.getPid');
 };
@@ -9290,7 +9310,7 @@ const AppImage = 'AppImage';
 const WindowsNsis = 'WindowsNsis';
 const Deb = 'Deb';
 
-const getModule$6 = type => {
+const getModule$7 = type => {
   switch (type) {
     case AppImage:
       return Promise.resolve().then(function () { return AutoUpdaterAppImage; });
@@ -9338,7 +9358,7 @@ const checkForUpdates$1 = async () => {
   if (!shouldUpdate) {
     return;
   }
-  const module = await getModule$6(type);
+  const module = await getModule$7(type);
   if (!module) {
     return;
   }
@@ -10052,7 +10072,7 @@ const hasContextMenuNativePreference = () => {
   const value = get$d('window.titleBarStyle');
   return value === 'native';
 };
-const getModule$5 = () => {
+const getModule$6 = () => {
   if (platform === Electron$1 && hasContextMenuNativePreference()) {
     return Promise.resolve().then(function () { return ContextMenuElectron; });
   }
@@ -10062,7 +10082,7 @@ const show$a = async (x, y, id, ...args) => {
   number$1(x);
   number$1(y);
   number$1(id);
-  const module = await getModule$5();
+  const module = await getModule$6();
   return module.show(x, y, id, ...args);
 };
 
@@ -10465,7 +10485,7 @@ const formatBytes = bytes => {
   return prettyBytes(bytes);
 };
 
-const getModule$4 = () => {
+const getModule$5 = () => {
   switch (platform) {
     case Electron$1:
       return Promise.resolve().then(function () { return ProcessExplorerElectron; });
@@ -10478,7 +10498,7 @@ const getModule$4 = () => {
   }
 };
 const open$6 = async () => {
-  const module = await getModule$4();
+  const module = await getModule$5();
   return module.open();
 };
 
@@ -11936,7 +11956,7 @@ const MenuEntriesTerminal = {
   id: id$h
 };
 
-const getModule$3 = () => {
+const getModule$4 = () => {
   switch (platform) {
     case Web$1:
       return Promise.resolve().then(function () { return MenuEntriesTitleBarWeb; });
@@ -11946,7 +11966,7 @@ const getModule$3 = () => {
 };
 const id$g = TitleBar$1;
 const getMenuEntries$l = async () => {
-  const module = await getModule$3();
+  const module = await getModule$4();
   return module.getMenuEntries();
 };
 
@@ -12684,7 +12704,7 @@ const KeyBindingsInitial_ipc = {
 };
 
 const state$d = Object.create(null);
-const register = listener => {
+const register$4 = listener => {
   const id = create$1a();
   state$d[id] = listener;
   return id;
@@ -12775,7 +12795,7 @@ const load$2 = id => {
   }
 };
 
-const getModule$2 = id => {
+const getModule$3 = id => {
   const module = get$a(id);
   if (module) {
     return module;
@@ -12784,7 +12804,7 @@ const getModule$2 = id => {
 };
 const getMenuEntries$j = async (id, ...args) => {
   try {
-    const module = await getModule$2(id);
+    const module = await getModule$3(id);
     // @ts-ignore
     const inject = module.inject || [];
     const viewletStates = inject.map(getState$1);
@@ -16099,8 +16119,8 @@ const getFilteredActivityBarItems = (items, height, itemHeight) => {
   return [...items.slice(0, numberOfVisibleItems - 2), showMoreItem, items.at(-1)];
 };
 
-const hasFunctionalResize$h = true;
-const resize$m = (state, dimensions) => {
+const hasFunctionalResize$i = true;
+const resize$n = (state, dimensions) => {
   const filteredItems = getFilteredActivityBarItems(state.activityBarItems, dimensions.height, state.itemHeight);
   return {
     ...state,
@@ -16131,13 +16151,13 @@ const ViewletActivityBar_ipc = {
   handleSideBarHidden,
   handleSideBarViewletChange,
   hasFunctionalRender: hasFunctionalRender$K,
-  hasFunctionalResize: hasFunctionalResize$h,
+  hasFunctionalResize: hasFunctionalResize$i,
   hasFunctionalRootRender: hasFunctionalRootRender$o,
   loadContent: loadContent$Q,
   menus: menus$c,
   name: name$T,
   render: render$O,
-  resize: resize$m,
+  resize: resize$n,
   saveState: saveState$d,
   toggleActivityBarItem,
   toggleItem,
@@ -18126,8 +18146,8 @@ const handleSashCornerPointerMove = async (state, eventX, eventY) => {
 const handleSashCornerPointerUp = state => {
   return state;
 };
-const hasFunctionalResize$g = true;
-const resize$l = (state, dimensions) => {
+const hasFunctionalResize$h = true;
+const resize$m = (state, dimensions) => {
   const newTransform = getPreviewTransform(dimensions.width, dimensions.height);
   return {
     ...state,
@@ -18247,14 +18267,14 @@ const ViewletE2eTest_ipc = {
   handleSashCornerPointerMove,
   handleSashCornerPointerUp,
   hasFunctionalRender: hasFunctionalRender$B,
-  hasFunctionalResize: hasFunctionalResize$g,
+  hasFunctionalResize: hasFunctionalResize$h,
   hasFunctionalRootRender: hasFunctionalRootRender$i,
   loadContent: loadContent$G,
   menus: menus$b,
   name: name$L,
   render: render$E,
   renderActions: renderActions$9,
-  resize: resize$l
+  resize: resize$m
 };
 
 const create$K = (id, uri, x, y, width, height) => {
@@ -20589,8 +20609,8 @@ const handleLanguagesChanged$1 = async state => {
   await executeViewletCommand(state.uid, 'setLanguageId', newLanguageId, tokenizePath);
   return state;
 };
-const hasFunctionalResize$f = true;
-const resize$k = (state, dimensions) => {
+const hasFunctionalResize$g = true;
+const resize$l = (state, dimensions) => {
   const newState = setBounds(state, dimensions.x, dimensions.y, dimensions.width, dimensions.height, state.columnWidth);
   return newState;
 };
@@ -20988,11 +21008,11 @@ const ViewletEditorText_ipc = {
   handleLanguagesChanged: handleLanguagesChanged$1,
   handleTokenizeChange,
   hasFunctionalRender: hasFunctionalRender$u,
-  hasFunctionalResize: hasFunctionalResize$f,
+  hasFunctionalResize: hasFunctionalResize$g,
   loadContent: loadContent$z,
   name: name$E,
   render: render$v,
-  resize: resize$k,
+  resize: resize$l,
   saveState: saveState$b
 };
 
@@ -22137,8 +22157,8 @@ const handleCopy = async state => {
   const files = [absolutePath];
   await execute$4(/* ClipBoard.writeNativeFiles */243, /* type */'copy', /* files */files);
 };
-const hasFunctionalResize$e = true;
-const resize$j = (state, dimensions) => {
+const hasFunctionalResize$f = true;
+const resize$k = (state, dimensions) => {
   const {
     minLineY,
     itemHeight
@@ -23180,7 +23200,7 @@ const ViewletExplorer_ipc = {
   handleWheel: handleWheel$2,
   handleWorkspaceChange: handleWorkspaceChange$1,
   hasFunctionalRender: hasFunctionalRender$t,
-  hasFunctionalResize: hasFunctionalResize$e,
+  hasFunctionalResize: hasFunctionalResize$f,
   hasFunctionalRootRender: hasFunctionalRootRender$e,
   loadContent: loadContent$x,
   menus: menus$8,
@@ -23194,7 +23214,7 @@ const ViewletExplorer_ipc = {
   render: render$t,
   renderActions: renderActions$7,
   renderTitle: renderTitle$4,
-  resize: resize$j,
+  resize: resize$k,
   restoreState,
   revealItem,
   saveState: saveState$a,
@@ -23418,8 +23438,8 @@ const handleIconError = state => {
     iconSrc: ExtensionDefaultIcon
   };
 };
-const hasFunctionalResize$d = true;
-const resize$i = (state, dimensions) => {
+const hasFunctionalResize$e = true;
+const resize$j = (state, dimensions) => {
   const size = getViewletSize(dimensions.width);
   return {
     ...state,
@@ -24049,13 +24069,13 @@ const ViewletExtensionDetail_ipc = {
   create: create$y,
   handleIconError,
   hasFunctionalRender: hasFunctionalRender$s,
-  hasFunctionalResize: hasFunctionalResize$d,
+  hasFunctionalResize: hasFunctionalResize$e,
   hasFunctionalRootRender: hasFunctionalRootRender$d,
   loadContent: loadContent$w,
   menus: menus$7,
   name: name$B,
   render: render$s,
-  resize: resize$i
+  resize: resize$j
 };
 
 const ExtensionListItemHeight = 72;
@@ -24807,8 +24827,8 @@ const renderTitle$3 = {
   }
 };
 
-const hasFunctionalResize$c = true;
-const resize$h = (state, dimensions) => {
+const hasFunctionalResize$d = true;
+const resize$i = (state, dimensions) => {
   const {
     itemHeight,
     minLineY,
@@ -24844,7 +24864,7 @@ const ViewletExtensions_ipc = {
   handleInstall,
   handleUninstall,
   hasFunctionalRender: hasFunctionalRender$r,
-  hasFunctionalResize: hasFunctionalResize$c,
+  hasFunctionalResize: hasFunctionalResize$d,
   loadContent: loadContent$v,
   menus: menus$6,
   name: name$A,
@@ -24852,7 +24872,7 @@ const ViewletExtensions_ipc = {
   render: render$r,
   renderActions: renderActions$6,
   renderTitle: renderTitle$3,
-  resize: resize$h,
+  resize: resize$i,
   saveState: saveState$9,
   toggleSuggest
 };
@@ -26703,8 +26723,8 @@ const render$n = [renderKeyBindings, renderValue$3
 // renderNoResults, renderScrollBar, renderColumnWidths
 ];
 
-const hasFunctionalResize$b = true;
-const resize$g = (state, dimensions) => {
+const hasFunctionalResize$c = true;
+const resize$h = (state, dimensions) => {
   const {
     contentPadding
   } = state;
@@ -26743,13 +26763,13 @@ const ViewletKeyBindings_ipc = {
   handleResizerMove,
   handleWheel: handleWheel$1,
   hasFunctionalRender: hasFunctionalRender$n,
-  hasFunctionalResize: hasFunctionalResize$b,
+  hasFunctionalResize: hasFunctionalResize$c,
   hasFunctionalRootRender: hasFunctionalRootRender$a,
   loadContent: loadContent$q,
   menus: menus$5,
   name: name$w,
   render: render$n,
-  resize: resize$g,
+  resize: resize$h,
   saveState: saveState$7,
   setDeltaY: setDeltaY$1
 };
@@ -27459,7 +27479,7 @@ const getResizeCommands = (oldPoints, newPoints) => {
       number$1(newLeft);
       number$1(newWidth);
       number$1(newHeight);
-      const resizeCommands = resize$n(instanceUid, {
+      const resizeCommands = resize$o(instanceUid, {
         x: newLeft,
         y: newTop,
         width: newWidth,
@@ -29876,7 +29896,7 @@ const renderTabsActiveIndex = {
 };
 const render$l = [renderDragOverlay, renderGroupTabs, renderTabsActiveIndex];
 
-const resize$f = (state, dimensions) => {
+const resize$g = (state, dimensions) => {
   const {
     groups,
     tabHeight
@@ -29902,7 +29922,7 @@ const resize$f = (state, dimensions) => {
     if (editor) {
       const editorUid = editor.uid;
       number$1(editorUid);
-      const resizeCommands = resize$n(editorUid, childDimensions);
+      const resizeCommands = resize$o(editorUid, childDimensions);
       commands.push(...resizeCommands);
       commands.push(['Viewlet.setBounds', editorUid, dimensions.x, tabHeight, dimensions.width, contentHeight]);
     }
@@ -29949,7 +29969,7 @@ const ViewletMain_ipc = {
   openBackgroundTab: openBackgroundTab$1,
   openEditorWithType,
   render: render$l,
-  resize: resize$f,
+  resize: resize$g,
   save,
   saveState: saveState$5,
   saveWithoutFormatting
@@ -30455,7 +30475,7 @@ const renderTabs$1 = {
 };
 const render$j = [renderTabs$1];
 
-const resize$e = (state, dimensions) => {
+const resize$f = (state, dimensions) => {
   const currentViewletInstance = getInstance(state.currentViewletId);
   const newState = {
     ...state,
@@ -30468,7 +30488,7 @@ const resize$e = (state, dimensions) => {
     };
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = resize$n(currentViewletUid, dimensions);
+  const commands = resize$o(currentViewletUid, dimensions);
   return {
     newState,
     commands
@@ -30494,7 +30514,7 @@ const ViewletPanel_ipc = {
   name: name$r,
   openViewlet: openViewlet$1,
   render: render$j,
-  resize: resize$e,
+  resize: resize$f,
   saveState: saveState$4,
   selectIndex: selectIndex$3,
   setBadgeCount
@@ -31484,8 +31504,8 @@ const renderActions$4 = {
   }
 };
 
-const hasFunctionalResize$a = true;
-const resize$d = (state, dimensions) => {
+const hasFunctionalResize$b = true;
+const resize$e = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -31530,14 +31550,14 @@ const ViewletProblems_ipc = {
   handleFilterInput,
   handleIconThemeChange: handleIconThemeChange$2,
   hasFunctionalRender: hasFunctionalRender$i,
-  hasFunctionalResize: hasFunctionalResize$a,
+  hasFunctionalResize: hasFunctionalResize$b,
   hasFunctionalRootRender: hasFunctionalRootRender$9,
   loadContent: loadContent$j,
   menus: menus$4,
   name: name$q,
   render: render$i,
   renderActions: renderActions$4,
-  resize: resize$d,
+  resize: resize$e,
   saveState: saveState$3,
   viewAsList,
   viewAsTable
@@ -33298,8 +33318,8 @@ const dispose$a = state => {
     disposed: true
   };
 };
-const hasFunctionalResize$9 = true;
-const resize$c = (state, dimensions) => {
+const hasFunctionalResize$a = true;
+const resize$d = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -34031,14 +34051,14 @@ const ViewletRunAndDebug_ipc = {
   handleResumed,
   handleScriptParsed,
   hasFunctionalRender: hasFunctionalRender$g,
-  hasFunctionalResize: hasFunctionalResize$9,
+  hasFunctionalResize: hasFunctionalResize$a,
   hasFunctionalRootRender: hasFunctionalRootRender$8,
   loadContent: loadContent$g,
   name: name$l,
   pause,
   render: render$g,
   renderActions: renderActions$3,
-  resize: resize$c,
+  resize: resize$d,
   resume,
   setPauseOnExceptions,
   stepInto,
@@ -35168,8 +35188,8 @@ const renderActions$2 = {
   }
 };
 
-const hasFunctionalResize$8 = true;
-const resize$b = (state, dimensions) => {
+const hasFunctionalResize$9 = true;
+const resize$c = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -35212,14 +35232,14 @@ const ViewletSearch_ipc = {
   handleIconThemeChange: handleIconThemeChange$1,
   handleInput: handleInput$3,
   hasFunctionalRender: hasFunctionalRender$e,
-  hasFunctionalResize: hasFunctionalResize$8,
+  hasFunctionalResize: hasFunctionalResize$9,
   hasFunctionalRootRender: hasFunctionalRootRender$7,
   loadContent: loadContent$e,
   menus: menus$3,
   name: name$k,
   render: render$e,
   renderActions: renderActions$2,
-  resize: resize$b,
+  resize: resize$c,
   saveState: saveState$2,
   submit
 };
@@ -35383,7 +35403,7 @@ const close$2 = state => {
   state.currentViewletId = undefined;
   // RendererProcess.send([/* sideBarHide */ 5552, /* id */ id])
 };
-const resize$a = (state, dimensions) => {
+const resize$b = (state, dimensions) => {
   const {
     titleAreaHeight
   } = state;
@@ -35400,7 +35420,7 @@ const resize$a = (state, dimensions) => {
     };
   }
   const currentViewletUid = currentViewletInstance.state.uid;
-  const commands = resize$n(currentViewletUid, childDimensions);
+  const commands = resize$o(currentViewletUid, childDimensions);
   return {
     newState,
     commands
@@ -35469,7 +35489,7 @@ const ViewletSideBar_ipc = {
   openDefaultViewlet,
   openViewlet,
   render: render$d,
-  resize: resize$a,
+  resize: resize$b,
   saveChildState,
   saveState: saveState$1
 };
@@ -36089,8 +36109,8 @@ const renderTitle$1 = {
 };
 const render$c = [renderDom, renderTitle$1];
 
-const hasFunctionalResize$7 = true;
-const resize$9 = (state, dimensions) => {
+const hasFunctionalResize$8 = true;
+const resize$a = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -36128,14 +36148,14 @@ const ViewletSimpleBrowser_ipc = {
   handleTitleUpdated,
   handleWillNavigate,
   hasFunctionalRender: hasFunctionalRender$c,
-  hasFunctionalResize: hasFunctionalResize$7,
+  hasFunctionalResize: hasFunctionalResize$8,
   hasFunctionalRootRender: hasFunctionalRootRender$6,
   hide,
   loadContent: loadContent$c,
   menus: menus$2,
   name: name$i,
   render: render$c,
-  resize: resize$9,
+  resize: resize$a,
   resizeEffect: resizeEffect$1,
   saveState,
   show: show$2
@@ -36853,8 +36873,8 @@ const renderActions$1 = {
   }
 };
 
-const hasFunctionalResize$6 = true;
-const resize$8 = (state, dimensions) => {
+const hasFunctionalResize$7 = true;
+const resize$9 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -36879,14 +36899,14 @@ const ViewletSourceControl_ipc = {
   handleMouseOver: handleMouseOver$1,
   handleWorkspaceChange,
   hasFunctionalRender: hasFunctionalRender$b,
-  hasFunctionalResize: hasFunctionalResize$6,
+  hasFunctionalResize: hasFunctionalResize$7,
   hasFunctionalRootRender: hasFunctionalRootRender$5,
   loadContent: loadContent$b,
   menus: menus$1,
   name: name$h,
   render: render$b,
   renderActions: renderActions$1,
-  resize: resize$8,
+  resize: resize$9,
   updateIcons
 };
 
@@ -36906,7 +36926,7 @@ const getStatusBarItems$1 = () => {
 
 // TODO add function to dispose listener
 const onChange = listener => {
-  const id = register(listener);
+  const id = register$4(listener);
   return execute$3({
     method: RegisterStatusBarChangeListener,
     params: [id]
@@ -37093,8 +37113,8 @@ const renderItems = {
 };
 const render$a = [renderItems];
 
-const hasFunctionalResize$5 = true;
-const resize$7 = (state, dimensions) => {
+const hasFunctionalResize$6 = true;
+const resize$8 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -37112,7 +37132,7 @@ const ViewletStatusBar_ipc = {
   create: create$c,
   handleClick: handleClick$6,
   hasFunctionalRender: hasFunctionalRender$a,
-  hasFunctionalResize: hasFunctionalResize$5,
+  hasFunctionalResize: hasFunctionalResize$6,
   itemLeftCreate,
   itemLeftUpdate,
   itemRightCreate,
@@ -37120,7 +37140,7 @@ const ViewletStatusBar_ipc = {
   loadContent: loadContent$a,
   name: name$g,
   render: render$a,
-  resize: resize$7,
+  resize: resize$8,
   updateStatusBarItems
 };
 
@@ -37312,8 +37332,8 @@ const handleMouseDown = state => {
   terminal.handleMouseDown();
   return state;
 };
-const hasFunctionalResize$4 = true;
-const resize$6 = (state, dimensions) => {
+const hasFunctionalResize$5 = true;
+const resize$7 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -37394,11 +37414,11 @@ const ViewletTerminal_ipc = {
   handleKeyDown,
   handleMouseDown,
   hasFunctionalRender: hasFunctionalRender$8,
-  hasFunctionalResize: hasFunctionalResize$4,
+  hasFunctionalResize: hasFunctionalResize$5,
   loadContent: loadContent$8,
   name: name$f,
   render: render$8,
-  resize: resize$6,
+  resize: resize$7,
   resizeEffect
 };
 
@@ -37535,12 +37555,12 @@ const focusIndex$4 = async (state, index) => {
 const handleClickTab = (state, index) => {
   return focusIndex$4(state, index);
 };
-const resize$5 = (state, dimensions) => {
+const resize$6 = (state, dimensions) => {
   const {
     tabs
   } = state;
   const uid = tabs[0].uid;
-  const commands = resize$n(uid, dimensions);
+  const commands = resize$o(uid, dimensions);
   return {
     newState: state,
     commands
@@ -37648,7 +37668,7 @@ const ViewletTerminals_ipc = {
   name: name$e,
   render: render$7,
   renderActions,
-  resize: resize$5
+  resize: resize$6
 };
 
 const create$8 = (id, uri, x, y, width, height) => {
@@ -37758,7 +37778,7 @@ const getTitleBarMenuBarWidth = (width, menuBarX, titleBarButtonsWidth) => {
   const remainingWidth = width - menuBarX - titleBarButtonsWidth;
   return remainingWidth;
 };
-const resize$4 = (state, dimensions) => {
+const resize$5 = (state, dimensions) => {
   const titleBarMenuBarState = getState$1(TitleBarMenuBar$1);
   const commands = [];
   const {
@@ -37769,7 +37789,7 @@ const resize$4 = (state, dimensions) => {
   const menuBarY = dimensions.y;
   const menuBarWidth = getTitleBarMenuBarWidth(dimensions.width, menuBarX, titleBarButtonsWidth);
   const menuBarHeight = dimensions.height;
-  commands.push(...resize$n(titleBarMenuBarState.uid, {
+  commands.push(...resize$o(titleBarMenuBarState.uid, {
     x: menuBarX,
     y: menuBarY,
     width: menuBarWidth,
@@ -37794,7 +37814,7 @@ const ViewletTitleBar_ipc = {
   loadContent: loadContent$6,
   name: name$d,
   render: render$6,
-  resize: resize$4
+  resize: resize$5
 };
 
 /**
@@ -37958,8 +37978,8 @@ const renderTitleBarButtons = {
 };
 const render$5 = [renderTitleBarButtons];
 
-const hasFunctionalResize$3 = true;
-const resize$3 = (state, dimensions) => {
+const hasFunctionalResize$4 = true;
+const resize$4 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -37981,12 +38001,12 @@ const ViewletTitleBarButtons_ipc = {
   handleWindowDidMinimize,
   handleWindowDidUnmaximize,
   hasFunctionalRender: hasFunctionalRender$5,
-  hasFunctionalResize: hasFunctionalResize$3,
+  hasFunctionalResize: hasFunctionalResize$4,
   hasFunctionalRootRender: hasFunctionalRootRender$4,
   loadContent: loadContent$5,
   name: name$c,
   render: render$5,
-  resize: resize$3
+  resize: resize$4
 };
 
 const create$6 = (id, uri, x, y, width, height) => {
@@ -38034,8 +38054,8 @@ const renderIcon = {
 };
 const render$4 = [renderIcon];
 
-const hasFunctionalResize$2 = true;
-const resize$2 = (state, dimensions) => {
+const hasFunctionalResize$3 = true;
+const resize$3 = (state, dimensions) => {
   return state;
 };
 
@@ -38046,12 +38066,12 @@ const ViewletTitleBarIcon_ipc = {
   Css: Css$4,
   create: create$6,
   hasFunctionalRender: hasFunctionalRender$4,
-  hasFunctionalResize: hasFunctionalResize$2,
+  hasFunctionalResize: hasFunctionalResize$3,
   hasFunctionalRootRender: hasFunctionalRootRender$3,
   loadContent: loadContent$4,
   name: name$b,
   render: render$4,
-  resize: resize$2
+  resize: resize$3
 };
 
 const measureTitleBarEntryWidth = (label, fontWeight, fontSize, fontFamily, letterSpacing) => {
@@ -38329,8 +38349,8 @@ const renderMenus = {
 };
 const render$3 = [renderTitleBarEntries, renderFocusedIndex, renderMenus];
 
-const hasFunctionalResize$1 = true;
-const resize$1 = (state, dimensions) => {
+const hasFunctionalResize$2 = true;
+const resize$2 = (state, dimensions) => {
   return {
     ...state,
     ...dimensions
@@ -38347,13 +38367,13 @@ const ViewletTitleBarMenuBar_ipc = {
   create: create$5,
   getKeyBindings,
   hasFunctionalRender: hasFunctionalRender$3,
-  hasFunctionalResize: hasFunctionalResize$1,
+  hasFunctionalResize: hasFunctionalResize$2,
   hasFunctionalRootRender: hasFunctionalRootRender$2,
   loadContent: loadContent$3,
   menus,
   name: name$a,
   render: render$3,
-  resize: resize$1
+  resize: resize$2
 };
 
 const create$4 = (id, uri, x, y, width, height) => {
@@ -38390,8 +38410,8 @@ const renderTitle = {
 };
 const render$2 = [renderTitle];
 
-const hasFunctionalResize = true;
-const resize = (state, dimensions) => {
+const hasFunctionalResize$1 = true;
+const resize$1 = (state, dimensions) => {
   return state;
 };
 
@@ -38402,11 +38422,11 @@ const ViewletTitleBarTitle_ipc = {
   Css: Css$2,
   create: create$4,
   hasFunctionalRender: hasFunctionalRender$2,
-  hasFunctionalResize,
+  hasFunctionalResize: hasFunctionalResize$1,
   loadContent: loadContent$2,
   name: name$9,
   render: render$2,
-  resize
+  resize: resize$1
 };
 
 /**
@@ -38576,7 +38596,7 @@ const getWebViewUri = (webViews, webViewId) => {
   }
   return webViewPath;
 };
-const getIframeSrcRemote = async (webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root) => {
+const getIframeSrcRemote = (webViews, webViewPort, webViewId, locationProtocol, locationHost, isGitpod, root) => {
   const webView = getWebView$1(webViews, webViewId);
   const webViewUri = getWebViewUri(webViews, webViewId);
   if (!webViewUri) {
@@ -38643,7 +38663,7 @@ const getWebViewBaseUrl = webView => {
   return defaultBaseUrl;
 };
 
-const getIframeSrc$1 = async (webView, locationOrigin) => {
+const getIframeSrc$1 = (webView, locationOrigin) => {
   const baseUrl = getWebViewBaseUrl(webView);
   const srcHtml = getWebViewHtml(baseUrl, locationOrigin, webView.elements);
   if (srcHtml) {
@@ -38667,7 +38687,7 @@ const getWebView = (webViews, webViewId) => {
   return undefined;
 };
 
-const getIframeSrc = async (webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin) => {
+const getIframeSrc = (webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin) => {
   try {
     const webView = getWebView(webViews, webViewId);
     if (platform === Web$1) {
@@ -38700,6 +38720,19 @@ const getWebViewFrameAncestors = (locationProtocol, locationHost) => {
   return frameAncestors;
 };
 
+const getWebViewOrigin = webViewPort => {
+  // TODO don't hardcode protocol
+  let origin = '';
+  if (platform === Electron$1) {
+    origin = `${WebView}://-/`;
+  } else if (platform === Remote) {
+    origin = `http://localhost:${webViewPort}`;
+  } else {
+    origin = '*'; // TODO
+  }
+  return origin;
+};
+
 const AllowScripts = 'allow-scripts';
 const AllowSameOrigin = 'allow-same-origin';
 
@@ -38729,7 +38762,58 @@ const setHandler = async (previewServerId, frameAncestors, webViewRoot, contentS
   await invoke$7('WebViewServer.setHandler', previewServerId, frameAncestors, webViewRoot, contentSecurityPolicy, iframeContent);
 };
 
-const create$1 = async (webViewPort, webViewId, previewServerId, uri) => {
+const register$3 = async previewServerId => {
+  await registerProtocol();
+  await create$2(previewServerId); // TODO move this up
+};
+
+const WebViewProtocolElectron = {
+  __proto__: null,
+  register: register$3
+};
+
+const register$2 = async (previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent) => {
+  // TODO apply something similar for electron
+  // TODO pass webview root, so that only these resources can be accessed
+  // TODO pass csp configuration to server
+  // TODO pass coop / coep configuration to server
+  await create$2(previewServerId); // TODO move this up
+  await start(previewServerId, webViewPort); // TODO move this up
+  await setHandler(previewServerId, frameAncestors, webViewRoot, csp, iframeContent);
+  // TODO make this work in gitpod also
+};
+
+const WebViewProtocolRemote = {
+  __proto__: null,
+  register: register$2
+};
+
+const register$1 = async () => {
+  // noop
+};
+
+const WebViewProtocolWeb = {
+  __proto__: null,
+  register: register$1
+};
+
+const getModule$2 = platform => {
+  switch (platform) {
+    case Remote:
+      return WebViewProtocolRemote;
+    case Electron$1:
+      return WebViewProtocolElectron;
+    case Web$1:
+    default:
+      return WebViewProtocolWeb;
+  }
+};
+const register = async (previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent) => {
+  const module = getModule$2(platform);
+  return module.register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
+};
+
+const create$1 = async (id, webViewPort, webViewId, previewServerId, uri) => {
   let root = '';
   if (platform === Remote) {
     root = await invoke$7('Platform.getRoot');
@@ -38738,7 +38822,7 @@ const create$1 = async (webViewPort, webViewId, previewServerId, uri) => {
   const locationProtocol = getProtocol();
   const locationHost = getHost();
   const locationOrigin = getOrigin();
-  const iframeResult = await getIframeSrc(webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin);
+  const iframeResult = getIframeSrc(webViews, webViewId, webViewPort, root, isGitpod, locationProtocol, locationHost, locationOrigin);
   if (!iframeResult) {
     return undefined;
   }
@@ -38750,45 +38834,41 @@ const create$1 = async (webViewPort, webViewId, previewServerId, uri) => {
     iframeContent
   } = iframeResult;
   const frameAncestors = getWebViewFrameAncestors(locationProtocol, locationHost);
-  await activateByEvent(`onWebView:${webViewId}`);
-  const {
-    port1,
-    port2
-  } = getPortTuple();
-  const portId = create$1a();
-  await transferToRendererProcess(portId, port1);
+
   // TODO figure out order for events, e.g.
   // 1. activate extension, create webview and ports in parallel
   // 2. wait for webview to load (?)
   // 3. setup extension host worker rpc
   // 4. create webview in extension host worker and load content
 
-  invokeAndTransfer$5('ExtensionHostWebView.create', webViewId, port2, uri);
   const csp = getWebViewCsp(webView); // TODO only in web
-
-  // TODO don't hardcode protocol
-  let origin = '';
-  if (platform === Electron$1) {
-    await registerProtocol();
-    await create$2(previewServerId); // TODO move this up
-    origin = `${WebView}://-/`;
-  } else if (platform === Remote) {
-    // TODO apply something similar for electron
-    // TODO pass webview root, so that only these resources can be accessed
-    // TODO pass csp configuration to server
-    // TODO pass coop / coep configuration to server
-
-    await create$2(previewServerId); // TODO move this up
-    await start(previewServerId, webViewPort); // TODO move this up
-    await setHandler(previewServerId, frameAncestors, webViewRoot, csp, iframeContent);
-    // TODO make this work in gitpod also
-
-    origin = `http://localhost:${webViewPort}`;
-  } else {
-    origin = '*'; // TODO
-  }
   const sandbox = getIframeSandbox();
   const iframeCsp = platform === Web$1 ? csp : '';
+  const credentialless = true;
+  await activateByEvent(`onWebView:${webViewId}`);
+  const {
+    port1,
+    port2
+  } = getPortTuple();
+  const portId = create$1a();
+  console.time('register-protocol');
+  await register(previewServerId, webViewPort, frameAncestors, webViewRoot, csp, iframeContent);
+  console.timeEnd('register-protocol');
+  console.time('create');
+  await invoke$8('WebView.create', id, iframeSrc, sandbox, srcDoc, csp, credentialless);
+  console.timeEnd('create');
+  console.time('load');
+  await invoke$8('WebView.load', id);
+  console.timeEnd('load');
+  const origin = getWebViewOrigin(webViewPort);
+  console.time('setPort');
+  await invokeAndTransfer$7('WebView.setPort', id, port1, origin);
+  console.timeEnd('setPort');
+
+  // TODO split up into create and load
+  console.time('extension-create-webview');
+  await invokeAndTransfer$5('ExtensionHostWebView.create', webViewId, port2, uri);
+  console.timeEnd('extension-create-webview');
   return {
     srcDoc,
     iframeSrc,
@@ -38799,7 +38879,7 @@ const create$1 = async (webViewPort, webViewId, previewServerId, uri) => {
   };
 };
 
-const create = (id, uri) => {
+const create = (id, uri, x, y, width, height) => {
   return {
     id,
     uri,
@@ -38810,7 +38890,11 @@ const create = (id, uri) => {
     origin: '',
     previewServerId: 1,
     csp: '',
-    credentialless: true
+    credentialless: true,
+    x,
+    y,
+    width,
+    height
   };
 };
 const getWebViewId = async uri => {
@@ -38831,11 +38915,12 @@ const getWebViewId = async uri => {
 const loadContent = async state => {
   const {
     uri,
-    previewServerId
+    previewServerId,
+    id
   } = state;
   const webViewId = await getWebViewId(uri);
   const webViewPort = getWebViewPort();
-  const webViewResult = await create$1(webViewPort, webViewId, previewServerId, uri);
+  const webViewResult = await create$1(id, webViewPort, webViewId, previewServerId, uri);
   if (!webViewResult) {
     return state;
   }
@@ -38857,6 +38942,13 @@ const loadContent = async state => {
     csp
   };
 };
+const hasFunctionalResize = true;
+const resize = (state, dimensions) => {
+  return {
+    ...state,
+    ...dimensions
+  };
+};
 
 const Commands = {};
 
@@ -38864,47 +38956,17 @@ const Css = ["/css/parts/WebView.css"];
 
 const name$7 = 'WebView';
 
-const getWebViewVirtualDom = () => {
-  return [{
-    type: Div$1,
-    className: mergeClassNames(Viewlet, 'WebView'),
-    childCount: 1
-  }, {
-    type: Div$1,
-    className: 'WebViewWrapper',
-    childCount: 0
-  }];
-};
-
 const hasFunctionalRender = true;
 const hasFunctionalRootRender = true;
-const renderWebView = {
-  isEqual(oldState, newState) {
-    return oldState.iframeSrc === newState.iframeSrc && oldState.srcDoc === newState.srcDoc && oldState.csp === newState.csp;
-  },
-  apply(oldState, newState) {
-    const dom = getWebViewVirtualDom();
-    return ['Viewlet.setDom2', dom];
-  }
-};
 const renderIframe = {
   isEqual(oldState, newState) {
-    return oldState.iframeSrc === newState.iframeSrc && oldState.sandbox === newState.sandbox && oldState.srcDoc === newState.srcDoc && oldState.csp === newState.csp && oldState.credentialless === newState.credentialless;
-  },
-  apply(oldState, newState) {
-    // TODO support CSP also in web
-    return ['setIframe', newState.iframeSrc, newState.sandbox, newState.srcDoc, newState.csp];
-  }
-};
-const renderPort = {
-  isEqual(oldState, newState) {
-    return oldState.portId === newState.portId && oldState.origin === newState.origin;
+    return oldState.x === newState.x && oldState.y === newState.y && oldState.width === newState.width && oldState.height === newState.height && oldState.csp === newState.csp && oldState.origin === newState.origin;
   },
   apply(oldState, newState) {
-    return ['setPort', newState.portId, newState.origin];
+    return ['setPosition', newState.id, newState.x, newState.y, newState.width, newState.height];
   }
 };
-const render = [renderWebView, renderIframe, renderPort];
+const render = [renderIframe];
 
 const ViewletWebView_ipc = {
   __proto__: null,
@@ -38912,10 +38974,12 @@ const ViewletWebView_ipc = {
   Css,
   create,
   hasFunctionalRender,
+  hasFunctionalResize,
   hasFunctionalRootRender,
   loadContent,
   name: name$7,
-  render
+  render,
+  resize
 };
 
 const readFile$5 = () => {
@@ -41881,7 +41945,7 @@ const splitRight = state => {
   if (editor) {
     const editorUid = editor.uid;
     number$1(editorUid);
-    const resizeCommands = resize$n(editorUid, dimensions);
+    const resizeCommands = resize$o(editorUid, dimensions);
     commands.push(...resizeCommands);
     commands.push(['Viewlet.setBounds', editorUid, dimensions.x, tabHeight, dimensions.width, contentHeight]);
   }