@ic-reactor/react 1.0.3 → 1.0.5

package/dist/hooks/useCandid.js

@@ -1,54 +0,0 @@
-"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());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCandid = void 0;
-const react_1 = require("react");
-const core_1 = require("@ic-reactor/core");
-const agent_1 = require("../provider/agent");
-const DEFAULT_STATE = {
-    candid: { idlFactory: undefined, init: () => [] },
-    fetching: false,
-    fetchError: null,
-};
-const useCandid = ({ canisterId, didjsCanisterId, idlFactory, }) => {
-    const [{ candid, fetchError, fetching }, setCandid] = (0, react_1.useState)(Object.assign(Object.assign({}, DEFAULT_STATE), { candid: {
-            idlFactory,
-            init: () => [],
-        } }));
-    const agent = (0, agent_1.useAgent)();
-    const fetchCandid = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
-        if (!canisterId || !agent)
-            return;
-        setCandid((prevState) => (Object.assign(Object.assign({}, prevState), { candid: DEFAULT_STATE.candid, fetching: true, fetchError: null })));
-        try {
-            const candidManager = (0, core_1.createCandidAdapter)({ agent, didjsCanisterId });
-            const fetchedCandid = yield candidManager.getCandidDefinition(canisterId);
-            setCandid({
-                candid: fetchedCandid,
-                fetching: false,
-                fetchError: null,
-            });
-            return fetchedCandid;
-        }
-        catch (err) {
-            // eslint-disable-next-line no-console
-            console.error(err);
-            setCandid((prevState) => (Object.assign(Object.assign({}, prevState), { fetchError: `Error fetching canister ${canisterId}`, fetching: false })));
-        }
-    }), [canisterId, didjsCanisterId, agent]);
-    (0, react_1.useEffect)(() => {
-        if (!fetching && !idlFactory) {
-            fetchCandid();
-        }
-    }, [fetchCandid]);
-    return { fetchCandid, candid, fetching, fetchError };
-};
-exports.useCandid = useCandid;

package/dist/hooks/useReactor.d.ts

@@ -1,19 +0,0 @@
-import { IDL } from "@dfinity/candid";
-import { ActorManagerOptions, BaseActor } from "@ic-reactor/core/dist/types";
-import { AgentContextType } from "../types";
-interface DynamicActorArgs extends Omit<ActorManagerOptions, "idlFactory" | "agentManager" | "canisterId"> {
-    canisterId: string;
-    idlFactory?: IDL.InterfaceFactory;
-    agentContext?: AgentContextType;
-    didjsCanisterId?: string;
-}
-/**
- * A hook to create an actor manager and fetch the actor's candid interface.
- */
-export declare const useReactor: <A = BaseActor>({ canisterId, agentContext, idlFactory: maybeIdlFactory, didjsCanisterId, ...config }: DynamicActorArgs) => {
-    fetchCandid: () => Promise<import("@ic-reactor/core/dist/types").CandidDefenition | undefined>;
-    fetching: boolean;
-    fetchError: string | null;
-    actorManager: import("@ic-reactor/core").ActorManager<A> | null;
-};
-export {};

package/dist/hooks/useReactor.js

@@ -1,46 +0,0 @@
-"use strict";
-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.useReactor = void 0;
-const core_1 = require("@ic-reactor/core");
-const react_1 = require("react");
-const agent_1 = require("../provider/agent");
-const useCandid_1 = require("./useCandid");
-/**
- * A hook to create an actor manager and fetch the actor's candid interface.
- */
-const useReactor = (_a) => {
-    var { canisterId, agentContext, idlFactory: maybeIdlFactory, didjsCanisterId } = _a, config = __rest(_a, ["canisterId", "agentContext", "idlFactory", "didjsCanisterId"]);
-    const agentManager = (0, agent_1.useAgentManager)(agentContext);
-    const _b = (0, useCandid_1.useCandid)({
-        canisterId,
-        didjsCanisterId,
-        idlFactory: maybeIdlFactory,
-    }), { candid: { idlFactory } } = _b, rest = __rest(_b, ["candid"]);
-    const actorManager = (0, react_1.useMemo)(() => {
-        if (!idlFactory) {
-            return null;
-        }
-        else {
-            const manager = (0, core_1.createReactorStore)({
-                agentManager,
-                idlFactory,
-                canisterId,
-                withDevtools: config.withDevtools,
-            });
-            return manager;
-        }
-    }, [idlFactory]);
-    return Object.assign({ actorManager }, rest);
-};
-exports.useReactor = useReactor;

