@ic-reactor/react 0.2.10 → 0.3.0

package/dist/context.d.ts

@@ -6,6 +6,7 @@ import { ReActorOptions } from "@ic-reactor/store";
 export type ReActor<A> = ReturnType<typeof createReActor<A>>;
 export interface ReActorContextType<A = ActorSubclass<any>> extends ReActor<A> {
 }
+export declare const ReActorContext: React.Context<ReActorContextType<any> | null>;
 export declare const useReActor: <A = any>() => ReActorContextType<A>;
 interface ReActorProviderProps extends PropsWithChildren, Omit<ReActorOptions, "idlFactory"> {
     idlFactory?: IDL.InterfaceFactory;

package/dist/context.js

@@ -43,14 +43,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReActorProvider = exports.useReActor = void 0;
+exports.ReActorProvider = exports.useReActor = exports.ReActorContext = void 0;
 const react_1 = __importStar(require("react"));
 const agent_1 = require("@dfinity/agent");
 const index_1 = require("./index");
 const store_1 = require("@ic-reactor/store");
-const ReActorContext = (0, react_1.createContext)(null);
+exports.ReActorContext = (0, react_1.createContext)(null);
 const useReActor = () => {
-    const context = react_1.default.useContext(ReActorContext);
+    const context = react_1.default.useContext(exports.ReActorContext);
     if (!context) {
         throw new Error("useReActor must be used within a ReActorProvider");
     }
@@ -108,6 +108,7 @@ const ReActorProvider = (_a) => {
             return null;
         }
     }, [config, didJs]);
-    return (react_1.default.createElement(ReActorContext.Provider, { value: reActorHooks }, reActorHooks ? children : loadingComponent));
+    (0, react_1.useEffect)(() => reActorHooks === null || reActorHooks === void 0 ? void 0 : reActorHooks.unsubscribeAgent, [reActorHooks === null || reActorHooks === void 0 ? void 0 : reActorHooks.unsubscribeAgent]);
+    return (react_1.default.createElement(exports.ReActorContext.Provider, { value: reActorHooks }, reActorHooks ? children : loadingComponent));
 };
 exports.ReActorProvider = ReActorProvider;

package/dist/hooks.d.ts

@@ -1,5 +1,5 @@
-import { CallMethod, ExtractReActorMethodArgs, ReActorActorStore } from "@ic-reactor/store";
-import { ReActorUseQueryArgs, ReActorUseUpdateArgs } from "./types";
+import type { CallMethod, ExtractReActorMethodArgs, ReActorActorStore } from "@ic-reactor/store";
+import type { ReActorUseQueryArgs, ReActorUseUpdateArgs } from "./types";
 export declare const getCallHooks: <A extends unknown>(callMethod: CallMethod<A>, actorStore: ReActorActorStore<A>) => {
     useQueryCall: <M extends keyof A>({ autoRefresh, refreshInterval, disableInitialCall, ...rest }: ReActorUseQueryArgs<A, M>) => {
         data: import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined;

package/dist/index.d.ts

@@ -2,10 +2,15 @@ import type { AuthClientLoginOptions } from "@dfinity/auth-client";
 import type { ReActorOptions } from "@ic-reactor/store";
 export * from "./context";
 export declare const createReActor: <A extends unknown>(options: ReActorOptions) => {
+    unsubscribeAgent: () => void;
     useMethodFields: () => import("@ic-reactor/store").ReActorMethodField<A>[];
     useMethodField: (functionName: keyof A & string) => import("@ic-reactor/store").ReActorMethodField<A> | undefined;
+    useAgentStore: () => {
+        initializeAgent: (agentOptions?: import("@dfinity/agent").HttpAgentOptions | undefined, isLocal?: boolean | undefined) => Promise<void>;
+        agent: import("@ic-reactor/store").HttpAgent | undefined;
+        canisterId: import("@ic-reactor/store").CanisterId;
+    };
     useActorStore: () => {
-        initialize: (agentOptions?: import("@dfinity/agent").HttpAgentOptions | undefined, isLocal?: boolean | undefined) => void;
         actor: A | null;
         initialized: boolean;
         initializing: boolean;

package/dist/index.js

@@ -33,10 +33,14 @@ const createReActor = (options) => {
     const isLocal = typeof process !== "undefined" &&
         (process.env.NODE_ENV === "development" ||
             process.env.DFX_NETWORK === "local");
-    const { callMethod, initialize, authenticate, authStore, actorStore } = (0, store_1.createReActorStore)(Object.assign({ isLocal }, options));
+    const { unsubscribeAgent, initializeAgent, authenticate, callMethod, authStore, agentStore, actorStore, } = (0, store_1.createReActorStore)(Object.assign({ isLocal }, options));
+    const useAgentStore = () => {
+        const agentState = (0, zustand_1.useStore)(agentStore, (state) => state);
+        return Object.assign(Object.assign({}, agentState), { initializeAgent });
+    };
     const useActorStore = () => {
         const actorState = (0, zustand_1.useStore)(actorStore, (state) => state);
-        return Object.assign(Object.assign({}, actorState), { initialize });
+        return Object.assign({}, actorState);
     };
     const useAuthStore = () => {
         const authState = (0, zustand_1.useStore)(authStore, (state) => state);
@@ -90,8 +94,10 @@ const createReActor = (options) => {
     };
     const { useQueryCall, useMethodField, useMethodFields, useUpdateCall } = (0, hooks_1.getCallHooks)(callMethod, actorStore);
     return {
+        unsubscribeAgent,
         useMethodFields,
         useMethodField,
+        useAgentStore,
         useActorStore,
         useAuthStore,
         useQueryCall,

package/dist/types.d.ts

@@ -1,4 +1,5 @@
 import { ExtractReActorMethodArgs, ExtractReActorMethodReturnType } from "@ic-reactor/store";
+export * from "@ic-reactor/store";
 export type ReActorCallArgs<A, M extends keyof A> = {
     functionName: M & string;
     args?: ExtractReActorMethodArgs<A[M]>;

package/dist/types.js

@@ -1,2 +1,17 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("@ic-reactor/store"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "0.2.10",
+  "version": "0.3.0",
   "description": "A React library for interacting with Dfinity actors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,7 +35,7 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@ic-reactor/store": "^0.2.9",
+    "@ic-reactor/store": "^0.3.0",
     "zustand-utils": "^1.3"
   },
   "peerDependencies": {
@@ -48,5 +48,5 @@
     "react": ">=16.8",
     "zustand": "4.4"
   },
-  "gitHead": "fa2f4812c9df4249254412d3f93b709c4ee76927"
+  "gitHead": "00b0d7f282c144151f27d344c47d92b9b446b14a"
 }