@ic-reactor/react 1.6.0-beta.0 → 1.6.0-beta.2

package/dist/context/actor/index.js

@@ -82,13 +82,12 @@ function createActorContext(contextConfig = {}) {
     const { canisterId: defaultCanisterId } = contextConfig, defaultConfig = __rest(contextConfig, ["canisterId"]);
     const ActorContext = react_1.default.createContext(null);
     const ActorProvider = (_a) => {
-        var { children, canisterId = defaultCanisterId, loadingComponent = react_1.default.createElement("div", null, "Fetching canister..."), authenticatingComponent = react_1.default.createElement("div", null, "Authenticating..."), candidString } = _a, restConfig = __rest(_a, ["children", "canisterId", "loadingComponent", "authenticatingComponent", "candidString"]);
+        var { children, canisterId = defaultCanisterId, loadingComponent = react_1.default.createElement("div", null, "Fetching canister..."), authenticatingComponent = react_1.default.createElement("div", null, "Authenticating...") } = _a, restConfig = __rest(_a, ["children", "canisterId", "loadingComponent", "authenticatingComponent"]);
         if (!canisterId) {
             throw new Error("canisterId is required");
         }
         const config = react_1.default.useMemo(() => (Object.assign(Object.assign({}, defaultConfig), restConfig)), [defaultConfig, restConfig]);
-        const { fetchError, authenticating, hooks } = (0, useActor_1.useActor)(Object.assign({ canisterId,
-            candidString }, config));
+        const { fetchError, authenticating, hooks } = (0, useActor_1.useActor)(Object.assign({ canisterId }, config));
         return (react_1.default.createElement(ActorContext.Provider, { value: hooks }, hooks === null
             ? fetchError
                 ? fetchError

package/dist/context/actor/types.d.ts

@@ -13,5 +13,4 @@ export interface CreateActorContextParameters extends Omit<ActorManagerParameter
     didjsId?: string;
     canisterId?: CanisterId;
     idlFactory?: IDL.InterfaceFactory;
-    initializeParser?: boolean;
 }

package/dist/context/adapter/types.d.ts

@@ -5,6 +5,6 @@ export type { CandidAdapter };
 export interface CandidAdapterContextType extends CandidAdapter {
 }
 export interface CandidAdapterProviderProps extends PropsWithChildren, CandidAdapterParameters {
-    initialParser?: boolean;
+    withParser?: boolean;
     loadingComponent?: React.ReactNode;
 }

package/dist/hooks/useActor.js

@@ -108,7 +108,7 @@ const useActor = (config) => {
     const candidAdapter = (0, useCandidAdapter_1.useCandidAdapter)();
     const authenticating = (0, agent_1.useAuthState)().authenticating;
     const fetchCandid = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (fetching || authenticating || !candidAdapter)
+        if (fetching)
             return;
         setState({
             fetching: true,
@@ -130,20 +130,8 @@ const useActor = (config) => {
                 fetching: false,
             });
         }
-    }), [canisterId, candidAdapter, authenticating]);
-    const agentManager = (0, useAgentManager_1.useAgentManager)();
-    const initialActorManager = (0, react_1.useCallback)((idlFactory) => {
-        if (authenticating || !idlFactory)
-            return;
-        const actorManager = (0, core_1.createActorManager)(Object.assign({ agentManager,
-            idlFactory,
-            canisterId }, actorConfig));
-        setActorManager(actorManager);
-    }, [canisterId, agentManager, authenticating]);
-    const evaluateCandid = (0, react_1.useCallback)((candidString) => __awaiter(void 0, void 0, void 0, function* () {
-        if (!candidAdapter) {
-            return;
-        }
+    }), [canisterId]);
+    const evaluateCandid = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
         try {
             const definition = yield candidAdapter.dynamicEvalJs(candidString);
             if (typeof (definition === null || definition === void 0 ? void 0 : definition.idlFactory) !== "function") {
@@ -159,30 +147,34 @@ const useActor = (config) => {
                 fetching: false,
             });
         }
-    }), [candidAdapter]);
+    }), [candidString]);
+    const agentManager = (0, useAgentManager_1.useAgentManager)();
+    const initialActorManager = (0, react_1.useCallback)((idlFactory) => {
+        if (authenticating || !idlFactory)
+            return;
+        const actorManager = (0, core_1.createActorManager)(Object.assign({ agentManager,
+            idlFactory,
+            canisterId }, actorConfig));
+        setActorManager(actorManager);
+    }, [canisterId, agentManager, authenticating]);
     const handleActorInitialization = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (authenticating)