package/dist/provider/actor/index.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { BaseActor, FunctionName, UseMethodCallArg, UseQueryCallArgs, UseUpdateCallArgs } from "../../types";
-import { CreateActorOptions, ActorContextType, ActorProviderProps } from "./types";
-export declare const ActorContext: React.Context<ActorContextType<BaseActor> | null>, ActorProvider: React.FC<ActorProviderProps>, useActorContext: () => ActorContextType<BaseActor>, useActorState: () => import("../../types").UseActorState, useQueryCall: <M extends string>(args: UseQueryCallArgs<BaseActor, M>) => import("../../types").ReactorCallReturn<BaseActor, M>, useUpdateCall: <M extends string>(args: UseUpdateCallArgs<BaseActor, M>) => import("../../types").ReactorCallReturn<BaseActor, M>, useMethodCall: <M extends string>(args: UseMethodCallArg<BaseActor, M>) => import("../../types").UseMethodCallReturn<BaseActor, M>, useVisitMethod: (functionName: string) => <V extends import("@dfinity/candid/lib/cjs/idl").Visitor<unknown, unknown>>(extractorClass: V, data?: import("@ic-reactor/core/dist/actor/types").VisitorType<V>["data"] | undefined) => ReturnType<V["visitFunc"]>;
-export declare function createReactorContext<Actor = BaseActor>({ canisterId: defaultCanisterId, ...defaultConfig }?: Partial<CreateActorOptions>): {
-    ActorContext: React.Context<ActorContextType<BaseActor> | null>;
-    ActorProvider: React.FC<ActorProviderProps>;
-    useActorContext: () => ActorContextType<Actor>;
-    useActorState: () => import("../../types").UseActorState;
-    useQueryCall: <M extends FunctionName<Actor>>(args: UseQueryCallArgs<Actor, M>) => import("../../types").ReactorCallReturn<Actor, M>;
-    useUpdateCall: <M_1 extends FunctionName<Actor>>(args: UseUpdateCallArgs<Actor, M_1>) => import("../../types").ReactorCallReturn<Actor, M_1>;
-    useMethodCall: <M_2 extends FunctionName<Actor>>(args: UseMethodCallArg<Actor, M_2>) => import("../../types").UseMethodCallReturn<Actor, M_2>;
-    useVisitMethod: (functionName: FunctionName<Actor>) => import("@ic-reactor/core/dist/actor/types").VisitService<Actor>[FunctionName<Actor>];
-    initialize: () => Promise<void>;
-};

package/dist/provider/actor/index.js

