@ic-reactor/react 0.1.1 → 0.2.0

package/README.md

@@ -35,21 +35,11 @@ First, create an actor declaration file:
 import { canisterId, createActor } from "declaration/actor"
 import { createReActor } from "@ic-reactor/core"
 
-export const { ReActorProvider, useQueryCall } = createReActor((agent) =>
+export const { useQueryCall, useUpdateCall } = createReActor((agent) =>
   createActor(canisterId, { agent })
 )
 ```
 
-Wrap your app with the `ReActorProvider` component:
-
-```jsx
-// App.jsx
-
-<ReActorProvider>
-  <Balance principal={principal} />
-</ReActorProvider>
-```
-
 Then, use the `useQueryCall` hook to call your canister method:
 
 ```jsx
@@ -81,10 +71,11 @@ export default Balance
 
 The library provides various hooks and utilities for interacting with IC actors:
 
+- `useActorStore`: Hook for managing actor states.
+- `useAuthStore` Hook for managing authentication states.
+- `useAuthClient`: Hook for managing authentication with the IC blockchain.
 - `useQueryCall`: Hook for querying data from an actor.
 - `useUpdateCall`: Hook for updating data in an actor.
-- `useReActor`: Hook to access the global actor state.
-- `ReActorProvider`: React context provider for ReActor state.
 - Additional hooks for handling loading, errors, authentication, and more.
 
 For detailed API usage and options, please refer to the [documentation](#).
@@ -96,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/index.d.ts

@@ -1,9 +1,15 @@
-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>;
+    };
     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;
@@ -21,7 +27,7 @@ export declare const createReActor: <A extends unknown>(actorInitializer: (agent
         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,17 @@ 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 isLocal = (process === null || process === void 0 ? void 0 : process.env.NODE_ENV) === "development" ||
+    (process === null || process === void 0 ? void 0 : process.env.DFX_NETWORK) === "local";
+const createReActor = (options) => {
+    const { callMethod, unsubscribe, initialize, authenticate, authStore, actorStore, } = (0, store_1.createReActorStore)(Object.assign(Object.assign({ isLocal }, options), { initializeOnMount: false }));
     const useActorStore = () => {
         const actorState = (0, zustand_1.useStore)(actorStore, (state) => state);
-        return actorState;
+        (0, react_1.useEffect)(() => {
+            initialize();
+            return unsubscribe;
+        }, []);
+        return Object.assign(Object.assign({}, actorState), { initialize });
     };
     const useAuthStore = () => {
         const authState = (0, zustand_1.useStore)(authStore, (state) => state);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "description": "A React library for interacting with Dfinity actors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -40,7 +40,7 @@
     "@dfinity/candid": "0.20",
     "@dfinity/identity": "^0.20",
     "@dfinity/principal": "^0.20",
-    "@ic-reactor/store": "^0.1.1",
+    "@ic-reactor/store": "^0.2.0",
     "zustand": "4.4",
     "zustand-utils": "^1.3"
   },
@@ -48,5 +48,5 @@
     "@peculiar/webcrypto": "1.4",
     "react": ">=16.8"
   },
-  "gitHead": "4e63567f41291e0368febc1e19d9eda570828d67"
+  "gitHead": "8499f295b9e20d1dc12bd4f0a33927bfce54c23a"
 }