@kheopskit/react 0.0.25 → 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 useWallets: () => _kheopskit_core.KheopskitState;
-
-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 useWallets: () => _kheopskit_core.KheopskitState;
-
-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

@@ -25,44 +25,52 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/useWallets.ts
+// src/KheopskitProvider.tsx
+var import_core = require("@kheopskit/core");
 var import_react2 = require("react");
 
 // src/context.ts
 var import_react = require("react");
 var KheopskitContext = (0, import_react.createContext)(null);
 
-// src/useWallets.ts
-var useWallets = () => {
-  const ctx = (0, import_react2.useContext)(KheopskitContext);
-  if (!ctx)
-    throw new Error("useWallets can't be used without a KheopskitProvider");
-  return ctx.state;
-};
-
-// src/KheopskitProvider.tsx
-var import_core = require("@kheopskit/core");
-var import_react3 = require("react");
-
 // 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
   };
@@ -70,23 +78,79 @@ var createStore = (observable$, initialValue) => {
 
 // src/KheopskitProvider.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var KheopskitProvider = ({ children, config }) => {
-  const defaultValue = (0, import_react3.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 store = (0, import_react3.useMemo)(
-    () => createStore((0, import_core.getKheopskit$)(config), defaultValue),
-    [config, defaultValue]
+  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, ssrCookies, kheopskitStore),
+      initialValue,
+      serverValue
+    ),
+    [config, ssrCookies, kheopskitStore, initialValue, serverValue]
   );
-  const state = (0, import_react3.useSyncExternalStore)(store.subscribe, store.getSnapshot);
-  const value = (0, import_react3.useMemo)(() => ({ state }), [state]);
+  (0, import_react2.useEffect)(() => {
+    return () => store.destroy();
+  }, [store]);
+  const state = (0, import_react2.useSyncExternalStore)(
+    store.subscribe,
+    store.getSnapshot,
+    store.getServerSnapshot
+  );
+  const value = (0, import_react2.useMemo)(() => ({ state }), [state]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KheopskitContext.Provider, { value, children });
 };
