split storage

Author: HoangTran0410

popup/helpers/storage.js

@@ -1,5 +1,3 @@
-import allScripts from "../../scripts/_allScripts.js";
-
 const createVariableSaver = (key, defaultValue = null) => ({
   set: (data) => {
     localStorage.setItem(key, JSON.stringify(data));
@@ -13,51 +11,11 @@ const createVariableSaver = (key, defaultValue = null) => ({
   },
 });
 
-const createScriptsSaver = (key, addToHead = true) => {
-  const getIds = () =>
-    JSON.parse(localStorage.getItem(key) ?? "[]").filter(
-      (savedScriptId) => savedScriptId in allScripts
-    );
-  const has = (script) => {
-    let current = getIds();
-    let exist = current.findIndex((id) => id === script.id) >= 0;
-    return exist;
-  };
-  const add = (script) => {
-    let current = getIds();
-    let newList = current.filter((id) => id != script.id); // remove duplicate
-    if (addToHead) newList.unshift(script.id); // only save script id
-    else newList.push(script.id);
-    localStorage.setItem(key, JSON.stringify(newList));
-  };
-  const remove = (script) => {
-    let current = getIds();
-    let newList = current.filter((id) => id !== script.id);
-    localStorage.setItem(key, JSON.stringify(newList));
-    console.log("removed ", script);
-  };
-  const toggle = (script) => {
-    let exist = has(script);
-    if (exist) remove(script);
-    else add(script);
-  };
-  const clear = () => {
-    localStorage.setItem(key, "[]");
-  };
-  const get = () => getIds().map((savedScriptId) => allScripts[savedScriptId]);
-
-  return { add, remove, has, toggle, clear, getIds, get };
-};
-
 export const themeSaver = createVariableSaver("useful-scripts-theme");
 export const langSaver = createVariableSaver("useful-scripts-lang");
 export const activeTabIdSaver = createVariableSaver(
   "useful-scripts-activeTabId"
 );
-export const recentScriptsSaver = createScriptsSaver("useful-scripts-recently");
-export const favoriteScriptsSaver = createScriptsSaver(
-  "useful-scripts-favorite"
-);
 
 // default is false => enabled; true => disabled
 export const disableSmoothScrollSaver = createVariableSaver(

popup/helpers/storageScripts.js

@@ -0,0 +1,42 @@
+import allScripts from "../../scripts/_allScripts.js";
+
+const createScriptsSaver = (key, addToHead = true) => {
+  const getIds = () =>
+    JSON.parse(localStorage.getItem(key) ?? "[]").filter(
+      (savedScriptId) => savedScriptId in allScripts
+    );
+  const has = (script) => {
+    let current = getIds();
+    let exist = current.findIndex((id) => id === script.id) >= 0;
+    return exist;
+  };
+  const add = (script) => {
+    let current = getIds();
+    let newList = current.filter((id) => id != script.id); // remove duplicate
+    if (addToHead) newList.unshift(script.id); // only save script id
+    else newList.push(script.id);
+    localStorage.setItem(key, JSON.stringify(newList));
+  };
+  const remove = (script) => {
+    let current = getIds();
+    let newList = current.filter((id) => id !== script.id);
+    localStorage.setItem(key, JSON.stringify(newList));
+    console.log("removed ", script);
+  };
+  const toggle = (script) => {
+    let exist = has(script);
+    if (exist) remove(script);
+    else add(script);
+  };
+  const clear = () => {
+    localStorage.setItem(key, "[]");
+  };
+  const get = () => getIds().map((savedScriptId) => allScripts[savedScriptId]);
+
+  return { add, remove, has, toggle, clear, getIds, get };
+};
+
+export const recentScriptsSaver = createScriptsSaver("useful-scripts-recently");
+export const favoriteScriptsSaver = createScriptsSaver(
+  "useful-scripts-favorite"
+);

popup/index.js

@@ -27,10 +27,12 @@ import {
 } from "./helpers/lang.js";
 import {
   activeTabIdSaver,
-  favoriteScriptsSaver,
-  recentScriptsSaver,
   disableSmoothScrollSaver,
 } from "./helpers/storage.js";
+import {
+  recentScriptsSaver,
+  favoriteScriptsSaver,
+} from "./helpers/storageScripts.js";
 import {
   canAutoRun,
   canClick,

popup/tabs.js

@@ -4,7 +4,10 @@ import { canAutoRun } from "./helpers/utils.js";
 import { CATEGORY } from "./helpers/category.js";
 import { BADGES } from "../scripts/helpers/badge.js";
 import { getCurrentTab } from "../scripts/helpers/utils.js";
-import { favoriteScriptsSaver, recentScriptsSaver } from "./helpers/storage.js";
+import {
+  favoriteScriptsSaver,
+  recentScriptsSaver,
+} from "./helpers/storageScripts.js";
 
 console.log(s);