data sync

src/hooks/Rules.js

@@ -4,10 +4,12 @@ import {
   OPT_STYLE_ALL,
   OPT_LANGS_FROM,
   OPT_LANGS_TO,
+  STOKEY_RULES_UPDATE_AT,
 } from "../config";
 import storage from "../libs/storage";
 import { useStorages } from "./Storage";
 import { matchValue } from "../libs/utils";
+import { apiSyncRules } from "../apis/data";
 
 /**
  * 匹配规则增删改查 hook
@@ -17,6 +19,17 @@ export function useRules() {
   const storages = useStorages();
   const list = storages?.[STOKEY_RULES] || [];
 
+  const update = async (rules) => {
+    const now = Date.now();
+    await storage.setObj(STOKEY_RULES, rules);
+    await storage.setObj(STOKEY_RULES_UPDATE_AT, now);
+    try {
+      await apiSyncRules(rules, now);
+    } catch (err) {
+      console.log("[sync rules]", err);
+    }
+  };
+
   const add = async (rule) => {
     const rules = [...list];
     if (rule.pattern === "*") {
@@ -26,7 +39,7 @@ export function useRules() {
       return;
     }
     rules.unshift(rule);
-    await storage.setObj(STOKEY_RULES, rules);
+    await update(rules);
   };
 
   const del = async (pattern) => {
@@ -35,7 +48,7 @@ export function useRules() {
       return;
     }
     rules = rules.filter((item) => item.pattern !== pattern);
-    await storage.setObj(STOKEY_RULES, rules);
+    await update(rules);
   };
 
   const put = async (pattern, obj) => {
@@ -45,13 +58,13 @@ export function useRules() {
     }
     const rule = rules.find((r) => r.pattern === pattern);
     rule && Object.assign(rule, obj);
-    await storage.setObj(STOKEY_RULES, rules);
+    await update(rules);
   };
 
   const merge = async (newRules) => {
+    const rules = [...list];
     const fromLangs = OPT_LANGS_FROM.map((item) => item[0]);
     const toLangs = OPT_LANGS_TO.map((item) => item[0]);
-    const rules = [...list];
     newRules
       .filter(
         ({ pattern, selector }) =>
@@ -89,7 +102,7 @@ export function useRules() {
           rules.unshift(newRule);
         }
       });
-    await storage.setObj(STOKEY_RULES, rules);
+    await update(rules);
   };
 
   return { list, add, del, put, merge };

src/hooks/Setting.js

@@ -1,3 +1,4 @@
+import { useCallback } from "react";
 import { STOKEY_SETTING } from "../config";
 import storage from "../libs/storage";
 import { useStorages } from "./Storage";
@@ -16,7 +17,7 @@ export function useSetting() {
  * @returns
  */
 export function useSettingUpdate() {
-  return async (obj) => {
-    await storage.putObj(STOKEY_SETTING, obj);
-  };
+  return useCallback(async (obj) => {
+    await storage.putObj(STOKEY_SETTING, { ...obj, updateAt: Date.now() });
+  }, []);
 }

src/hooks/Storage.js

@@ -6,6 +6,7 @@ import {
   STOKEY_MSAUTH,
   DEFAULT_SETTING,
   DEFAULT_RULES,
+  STOKEY_RULES_UPDATE_AT,
 } from "../config";
 import storage from "../libs/storage";
 
@@ -16,6 +17,7 @@ export const defaultStorage = {
   [STOKEY_MSAUTH]: null,
   [STOKEY_SETTING]: DEFAULT_SETTING,
   [STOKEY_RULES]: DEFAULT_RULES,
+  [STOKEY_RULES_UPDATE_AT]: 1,
 };
 
 const StoragesContext = createContext(null);