+
+// src/useWallets.ts
+var import_react3 = require("react");
+var useWallets = () => {
+  const ctx = (0, import_react3.useContext)(KheopskitContext);
+  if (!ctx)
+    throw new Error("useWallets can't be used without a KheopskitProvider");
+  return ctx.state;
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   KheopskitProvider,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/useWallets.ts","../src/context.ts","../src/KheopskitProvider.tsx","../src/createStore.ts"],"sourcesContent":["export * from \"./useWallets\";\nexport * from \"./KheopskitProvider\";\n","import { useContext } from \"react\";\nimport { KheopskitContext } from \"./context\";\n\nexport const useWallets = () => {\n  const ctx = useContext(KheopskitContext);\n\n  // useEffect(() => {\n  //   console.debug(\n  //     \"useWallets wallets:%s accounts:%s\",\n  //     ctx?.state.wallets.length ?? 0,\n  //     ctx?.state.accounts.length ?? 0,\n  //   );\n  // }, [ctx?.state]);\n\n  if (!ctx)\n    throw new Error(\"useWallets can't be used without a KheopskitProvider\");\n\n  return ctx.state;\n};\n","import type { KheopskitState } from \"@kheopskit/core\";\nimport { createContext } from \"react\";\n\nexport const KheopskitContext = createContext<{\n  state: KheopskitState;\n} | null>(null);\n","import {\n  type KheopskitConfig,\n  type KheopskitState,\n  getKheopskit$,\n  resolveConfig,\n} from \"@kheopskit/core\";\nimport {\n  type FC,\n  type PropsWithChildren,\n  useMemo,\n  useSyncExternalStore,\n} from \"react\";\nimport { KheopskitContext } from \"./context\";\nimport { createStore } from \"./createStore\";\n\nexport const KheopskitProvider: FC<\n  PropsWithChildren & { config?: Partial<KheopskitConfig> }\n> = ({ children, config }) => {\n  const defaultValue = useMemo<KheopskitState>(\n    () => ({\n      wallets: [],\n      accounts: [],\n      config: resolveConfig(config),\n    }),\n    [config],\n  );\n\n  const store = useMemo(\n    () => createStore(getKheopskit$(config), defaultValue),\n    [config, defaultValue],\n  );\n\n  const state = useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n  const value = useMemo(() => ({ state }), [state]);\n\n  return (\n    <KheopskitContext.Provider value={value}>\n      {children}\n    </KheopskitContext.Provider>\n  );\n};\n","import { BehaviorSubject, type Observable } from \"rxjs\";\n\nexport const createStore = <T>(observable$: Observable<T>, initialValue: T) => {\n  const subject = new BehaviorSubject<T>(initialValue);\n\n  const sub = observable$.subscribe((value) => {\n    subject.next(value);\n  });\n\n  const getSnapshot = () => subject.getValue();\n\n  const subscribe = (callback: (value: T) => void) => {\n    const sub = subject.subscribe(callback);\n\n    return () => {\n      sub.unsubscribe();\n    };\n  };\n\n  const destroy = () => {\n    sub.unsubscribe();\n  };\n\n  return {\n    getSnapshot,\n    subscribe,\n    destroy,\n  };\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAA2B;;;ACC3B,mBAA8B;AAEvB,IAAM,uBAAmB,4BAEtB,IAAI;;;ADFP,IAAM,aAAa,MAAM;AAC9B,QAAM,UAAM,0BAAW,gBAAgB;AAUvC,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,sDAAsD;AAExE,SAAO,IAAI;AACb;;;AElBA,kBAKO;AACP,IAAAC,gBAKO;;;ACXP,kBAAiD;AAE1C,IAAM,cAAc,CAAI,aAA4B,iBAAoB;AAC7E,QAAM,UAAU,IAAI,4BAAmB,YAAY;AAEnD,QAAM,MAAM,YAAY,UAAU,CAAC,UAAU;AAC3C,YAAQ,KAAK,KAAK;AAAA,EACpB,CAAC;AAED,QAAM,cAAc,MAAM,QAAQ,SAAS;AAE3C,QAAM,YAAY,CAAC,aAAiC;AAClD,UAAMC,OAAM,QAAQ,UAAU,QAAQ;AAEtC,WAAO,MAAM;AACX,MAAAA,KAAI,YAAY;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAAA,EAClB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ADSI;AAtBG,IAAM,oBAET,CAAC,EAAE,UAAU,OAAO,MAAM;AAC5B,QAAM,mBAAe;AAAA,IACnB,OAAO;AAAA,MACL,SAAS,CAAC;AAAA,MACV,UAAU,CAAC;AAAA,MACX,YAAQ,2BAAc,MAAM;AAAA,IAC9B;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,YAAQ;AAAA,IACZ,MAAM,gBAAY,2BAAc,MAAM,GAAG,YAAY;AAAA,IACrD,CAAC,QAAQ,YAAY;AAAA,EACvB;AAEA,QAAM,YAAQ,oCAAqB,MAAM,WAAW,MAAM,WAAW;AAErE,QAAM,YAAQ,uBAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;AAEhD,SACE,4CAAC,iBAAiB,UAAjB,EAA0B,OACxB,UACH;AAEJ;","names":["import_react","import_react","sub"]}
+{"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,47 +1,60 @@
-// src/useWallets.ts
-import { useContext } from "react";
-
-// src/context.ts
-import { createContext } from "react";
-var KheopskitContext = createContext(null);
-
-// src/useWallets.ts
-var useWallets = () => {
-  const ctx = useContext(KheopskitContext);
-  if (!ctx)
-    throw new Error("useWallets can't be used without a KheopskitProvider");
-  return ctx.state;
-};
-
 // src/KheopskitProvider.tsx
 import {
+  createKheopskitStore,
+  getCachedIcon,
   getKheopskit$,
+  hydrateAccount,
+  hydrateWallet,
   resolveConfig
 } from "@kheopskit/core";
 import {
+  useEffect,
   useMemo,
   useSyncExternalStore
 } from "react";
 
+// src/context.ts
+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
   };
@@ -49,23 +62,79 @@ 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 });
 };