@@ -1,87 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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 __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;
-};
-var _a;
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createReactorContext = exports.useVisitMethod = exports.useMethodCall = exports.useUpdateCall = exports.useQueryCall = exports.useActorState = exports.useActorContext = exports.ActorProvider = exports.ActorContext = void 0;
-const react_1 = __importStar(require("react"));
-const actor_1 = require("../../helpers/actor");
-const useReactor_1 = require("../../hooks/useReactor");
-_a = createReactorContext(), exports.ActorContext = _a.ActorContext, exports.ActorProvider = _a.ActorProvider, exports.useActorContext = _a.useActorContext, exports.useActorState = _a.useActorState, exports.useQueryCall = _a.useQueryCall, exports.useUpdateCall = _a.useUpdateCall, exports.useMethodCall = _a.useMethodCall, exports.useVisitMethod = _a.useVisitMethod;
-function createReactorContext(_a = {}) {
-    var { canisterId: defaultCanisterId } = _a, defaultConfig = __rest(_a, ["canisterId"]);
-    const ActorContext = (0, react_1.createContext)(null);
-    const ActorProvider = (_a) => {
-        var { children, canisterId = defaultCanisterId, loadingComponent = react_1.default.createElement("div", null, "Fetching canister...") } = _a, restConfig = __rest(_a, ["children", "canisterId", "loadingComponent"]);
-        if (!canisterId) {
-            throw new Error("canisterId is required");
-        }
-        const config = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, defaultConfig), restConfig)), [defaultConfig, restConfig]);
-        const { actorManager, fetchError, fetching } = (0, useReactor_1.useReactor)(Object.assign({ canisterId }, config));
-        const hooks = (0, react_1.useMemo)(() => {
-            if (actorManager) {
-                return (0, actor_1.getActorHooks)(actorManager);
-            }
-            return null;
-        }, [actorManager === null || actorManager === void 0 ? void 0 : actorManager.canisterId]);
-        return (react_1.default.createElement(ActorContext.Provider, { value: hooks }, fetching || hooks === null ? fetchError !== null && fetchError !== void 0 ? fetchError : loadingComponent : children));
-    };
-    ActorProvider.displayName = "ActorProvider";
-    const useActorContext = () => {
-        const context = (0, react_1.useContext)(ActorContext);
-        if (!context) {
-            throw new Error("useActor must be used within a ActorProvider");
-        }
-        return context;
-    };
-    const initialize = () => useActorContext().initialize();
-    const useActorState = () => useActorContext().useActorState();
-    const useQueryCall = (args) => useActorContext().useQueryCall(args);
-    const useUpdateCall = (args) => useActorContext().useUpdateCall(args);
-    const useMethodCall = (args) => useActorContext().useMethodCall(args);
-    const useVisitMethod = (functionName) => useActorContext().useVisitMethod(functionName);
-    return {
-        ActorContext,
-        ActorProvider,
-        useActorContext,
-        useActorState,
-        useQueryCall,
-        useUpdateCall,
-        useMethodCall,
-        useVisitMethod,
-        initialize,
-    };
-}
-exports.createReactorContext = createReactorContext;

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

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { IDL } from "@dfinity/candid";
-import { ActorManagerOptions, BaseActor } from "@ic-reactor/core/dist/types";
-import { ActorHooks, AgentContextType } from "../../types";
-export interface ActorContextType<Actor = BaseActor> extends ActorHooks<Actor> {
-    ActorContext: React.Context<ActorContextType<Actor> | null>;
-    useActorContext: <A = Actor>() => ActorContextType<A>;
-    ActorProvider: React.FC<ActorProviderProps>;
-}
-export type CreateReactorContext = <A = BaseActor>(options?: Partial<CreateActorOptions>) => ActorContextType<A>;
-export interface CreateActorOptions extends Omit<ActorManagerOptions, "idlFactory" | "agentManager" | "canisterId"> {
-    didjsId?: string;
-    canisterId?: string;
-    agentContext?: AgentContextType;
-    idlFactory?: IDL.InterfaceFactory;
-    loadingComponent?: React.ReactNode;
-}
-export interface ActorProviderProps extends CreateActorOptions {
-    children?: React.ReactNode | undefined;
-    loadingComponent?: React.ReactNode;
-}

package/dist/provider/agent/context.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import type { AgentManagerOptions } from "@ic-reactor/core/dist/types";
-import type { AgentContextValue, AgentProviderProps } from "./types";
-export declare const AgentContext: React.Context<AgentContextValue | null>;
-declare const AgentProvider: React.FC<AgentProviderProps>;
-export { AgentProvider };
-export declare const createAgentContext: (config: AgentManagerOptions) => AgentContextValue;

package/dist/provider/agent/context.js

@@ -1,56 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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 __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.createAgentContext = exports.AgentProvider = exports.AgentContext = void 0;
-const react_1 = __importStar(require("react"));
-const core_1 = require("@ic-reactor/core");
-const agent_1 = require("../../helpers/agent");
-const auth_1 = require("../../helpers/auth");
-exports.AgentContext = (0, react_1.createContext)(null);
-const AgentProvider = (_a) => {
-    var { children } = _a, config = __rest(_a, ["children"]);
-    const value = (0, react_1.useMemo)(() => (0, exports.createAgentContext)(config), [config]);
-    return react_1.default.createElement(exports.AgentContext.Provider, { value: value }, children);
-};
-exports.AgentProvider = AgentProvider;
-AgentProvider.displayName = "AgentProvider";
-const createAgentContext = (config) => {
-    const agentManager = (0, core_1.createAgentManager)(config);
-    const agenthooks = (0, agent_1.getAgentHooks)(agentManager);
-    const authHooks = (0, auth_1.getAuthHooks)(agentManager);
-    return Object.assign(Object.assign(Object.assign({}, agenthooks), authHooks), { agentManager });
-};
-exports.createAgentContext = createAgentContext;

