@kheopskit/react 0.0.26 → 1.0.0

package/dist/index.d.mts

@@ -2,10 +2,29 @@ import * as _kheopskit_core from '@kheopskit/core';
 import { KheopskitConfig } from '@kheopskit/core';
 import { FC, PropsWithChildren } from 'react';
 
-declare const KheopskitProvider: FC<PropsWithChildren & {
+type KheopskitProviderProps = PropsWithChildren & {
     config?: Partial<KheopskitConfig>;
-}>;
+    /**
+     * Cookie string for SSR hydration.
+     * Pass the request cookie header (e.g., from Next.js headers or TanStack Start)
+     * to hydrate wallet state on the server.
+     *
+     * @remarks
+     * This value should be stable per render to avoid unnecessary store recreation.
+     * Compute it once in your server component or layout and pass it down.
+     *
+     * @example
+     * ```tsx
+     * // Next.js App Router
+     * const cookieStore = await cookies();
+     * const ssrCookies = cookieStore.getAll().map(c => `${c.name}=${c.value}`).join('; ');
+     * return <Providers ssrCookies={ssrCookies}>{children}</Providers>
+     * ```
+     */
+    ssrCookies?: string;
+};
+declare const KheopskitProvider: FC<KheopskitProviderProps>;
 
 declare const useWallets: () => _kheopskit_core.KheopskitState;
 
-export { KheopskitProvider, useWallets };
+export { KheopskitProvider, type KheopskitProviderProps, useWallets };

package/dist/index.d.ts

@@ -2,10 +2,29 @@ import * as _kheopskit_core from '@kheopskit/core';
 import { KheopskitConfig } from '@kheopskit/core';
 import { FC, PropsWithChildren } from 'react';
 
-declare const KheopskitProvider: FC<PropsWithChildren & {
+type KheopskitProviderProps = PropsWithChildren & {
     config?: Partial<KheopskitConfig>;
-}>;
+    /**
+     * Cookie string for SSR hydration.
+     * Pass the request cookie header (e.g., from Next.js headers or TanStack Start)
+     * to hydrate wallet state on the server.
+     *
+     * @remarks
+     * This value should be stable per render to avoid unnecessary store recreation.
+     * Compute it once in your server component or layout and pass it down.
+     *
+     * @example
+     * ```tsx
+     * // Next.js App Router
+     * const cookieStore = await cookies();
+     * const ssrCookies = cookieStore.getAll().map(c => `${c.name}=${c.value}`).join('; ');
+     * return <Providers ssrCookies={ssrCookies}>{children}</Providers>
+     * ```
+     */
+    ssrCookies?: string;
+};
+declare const KheopskitProvider: FC<KheopskitProviderProps>;
 
 declare const useWallets: () => _kheopskit_core.KheopskitState;
 
-export { KheopskitProvider, useWallets };
+export { KheopskitProvider, type KheopskitProviderProps, useWallets };

package/dist/index.js

@@ -34,24 +34,43 @@ var import_react = require("react");
 var KheopskitContext = (0, import_react.createContext)(null);
 
 // src/createStore.ts