+
+// src/useWallets.ts
+import { useContext } from "react";
+var useWallets = () => {
+  const ctx = useContext(KheopskitContext);
+  if (!ctx)
+    throw new Error("useWallets can't be used without a KheopskitProvider");
+  return ctx.state;
+};
 export {
   KheopskitProvider,
   useWallets

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/useWallets.ts","../src/context.ts","../src/KheopskitProvider.tsx","../src/createStore.ts"],"sourcesContent":["import { useContext } from \"react\";\nimport { KheopskitContext } from \"./context\";\n\nexport const useWallets = () => {\n  const ctx = useContext(KheopskitContext);\n\n  // useEffect(() => {\n  //   console.debug(\n  //     \"useWallets wallets:%s accounts:%s\",\n  //     ctx?.state.wallets.length ?? 0,\n  //     ctx?.state.accounts.length ?? 0,\n  //   );\n  // }, [ctx?.state]);\n\n  if (!ctx)\n    throw new Error(\"useWallets can't be used without a KheopskitProvider\");\n\n  return ctx.state;\n};\n","import type { KheopskitState } from \"@kheopskit/core\";\nimport { createContext } from \"react\";\n\nexport const KheopskitContext = createContext<{\n  state: KheopskitState;\n} | null>(null);\n","import {\n  type KheopskitConfig,\n  type KheopskitState,\n  getKheopskit$,\n  resolveConfig,\n} from \"@kheopskit/core\";\nimport {\n  type FC,\n  type PropsWithChildren,\n  useMemo,\n  useSyncExternalStore,\n} from \"react\";\nimport { KheopskitContext } from \"./context\";\nimport { createStore } from \"./createStore\";\n\nexport const KheopskitProvider: FC<\n  PropsWithChildren & { config?: Partial<KheopskitConfig> }\n> = ({ children, config }) => {\n  const defaultValue = useMemo<KheopskitState>(\n    () => ({\n      wallets: [],\n      accounts: [],\n      config: resolveConfig(config),\n    }),\n    [config],\n  );\n\n  const store = useMemo(\n    () => createStore(getKheopskit$(config), defaultValue),\n    [config, defaultValue],\n  );\n\n  const state = useSyncExternalStore(store.subscribe, store.getSnapshot);\n\n  const value = useMemo(() => ({ state }), [state]);\n\n  return (\n    <KheopskitContext.Provider value={value}>\n      {children}\n    </KheopskitContext.Provider>\n  );\n};\n","import { BehaviorSubject, type Observable } from \"rxjs\";\n\nexport const createStore = <T>(observable$: Observable<T>, initialValue: T) => {\n  const subject = new BehaviorSubject<T>(initialValue);\n\n  const sub = observable$.subscribe((value) => {\n    subject.next(value);\n  });\n\n  const getSnapshot = () => subject.getValue();\n\n  const subscribe = (callback: (value: T) => void) => {\n    const sub = subject.subscribe(callback);\n\n    return () => {\n      sub.unsubscribe();\n    };\n  };\n\n  const destroy = () => {\n    sub.unsubscribe();\n  };\n\n  return {\n    getSnapshot,\n    subscribe,\n    destroy,\n  };\n};\n"],"mappings":";AAAA,SAAS,kBAAkB;;;ACC3B,SAAS,qBAAqB;AAEvB,IAAM,mBAAmB,cAEtB,IAAI;;;ADFP,IAAM,aAAa,MAAM;AAC9B,QAAM,MAAM,WAAW,gBAAgB;AAUvC,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,sDAAsD;AAExE,SAAO,IAAI;AACb;;;AElBA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EAGE;AAAA,EACA;AAAA,OACK;;;ACXP,SAAS,uBAAwC;AAE1C,IAAM,cAAc,CAAI,aAA4B,iBAAoB;AAC7E,QAAM,UAAU,IAAI,gBAAmB,YAAY;AAEnD,QAAM,MAAM,YAAY,UAAU,CAAC,UAAU;AAC3C,YAAQ,KAAK,KAAK;AAAA,EACpB,CAAC;AAED,QAAM,cAAc,MAAM,QAAQ,SAAS;AAE3C,QAAM,YAAY,CAAC,aAAiC;AAClD,UAAMA,OAAM,QAAQ,UAAU,QAAQ;AAEtC,WAAO,MAAM;AACX,MAAAA,KAAI,YAAY;AAAA,IAClB;AAAA,EACF;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAAA,EAClB;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;ADSI;AAtBG,IAAM,oBAET,CAAC,EAAE,UAAU,OAAO,MAAM;AAC5B,QAAM,eAAe;AAAA,IACnB,OAAO;AAAA,MACL,SAAS,CAAC;AAAA,MACV,UAAU,CAAC;AAAA,MACX,QAAQ,cAAc,MAAM;AAAA,IAC9B;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,QAAQ;AAAA,IACZ,MAAM,YAAY,cAAc,MAAM,GAAG,YAAY;AAAA,IACrD,CAAC,QAAQ,YAAY;AAAA,EACvB;AAEA,QAAM,QAAQ,qBAAqB,MAAM,WAAW,MAAM,WAAW;AAErE,QAAM,QAAQ,QAAQ,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;AAEhD,SACE,oBAAC,iBAAiB,UAAjB,EAA0B,OACxB,UACH;AAEJ;","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":"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","names":[]}

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@kheopskit/react",
-  "version": "0.0.25",
+  "version": "1.0.0",
   "description": "",
