@ic-reactor/react 0.1.2 → 0.2.1

package/README.md

@@ -87,7 +87,3 @@ Contributions to `@ic-reactor/react` are welcome! Please read our [contributing
 ## License
 
 `@ic-reactor/react` is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
-
----
-
-This README provides a foundational overview of your package. You should expand it with more detailed documentation, examples, and links to additional resources or documentation as needed. Replace placeholders with actual information and links relevant to your project.

package/dist/hooks.d.ts

@@ -1,16 +1,18 @@
-import { CallMethod, ExtractReActorMethodArgs } from "@ic-reactor/store";
+import { CallMethod, ExtractReActorMethodArgs, ReActorActorStore, ReActorMethodField } from "@ic-reactor/store";
 import { ReActorUseQueryArgs, ReActorUseUpdateArgs } from "./types";
-export declare const getCallHooks: <A extends unknown>(callMethod: CallMethod<A>) => {
+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;
         error: Error | undefined;
         loading: boolean;
-        recall: (replaceArgs?: ExtractReActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined>;
+        field: ReActorMethodField<A> | undefined;
+        call: (replaceArgs?: ExtractReActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined>;
     };
     useUpdateCall: <M_1 extends keyof A>(args: ReActorUseUpdateArgs<A, M_1>) => {
         data: import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M_1]> | undefined;
         error: Error | undefined;
         loading: boolean;
         call: (replaceArgs?: ExtractReActorMethodArgs<A[M_1]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M_1]> | undefined>;
+        field: ReActorMethodField<A> | undefined;
     };
 };

package/dist/hooks.js

@@ -22,7 +22,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getCallHooks = void 0;
 const react_1 = require("react");
-const getCallHooks = (callMethod) => {
+function findFieldByFunctionName(methodFields, functionName) {
+    return methodFields.find((f) => f.functionName === functionName);
+}
+const getCallHooks = (callMethod, actorStore) => {
+    const { methodFields } = actorStore.getState();
     const useReActorCall = ({ onError, onSuccess, onLoading, args = [], functionName, }) => {
         const [state, setState] = (0, react_1.useState)({
             data: undefined,
@@ -47,28 +51,29 @@ const getCallHooks = (callMethod) => {
                 setState((prevState) => (Object.assign(Object.assign({}, prevState), { error: error, loading: false })));
             }
         }), [args, functionName, onError, onSuccess, onLoading]);
-        return Object.assign({ call }, state);
+        const field = (0, react_1.useRef)(findFieldByFunctionName(methodFields, functionName));
+        return Object.assign({ call, field: field.current }, state);
     };
     const useQueryCall = (_a) => {
         var { autoRefresh, refreshInterval = 5000, disableInitialCall } = _a, rest = __rest(_a, ["autoRefresh", "refreshInterval", "disableInitialCall"]);
-        const _b = useReActorCall(rest), { call: recall } = _b, state = __rest(_b, ["call"]);
+        const _b = useReActorCall(rest), { call } = _b, state = __rest(_b, ["call"]);
         let intervalId = (0, react_1.useRef)(undefined);
         (0, react_1.useEffect)(() => {
             // Auto-refresh logic
             if (autoRefresh) {
                 intervalId.current = setInterval(() => {
-                    recall();
+                    call();
                 }, refreshInterval);
             }
             // Initial call logic
             if (!disableInitialCall) {
-                recall();
+                call();
             }
             return () => {
                 clearInterval(intervalId.current);
             };
         }, [disableInitialCall, autoRefresh, refreshInterval]);
-        return Object.assign({ recall }, state);
+        return Object.assign({ call }, state);
     };
     const useUpdateCall = (args) => {
         return useReActorCall(args);

package/dist/index.d.ts

@@ -1,27 +1,36 @@
-import type { HttpAgent } from "@dfinity/agent";
 import { AuthClientLoginOptions } from "@dfinity/auth-client";
 import type { ActorSubclass, ReActorAuthStore, ReActorOptions } from "@ic-reactor/store";
 export type ReActorContextType<A = ActorSubclass<any>> = ReActorAuthStore<A>;
-export declare const createReActor: <A extends unknown>(actorInitializer: (agent: HttpAgent) => A, options?: ReActorOptions) => {
-    useActorStore: () => import("@ic-reactor/store").ReActorActorState<A>;
+export declare const createReActor: <A extends unknown>(options: ReActorOptions) => {
+    useActorStore: () => {
+        initialize: (agentOptions?: import("@dfinity/agent").HttpAgentOptions | undefined, identity?: import("@ic-reactor/store").Identity | undefined) => void;
+        actor: A | null;
+        initialized: boolean;
+        initializing: boolean;
+        error: Error | undefined;
+        methodState: import("@ic-reactor/store").ReActorMethodStates<A>;
+        methodFields: import("@ic-reactor/store").ReActorMethodField<A>[];
+    };
     useAuthStore: () => import("@ic-reactor/store").ReActorAuthState<A>;
     useQueryCall: <M extends keyof A>({ autoRefresh, refreshInterval, disableInitialCall, ...rest }: import("./types").ReActorUseQueryArgs<A, M>) => {
         data: import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined;
         error: Error | undefined;
         loading: boolean;
-        recall: (replaceArgs?: import("@ic-reactor/store").ExtractReActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined>;
+        field: import("@ic-reactor/store").ReActorMethodField<A> | undefined;
+        call: (replaceArgs?: import("@ic-reactor/store").ExtractReActorMethodArgs<A[M]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M]> | undefined>;
     };
     useUpdateCall: <M_1 extends keyof A>(args: import("./types").ReActorUseUpdateArgs<A, M_1>) => {
         data: import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M_1]> | undefined;
         error: Error | undefined;
         loading: boolean;
         call: (replaceArgs?: import("@ic-reactor/store").ExtractReActorMethodArgs<A[M_1]> | undefined) => Promise<import("@ic-reactor/store").ExtractReActorMethodReturnType<A[M_1]> | undefined>;
+        field: import("@ic-reactor/store").ReActorMethodField<A> | undefined;
     };
     useAuthClient: () => {
         authClient: import("@dfinity/auth-client").AuthClient | null;
         authenticated: boolean;
         authenticating: boolean;
-        identity: import("@dfinity/agent").Identity | null;
+        identity: import("@ic-reactor/store").Identity | null;
         login: (options?: AuthClientLoginOptions) => Promise<void>;
         logout: (options?: {
             returnTo?: string;

package/dist/index.js

@@ -14,18 +14,14 @@ const store_1 = require("@ic-reactor/store");
 const react_1 = require("react");
 const zustand_1 = require("zustand");
 const hooks_1 = require("./hooks");
-const defaultCreateReActorOptions = {
-    initializeOnMount: true,
-    host: (process === null || process === void 0 ? void 0 : process.env.NODE_ENV) === "production" || (process === null || process === void 0 ? void 0 : process.env.DFX_NETWORK) === "ic"
-        ? "https://icp-api.io"
-        : "http://localhost:4943",
-};
-const createReActor = (actorInitializer, options = {}) => {
-    const optionsWithDefaults = Object.assign(Object.assign({}, defaultCreateReActorOptions), options);
-    const { callMethod, authenticate, authStore, actorStore } = (0, store_1.createReActorStore)((agent) => actorInitializer(agent), optionsWithDefaults);
+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 useActorStore = () => {
         const actorState = (0, zustand_1.useStore)(actorStore, (state) => state);
-        return actorState;
+        return Object.assign(Object.assign({}, actorState), { initialize });
     };
     const useAuthStore = () => {
         const authState = (0, zustand_1.useStore)(authStore, (state) => state);
@@ -77,7 +73,7 @@ const createReActor = (actorInitializer, options = {}) => {
             loginError,
         };
     };
-    const { useQueryCall, useUpdateCall } = (0, hooks_1.getCallHooks)(callMethod);
+    const { useQueryCall, useUpdateCall } = (0, hooks_1.getCallHooks)(callMethod, actorStore);
     return {
         useActorStore,
         useAuthStore,

package/dist/types.d.ts

@@ -1,6 +1,6 @@
 import { ExtractReActorMethodArgs, ExtractReActorMethodReturnType } from "@ic-reactor/store";
 export type ReActorCallArgs<A, M extends keyof A> = {
-    functionName: M;
+    functionName: M & string;
     args?: ExtractReActorMethodArgs<A[M]>;
     onLoading?: (loading: boolean) => void;
     onError?: (error: Error | unknown) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "0.1.2",
+  "version": "0.2.1",
   "description": "A React library for interacting with Dfinity actors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,25 +28,25 @@
   "scripts": {
     "test": "npx jest",
     "start": "tsc watch",
-    "build": "npx tsc",
-    "clean": "rimraf dist"
+    "build": "npx rimraf dist && npx tsc",
+    "clean": "npx rimraf dist"
   },
   "engines": {
     "node": ">=10"
   },
   "dependencies": {
+    "@ic-reactor/store": "^0.2.1",
+    "zustand-utils": "^1.3"
+  },
+  "peerDependencies": {
     "@dfinity/agent": "^0.20",
     "@dfinity/auth-client": "^0.20",
     "@dfinity/candid": "0.20",
     "@dfinity/identity": "^0.20",
     "@dfinity/principal": "^0.20",
-    "@ic-reactor/store": "^0.1.2",
-    "zustand": "4.4",
-    "zustand-utils": "^1.3"
-  },
-  "peerDependencies": {
     "@peculiar/webcrypto": "1.4",
-    "react": ">=16.8"
+    "react": ">=16.8",
+    "zustand": "4.4"
   },
-  "gitHead": "6710ddba717421913c2a9765e7c626fea204e2e7"
+  "gitHead": "fcc3b98a8d2f1590a7631225eaec246c231b1815"
 }