@lvce-editor/settings-view 1.13.0 → 1.14.0

package/dist/settingsViewWorkerMain.js

@@ -991,19 +991,24 @@ const create$1 = (id, uri, x, y, width, height) => {
     scrollOffset: 0,
     filteredItemsCount: 0,
     history: [],
+    historyIndex: -1,
     modifiedSettings: {}
   };
   set$1(id, state, state);
 };
 
-const isEqual$3 = (oldState, newState) => {
+const isEqual$4 = (oldState, newState) => {
   return oldState.focus === newState.focus;
 };
 
-const isEqual$2 = (oldState, newState) => {
+const isEqual$3 = (oldState, newState) => {
   return oldState.filteredItems === newState.filteredItems;
 };
 
+const isEqual$2 = (oldState, newState) => {
+  return newState.inputSource === User || oldState.scrollOffset === newState.scrollOffset;
+};
+
 const isEqual$1 = (oldState, newState) => {
   return oldState.filteredItems === newState.filteredItems;
 };
@@ -1012,13 +1017,14 @@ const RenderItems = 1;
 const RenderFocus = 2;
 const RenderValue = 3;
 const RenderSettingValues = 10;
+const RenderScrollOffset = 11;
 
 const isEqual = (oldState, newState) => {
   return newState.inputSource === User || oldState.searchValue === newState.searchValue;
 };
 
-const modules = [isEqual$3, isEqual$2, isEqual, isEqual$1];
-const numbers = [RenderFocus, RenderItems, RenderValue, RenderSettingValues];
+const modules = [isEqual$4, isEqual$3, isEqual, isEqual$1, isEqual$2];
+const numbers = [RenderFocus, RenderItems, RenderValue, RenderSettingValues, RenderScrollOffset];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -1080,69 +1086,102 @@ const handleClickTab = (state, name) => {
   };
 };
 
+const addToHistory = (history, value) => {
+  let newHistory = history;
+  let newHistoryIndex = -1;
+  if (value && value.trim() && !history.includes(value)) {
+    newHistory = [...history, value];
+    newHistoryIndex = newHistory.length - 1;
+  } else if (value && value.trim()) {
+    // If value already exists in history, find its index
+    newHistoryIndex = history.indexOf(value);
+  }
+  return {
+    newHistory,
+    newHistoryIndex
+  };
+};
+
 const handleInput = (state, value, inputSource = User) => {
   const {
     items,
     tabs,
-    preferences
+    preferences,
+    history
   } = state;
   const filteredItems = getFilteredItems(items, tabs, value, preferences);
+  const {
+    newHistory,
+    newHistoryIndex
+  } = addToHistory(history, value);
   return {
     ...state,
     searchValue: value,
     filteredItems,
+    history: newHistory,
+    historyIndex: newHistoryIndex,
     inputSource
   };
 };
 
-const handleSettingChecked = (state, name, value) => {
-  const {
-    modifiedSettings,
-    items,
-    tabs,
-    searchValue
-  } = state;
-  const newModifiedSettings = {
-    ...modifiedSettings,
-    [name]: true
+const handleScroll = (state, scrollTop, inputSource = User) => {
+  return {
+    ...state,
+    scrollOffset: scrollTop,
+    inputSource
   };
-  const filteredItems = getFilteredItems(items, tabs, searchValue, newModifiedSettings);
+};
+
+const getNewFilteredItems = (oldModifiedSetings, newModifiedSettings, items, tabs, searchValue, oldFilteredItems) => {
+  if (oldModifiedSetings === newModifiedSettings) {
+    return oldFilteredItems;
+  }
+  return getFilteredItems(items, tabs, searchValue, newModifiedSettings);
+};
 
-  // TODO update value
+const getNewModifiedSettings = (modifiedSettings, name) => {
+  if (name in modifiedSettings) {
+    return modifiedSettings;
+  }
   return {
-    ...state,
-    modifiedSettings: newModifiedSettings,
-    filteredItems
+    ...modifiedSettings,
+    [name]: true
   };
 };
 
-const handleSettingInput = (state, name, value, inputSource = User) => {
-  // TODO update value
+const handleSettingUpdate = (state, name, value, inputSource) => {
   const {
     modifiedSettings,
     items,
     tabs,
-    searchValue
+    searchValue,
+    preferences,
+    filteredItems
   } = state;
-  const newModifiedSettings = {
-    ...modifiedSettings,
-    [name]: true
+  const newModifiedSettings = getNewModifiedSettings(modifiedSettings, name);
+  const newPreferences = {
+    ...preferences,
+    [name]: value
   };
-
-  // TODO don't need to update items if it was already modified
-  const filteredItems = getFilteredItems(items, tabs, searchValue, newModifiedSettings);
+  const newFilteredItems = getNewFilteredItems(modifiedSettings, newModifiedSettings, items, tabs, searchValue, filteredItems);
   return {
     ...state,
     inputSource,
-    filteredItems
+    filteredItems: newFilteredItems,
+    preferences: newPreferences
   };
 };
 
-const handleSettingSelect = (state, name, value) => {
-  // TODO update value
-  return {
-    ...state
-  };
+const handleSettingChecked = (state, name, value, source = User) => {
+  return handleSettingUpdate(state, name, value, source);
+};
+
+const handleSettingInput = (state, name, value, inputSource = User) => {
+  return handleSettingUpdate(state, name, value, inputSource);
+};
+
+const handleSettingSelect = (state, name, value, source = User) => {
+  return handleSettingUpdate(state, name, value, source);
 };
 
 const initialize = async () => {
@@ -3231,6 +3270,12 @@ const getSavedTabId = savedState => {
   }
   return '';
 };
+const getSavedScrollOffset = savedState => {
+  if (savedState && typeof savedState === 'object' && 'scrollOffset' in savedState && typeof savedState.scrollOffset === 'number') {
+    return savedState.scrollOffset;
+  }
+  return 0;
+};
 const restoreState = savedState => {
   if (!savedState) {
     return {
@@ -3238,7 +3283,8 @@ const restoreState = savedState => {
       minLineY: 0,
       deltaY: 0,
       tabId: '',
-      searchValue: ''
+      searchValue: '',
+      scrollOffset: 0
     };
   }
   const root = getSavedWorkspacePath(savedState);
@@ -3246,12 +3292,14 @@ const restoreState = savedState => {
   const deltaY = getSavedDeltaY(savedState);
   const tabId = getSavedTabId(savedState);
   const searchValue = getSavedSearchValue(savedState);
+  const scrollOffset = getSavedScrollOffset(savedState);
   return {
     root,
     minLineY,
     deltaY,
     tabId,
-    searchValue
+    searchValue,
+    scrollOffset
   };
 };
 
@@ -3265,7 +3313,8 @@ const getModifiedSettings = preferences => {
 const loadContent = async (state, savedState) => {
   const {
     searchValue,
-    tabId
+    tabId,
+    scrollOffset
   } = restoreState(savedState);
   const tabs = getTabs();
   const newTabs = getUpdatedTabs(tabs, tabId);
@@ -3280,6 +3329,7 @@ const loadContent = async (state, savedState) => {
     items,
     modifiedSettings,
     preferences,
+    scrollOffset,
     searchValue,
     tabs: newTabs
   };
@@ -3378,6 +3428,7 @@ const HandleClickTab = 'handleClickTab';
 const HandleInput = 'handleInput';
 const HandleSettingInput = 'handleSettingInput';
 const HandleSettingChecked = 'handleSettingChecked';
+const HandleScroll = 'handleScroll';
 const HandleSettingSelect = 'handleSettingSelect';
 
 const getButtonClassName = hasSearchValue => {
@@ -3449,7 +3500,7 @@ const getItemCheckBoxVirtualDom = item => {
     className: SettingsItem,
     childCount: 3,
     role: 'group',
-    dataModified: isModified
+    'data-modified': isModified
   }, {
     type: VirtualDomElements.H3,
     childCount: 1
@@ -3492,14 +3543,17 @@ const getItemNumberVirtualDom = item => {
   const {
     heading,
     description,
-    id
+    id,
+    modified
   } = item;
   const domId = getInputId(id);
+  const isModified = modified || false;
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
     childCount: 3,
-    role: 'group'
+    role: 'group',
+    'data-modified': isModified
   }, ...getItemHeadingDom(heading), ...getItemLabelDom(domId, description), {
     type: VirtualDomElements.Input,
     className: InputBox,
@@ -3628,7 +3682,8 @@ const getSettingsContentDom = (items, tabs, searchValue) => {
   return [{
     type: VirtualDomElements.Div,
     className: SettingsContent,
-    childCount: 2
+    childCount: 2,
+    onScroll: HandleScroll
   }, {
     type: VirtualDomElements.H1,
     className: SettingsContentHeading,
@@ -3699,6 +3754,16 @@ const renderItems = (oldState, newState) => {
   return ['Viewlet.setDom2', newState.id, dom];
 };
 
+const renderScrollOffset = (oldState, newState) => {
+  const {
+    id,
+    scrollOffset
+  } = newState;
+  const selector = '.SettingsContent';
+  const property = 'scrollTop';
+  return ['Viewlet.setProperty', id, selector, property, scrollOffset];
+};
+
 const renderSettingValues = (oldState, newState) => {
   const {
     filteredItems,
@@ -3729,6 +3794,8 @@ const getRenderer = diffType => {
       return renderValue;
     case RenderSettingValues:
       return renderSettingValues;
+    case RenderScrollOffset:
+      return renderScrollOffset;
     default:
       throw new Error('unknown renderer');
   }
@@ -3773,6 +3840,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleSettingChecked,
     params: ['handleSettingChecked', 'event.target.name', 'event.target.value']
+  }, {
+    name: HandleScroll,
+    params: ['handleScroll', 'event.target.scrollTop'],
+    passive: true
   }, {
     name: HandleSettingSelect,
     params: ['handleSettingSelect', 'event.target.name', 'event.target.value']
@@ -3782,7 +3853,8 @@ const renderEventListeners = () => {
 const saveState = state => {
   const {
     tabs,
-    searchValue
+    searchValue,
+    scrollOffset
   } = state;
   const selectedTab = getSelectedTabId(tabs);
   return {
@@ -3792,15 +3864,69 @@ const saveState = state => {
     maxLineY: 0,
     deltaY: 0,
     searchValue,
-    selectedTab
+    selectedTab,
+    scrollOffset
+  };
+};
+
+const useNextSearchValue = state => {
+  const {
+    history,
+    historyIndex,
+    items,
+    tabs,
+    preferences
+  } = state;
+  if (history.length === 0 || historyIndex >= history.length - 1) {
+    return state;
+  }
+  const newHistoryIndex = historyIndex + 1;
+  const newSearchValue = history[newHistoryIndex];
+  const filteredItems = getFilteredItems(items, tabs, newSearchValue, preferences);
+  return {
+    ...state,
+    searchValue: newSearchValue,
+    historyIndex: newHistoryIndex,
+    filteredItems,
+    inputSource: Script
+  };
+};
+
+const usePreviousSearchValue = state => {
+  const {
+    history,
+    historyIndex,
+    items,
+    tabs,
+    preferences
+  } = state;
+  if (history.length === 0 || historyIndex <= 0) {
+    return state;
+  }
+  const newHistoryIndex = historyIndex - 1;
+  const newSearchValue = history[newHistoryIndex];
+  const filteredItems = getFilteredItems(items, tabs, newSearchValue, preferences);
+  return {
+    ...state,
+    searchValue: newSearchValue,
+    historyIndex: newHistoryIndex,
+    filteredItems,
+    inputSource: Script
   };
 };
 
 const commandMap = {
   'Initialize.initialize': initialize,
+  'Settings.clear': wrapCommand(clear$1),
   'Settings.create': create$1,
   'Settings.diff2': diff2,
   'Settings.getCommandIds': getCommandIds,
+  'Settings.handleClickTab': wrapCommand(handleClickTab),
+  'Settings.handleInput': wrapCommand(handleInput),
+  'Settings.handleScroll': wrapCommand(handleScroll),
+  'Settings.handleSettingChecked': wrapCommand(handleSettingChecked),
+  'Settings.handleSettingInput': wrapCommand(handleSettingInput),
+  'Settings.handleSettingSelect': wrapCommand(handleSettingSelect),
   'Settings.loadContent': wrapCommand(loadContent),
   'Settings.render2': render2,
   'Settings.renderActions': renderActions,
@@ -3808,12 +3934,8 @@ const commandMap = {
   'Settings.restoreState': restoreState,
   'Settings.saveState': wrapGetter(saveState),
   'Settings.terminate': terminate,
-  'Settings.handleClickTab': wrapCommand(handleClickTab),
-  'Settings.clear': wrapCommand(clear$1),
-  'Settings.handleInput': wrapCommand(handleInput),
-  'Settings.handleSettingInput': wrapCommand(handleSettingInput),
-  'Settings.handleSettingChecked': wrapCommand(handleSettingChecked),
-  'Settings.handleSettingSelect': wrapCommand(handleSettingSelect)
+  'Settings.useNextSearchValue': wrapCommand(useNextSearchValue),
+  'Settings.usePreviousSearchValue': wrapCommand(usePreviousSearchValue)
 };
 
 const rpcs = Object.create(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/settings-view",
-  "version": "1.13.0",
+  "version": "1.14.0",
   "description": "Explorer Worker",
   "repository": {
     "type": "git",