@ic-reactor/react 1.16.0 → 2.0.0

package/dist/hooks/useActor.js

@@ -1,24 +1,4 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useActor = void 0;
 const core_1 = require("@ic-reactor/core");
@@ -91,24 +71,24 @@ const agent_1 = require("../context/agent");
  * ```
  */
 const useActor = (config) => {
-    const { canisterId, candidString, idlFactory: maybeIdlFactory, disableAutoFetch } = config, actorConfig = __rest(config, ["canisterId", "candidString", "idlFactory", "disableAutoFetch"]);
+    const { canisterId, candidString, idlFactory: maybeIdlFactory, disableAutoFetch, ...actorConfig } = config;
     if (!canisterId) {
         throw new Error("canisterId is required");
     }
     const [actorManager, setActorManager] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
-        if ((actorManager === null || actorManager === void 0 ? void 0 : actorManager.canisterId) !== canisterId.toString()) {
+        if (actorManager?.canisterId !== canisterId.toString()) {
             setActorManager(null);
         }
-        return actorManager === null || actorManager === void 0 ? void 0 : actorManager.cleanup();
+        return actorManager?.cleanup();
     }, [canisterId, actorManager]);
     const [{ fetching, fetchError }, setState] = (0, react_1.useState)({
         fetching: false,
         fetchError: null,
     });
     const candidAdapter = (0, react_1.useContext)(adapter_1.CandidAdapterContext);
-    const authenticating = (0, agent_1.useAuthState)().authenticating;
-    const fetchCandid = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+    const authenticating = (0, agent_1.useAuthState)().isAuthenticating;
+    const fetchCandid = (0, react_1.useCallback)(async () => {
         if (fetching)
             return;
         setState({
@@ -116,7 +96,10 @@ const useActor = (config) => {
             fetchError: null,
         });
         try {
-            const { idlFactory } = yield candidAdapter.getCandidDefinition(canisterId);
+            if (!candidAdapter) {
+                throw new Error("CandidAdapter is necessary to fetch the Candid interface. Please ensure your application is wrapped with the CandidAdapterProvider, or provide the idlFactory directly.");
+            }
+            const { idlFactory } = await candidAdapter.getCandidDefinition(canisterId);
             setState({
                 fetching: false,
                 fetchError: null,
@@ -130,12 +113,16 @@ const useActor = (config) => {
                 fetchError: `Error fetching canister ${canisterId}`,
                 fetching: false,
             });
+            return undefined;
         }
-    }), [canisterId]);
-    const evaluateCandid = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+    }, [canisterId]);
+    const evaluateCandid = (0, react_1.useCallback)(async () => {
         try {
-            const definition = yield candidAdapter.dynamicEvalJs(candidString);
-            if (typeof (definition === null || definition === void 0 ? void 0 : definition.idlFactory) !== "function") {
+            if (!candidString) {
+                throw new Error("Candid string is required to evaluate the Candid definition");
+            }
+            const definition = await candidAdapter?.evaluateCandidDefinition(candidString);
+            if (typeof definition?.idlFactory !== "function") {
                 throw new Error("Error evaluating Candid definition");
             }
             return definition.idlFactory;
@@ -147,18 +134,23 @@ const useActor = (config) => {
                 fetchError: `Error evaluating Candid definition, ${err}`,
                 fetching: false,
             });
+            return undefined;
         }
-    }), [candidString]);
+    }, [candidString]);
     const agentManager = (0, agent_1.useAgentManager)();
     const initializeActor = (0, react_1.useCallback)((idlFactory, actorReConfig) => {
         if (authenticating || !idlFactory)
             return;
-        const newActorManager = (0, core_1.createActorManager)(Object.assign(Object.assign({ agentManager,
+        const newActorManager = (0, core_1.createActorManager)({
+            agentManager,
             idlFactory,
-            canisterId }, actorConfig), actorReConfig));
+            canisterId,
+            ...actorConfig,
+            ...actorReConfig,
+        });
         setActorManager(newActorManager);
     }, [canisterId, agentManager, authenticating]);
-    const handleActorInitialization = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+    const handleActorInitialization = (0, react_1.useCallback)(async () => {
         if (authenticating)
             return;
         if (maybeIdlFactory) {
@@ -177,15 +169,15 @@ const useActor = (config) => {
         }
         let idlFactory;
         if (candidString) {
-            idlFactory = yield evaluateCandid();
+            idlFactory = await evaluateCandid();
         }
         else {
-            idlFactory = yield fetchCandid();
+            idlFactory = await fetchCandid();
         }
         if (!idlFactory)
             return;
         initializeActor(idlFactory);
-    }), [fetchCandid, evaluateCandid, maybeIdlFactory, initializeActor]);
+    }, [fetchCandid, evaluateCandid, maybeIdlFactory, initializeActor]);
     (0, react_1.useEffect)(() => {
         handleActorInitialization();
     }, [handleActorInitialization]);
@@ -194,6 +186,12 @@ const useActor = (config) => {
             return null;
         return (0, helpers_1.actorHooks)(actorManager);
     }, [actorManager]);
-    return { hooks, authenticating, fetching, fetchError, initializeActor };
+    return {
+        hooks,
+        isAuthenticating: authenticating,
+        isFetching: fetching,
+        fetchError,
+        initializeActor,
+    };
 };
 exports.useActor = useActor;

package/dist/index.js

@@ -18,13 +18,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 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);
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.utils = exports.core = exports.types = exports.helpers = void 0;
 // Note: Order of exports is important

package/dist/types.d.ts

@@ -1,7 +1,6 @@
 import type { HttpAgent, CreateReactorCoreParameters, VisitService } from "@ic-reactor/core/dist/types";
 import type { ActorHooksReturnType, AgentHooksReturnType, AuthHooksReturnType } from "./helpers/types";
-export interface CreateReactorParameters extends CreateReactorCoreParameters {
-}
+export type CreateReactorParameters = CreateReactorCoreParameters;
 export interface CreateReactorReturnType<A> extends ActorHooksReturnType<A>, AuthHooksReturnType, AgentHooksReturnType {
     getAgent: () => HttpAgent;
     getVisitFunction: () => VisitService<A>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "1.16.0",
+  "version": "2.0.0",
   "description": "A React library for interacting with Internet Computer canisters",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,34 +26,27 @@
   },
   "homepage": "https://b3pay.github.io/ic-reactor/modules/react.html",
   "scripts": {
-    "test": "NODE_OPTIONS=\"--experimental-vm-modules\" npx jest",
-    "start": "tsc watch",
-    "build": "tsc",
-    "clean": "npx rimraf dist && npx rimraf umd"
+    "test": "bun test",
+    "start": "bun run tsc watch",
+    "build": "bun run tsc",
+    "clean": "bun run rimraf dist && bun run rimraf umd"
   },
   "engines": {
-    "node": ">=10"
+    "node": ">=22.0.0"
   },
   "dependencies": {
-    "@ic-reactor/core": "^1.16.0",
-    "zustand": "5.0.2",
-    "zustand-utils": "^1.3.2"
+    "@ic-reactor/core": "2.0.0",
+    "zustand": "^5.0.6",
+    "zustand-utils": "^2.1.0"
   },
   "peerDependencies": {
-    "@dfinity/agent": ">=2.1",
-    "@dfinity/auth-client": ">=2.1",
-    "@dfinity/candid": ">=2.1",
-    "@dfinity/identity": ">=2.1",
-    "@dfinity/principal": ">=2.1",
-    "react": ">=16.8",
-    "zustand": ">=5.0.0"
+    "@dfinity/agent": "^3.1.0",
+    "@dfinity/auth-client": "^3.1.0",
+    "@dfinity/candid": "^3.1.0",
+    "@dfinity/identity": "^3.1.0",
+    "@dfinity/principal": "^3.1.0",
+    "react": ">=19.0.0",
+    "zustand": "^5.0.6"
   },
-  "gitHead": "6110fb3f75c7927086d828c912855589e2a33eb3",
-  "devDependencies": {
-    "@dfinity/agent": ">=2.1",
-    "@dfinity/auth-client": ">=2.1",
-    "@types/node": "^22.9.0",
-    "@types/react": "^18",
-    "react": "^18"
-  }
+  "gitHead": "2677a090df726dc4f4216eb406b135a32334507b"
 }