@ic-reactor/react 1.6.0-beta.6 → 1.6.0-beta.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/context/actor/index.d.ts +3 -3
- package/dist/context/actor/index.js +1 -1
- package/dist/context/adapter/index.d.ts +2 -7
- package/dist/context/adapter/index.js +44 -7
- package/dist/context/adapter/types.d.ts +7 -0
- package/dist/context/agent/types.d.ts +1 -1
- package/dist/context/index.d.ts +2 -2
- package/dist/context/index.js +2 -2
- package/dist/helpers/actorHooks.js +1 -1
- package/dist/helpers/authHooks.js +10 -7
- package/dist/helpers/extractActorContext.d.ts +1 -1
- package/dist/helpers/extractActorContext.js +0 -25
- package/dist/helpers/types.d.ts +2 -3
- package/dist/hooks/actor/hooks.d.ts +2 -1
- package/dist/hooks/actor/hooks.js +2 -2
- package/dist/hooks/actor/index.d.ts +3 -3
- package/dist/hooks/actor/index.js +3 -3
- package/dist/hooks/actor/useActorInterface.js +5 -2
- package/dist/hooks/actor/useActorState.js +5 -2
- package/dist/hooks/actor/useMethod.d.ts +2 -1
- package/dist/hooks/actor/useMethod.js +8 -2
- package/dist/hooks/actor/useMethodAttributes.d.ts +1 -1
- package/dist/hooks/actor/useMethodAttributes.js +5 -2
- package/dist/hooks/actor/useMethodNames.d.ts +1 -1
- package/dist/hooks/actor/useMethodNames.js +5 -2
- package/dist/hooks/actor/useQueryCall.js +5 -2
- package/dist/hooks/actor/useUpdateCall.d.ts +1 -1
- package/dist/hooks/actor/useUpdateCall.js +5 -2
- package/dist/hooks/actor/useVisitMethod.d.ts +1 -1
- package/dist/hooks/actor/useVisitMethod.js +5 -2
- package/dist/hooks/actor/useVisitService.d.ts +1 -1
- package/dist/hooks/actor/useVisitService.js +5 -2
- package/dist/hooks/adapter/hooks.d.ts +2 -0
- package/dist/hooks/adapter/hooks.js +5 -0
- package/dist/hooks/adapter/index.d.ts +1 -1
- package/dist/hooks/adapter/index.js +15 -3
- package/dist/hooks/adapter/useCandidAdapter.d.ts +1 -1
- package/dist/hooks/adapter/useCandidAdapter.js +2 -7
- package/dist/hooks/agent/hooks.d.ts +2 -1
- package/dist/hooks/agent/hooks.js +2 -2
- package/dist/hooks/agent/index.d.ts +0 -1
- package/dist/hooks/agent/index.js +0 -1
- package/dist/hooks/agent/useAgent.js +5 -2
- package/dist/hooks/agent/useAgentManager.js +5 -2
- package/dist/hooks/agent/useAgentState.js +5 -2
- package/dist/hooks/agent/useAuth.js +5 -2
- package/dist/hooks/agent/useAuthState.js +5 -2
- package/dist/hooks/agent/useUserPrincipal.js +5 -2
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/types.d.ts +1 -3
- package/dist/hooks/types.js +0 -15
- package/dist/hooks/useActor.d.ts +5 -3
- package/dist/hooks/useActor.js +5 -3
- package/dist/index.d.ts +2 -4
- package/dist/index.js +3 -4
- package/dist/provider/actor.d.ts +1 -1
- package/dist/provider/actor.js +6 -3
- package/dist/provider/adapter.d.ts +2 -4
- package/dist/provider/adapter.js +2 -32
- package/dist/provider/agent.d.ts +3 -3
- package/dist/provider/agent.js +8 -5
- package/dist/provider/index.d.ts +3 -0
- package/dist/provider/index.js +19 -0
- package/package.json +6 -5
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BaseActor } from "../../types";
|
|
2
|
-
import { CreateActorContextParameters, CreateActorContextReturnType } from "./types";
|
|
1
|
+
import type { BaseActor } from "../../types";
|
|
2
|
+
import type { CreateActorContextParameters, CreateActorContextReturnType } from "./types";
|
|
3
3
|
/**
|
|
4
4
|
* Creates a React context specifically designed for managing the state and interactions with an actor on the Internet Computer (IC) blockchain.
|
|
5
5
|
* This context facilitates the dynamic creation and management of IC actors within React applications, leveraging the provided configuration options.
|
|
@@ -21,7 +21,7 @@ import { CreateActorContextParameters, CreateActorContextReturnType } from "./ty
|
|
|
21
21
|
* // Initialize the actor context with configuration options
|
|
22
22
|
* const { ActorProvider, useActorState, useQueryCall, useUpdateCall } = createActorContext<typeof backend>({
|
|
23
23
|
* canisterId,
|
|
24
|
-
* idlFactory, // Optional
|
|
24
|
+
* idlFactory, // Optional, wrap the ActorProvider with CandidAdapterProvider
|
|
25
25
|
* });
|
|
26
26
|
*
|
|
27
27
|
* // A sample component that utilizes the actor context
|
|
@@ -39,7 +39,7 @@ const extractActorContext_1 = require("../../helpers/extractActorContext");
|
|
|
39
39
|
* // Initialize the actor context with configuration options
|
|
40
40
|
* const { ActorProvider, useActorState, useQueryCall, useUpdateCall } = createActorContext<typeof backend>({
|
|
41
41
|
* canisterId,
|
|
42
|
-
* idlFactory, // Optional
|
|
42
|
+
* idlFactory, // Optional, wrap the ActorProvider with CandidAdapterProvider
|
|
43
43
|
* });
|
|
44
44
|
*
|
|
45
45
|
* // A sample component that utilizes the actor context
|
|
@@ -1,7 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Adapter context for the Candid adapter.
|
|
5
|
-
*/
|
|
6
|
-
declare const CandidAdapterContext: React.Context<CandidAdapterContextType | null>;
|
|
7
|
-
export { CandidAdapterContext };
|
|
1
|
+
import type { CreateCandidAdapterCotextParameters, CreateCandidAdapterContextReturnType } from "./types";
|
|
2
|
+
export declare const createAdapterContext: (config?: CreateCandidAdapterCotextParameters) => CreateCandidAdapterContextReturnType;
|
|
@@ -1,13 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
5
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
17
|
+
exports.createAdapterContext = void 0;
|
|
7
18
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
|
|
19
|
+
const hooks_1 = require("../../hooks");
|
|
20
|
+
const core_1 = require("@ic-reactor/core");
|
|
21
|
+
const createAdapterContext = (config = {}) => {
|
|
22
|
+
const { withParser: _withParser, didjsCanisterId: _didjsCanisterId } = config, defaultConfig = __rest(config, ["withParser", "didjsCanisterId"]);
|
|
23
|
+
const CandidAdapterContext = react_1.default.createContext(null);
|
|
24
|
+
const useCandidAdapter = () => {
|
|
25
|
+
const candidAdapter = react_1.default.useContext(CandidAdapterContext);
|
|
26
|
+
return candidAdapter;
|
|
27
|
+
};
|
|
28
|
+
const CandidAdapterProvider = (_a) => {
|
|
29
|
+
var { children, withParser = _withParser, loadingComponent = react_1.default.createElement("div", null, "Loading Parser..."), didjsCanisterId = _didjsCanisterId } = _a, restConfig = __rest(_a, ["children", "withParser", "loadingComponent", "didjsCanisterId"]);
|
|
30
|
+
const config = react_1.default.useMemo(() => (Object.assign(Object.assign({}, defaultConfig), restConfig)), [defaultConfig, restConfig]);
|
|
31
|
+
const [initalized, setInitialized] = react_1.default.useState(false);
|
|
32
|
+
const agentManager = (0, hooks_1.useAgentManager)();
|
|
33
|
+
const candidAdapter = react_1.default.useMemo(() => (0, core_1.createCandidAdapter)(Object.assign({ agentManager, didjsCanisterId }, config)), [didjsCanisterId, agentManager]);
|
|
34
|
+
react_1.default.useEffect(() => {
|
|
35
|
+
if (withParser) {
|
|
36
|
+
candidAdapter.initializeParser().then(() => setInitialized(true));
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
setInitialized(true);
|
|
40
|
+
}
|
|
41
|
+
}, []);
|
|
42
|
+
return (react_1.default.createElement(CandidAdapterContext.Provider, { value: candidAdapter }, initalized ? children : loadingComponent));
|
|
43
|
+
};
|
|
44
|
+
CandidAdapterProvider.displayName = "CandidAdapterProvider";
|
|
45
|
+
return {
|
|
46
|
+
useCandidAdapter,
|
|
47
|
+
CandidAdapterProvider,
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
exports.createAdapterContext = createAdapterContext;
|
|
@@ -8,3 +8,10 @@ export interface CandidAdapterProviderProps extends PropsWithChildren, CandidAda
|
|
|
8
8
|
withParser?: boolean;
|
|
9
9
|
loadingComponent?: React.ReactNode;
|
|
10
10
|
}
|
|
11
|
+
export interface CreateCandidAdapterCotextParameters extends CandidAdapterParameters {
|
|
12
|
+
withParser?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export interface CreateCandidAdapterContextReturnType {
|
|
15
|
+
useCandidAdapter: () => CandidAdapter;
|
|
16
|
+
CandidAdapterProvider: React.FC<CandidAdapterProviderProps>;
|
|
17
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { AgentHooksReturnType, AuthHooksReturnType, AgentManager, AgentManagerParameters } from "../../types";
|
|
2
1
|
import type { PropsWithChildren } from "react";
|
|
2
|
+
import type { AgentHooksReturnType, AuthHooksReturnType, AgentManager, AgentManagerParameters } from "../../types";
|
|
3
3
|
export interface AgentContext extends AgentHooksReturnType, AuthHooksReturnType {
|
|
4
4
|
agentManager: AgentManager;
|
|
5
5
|
}
|
package/dist/context/index.d.ts
CHANGED
package/dist/context/index.js
CHANGED
|
@@ -14,6 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./agent"), exports);
|
|
18
|
-
__exportStar(require("./actor"), exports);
|
|
19
17
|
__exportStar(require("./adapter"), exports);
|
|
18
|
+
__exportStar(require("./actor"), exports);
|
|
19
|
+
__exportStar(require("./agent"), exports);
|
|
@@ -46,8 +46,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
46
46
|
exports.actorHooks = void 0;
|
|
47
47
|
const React = __importStar(require("react"));
|
|
48
48
|
const zustand_1 = require("zustand");
|
|
49
|
-
const utils_1 = require("../utils");
|
|
50
49
|
const shallow_1 = require("zustand/react/shallow");
|
|
50
|
+
const utils_1 = require("../utils");
|
|
51
51
|
const DEFAULT_STATE = {
|
|
52
52
|
data: undefined,
|
|
53
53
|
error: undefined,
|
|
@@ -8,9 +8,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
8
8
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
9
|
});
|
|
10
10
|
};
|
|
11
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
+
};
|
|
11
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
15
|
exports.authHooks = void 0;
|
|
13
|
-
const
|
|
16
|
+
const react_1 = __importDefault(require("react"));
|
|
14
17
|
const zustand_1 = require("zustand");
|
|
15
18
|
const utils_1 = require("@ic-reactor/core/dist/utils");
|
|
16
19
|
const authHooks = (agentManager) => {
|
|
@@ -18,13 +21,13 @@ const authHooks = (agentManager) => {
|
|
|
18
21
|
const useAuthState = () => (0, zustand_1.useStore)(authStore);
|
|
19
22
|
const useUserPrincipal = () => { var _a, _b; return (_b = (_a = useAuthState()) === null || _a === void 0 ? void 0 : _a.identity) === null || _b === void 0 ? void 0 : _b.getPrincipal(); };
|
|
20
23
|
const useAuth = ({ onAuthentication, onAuthenticationSuccess, onAuthenticationFailure, onLogin, onLoginSuccess, onLoginError, onLoggedOut, } = {}) => {
|
|
21
|
-
const network =
|
|
22
|
-
const [loginState, setLoginState] =
|
|
24
|
+
const network = react_1.default.useRef("ic");
|
|
25
|
+
const [loginState, setLoginState] = react_1.default.useState({
|
|
23
26
|
loading: false,
|
|
24
27
|
error: undefined,
|
|
25
28
|
});
|
|
26
29
|
const { authenticated, authenticating, error, identity } = useAuthState();
|
|
27
|
-
const authenticate =
|
|
30
|
+
const authenticate = react_1.default.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
28
31
|
const authenticatePromise = new Promise((resolve, reject) => {
|
|
29
32
|
authenticator()
|
|
30
33
|
.then((identity) => {
|
|
@@ -44,7 +47,7 @@ const authHooks = (agentManager) => {
|
|
|
44
47
|
onAuthenticationSuccess,
|
|
45
48
|
onAuthenticationFailure,
|
|
46
49
|
]);
|
|
47
|
-
const login =
|
|
50
|
+
const login = react_1.default.useCallback((options) => __awaiter(void 0, void 0, void 0, function* () {
|
|
48
51
|
setLoginState({ loading: true, error: undefined });
|
|
49
52
|
const loginPromise = new Promise((resolve, reject) => {
|
|
50
53
|
try {
|
|
@@ -86,7 +89,7 @@ const authHooks = (agentManager) => {
|
|
|
86
89
|
});
|
|
87
90
|
onLogin === null || onLogin === void 0 ? void 0 : onLogin(() => loginPromise);
|
|
88
91
|
}), [onLogin, onLoginSuccess, onLoginError, authenticate]);
|
|
89
|
-
const logout =
|
|
92
|
+
const logout = react_1.default.useCallback((options) => __awaiter(void 0, void 0, void 0, function* () {
|
|
90
93
|
const authClient = getAuth();
|
|
91
94
|
if (!authClient) {
|
|
92
95
|
throw new Error("Auth client not initialized");
|
|
@@ -95,7 +98,7 @@ const authHooks = (agentManager) => {
|
|
|
95
98
|
yield authenticate();
|
|
96
99
|
onLoggedOut === null || onLoggedOut === void 0 ? void 0 : onLoggedOut();
|
|
97
100
|
}), [onLoggedOut]);
|
|
98
|
-
|
|
101
|
+
react_1.default.useEffect(() => agentManager.subscribeAgentState((state) => {
|
|
99
102
|
if (network.current !== state.network) {
|
|
100
103
|
network.current = state.network;
|
|
101
104
|
authenticate();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { ActorHooksReturnType, BaseActor } from "../types";
|
|
3
|
-
import { CreateActorContextReturnType } from "../context/actor/types";
|
|
3
|
+
import type { CreateActorContextReturnType } from "../context/actor/types";
|
|
4
4
|
export declare function extractActorContext<A = BaseActor>(actorContext: React.Context<ActorHooksReturnType<A> | null>): Omit<CreateActorContextReturnType<A>, "ActorProvider">;
|
|
@@ -6,31 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.extractActorContext = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
function extractActorContext(actorContext) {
|
|
9
|
-
/**
|
|
10
|
-
* Hook for accessing the actor context, including the actor manager and state.
|
|
11
|
-
* @returns The actor context, including the actor manager and state.
|
|
12
|
-
* @example
|
|
13
|
-
* ```tsx
|
|
14
|
-
* function ActorComponent() {
|
|
15
|
-
* const { initialize, useActorState, useQueryCall, useUpdateCall, useMethodCall, useVisitMethod } = useActorContext();
|
|
16
|
-
* const { canisterId } = useActorState();
|
|
17
|
-
*
|
|
18
|
-
* return (
|
|
19
|
-
* <div>
|
|
20
|
-
* <p>Canister ID: {canisterId}</p>
|
|
21
|
-
* </div>
|
|
22
|
-
* );
|
|
23
|
-
* }
|
|
24
|
-
*
|
|
25
|
-
* function App() {
|
|
26
|
-
* return (
|
|
27
|
-
* <ActorProvider canisterId="rrkah-fqaaa-aaaaa-aaaaq-cai">
|
|
28
|
-
* <ActorComponent />
|
|
29
|
-
* </ActorProvider>
|
|
30
|
-
* );
|
|
31
|
-
* }
|
|
32
|
-
* ```
|
|
33
|
-
*/
|
|
34
9
|
const useActorContext = () => {
|
|
35
10
|
const context = react_1.default.useContext(actorContext);
|
|
36
11
|
if (!context) {
|
package/dist/helpers/types.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type {
|
|
3
|
-
import type { ActorState, AuthClientLoginOptions, ActorMethodParameters, ActorMethodReturnType, Identity, Principal, FunctionName, VisitService, AuthState, HttpAgent, AgentState, BaseActor, MethodAttributes } from "@ic-reactor/core/dist/types";
|
|
2
|
+
import type { IDL, ActorState, AuthClientLoginOptions, ActorMethodParameters, ActorMethodReturnType, Identity, Principal, FunctionName, VisitService, AuthState, HttpAgent, AgentState, BaseActor, MethodAttributes } from "../types";
|
|
4
3
|
export interface AgentHooksReturnType {
|
|
5
4
|
useAgent: () => HttpAgent | undefined;
|
|
6
5
|
useAgentState: () => AgentState;
|
|
@@ -91,7 +90,7 @@ export type UseVisitService<A> = () => VisitService<A>;
|
|
|
91
90
|
export interface ActorHooksReturnType<A = BaseActor> {
|
|
92
91
|
initialize: () => Promise<void>;
|
|
93
92
|
useActorState: () => UseActorState;
|
|
94
|
-
useActorInterface: () => ServiceClass;
|
|
93
|
+
useActorInterface: () => IDL.ServiceClass;
|
|
95
94
|
useMethodNames: <Actor = A>() => FunctionName<Actor>[];
|
|
96
95
|
useMethodAttributes: <Actor = A>() => MethodAttributes<Actor>;
|
|
97
96
|
useMethod: UseMethod<A>;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
declare const ActorHooks: import("../../context/types").CreateActorContextReturnType<import("@ic-reactor/core/dist/types").BaseActor>;
|
|
2
|
+
export default ActorHooks;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ActorHooks = void 0;
|
|
4
3
|
const actor_1 = require("../../context/actor");
|
|
5
|
-
|
|
4
|
+
const ActorHooks = (0, actor_1.createActorContext)();
|
|
5
|
+
exports.default = ActorHooks;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
export * from "./
|
|
2
|
-
export * from "./useActorState";
|
|
1
|
+
export * from "./useMethodNames";
|
|
3
2
|
export * from "./useQueryCall";
|
|
4
3
|
export * from "./useUpdateCall";
|
|
5
|
-
export * from "./useMethodNames";
|
|
6
4
|
export * from "./useMethodAttributes";
|
|
5
|
+
export * from "./useActorState";
|
|
7
6
|
export * from "./useVisitMethod";
|
|
8
7
|
export * from "./useVisitService";
|
|
9
8
|
export * from "./useActorInterface";
|
|
9
|
+
export * from "./useMethod";
|
|
@@ -14,12 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./
|
|
18
|
-
__exportStar(require("./useActorState"), exports);
|
|
17
|
+
__exportStar(require("./useMethodNames"), exports);
|
|
19
18
|
__exportStar(require("./useQueryCall"), exports);
|
|
20
19
|
__exportStar(require("./useUpdateCall"), exports);
|
|
21
|
-
__exportStar(require("./useMethodNames"), exports);
|
|
22
20
|
__exportStar(require("./useMethodAttributes"), exports);
|
|
21
|
+
__exportStar(require("./useActorState"), exports);
|
|
23
22
|
__exportStar(require("./useVisitMethod"), exports);
|
|
24
23
|
__exportStar(require("./useVisitService"), exports);
|
|
25
24
|
__exportStar(require("./useActorInterface"), exports);
|
|
25
|
+
__exportStar(require("./useMethod"), exports);
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useActorInterface = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
*
|
|
7
10
|
*/
|
|
8
11
|
function useActorInterface() {
|
|
9
|
-
return hooks_1.
|
|
12
|
+
return hooks_1.default.useActorInterface();
|
|
10
13
|
}
|
|
11
14
|
exports.useActorInterface = useActorInterface;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useActorState = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Hook for accessing the current state of the actor, including the canister ID.
|
|
7
10
|
*
|
|
@@ -22,4 +25,4 @@ const hooks_1 = require("./hooks");
|
|
|
22
25
|
* }
|
|
23
26
|
*```
|
|
24
27
|
*/
|
|
25
|
-
exports.useActorState = hooks_1.
|
|
28
|
+
exports.useActorState = hooks_1.default.useActorState;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { BaseActor, FunctionName, UseMethodParameters } from "../../types";
|
|
1
2
|
/**
|
|
2
3
|
* Hook for making dynamically update or query calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
|
|
3
4
|
*
|
|
@@ -25,4 +26,4 @@
|
|
|
25
26
|
* }
|
|
26
27
|
* ```
|
|
27
28
|
*/
|
|
28
|
-
export declare
|
|
29
|
+
export declare function useMethod<A = BaseActor, M extends FunctionName<A> = FunctionName<A>>(args: UseMethodParameters<A, M>): import("../../types").UseMethodReturnType<A, M>;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useMethod = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Hook for making dynamically update or query calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
|
|
7
10
|
*
|
|
@@ -29,4 +32,7 @@ const hooks_1 = require("./hooks");
|
|
|
29
32
|
* }
|
|
30
33
|
* ```
|
|
31
34
|
*/
|
|
32
|
-
|
|
35
|
+
function useMethod(args) {
|
|
36
|
+
return hooks_1.default.useMethod(args);
|
|
37
|
+
}
|
|
38
|
+
exports.useMethod = useMethod;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useMethodAttributes = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Hook for accessing the method attributes of an actor.
|
|
7
10
|
*
|
|
8
11
|
* @returns An array of method attributes for the actor.
|
|
9
12
|
*/
|
|
10
|
-
const useMethodAttributes = () => hooks_1.
|
|
13
|
+
const useMethodAttributes = () => hooks_1.default.useMethodAttributes();
|
|
11
14
|
exports.useMethodAttributes = useMethodAttributes;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useMethodNames = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Hook for accessing the method names of an actor.
|
|
7
10
|
*
|
|
8
11
|
* @returns An array of method names for the actor.
|
|
9
12
|
*/
|
|
10
|
-
const useMethodNames = () => hooks_1.
|
|
13
|
+
const useMethodNames = () => hooks_1.default.useMethodNames();
|
|
11
14
|
exports.useMethodNames = useMethodNames;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useQueryCall = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Hook for making query calls to actors. It supports automatic refetching on component mount and at specified intervals.
|
|
7
10
|
*
|
|
@@ -29,6 +32,6 @@ const hooks_1 = require("./hooks");
|
|
|
29
32
|
* ```
|
|
30
33
|
*/
|
|
31
34
|
function useQueryCall(args) {
|
|
32
|
-
return hooks_1.
|
|
35
|
+
return hooks_1.default.useQueryCall(args);
|
|
33
36
|
}
|
|
34
37
|
exports.useQueryCall = useQueryCall;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BaseActor, FunctionName, UseUpdateCallParameters } from "../../types";
|
|
1
|
+
import type { BaseActor, FunctionName, UseUpdateCallParameters } from "../../types";
|
|
2
2
|
/**
|
|
3
3
|
* Hook for making update calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
|
|
4
4
|
*
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useUpdateCall = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Hook for making update calls to actors, handling loading states, and managing errors. It supports custom event handlers for loading, success, and error events.
|
|
7
10
|
*
|
|
@@ -30,6 +33,6 @@ const hooks_1 = require("./hooks");
|
|
|
30
33
|
* ```
|
|
31
34
|
*/
|
|
32
35
|
function useUpdateCall(args) {
|
|
33
|
-
return hooks_1.
|
|
36
|
+
return hooks_1.default.useUpdateCall(args);
|
|
34
37
|
}
|
|
35
38
|
exports.useUpdateCall = useUpdateCall;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useVisitMethod = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Memoizes and returns a visit service function for a specific actor method.
|
|
7
10
|
*
|
|
@@ -9,6 +12,6 @@ const hooks_1 = require("./hooks");
|
|
|
9
12
|
* @returns The visit service function for the specified method.
|
|
10
13
|
*/
|
|
11
14
|
function useVisitMethod(functionName) {
|
|
12
|
-
return hooks_1.
|
|
15
|
+
return hooks_1.default.useVisitMethod(functionName);
|
|
13
16
|
}
|
|
14
17
|
exports.useVisitMethod = useVisitMethod;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useVisitService = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Memoizes and returns a visit service function for a specific actor method.
|
|
7
10
|
*
|
|
@@ -9,6 +12,6 @@ const hooks_1 = require("./hooks");
|
|
|
9
12
|
* @returns The visit service function for the specified method.
|
|
10
13
|
*/
|
|
11
14
|
function useVisitService() {
|
|
12
|
-
return hooks_1.
|
|
15
|
+
return hooks_1.default.useVisitService();
|
|
13
16
|
}
|
|
14
17
|
exports.useVisitService = useVisitService;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from "./useCandidAdapter";
|
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
2
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
|
|
4
|
-
var useCandidAdapter_1 = require("./useCandidAdapter");
|
|
5
|
-
Object.defineProperty(exports, "useCandidAdapter", { enumerable: true, get: function () { return useCandidAdapter_1.useCandidAdapter; } });
|
|
17
|
+
__exportStar(require("./useCandidAdapter"), exports);
|
|
@@ -4,8 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.useCandidAdapter = void 0;
|
|
7
|
-
const
|
|
8
|
-
const adapter_1 = require("../../context/adapter");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
9
8
|
/**
|
|
10
9
|
* Accesses the `CandidAdapter` to download the actor's Candid interface.
|
|
11
10
|
*
|
|
@@ -28,8 +27,4 @@ const adapter_1 = require("../../context/adapter");
|
|
|
28
27
|
* }
|
|
29
28
|
*```
|
|
30
29
|
*/
|
|
31
|
-
|
|
32
|
-
const candidAdapter = react_1.default.useContext(adapter_1.CandidAdapterContext);
|
|
33
|
-
return candidAdapter;
|
|
34
|
-
};
|
|
35
|
-
exports.useCandidAdapter = useCandidAdapter;
|
|
30
|
+
exports.useCandidAdapter = hooks_1.default.useCandidAdapter;
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
declare const AgentHooks: import("../../types").CreateAgentContextReturnType;
|
|
2
|
+
export default AgentHooks;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.AgentHooks = void 0;
|
|
4
3
|
const agent_1 = require("../../context/agent");
|
|
5
|
-
|
|
4
|
+
const AgentHooks = (0, agent_1.createAgentContext)();
|
|
5
|
+
exports.default = AgentHooks;
|
|
@@ -20,4 +20,3 @@ __exportStar(require("./useAgentManager"), exports);
|
|
|
20
20
|
__exportStar(require("./useAuth"), exports);
|
|
21
21
|
__exportStar(require("./useAuthState"), exports);
|
|
22
22
|
__exportStar(require("./useUserPrincipal"), exports);
|
|
23
|
-
__exportStar(require("../adapter/useCandidAdapter"), exports);
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useAgent = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Accesses the current agent instance.
|
|
7
10
|
*
|
|
@@ -15,4 +18,4 @@ const hooks_1 = require("./hooks");
|
|
|
15
18
|
* }
|
|
16
19
|
*```
|
|
17
20
|
*/
|
|
18
|
-
exports.useAgent = hooks_1.
|
|
21
|
+
exports.useAgent = hooks_1.default.useAgent;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useAgentManager = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Accesses the `AgentManager` instance for managing agent configurations and state.
|
|
7
10
|
*
|
|
@@ -15,4 +18,4 @@ const hooks_1 = require("./hooks");
|
|
|
15
18
|
* }
|
|
16
19
|
*```
|
|
17
20
|
*/
|
|
18
|
-
exports.useAgentManager = hooks_1.
|
|
21
|
+
exports.useAgentManager = hooks_1.default.useAgentManager;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useAgentState = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Accesses the current state of the agent.
|
|
7
10
|
*
|
|
@@ -22,4 +25,4 @@ const hooks_1 = require("./hooks");
|
|
|
22
25
|
* }
|
|
23
26
|
* ```
|
|
24
27
|
*/
|
|
25
|
-
exports.useAgentState = hooks_1.
|
|
28
|
+
exports.useAgentState = hooks_1.default.useAgentState;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useAuth = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* `useAuth` is a custom React hook designed to manage authentication processes in applications interacting with the Internet Computer (IC).
|
|
7
10
|
* It encapsulates the logic for logging in, logging out, and maintaining the authentication state, leveraging an authentication client.
|
|
@@ -58,4 +61,4 @@ const hooks_1 = require("./hooks");
|
|
|
58
61
|
*
|
|
59
62
|
* This hook simplifies integrating authentication flows into your IC application, providing hooks for various stages of the authentication process.
|
|
60
63
|
*/
|
|
61
|
-
exports.useAuth = hooks_1.
|
|
64
|
+
exports.useAuth = hooks_1.default.useAuth;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useAuthState = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Accesses the current authentication state.
|
|
7
10
|
*
|
|
@@ -20,4 +23,4 @@ const hooks_1 = require("./hooks");
|
|
|
20
23
|
* }
|
|
21
24
|
* ```
|
|
22
25
|
*/
|
|
23
|
-
exports.useAuthState = hooks_1.
|
|
26
|
+
exports.useAuthState = hooks_1.default.useAuthState;
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.useUserPrincipal = void 0;
|
|
4
|
-
const hooks_1 = require("./hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("./hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* Accesses the user's principal.
|
|
7
10
|
*
|
|
@@ -18,4 +21,4 @@ const hooks_1 = require("./hooks");
|
|
|
18
21
|
* }
|
|
19
22
|
* ```
|
|
20
23
|
*/
|
|
21
|
-
exports.useUserPrincipal = hooks_1.
|
|
24
|
+
exports.useUserPrincipal = hooks_1.default.useUserPrincipal;
|
package/dist/hooks/index.d.ts
CHANGED
package/dist/hooks/index.js
CHANGED
|
@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./actor"), exports);
|
|
18
18
|
__exportStar(require("./agent"), exports);
|
|
19
|
+
__exportStar(require("./adapter"), exports);
|
|
19
20
|
__exportStar(require("./useActor"), exports);
|
package/dist/hooks/types.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ActorHooksReturnType, ActorManagerParameters, BaseActor, CanisterId } from "../types";
|
|
3
|
-
export * from "./adapter/useCandidAdapter";
|
|
1
|
+
import { IDL, ActorHooksReturnType, ActorManagerParameters, BaseActor, CanisterId } from "../types";
|
|
4
2
|
export interface UseActorParameters extends Omit<ActorManagerParameters, "idlFactory" | "agentManager" | "canisterId"> {
|
|
5
3
|
candidString?: string;
|
|
6
4
|
canisterId: CanisterId;
|
package/dist/hooks/types.js
CHANGED
|
@@ -1,17 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./adapter/useCandidAdapter"), exports);
|
package/dist/hooks/useActor.d.ts
CHANGED
|
@@ -25,6 +25,7 @@ import type { UseActorParameters, UseActorReturn } from "./types";
|
|
|
25
25
|
* const LedgerActor = ({ children }) => {
|
|
26
26
|
* const { hooks, fetching, fetchError } = useActor<Ledger>({
|
|
27
27
|
* canisterId: "ryjl3-tyaaa-aaaaa-aaaba-cai", // ICP Ledger canister
|
|
28
|
+
* idlFactory // optional: it will be fetched using CandidAdapter
|
|
28
29
|
* })
|
|
29
30
|
*
|
|
30
31
|
* return (
|
|
@@ -52,14 +53,15 @@ import type { UseActorParameters, UseActorReturn } from "./types";
|
|
|
52
53
|
*
|
|
53
54
|
* const App = () => (
|
|
54
55
|
* <AgentProvider withDevtools>
|
|
55
|
-
* <
|
|
56
|
+
* <CandidAdapterProvider>
|
|
57
|
+
* <LedgerActor>
|
|
56
58
|
* <CanisterName />
|
|
57
|
-
*
|
|
59
|
+
* </LedgerActor>
|
|
60
|
+
* </CandidAdapterProvider>
|
|
58
61
|
* </AgentProvider>
|
|
59
62
|
* )
|
|
60
63
|
*
|
|
61
64
|
* export default App
|
|
62
|
-
*
|
|
63
65
|
* ```
|
|
64
66
|
*/
|
|
65
67
|
export declare const useActor: <A = BaseActor>(config: UseActorParameters) => UseActorReturn<A>;
|
package/dist/hooks/useActor.js
CHANGED
|
@@ -52,6 +52,7 @@ const useCandidAdapter_1 = require("./adapter/useCandidAdapter");
|
|
|
52
52
|
* const LedgerActor = ({ children }) => {
|
|
53
53
|
* const { hooks, fetching, fetchError } = useActor<Ledger>({
|
|
54
54
|
* canisterId: "ryjl3-tyaaa-aaaaa-aaaba-cai", // ICP Ledger canister
|
|
55
|
+
* idlFactory // optional: it will be fetched using CandidAdapter
|
|
55
56
|
* })
|
|
56
57
|
*
|
|
57
58
|
* return (
|
|
@@ -79,14 +80,15 @@ const useCandidAdapter_1 = require("./adapter/useCandidAdapter");
|
|
|
79
80
|
*
|
|
80
81
|
* const App = () => (
|
|
81
82
|
* <AgentProvider withDevtools>
|
|
82
|
-
* <
|
|
83
|
+
* <CandidAdapterProvider>
|
|
84
|
+
* <LedgerActor>
|
|
83
85
|
* <CanisterName />
|
|
84
|
-
*
|
|
86
|
+
* </LedgerActor>
|
|
87
|
+
* </CandidAdapterProvider>
|
|
85
88
|
* </AgentProvider>
|
|
86
89
|
* )
|
|
87
90
|
*
|
|
88
91
|
* export default App
|
|
89
|
-
*
|
|
90
92
|
* ```
|
|
91
93
|
*/
|
|
92
94
|
const useActor = (config) => {
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
export * from "./createReactor";
|
|
2
|
-
export * from "./context";
|
|
3
|
-
export * from "./provider/actor";
|
|
4
|
-
export * from "./provider/agent";
|
|
5
|
-
export * from "./provider/adapter";
|
|
6
2
|
export * from "./hooks";
|
|
3
|
+
export * from "./context";
|
|
4
|
+
export * from "./provider";
|
|
7
5
|
export * as helpers from "./helpers";
|
|
8
6
|
export * as types from "./types";
|
|
9
7
|
export * as core from "./core";
|
package/dist/index.js
CHANGED
|
@@ -27,12 +27,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.utils = exports.core = exports.types = exports.helpers = void 0;
|
|
30
|
+
// Note: Order of exports is important
|
|
30
31
|
__exportStar(require("./createReactor"), exports);
|
|
31
|
-
__exportStar(require("./context"), exports);
|
|
32
|
-
__exportStar(require("./provider/actor"), exports);
|
|
33
|
-
__exportStar(require("./provider/agent"), exports);
|
|
34
|
-
__exportStar(require("./provider/adapter"), exports);
|
|
35
32
|
__exportStar(require("./hooks"), exports);
|
|
33
|
+
__exportStar(require("./context"), exports);
|
|
34
|
+
__exportStar(require("./provider"), exports);
|
|
36
35
|
exports.helpers = __importStar(require("./helpers"));
|
|
37
36
|
exports.types = __importStar(require("./types"));
|
|
38
37
|
exports.core = __importStar(require("./core"));
|
package/dist/provider/actor.d.ts
CHANGED
package/dist/provider/actor.js
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.ActorProvider = void 0;
|
|
4
|
-
const hooks_1 = require("../hooks/actor/hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("../hooks/actor/hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* `ActorProvider` is a React functional component that serves as a context provider for IC actor interactions within a React application.
|
|
7
10
|
* It wraps child components, providing them access to actor-specific hooks and functionalities based on the provided canister ID and configuration.
|
|
@@ -22,10 +25,10 @@ const hooks_1 = require("../hooks/actor/hooks");
|
|
|
22
25
|
*
|
|
23
26
|
* @example
|
|
24
27
|
* ```jsx
|
|
25
|
-
* <ActorProvider canisterId="your-canister-id">
|
|
28
|
+
* <ActorProvider canisterId="your-canister-id" idlFactory={yourIdlFactory}>
|
|
26
29
|
* <YourComponent />
|
|
27
30
|
* </ActorProvider>
|
|
28
31
|
* ```
|
|
29
32
|
* This setup ensures that `YourComponent` and any of its children can interact with the specified IC actor through the context provided by `ActorProvider`.
|
|
30
33
|
*/
|
|
31
|
-
exports.ActorProvider = hooks_1.
|
|
34
|
+
exports.ActorProvider = hooks_1.default.ActorProvider;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import { CandidAdapterProviderProps } from "../context/types";
|
|
1
|
+
/// <reference types="react" />
|
|
3
2
|
/**
|
|
4
3
|
* `CandidAdapterProvider` is a React component that provides the CandidAdapter to its children.
|
|
5
4
|
* It initializes the CandidAdapter with the provided options and makes it available to all children.
|
|
@@ -22,5 +21,4 @@ import { CandidAdapterProviderProps } from "../context/types";
|
|
|
22
21
|
* export default App
|
|
23
22
|
* ```
|
|
24
23
|
*/
|
|
25
|
-
declare const CandidAdapterProvider:
|
|
26
|
-
export { CandidAdapterProvider };
|
|
24
|
+
export declare const CandidAdapterProvider: import("react").FC<import("../context/types").CandidAdapterProviderProps>;
|
package/dist/provider/adapter.js
CHANGED
|
@@ -1,24 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
-
var t = {};
|
|
4
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
-
t[p] = s[p];
|
|
6
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
-
t[p[i]] = s[p[i]];
|
|
10
|
-
}
|
|
11
|
-
return t;
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
6
|
exports.CandidAdapterProvider = void 0;
|
|
18
|
-
const
|
|
19
|
-
const core_1 = require("@ic-reactor/core");
|
|
20
|
-
const adapter_1 = require("../context/adapter");
|
|
21
|
-
const hooks_1 = require("../hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("../hooks/adapter/hooks"));
|
|
22
8
|
/**
|
|
23
9
|
* `CandidAdapterProvider` is a React component that provides the CandidAdapter to its children.
|
|
24
10
|
* It initializes the CandidAdapter with the provided options and makes it available to all children.
|
|
@@ -41,20 +27,4 @@ const hooks_1 = require("../hooks");
|
|
|
41
27
|
* export default App
|
|
42
28
|
* ```
|
|
43
29
|
*/
|
|
44
|
-
|
|
45
|
-
var { children, withParser, loadingComponent = react_1.default.createElement("div", null, "Loading Parser..."), didjsCanisterId } = _a, options = __rest(_a, ["children", "withParser", "loadingComponent", "didjsCanisterId"]);
|
|
46
|
-
const [initalized, setInitialized] = react_1.default.useState(false);
|
|
47
|
-
const agentManager = (0, hooks_1.useAgentManager)();
|
|
48
|
-
const candidAdapter = react_1.default.useMemo(() => (0, core_1.createCandidAdapter)(Object.assign({ agentManager, didjsCanisterId }, options)), [didjsCanisterId, agentManager]);
|
|
49
|
-
react_1.default.useEffect(() => {
|
|
50
|
-
if (withParser) {
|
|
51
|
-
candidAdapter.initializeParser().then(() => setInitialized(true));
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
setInitialized(true);
|
|
55
|
-
}
|
|
56
|
-
}, []);
|
|
57
|
-
return (react_1.default.createElement(adapter_1.CandidAdapterContext.Provider, { value: candidAdapter }, initalized ? children : loadingComponent));
|
|
58
|
-
};
|
|
59
|
-
exports.CandidAdapterProvider = CandidAdapterProvider;
|
|
60
|
-
CandidAdapterProvider.displayName = "CandidAdapterContext";
|
|
30
|
+
exports.CandidAdapterProvider = hooks_1.default.CandidAdapterProvider;
|
package/dist/provider/agent.d.ts
CHANGED
|
@@ -15,15 +15,15 @@
|
|
|
15
15
|
* host URL, etc.
|
|
16
16
|
*
|
|
17
17
|
* @example
|
|
18
|
-
* Wrap your
|
|
18
|
+
* Wrap your App with `AgentProvider` to provide all child components access to IC agent and authentication hooks.
|
|
19
19
|
*
|
|
20
20
|
* ```jsx
|
|
21
21
|
* <AgentProvider>
|
|
22
|
-
* <
|
|
22
|
+
* <App />
|
|
23
23
|
* </AgentProvider>
|
|
24
24
|
* ```
|
|
25
25
|
*
|
|
26
|
-
* Inside `
|
|
26
|
+
* Inside `App` or any of its children, you can use the hooks provided through the context to interact with the IC,
|
|
27
27
|
* manage authentication, and perform other agent-related tasks.
|
|
28
28
|
*/
|
|
29
29
|
export declare const AgentProvider: import("react").FC<import("../types").AgentProviderProps>;
|
package/dist/provider/agent.js
CHANGED
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
6
|
exports.AgentProvider = void 0;
|
|
4
|
-
const hooks_1 = require("../hooks/agent/hooks");
|
|
7
|
+
const hooks_1 = __importDefault(require("../hooks/agent/hooks"));
|
|
5
8
|
/**
|
|
6
9
|
* `AgentProvider` is a React functional component that serves as a context provider for IC agent and authentication hooks.
|
|
7
10
|
* It enables any child components to access and use the agent and authentication functionalities seamlessly.
|
|
@@ -18,15 +21,15 @@ const hooks_1 = require("../hooks/agent/hooks");
|
|
|
18
21
|
* host URL, etc.
|
|
19
22
|
*
|
|
20
23
|
* @example
|
|
21
|
-
* Wrap your
|
|
24
|
+
* Wrap your App with `AgentProvider` to provide all child components access to IC agent and authentication hooks.
|
|
22
25
|
*
|
|
23
26
|
* ```jsx
|
|
24
27
|
* <AgentProvider>
|
|
25
|
-
* <
|
|
28
|
+
* <App />
|
|
26
29
|
* </AgentProvider>
|
|
27
30
|
* ```
|
|
28
31
|
*
|
|
29
|
-
* Inside `
|
|
32
|
+
* Inside `App` or any of its children, you can use the hooks provided through the context to interact with the IC,
|
|
30
33
|
* manage authentication, and perform other agent-related tasks.
|
|
31
34
|
*/
|
|
32
|
-
exports.AgentProvider = hooks_1.
|
|
35
|
+
exports.AgentProvider = hooks_1.default.AgentProvider;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./actor"), exports);
|
|
18
|
+
__exportStar(require("./agent"), exports);
|
|
19
|
+
__exportStar(require("./adapter"), exports);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ic-reactor/react",
|
|
3
|
-
"version": "1.6.0-beta.
|
|
3
|
+
"version": "1.6.0-beta.7",
|
|
4
4
|
"description": "A React library for interacting with Internet Computer canisters",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -26,16 +26,17 @@
|
|
|
26
26
|
},
|
|
27
27
|
"homepage": "https://b3pay.github.io/ic-reactor/modules/react.html",
|
|
28
28
|
"scripts": {
|
|
29
|
-
"test": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\"
|
|
29
|
+
"test": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" jest",
|
|
30
30
|
"start": "tsc watch",
|
|
31
|
-
"build": "
|
|
31
|
+
"build": "tsc",
|
|
32
32
|
"clean": "npx rimraf dist && npx rimraf umd"
|
|
33
33
|
},
|
|
34
34
|
"engines": {
|
|
35
35
|
"node": ">=10"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@ic-reactor/core": "^1.6.0-beta.
|
|
38
|
+
"@ic-reactor/core": "^1.6.0-beta.7",
|
|
39
|
+
"react": ">=16.8",
|
|
39
40
|
"zustand-utils": "^1.3"
|
|
40
41
|
},
|
|
41
42
|
"peerDependencies": {
|
|
@@ -47,5 +48,5 @@
|
|
|
47
48
|
"react": ">=16.8",
|
|
48
49
|
"zustand": "4.5"
|
|
49
50
|
},
|
|
50
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "970609e4e07d49e34894eaa9ea258ef02390aea1"
|
|
51
52
|
}
|