@lvce-editor/static-server 0.52.2 → 0.52.4

package/static/{6580ef7 → 11a3d6e}/packages/renderer-worker/dist/rendererWorkerMain.js

@@ -96,7 +96,7 @@ const getAssetDir = () => {
   // @ts-ignore
   {
     // @ts-ignore
-    return '/6580ef7';
+    return '/11a3d6e';
   }
 };
 const assetDir = getAssetDir();
@@ -2941,7 +2941,7 @@ const ViewletManagerVisitorCss = {
 
 const fileSearchWorkerUrl = `${assetDir}/packages/file-search-worker/dist/fileSearchWorkerMain.js`;
 
-const getConfiguredWorkerUrl$d = () => {
+const getConfiguredWorkerUrl$e = () => {
   let configuredWorkerUrl = get$e('develop.fileSearchWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -2957,7 +2957,7 @@ const launchFileSearchWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$d()
+    url: getConfiguredWorkerUrl$e()
   });
   handleIpc(ipc);
   return ipc;
@@ -3201,6 +3201,15 @@ const runFnWithSideEffect = async (instance, id, key, fn, ...args) => {
 const wrapViewletCommand = (id, key, fn$1) => {
   string(id);
   fn(fn$1);
+  if (fn$1.returnValue) {
+    const wrappedViewletCommand = async (...args) => {
+      // TODO get actual focused instance
+      const activeInstance = getInstance(id);
+      const result = await fn$1(activeInstance.state, ...args);
+      return result;
+    };
+    return wrappedViewletCommand;
+  }
   const wrappedViewletCommand = async (...args) => {
     // TODO get actual focused instance
     const activeInstance = getInstance(id);
@@ -8094,7 +8103,7 @@ const TryToGetActualImportErrorMessage = {
 
 const aboutViewWorkerUrl = `${assetDir}/packages/about-view-worker/dist/aboutWorkerMain.js`;
 
-const getConfiguredWorkerUrl$c = () => {
+const getConfiguredWorkerUrl$d = () => {
   let configuredWorkerUrl = get$e('develop.aboutViewWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -8110,7 +8119,7 @@ const launchAboutViewWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$c()
+    url: getConfiguredWorkerUrl$d()
   });
   handleIpc(ipc);
   return ipc;
@@ -11090,9 +11099,23 @@ const IndexedDb_ipc = {
   name: name$1J
 };
 
+const colorPickerWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/color-picker-worker/dist/colorPickerWorkerMain.js`;
+
+const getColorPickerWorkerUrl = () => {
+  let configuredWorkerUrl = get$e('develop.colorPickerWorkerPath') || '';
+  if (configuredWorkerUrl) {
+    configuredWorkerUrl = '/remote' + configuredWorkerUrl;
+  }
+  configuredWorkerUrl = configuredWorkerUrl || colorPickerWorkerUrl;
+  {
+    configuredWorkerUrl = colorPickerWorkerUrl;
+  }
+  return configuredWorkerUrl;
+};
+
 const extensionHostSubWorkerUrl = `${assetDir}/packages/extension-host-sub-worker/dist/extensionHostSubWorkerMain.js`;
 
-const getConfiguredWorkerUrl$b = () => {
+const getConfiguredWorkerUrl$c = () => {
   let configuredWorkerUrl = get$e('develop.extensionHostSubWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -11104,7 +11127,7 @@ const getConfiguredWorkerUrl$b = () => {
   return configuredWorkerUrl;
 };
 const getExtensionHostSubWorkerUrl = () => {
-  return getConfiguredWorkerUrl$b();
+  return getConfiguredWorkerUrl$c();
 };
 
 const name$1I = 'IpcParent';
@@ -11113,6 +11136,10 @@ const wrappedCreate = options => {
   if (options && options.url && options.url.endsWith('extensionHostSubWorkerMain.js')) {
     options.url = getExtensionHostSubWorkerUrl();
   }
+  // TODO
+  if (options && options.url && options.url.endsWith('colorPickerWorkerMain.js')) {
+    options.url = getColorPickerWorkerUrl();
+  }
   return create$13(options);
 };
 const Commands$1B = {
@@ -12781,7 +12808,7 @@ const SessionStorage_ipc = {
   name: name$1o
 };
 
-const getConfiguredWorkerUrl$a = (preferenceKey, fallback) => {
+const getConfiguredWorkerUrl$b = (preferenceKey, fallback) => {
   let configuredWorkerUrl = get$e(preferenceKey) || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -12796,7 +12823,7 @@ const getConfiguredWorkerUrl$a = (preferenceKey, fallback) => {
 const testWorkerUrl = `${assetDir}/packages/test-worker/dist/testWorkerMain.js`;
 
 const launchTestWorker = async () => {
-  const configuredWorkerUrl = getConfiguredWorkerUrl$a('develop.testWorkerPath', testWorkerUrl);
+  const configuredWorkerUrl = getConfiguredWorkerUrl$b('develop.testWorkerPath', testWorkerUrl);
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
@@ -13444,7 +13471,7 @@ const ExtensionHostManagement_ipc = {
 
 const syntaxHighlightingWorkerUrl = `${assetDir}/packages/syntax-highlighting-worker/dist/syntaxHighlightingWorkerMain.js`;
 
-const getConfiguredWorkerUrl$9 = () => {
+const getConfiguredWorkerUrl$a = () => {
   let configuredWorkerUrl = get$e('developer.syntaxHighlightingWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -13456,7 +13483,7 @@ const getConfiguredWorkerUrl$9 = () => {
   return configuredWorkerUrl;
 };
 const launchSyntaxHighlightingWorker = async () => {
-  const configuredWorkerUrl = getConfiguredWorkerUrl$9();
+  const configuredWorkerUrl = getConfiguredWorkerUrl$a();
   const name = 'Syntax Highlighting Worker';
   const id = create$12();
   let ipc = await create$13({
@@ -13765,7 +13792,7 @@ const ExtensionManagement_ipc = {
 
 const markdownWorkerUrl = `${assetDir}/packages/markdown-worker/dist/markdownWorkerMain.js`;
 
-const getConfiguredWorkerUrl$8 = () => {
+const getConfiguredWorkerUrl$9 = () => {
   let configuredWorkerUrl = get$e('develop.markdownWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -13781,7 +13808,7 @@ const launchMarkdownWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$8()
+    url: getConfiguredWorkerUrl$9()
   });
   handleIpc(ipc);
   return ipc;
@@ -13885,7 +13912,7 @@ const apply = (oldState, newState) => {
     if (command[0] === 'Viewlet.setFocusContext') {
       return ['Viewlet.setFocusContext', newState.uid, ...command.slice(1)];
     }
-    if (command[0] === 'Viewlet.create' || command[0] === 'Viewlet.send' || command[0] === 'Viewlet.createFunctionalRoot' || command[0] === 'Viewlet.setDom2') {
+    if (command[0] === 'Viewlet.create' || command[0] === 'Viewlet.send' || command[0] === 'Viewlet.createFunctionalRoot' || command[0] === 'Viewlet.setDom2' || command[0] === 'Viewlet.setCss') {
       return command;
     }
     return ['Viewlet.send', newState.uid, ...command];
@@ -15521,7 +15548,7 @@ const ViewletDialog_ipc = {
 
 const iframeInspectorWorkerUrl = `${assetDir}/packages/iframe-inspector/dist/iframeInspectorWorkerMain.js`;
 
-const getConfiguredWorkerUrl$7 = () => {
+const getConfiguredWorkerUrl$8 = () => {
   let configuredWorkerUrl = get$e('develop.iframeInspectorWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -15537,7 +15564,7 @@ const launchIframeInspectorWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$7()
+    url: getConfiguredWorkerUrl$8()
   });
   handleIpc(ipc);
   return ipc;
@@ -16944,7 +16971,7 @@ const renderAll = {
       return [];
     }
     const adjustedCommands = commands.map(command => {
-      if (command[0] === 'Viewlet.create' || command[0] === 'Viewlet.send' || command[0] === 'Viewlet.createFunctionalRoot' || command[0] === 'Viewlet.registerEventListeners' || command[0] === 'Viewlet.setDom2' || command[0] === 'Viewlet.focusSelector') {
+      if (command[0] === 'Viewlet.create' || command[0] === 'Viewlet.send' || command[0] === 'Viewlet.createFunctionalRoot' || command[0] === 'Viewlet.registerEventListeners' || command[0] === 'Viewlet.setDom2' || command[0] === 'Viewlet.focusSelector' || command[0] === 'Viewlet.setCss' || command[0] === 'Viewlet.appendToBody' || command[0] === 'Viewlet.setBounds' || command[0] === 'Viewlet.registerEventListeners' || command[0] === 'Viewlet.setUid') {
         return command;
       }
       return ['Viewlet.send', newState.uid, ...command];
@@ -17114,7 +17141,7 @@ const getFontWeight = () => {
 const editorWorkerUrl = `${assetDir}/packages/editor-worker/dist/editorWorkerMain.js`;
 
 const launchEditorWorker = async () => {
-  const configuredWorkerUrl = getConfiguredWorkerUrl$a('developer.editorWorkerPath', editorWorkerUrl);
+  const configuredWorkerUrl = getConfiguredWorkerUrl$b('developer.editorWorkerPath', editorWorkerUrl);
   const id = create$12();
   let ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
@@ -17603,7 +17630,7 @@ const ViewletEmptyEditor_ipc = {
 const explorerWorkerUrl = `${assetDir}/packages/explorer-worker/dist/explorerViewWorkerMain.js`;
 
 const launchExplorerWorker = async () => {
-  const configuredWorkerUrl = getConfiguredWorkerUrl$a('develop.explorerWorkerPath', explorerWorkerUrl);
+  const configuredWorkerUrl = getConfiguredWorkerUrl$b('develop.explorerWorkerPath', explorerWorkerUrl);
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     url: configuredWorkerUrl,
@@ -17850,7 +17877,7 @@ const ViewletExplorer_ipc = {
 
 const extensionDetailViewWorkerUrl = `${assetDir}/packages/extension-detail-view-worker/dist/extensionDetailViewWorkerMain.js`;
 
-const getConfiguredWorkerUrl$6 = () => {
+const getConfiguredWorkerUrl$7 = () => {
   let configuredWorkerUrl = get$e('develop.extensionDetailViewWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -17866,7 +17893,7 @@ const launchExtensionDetailViewWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$6()
+    url: getConfiguredWorkerUrl$7()
   });
   handleIpc(ipc);
   return ipc;
@@ -18037,7 +18064,7 @@ const ViewletExtensionDetail_ipc = {
 
 const extensionSearchViewWorkerUrl = `${assetDir}/packages/extension-search-view-worker/dist/extensionSearchViewWorkerMain.js`;
 
-const getConfiguredWorkerUrl$5 = () => {
+const getConfiguredWorkerUrl$6 = () => {
   let configuredWorkerUrl = get$e('develop.extensionSearchViewWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -18053,7 +18080,7 @@ const launchExtensionSearchViewWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$5()
+    url: getConfiguredWorkerUrl$6()
   });
   handleIpc(ipc);
   return ipc;
@@ -19019,7 +19046,7 @@ const ViewletInlineDiffEditor_ipc = {
 
 const keyBindingsViewWorkerUrl = `${assetDir}/packages/keybindings-view-worker/dist/keyBindingsViewWorkerMain.js`;
 
-const getConfiguredWorkerUrl$4 = () => {
+const getConfiguredWorkerUrl$5 = () => {
   let configuredWorkerUrl = get$e('develop.keyBindingsViewWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -19035,7 +19062,7 @@ const launchKeyBindingsViewWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$4()
+    url: getConfiguredWorkerUrl$5()
   });
   handleIpc(ipc);
   return ipc;
@@ -21490,6 +21517,9 @@ const openUri = async (state, uri, focus = true, {
   } = state;
   const x = state.x;
   const y = state.y + tabHeight;
+  console.log({
+    y
+  });
   const width = state.width;
   const contentHeight = state.height - tabHeight;
   // @ts-ignore
@@ -21535,7 +21565,7 @@ const openUri = async (state, uri, focus = true, {
     disposeCommands = hideFunctional(previousUid);
   }
   const instanceUid = create$12();
-  const instance = create$10(load$4, moduleId, state.uid, uri, x, y, width, contentHeight);
+  const instance = create$10(load$4, moduleId, state.uid, uri, activeGroup.x, y, activeGroup.width, contentHeight);
   instance.uid = instanceUid;
   // const oldActiveIndex = state.activeIndex
   const tabLabel = getLabel$3(uri);
@@ -21574,7 +21604,7 @@ const openUri = async (state, uri, focus = true, {
   }
   // @ts-ignore
   const commands = await load$6(instance, focus);
-  commands.push(['Viewlet.setBounds', instanceUid, x, state.tabHeight, width, contentHeight]);
+  commands.push(['Viewlet.setBounds', instanceUid, activeGroup.x, tabHeight, activeGroup.width, contentHeight]);
   let tabsUid = state.tabsUid;
   if (tabsUid === -1) {
     tabsUid = create$12();
@@ -21604,8 +21634,7 @@ const openUri = async (state, uri, focus = true, {
     newState: {
       ...state,
       tabsUid,
-      groups: newGroups,
-      activeGroupIndex: 0
+      groups: newGroups
     },
     commands
   };
@@ -21861,10 +21890,7 @@ const getChildren$4 = state => {
 const contentLoaded$5 = async state => {
   const {
     groups,
-    x,
     y,
-    width,
-    height,
     tabHeight
   } = state;
   if (groups.length === 0) {
@@ -21879,10 +21905,10 @@ const contentLoaded$5 = async state => {
       continue;
     }
     const editor = last$1(editors);
-    const editorX = x;
-    const editorY = y + tabHeight;
-    const editorWidth = width;
-    const editorHeight = height - tabHeight;
+    const editorX = group.x;
+    const editorY = y + group.y + tabHeight;
+    const editorWidth = group.width;
+    const editorHeight = group.height - tabHeight;
     const id = await getModuleId(editor.uri);
     const tabLabel = getLabel$3(editor.uri);
     const tabTitle = getTitle(editor.uri);
@@ -22642,38 +22668,56 @@ const renderTabsActiveIndex = {
 
 const render$l = [renderDragOverlay, renderGroupTabs, renderTabsActiveIndex];
 
+const resizeGroups = (groups, dimensions, y) => {
+  const newGroups = [];
+  const width = dimensions.width;
+  const groupWidth = width / groups.length;
+  let currentX = 0;
+  for (const group of groups) {
+    newGroups.push({
+      ...group,
+      x: currentX,
+      y: y + dimensions.y,
+      width: groupWidth,
+      height: group.height
+    });
+    currentX += groupWidth;
+  }
+  return newGroups;
+};
 const resize$g = async (state, dimensions) => {
   const {
     groups,
-    tabHeight
+    tabHeight,
+    y
   } = state;
-  const x = dimensions.x;
-  const contentY = dimensions.y + tabHeight;
   const width = dimensions.width;
   const contentHeight = dimensions.height - tabHeight;
-  const childDimensions = {
-    x,
-    y: contentY,
-    width,
-    height: contentHeight
-  };
   const commands = [];
-  for (const group of groups) {
+  const groupWidth = width / groups.length;
+  const newGroups = resizeGroups(groups, dimensions, y);
+  for (const group of newGroups) {
     const {
       activeIndex,
       editors,
       tabsUid
     } = group;
-    const editor = editors[activeIndex];
+    const editor = editors[activeIndex] || editors[0];
     if (editor) {
       const editorUid = editor.uid;
       number$1(editorUid);
+      const childDimensions = {
+        x: group.x,
+        y: group.y,
+        width: group.width,
+        height: contentHeight
+      };
       const resizeCommands = await resize$o(editorUid, childDimensions);
       commands.push(...resizeCommands);
-      commands.push(['Viewlet.setBounds', editorUid, dimensions.x, tabHeight, dimensions.width, contentHeight]);
+      commands.push(['Viewlet.setBounds', editorUid, group.x, tabHeight, groupWidth, contentHeight]);
     }
     if (tabsUid !== -1) {
-      commands.push(['Viewlet.setBounds', tabsUid, dimensions.x, 0, dimensions.width, tabHeight]);
+      commands.push(['Viewlet.setBounds', tabsUid, group.x, 0, groupWidth, tabHeight]);
     }
   }
   return {
@@ -24819,7 +24863,7 @@ const Default = 2;
 
 const debugWorkerUrl = `${assetDir}/packages/renderer-worker/node_modules/@lvce-editor/debug-worker/dist/debugWorkerMain.js`;
 
-const getConfiguredWorkerUrl$3 = () => {
+const getConfiguredWorkerUrl$4 = () => {
   let configuredWorkerUrl = get$e('develop.debugWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -24835,7 +24879,7 @@ const launchDebugWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$3()
+    url: getConfiguredWorkerUrl$4()
   });
   handleIpc(ipc);
   await invoke$l(ipc, 'Initialize.initialize');
@@ -25234,7 +25278,7 @@ const ViewletScreenCapture_ipc = {
 
 const textSearchWorkerUrl = `${assetDir}/packages/text-search-worker/dist/textSearchWorkerMain.js`;
 
-const getConfiguredWorkerUrl$2 = () => {
+const getConfiguredWorkerUrl$3 = () => {
   let configuredWorkerUrl = get$e('develop.textSearchWorkerPath') || '';
   if (configuredWorkerUrl) {
     configuredWorkerUrl = '/remote' + configuredWorkerUrl;
@@ -25250,7 +25294,7 @@ const launchTextSearchWorker = async () => {
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
     name,
-    url: getConfiguredWorkerUrl$2()
+    url: getConfiguredWorkerUrl$3()
   });
   handleIpc(ipc);
   return ipc;
@@ -25695,10 +25739,22 @@ const ViewletSideBar_ipc = {
 
 const embedsWorkerUrl = `${assetDir}/packages/embeds-worker/dist/embedsWorkerMain.js`;
 
+const getConfiguredWorkerUrl$2 = () => {
+  let configuredWorkerUrl = get$e('develop.embedsWorkerPath') || '';
+  if (configuredWorkerUrl) {
+    configuredWorkerUrl = '/remote' + configuredWorkerUrl;
+  }
+  configuredWorkerUrl = configuredWorkerUrl || embedsWorkerUrl;
+  {
+    configuredWorkerUrl = embedsWorkerUrl;
+  }
+  return configuredWorkerUrl;
+};
 const launchEmbedsWorker = async () => {
+  const url = getConfiguredWorkerUrl$2();
   const ipc = await create$13({
     method: ModuleWorkerAndWorkaroundForChromeDevtoolsBug,
-    url: embedsWorkerUrl,
+    url,
     name: 'Embeds Worker'
   });
   handleIpc(ipc);
@@ -26019,6 +26075,22 @@ const handleInput$1 = async (state, value) => {
     hasSuggestionsOverlay: true
   };
 };
+const setUrl = async (state, value) => {
+  const newState1 = await handleInput$1(state, value);
+  const {
+    inputValue,
+    browserViewId,
+    shortcuts
+  } = newState1;
+  const iframeSrc = toIframeSrc(inputValue, shortcuts);
+  // TODO await promises
+  await setIframeSrc(browserViewId, iframeSrc);
+  return {
+    ...newState1,
+    iframeSrc,
+    isLoading: true
+  };
+};
 const go$1 = state => {
   const {
     inputValue,
@@ -26073,15 +26145,86 @@ const dispose$4 = async state => {
   await disposeWebContentsView(browserViewId);
 };
 
-// prettier-ignore
+// deprecated, use webcontentsview instead
+const openDevtools$1 = id => {
+  return invoke$2('ElectronWebContentsView.openDevtools', id);
+};
+const reload$1 = id => {
+  return invoke$2('ElectronWebContentsView.reload', id);
+};
+const forward$1 = id => {
+  return invoke$2('ElectronWebContentsView.forward', id);
+};
+const backward$1 = id => {
+  return invoke$2('ElectronWebContentsView.backward', id);
+};
+const cancelNavigation$1 = id => {
+  return invoke$2('ElectronWebContentsView.cancelNavigation', id);
+};
+const inspectElement$2 = (id, x, y) => {
+  return invoke$2('ElectronWebContentsView.inspectElement', id, x, y);
+};
+const copyImageAt = (id, x, y) => {
+  return invoke$2('ElectronWebContentsView.copyImageAt', id, x, y);
+};
+const getStats = id => {
+  return invoke$2('ElectronWebContentsView.getStats', id);
+};
+const getDomTree$1 = id => {
+  return invoke$2('ElectronWebContentsView.getDomTree', id);
+};
+const insertCss$1 = (id, css) => {
+  return invoke$2('ElectronWebContentsView.insertCss', id, css);
+};
+const insertJavaScript$1 = (id, css) => {
+  return invoke$2('ElectronWebContentsView.insertJavaScript', id, css);
+};
+
+const getDomTree = async state => {
+  const {
+    browserViewId
+  } = state;
+  const domTree = await getDomTree$1(browserViewId);
+  return domTree;
+};
+
+// TODO find a better way to mark commands as already wrapped
+getDomTree.returnValue = true;
+
+const insertCss = async (state, css) => {
+  const {
+    browserViewId
+  } = state;
+  const key = await insertCss$1(browserViewId, css);
+  return key;
+};
+
+// TODO find a better way to mark commands as already wrapped
+insertCss.returnValue = true;
+
+const insertJavaScript = async (state, css) => {
+  const {
+    browserViewId
+  } = state;
+  const key = await insertJavaScript$1(browserViewId, css);
+  return key;
+};
+
+// TODO find a better way to mark commands as already wrapped
+insertJavaScript.returnValue = true;
+
 const Commands$8 = {
+  getDomTree: getDomTree,
   go: go$1,
   handleDidNavigate: handleDidNavigate,
   handleDidNavigationCancel: handleDidNavigationCancel,
   handleInput: handleInput$1,
+  handleKeyBinding: handleKeyBinding,
   handleTitleUpdated: handleTitleUpdated,
   handleWillNavigate: handleWillNavigate,
-  handleKeyBinding: handleKeyBinding
+  insertCss: insertCss,
+  insertJavaScript: insertJavaScript,
+  setUrl: setUrl
 };
 const LazyCommands$2 = {
   openExternal: () => Promise.resolve().then(function () { return ViewletSimpleBrowserOpenExternal; }),
@@ -26122,7 +26265,7 @@ const UiStrings$4 = {
   SaveImageAs: 'Save Image',
   CopyImage: 'Copy Image'
 };
-const inspectElement$2 = () => {
+const inspectElement$1 = () => {
   return i18nString(UiStrings$4.InspectElement);
 };
 const copy = () => {
@@ -26162,7 +26305,7 @@ const getMenuEntriesLink = (x, y, params) => {
 const getMenuEntriesDefault = (x, y, params) => {
   return [{
     id: 'inspect-element',
-    label: inspectElement$2(),
+    label: inspectElement$1(),
     flags: None$b,
     command: 'SimpleBrowser.inspectElement',
     args: [x, y]
@@ -26358,6 +26501,7 @@ const ViewletSimpleBrowser_ipc = {
   resize: resize$a,
   resizeEffect: resizeEffect$1,
   saveState: saveState$1,
+  setUrl,
   show: show$2
 };
 
@@ -29955,7 +30099,7 @@ const ViewletMainHandleDropFilePath = {
   handleDropFilePath
 };
 
-const getNewGroups = (groups, x, y, width, height) => {
+const getNewGroups = (groups, x, y, width, height, newUid) => {
   if (groups.length === 0) {
     return [{
       x: x,
@@ -29992,9 +30136,12 @@ const getNewGroups = (groups, x, y, width, height) => {
     y: lastGroup.y,
     width: lastGroup.width / 2,
     height: lastGroup.height,
-    editors: [lastEditor],
+    editors: [{
+      ...lastEditor,
+      uid: newUid
+    }],
     tabsUid: 0,
-    activeIndex: -1
+    activeIndex: 0
   }];
 };
 const splitRight = async state => {
@@ -30006,7 +30153,8 @@ const splitRight = async state => {
     height,
     tabHeight
   } = state;
-  const newGroups = getNewGroups(groups, x, y, width, height);
+  const instanceUid = create$12();
+  const newGroups = getNewGroups(groups, x, y, width, height, instanceUid);
   const commands = [];
   const lastGroup = newGroups.at(-2);
   if (!lastGroup) {
@@ -30017,14 +30165,17 @@ const splitRight = async state => {
     editors,
     tabsUid
   } = lastGroup;
-  const editor = editors[activeIndex];
+  let editor = editors[activeIndex];
+  if (activeIndex === -1 && editors.length > 0) {
+    editor = editors[0];
+  }
+  const contentHeight = height - tabHeight;
   const dimensions = {
     x: lastGroup.x,
-    y: lastGroup.y,
+    y: y + lastGroup.y + tabHeight,
     width: lastGroup.width,
-    height: lastGroup.height
+    height: contentHeight
   };
-  const contentHeight = height - tabHeight;
   if (editor) {
     const editorUid = editor.uid;
     number$1(editorUid);
@@ -30040,8 +30191,9 @@ const splitRight = async state => {
   }
   const realEditor = lastGroup.editors.at(-1);
   const moduleId = await getModuleId(realEditor.uri);
-  const instanceUid = create$12();
-  const instance = create$10(load$4, moduleId, state.uid, realEditor.uri, x, y, width, contentHeight);
+  // TODO resize the editor in first group
+  // TODO use half width for editor in second group
+  const instance = create$10(load$4, moduleId, state.uid, realEditor.uri, x + width / 2, y + tabHeight, width / 2, contentHeight);
   // @ts-ignore
   instance.show = false;
   instance.setBounds = false;
@@ -30061,7 +30213,8 @@ const splitRight = async state => {
   return {
     newState: {
       ...state,
-      groups: newGroups
+      groups: newGroups,
+      activeGroupIndex: newGroups.length - 1
     },
     commands: allCommands
   };
@@ -30661,36 +30814,11 @@ const ViewletSimpleBrowserHandleContextMenu = {
   handleContextMenu: handleContextMenu$1
 };
 
-const openDevtools$1 = id => {
-  return invoke$2('ElectronWebContentsView.openDevtools', id);
-};
-const reload$1 = id => {
-  return invoke$2('ElectronWebContentsView.reload', id);
-};
-const forward$1 = id => {
-  return invoke$2('ElectronWebContentsView.forward', id);
-};
-const backward$1 = id => {
-  return invoke$2('ElectronWebContentsView.backward', id);
-};
-const cancelNavigation$1 = id => {
-  return invoke$2('ElectronWebContentsView.cancelNavigation', id);
-};
-const inspectElement$1 = (id, x, y) => {
-  return invoke$2('ElectronWebContentsView.inspectElement', id, x, y);
-};
-const copyImageAt = (id, x, y) => {
-  return invoke$2('ElectronWebContentsView.copyImageAt', id, x, y);
-};
-const getStats = id => {
-  return invoke$2('ElectronWebContentsView.getStats', id);
-};
-
 const inspectElement = async (state, x, y) => {
   const {
     browserViewId
   } = state;
-  await inspectElement$1(browserViewId, x, y);
+  await inspectElement$2(browserViewId, x, y);
   return state;
 };