@ic-reactor/react 0.3.3 → 0.3.5

package/dist/context/actor.d.ts

@@ -2,11 +2,13 @@ import React, { PropsWithChildren } from "react";
 import { type ActorHooks } from "../index";
 import { IDL } from "@dfinity/candid";
 import { ActorSubclass, ActorManagerOptions } from "@ic-reactor/store";
+import { AgentContextType } from "./agent";
 export type ActorContextType<A = ActorSubclass<any>> = ActorHooks<A>;
 export declare const ActorContext: React.Context<ActorContextType<any> | null>;
 type UseActorType = <A = ActorSubclass<any>>() => ActorContextType<A>;
 export declare const useActor: UseActorType;
 interface ActorProviderProps extends PropsWithChildren, Omit<ActorManagerOptions, "idlFactory" | "agentManager"> {
+    agentContext?: AgentContextType;
     idlFactory?: IDL.InterfaceFactory;
     loadingComponent?: React.ReactNode;
 }

package/dist/context/actor.js

@@ -58,8 +58,8 @@ const useActor = () => {
 };
 exports.useActor = useActor;
 const ActorProvider = (_a) => {
-    var { children, canisterId, loadingComponent = react_1.default.createElement("div", null, "Loading...") } = _a, config = __rest(_a, ["children", "canisterId", "loadingComponent"]);
-    const agentManager = (0, agent_1.useAgentManager)();
+    var { children, canisterId, agentContext, loadingComponent = react_1.default.createElement("div", null, "Loading...") } = _a, config = __rest(_a, ["children", "canisterId", "agentContext", "loadingComponent"]);
+    const agentManager = (0, agent_1.useAgentManager)(agentContext);
     const [didJs, setDidJS] = (0, react_1.useState)();
     const [fetching, setFetching] = (0, react_1.useState)(false);
     const fetchDidJs = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {

package/dist/context/agent.d.ts

@@ -1,14 +1,16 @@
 import React, { PropsWithChildren } from "react";
 import { AgentManager, AgentManagerOptions } from "@ic-reactor/store";
 import { getAuthHooks } from "../hooks/auth";
-export type AgentContextType = ReturnType<typeof getAuthHooks> & {
+export type AgentContextValue = ReturnType<typeof getAuthHooks> & {
     agentManager: AgentManager;
 };
-export declare const AgentContext: React.Context<AgentContextType | null>;
-export declare const useAgent: () => AgentContextType;
-export declare const useAgentManager: () => AgentManager;
-interface ReActorProviderProps extends PropsWithChildren, AgentManagerOptions {
+export type AgentContextType = React.Context<AgentContextValue | null>;
+export declare const AgentContext: React.Context<AgentContextValue | null>;
+export declare const useAgent: (agentContext?: AgentContextType) => AgentContextValue;
+export declare const useAgentManager: (agentContext?: AgentContextType) => AgentManager;
+export declare const createAgentContext: (config: AgentManagerOptions) => AgentContextValue;
+interface AgentProviderProps extends PropsWithChildren, AgentManagerOptions {
     agentManager?: AgentManager;
 }
-export declare const AgentProvider: React.FC<ReActorProviderProps>;
+export declare const AgentProvider: React.FC<AgentProviderProps>;
 export {};

package/dist/context/agent.js

@@ -34,34 +34,40 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.AgentProvider = exports.useAgentManager = exports.useAgent = exports.AgentContext = void 0;
+exports.AgentProvider = exports.createAgentContext = exports.useAgentManager = exports.useAgent = exports.AgentContext = void 0;
 const react_1 = __importStar(require("react"));
 const store_1 = require("@ic-reactor/store");
 const auth_1 = require("../hooks/auth");
 exports.AgentContext = (0, react_1.createContext)(null);
-const useAgent = () => {
-    const context = (0, react_1.useContext)(exports.AgentContext);
+const useAgent = (agentContext) => {
+    const context = (0, react_1.useContext)(agentContext || exports.AgentContext);
     if (!context) {
         throw new Error("useAgent must be used within a AgentProvider");
     }
     return context;
 };
 exports.useAgent = useAgent;
-const useAgentManager = () => {
-    const context = (0, react_1.useContext)(exports.AgentContext);
+const useAgentManager = (agentContext) => {
+    const context = (0, react_1.useContext)(agentContext || exports.AgentContext);
     if (!context) {
         throw new Error("useAgentManager must be used within a AgentProvider");
     }
     return context.agentManager;
 };
 exports.useAgentManager = useAgentManager;
+const createAgentContext = (config) => {
+    const agentManager = (0, store_1.createAgentManager)(config);
+    const hooks = (0, auth_1.getAuthHooks)(agentManager);
+    return Object.assign(Object.assign({}, hooks), { agentManager });
+};
+exports.createAgentContext = createAgentContext;
 const AgentProvider = (_a) => {
     var { children } = _a, config = __rest(_a, ["children"]);
-    const agentManager = (0, react_1.useRef)(config.agentManager || (0, store_1.createAgentManager)(config));
-    const hooks = (0, react_1.useMemo)(() => {
-        const hooks = (0, auth_1.getAuthHooks)(agentManager.current);
-        return Object.assign(Object.assign({}, hooks), { agentManager: agentManager.current });
-    }, []);
-    return react_1.default.createElement(exports.AgentContext.Provider, { value: hooks }, children);
+    const value = (0, react_1.useMemo)(() => {
+        const agentManager = config.agentManager || (0, store_1.createAgentManager)(config);
+        const hooks = (0, auth_1.getAuthHooks)(agentManager);
+        return Object.assign(Object.assign({}, hooks), { agentManager });
+    }, [config]);
+    return react_1.default.createElement(exports.AgentContext.Provider, { value: value }, children);
 };
 exports.AgentProvider = AgentProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "A React library for interacting with Dfinity actors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -48,5 +48,5 @@
     "react": ">=16.8",
     "zustand": "4.4"
   },
-  "gitHead": "775be03971c6aea66f44c1d482576e636bf66f2c"
+  "gitHead": "1d79f404bba4f4f8b04fe31dddeacbe18a738036"
 }