✨ clientsAtom利用atomWithBroadcast同步

neila-a · Jun 14, 2024 · 7682244 · 7682244
1 parent dd94e13
commit 7682244
Showing 1 changed file with 13 additions and 3 deletions.
diff --git a/packages/core/src/app/layout/atoms.ts b/packages/core/src/app/layout/atoms.ts
@@ -1,9 +1,19 @@
 "use client";
+import atomWithBroadcast from "@verkfi/shared/reader/atomWithBroadcast";
+import atomWithInitialValue, {
+ valueAtomReturn
+} from "@verkfi/shared/reader/atomWithInitialValue";
 import {
- atom
-} from "jotai";
+ emptySymbol
+} from "@verkfi/shared/reader/atomWithStorage";
 interface clientBase {
  id: string;
  url: string;
 }
-export const clientsAtom = atom<clientBase[]>([]);
+export const clientsAtom = atomWithInitialValue((valueAtom: valueAtomReturn<clientBase[]>) => atomWithBroadcast(get => {
+ const got = get(valueAtom);
+ if (got === emptySymbol) {
+ return [];
+ }
+ return got;
+}, (get, set, update: clientBase[]) => set(valueAtom, update), "clients"))[0];