+            return;
         if (maybeIdlFactory) {
-            return initialActorManager(maybeIdlFactory);
+            initialActorManager(maybeIdlFactory);
+            return;
         }
         if (!candidAdapter) {
-            throw new Error("CandidAdapter is not available, make sure you have wrapped your component with CandidAdapterProvider");
+            throw new Error("CandidAdapter is necessary to fetch the Candid interface. Please ensure your application is wrapped with the CandidAdapterProvider!");
         }
-        try {
-            if (candidString) {
-                const idlFactory = yield evaluateCandid(candidString);
-                return initialActorManager(idlFactory);
-            }
-            const idlFactory = yield fetchCandid();
-            return initialActorManager(idlFactory);
+        let idlFactory;
+        if (candidString) {
+            idlFactory = yield evaluateCandid();
         }
-        catch (error) {
-            // eslint-disable-next-line no-console
-            console.error(error);
-            setState({
-                fetchError: "Error occurred during actor initialization",
-                fetching: false,
-            });
+        else {
+            idlFactory = yield fetchCandid();
         }
+        initialActorManager(idlFactory);
     }), [fetchCandid, evaluateCandid, maybeIdlFactory, initialActorManager]);
     (0, react_1.useEffect)(() => {
         handleActorInitialization();

package/dist/provider/adapter.d.ts

@@ -1,31 +1,26 @@
 import React from "react";
 import { CandidAdapterProviderProps } from "../context/types";
 /**
- * `CandidAdapterProvider` is a React functional component that serves as a context provider for IC agent and authentication hooks.
- * It enables any child components to access and use the agent and authentication functionalities seamlessly.
- *
- * The provider encapsulates the logic for initializing and managing an agent manager instance, which is then used to
- * create various hooks related to agent operations and authentication processes. These hooks are made available to all
- * child components through the context, facilitating a centralized and efficient way to interact with the Internet Computer (IC) blockchain.
- *
- * @param children - Child components that can consume the context.
- * @param agentManager - An optional `AgentManager` instance to be used by the provider. If not provided, a new instance
- *                       will be created based on the provided options combined with default configuration.
- * @param options - Configuration options for the `AgentManager`. These options are merged with any default configurations
- *                  specified during the context creation and can include custom settings for the agent, such as identity,
- *                  host URL, etc.
+ * `CandidAdapterProvider` is a React component that provides the CandidAdapter to its children.
+ * It initializes the CandidAdapter with the provided options and makes it available to all children.
  *
  * @example
- * Wrap your component tree with `CandidAdapterProvider` to provide all child components access to IC agent and authentication hooks.
+ * ```tsx
+ * import { AgentProvider, CandidAdapterProvider, ActorProvider } from "@ic-reactor/react"
  *
- * ```jsx
- * <CandidAdapterProvider>
- *   <YourComponent />
- * </CandidAdapterProvider>
- * ```
+ * const App = () => (
+ *  <AgentProvider>
+ *    <CandidAdapterProvider>
+ *       Your Actors here, it will able to fetch the Candid interface
+ *       you dont need to pass the idlFactory to the Actor component
+ *       e.g.
+ *      <ActorProvider canisterId="ryjl3-tyaaa-aaaaa-aaaba-cai" />
+ *    </CandidAdapterProvider>
+ *  </AgentProvider>
+ * )
  *
- * Inside `YourComponent` or any of its children, you can use the hooks provided through the context to interact with the IC,
- * manage authentication, and perform other agent-related tasks.
+ * export default App
+ * ```
  */
 declare const CandidAdapterProvider: React.FC<CandidAdapterProviderProps>;
 export { CandidAdapterProvider };

package/dist/provider/adapter.js

@@ -20,41 +20,39 @@ const core_1 = require("@ic-reactor/core");
 const adapter_1 = require("../context/adapter");
 const hooks_1 = require("../hooks");
 /**
- * `CandidAdapterProvider` is a React functional component that serves as a context provider for IC agent and authentication hooks.
- * It enables any child components to access and use the agent and authentication functionalities seamlessly.
- *
- * The provider encapsulates the logic for initializing and managing an agent manager instance, which is then used to
- * create various hooks related to agent operations and authentication processes. These hooks are made available to all
- * child components through the context, facilitating a centralized and efficient way to interact with the Internet Computer (IC) blockchain.
- *
- * @param children - Child components that can consume the context.
- * @param agentManager - An optional `AgentManager` instance to be used by the provider. If not provided, a new instance
- *                       will be created based on the provided options combined with default configuration.
- * @param options - Configuration options for the `AgentManager`. These options are merged with any default configurations
- *                  specified during the context creation and can include custom settings for the agent, such as identity,
- *                  host URL, etc.
+ * `CandidAdapterProvider` is a React component that provides the CandidAdapter to its children.
+ * It initializes the CandidAdapter with the provided options and makes it available to all children.
  *
  * @example
- * Wrap your component tree with `CandidAdapterProvider` to provide all child components access to IC agent and authentication hooks.
+ * ```tsx
+ * import { AgentProvider, CandidAdapterProvider, ActorProvider } from "@ic-reactor/react"
  *
- * ```jsx
- * <CandidAdapterProvider>
- *   <YourComponent />
- * </CandidAdapterProvider>
- * ```
+ * const App = () => (
+ *  <AgentProvider>
+ *    <CandidAdapterProvider>
+ *       Your Actors here, it will able to fetch the Candid interface
+ *       you dont need to pass the idlFactory to the Actor component
+ *       e.g.
+ *      <ActorProvider canisterId="ryjl3-tyaaa-aaaaa-aaaba-cai" />
+ *    </CandidAdapterProvider>
+ *  </AgentProvider>
+ * )
  *
- * Inside `YourComponent` or any of its children, you can use the hooks provided through the context to interact with the IC,
- * manage authentication, and perform other agent-related tasks.
+ * export default App
+ * ```
  */
 const CandidAdapterProvider = (_a) => {
-    var { children, initialParser, loadingComponent = react_1.default.createElement("div", null, "Loading...") } = _a, options = __rest(_a, ["children", "initialParser", "loadingComponent"]);
+    var { children, withParser, loadingComponent = react_1.default.createElement("div", null, "Loading Parser..."), didjsCanisterId } = _a, options = __rest(_a, ["children", "withParser", "loadingComponent", "didjsCanisterId"]);
     const [initalized, setInitialized] = react_1.default.useState(false);
     const agentManager = (0, hooks_1.useAgentManager)();
-    const candidAdapter = react_1.default.useMemo(() => (0, core_1.createCandidAdapter)(Object.assign({ agentManager }, options)), [options, agentManager]);
+    const candidAdapter = react_1.default.useMemo(() => (0, core_1.createCandidAdapter)(Object.assign({ agentManager, didjsCanisterId }, options)), [didjsCanisterId, agentManager]);
     react_1.default.useEffect(() => {
-        if (initialParser) {
+        if (withParser) {
             candidAdapter.initializeParser().then(() => setInitialized(true));
         }
+        else {
+            setInitialized(true);
+        }
     }, []);
     return (react_1.default.createElement(adapter_1.CandidAdapterContext.Provider, { value: candidAdapter }, initalized ? children : loadingComponent));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "1.6.0-beta.0",
+  "version": "1.6.0-beta.2",
   "description": "A React library for interacting with Internet Computer canisters",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,7 +35,7 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@ic-reactor/core": "^1.6.0-beta.0",
+    "@ic-reactor/core": "^1.6.0-beta.2",
     "zustand-utils": "^1.3"
   },
   "peerDependencies": {
@@ -47,5 +47,5 @@
     "react": ">=16.8",
     "zustand": "4.5"
   },
-  "gitHead": "4911f0639b420406550150f789f34ecf3e6167c1"
+  "gitHead": "87e86273dfec57470aa0aca55fd476302b2a8d02"
 }