-var import_rxjs = require("rxjs");
-var createStore = (observable$, initialValue) => {
-  const subject = new import_rxjs.BehaviorSubject(initialValue);
-  const sub = observable$.subscribe((value) => {
-    subject.next(value);
-  });
-  const getSnapshot = () => subject.getValue();
+var createStore = (observable$, initialValue, serverValue) => {
+  let latestValue = null;
+  let subscription = null;
+  let subscriberCount = 0;
+  const listeners = /* @__PURE__ */ new Set();
+  const ensureSubscription = () => {
+    if (!subscription || subscription.closed) {
+      subscription = observable$.subscribe((value) => {
+        latestValue = value;
+        for (const listener of listeners) {
+          listener(value);
+        }
+      });
+    }
+  };
+  ensureSubscription();
+  const getSnapshot = () => latestValue ?? initialValue;
+  const getServerSnapshot = () => serverValue ?? initialValue;
   const subscribe = (callback) => {
-    const sub2 = subject.subscribe(callback);
+    subscriberCount++;
+    listeners.add(callback);
+    ensureSubscription();
+    callback(getSnapshot());
     return () => {
-      sub2.unsubscribe();
+      subscriberCount--;
+      listeners.delete(callback);
     };
   };
   const destroy = () => {
-    sub.unsubscribe();
+    if (subscriberCount === 0 && subscription) {
+      subscription.unsubscribe();
+      subscription = null;
+    }
   };
   return {
     getSnapshot,
+    getServerSnapshot,
     subscribe,
     destroy
   };
@@ -59,20 +78,67 @@ var createStore = (observable$, initialValue) => {
 
 // src/KheopskitProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var KheopskitProvider = ({ children, config }) => {
-  const defaultValue = (0, import_react2.useMemo)(
-    () => ({
-      wallets: [],
-      accounts: [],
-      config: (0, import_core.resolveConfig)(config)
+var KheopskitProvider = ({
+  children,
+  config,
+  ssrCookies
+}) => {
+  const resolvedConfig = (0, import_react2.useMemo)(() => (0, import_core.resolveConfig)(config), [config]);
+  const kheopskitStore = (0, import_react2.useMemo)(
+    () => (0, import_core.createKheopskitStore)({
+      ssrCookies,
+      storageKey: resolvedConfig.storageKey
     }),
-    [config]
+    [ssrCookies, resolvedConfig.storageKey]
   );
+  const serverValue = (0, import_react2.useMemo)(() => {
+    if (ssrCookies === void 0) {
+      return {
+        wallets: [],
+        accounts: [],
+        config: resolvedConfig,
+        isHydrating: true
+      };
+    }
+    const cached = kheopskitStore.getCachedState();
+    return {
+      wallets: cached.wallets.map(import_core.hydrateWallet),
+      accounts: cached.accounts.map(import_core.hydrateAccount),
+      config: resolvedConfig,
+      isHydrating: true
+    };
+  }, [ssrCookies, kheopskitStore, resolvedConfig]);
+  const initialValue = (0, import_react2.useMemo)(() => {
+    const enrichedWallets = serverValue.wallets.map((w) => {
+      if (!w.icon) {
+        const cachedIcon = (0, import_core.getCachedIcon)(w.id);
+        if (cachedIcon) {
+          return { ...w, icon: cachedIcon };
+        }
+      }
+      return w;
+    });
+    return {
+      ...serverValue,
+      wallets: enrichedWallets
+    };
+  }, [serverValue]);
   const store = (0, import_react2.useMemo)(
-    () => createStore((0, import_core.getKheopskit$)(config), defaultValue),
-    [config, defaultValue]
+    () => createStore(
+      (0, import_core.getKheopskit$)(config, ssrCookies, kheopskitStore),
+      initialValue,
+      serverValue
+    ),
+    [config, ssrCookies, kheopskitStore, initialValue, serverValue]
+  );
+  (0, import_react2.useEffect)(() => {
+    return () => store.destroy();
+  }, [store]);
+  const state = (0, import_react2.useSyncExternalStore)(
+    store.subscribe,
+    store.getSnapshot,
+    store.getServerSnapshot
   );
-  const state = (0, import_react2.useSyncExternalStore)(store.subscribe, store.getSnapshot);
   const value = (0, import_react2.useMemo)(() => ({ state }), [state]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KheopskitContext.Provider, { value, children });
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/KheopskitProvider.tsx","../src/context.ts","../src/createStore.ts","../src/useWallets.ts"],"sourcesContent":["export * from \"./KheopskitProvider\";\nexport * from \"./useWallets\";\n","import {\n\tgetKheopskit$,\n\ttype KheopskitConfig,\n\ttype KheopskitState,\n\tresolveConfig,\n} from \"@kheopskit/core\";\nimport {\n\ttype FC,\n\ttype PropsWithChildren,\n\tuseMemo,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { KheopskitContext } from \"./context\";\nimport { createStore } from \"./createStore\";\n\nexport const KheopskitProvider: FC<\n\tPropsWithChildren & { config?: Partial<KheopskitConfig> }\n> = ({ children, config }) => {\n\tconst defaultValue = useMemo<KheopskitState>(\n\t\t() => ({\n\t\t\twallets: [],\n\t\t\taccounts: [],\n\t\t\tconfig: resolveConfig(config),\n\t\t}),\n\t\t[config],\n\t);\n\n\tconst store = useMemo(\n\t\t() => createStore(getKheopskit$(config), defaultValue),\n\t\t[config, defaultValue],\n\t);\n\n\tconst state = useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n\tconst value = useMemo(() => ({ state }), [state]);\n\n\treturn (\n\t\t<KheopskitContext.Provider value={value}>\n\t\t\t{children}\n\t\t</KheopskitContext.Provider>\n\t);\n};\n","import type { KheopskitState } from \"@kheopskit/core\";\nimport { createContext } from \"react\";\n\nexport const KheopskitContext = createContext<{\n\tstate: KheopskitState;\n} | null>(null);\n","import { BehaviorSubject, type Observable } from \"rxjs\";\n\nexport const createStore = <T>(observable$: Observable<T>, initialValue: T) => {\n\tconst subject = new BehaviorSubject<T>(initialValue);\n\n\tconst sub = observable$.subscribe((value) => {\n\t\tsubject.next(value);\n\t});\n\n\tconst getSnapshot = () => subject.getValue();\n\n\tconst subscribe = (callback: (value: T) => void) => {\n\t\tconst sub = subject.subscribe(callback);\n\n\t\treturn () => {\n\t\t\tsub.unsubscribe();\n\t\t};\n\t};\n\n\tconst destroy = () => {\n\t\tsub.unsubscribe();\n\t};\n\n\treturn {\n\t\tgetSnapshot,\n\t\tsubscribe,\n\t\tdestroy,\n\t};\n};\n","import { useContext } from \"react\";\nimport { KheopskitContext } from \"./context\";\n\nexport const useWallets = () => {\n\tconst ctx = useContext(KheopskitContext);\n\n\t// useEffect(() => {\n\t//   console.debug(\n\t//     \"useWallets wallets:%s accounts:%s\",\n\t//     ctx?.state.wallets.length ?? 0,\n\t//     ctx?.state.accounts.length ?? 0,\n\t//   );\n\t// }, [ctx?.state]);\n\n\tif (!ctx)\n\t\tthrow new Error(\"useWallets can't be used without a KheopskitProvider\");\n\n\treturn ctx.state;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,kBAKO;AACP,IAAAA,gBAKO;;;ACVP,mBAA8B;AAEvB,IAAM,uBAAmB,4BAEtB,IAAI;;;ACLd,kBAAiD;AAE1C,IAAM,cAAc,CAAI,aAA4B,iBAAoB;AAC9E,QAAM,UAAU,IAAI,4BAAmB,YAAY;AAEnD,QAAM,MAAM,YAAY,UAAU,CAAC,UAAU;AAC5C,YAAQ,KAAK,KAAK;AAAA,EACnB,CAAC;AAED,QAAM,cAAc,MAAM,QAAQ,SAAS;AAE3C,QAAM,YAAY,CAAC,aAAiC;AACnD,UAAMC,OAAM,QAAQ,UAAU,QAAQ;AAEtC,WAAO,MAAM;AACZ,MAAAA,KAAI,YAAY;AAAA,IACjB;AAAA,EACD;AAEA,QAAM,UAAU,MAAM;AACrB,QAAI,YAAY;AAAA,EACjB;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;;;AFSE;AAtBK,IAAM,oBAET,CAAC,EAAE,UAAU,OAAO,MAAM;AAC7B,QAAM,mBAAe;AAAA,IACpB,OAAO;AAAA,MACN,SAAS,CAAC;AAAA,MACV,UAAU,CAAC;AAAA,MACX,YAAQ,2BAAc,MAAM;AAAA,IAC7B;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AAEA,QAAM,YAAQ;AAAA,IACb,MAAM,gBAAY,2BAAc,MAAM,GAAG,YAAY;AAAA,IACrD,CAAC,QAAQ,YAAY;AAAA,EACtB;AAEA,QAAM,YAAQ,oCAAqB,MAAM,WAAW,MAAM,WAAW;AAErE,QAAM,YAAQ,uBAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;AAEhD,SACC,4CAAC,iBAAiB,UAAjB,EAA0B,OACzB,UACF;AAEF;;;AGzCA,IAAAC,gBAA2B;AAGpB,IAAM,aAAa,MAAM;AAC/B,QAAM,UAAM,0BAAW,gBAAgB;AAUvC,MAAI,CAAC;AACJ,UAAM,IAAI,MAAM,sDAAsD;AAEvE,SAAO,IAAI;AACZ;","names":["import_react","sub","import_react"]}
+{"version":3,"sources":["../src/index.ts","../src/KheopskitProvider.tsx","../src/context.ts","../src/createStore.ts","../src/useWallets.ts"],"sourcesContent":["export * from \"./KheopskitProvider\";\nexport * from \"./useWallets\";\n","import {\n\tcreateKheopskitStore,\n\tgetCachedIcon,\n\tgetKheopskit$,\n\thydrateAccount,\n\thydrateWallet,\n\ttype KheopskitConfig,\n\ttype KheopskitState,\n\tresolveConfig,\n} from \"@kheopskit/core\";\nimport {\n\ttype FC,\n\ttype PropsWithChildren,\n\tuseEffect,\n\tuseMemo,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { KheopskitContext } from \"./context\";\nimport { createStore } from \"./createStore\";\n\nexport type KheopskitProviderProps = PropsWithChildren & {\n\tconfig?: Partial<KheopskitConfig>;\n\t/**\n\t * Cookie string for SSR hydration.\n\t * Pass the request cookie header (e.g., from Next.js headers or TanStack Start)\n\t * to hydrate wallet state on the server.\n\t *\n\t * @remarks\n\t * This value should be stable per render to avoid unnecessary store recreation.\n\t * Compute it once in your server component or layout and pass it down.\n\t *\n\t * @example\n\t * ```tsx\n\t * // Next.js App Router\n\t * const cookieStore = await cookies();\n\t * const ssrCookies = cookieStore.getAll().map(c => `${c.name}=${c.value}`).join('; ');\n\t * return <Providers ssrCookies={ssrCookies}>{children}</Providers>\n\t * ```\n\t */\n\tssrCookies?: string;\n};\n\nexport const KheopskitProvider: FC<KheopskitProviderProps> = ({\n\tchildren,\n\tconfig,\n\tssrCookies,\n}) => {\n\tconst resolvedConfig = useMemo(() => resolveConfig(config), [config]);\n\n\t// Create a single store for both reading cached state and powering the observable\n\tconst kheopskitStore = useMemo(\n\t\t() =>\n\t\t\tcreateKheopskitStore({\n\t\t\t\tssrCookies,\n\t\t\t\tstorageKey: resolvedConfig.storageKey,\n\t\t\t}),\n\t\t[ssrCookies, resolvedConfig.storageKey],\n\t);\n\n\t// Read cached state from the store for SSR hydration\n\t// This produces wallets WITHOUT localStorage icons (Ethereum wallets have no icon)\n\t// because localStorage isn't available on server\n\tconst serverValue = useMemo<KheopskitState>(() => {\n\t\tif (ssrCookies === undefined) {\n\t\t\treturn {\n\t\t\t\twallets: [],\n\t\t\t\taccounts: [],\n\t\t\t\tconfig: resolvedConfig,\n\t\t\t\tisHydrating: true,\n\t\t\t};\n\t\t}\n\t\tconst cached = kheopskitStore.getCachedState();\n\t\treturn {\n\t\t\twallets: cached.wallets.map(hydrateWallet),\n\t\t\taccounts: cached.accounts.map(hydrateAccount),\n\t\t\tconfig: resolvedConfig,\n\t\t\tisHydrating: true,\n\t\t};\n\t}, [ssrCookies, kheopskitStore, resolvedConfig]);\n\n\t// Initial value for client includes localStorage icons\n\t// This is what we WANT the client to render, not what server rendered\n\tconst initialValue = useMemo<KheopskitState>(() => {\n\t\t// On client, enrich wallets with localStorage icons\n\t\t// getCachedIcon returns empty on server (no localStorage), so this is safe\n\t\tconst enrichedWallets = serverValue.wallets.map((w) => {\n\t\t\tif (!w.icon) {\n\t\t\t\tconst cachedIcon = getCachedIcon(w.id);\n\t\t\t\tif (cachedIcon) {\n\t\t\t\t\treturn { ...w, icon: cachedIcon };\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn w;\n\t\t});\n\t\treturn {\n\t\t\t...serverValue,\n\t\t\twallets: enrichedWallets,\n\t\t};\n\t}, [serverValue]);\n\n\tconst store = useMemo(\n\t\t() =>\n\t\t\tcreateStore(\n\t\t\t\tgetKheopskit$(config, ssrCookies, kheopskitStore),\n\t\t\t\tinitialValue,\n\t\t\t\tserverValue,\n\t\t\t),\n\t\t[config, ssrCookies, kheopskitStore, initialValue, serverValue],\n\t);\n\n\t// Cleanup store subscriptions when store changes or component unmounts\n\tuseEffect(() => {\n\t\treturn () => store.destroy();\n\t}, [store]);\n\n\tconst state = useSyncExternalStore(\n\t\tstore.subscribe,\n\t\tstore.getSnapshot,\n\t\tstore.getServerSnapshot,\n\t);\n\n\tconst value = useMemo(() => ({ state }), [state]);\n\n\treturn (\n\t\t<KheopskitContext.Provider value={value}>\n\t\t\t{children}\n\t\t</KheopskitContext.Provider>\n\t);\n};\n","import type { KheopskitState } from \"@kheopskit/core\";\nimport { createContext } from \"react\";\n\nexport const KheopskitContext = createContext<{\n\tstate: KheopskitState;\n} | null>(null);\n","import type { Observable, Subscription } from \"rxjs\";\n\nexport const createStore = <T>(\n\tobservable$: Observable<T>,\n\tinitialValue: T,\n\tserverValue?: T,\n) => {\n\t// Use null as sentinel to indicate we haven't received first emission yet\n\tlet latestValue: T | null = null;\n\tlet subscription: Subscription | null = null;\n\tlet subscriberCount = 0;\n\tconst listeners = new Set<(value: T) => void>();\n\n\tconst ensureSubscription = () => {\n\t\tif (!subscription || subscription.closed) {\n\t\t\tsubscription = observable$.subscribe((value) => {\n\t\t\t\tlatestValue = value;\n\t\t\t\tfor (const listener of listeners) {\n\t\t\t\t\tlistener(value);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\t// Start subscription immediately\n\tensureSubscription();\n\n\t// If observable emitted synchronously, use that value\n\t// Otherwise fall back to initialValue\n\tconst getSnapshot = () => latestValue ?? initialValue;\n\n\t/**\n\t * Returns the server-side snapshot for SSR hydration.\n\t * This prevents hydration mismatches by providing a consistent\n\t * value during server rendering. Must return the same value as\n\t * what the server rendered.\n\t */\n\tconst getServerSnapshot = () => serverValue ?? initialValue;\n\n\tconst subscribe = (callback: (value: T) => void) => {\n\t\tsubscriberCount++;\n\t\tlisteners.add(callback);\n\t\t// Ensure observable subscription is active when someone subscribes\n\t\tensureSubscription();\n\n\t\t// Immediately emit current value (BehaviorSubject semantics)\n\t\tcallback(getSnapshot());\n\n\t\treturn () => {\n\t\t\tsubscriberCount--;\n\t\t\tlisteners.delete(callback);\n\t\t\t// Don't close the observable subscription on unsubscribe\n\t\t\t// Let destroy() handle that when the store is truly being disposed\n\t\t};\n\t};\n\n\tconst destroy = () => {\n\t\t// Only unsubscribe if no one is listening\n\t\t// React StrictMode may call destroy and then immediately resubscribe\n\t\tif (subscriberCount === 0 && subscription) {\n\t\t\tsubscription.unsubscribe();\n\t\t\tsubscription = null;\n\t\t}\n\t};\n\n\treturn {\n\t\tgetSnapshot,\n\t\tgetServerSnapshot,\n\t\tsubscribe,\n\t\tdestroy,\n\t};\n};\n","import { useContext } from \"react\";\nimport { KheopskitContext } from \"./context\";\n\nexport const useWallets = () => {\n\tconst ctx = useContext(KheopskitContext);\n\n\t// useEffect(() => {\n\t//   console.debug(\n\t//     \"useWallets wallets:%s accounts:%s\",\n\t//     ctx?.state.wallets.length ?? 0,\n\t//     ctx?.state.accounts.length ?? 0,\n\t//   );\n\t// }, [ctx?.state]);\n\n\tif (!ctx)\n\t\tthrow new Error(\"useWallets can't be used without a KheopskitProvider\");\n\n\treturn ctx.state;\n};\n"],"mappings":"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","names":["import_react","import_react"]}

package/dist/index.mjs

@@ -1,9 +1,14 @@
 // src/KheopskitProvider.tsx
 import {
+  createKheopskitStore,
+  getCachedIcon,
   getKheopskit$,
+  hydrateAccount,
+  hydrateWallet,
   resolveConfig
 } from "@kheopskit/core";
 import {
+  useEffect,
   useMemo,
   useSyncExternalStore
 } from "react";
@@ -13,24 +18,43 @@ import { createContext } from "react";
 var KheopskitContext = createContext(null);
 
 // src/createStore.ts
-import { BehaviorSubject } from "rxjs";
-var createStore = (observable$, initialValue) => {
-  const subject = new BehaviorSubject(initialValue);
-  const sub = observable$.subscribe((value) => {
-    subject.next(value);
-  });
-  const getSnapshot = () => subject.getValue();
+var createStore = (observable$, initialValue, serverValue) => {
+  let latestValue = null;
+  let subscription = null;
+  let subscriberCount = 0;
+  const listeners = /* @__PURE__ */ new Set();
+  const ensureSubscription = () => {
+    if (!subscription || subscription.closed) {
+      subscription = observable$.subscribe((value) => {
+        latestValue = value;
+        for (const listener of listeners) {
+          listener(value);
+        }
+      });
+    }
+  };
+  ensureSubscription();
+  const getSnapshot = () => latestValue ?? initialValue;
+  const getServerSnapshot = () => serverValue ?? initialValue;
   const subscribe = (callback) => {
-    const sub2 = subject.subscribe(callback);
+    subscriberCount++;
+    listeners.add(callback);
+    ensureSubscription();
+    callback(getSnapshot());
     return () => {
-      sub2.unsubscribe();
+      subscriberCount--;
+      listeners.delete(callback);
     };
   };
   const destroy = () => {
-    sub.unsubscribe();
+    if (subscriberCount === 0 && subscription) {
+      subscription.unsubscribe();
+      subscription = null;
+    }
   };
   return {
     getSnapshot,
+    getServerSnapshot,
     subscribe,
     destroy
   };
@@ -38,20 +62,67 @@ var createStore = (observable$, initialValue) => {
 
 // src/KheopskitProvider.tsx
 import { jsx } from "react/jsx-runtime";
-var KheopskitProvider = ({ children, config }) => {
-  const defaultValue = useMemo(
-    () => ({
-      wallets: [],
-      accounts: [],
-      config: resolveConfig(config)
+var KheopskitProvider = ({
+  children,
+  config,
+  ssrCookies
+}) => {
+  const resolvedConfig = useMemo(() => resolveConfig(config), [config]);
+  const kheopskitStore = useMemo(
+    () => createKheopskitStore({
+      ssrCookies,
+      storageKey: resolvedConfig.storageKey
     }),
-    [config]
+    [ssrCookies, resolvedConfig.storageKey]
   );
+  const serverValue = useMemo(() => {
+    if (ssrCookies === void 0) {
+      return {
+        wallets: [],
+        accounts: [],
+        config: resolvedConfig,
+        isHydrating: true
+      };
+    }
+    const cached = kheopskitStore.getCachedState();
+    return {
+      wallets: cached.wallets.map(hydrateWallet),
+      accounts: cached.accounts.map(hydrateAccount),
+      config: resolvedConfig,
+      isHydrating: true
+    };
+  }, [ssrCookies, kheopskitStore, resolvedConfig]);
+  const initialValue = useMemo(() => {
+    const enrichedWallets = serverValue.wallets.map((w) => {
+      if (!w.icon) {
+        const cachedIcon = getCachedIcon(w.id);
+        if (cachedIcon) {
+          return { ...w, icon: cachedIcon };
+        }
+      }
+      return w;
+    });
+    return {
+      ...serverValue,
+      wallets: enrichedWallets
+    };
+  }, [serverValue]);
   const store = useMemo(
-    () => createStore(getKheopskit$(config), defaultValue),
-    [config, defaultValue]
+    () => createStore(
+      getKheopskit$(config, ssrCookies, kheopskitStore),
+      initialValue,
+      serverValue
+    ),
+    [config, ssrCookies, kheopskitStore, initialValue, serverValue]
+  );
+  useEffect(() => {
+    return () => store.destroy();
+  }, [store]);
+  const state = useSyncExternalStore(
+    store.subscribe,
+    store.getSnapshot,
+    store.getServerSnapshot
   );
-  const state = useSyncExternalStore(store.subscribe, store.getSnapshot);
   const value = useMemo(() => ({ state }), [state]);
   return /* @__PURE__ */ jsx(KheopskitContext.Provider, { value, children });
 };

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/KheopskitProvider.tsx","../src/context.ts","../src/createStore.ts","../src/useWallets.ts"],"sourcesContent":["import {\n\tgetKheopskit$,\n\ttype KheopskitConfig,\n\ttype KheopskitState,\n\tresolveConfig,\n} from \"@kheopskit/core\";\nimport {\n\ttype FC,\n\ttype PropsWithChildren,\n\tuseMemo,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { KheopskitContext } from \"./context\";\nimport { createStore } from \"./createStore\";\n\nexport const KheopskitProvider: FC<\n\tPropsWithChildren & { config?: Partial<KheopskitConfig> }\n> = ({ children, config }) => {\n\tconst defaultValue = useMemo<KheopskitState>(\n\t\t() => ({\n\t\t\twallets: [],\n\t\t\taccounts: [],\n\t\t\tconfig: resolveConfig(config),\n\t\t}),\n\t\t[config],\n\t);\n\n\tconst store = useMemo(\n\t\t() => createStore(getKheopskit$(config), defaultValue),\n\t\t[config, defaultValue],\n\t);\n\n\tconst state = useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n\tconst value = useMemo(() => ({ state }), [state]);\n\n\treturn (\n\t\t<KheopskitContext.Provider value={value}>\n\t\t\t{children}\n\t\t</KheopskitContext.Provider>\n\t);\n};\n","import type { KheopskitState } from \"@kheopskit/core\";\nimport { createContext } from \"react\";\n\nexport const KheopskitContext = createContext<{\n\tstate: KheopskitState;\n} | null>(null);\n","import { BehaviorSubject, type Observable } from \"rxjs\";\n\nexport const createStore = <T>(observable$: Observable<T>, initialValue: T) => {\n\tconst subject = new BehaviorSubject<T>(initialValue);\n\n\tconst sub = observable$.subscribe((value) => {\n\t\tsubject.next(value);\n\t});\n\n\tconst getSnapshot = () => subject.getValue();\n\n\tconst subscribe = (callback: (value: T) => void) => {\n\t\tconst sub = subject.subscribe(callback);\n\n\t\treturn () => {\n\t\t\tsub.unsubscribe();\n\t\t};\n\t};\n\n\tconst destroy = () => {\n\t\tsub.unsubscribe();\n\t};\n\n\treturn {\n\t\tgetSnapshot,\n\t\tsubscribe,\n\t\tdestroy,\n\t};\n};\n","import { useContext } from \"react\";\nimport { KheopskitContext } from \"./context\";\n\nexport const useWallets = () => {\n\tconst ctx = useContext(KheopskitContext);\n\n\t// useEffect(() => {\n\t//   console.debug(\n\t//     \"useWallets wallets:%s accounts:%s\",\n\t//     ctx?.state.wallets.length ?? 0,\n\t//     ctx?.state.accounts.length ?? 0,\n\t//   );\n\t// }, [ctx?.state]);\n\n\tif (!ctx)\n\t\tthrow new Error(\"useWallets can't be used without a KheopskitProvider\");\n\n\treturn ctx.state;\n};\n"],"mappings":";AAAA;AAAA,EACC;AAAA,EAGA;AAAA,OACM;AACP;AAAA,EAGC;AAAA,EACA;AAAA,OACM;;;ACVP,SAAS,qBAAqB;AAEvB,IAAM,mBAAmB,cAEtB,IAAI;;;ACLd,SAAS,uBAAwC;AAE1C,IAAM,cAAc,CAAI,aAA4B,iBAAoB;AAC9E,QAAM,UAAU,IAAI,gBAAmB,YAAY;AAEnD,QAAM,MAAM,YAAY,UAAU,CAAC,UAAU;AAC5C,YAAQ,KAAK,KAAK;AAAA,EACnB,CAAC;AAED,QAAM,cAAc,MAAM,QAAQ,SAAS;AAE3C,QAAM,YAAY,CAAC,aAAiC;AACnD,UAAMA,OAAM,QAAQ,UAAU,QAAQ;AAEtC,WAAO,MAAM;AACZ,MAAAA,KAAI,YAAY;AAAA,IACjB;AAAA,EACD;AAEA,QAAM,UAAU,MAAM;AACrB,QAAI,YAAY;AAAA,EACjB;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;;;AFSE;AAtBK,IAAM,oBAET,CAAC,EAAE,UAAU,OAAO,MAAM;AAC7B,QAAM,eAAe;AAAA,IACpB,OAAO;AAAA,MACN,SAAS,CAAC;AAAA,MACV,UAAU,CAAC;AAAA,MACX,QAAQ,cAAc,MAAM;AAAA,IAC7B;AAAA,IACA,CAAC,MAAM;AAAA,EACR;AAEA,QAAM,QAAQ;AAAA,IACb,MAAM,YAAY,cAAc,MAAM,GAAG,YAAY;AAAA,IACrD,CAAC,QAAQ,YAAY;AAAA,EACtB;AAEA,QAAM,QAAQ,qBAAqB,MAAM,WAAW,MAAM,WAAW;AAErE,QAAM,QAAQ,QAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;AAEhD,SACC,oBAAC,iBAAiB,UAAjB,EAA0B,OACzB,UACF;AAEF;;;AGzCA,SAAS,kBAAkB;AAGpB,IAAM,aAAa,MAAM;AAC/B,QAAM,MAAM,WAAW,gBAAgB;AAUvC,MAAI,CAAC;AACJ,UAAM,IAAI,MAAM,sDAAsD;AAEvE,SAAO,IAAI;AACZ;","names":["sub"]}
+{"version":3,"sources":["../src/KheopskitProvider.tsx","../src/context.ts","../src/createStore.ts","../src/useWallets.ts"],"sourcesContent":["import {\n\tcreateKheopskitStore,\n\tgetCachedIcon,\n\tgetKheopskit$,\n\thydrateAccount,\n\thydrateWallet,\n\ttype KheopskitConfig,\n\ttype KheopskitState,\n\tresolveConfig,\n} from \"@kheopskit/core\";\nimport {\n\ttype FC,\n\ttype PropsWithChildren,\n\tuseEffect,\n\tuseMemo,\n\tuseSyncExternalStore,\n} from \"react\";\nimport { KheopskitContext } from \"./context\";\nimport { createStore } from \"./createStore\";\n\nexport type KheopskitProviderProps = PropsWithChildren & {\n\tconfig?: Partial<KheopskitConfig>;\n\t/**\n\t * Cookie string for SSR hydration.\n\t * Pass the request cookie header (e.g., from Next.js headers or TanStack Start)\n\t * to hydrate wallet state on the server.\n\t *\n\t * @remarks\n\t * This value should be stable per render to avoid unnecessary store recreation.\n\t * Compute it once in your server component or layout and pass it down.\n\t *\n\t * @example\n\t * ```tsx\n\t * // Next.js App Router\n\t * const cookieStore = await cookies();\n\t * const ssrCookies = cookieStore.getAll().map(c => `${c.name}=${c.value}`).join('; ');\n\t * return <Providers ssrCookies={ssrCookies}>{children}</Providers>\n\t * ```\n\t */\n\tssrCookies?: string;\n};\n\nexport const KheopskitProvider: FC<KheopskitProviderProps> = ({\n\tchildren,\n\tconfig,\n\tssrCookies,\n}) => {\n\tconst resolvedConfig = useMemo(() => resolveConfig(config), [config]);\n\n\t// Create a single store for both reading cached state and powering the observable\n\tconst kheopskitStore = useMemo(\n\t\t() =>\n\t\t\tcreateKheopskitStore({\n\t\t\t\tssrCookies,\n\t\t\t\tstorageKey: resolvedConfig.storageKey,\n\t\t\t}),\n\t\t[ssrCookies, resolvedConfig.storageKey],\n\t);\n\n\t// Read cached state from the store for SSR hydration\n\t// This produces wallets WITHOUT localStorage icons (Ethereum wallets have no icon)\n\t// because localStorage isn't available on server\n\tconst serverValue = useMemo<KheopskitState>(() => {\n\t\tif (ssrCookies === undefined) {\n\t\t\treturn {\n\t\t\t\twallets: [],\n\t\t\t\taccounts: [],\n\t\t\t\tconfig: resolvedConfig,\n\t\t\t\tisHydrating: true,\n\t\t\t};\n\t\t}\n\t\tconst cached = kheopskitStore.getCachedState();\n\t\treturn {\n\t\t\twallets: cached.wallets.map(hydrateWallet),\n\t\t\taccounts: cached.accounts.map(hydrateAccount),\n\t\t\tconfig: resolvedConfig,\n\t\t\tisHydrating: true,\n\t\t};\n\t}, [ssrCookies, kheopskitStore, resolvedConfig]);\n\n\t// Initial value for client includes localStorage icons\n\t// This is what we WANT the client to render, not what server rendered\n\tconst initialValue = useMemo<KheopskitState>(() => {\n\t\t// On client, enrich wallets with localStorage icons\n\t\t// getCachedIcon returns empty on server (no localStorage), so this is safe\n\t\tconst enrichedWallets = serverValue.wallets.map((w) => {\n\t\t\tif (!w.icon) {\n\t\t\t\tconst cachedIcon = getCachedIcon(w.id);\n\t\t\t\tif (cachedIcon) {\n\t\t\t\t\treturn { ...w, icon: cachedIcon };\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn w;\n\t\t});\n\t\treturn {\n\t\t\t...serverValue,\n\t\t\twallets: enrichedWallets,\n\t\t};\n\t}, [serverValue]);\n\n\tconst store = useMemo(\n\t\t() =>\n\t\t\tcreateStore(\n\t\t\t\tgetKheopskit$(config, ssrCookies, kheopskitStore),\n\t\t\t\tinitialValue,\n\t\t\t\tserverValue,\n\t\t\t),\n\t\t[config, ssrCookies, kheopskitStore, initialValue, serverValue],\n\t);\n\n\t// Cleanup store subscriptions when store changes or component unmounts\n\tuseEffect(() => {\n\t\treturn () => store.destroy();\n\t}, [store]);\n\n\tconst state = useSyncExternalStore(\n\t\tstore.subscribe,\n\t\tstore.getSnapshot,\n\t\tstore.getServerSnapshot,\n\t);\n\n\tconst value = useMemo(() => ({ state }), [state]);\n\n\treturn (\n\t\t<KheopskitContext.Provider value={value}>\n\t\t\t{children}\n\t\t</KheopskitContext.Provider>\n\t);\n};\n","import type { KheopskitState } from \"@kheopskit/core\";\nimport { createContext } from \"react\";\n\nexport const KheopskitContext = createContext<{\n\tstate: KheopskitState;\n} | null>(null);\n","import type { Observable, Subscription } from \"rxjs\";\n\nexport const createStore = <T>(\n\tobservable$: Observable<T>,\n\tinitialValue: T,\n\tserverValue?: T,\n) => {\n\t// Use null as sentinel to indicate we haven't received first emission yet\n\tlet latestValue: T | null = null;\n\tlet subscription: Subscription | null = null;\n\tlet subscriberCount = 0;\n\tconst listeners = new Set<(value: T) => void>();\n\n\tconst ensureSubscription = () => {\n\t\tif (!subscription || subscription.closed) {\n\t\t\tsubscription = observable$.subscribe((value) => {\n\t\t\t\tlatestValue = value;\n\t\t\t\tfor (const listener of listeners) {\n\t\t\t\t\tlistener(value);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t};\n\n\t// Start subscription immediately\n\tensureSubscription();\n\n\t// If observable emitted synchronously, use that value\n\t// Otherwise fall back to initialValue\n\tconst getSnapshot = () => latestValue ?? initialValue;\n\n\t/**\n\t * Returns the server-side snapshot for SSR hydration.\n\t * This prevents hydration mismatches by providing a consistent\n\t * value during server rendering. Must return the same value as\n\t * what the server rendered.\n\t */\n\tconst getServerSnapshot = () => serverValue ?? initialValue;\n\n\tconst subscribe = (callback: (value: T) => void) => {\n\t\tsubscriberCount++;\n\t\tlisteners.add(callback);\n\t\t// Ensure observable subscription is active when someone subscribes\n\t\tensureSubscription();\n\n\t\t// Immediately emit current value (BehaviorSubject semantics)\n\t\tcallback(getSnapshot());\n\n\t\treturn () => {\n\t\t\tsubscriberCount--;\n\t\t\tlisteners.delete(callback);\n\t\t\t// Don't close the observable subscription on unsubscribe\n\t\t\t// Let destroy() handle that when the store is truly being disposed\n\t\t};\n\t};\n\n\tconst destroy = () => {\n\t\t// Only unsubscribe if no one is listening\n\t\t// React StrictMode may call destroy and then immediately resubscribe\n\t\tif (subscriberCount === 0 && subscription) {\n\t\t\tsubscription.unsubscribe();\n\t\t\tsubscription = null;\n\t\t}\n\t};\n\n\treturn {\n\t\tgetSnapshot,\n\t\tgetServerSnapshot,\n\t\tsubscribe,\n\t\tdestroy,\n\t};\n};\n","import { useContext } from \"react\";\nimport { KheopskitContext } from \"./context\";\n\nexport const useWallets = () => {\n\tconst ctx = useContext(KheopskitContext);\n\n\t// useEffect(() => {\n\t//   console.debug(\n\t//     \"useWallets wallets:%s accounts:%s\",\n\t//     ctx?.state.wallets.length ?? 0,\n\t//     ctx?.state.accounts.length ?? 0,\n\t//   );\n\t// }, [ctx?.state]);\n\n\tif (!ctx)\n\t\tthrow new Error(\"useWallets can't be used without a KheopskitProvider\");\n\n\treturn ctx.state;\n};\n"],"mappings":";AAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAGA;AAAA,OACM;AACP;AAAA,EAGC;AAAA,EACA;AAAA,EACA;AAAA,OACM;;;ACfP,SAAS,qBAAqB;AAEvB,IAAM,mBAAmB,cAEtB,IAAI;;;ACHP,IAAM,cAAc,CAC1B,aACA,cACA,gBACI;AAEJ,MAAI,cAAwB;AAC5B,MAAI,eAAoC;AACxC,MAAI,kBAAkB;AACtB,QAAM,YAAY,oBAAI,IAAwB;AAE9C,QAAM,qBAAqB,MAAM;AAChC,QAAI,CAAC,gBAAgB,aAAa,QAAQ;AACzC,qBAAe,YAAY,UAAU,CAAC,UAAU;AAC/C,sBAAc;AACd,mBAAW,YAAY,WAAW;AACjC,mBAAS,KAAK;AAAA,QACf;AAAA,MACD,CAAC;AAAA,IACF;AAAA,EACD;AAGA,qBAAmB;AAInB,QAAM,cAAc,MAAM,eAAe;AAQzC,QAAM,oBAAoB,MAAM,eAAe;AAE/C,QAAM,YAAY,CAAC,aAAiC;AACnD;AACA,cAAU,IAAI,QAAQ;AAEtB,uBAAmB;AAGnB,aAAS,YAAY,CAAC;AAEtB,WAAO,MAAM;AACZ;AACA,gBAAU,OAAO,QAAQ;AAAA,IAG1B;AAAA,EACD;AAEA,QAAM,UAAU,MAAM;AAGrB,QAAI,oBAAoB,KAAK,cAAc;AAC1C,mBAAa,YAAY;AACzB,qBAAe;AAAA,IAChB;AAAA,EACD;AAEA,SAAO;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACD;;;AFqDE;AAlFK,IAAM,oBAAgD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AACD,MAAM;AACL,QAAM,iBAAiB,QAAQ,MAAM,cAAc,MAAM,GAAG,CAAC,MAAM,CAAC;AAGpE,QAAM,iBAAiB;AAAA,IACtB,MACC,qBAAqB;AAAA,MACpB;AAAA,MACA,YAAY,eAAe;AAAA,IAC5B,CAAC;AAAA,IACF,CAAC,YAAY,eAAe,UAAU;AAAA,EACvC;AAKA,QAAM,cAAc,QAAwB,MAAM;AACjD,QAAI,eAAe,QAAW;AAC7B,aAAO;AAAA,QACN,SAAS,CAAC;AAAA,QACV,UAAU,CAAC;AAAA,QACX,QAAQ;AAAA,QACR,aAAa;AAAA,MACd;AAAA,IACD;AACA,UAAM,SAAS,eAAe,eAAe;AAC7C,WAAO;AAAA,MACN,SAAS,OAAO,QAAQ,IAAI,aAAa;AAAA,MACzC,UAAU,OAAO,SAAS,IAAI,cAAc;AAAA,MAC5C,QAAQ;AAAA,MACR,aAAa;AAAA,IACd;AAAA,EACD,GAAG,CAAC,YAAY,gBAAgB,cAAc,CAAC;AAI/C,QAAM,eAAe,QAAwB,MAAM;AAGlD,UAAM,kBAAkB,YAAY,QAAQ,IAAI,CAAC,MAAM;AACtD,UAAI,CAAC,EAAE,MAAM;AACZ,cAAM,aAAa,cAAc,EAAE,EAAE;AACrC,YAAI,YAAY;AACf,iBAAO,EAAE,GAAG,GAAG,MAAM,WAAW;AAAA,QACjC;AAAA,MACD;AACA,aAAO;AAAA,IACR,CAAC;AACD,WAAO;AAAA,MACN,GAAG;AAAA,MACH,SAAS;AAAA,IACV;AAAA,EACD,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,QAAQ;AAAA,IACb,MACC;AAAA,MACC,cAAc,QAAQ,YAAY,cAAc;AAAA,MAChD;AAAA,MACA;AAAA,IACD;AAAA,IACD,CAAC,QAAQ,YAAY,gBAAgB,cAAc,WAAW;AAAA,EAC/D;AAGA,YAAU,MAAM;AACf,WAAO,MAAM,MAAM,QAAQ;AAAA,EAC5B,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,QAAQ;AAAA,IACb,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EACP;AAEA,QAAM,QAAQ,QAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;AAEhD,SACC,oBAAC,iBAAiB,UAAjB,EAA0B,OACzB,UACF;AAEF;;;AGhIA,SAAS,kBAAkB;AAGpB,IAAM,aAAa,MAAM;AAC/B,QAAM,MAAM,WAAW,gBAAgB;AAUvC,MAAI,CAAC;AACJ,UAAM,IAAI,MAAM,sDAAsD;AAEvE,SAAO,IAAI;AACZ;","names":[]}

package/package.json

@@ -1,17 +1,14 @@
 {
   "name": "@kheopskit/react",
-  "version": "0.0.26",
+  "version": "1.0.0",
   "description": "",
-  "publishConfig": {
-    "access": "public"
-  },
   "private": false,
   "files": [
     "dist"
   ],
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -19,6 +16,9 @@
       "require": "./dist/index.cjs"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "keywords": [],
   "author": "Kheops (https://github.com/0xKheops)",
   "repository": {
@@ -27,23 +27,24 @@
   },
   "license": "ISC",
   "peerDependencies": {
+    "@kheopskit/core": "^0.1.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
-    "rxjs": ">=7.0.0",
-    "@kheopskit/core": "0.0.22"
+    "rxjs": ">=7.0.0"
   },
   "devDependencies": {
-    "@types/react": "^19.1.5",
-    "@types/react-dom": "^19.1.5",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
+    "@types/react": "^19.2.11",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "rxjs": "^7.8.2",
-    "@kheopskit/core": "0.0.22"
+    "@kheopskit/core": "0.1.0"
   },
   "tsup": {
     "entry": [
       "src/index.ts"
     ],
+    "tsconfig": "tsconfig.build.json",
     "splitting": false,
     "sourcemap": true,
     "clean": true,