@lvce-editor/settings-view 1.16.0 → 1.17.0

package/dist/settingsViewWorkerMain.js

@@ -937,7 +937,7 @@ const filterBySearch = (items, searchValue) => {
   const normalizedSearchValue = searchValue.toLowerCase().trim();
   return items.filter(item => item.heading.toLowerCase().includes(normalizedSearchValue));
 };
-const getFilteredItems = (items, tabs, searchValue = '', preferences = {}) => {
+const getFilteredItems = (items, tabs, searchValue = '', preferences) => {
   const tabFilteredItems = filterByTab(items, tabs);
   const itemsWithModifiedProperty = addModifiedProperty(tabFilteredItems, preferences);
   return filterBySearch(itemsWithModifiedProperty, searchValue);
@@ -952,10 +952,10 @@ const clear$1 = state => {
   const {
     items,
     tabs,
-    preferences
+    modifiedSettings
   } = state;
   const newSearchValue = '';
-  const filteredItems = getFilteredItems(items, tabs, newSearchValue, preferences);
+  const filteredItems = getFilteredItems(items, tabs, newSearchValue, modifiedSettings);
   return {
     ...state,
     filteredItems,
@@ -1037,8 +1037,8 @@ const isEqual = (oldState, newState) => {
   return newState.inputSource === User || oldState.searchValue === newState.searchValue;
 };
 
-const modules = [isEqual$4, isEqual$3, isEqual, isEqual$1, isEqual$2];
-const numbers = [RenderFocus, RenderItems, RenderValue, RenderSettingValues, RenderScrollOffset];
+const modules = [isEqual$3, isEqual, isEqual$1, isEqual$2, isEqual$4, isEqual$4];
+const numbers = [RenderItems, RenderValue, RenderSettingValues, RenderScrollOffset, RenderFocus, RenderFocusContext];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -1065,8 +1065,69 @@ const diff2 = uid => {
   return diffResult;
 };
 
-const getKeyBindings = () => {
-  return [];
+const Tab$1 = 'tab';
+const TabList = 'tablist';
+const AriaRoles = {
+  __proto__: null,
+  Tab: Tab$1,
+  TabList};
+const Viewlet$1 = 'Viewlet';
+const ClassNames = {
+  __proto__: null,
+  Viewlet: Viewlet$1};
+const UpArrow = 14;
+const DownArrow = 16;
+const KeyCode = {
+  __proto__: null,
+  DownArrow,
+  UpArrow
+};
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+const Button$1 = 1;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Text = 12;
+const H3 = 23;
+const Aside = 28;
+const P = 50;
+const Ul = 60;
+const Select$1 = 63;
+const Option = 64;
+const Label = 66;
+const VirtualDomElements = {
+  __proto__: null,
+  Aside,
+  Button: Button$1,
+  Div,
+  H1,
+  H3,
+  Input,
+  Label,
+  Option,
+  P,
+  Select: Select$1,
+  Ul};
+const text = data => {
+  return {
+    type: Text,
+    text: data,
+    childCount: 0
+  };
+};
+
+const getKeyBindings$1 = () => {
+  return [{
+    key: KeyCode.UpArrow,
+    command: 'Settings.usePreviousSearchValue',
+    when: FocusSettingsInput
+  }, {
+    key: KeyCode.DownArrow,
+    command: 'Settings.useNextSearchValue',
+    when: FocusSettingsInput
+  }];
 };
 
 const getName = () => {
@@ -1103,10 +1164,10 @@ const handleClickTab = (state, name) => {
     items,
     tabs,
     searchValue,
-    preferences
+    modifiedSettings
   } = state;
   const updatedTabs = getUpdatedTabs(tabs, name);
-  const filteredItems = getFilteredItems(items, updatedTabs, searchValue, preferences);
+  const filteredItems = getFilteredItems(items, updatedTabs, searchValue, modifiedSettings);
   return {
     ...state,
     tabs: updatedTabs,
@@ -1117,12 +1178,57 @@ const handleClickTab = (state, name) => {
 const addToHistory = (history, value) => {
   let newHistory = history;
   let newHistoryIndex = -1;
-  if (value && value.trim() && !history.includes(value)) {
-    newHistory = [...history, value];
+  if (!value || !value.trim()) {
+    return {
+      newHistory,
+      newHistoryIndex
+    };
+  }
+  const trimmedValue = value.trim();
+
+  // Check if this value is already in history
+  const existingIndex = history.indexOf(trimmedValue);
+  if (existingIndex !== -1) {
+    newHistoryIndex = existingIndex;
+    return {
+      newHistory,
+      newHistoryIndex
+    };
+  }
+
+  // Check if this value is a prefix of any existing history item
+  // If it is, don't add it to history yet (it's still being typed)
+  const isPrefixOfExisting = history.some(historyItem => historyItem.startsWith(trimmedValue) && historyItem !== trimmedValue);
+  if (isPrefixOfExisting) {
+    // Don't add to history, but find the closest match for index
+    const closestMatch = history.find(historyItem => historyItem.startsWith(trimmedValue));
+    if (closestMatch) {
+      newHistoryIndex = history.indexOf(closestMatch);
+    }
+    return {
+      newHistory,
+      newHistoryIndex
+    };
+  }
+
+  // Check if any existing history items are prefixes of this value
+  // If so, remove all prefix items and add the complete value at the first prefix position
+  const prefixItems = history.filter(historyItem => trimmedValue.startsWith(historyItem) && historyItem !== trimmedValue);
+  if (prefixItems.length > 0) {
+    // Find the position of the first prefix item
+    const firstPrefixIndex = history.findIndex(historyItem => trimmedValue.startsWith(historyItem) && historyItem !== trimmedValue);
+
+    // Remove all prefix items and add the complete value at the first prefix position
+
+    // Insert the new value at the position where the first prefix was
+    const beforePrefix = history.slice(0, firstPrefixIndex);
+    const afterPrefix = history.slice(firstPrefixIndex).filter(historyItem => !trimmedValue.startsWith(historyItem) || historyItem === trimmedValue);
+    newHistory = [...beforePrefix, trimmedValue, ...afterPrefix];
+    newHistoryIndex = firstPrefixIndex;
+  } else {
+    // Add as new item
+    newHistory = [...history, trimmedValue];
     newHistoryIndex = newHistory.length - 1;
-  } else if (value && value.trim()) {
-    // If value already exists in history, find its index
-    newHistoryIndex = history.indexOf(value);
   }
   return {
     newHistory,
@@ -1134,10 +1240,10 @@ const handleInput = (state, value, inputSource = User) => {
   const {
     items,
     tabs,
-    preferences,
-    history
+    history,
+    modifiedSettings
   } = state;
-  const filteredItems = getFilteredItems(items, tabs, value, preferences);
+  const filteredItems = getFilteredItems(items, tabs, value, modifiedSettings);
   const {
     newHistory,
     newHistoryIndex
@@ -1152,8 +1258,16 @@ const handleInput = (state, value, inputSource = User) => {
   };
 };
 
+const None = 0;
 const SearchInput = 1;
 
+const handleInputBlur = state => {
+  return {
+    ...state,
+    focus: None
+  };
+};
+
 const handleInputFocus = state => {
   return {
     ...state,
@@ -1225,8 +1339,378 @@ const initialize = async () => {
   // TODO
 };
 
+const getModifiedSettings = preferences => {
+  const modifiedSettings = Object.create(null);
+  for (const key of Object.keys(preferences)) {
+    modifiedSettings[key] = true;
+  }
+  return modifiedSettings;
+};
+
+const rpcs = Object.create(null);
+const set$g = (id, rpc) => {
+  rpcs[id] = rpc;
+};
+const get = id => {
+  return rpcs[id];
+};
+
+/* eslint-disable  @typescript-eslint/explicit-function-return-type */
+
+const create = rpcId => {
+  return {
+    // @ts-ignore
+    invoke(method, ...params) {
+      const rpc = get(rpcId);
+      // @ts-ignore
+      return rpc.invoke(method, ...params);
+    },
+    // @ts-ignore
+    invokeAndTransfer(method, ...params) {
+      const rpc = get(rpcId);
+      // @ts-ignore
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    set(rpc) {
+      set$g(rpcId, rpc);
+    },
+    async dispose() {
+      const rpc = get(rpcId);
+      await rpc.dispose();
+    }
+  };
+};
+const DebugWorker$1 = 55;
+const RendererWorker$1 = 1;
+const {
+  invoke: invoke$3,
+  invokeAndTransfer: invokeAndTransfer$3,
+  set: set$3,
+  dispose: dispose$3
+} = create(RendererWorker$1);
+const searchFileHtml = async uri => {
+  return invoke$3('ExtensionHost.searchFileWithHtml', uri);
+};
+const getFilePathElectron = async file => {
+  return invoke$3('FileSystemHandle.getFilePathElectron', file);
+};
+const showContextMenu = async (x, y, id, ...args) => {
+  return invoke$3('ContextMenu.show', x, y, id, ...args);
+};
+const getElectronVersion = async () => {
+  return invoke$3('Process.getElectronVersion');
+};
+const applyBulkReplacement = async bulkEdits => {
+  await invoke$3('BulkReplacement.applyBulkReplacement', bulkEdits);
+};
+const setColorTheme = async id => {
+  // @ts-ignore
+  return invoke$3(/* ColorTheme.setColorTheme */'ColorTheme.setColorTheme', /* colorThemeId */id);
+};
+const getNodeVersion = async () => {
+  return invoke$3('Process.getNodeVersion');
+};
+const getChromeVersion = async () => {
+  return invoke$3('Process.getChromeVersion');
+};
+const getV8Version = async () => {
+  return invoke$3('Process.getV8Version');
+};
+const getFileHandles = async fileIds => {
+  const files = await invoke$3('FileSystemHandle.getFileHandles', fileIds);
+  return files;
+};
+const setWorkspacePath = async path => {
+  await invoke$3('Workspace.setPath', path);
+};
+const registerWebViewInterceptor = async (id, port) => {
+  await invokeAndTransfer$3('WebView.registerInterceptor', id, port);
+};
+const unregisterWebViewInterceptor = async id => {
+  await invoke$3('WebView.unregisterInterceptor', id);
+};
+const sendMessagePortToEditorWorker = async (port, rpcId) => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToEditorWorker', port, command, rpcId);
+};
+const sendMessagePortToMarkdownWorker = async (port, rpcId) => {
+  const command = 'Markdown.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToMarkdownWorker', port, command, rpcId);
+};
+const sendMessagePortToFileSystemWorker = async (port, rpcId) => {
+  const command = 'FileSystem.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToFileSystemWorker', port, command, rpcId);
+};
+const readFile = async uri => {
+  return invoke$3('FileSystem.readFile', uri);
+};
+const getWebViewSecret = async key => {
+  // @ts-ignore
+  return invoke$3('WebView.getSecret', key);
+};
+const setWebViewPort = async (uid, port, origin, portType) => {
+  return invokeAndTransfer$3('WebView.setPort', uid, port, origin, portType);
+};
+const setFocus = key => {
+  return invoke$3('Focus.setFocus', key);
+};
+const getFileIcon = async options => {
+  return invoke$3('IconTheme.getFileIcon', options);
+};
+const getColorThemeNames = async () => {
+  return invoke$3('ColorTheme.getColorThemeNames');
+};
+const disableExtension = async id => {
+  return invoke$3('ExtensionManagement.disable', id);
+};
+const enableExtension = async id => {
+  // @ts-ignore
+  return invoke$3('ExtensionManagement.enable', id);
+};
+const handleDebugChange = async params => {
+  // @ts-ignore
+  return invoke$3('Run And Debug.handleChange', params);
+};
+const getFolderIcon = async options => {
+  return invoke$3('IconTheme.getFolderIcon', options);
+};
+const closeWidget = async widgetId => {
+  return invoke$3('Viewlet.closeWidget', widgetId);
+};
+const sendMessagePortToExtensionHostWorker = async (port, rpcId = 0) => {
+  const command = 'HandleMessagePort.handleMessagePort2';
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
+};
+const sendMessagePortToSearchProcess = async port => {
+  await invokeAndTransfer$3('SendMessagePortToElectron.sendMessagePortToElectron', port, 'HandleMessagePortForSearchProcess.handleMessagePortForSearchProcess');
+};
+const confirm = async (message, options) => {
+  // @ts-ignore
+  const result = await invoke$3('Confirmprompt.prompt', message, options);
+  return result;
+};
+const getRecentlyOpened = async () => {
+  return invoke$3(/* RecentlyOpened.getRecentlyOpened */'RecentlyOpened.getRecentlyOpened');
+};
+const getKeyBindings = async () => {
+  return invoke$3('KeyBindingsInitial.getKeyBindings');
+};
+const writeClipBoardText = async text => {
+  await invoke$3('ClipBoard.writeText', /* text */text);
+};
+const writeClipBoardImage = async blob => {
+  // @ts-ignore
+  await invoke$3('ClipBoard.writeImage', /* text */blob);
+};
+const searchFileMemory = async uri => {
+  // @ts-ignore
+  return invoke$3('ExtensionHost.searchFileWithMemory', uri);
+};
+const searchFileFetch = async uri => {
+  return invoke$3('ExtensionHost.searchFileWithFetch', uri);
+};
+const showMessageBox = async options => {
+  return invoke$3('ElectronDialog.showMessageBox', options);
+};
+const handleDebugResumed = async params => {
+  await invoke$3('Run And Debug.handleResumed', params);
+};
+const openWidget = async name => {
+  await invoke$3('Viewlet.openWidget', name);
+};
+const getIcons = async requests => {
+  const icons = await invoke$3('IconTheme.getIcons', requests);
+  return icons;
+};
+const activateByEvent = event => {
+  return invoke$3('ExtensionHostManagement.activateByEvent', event);
+};
+const setAdditionalFocus = focusKey => {
+  // @ts-ignore
+  return invoke$3('Focus.setAdditionalFocus', focusKey);
+};
+const getActiveEditorId = () => {
+  // @ts-ignore
+  return invoke$3('GetActiveEditor.getActiveEditorId');
+};
+const getWorkspacePath = () => {
+  return invoke$3('Workspace.getPath');
+};
+const sendMessagePortToRendererProcess = async port => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  // @ts-ignore
+  await invokeAndTransfer$3('SendMessagePortToExtensionHostWorker.sendMessagePortToRendererProcess', port, command, DebugWorker$1);
+};
+const getPreference = async key => {
+  return await invoke$3('Preferences.get', key);
+};
+const getAllExtensions = async () => {
+  return invoke$3('ExtensionManagement.getAllExtensions');
+};
+const rerenderEditor = async key => {
+  // @ts-ignore
+  return invoke$3('Editor.rerender', key);
+};
+const handleDebugPaused = async params => {
+  await invoke$3('Run And Debug.handlePaused', params);
+};
+const openUri = async (uri, focus, options) => {
+  await invoke$3('Main.openUri', uri, focus, options);
+};
+const sendMessagePortToSyntaxHighlightingWorker = async port => {
+  await invokeAndTransfer$3(
+  // @ts-ignore
+  'SendMessagePortToSyntaxHighlightingWorker.sendMessagePortToSyntaxHighlightingWorker', port, 'HandleMessagePort.handleMessagePort2');
+};
+const handleDebugScriptParsed = async script => {
+  await invoke$3('Run And Debug.handleScriptParsed', script);
+};
+const getWindowId = async () => {
+  return invoke$3('GetWindowId.getWindowId');
+};
+const getBlob = async uri => {
+  // @ts-ignore
+  return invoke$3('FileSystem.getBlob', uri);
+};
+const getExtensionCommands = async () => {
+  return invoke$3('ExtensionHost.getCommands');
+};
+const showErrorDialog = async errorInfo => {
+  // @ts-ignore
+  await invoke$3('ErrorHandling.showErrorDialog', errorInfo);
+};
+const getFolderSize = async uri => {
+  // @ts-ignore
+  return await invoke$3('FileSystem.getFolderSize', uri);
+};
+const getExtension = async id => {
+  // @ts-ignore
+  return invoke$3('ExtensionManagement.getExtension', id);
+};
+const getMarkdownDom = async html => {
+  // @ts-ignore
+  return invoke$3('Markdown.getVirtualDom', html);
+};
+const renderMarkdown = async (markdown, options) => {
+  // @ts-ignore
+  return invoke$3('Markdown.renderMarkdown', markdown, options);
+};
+const openNativeFolder = async uri => {
+  // @ts-ignore
+  await invoke$3('OpenNativeFolder.openNativeFolder', uri);
+};
+const uninstallExtension = async id => {
+  return invoke$3('ExtensionManagement.uninstall', id);
+};
+const installExtension = async id => {
+  // @ts-ignore
+  return invoke$3('ExtensionManagement.install', id);
+};
+const openExtensionSearch = async () => {
+  // @ts-ignore
+  return invoke$3('SideBar.openViewlet', 'Extensions');
+};
+const setExtensionsSearchValue = async searchValue => {
+  // @ts-ignore
+  return invoke$3('Extensions.handleInput', searchValue);
+};
+const openExternal = async uri => {
+  // @ts-ignore
+  await invoke$3('Open.openExternal', uri);
+};
+const openUrl = async uri => {
+  // @ts-ignore
+  await invoke$3('Open.openUrl', uri);
+};
+const getAllPreferences = async () => {
+  // @ts-ignore
+  return invoke$3('Preferences.getAll');
+};
+const RendererWorker = {
+  __proto__: null,
+  activateByEvent,
+  applyBulkReplacement,
+  closeWidget,
+  confirm,
+  disableExtension,
+  dispose: dispose$3,
+  enableExtension,
+  getActiveEditorId,
+  getAllExtensions,
+  getAllPreferences,
+  getBlob,
+  getChromeVersion,
+  getColorThemeNames,
+  getElectronVersion,
+  getExtension,
+  getExtensionCommands,
+  getFileHandles,
+  getFileIcon,
+  getFilePathElectron,
+  getFolderIcon,
+  getFolderSize,
+  getIcons,
+  getKeyBindings,
+  getMarkdownDom,
+  getNodeVersion,
+  getPreference,
+  getRecentlyOpened,
+  getV8Version,
+  getWebViewSecret,
+  getWindowId,
+  getWorkspacePath,
+  handleDebugChange,
+  handleDebugPaused,
+  handleDebugResumed,
+  handleDebugScriptParsed,
+  installExtension,
+  invoke: invoke$3,
+  invokeAndTransfer: invokeAndTransfer$3,
+  openExtensionSearch,
+  openExternal,
+  openNativeFolder,
+  openUri,
+  openUrl,
+  openWidget,
+  readFile,
+  registerWebViewInterceptor,
+  renderMarkdown,
+  rerenderEditor,
+  searchFileFetch,
+  searchFileHtml,
+  searchFileMemory,
+  sendMessagePortToEditorWorker,
+  sendMessagePortToExtensionHostWorker,
+  sendMessagePortToFileSystemWorker,
+  sendMessagePortToMarkdownWorker,
+  sendMessagePortToRendererProcess,
+  sendMessagePortToSearchProcess,
+  sendMessagePortToSyntaxHighlightingWorker,
+  set: set$3,
+  setAdditionalFocus,
+  setColorTheme,
+  setExtensionsSearchValue,
+  setFocus,
+  setWebViewPort,
+  setWorkspacePath,
+  showContextMenu,
+  showErrorDialog,
+  showMessageBox,
+  uninstallExtension,
+  unregisterWebViewInterceptor,
+  writeClipBoardImage,
+  writeClipBoardText
+};
+
 const getPreferences = async () => {
-  return {};
+  try {
+    return await RendererWorker.getAllPreferences();
+  } catch {
+    return {};
+  }
 };
 
 const ApplicationsTab = 'applications';
@@ -3290,42 +3774,70 @@ const getTabs = () => {
   return tabs;
 };
 
+const getSavedDeltaY = savedState => {
+  if (savedState && typeof savedState === 'object' && 'deltaY' in savedState && typeof savedState.deltaY === 'number') {
+    return savedState.deltaY;
+  }
+  return 0;
+};
+
+const getSavedHistory = savedState => {
+  if (savedState && typeof savedState === 'object' && 'history' in savedState && Array.isArray(savedState.history)) {
+    // Validate that all items are strings and limit to last 10 items
+    const validHistory = savedState.history.filter(item => typeof item === 'string').slice(-10); // Keep only the last 10 items
+    return validHistory;
+  }
+  return [];
+};
+
+const getSavedHistoryIndex = (savedState, history) => {
+  if (savedState && typeof savedState === 'object' && 'historyIndex' in savedState && typeof savedState.historyIndex === 'number') {
+    const {
+      historyIndex
+    } = savedState;
+    // Ensure historyIndex is within valid bounds
+    if (historyIndex >= 0 && historyIndex < history.length) {
+      return historyIndex;
+    }
+  }
+  return -1;
+};
+
 const getSavedMinLineY = savedState => {
   if (savedState && typeof savedState === 'object' && 'minLineY' in savedState && typeof savedState.minLineY === 'number') {
     return savedState.minLineY;
   }
   return 0;
 };
-const getSavedSearchValue = savedState => {
-  if (savedState && typeof savedState === 'object' && 'searchValue' in savedState && typeof savedState.searchValue === 'string') {
-    return savedState.searchValue;
-  }
-  return '';
-};
-const getSavedDeltaY = savedState => {
-  if (savedState && typeof savedState === 'object' && 'deltaY' in savedState && typeof savedState.deltaY === 'number') {
-    return savedState.deltaY;
+
+const getSavedScrollOffset = savedState => {
+  if (savedState && typeof savedState === 'object' && 'scrollOffset' in savedState && typeof savedState.scrollOffset === 'number') {
+    return savedState.scrollOffset;
   }
   return 0;
 };
-const getSavedWorkspacePath = savedState => {
-  if (savedState && typeof savedState === 'object' && 'workspacePath' in savedState && typeof savedState.workspacePath === 'string') {
-    return savedState.workspacePath;
+
+const getSavedSearchValue = savedState => {
+  if (savedState && typeof savedState === 'object' && 'searchValue' in savedState && typeof savedState.searchValue === 'string') {
+    return savedState.searchValue;
   }
   return '';
 };
+
 const getSavedTabId = savedState => {
   if (savedState && typeof savedState === 'object' && 'selectedTab' in savedState && typeof savedState.selectedTab === 'string') {
     return savedState.selectedTab;
   }
   return '';
 };
-const getSavedScrollOffset = savedState => {
-  if (savedState && typeof savedState === 'object' && 'scrollOffset' in savedState && typeof savedState.scrollOffset === 'number') {
-    return savedState.scrollOffset;
+
+const getSavedWorkspacePath = savedState => {
+  if (savedState && typeof savedState === 'object' && 'workspacePath' in savedState && typeof savedState.workspacePath === 'string') {
+    return savedState.workspacePath;
   }
-  return 0;
+  return '';
 };
+
 const restoreState = savedState => {
   if (!savedState) {
     return {
@@ -3334,7 +3846,9 @@ const restoreState = savedState => {
       deltaY: 0,
       tabId: '',
       searchValue: '',
-      scrollOffset: 0
+      scrollOffset: 0,
+      history: [],
+      historyIndex: -1
     };
   }
   const root = getSavedWorkspacePath(savedState);
@@ -3343,35 +3857,34 @@ const restoreState = savedState => {
   const tabId = getSavedTabId(savedState);
   const searchValue = getSavedSearchValue(savedState);
   const scrollOffset = getSavedScrollOffset(savedState);
+  const history = getSavedHistory(savedState);
+  const historyIndex = getSavedHistoryIndex(savedState, history);
   return {
     root,
     minLineY,
     deltaY,
     tabId,
     searchValue,
-    scrollOffset
+    scrollOffset,
+    history,
+    historyIndex
   };
 };
 
-const getModifiedSettings = preferences => {
-  const modifiedSettings = Object.create(null);
-  for (const key of Object.keys(preferences)) {
-    modifiedSettings[key] = true;
-  }
-  return modifiedSettings;
-};
 const loadContent = async (state, savedState) => {
   const {
     searchValue,
     tabId,
-    scrollOffset
+    scrollOffset,
+    history,
+    historyIndex
   } = restoreState(savedState);
   const tabs = getTabs();
   const newTabs = getUpdatedTabs(tabs, tabId);
   const items = await getSettingItems();
   const preferences = await getPreferences();
   const modifiedSettings = getModifiedSettings(preferences);
-  const filteredItems = getFilteredItems(items, newTabs, searchValue, preferences);
+  const filteredItems = getFilteredItems(items, newTabs, searchValue, modifiedSettings);
   return {
     ...state,
     filteredItems,
@@ -3381,7 +3894,9 @@ const loadContent = async (state, savedState) => {
     preferences,
     scrollOffset,
     searchValue,
-    tabs: newTabs
+    tabs: newTabs,
+    history,
+    historyIndex
   };
 };
 
@@ -3398,52 +3913,6 @@ const renderFocusContext = (oldState, newState) => {
   return ['Viewlet.setFocusContext', focusKey];
 };
 
-const Tab$1 = 'tab';
-const TabList = 'tablist';
-const AriaRoles = {
-  __proto__: null,
-  Tab: Tab$1,
-  TabList};
-const Viewlet$1 = 'Viewlet';
-const ClassNames = {
-  __proto__: null,
-  Viewlet: Viewlet$1};
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-const Button$1 = 1;
-const Div = 4;
-const H1 = 5;
-const Input = 6;
-const Text = 12;
-const H3 = 23;
-const Aside = 28;
-const P = 50;
-const Ul = 60;
-const Select$1 = 63;
-const Option = 64;
-const Label = 66;
-const VirtualDomElements = {
-  __proto__: null,
-  Aside,
-  Button: Button$1,
-  Div,
-  H1,
-  H3,
-  Input,
-  Label,
-  Option,
-  P,
-  Select: Select$1,
-  Ul};
-const text = data => {
-  return {
-    type: Text,
-    text: data,
-    childCount: 0
-  };
-};
-
 const {
   Viewlet
 } = ClassNames;
@@ -3455,6 +3924,7 @@ const InputBox = 'InputBox';
 const InputButton = 'InputButton';
 const MaskIcon = 'MaskIcon';
 const MaskIconClearAll = 'MaskIconClearAll';
+const ModifiedIndicator = 'ModifiedIndicator';
 const SearchFieldButton = 'SearchFieldButton';
 const Select = 'Select';
 const Settings = 'Settings';
@@ -3635,6 +4105,17 @@ const getItemColorVirtualDom = item => {
   }, ...getItemLabelDom(domId, description)];
 };
 
+const getSettingsModifiedIndicatorDom = isModified => {
+  if (!isModified) {
+    return [];
+  }
+  return [{
+    type: VirtualDomElements.Div,
+    className: ModifiedIndicator,
+    childCount: 0
+  }];
+};
+
 const getItemNumberVirtualDom = item => {
   const {
     heading,
@@ -3644,13 +4125,14 @@ const getItemNumberVirtualDom = item => {
   } = item;
   const domId = getInputId(id);
   const isModified = modified || false;
+  const modifiedChildCount = isModified ? 1 : 0;
   return [{
     type: VirtualDomElements.Div,
     className: SettingsItem,
-    childCount: 3,
+    childCount: 3 + modifiedChildCount,
     role: 'group',
     'data-modified': isModified
-  }, ...getItemHeadingDom(heading), ...getItemLabelDom(domId, description), {
+  }, ...getSettingsModifiedIndicatorDom(isModified), ...getItemHeadingDom(heading), ...getItemLabelDom(domId, description), {
     type: VirtualDomElements.Input,
     className: InputBox,
     inputType: 'number',
@@ -3992,7 +4474,9 @@ const saveState = state => {
     tabs,
     searchValue,
     scrollOffset,
-    focus
+    focus,
+    history,
+    historyIndex
   } = state;
   const selectedTab = getSelectedTabId(tabs);
   return {
@@ -4004,7 +4488,9 @@ const saveState = state => {
     searchValue,
     selectedTab,
     scrollOffset,
-    focus
+    focus,
+    history,
+    historyIndex
   };
 };
 
@@ -4014,14 +4500,14 @@ const useNextSearchValue = state => {
     historyIndex,
     items,
     tabs,
-    preferences
+    modifiedSettings
   } = 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);
+  const filteredItems = getFilteredItems(items, tabs, newSearchValue, modifiedSettings);
   return {
     ...state,
     searchValue: newSearchValue,
@@ -4037,14 +4523,14 @@ const usePreviousSearchValue = state => {
     historyIndex,
     items,
     tabs,
-    preferences
+    modifiedSettings
   } = state;
   if (history.length === 0 || historyIndex <= 0) {
     return state;
   }
   const newHistoryIndex = historyIndex - 1;
   const newSearchValue = history[newHistoryIndex];
-  const filteredItems = getFilteredItems(items, tabs, newSearchValue, preferences);
+  const filteredItems = getFilteredItems(items, tabs, newSearchValue, modifiedSettings);
   return {
     ...state,
     searchValue: newSearchValue,
@@ -4063,6 +4549,7 @@ const commandMap = {
   'Settings.getName': getName,
   'Settings.getCommandIds': getCommandIds,
   'Settings.handleClickTab': wrapCommand(handleClickTab),
+  'Settings.handleInputBlur': wrapCommand(handleInputBlur),
   'Settings.handleInput': wrapCommand(handleInput),
   'Settings.handleScroll': wrapCommand(handleScroll),
   'Settings.handleSettingChecked': wrapCommand(handleSettingChecked),
@@ -4078,49 +4565,9 @@ const commandMap = {
   'Settings.terminate': terminate,
   'Settings.useNextSearchValue': wrapCommand(useNextSearchValue),
   'Settings.usePreviousSearchValue': wrapCommand(usePreviousSearchValue),
-  'Settings.getKeyBindings': getKeyBindings
-};
-
-const rpcs = Object.create(null);
-const set$g = (id, rpc) => {
-  rpcs[id] = rpc;
-};
-const get = id => {
-  return rpcs[id];
+  'Settings.getKeyBindings': getKeyBindings$1
 };
 
-/* eslint-disable  @typescript-eslint/explicit-function-return-type */
-
-const create = rpcId => {
-  return {
-    // @ts-ignore
-    invoke(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invoke(method, ...params);
-    },
-    // @ts-ignore
-    invokeAndTransfer(method, ...params) {
-      const rpc = get(rpcId);
-      // @ts-ignore
-      return rpc.invokeAndTransfer(method, ...params);
-    },
-    set(rpc) {
-      set$g(rpcId, rpc);
-    },
-    async dispose() {
-      const rpc = get(rpcId);
-      await rpc.dispose();
-    }
-  };
-};
-const RendererWorker$1 = 1;
-const {
-  set: set$3} = create(RendererWorker$1);
-const RendererWorker = {
-  __proto__: null,
-  set: set$3};
-
 const {
   set
 } = RendererWorker;

package/package.json

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