@lvce-editor/renderer-process 6.9.0 → 6.11.0

package/dist/rendererProcessMain.js

@@ -2471,7 +2471,7 @@ const handleButtonClick = forwardViewletCommand('handleButtonClick');
 const handleClick$9 = forwardViewletCommand('handleClick');
 const handleClickAction$2 = forwardViewletCommand('handleClickAction');
 forwardViewletCommand('handleClickAdd');
-const handleClickAt$2 = forwardViewletCommand('handleClickAt');
+const handleClickAt$3 = forwardViewletCommand('handleClickAt');
 const handleClickOpenFolder$1 = forwardViewletCommand('handleClickOpenFolder');
 forwardViewletCommand('handleClickClose');
 forwardViewletCommand('handleClickCopy');
@@ -2481,7 +2481,7 @@ forwardViewletCommand('handleClickOpenFile');
 forwardViewletCommand('handleClickRestore');
 const handleClickTab$2 = forwardViewletCommand('handleClickTab');
 forwardViewletCommand('handleClickToggleMaximize');
-const handleContextMenu$c = forwardViewletCommand('handleContextMenu');
+const handleContextMenu$d = forwardViewletCommand('handleContextMenu');
 const handleDoubleClick = forwardViewletCommand('handleDoubleClick');
 const handleDragEnd$1 = forwardViewletCommand('handleDragEnd');
 const handleDragLeave$1 = forwardViewletCommand('handleDragLeave');
