@lvce-editor/editor-worker 3.10.0 → 3.11.0

package/dist/editorWorkerMain.js

@@ -121,7 +121,7 @@ const IconButtonDisabled = 'IconButtonDisabled';
 const IconButton = 'IconButton';
 const CompletionDetailContent = 'CompletionDetailContent';
 const Diagnostic = 'Diagnostic';
-const FindWidgetReplace = 'FindWidgetReplace';
+const FindWidgetReplace$1 = 'FindWidgetReplace';
 const FindWidgetFind = 'FindWidgetFind';
 const FindWidgetMatchCount = 'FindWidgetMatchCount';
 const FindWidgetRight = 'FindWidgetRight';
@@ -2503,6 +2503,9 @@ const ColorPicker = 41;
 const FindWidget = 16;
 const EditorCompletion = 9;
 const CompletionDetail = 999;
+const Empty = 0;
+const FindWidgetToggleReplace = 42;
+const FindWidgetReplace = 43;
 
 const newStateGenerator = state => {
   return loadContent$3(state);
@@ -5068,6 +5071,10 @@ const openCompletion = async editor => {
   };
 };
 
+const User = 1;
+const Script = 2;
+const Unknown$1 = 0;
+
 const create$1 = () => {
   const uid = create$4();
   const widget = {
@@ -5089,7 +5096,8 @@ const create$1 = () => {
       y: 0,
       width: 0,
       height: 0,
-      focused: false
+      focused: false,
+      focusSource: Unknown$1
     },
     newState: {
       value: '',
@@ -5108,7 +5116,8 @@ const create$1 = () => {
       y: 0,
       width: 0,
       height: 0,
-      focused: true
+      focused: true,
+      focusSource: Unknown$1
     }
   };
   return widget;
@@ -5158,6 +5167,10 @@ const getMatchCount = matches => {
   return matches.length / 2;
 };
 
+const setFocus = async focusKey => {
+  await invoke$3('Focus.setFocus', focusKey);
+};
+
 const getPosition = editor => {
   const width = 300;
   const height = 30;
@@ -5217,20 +5230,28 @@ const handleInput = (state, value) => {
   return refresh(state, value);
 };
 const handleFocus = async state => {
-  const FindWidget = 16;
-  await invoke$3('Focus.setFocus', FindWidget);
-  return state;
+  if (state.focus === 'find') {
+    return state;
+  }
+  await setFocus(FindWidget);
+  return {
+    ...state,
+    focus: 'find'
+  };
 };
 const handleBlur = async state => {
-  const Empty = 0;
-  await invoke$3('Focus.setFocus', Empty);
+  await setFocus(Empty);
   return state;
 };
-const toggleReplace = state => {
-  const newExpanded = !state.replaceExpanded;
+const getHeight = replaceExpanded => {
   const collapsedHeight = 30;
   const expandedHeight = 60;
-  const newHeight = newExpanded ? expandedHeight : collapsedHeight;
+  const newHeight = replaceExpanded ? expandedHeight : collapsedHeight;
+  return newHeight;
+};
+const toggleReplace = state => {
+  const newExpanded = !state.replaceExpanded;
+  const newHeight = getHeight(newExpanded);
   return {
     ...state,
     replaceExpanded: !state.replaceExpanded,
@@ -5298,6 +5319,45 @@ const close$1 = async state => {
     disposed: true
   };
 };
+const handleReplaceFocus = async state => {
+  if (state.focus === 'replaceInput') {
+    return state;
+  }
+  await setFocus(FindWidgetReplace);
+  return {
+    ...state,
+    focus: 'replaceInput',
+    focusSource: User
+  };
+};
+const focusReplace = state => {
+  // TODO
+  return {
+    ...state,
+    focus: 'replace',
+    focusSource: Script
+  };
+};
+const focusFind = state => {
+  // TODO
+  return {
+    ...state,
+    focus: 'find',
+    focusSource: Script
+  };
+};
+const handleReplaceInput = state => {
+  // TODO
+  return state;
+};
+const focusToggleReplace = async state => {
+  await setFocus(FindWidgetToggleReplace);
+  return {
+    ...state,
+    focus: 'toggleReplace',
+    focusSource: Script
+  };
+};
 
 const openFind2 = async editor => {
   const newStateGenerator = async state => {
@@ -5323,7 +5383,9 @@ const openFind2 = async editor => {
       y,
       width,
       height,
-      editorUid: editor.uid || editor.id
+      editorUid: editor.uid || editor.id,
+      focusSource: Script,
+      focus: 'find'
     };
     return latestState;
   };
@@ -8628,7 +8690,10 @@ const widgetCommands = {
   'FindWidget.handleToggleReplaceFocus': Find,
   'FindWidget.handleInput': Find,
   'FindWidget.handleReplaceInput': Find,
-  'FindWidget.handleReplaceFocus': Find
+  'FindWidget.handleReplaceFocus': Find,
+  'FindWidget.focusFind': Find,
+  'FindWidget.focusToggleReplace': Find,
+  'FindWidget.focusReplace': Find
 };
 
 // TODO wrap commands globally, not per editor
@@ -8797,17 +8862,22 @@ const commandMap = {
   'EditorCompletion.selectCurrent': selectCurrent,
   'EditorCompletion.selectIndex': selectIndex,
   'EditorCompletion.toggleDetails': toggleDetails,
+  'FindWidget.close': close$1,
   'FindWidget.focusFirst': focusFirst$1,
   'FindWidget.focusIndex': focusIndex$1,
   'FindWidget.focusLast': focusLast,
   '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.handleFocus': handleFocus,
+  'FindWidget.handleInput': handleInput,
+  'FindWidget.handleReplaceFocus': handleReplaceFocus,
   'FindWidget.loadContent': loadContent$1,
+  'FindWidget.toggleReplace': toggleReplace,
+  'FindWidget.focusReplace': focusReplace,
+  'FindWidget.focusFind': focusFind,
+  'FindWidget.handleReplaceInput': handleReplaceInput,
+  'FindWidget.focusToggleReplace': focusToggleReplace,
   'Font.ensure': ensure,
   'Hover.getHoverInfo': getEditorHoverInfo,
   'Hover.handleSashPointerDown': handleSashPointerDown,
@@ -9981,7 +10051,7 @@ const getFindWidgetReplaceVirtualDom = (replaceExpanded, replaceButtons) => {
   if (replaceExpanded) {
     dom.push({
       type: Div,
-      className: FindWidgetReplace,
+      className: FindWidgetReplace$1,
       childCount: 1 + replaceButtons.length
     }, ...getSearchFieldVirtualDom('replace-value', replace(), 'handleReplaceInput', [], [], 'handleReplaceFocus'), ...replaceButtons.flatMap(getIconButtonVirtualDom));
   }
@@ -9995,6 +10065,7 @@ const getSearchToggleButtonVirtualDom = (replaceExpanded, onClick = '') => {
     title: 'Toggle Replace',
     ariaLabel: 'Toggle Replace',
     ariaExpanded: replaceExpanded,
+    name: 'ToggleReplace',
     childCount: 1,
     'data-command': 'toggleReplace',
     onClick
@@ -10099,12 +10170,28 @@ const renderBounds = {
     return [/* method */SetBounds, /* x */x, /* y */y, /* width */width, /* height */height];
   }
 };
+
+// TODO always focus element by name
+// TODO use numeric key
+const getKey = focus => {
+  switch (focus) {
+    case 'find':
+      return `[name="search-value"]`;
+    case 'replace':
+      return '[name="replace-value"]';
+    case 'toggleReplace':
+      return `[name="toggleReplace"]`;
+    default:
+      return '';
+  }
+};
 const renderFocus = {
   isEqual(oldState, newState) {
-    return oldState.focused === newState.focused;
+    return oldState.focused === newState.focused && oldState.focus === newState.focus && oldState.focusSource === newState.focusSource;
   },
   apply(oldState, newState) {
-    return ['focus', newState.focused];
+    const key = getKey(newState.focus || '');
+    return ['focus', key, newState.focusSource];
   }
 };
 // const getAriaLabel = (state: FindWidgetState) => {

package/package.json

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