@lvce-editor/renderer-process 10.6.0 → 10.8.0

package/dist/rendererProcessMain.js

@@ -1226,6 +1226,9 @@ var getUidTarget = $Element => {
 };
 var getComponentUid = $Element => {
   const $Target = getUidTarget($Element);
+  if (!$Target) {
+    return 0;
+  }
   return $Target[uidSymbol];
 };
 var getComponentUidFromEvent = event => {
@@ -1695,7 +1698,18 @@ const set$5 = setComponentUid;
 const get$6 = getComponentUid;
 const fromEvent = getComponentUidFromEvent;
 
-const setBounds$7 = ($Element, x, y, width, height) => {
+const applyUidWorkaround = element => {
+  // TODO editor widget uids are not available in renderer worker
+  // TODO send editor events directly to editor worker
+  const editor = document.querySelector('.Viewlet.Editor');
+  if (!editor) {
+    throw new Error('no editor found');
+  }
+  const editorUid = get$6(editor);
+  set$5(element, editorUid);
+};
+
+const setBounds$8 = ($Element, x, y, width, height) => {
   $Element.style.top = `${y}px`;
   $Element.style.left = `${x}px`;
   $Element.style.width = `${width}px`;
@@ -1888,12 +1902,12 @@ const handlePointerDown$7 = event => {
   }
   return [];
 };
-const returnValue$a = true;
+const returnValue$b = true;
 
 const ViewletColorPickerEvents = {
   __proto__: null,
   handlePointerDown: handlePointerDown$7,
-  returnValue: returnValue$a
+  returnValue: returnValue$b
 };
 
 const setColor = (state, color) => {
@@ -1910,16 +1924,6 @@ const setOffsetX = (state, offsetX) => {
   setXAndYTransform($ColorPickerSliderThumb, offsetX, 0);
   applyUidWorkaround($Viewlet);
 };
-const applyUidWorkaround = element => {
-  // TODO editor widget uids are not available in renderer worker
-  // TODO send editor events directly to editor worker
-  const editor = document.querySelector('.Viewlet.Editor');
-  if (!editor) {
-    throw new Error('no editor found');
-  }
-  const editorUid = get$6(editor);
-  set$5(element, editorUid);
-};
 const appendWidget$2 = state => {
   const {
     $Viewlet
@@ -2076,7 +2080,7 @@ const forwardViewletCommand = name => {
 };
 
 forwardViewletCommand('clearFilter');
-const close$1 = forwardViewletCommand('close');
+forwardViewletCommand('close');
 forwardViewletCommand('closeEditor');
 const closeMenu$1 = forwardViewletCommand('closeMenu');
 forwardViewletCommand('compositionEnd');
@@ -2085,8 +2089,8 @@ forwardViewletCommand('compositionUpdate');
 forwardViewletCommand('cut');
 forwardViewletCommand('focus');
 forwardViewletCommand('focusIndex');
-const focusNext = forwardViewletCommand('focusNext');
-const focusPrevious$1 = forwardViewletCommand('focusPrevious');
+forwardViewletCommand('focusNext');
+forwardViewletCommand('focusPrevious');
 const handleAudioError$1 = forwardViewletCommand('handleAudioError');
 const handleBeforeInput$2 = forwardViewletCommand('handleBeforeInput');
 forwardViewletCommand('handleBeforeInputFromContentEditable');
@@ -2166,7 +2170,7 @@ forwardViewletCommand('setDelta');
 forwardViewletCommand('toggleMatchCase');
 forwardViewletCommand('toggleMatchWholeWord');
 const toggleMaximize = forwardViewletCommand('toggleMaximize');
-const toggleReplace = forwardViewletCommand('toggleReplace');
+forwardViewletCommand('toggleReplace');
 forwardViewletCommand('toggleUseRegularExpression');
 forwardViewletCommand('type');
 forwardViewletCommand('typeWithAutoClosing');
@@ -2346,11 +2350,11 @@ const handleError$8 = (state, error) => {
   } = state;
   $Viewlet.textContent = `${error}`;
 };
-const setBounds$6 = (state, x, y, width, height) => {
+const setBounds$7 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$7($Viewlet, x, y, width, height);
+  setBounds$8($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorCompletion = {
@@ -2359,7 +2363,7 @@ const ViewletEditorCompletion = {
   create: create$J,
   dispose: dispose$k,
   handleError: handleError$8,
-  setBounds: setBounds$6,
+  setBounds: setBounds$7,
   setContentHeight,
   setDom: setDom$a,
   setNegativeMargin,
@@ -2371,12 +2375,12 @@ const ViewletEditorCompletion = {
 const handleClose = () => {
   return ['closeDetails'];
 };
-const returnValue$9 = true;
+const returnValue$a = true;
 
 const ViewletEditorCompletionDetailsEvents = {
   __proto__: null,
   handleClose,
-  returnValue: returnValue$9
+  returnValue: returnValue$a
 };
 
 const create$I = () => {
@@ -2408,11 +2412,11 @@ const appendWidget$1 = state => {
 const dispose$j = state => {
   remove$2(state.$Viewlet);
 };
-const setBounds$5 = (state, x, y, width, height) => {
+const setBounds$6 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$7($Viewlet, x, y, width, height);
+  setBounds$8($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorCompletionDetails = {
@@ -2422,7 +2426,7 @@ const ViewletEditorCompletionDetails = {
   attachEvents: attachEvents$a,
   create: create$I,
   dispose: dispose$j,
-  setBounds: setBounds$5,
+  setBounds: setBounds$6,
   setDom: setDom$9
 };
 
@@ -2435,24 +2439,23 @@ const handleInput$7 = event => {
   const {
     value
   } = target;
-  const uid = fromEvent(event);
-  handleInput$8(uid, value);
+  return ['FindWidget.handleInput', value];
 };
-const handleClickClose$2 = (uid, event) => {
+const handleClickClose$2 = event => {
   preventDefault(event);
-  close$1(uid);
+  return ['FindWidget.close'];
 };
-const handleClickPreviousMatch = (uid, event) => {
+const handleClickPreviousMatch = event => {
   preventDefault(event);
-  focusPrevious$1(uid);
+  return ['FindWidget.focusPrevious'];
 };
-const handleClickNextMatch = (uid, event) => {
+const handleClickNextMatch = event => {
   preventDefault(event);
-  focusNext(uid);
+  return ['FindWidget.focusNext'];
 };
-const handleClickToggleReplace = (uid, event) => {
+const handleClickToggleReplace = event => {
   preventDefault(event);
-  toggleReplace(uid);
+  return ['FindWidget.toggleReplace'];
 };
 const handleClick$8 = event => {
   const {
@@ -2461,37 +2464,34 @@ const handleClick$8 = event => {
   const {
     title
   } = target;
-  const uid = fromEvent(event);
   switch (title) {
     case 'Close':
-      handleClickClose$2(uid, event);
-      break;
+      return handleClickClose$2(event);
     case 'Previous Match':
-      handleClickPreviousMatch(uid, event);
-      break;
+      return handleClickPreviousMatch(event);
     case 'Next Match':
-      handleClickNextMatch(uid, event);
-      break;
+      return handleClickNextMatch(event);
     case 'Toggle Replace':
-      handleClickToggleReplace(uid, event);
-      break;
+      return handleClickToggleReplace(event);
+    default:
+      return [];
   }
 };
 const handleInputBlur = event => {
-  const uid = fromEvent(event);
-  handleBlur$a(uid);
+  return ['FindWidget.handleBlur'];
 };
 const handleFocus$b = event => {
-  const uid = fromEvent(event);
-  handleFocus$c(uid);
+  return ['FindWidget.handleFocus'];
 };
+const returnValue$9 = true;
 
 const ViewletFindWidgetEvents = {
   __proto__: null,
   handleClick: handleClick$8,
   handleFocus: handleFocus$b,
   handleInput: handleInput$7,
-  handleInputBlur
+  handleInputBlur,
+  returnValue: returnValue$9
 };
 
 const create$H = () => {
@@ -2511,6 +2511,7 @@ const focus$i = state => {
     return;
   }
   $InputBox.focus();
+  applyUidWorkaround($Viewlet);
 };
 const setValue$4 = (state, value) => {
   const {
@@ -2534,12 +2535,21 @@ const setDom$8 = (state, dom) => {
   } = state;
   rememberFocus($Viewlet, dom, ViewletFindWidgetEvents, 0);
 };
+const setBounds$5 = (state, x, y, width, height) => {
+  const {
+    $Viewlet
+  } = state;
+  setBounds$8($Viewlet, x, y, width, height);
+};
+const Events$c = ViewletFindWidgetEvents;
 
 const ViewletFindWidget = {
   __proto__: null,
+  Events: Events$c,
   appendWidget,
   create: create$H,
   focus: focus$i,
+  setBounds: setBounds$5,
   setDom: setDom$8,
   setValue: setValue$4
 };
@@ -5756,7 +5766,7 @@ const isSpecial = id => {
 const createPlaceholder = (viewletId, parentId, top, left, width, height) => {
   const $PlaceHolder = document.createElement('div');
   $PlaceHolder.className = `Viewlet ${viewletId}`;
-  setBounds$7($PlaceHolder, left, top, width, height);
+  setBounds$8($PlaceHolder, left, top, width, height);
   if (isSpecial(viewletId)) {
     $PlaceHolder.id = viewletId;
   }
@@ -5793,8 +5803,18 @@ const setDom2 = (viewletId, dom) => {
   const {
     $Viewlet
   } = instance.state;
+  let uid;
+  if ($Viewlet) {
+    try {
+      uid = get$6($Viewlet);
+    } catch {}
+  }
   // TODO optimize rendering with virtual dom diffing
   const $NewViewlet = rememberFocus($Viewlet, dom, Events, viewletId);
+  if (uid) {
+    // @ts-ignore
+    set$5($NewViewlet, uid);
+  }
   instance.state.$Viewlet = $NewViewlet;
 };
 
@@ -6067,7 +6087,7 @@ const setBounds$4 = (id, left, top, width, height) => {
     return;
   }
   const $Viewlet = instance.state.$Viewlet;
-  setBounds$7($Viewlet, left, top, width, height);
+  setBounds$8($Viewlet, left, top, width, height);
 };
 
 const name$8 = 'Viewlet';
@@ -6815,7 +6835,7 @@ const setBounds$3 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$7($Viewlet, x, y, width, height);
+  setBounds$8($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorError = {
@@ -7656,7 +7676,7 @@ const setBounds$1 = (state, x, y, width, height) => {
   const {
     $Viewlet
   } = state;
-  setBounds$7($Viewlet, x, y, width, height);
+  setBounds$8($Viewlet, x, y, width, height);
 };
 
 const ViewletEditorWidgetError = {
@@ -8998,9 +9018,9 @@ const setSashes = (state, sashSideBar, sashPanel) => {
     $SashSideBar,
     $SashPanel
   } = state;
-  setBounds$7($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
+  setBounds$8($SashSideBar, sashSideBar.x, sashSideBar.y, sashSideBar.width, sashSideBar.height);
   $SashSideBar.classList.toggle('SashActive', sashSideBar.active);
-  setBounds$7($SashPanel, sashPanel.x, sashPanel.y, sashPanel.width, sashPanel.height);
+  setBounds$8($SashPanel, sashPanel.x, sashPanel.y, sashPanel.width, sashPanel.height);
   $SashPanel.classList.toggle('SashActive', sashPanel.active);
 };
 
@@ -9113,7 +9133,7 @@ const setDragOverlay = (state, visible, x, y, width, height) => {
   const {
     $DragOverlay
   } = state;
-  setBounds$7($DragOverlay, x, y, width, height);
+  setBounds$8($DragOverlay, x, y, width, height);
   if (!hasOverlay) {
     document.body.append($DragOverlay);
   }
@@ -11056,7 +11076,7 @@ const setMenus = (state, changes, uid) => {
             level,
             focusedIndex
           } = menu;
-          setBounds$7($Menu, x, y, width, height);
+          setBounds$8($Menu, x, y, width, height);
           renderInto($Menu, dom);
           $Menu.id = `Menu-${level}`;
           append$1($Menu);
@@ -11082,7 +11102,7 @@ const setMenus = (state, changes, uid) => {
             focusedIndex
           } = menu;
           const $Menu = $$Menus[level];
-          setBounds$7($Menu, x, y, width, height);
+          setBounds$8($Menu, x, y, width, height);
           renderInto($Menu, dom);
           if (level === newLength - 1) {
             if (focusedIndex === -1) {
@@ -11531,7 +11551,7 @@ const setPort = (state, portId, origin) => {
 };
 const setPosition = (state, id, x, y, width, height) => {
   const $Iframe = get(id);
-  setBounds$7($Iframe, x, y, width, height);
+  setBounds$8($Iframe, x, y, width, height);
 };
 
 const ViewletWebView = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/renderer-process",
-  "version": "10.6.0",
+  "version": "10.8.0",
   "description": "",
   "main": "dist/rendererProcessMain.js",
   "type": "module",