@@ -2564,7 +2564,7 @@ const handleMousedown = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleClickAt$2(uid, clientX, clientY);
+  handleClickAt$3(uid, clientX, clientY);
 };
 const handleScrollBarThumbPointerMove$2 = event => {
   const {
@@ -2799,6 +2799,7 @@ const About = 'About';
 const EditorSourceActions = 'EditorSourceActions';
 const E2eTests = 'E2eTests';
 const E2eTest = 'E2eTest';
+const WebView = 'WebView';
 
 const state$6 = {
   instances: Object.create(null),
@@ -3753,7 +3754,7 @@ const create$Menu$1 = () => {
   // })
   $Menu.onkeydown = handleKeyDown$4;
   $Menu.addEventListener(FocusOut, handleFocusOut$1);
-  $Menu.oncontextmenu = handleContextMenu$b;
+  $Menu.oncontextmenu = handleContextMenu$c;
   // $ContextMenu.onfocus = handleFocus
   // $ContextMenu.onblur = handleBlur
   return $Menu;
@@ -3782,14 +3783,14 @@ const handleBackDropMouseDown = event => {
   stopPropagation(event);
   send( /* Menu.hide */'Menu.hide');
 };
-const handleContextMenu$b = event => {
+const handleContextMenu$c = event => {
   preventDefault(event);
 };
 const showMenu = (x, y, width, height, items, level, parentIndex = -1, dom, mouseBlocking = false) => {
   if (mouseBlocking) {
     const $BackDrop = create$BackDrop();
     $BackDrop.onmousedown = handleBackDropMouseDown;
-    $BackDrop.oncontextmenu = handleContextMenu$b;
+    $BackDrop.oncontextmenu = handleContextMenu$c;
     // @ts-expect-error
     state$1.$BackDrop = $BackDrop;
     append$1($BackDrop);
@@ -4714,6 +4715,8 @@ const load = moduleId => {
       return Promise.resolve().then(function () { return ViewletE2eTests; });
     case E2eTest:
       return Promise.resolve().then(function () { return ViewletE2eTest; });
+    case WebView:
+      return Promise.resolve().then(function () { return ViewletWebView; });
     default:
       throw new Error(`${moduleId} module not found in renderer process`);
   }
@@ -6113,7 +6116,7 @@ const handleFocus$b = () => {
 
 // TODO use context menu events function again
 
-const handleContextMenu$a = event => {
+const handleContextMenu$b = event => {
   preventDefault(event);
   const {
     button,
@@ -6122,15 +6125,15 @@ const handleContextMenu$a = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const returnValue$8 = true;
+const returnValue$9 = true;
 
 const ViewletActivityBarEvents = {
   __proto__: null,
   handleBlur: handleBlur$8,
-  handleContextMenu: handleContextMenu$a,
+  handleContextMenu: handleContextMenu$b,
   handleFocus: handleFocus$b,
   handleMouseDown: handleMouseDown$2,
-  returnValue: returnValue$8
+  returnValue: returnValue$9
 };
 
 const Events$a = ViewletActivityBarEvents;
@@ -6279,12 +6282,12 @@ const handlePointerDown$6 = event => {
   }
   return [];
 };
-const returnValue$7 = true;
+const returnValue$8 = true;
 
 const ViewletColorPickerEvents = {
   __proto__: null,
   handlePointerDown: handlePointerDown$6,
-  returnValue: returnValue$7
+  returnValue: returnValue$8
 };
 
 const setColor = (state, color) => {
@@ -6583,7 +6586,7 @@ const ViewletEditorError = {
   setDom: setDom$6
 };
 
-const returnValue$6 = true;
+const returnValue$7 = true;
 const handleSashPointerDown$2 = create$u(event => {
   const {
     clientX,
@@ -6607,7 +6610,7 @@ const handleSashPointerDown$2 = create$u(event => {
 const ViewletEditorHoverEvents = {
   __proto__: null,
   handleSashPointerDown: handleSashPointerDown$2,
-  returnValue: returnValue$6
+  returnValue: returnValue$7
 };
 
 const setBounds$2 = (state, x, y, width, height) => {
@@ -6704,7 +6707,7 @@ const handleWheel$2 = event => {
  *
  * @param {MouseEvent} event
  */
-const handleContextMenu$9 = event => {
+const handleContextMenu$a = event => {
   preventDefault(event);
   const {
     button,
@@ -6712,7 +6715,7 @@ const handleContextMenu$9 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$c(uid, button, clientX, clientY);
+  handleContextMenu$d(uid, button, clientX, clientY);
 };
 const handleError$5 = event => {
   const uid = fromEvent(event);
@@ -6737,7 +6740,7 @@ const attachEvents$9 = state => {
   attachEvents$c($Viewlet, {
     [PointerDown]: handlePointerDown$5,
     [PointerUp]: handlePointerUp,
-    [ContextMenu]: handleContextMenu$9,
+    [ContextMenu]: handleContextMenu$a,
     [FocusIn]: handleFocus$9
   });
   $Viewlet.addEventListener(Error$3, handleError$5, Capture);
@@ -7103,7 +7106,7 @@ const handleScrollBarContextMenu = event => {
   preventDefault(event);
   stopPropagation(event);
 };
-const handleContextMenu$8 = event => {
+const handleContextMenu$9 = event => {
   preventDefault(event);
   const {
     button,
@@ -7259,7 +7262,7 @@ const create$n = () => {
   $Editor.role = Code;
   $Editor.append($LayerGutter, $EditorContent);
   attachEventsFunctional($Editor, {
-    [ContextMenu]: handleContextMenu$8,
+    [ContextMenu]: handleContextMenu$9,
     [Wheel]: handleWheel$1,
     returnValue: true
   });
@@ -7317,10 +7320,16 @@ const setSelections$1 = (state, cursorInfos, selectionInfos) => {
   setCursors(state, cursorInfos);
   setSelections$2(state, selectionInfos);
 };
-const setFocused$3 = (state, isFocused) => {
+const setFocused$3 = async (state, isFocused) => {
   const {
     $EditorInput
   } = state;
+  let tries = 0;
+  while (!$EditorInput.isConnected && tries++ < 1000) {
+    await new Promise(resolve => {
+      requestAnimationFrame(resolve);
+    });
+  }
   if (!$EditorInput.isConnected) {
     warn('unmounted editor cannot be focused');
   }
@@ -7458,7 +7467,7 @@ const ViewletError = {
   setMessage: setMessage$1
 };
 
-const handleContextMenu$7 = event => {
+const handleContextMenu$8 = event => {
   preventDefault(event);
   const {
     button,
@@ -7466,7 +7475,7 @@ const handleContextMenu$7 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$c(uid, button, clientX, clientY);
+  handleContextMenu$d(uid, button, clientX, clientY);
 };
 
 const CopyMove = 'copyMove';
@@ -7606,7 +7615,7 @@ const handleClick$6 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleClickAt$2(uid, button, clientX, clientY);
+  handleClickAt$3(uid, button, clientX, clientY);
 };
 const handleClickOpenFolder = event => {
   preventDefault(event);
@@ -7660,7 +7669,7 @@ const ViewletExplorerEvents = {
   handleBlur: handleBlur$5,
   handleClick: handleClick$6,
   handleClickOpenFolder,
-  handleContextMenu: handleContextMenu$7,
+  handleContextMenu: handleContextMenu$8,
   handleDragEnd,
   handleDragLeave,
   handleDragOver,
@@ -7925,7 +7934,7 @@ const attachEvents$8 = state => {
   // @ts-expect-error
   $ExtensionHeader.addEventListener(Click, undefined);
   attachEvents$c($ListItems, {
-    [ContextMenu]: handleContextMenu$7,
+    [ContextMenu]: handleContextMenu$8,
     [PointerDown]: handlePointerDown$3,
     [Focus]: handleFocus$6,
     [Scroll]: handleScroll
@@ -8285,7 +8294,7 @@ const handlePointerDown$2 = event => {
 
 const ViewletkeyBindingsEvents = {
   __proto__: null,
-  handleContextMenu: handleContextMenu$7,
+  handleContextMenu: handleContextMenu$8,
   handleInput: handleInput$4,
   handlePointerDown: handlePointerDown$2,
   handleResizerPointerDown,
@@ -8875,7 +8884,7 @@ const ViewletLayout = {
   setSashes
 };
 
-const handleContextMenu$6 = event => {
+const handleContextMenu$7 = event => {
   if (event.defaultPrevented) {
     return;
   }
@@ -8885,7 +8894,7 @@ const handleContextMenu$6 = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleContextMenu$c(uid, clientX, clientY);
+  handleContextMenu$d(uid, clientX, clientY);
 };
 
 // TODO Main should not be bound to Editor -> Lazy load Editor
@@ -8919,7 +8928,7 @@ const attachEvents$6 = state => {
     [DragOver]: handleDragOver,
     [DragEnd]: handleDragEnd,
     [DragLeave]: handleDragLeave,
-    [ContextMenu]: handleContextMenu$6
+    [ContextMenu]: handleContextMenu$7
   });
 };
 const dispose$7 = state => {};
@@ -9314,7 +9323,7 @@ const handlePointerDown$1 = event => {
   } = event;
   return ['handleClickAt', clientX, clientY];
 };
-const handleContextMenu$5 = event => {
+const handleContextMenu$6 = event => {
   preventDefault(event);
   const {
     clientX,
@@ -9334,15 +9343,15 @@ const handleFilterInput = event => {
 const handleClearFilterClick = event => {
   return ['clearFilter'];
 };
-const returnValue$5 = true;
+const returnValue$6 = true;
 
 const ViewletProblemsEvents = {
   __proto__: null,
   handleClearFilterClick,
-  handleContextMenu: handleContextMenu$5,
+  handleContextMenu: handleContextMenu$6,
   handleFilterInput,
   handlePointerDown: handlePointerDown$1,
-  returnValue: returnValue$5
+  returnValue: returnValue$6
 };
 
 const setFocusedIndex$2 = (state, focusedIndex) => {
@@ -9418,7 +9427,7 @@ const handlePointerDown = event => {
     clientY
   } = event;
   const uid = fromEvent(event);
-  handleClickAt$2(uid, clientX, clientY);
+  handleClickAt$3(uid, clientX, clientY);
 };
 const handleBlur$2 = event => {
   const uid = fromEvent(event);
@@ -9919,7 +9928,7 @@ const handleHeaderFocusIn = event => {
   }
   return ['handleFocusIn', key];
 };
-const handleContextMenu$4 = event => {
+const handleContextMenu$5 = event => {
   preventDefault(event);
   const {
     button,
@@ -9935,12 +9944,12 @@ const handleWheel = event => {
   } = event;
   return ['handleWheel', deltaMode, deltaY];
 };
-const returnValue$4 = true;
+const returnValue$5 = true;
 
 const ViewletSearchEvents = {
   __proto__: null,
   handleClick: handleClick$4,
-  handleContextMenu: handleContextMenu$4,
+  handleContextMenu: handleContextMenu$5,
   handleFocus: handleFocus$2,
   handleHeaderClick: handleHeaderClick$1,
   handleHeaderFocusIn,
@@ -9953,7 +9962,7 @@ const ViewletSearchEvents = {
   handleScrollBarThumbPointerMove,
   handleToggleButtonClick,
   handleWheel,
-  returnValue: returnValue$4
+  returnValue: returnValue$5
 };
 
 const focus$5 = state => {
@@ -10235,7 +10244,7 @@ const handleInput = event => {
 const ViewletSourceControlEvents = {
   __proto__: null,
   handleClick: handleClick$3,
-  handleContextMenu: handleContextMenu$7,
+  handleContextMenu: handleContextMenu$8,
   handleFocus,
   handleInput,
   handleMouseOut,
@@ -10576,7 +10585,7 @@ const ViewletTerminals = {
   setTabsDom
 };
 
-const handleContextMenu$3 = event => {
+const handleContextMenu$4 = event => {
   preventDefault(event);
   const {
     button,
@@ -10604,7 +10613,7 @@ const attachEvents = state => {
     $Viewlet
   } = state;
   attachEvents$c($Viewlet, {
-    [ContextMenu]: handleContextMenu$3
+    [ContextMenu]: handleContextMenu$4
   });
 };
 const activeClassName = 'TitleBarActive';
@@ -10636,12 +10645,12 @@ const handleTitleBarButtonsClick = event => {
   } = event;
   return ['handleClick', target.className];
 };
-const returnValue$3 = true;
+const returnValue$4 = true;
 
 const ViewletTitleBarButtonEvents = {
   __proto__: null,
   handleTitleBarButtonsClick,
-  returnValue: returnValue$3
+  returnValue: returnValue$4
 };
 
 const Events$3 = ViewletTitleBarButtonEvents;
@@ -11062,20 +11071,20 @@ const handleClickCopy = event => {
 const handleFocusIn$1 = event => {
   return ['handleFocusIn'];
 };
-const handleContextMenu$2 = event => {
+const handleContextMenu$3 = event => {
   preventDefault(event);
   return [];
 };
-const returnValue$2 = true;
+const returnValue$3 = true;
 
 const ViewletAboutEvents = {
   __proto__: null,
   handleClickClose,
   handleClickCopy,
   handleClickOk,
-  handleContextMenu: handleContextMenu$2,
+  handleContextMenu: handleContextMenu$3,
   handleFocusIn: handleFocusIn$1,
-  returnValue: returnValue$2
+  returnValue: returnValue$3
 };
 
 const setFocused = (state, selector) => {
@@ -11151,17 +11160,17 @@ const ViewletInlineDiffEditor = {
   setScrollBar: setScrollBar$2
 };
 
-const handleClickAt$1 = event => {
+const handleClickAt$2 = event => {
   const {
     clientX,
     clientY
   } = event;
   return ['handleClickAt', clientX, clientY];
 };
-const handleLoad$2 = event => {
+const handleLoad$3 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu$1 = event => {
+const handleContextMenu$2 = event => {
   preventDefault(event);
   const {
     button,
@@ -11170,14 +11179,14 @@ const handleContextMenu$1 = event => {
   } = event;
   return ['handleContextMenu', button, clientX, clientY];
 };
-const returnValue$1 = true;
+const returnValue$2 = true;
 
 const ViewletE2eTestsEvents = {
   __proto__: null,
-  handleClickAt: handleClickAt$1,
-  handleContextMenu: handleContextMenu$1,
-  handleLoad: handleLoad$2,
-  returnValue: returnValue$1
+  handleClickAt: handleClickAt$2,
+  handleContextMenu: handleContextMenu$2,
+  handleLoad: handleLoad$3,
+  returnValue: returnValue$2
 };
 
 const sendToIframe = (contentWindow, message, origin, transfer) => {
@@ -11189,11 +11198,11 @@ const sendToIframe = (contentWindow, message, origin, transfer) => {
   }
 };
 
-const handleLoad$1 = event => {
+const handleLoad$2 = event => {
   console.log(event.target.src);
   send('E2eTests.handleLoad');
 };
-const setIframe$1 = (state, src, sandbox = []) => {
+const setIframe$2 = (state, src, sandbox = []) => {
   if (!src) {
     return;
   }
@@ -11210,7 +11219,7 @@ const setIframe$1 = (state, src, sandbox = []) => {
   console.log({
     src
   });
-  $Iframe.addEventListener('load', handleLoad$1, {
+  $Iframe.addEventListener('load', handleLoad$2, {
     once: true
   });
   document.body.append($Iframe);
@@ -11237,21 +11246,21 @@ const setPort = (state, portId, origin) => {
 const ViewletE2eTests = {
   __proto__: null,
   Events: ViewletE2eTestsEvents,
-  setIframe: setIframe$1,
+  setIframe: setIframe$2,
   setPort
 };
 
-const handleClickAt = event => {
+const handleClickAt$1 = event => {
   const {
     clientX,
     clientY
   } = event;
   return ['handleClickAt', clientX, clientY];
 };
-const handleLoad = event => {
+const handleLoad$1 = event => {
   return ['handleLoad'];
 };
-const handleContextMenu = event => {
+const handleContextMenu$1 = event => {
   preventDefault(event);
   const {
     button,
@@ -11279,19 +11288,19 @@ const handleSashCornerPointerDown = create$u(event => {
   } = event;
   return ['handleSashCornerPointerUp', clientX, clientY];
 });
-const returnValue = true;
+const returnValue$1 = true;
 
 const ViewletE2eTestEvents = {
   __proto__: null,
-  handleClickAt,
-  handleContextMenu,
-  handleLoad,
+  handleClickAt: handleClickAt$1,
+  handleContextMenu: handleContextMenu$1,
+  handleLoad: handleLoad$1,
   handleSashCornerPointerDown,
-  returnValue
+  returnValue: returnValue$1
 };
 
 // TODO could use browser view when running in electron
-const setIframe = (state, src, sandbox = []) => {
+const setIframe$1 = (state, src, sandbox = []) => {
   if (!src) {
     return;
   }
@@ -11334,10 +11343,63 @@ const setPreviewTransform = (state, transform) => {
 const ViewletE2eTest = {
   __proto__: null,
   Events: ViewletE2eTestEvents,
-  setIframe,
+  setIframe: setIframe$1,
   setPreviewTransform
 };
 
+const handleClickAt = event => {
+  const {
+    clientX,
+    clientY
+  } = event;
+  return ['handleClickAt', clientX, clientY];
+};
+const handleLoad = event => {
+  return ['handleLoad'];
+};
+const handleContextMenu = event => {
+  preventDefault(event);
+  const {
+    button,
+    clientX,
+    clientY
+  } = event;
+  return ['handleContextMenu', button, clientX, clientY];
+};
+const returnValue = true;
+
+const ViewletWebViewEvents = {
+  __proto__: null,
+  handleClickAt,
+  handleContextMenu,
+  handleLoad,
+  returnValue
+};
+
+// TODO could use browser view when running in electron
+const setIframe = (state, src, sandbox = []) => {
+  if (!src) {
+    return;
+  }
+  const {
+    $Viewlet
+  } = state;
+  const $Parent = $Viewlet.querySelector('.WebViewWrapper');
+  const $Iframe = document.createElement('iframe');
+  for (const element of sandbox) {
+    $Iframe.sandbox.add(element);
+  }
+  $Iframe.className = 'E2eTestIframe';
+  $Iframe.src = src;
+  $Parent.append($Iframe);
+};
+
+const ViewletWebView = {
+  __proto__: null,
+  Events: ViewletWebViewEvents,
+  setIframe
+};
+
 const getWorkerDisplayName = name => {
   if (!name) {
     return '<unknown> worker';

package/package.json

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