-  "publishConfig": {
-    "access": "public"
-  },
   "private": false,
-  "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -16,6 +16,9 @@
       "require": "./dist/index.cjs"
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "keywords": [],
   "author": "Kheops (https://github.com/0xKheops)",
   "repository": {
@@ -24,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.21"
+    "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.21"
+    "@kheopskit/core": "0.1.0"
   },
   "tsup": {
     "entry": [
       "src/index.ts"
     ],
+    "tsconfig": "tsconfig.build.json",
     "splitting": false,
     "sourcemap": true,
     "clean": true,
@@ -55,6 +59,7 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "dev": "tsup --watch",
     "build": "tsup",
-    "clean": "rm -rf ./dist && rm -rf ./node_modules"
+    "clean": "rm -rf ./dist && rm -rf ./node_modules",
+    "typecheck": "tsc --noEmit"
   }
 }

package/CHANGELOG.md

@@ -1,218 +0,0 @@
-# @kheopskit/react
-
-## 0.0.25
-
-### Patch Changes
-
-- Updated dependencies [[`b3d5f98`](https://github.com/kheopskit/kheopskit/commit/b3d5f989a33f9c13f56833f71494df5091c4930c), [`cd73eb1`](https://github.com/kheopskit/kheopskit/commit/cd73eb18840a69b49238629051450eca26b9e275)]:
-  - @kheopskit/core@0.0.21
-
-## 0.0.24
-
-### Patch Changes
-
-- [`920ed5b`](https://github.com/kheopskit/kheopskit/commit/920ed5babefc6d38ddc18bde3d68ff945cd1a0af) Thanks [@0xKheops](https://github.com/0xKheops)! - fix: peer dep to core
-
-## 0.0.23
-
-### Patch Changes
-
-- [`87bbfb0`](https://github.com/kheopskit/kheopskit/commit/87bbfb016b15bd0378a62943ccbe1403a6e5d07e) Thanks [@0xKheops](https://github.com/0xKheops)! - test: changeset2
-
-- Updated dependencies [[`87bbfb0`](https://github.com/kheopskit/kheopskit/commit/87bbfb016b15bd0378a62943ccbe1403a6e5d07e)]:
-  - @kheopskit/core@0.0.20
-
-## 0.0.22
-
-### Patch Changes
-
-- [`e68aaa5`](https://github.com/kheopskit/kheopskit/commit/e68aaa5019630b03660d1cb5e95a9188cf972ebf) Thanks [@0xKheops](https://github.com/0xKheops)! - test: changeset
-
-- Updated dependencies [[`e68aaa5`](https://github.com/kheopskit/kheopskit/commit/e68aaa5019630b03660d1cb5e95a9188cf972ebf)]:
-  - @kheopskit/core@0.0.19
-
-## 0.0.21
-
-### Patch Changes
-
-- [`a35e7f9`](https://github.com/kheopskit/kheopskit/commit/a35e7f9808bd215088dbfb7747d217622e429618) Thanks [@0xKheops](https://github.com/0xKheops)! - test: changeset
-
-## 0.0.20
-
-### Patch Changes
-
-- [`0ada998`](https://github.com/kheopskit/kheopskit/commit/0ada998099206c0ba11451b25e0212cd511d6bcf) Thanks [@0xKheops](https://github.com/0xKheops)! - test: changeset
-
-## 0.0.19
-
-### Patch Changes
-
-- [`c660e23`](https://github.com/kheopskit/kheopskit/commit/c660e231aaed809d885b9ec29fd81b550a30c159) Thanks [@0xKheops](https://github.com/0xKheops)! - test: changeset
-
-## 0.0.18
-
-### Patch Changes
-
-- [`2e04a98`](https://github.com/kheopskit/kheopskit/commit/2e04a9893795e6aa43c942dee61443b4700c3294) Thanks [@0xKheops](https://github.com/0xKheops)! - fix: sync changesets
-
-- Updated dependencies [[`2e04a98`](https://github.com/kheopskit/kheopskit/commit/2e04a9893795e6aa43c942dee61443b4700c3294)]:
-  - @kheopskit/core@0.0.18
-
-## 0.0.17
-
-### Patch Changes
-
-- [`91fe482`](https://github.com/kheopskit/kheopskit/commit/91fe4821c159f7b970b1a8aa52544b9eb63776bc) Thanks [@0xKheops](https://github.com/0xKheops)! - test: changeset
-
-## 0.0.16
-
-### Patch Changes
-
-- [`b69943f`](https://github.com/kheopskit/kheopskit/commit/b69943fafbbe34b8035e8030b615684c3c8d1a7e) Thanks [@0xKheops](https://github.com/0xKheops)! - test: changeset
-
-## 0.0.15
-
-### Patch Changes
-
-- [`a540c06`](https://github.com/kheopskit/kheopskit/commit/a540c06e90816656a1a21df3d95d0328bff78455) Thanks [@0xKheops](https://github.com/0xKheops)! - test: one more changeset
-
-- Updated dependencies [[`a540c06`](https://github.com/kheopskit/kheopskit/commit/a540c06e90816656a1a21df3d95d0328bff78455)]:
-  - @kheopskit/core@0.0.15
-
-## 0.0.14
-
-### Patch Changes
-
-- Updated dependencies [[`b8242ab`](https://github.com/kheopskit/kheopskit/commit/b8242abd31a6512b16399dd44ca5e5d82f6c70bf)]:
-  - @kheopskit/core@0.0.14
-
-## 0.0.13
-
-### Patch Changes
-
-- Updated dependencies [[`5e07091`](https://github.com/kheopskit/kheopskit/commit/5e070910229cb9202f5d2f1869bfb16c5180d273)]:
-  - @kheopskit/core@0.0.13
-
-## 0.0.12
-
-### Patch Changes
-
-- Updated dependencies [[`2f34f0c`](https://github.com/kheopskit/kheopskit/commit/2f34f0c16c7866a4187b4474a45f93e2ad07f5c7)]:
-  - @kheopskit/core@0.0.12
-
-## 0.0.11
-
-### Patch Changes
-
-- Updated dependencies [[`9d4f86e`](https://github.com/kheopskit/kheopskit/commit/9d4f86e7632843fad089ce930b209aee9b9e2b41)]:
-  - @kheopskit/core@0.0.11
-
-## 0.0.10
-
-### Patch Changes
-
-- [`c7dea32`](https://github.com/kheopskit/kheopskit/commit/c7dea32e2921716cef82b53e1960c3cdb4c8e5ae) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`c7dea32`](https://github.com/kheopskit/kheopskit/commit/c7dea32e2921716cef82b53e1960c3cdb4c8e5ae)]:
-  - @kheopskit/core@0.0.10
-
-## 0.0.9
-
-### Patch Changes
-
-- [`961f6a3`](https://github.com/kheopskit/kheopskit/commit/961f6a371c73d4065e9157c95ca4d996012098e7) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`961f6a3`](https://github.com/kheopskit/kheopskit/commit/961f6a371c73d4065e9157c95ca4d996012098e7)]:
-  - @kheopskit/core@0.0.9
-
-## 0.0.8
-
-### Patch Changes
-
-- [`b76185f`](https://github.com/kheopskit/kheopskit/commit/b76185f99a78c5a82a8b9aead65b0708f17b0bd5) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`b76185f`](https://github.com/kheopskit/kheopskit/commit/b76185f99a78c5a82a8b9aead65b0708f17b0bd5)]:
-  - @kheopskit/core@0.0.8
-
-## 0.0.7
-
-### Patch Changes
-
-- [`07f8406`](https://github.com/kheopskit/kheopskit/commit/07f8406d3f176e6a8b3b06fe16396bf2b6b1db88) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`07f8406`](https://github.com/kheopskit/kheopskit/commit/07f8406d3f176e6a8b3b06fe16396bf2b6b1db88)]:
-  - @kheopskit/core@0.0.7
-
-## 0.0.6
-
-### Patch Changes
-
-- [`5319326`](https://github.com/kheopskit/kheopskit/commit/53193262e80fec9e242986f818d7f7b53f92357a) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`5319326`](https://github.com/kheopskit/kheopskit/commit/53193262e80fec9e242986f818d7f7b53f92357a)]:
-  - @kheopskit/core@0.0.6
-
-## 0.0.5
-
-### Patch Changes
-
-- [`d865842`](https://github.com/kheopskit/kheopskit/commit/d86584236e51730e82baaa9068604fa7e703e9c2) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`d865842`](https://github.com/kheopskit/kheopskit/commit/d86584236e51730e82baaa9068604fa7e703e9c2)]:
-  - @kheopskit/core@0.0.5
-
-## 0.0.4
-
-### Patch Changes
-
-- [`4a61939`](https://github.com/kheopskit/kheopskit/commit/4a61939b9a5c4ea6fb119a0427704a5fc684343e) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`4a61939`](https://github.com/kheopskit/kheopskit/commit/4a61939b9a5c4ea6fb119a0427704a5fc684343e)]:
-  - @kheopskit/core@0.0.4
-
-## 0.0.3
-
-### Patch Changes
-
-- [`7a0ea89`](https://github.com/kheopskit/kheopskit/commit/7a0ea890982570ae89934fead69d319fff46dd98) Thanks [@0xKheops](https://github.com/0xKheops)! - test changeset
-
-- Updated dependencies [[`7a0ea89`](https://github.com/kheopskit/kheopskit/commit/7a0ea890982570ae89934fead69d319fff46dd98)]:
-  - @kheopskit/core@0.0.3
-
-## 0.0.2
-
-### Patch Changes
-
-- [`806b8d3`](https://github.com/kheopskit/kheopskit/commit/806b8d394ba7c2576c76d9de72a15d7927bcff9e) - update peer deps
-
-- Updated dependencies [[`806b8d3`](https://github.com/kheopskit/kheopskit/commit/806b8d394ba7c2576c76d9de72a15d7927bcff9e)]:
-  - @kheopskit/core@0.0.2
-
-## 0.0.1
-
-### Patch Changes
-
-- [`e1cebed`](https://github.com/kheopskit/kheopskit/commit/e1cebed92d303f041070e0ae146ee34d9eb717bd) - refactor property names
-
-- [`e1cebed`](https://github.com/kheopskit/kheopskit/commit/e1cebed92d303f041070e0ae146ee34d9eb717bd) - initial alpha release
-
-- Updated dependencies [[`e1cebed`](https://github.com/kheopskit/kheopskit/commit/e1cebed92d303f041070e0ae146ee34d9eb717bd), [`e1cebed`](https://github.com/kheopskit/kheopskit/commit/e1cebed92d303f041070e0ae146ee34d9eb717bd)]:
-  - @kheopskit/core@0.0.1
-
-## 0.0.1-alpha.1
-
-### Patch Changes
-
-- [`4f378f9`](https://github.com/0xKheops/kheopskit-alpha/commit/4f378f9b61e555b7b66ef3bfaf107ab8e6ac62b1) - refactor property names
-
-- Updated dependencies [[`4f378f9`](https://github.com/0xKheops/kheopskit-alpha/commit/4f378f9b61e555b7b66ef3bfaf107ab8e6ac62b1)]:
-  - @kheopskit/core@0.0.1-alpha.1
-
-## 0.0.1-alpha.0
-
-### Patch Changes
-
-- [`3216d3b`](https://github.com/0xKheops/kheopskit-alpha/commit/3216d3b4ca1f2fadbebe9a4275e7b864ac89d222) - initial alpha release
-
-- Updated dependencies [[`3216d3b`](https://github.com/0xKheops/kheopskit-alpha/commit/3216d3b4ca1f2fadbebe9a4275e7b864ac89d222)]:
-  - @kheopskit/core@0.0.1-alpha.0

package/src/KheopskitProvider.tsx

@@ -1,42 +0,0 @@
-import {
-  type KheopskitConfig,
-  type KheopskitState,
-  getKheopskit$,
-  resolveConfig,
-} from "@kheopskit/core";
-import {
-  type FC,
-  type PropsWithChildren,
-  useMemo,
-  useSyncExternalStore,
-} from "react";
-import { KheopskitContext } from "./context";
-import { createStore } from "./createStore";
-
-export const KheopskitProvider: FC<
-  PropsWithChildren & { config?: Partial<KheopskitConfig> }
-> = ({ children, config }) => {
-  const defaultValue = useMemo<KheopskitState>(
-    () => ({
-      wallets: [],
-      accounts: [],
-      config: resolveConfig(config),
-    }),
-    [config],
-  );
-
-  const store = useMemo(
-    () => createStore(getKheopskit$(config), defaultValue),
-    [config, defaultValue],
-  );
-
-  const state = useSyncExternalStore(store.subscribe, store.getSnapshot);
-
-  const value = useMemo(() => ({ state }), [state]);
-
-  return (
-    <KheopskitContext.Provider value={value}>
-      {children}
-    </KheopskitContext.Provider>
-  );
-};

package/src/context.ts

@@ -1,6 +0,0 @@
-import type { KheopskitState } from "@kheopskit/core";
-import { createContext } from "react";
-
-export const KheopskitContext = createContext<{
-  state: KheopskitState;
-} | null>(null);

package/src/createStore.ts

@@ -1,29 +0,0 @@
-import { BehaviorSubject, type Observable } from "rxjs";
-
-export const createStore = <T>(observable$: Observable<T>, initialValue: T) => {
-  const subject = new BehaviorSubject<T>(initialValue);
-
-  const sub = observable$.subscribe((value) => {
-    subject.next(value);
-  });
-
-  const getSnapshot = () => subject.getValue();
-
-  const subscribe = (callback: (value: T) => void) => {
-    const sub = subject.subscribe(callback);
-
-    return () => {
-      sub.unsubscribe();
-    };
-  };
-
-  const destroy = () => {
-    sub.unsubscribe();
-  };
-
-  return {
-    getSnapshot,
-    subscribe,
-    destroy,
-  };
-};

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from "./useWallets";
-export * from "./KheopskitProvider";

package/src/useWallets.ts

@@ -1,19 +0,0 @@
-import { useContext } from "react";
-import { KheopskitContext } from "./context";
-
-export const useWallets = () => {
-  const ctx = useContext(KheopskitContext);
-
-  // useEffect(() => {
-  //   console.debug(
-  //     "useWallets wallets:%s accounts:%s",
-  //     ctx?.state.wallets.length ?? 0,
-  //     ctx?.state.accounts.length ?? 0,
-  //   );
-  // }, [ctx?.state]);
-
-  if (!ctx)
-    throw new Error("useWallets can't be used without a KheopskitProvider");
-
-  return ctx.state;
-};

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "extends": "../../tsconfig.base",
-  "include": ["src", "tests"],
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "baseUrl": "src",
-    "paths": {
-      "@/*": ["*"]
-    }
-  }
-}