@ic-reactor/react 0.2.5 → 0.2.6

package/README.md

@@ -30,31 +30,35 @@ Here's a simple example to get you started:
 
 First, create an actor declaration file:
 
-```js
-// store.js
-import { canisterId, createActor } from "declaration/actor"
+```ts
+// store.ts
+import { canisterId, idlFactory, actor } from "declaration/actor"
 import { createReActor } from "@ic-reactor/core"
 
-export const { useQueryCall, useUpdateCall } = createReActor((agent) =>
-  createActor(canisterId, { agent })
-)
+type Actor = typeof actor
+
+export const { useActorStore, useQueryCall } = createReActor<Actor>({
+  canisterId: "rrkah-fqaaa-aaaaa-aaaaq-cai",
+  idlFactory,
+  host: "https://localhost:4943",
+})
 ```
 
 Then, use the `useQueryCall` hook to call your canister method:
 
 ```jsx
-// Balance.jsx
+// Balance.tsx
 import { useQueryCall } from "./store"
 
 const Balance = ({ principal }) => {
-  const { recall, data, loading, error } = useQueryCall({
+  const { call, data, loading, error } = useQueryCall({
     functionName: "get_balance",
     args: [principal],
   })
 
   return (
     <div>
-      <button onClick={() => recall()} disabled={loading}>
+      <button onClick={() => call()} disabled={loading}>
         {loading ? "Loading..." : "Refresh"}
       </button>
       {loading && <p>Loading...</p>}

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export declare const createReActor: <A extends unknown>(options: ReActorOptions)
     useMethodFields: () => import("@ic-reactor/store").ReActorMethodField<A>[];
     useMethodField: (functionName: keyof A & string) => import("@ic-reactor/store").ReActorMethodField<A> | undefined;
     useActorStore: () => {
-        initialize: (agentOptions?: import("@dfinity/agent").HttpAgentOptions | undefined, identity?: import("@ic-reactor/store").Identity | undefined) => void;
+        initialize: (agentOptions?: import("@dfinity/agent").HttpAgentOptions | undefined, identity?: import("@ic-reactor/store").Identity | undefined) => Promise<void>;
         actor: A | null;
         initialized: boolean;
         initializing: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ic-reactor/react",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "A React library for interacting with Dfinity actors",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -35,7 +35,7 @@
     "node": ">=10"
   },
   "dependencies": {
-    "@ic-reactor/store": "^0.2.4",
+    "@ic-reactor/store": "^0.2.5",
     "zustand-utils": "^1.3"
   },
   "peerDependencies": {
@@ -48,5 +48,5 @@
     "react": ">=16.8",
     "zustand": "4.4"
   },
-  "gitHead": "f83283cf69e6343274c4daadf8f84aace33af869"
+  "gitHead": "abd0749e41ce35c4cc213093a6030128330fbf28"
 }