package/dist/provider/agent/hooks.d.ts

@@ -1,12 +0,0 @@
-import { AgentManager } from "@ic-reactor/core/dist/agent";
-import type { AgentContextType } from "./types";
-import { UseAuthClientArgs } from "../../types";
-export declare const useAgentContext: (agentContext?: AgentContextType) => import("./types").AgentContextValue;
-export declare const useAgentManager: (agentContext?: AgentContextType) => AgentManager;
-export declare const useAgent: (agentContext?: AgentContextType) => import("@dfinity/agent/lib/cjs/agent/http").HttpAgent | undefined;
-export declare const useAuthState: (agentContext?: AgentContextType) => import("@ic-reactor/core/dist/agent/types").AuthState;
-export declare const useAgentState: (agentContext?: AgentContextType) => import("@ic-reactor/core/dist/agent/types").AgentState;
-export declare const useAuthClient: ({ agentContext, ...args }: UseAuthClientArgs & {
-    agentContext?: AgentContextType | undefined;
-}) => import("../../types").UseAuthClientReturn;
-export declare const useUserPrincipal: (agentContext?: AgentContextType) => import("@dfinity/principal").Principal | undefined;

package/dist/provider/agent/hooks.js

@@ -1,43 +0,0 @@
-"use strict";
-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.useUserPrincipal = exports.useAuthClient = exports.useAgentState = exports.useAuthState = exports.useAgent = exports.useAgentManager = exports.useAgentContext = void 0;
-const react_1 = require("react");
-const context_1 = require("./context");
-const useAgentContext = (agentContext) => {
-    const context = (0, react_1.useContext)(agentContext || context_1.AgentContext);
-    if (!context) {
-        throw new Error("Agent context must be used within a AgentProvider");
-    }
-    return context;
-};
-exports.useAgentContext = useAgentContext;
-const useAgentManager = (agentContext) => {
-    const context = (0, exports.useAgentContext)(agentContext);
-    return context.agentManager;
-};
-exports.useAgentManager = useAgentManager;
-const useAgent = (agentContext) => (0, exports.useAgentContext)(agentContext).useAgent();
-exports.useAgent = useAgent;
-const useAuthState = (agentContext) => (0, exports.useAgentContext)(agentContext).useAuthState();
-exports.useAuthState = useAuthState;
-const useAgentState = (agentContext) => (0, exports.useAgentContext)(agentContext).useAgentState();
-exports.useAgentState = useAgentState;
-const useAuthClient = (_a) => {
-    var { agentContext } = _a, args = __rest(_a, ["agentContext"]);
-    const context = (0, exports.useAgentContext)(agentContext);
-    return context.useAuthClient(args);
-};
-exports.useAuthClient = useAuthClient;
-const useUserPrincipal = (agentContext) => (0, exports.useAgentContext)(agentContext).useUserPrincipal();
-exports.useUserPrincipal = useUserPrincipal;

package/dist/provider/agent/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./context";
-export * from "./hooks";

package/dist/provider/agent/types.d.ts

@@ -1,12 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import type { AgentManagerOptions } from "@ic-reactor/core/dist/types";
-import type { AgentManager } from "@ic-reactor/core/dist/agent";
-import type { getAuthHooks } from "../../helpers/auth";
-import type { getAgentHooks } from "../../helpers/agent";
-export type AgentContextValue = ReturnType<typeof getAuthHooks> & ReturnType<typeof getAgentHooks> & {
-    agentManager: AgentManager;
-};
-export type AgentContextType = React.Context<AgentContextValue | null>;
-export interface AgentProviderProps extends PropsWithChildren, AgentManagerOptions {
-    agentManager?: AgentManager;
-}

package/dist/provider/agent/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });