@kheopskit/react 0.0.10 → 0.0.11

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @kheopskit/react
 
+## 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

package/dist/index.d.mts

@@ -0,0 +1,11 @@
+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 & {
+    config?: Partial<KheopskitConfig>;
+}>;
+
+export { KheopskitProvider, useWallets };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+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 & {
+    config?: Partial<KheopskitConfig>;
+}>;
+
+export { KheopskitProvider, useWallets };

package/dist/index.js

@@ -0,0 +1,95 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  KheopskitProvider: () => KheopskitProvider,
+  useWallets: () => useWallets
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/useWallets.ts
+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();
+  const subscribe = (callback) => {
+    const sub2 = subject.subscribe(callback);
+    return () => {
+      sub2.unsubscribe();
+    };
+  };
+  const destroy = () => {
+    sub.unsubscribe();
+  };
+  return {
+    getSnapshot,
+    subscribe,
+    destroy
+  };
+};
+
+// 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)
+    }),
+    [config]
+  );
+  const store = (0, import_react3.useMemo)(
+    () => createStore((0, import_core.getKheopskit$)(config), defaultValue),
+    [config, defaultValue]
+  );
+  const state = (0, import_react3.useSyncExternalStore)(store.subscribe, store.getSnapshot);
+  const value = (0, import_react3.useMemo)(() => ({ state }), [state]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(KheopskitContext.Provider, { value, children });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  KheopskitProvider,
+  useWallets
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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"]}

package/dist/index.mjs

@@ -0,0 +1,73 @@
+// 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 {
+  getKheopskit$,
+  resolveConfig
+} from "@kheopskit/core";
+import {
+  useMemo,
+  useSyncExternalStore
+} from "react";
+
+// 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();
+  const subscribe = (callback) => {
+    const sub2 = subject.subscribe(callback);
+    return () => {
+      sub2.unsubscribe();
+    };
+  };
+  const destroy = () => {
+    sub.unsubscribe();
+  };
+  return {
+    getSnapshot,
+    subscribe,
+    destroy
+  };
+};
+
+// src/KheopskitProvider.tsx
+import { jsx } from "react/jsx-runtime";
+var KheopskitProvider = ({ children, config }) => {
+  const defaultValue = useMemo(
+    () => ({
+      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 /* @__PURE__ */ jsx(KheopskitContext.Provider, { value, children });
+};
+export {
+  KheopskitProvider,
+  useWallets
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kheopskit/react",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -29,7 +29,7 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@kheopskit/core": "0.0.10"
+    "@kheopskit/core": "0.0.11"
   },
   "devDependencies": {
     "@types/react": "^19.1.5",