@lvce-editor/settings-view 1.7.0 → 1.9.0

package/dist/settingsViewWorkerMain.js

@@ -914,17 +914,33 @@ const terminate = () => {
   globalThis.close();
 };
 
-const getFilteredItems = (items, tabs, searchValue = '') => {
+const isItemModified = (item, preferences) => {
+  return item.id in preferences;
+};
+const addModifiedProperty = (items, preferences) => {
+  return items.map(item => ({
+    ...item,
+    modified: isItemModified(item, preferences)
+  }));
+};
+const filterByTab = (items, tabs) => {
   const selectedTab = tabs.find(tab => tab.selected);
   if (!selectedTab) {
     return items;
   }
-  const tabFilteredItems = items.filter(item => item.category === selectedTab.id);
-  if (!searchValue.trim()) {
-    return tabFilteredItems;
+  return items.filter(item => item.category === selectedTab.id);
+};
+const filterBySearch = (items, searchValue) => {
+  if (!searchValue || !searchValue.trim()) {
+    return items;
   }
   const normalizedSearchValue = searchValue.toLowerCase().trim();
-  return tabFilteredItems.filter(item => item.heading.toLowerCase().includes(normalizedSearchValue));
+  return items.filter(item => item.heading.toLowerCase().includes(normalizedSearchValue));
+};
+const getFilteredItems = (items, tabs, searchValue = '', preferences = {}) => {
+  const tabFilteredItems = filterByTab(items, tabs);
+  const itemsWithModifiedProperty = addModifiedProperty(tabFilteredItems, preferences);
+  return filterBySearch(itemsWithModifiedProperty, searchValue);
 };
 
 const User = 1;
@@ -933,10 +949,11 @@ const Script = 2;
 const clear$1 = state => {
   const {
     items,
-    tabs
+    tabs,
+    preferences
   } = state;
   const newSearchValue = '';
-  const filteredItems = getFilteredItems(items, tabs, newSearchValue);
+  const filteredItems = getFilteredItems(items, tabs, newSearchValue, preferences);
   return {
     ...state,
     searchValue: newSearchValue,
@@ -1044,10 +1061,11 @@ const handleClickTab = (state, name) => {
   const {
     items,
     tabs,
-    searchValue
+    searchValue,
+    preferences
   } = state;
   const updatedTabs = getUpdatedTabs(tabs, name);
-  const filteredItems = getFilteredItems(items, updatedTabs, searchValue);
+  const filteredItems = getFilteredItems(items, updatedTabs, searchValue, preferences);
   return {
     ...state,
     tabs: updatedTabs,
@@ -1058,9 +1076,10 @@ const handleClickTab = (state, name) => {
 const handleInput = (state, value) => {
   const {
     items,
-    tabs
+    tabs,
+    preferences
   } = state;
-  const filteredItems = getFilteredItems(items, tabs, value);
+  const filteredItems = getFilteredItems(items, tabs, value, preferences);
   return {
     ...state,
     searchValue: value,
@@ -3173,8 +3192,8 @@ const loadContent = async (state, savedState) => {
   const tabs = getTabs();
   const newTabs = getUpdatedTabs(tabs, tabId);
   const items = await getSettingItems();
-  const filteredItems = getFilteredItems(items, newTabs, searchValue);
   const preferences = await getPreferences();
+  const filteredItems = getFilteredItems(items, newTabs, searchValue, preferences);
   return {
     ...state,
     tabs: newTabs,
@@ -3278,11 +3297,17 @@ const getSettingsHeaderDom = () => {
   }, ...getSettingsInputDom()];
 };
 
+const getInputId = id => {
+  return id.replaceAll('.', '\\.');
+};
+
 const getItemCheckBoxVirtualDom = item => {
   const {
     heading,
-    description
+    description,
+    id
   } = item;
+  const domId = getInputId(id);
   return [{
     type: VirtualDomElements.Div,
     className: 'SettingsItem',
@@ -3298,10 +3323,12 @@ const getItemCheckBoxVirtualDom = item => {
     type: VirtualDomElements.Input,
     className: 'CheckBox',
     inputType: 'checkbox',
-    childCount: 0
+    childCount: 0,
+    id: domId
   }, {
     type: VirtualDomElements.Label,
-    childCount: 1
+    childCount: 1,
+    htmlFor: domId
   }, text(description)];
 };
 

package/package.json

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