@lvce-editor/editor-worker 3.7.0 → 3.9.0

package/dist/editorWorkerMain.js

@@ -134,7 +134,6 @@ const EditorRow = 'EditorRow';
 const EditorSelection = 'EditorSelection';
 const FileIcon = 'FileIcon';
 const HoverDisplayString = 'HoverDisplayString';
-const SearchFieldContainer = 'SearchFieldContainer';
 const HoverDocumentation = 'HoverDocumentation';
 const SearchFieldButtons = 'SearchFieldButtons';
 const HoverEditorRow = 'HoverEditorRow';
@@ -2078,7 +2077,7 @@ const applyEdit = async (editor, changes) => {
   return scheduleDocumentAndCursorsSelections(editor, changes);
 };
 
-const handleBlur = editor => {
+const handleBlur$1 = editor => {
   // for (const listener of state.blurListeners) {
   //   listener(editor)
   // }
@@ -3420,9 +3419,6 @@ const noTypeDefinitionFound = () => {
 const noResults$1 = () => {
   return i18nString(UiStrings$1.NoResults);
 };
-const replace = () => {
-  return i18nString(UiStrings$1.Replace);
-};
 
 // @ts-ignore
 const goTo = async ({
@@ -3627,7 +3623,7 @@ const handleDoubleClick = (editor, modifier, x, y) => {
 };
 
 const WhenExpressionEditorText = 12;
-const handleFocus = editor => {
+const handleFocus$1 = editor => {
   // TODO make change events functional,
   // when rendering, send focus changes to renderer worker
   invoke$3('Focus.setFocus', WhenExpressionEditorText);
@@ -5219,6 +5215,27 @@ const refresh = (state, value = state.value) => {
 const handleInput = (state, value) => {
   return refresh(state, value);
 };
+const handleFocus = async state => {
+  const FindWidget = 16;
+  await invoke$3('Focus.setFocus', FindWidget);
+  return state;
+};
+const handleBlur = async state => {
+  const Empty = 0;
+  await invoke$3('Focus.setFocus', Empty);
+  return state;
+};
+const toggleReplace = state => {
+  const newExpanded = !state.replaceExpanded;
+  const collapsedHeight = 30;
+  const expandedHeight = 60;
+  const newHeight = newExpanded ? expandedHeight : collapsedHeight;
+  return {
+    ...state,
+    replaceExpanded: !state.replaceExpanded,
+    height: newHeight
+  };
+};
 
 // TODO this function should be synchronous
 const focusIndex$1 = async (state, index) => {
@@ -5272,6 +5289,14 @@ const focusPrevious$1 = state => {
   }
   return focusIndex$1(state, matchIndex - 1);
 };
+const close$1 = async state => {
+  // TODO
+  // await Viewlet.closeWidget(uid)
+  return {
+    ...state,
+    disposed: true
+  };
+};
 
 const openFind2 = async editor => {
   const newStateGenerator = async state => {
@@ -8594,7 +8619,11 @@ const widgetCommands = {
   'FindWidget.close': Find,
   'FindWidget.focusIndex': Find,
   'FindWidget.focusFirst': Find,
-  'FindWidget.focusLast': Find
+  'FindWidget.focusLast': Find,
+  'FindWidget.toggleReplace': Find,
+  'FindWidget.handleFocus': Find,
+  'FindWidget.handleBlur': Find,
+  'FindWidget.handleToggleReplaceFocus': Find
 };
 
 // TODO wrap commands globally, not per editor
@@ -8674,10 +8703,10 @@ const commandMap = {
   'Editor.goToTypeDefinition': goToTypeDefinition,
   'Editor.handleBeforeInput': handleBeforeInput,
   'Editor.handleBeforeInputFromContentEditable': handleBeforeInputFromContentEditable,
-  'Editor.handleBlur': handleBlur,
+  'Editor.handleBlur': handleBlur$1,
   'Editor.handleContextMenu': handleContextMenu,
   'Editor.handleDoubleClick': handleDoubleClick,
-  'Editor.handleFocus': handleFocus,
+  'Editor.handleFocus': handleFocus$1,
   'Editor.handleMouseDown': handleMouseDown,
   'Editor.handleMouseMove': handleMouseMove,
   'Editor.handleMouseMoveWithAltKey': handleMouseMoveWithAltKey,
@@ -8769,6 +8798,10 @@ const commandMap = {
   'FindWidget.focusNext': focusNext$1,
   'FindWidget.focusPrevious': focusPrevious$1,
   'FindWidget.handleInput': handleInput,
+  'FindWidget.handleFocus': handleFocus,
+  'FindWidget.handleBlur': handleBlur,
+  'FindWidget.toggleReplace': toggleReplace,
+  'FindWidget.close': close$1,
   'FindWidget.loadContent': loadContent$1,
   'Font.ensure': ensure,
   'Hover.getHoverInfo': getEditorHoverInfo,
@@ -9713,9 +9746,14 @@ const add$2 = widget => {
   return addWidget(widget, 'ColorPicker', render$4);
 };
 const remove$2 = removeWidget;
+const Commands$1 = {
+  'ColorPicker.handleSliderPointerDown': handleSliderPointerDown,
+  'ColorPicker.handleSliderPointerMove': handleSliderPointerMove
+};
 
 const EditorColorPickerWidget = {
   __proto__: null,
+  Commands: Commands$1,
   add: add$2,
   remove: remove$2,
   render: render$4
@@ -9806,7 +9844,9 @@ const UiStrings = {
   Close: 'Close',
   PreviousMatch: 'Previous Match',
   NextMatch: 'Next Match',
-  Find: 'Find'
+  Find: 'Find',
+  Replace: 'Replace',
+  ReplaceAll: 'Replace All'
 };
 const noResults = () => {
   return i18nString(UiStrings.NoResults);
@@ -9826,6 +9866,15 @@ const nextMatch = () => {
 const close = () => {
   return i18nString(UiStrings.Close);
 };
+const find = () => {
+  return i18nString(UiStrings.Find);
+};
+const replace = () => {
+  return i18nString(UiStrings.Replace);
+};
+const replaceAll = () => {
+  return i18nString(UiStrings.ReplaceAll);
+};
 
 const getIconVirtualDom = (icon, type = Div) => {
   return {
@@ -9836,6 +9885,26 @@ const getIconVirtualDom = (icon, type = Div) => {
   };
 };
 
+const getIconButtonVirtualDom = iconButton => {
+  const {
+    label,
+    icon,
+    disabled
+  } = iconButton;
+  let className = IconButton;
+  if (disabled) {
+    className += ' ' + IconButtonDisabled;
+  }
+  return [{
+    type: Button,
+    className,
+    title: label,
+    ariaLabel: label,
+    childCount: 1,
+    disabled: disabled ? true : undefined
+  }, getIconVirtualDom(icon)];
+};
+
 const getSearchFieldButtonVirtualDom = button => {
   const {
     icon,
@@ -9880,13 +9949,35 @@ const getSearchFieldVirtualDom = (name, placeholder, onInput, insideButtons, out
     childCount: insideButtons.length
   }, ...insideButtons.flatMap(getSearchFieldButtonVirtualDom)];
   if (outsideButtons.length > 0) {
-    dom.unshift({
+    throw new Error('outsideButtons are deprecated');
+  }
+  return dom;
+};
+
+const getFindWidgetFindVirtualDom = (matchCountText, buttons) => {
+  const dom = [];
+  dom.push({
+    type: Div,
+    className: FindWidgetFind,
+    childCount: 5
+  });
+  dom.push(...getSearchFieldVirtualDom('search-value', find(), 'handleInput', [], [], 'handleFocus'));
+  dom.push({
+    type: Div,
+    className: FindWidgetMatchCount,
+    childCount: 1
+  }, text(matchCountText), ...buttons.flatMap(getIconButtonVirtualDom));
+  return dom;
+};
+
+const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons) => {
+  const dom = [];
+  if (replaceExpanded) {
+    dom.push({
       type: Div,
-      className: SearchFieldContainer,
-      role: None,
-      childCount: 1 + outsideButtons.length
-    });
-    dom.push(...outsideButtons.flatMap(getSearchFieldButtonVirtualDom));
+      className: FindWidgetReplace,
+      childCount: 1 + replaceButtons.length
+    }, ...getSearchFieldVirtualDom('replace-value', replace(), 'handleReplaceInput', [], [], 'handleReplaceFocus'), ...replaceButtons.flatMap(getIconButtonVirtualDom));
   }
   return dom;
 };
@@ -9908,26 +9999,7 @@ const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {
   }];
 };
 
-const getIconButtonVirtualDom = iconButton => {
-  const {
-    label,
-    icon,
-    disabled
-  } = iconButton;
-  let className = IconButton;
-  if (disabled) {
-    className += ' ' + IconButtonDisabled;
-  }
-  return [{
-    type: Button,
-    className,
-    title: label,
-    ariaLabel: label,
-    childCount: 1,
-    disabled: disabled ? true : undefined
-  }, getIconVirtualDom(icon)];
-};
-const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, buttons, matchCase, matchWholeWord, useRegularExpression) => {
+const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, findButtons, replaceButtons, matchCase, matchWholeWord, useRegularExpression) => {
   const dom = [];
   dom.push({
     type: Div,
@@ -9941,23 +10013,9 @@ const getFindWidgetVirtualDom = (matchCountText, replaceExpanded, buttons, match
     className: FindWidgetRight,
     childCount: replaceExpanded ? 2 : 1
   });
-  dom.push({
-    type: Div,
-    className: FindWidgetFind,
-    childCount: 5
-  });
-  dom.push(...getSearchFieldVirtualDom('search-value', 'Find', 'handleInput', [], [], 'handleFocus'));
-  dom.push({
-    type: Div,
-    className: FindWidgetMatchCount,
-    childCount: 1
-  }, text(matchCountText), ...buttons.flatMap(getIconButtonVirtualDom));
+  dom.push(...getFindWidgetFindVirtualDom(matchCountText, findButtons));
   if (replaceExpanded) {
-    dom.push({
-      type: Div,
-      className: FindWidgetReplace,
-      childCount: 1
-    }, text(replace()));
+    dom.push(...getFindWidgetReplaceVirtualDom(replaceExpanded, replaceButtons));
   }
   return dom;
 };
@@ -9972,6 +10030,8 @@ const getMatchCountText = (matchIndex, matchCount) => {
 const ArrowDown = 'ArrowDown';
 const ArrowUp = 'ArrowUp';
 const Close = 'Close';
+const Replace = 'Replace';
+const ReplaceAll = 'ReplaceAll';
 
 const renderValue = {
   isEqual(oldState, newState) {
@@ -9988,7 +10048,7 @@ const renderDetails = {
   apply(oldState, newState) {
     const matchCountText = getMatchCountText(newState.matchIndex, newState.matchCount);
     const buttonsEnabled = newState.matchCount > 0;
-    const buttons = [{
+    const findButtons = [{
       label: previousMatch(),
       icon: ArrowUp,
       disabled: !buttonsEnabled
@@ -10001,7 +10061,16 @@ const renderDetails = {
       icon: Close,
       disabled: false
     }];
-    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, buttons);
+    const replaceButtons = [{
+      label: replace(),
+      icon: Replace,
+      disabled: !buttonsEnabled
+    }, {
+      label: replaceAll(),
+      icon: ReplaceAll,
+      disabled: !buttonsEnabled
+    }];
+    const dom = getFindWidgetVirtualDom(matchCountText, newState.replaceExpanded, findButtons, replaceButtons);
     return ['Viewlet.setDom2', dom];
   }
 };
@@ -10069,9 +10138,20 @@ const add = widget => {
   return addWidget(widget, 'FindWidget', render);
 };
 const remove = removeWidget;
+const Commands = {
+  'FindWidget.close': close$1,
+  'FindWidget.focusNext': focusNext$1,
+  'FindWidget.focusPrevious': focusPrevious$1,
+  'FindWidget.focusIndex': focusIndex$1,
+  'FindWidget.focusLast': focusLast,
+  'FindWidget.toggleReplace': toggleReplace,
+  'FindWidget.handleFocus': handleFocus,
+  'FindWidget.handleBlur': handleBlur
+};
 
 const EditorFindWidget = {
   __proto__: null,
+  Commands,
   add,
   remove,
   render

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/editor-worker",
-  "version": "3.7.0",
+  "version": "3.9.0",
   "description": "",
   "main": "dist/testWorkerMain.js",
   "type": "module",