@lvce-editor/find-widget-worker 1.2.0 → 1.3.0

package/dist/findWidgetWorkerMain.js

@@ -910,7 +910,7 @@ const isEqual$2 = (oldState, newState) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.version === newState.version;
+  return oldState.version === newState.version && oldState.replaceExpanded === newState.replaceExpanded && oldState.matchCount === newState.matchCount && oldState.matchIndex === newState.matchIndex;
 };
 
 const isEqual = (oldState, newState) => {
@@ -1012,6 +1012,11 @@ const handleBlur = async state => {
   };
 };
 
+const handleClickClose = state => {
+  // TODO ask editor worker to dispose widget
+  return state;
+};
+
 const findRegexMatches = (lines, regex) => {
   if (!regex.global) {
     throw new Error('regex must be global');
@@ -1082,6 +1087,23 @@ const handleInput = (state, value) => {
   return refresh(state, value);
 };
 
+const getFindWidgetHeight = replaceExpanded => {
+  const collapsedHeight = 30;
+  const expandedHeight = 60;
+  const newHeight = replaceExpanded ? expandedHeight : collapsedHeight;
+  return newHeight;
+};
+
+const toggleReplace = state => {
+  const newExpanded = !state.replaceExpanded;
+  const newHeight = getFindWidgetHeight(newExpanded);
+  return {
+    ...state,
+    replaceExpanded: !state.replaceExpanded,
+    height: newHeight
+  };
+};
+
 const commandIds = ['handleSliderPointerDown', 'handleSliderPointerMove'];
 
 const getCommandIds = () => {
@@ -1216,14 +1238,19 @@ const renderBounds = (oldState, newState) => {
   return [SetBounds, uid, x, y, width, height];
 };
 
+const HandleBlur = 'handleBlur';
 const HandleClickClose = 'handleClickClose';
+const HandleClickFocusPreviousMatch = 'handleClickFocusPreviousMatch';
 const HandleClickNextMatch = 'handleClickNextMatch';
 const HandleClickPreviousMatch = 'handleClickPreviousMatch';
 const HandleClickReplace = 'handleClickReplace';
+const HandleClickToggleReplace = 'handleClickToggleReplace';
 const HandleClickReplaceAll = 'handleClickReplaceAll';
 const HandleFocus = 'handleFocus';
 const HandleInput = 'handleInput';
 const HandleReplaceFocus = 'handleReplaceFocus';
+const HandleFocusPrevious = 'handleFocusPrevious';
+const HandleFocusNext = 'handleFocusNext';
 const HandleReplaceInput = 'handleReplaceInput';
 
 const emptyObject = {};
@@ -1557,15 +1584,56 @@ const renderContent = (oldState, newState) => {
   return [SetDom2, uid, dom];
 };
 
-const getEventListeners = uid => {
-  return [];
+const getEventListeners = (uid, widgetId) => {
+  return [{
+    name: HandleInput,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleInput', 0, widgetId, 'event.target.value']
+  }, {
+    name: HandleClickClose,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleClickClose', 0, widgetId]
+  }, {
+    name: HandleClickFocusPreviousMatch,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleClickPreviousMatch', 0, widgetId]
+  }, {
+    name: HandleClickNextMatch,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleClickNextMatch', 0, widgetId]
+  }, {
+    name: HandleClickReplace,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleClickReplace', 0, widgetId]
+  }, {
+    name: HandleClickReplace,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleClickReplaceAll', 0, widgetId]
+  }, {
+    name: HandleClickToggleReplace,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.toggleReplace', 0, widgetId]
+  }, {
+    name: HandleBlur,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleBlur', 0, widgetId]
+  }, {
+    name: HandleReplaceInput,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleReplaceInput', 0, widgetId]
+  }, {
+    name: HandleReplaceFocus,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleReplaceFocus', 0, widgetId]
+  }, {
+    name: HandleFocusPrevious,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleFocusPrevious', 0, widgetId]
+  }, {
+    name: HandleFocusNext,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleFocusNext', 0, widgetId]
+  }, {
+    name: HandleClickReplaceAll,
+    params: ['executeWidgetCommand', 'FindWidget', 'FindWidget.handleClickReplaceAll', 0, widgetId]
+  }];
 };
 
+const Find = 5;
+
 const renderEventListeners = state => {
   const {
     uid
   } = state;
-  const eventListeners = getEventListeners();
+  const eventListeners = getEventListeners(uid, Find);
   return [SetEventListeners, uid, eventListeners];
 };
 
@@ -1633,10 +1701,12 @@ const commandMap = {
   'FindWidget.focusPrevious': focusPrevious,
   'FindWidget.getCommandIds': getCommandIds,
   'FindWidget.handleBlur': handleBlur,
+  'FindWidget.handleClickClose': handleClickClose,
   'FindWidget.handleInput': handleInput,
   'FindWidget.loadContent': wrapCommand(loadContent),
   'FindWidget.render2': render2,
-  'FindWidget.terminate': terminate
+  'FindWidget.terminate': terminate,
+  'FindWidget.toggleReplace': toggleReplace
 };
 
 const listen = async () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/find-widget-worker",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Web Worker for the find widget in Lvce Editor",
   "repository": {
     "type": "git",