@ic-reactor/react 1.0.8 → 1.0.10

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.
@@ -1,27 +1,4 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  var __rest = (this && this.__rest) || function (s, e) {
26
3
  var t = {};
27
4
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -33,9 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
33
10
  }
34
11
  return t;
35
12
  };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
36
16
  Object.defineProperty(exports, "__esModule", { value: true });
37
17
  exports.createActorContext = void 0;
38
- const react_1 = __importStar(require("react"));
18
+ const react_1 = __importDefault(require("react"));
39
19
  const useActor_1 = require("../hooks/useActor");
40
20
  const extractActorContext_1 = require("../helpers/extractActorContext");
41
21
  /**
@@ -101,13 +81,13 @@ const extractActorContext_1 = require("../helpers/extractActorContext");
101
81
  */
102
82
  function createActorContext(config = {}) {
103
83
  const { canisterId: defaultCanisterId } = config, defaultConfig = __rest(config, ["canisterId"]);
104
- const ActorContext = (0, react_1.createContext)(null);
84
+ const ActorContext = react_1.default.createContext(null);
105
85
  const ActorProvider = (_a) => {
106
86
  var { children, canisterId = defaultCanisterId, loadingComponent = react_1.default.createElement("div", null, "Fetching canister...") } = _a, restConfig = __rest(_a, ["children", "canisterId", "loadingComponent"]);
107
87
  if (!canisterId) {
108
88
  throw new Error("canisterId is required");
109
89
  }
110
- const config = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, defaultConfig), restConfig)), [defaultConfig, restConfig]);
90
+ const config = react_1.default.useMemo(() => (Object.assign(Object.assign({}, defaultConfig), restConfig)), [defaultConfig, restConfig]);
111
91
  const { fetchError, fetching, hooks } = (0, useActor_1.useActor)(Object.assign({ canisterId }, config));
112
92
  return (react_1.default.createElement(ActorContext.Provider, { value: hooks }, fetching || hooks === null ? fetchError !== null && fetchError !== void 0 ? fetchError : loadingComponent : children));
113
93
  };
@@ -1,27 +1,4 @@
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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
2
  var __rest = (this && this.__rest) || function (s, e) {
26
3
  var t = {};
27
4
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -33,9 +10,12 @@ var __rest = (this && this.__rest) || function (s, e) {
33
10
  }
34
11
  return t;
35
12
  };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
36
16
  Object.defineProperty(exports, "__esModule", { value: true });
37
17
  exports.createAgentContext = void 0;
38
- const react_1 = __importStar(require("react"));
18
+ const react_1 = __importDefault(require("react"));
39
19
  const core_1 = require("@ic-reactor/core");
40
20
  const agentHooks_1 = require("../helpers/agentHooks");
41
21
  const authHooks_1 = require("../helpers/authHooks");
@@ -113,10 +93,10 @@ const extractAgentContext_1 = require("../helpers/extractAgentContext");
113
93
  * with the Internet Computer blockchain.
114
94
  */
115
95
  const createAgentContext = (config = {}) => {
116
- const AgentContext = (0, react_1.createContext)(null);
96
+ const AgentContext = react_1.default.createContext(null);
117
97
  const AgentProvider = (_a) => {
118
98
  var { children, agentManager: mybeAgentManager } = _a, options = __rest(_a, ["children", "agentManager"]);
119
- const hooks = (0, react_1.useMemo)(() => {
99
+ const hooks = react_1.default.useMemo(() => {
120
100
  const agentManager = mybeAgentManager !== null && mybeAgentManager !== void 0 ? mybeAgentManager : (0, core_1.createAgentManager)(Object.assign(Object.assign({}, options), config));
121
101
  return Object.assign(Object.assign(Object.assign({}, (0, agentHooks_1.agentHooks)(agentManager)), (0, authHooks_1.authHooks)(agentManager)), { agentManager });
122
102
  }, [options]);
package/dist/core.d.ts CHANGED
@@ -1 +1 @@
1
- export { createReactorStore, createActorManager, createAgentManager, createCandidAdapter, } from "@ic-reactor/core";
1
+ export { createReactorStore, createActorManager, createAgentManager, createCandidAdapter, createReactorCore, } from "@ic-reactor/core";
package/dist/core.js CHANGED
@@ -1,8 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.createCandidAdapter = exports.createAgentManager = exports.createActorManager = exports.createReactorStore = void 0;
3
+ exports.createReactorCore = exports.createCandidAdapter = exports.createAgentManager = exports.createActorManager = exports.createReactorStore = void 0;
4
4
  var core_1 = require("@ic-reactor/core");
5
5
  Object.defineProperty(exports, "createReactorStore", { enumerable: true, get: function () { return core_1.createReactorStore; } });
6
6
  Object.defineProperty(exports, "createActorManager", { enumerable: true, get: function () { return core_1.createActorManager; } });
7
7
  Object.defineProperty(exports, "createAgentManager", { enumerable: true, get: function () { return core_1.createAgentManager; } });
8
8
  Object.defineProperty(exports, "createCandidAdapter", { enumerable: true, get: function () { return core_1.createCandidAdapter; } });
9
+ Object.defineProperty(exports, "createReactorCore", { enumerable: true, get: function () { return core_1.createReactorCore; } });
@@ -19,9 +19,12 @@ var __rest = (this && this.__rest) || function (s, e) {
19
19
  }
20
20
  return t;
21
21
  };
22
+ var __importDefault = (this && this.__importDefault) || function (mod) {
23
+ return (mod && mod.__esModule) ? mod : { "default": mod };
24
+ };
22
25
  Object.defineProperty(exports, "__esModule", { value: true });
23
26
  exports.actorHooks = void 0;
24
- const react_1 = require("react");
27
+ const react_1 = __importDefault(require("react"));
25
28
  const zustand_1 = require("zustand");
26
29
  const DEFAULT_STATE = {
27
30
  data: undefined,
@@ -47,13 +50,13 @@ const actorHooks = (actorManager) => {
47
50
  const { actorStore, canisterId, visitFunction, callMethod, initialize } = actorManager;
48
51
  const useActorState = () => (Object.assign(Object.assign({}, (0, zustand_1.useStore)(actorStore)), { canisterId }));
49
52
  const useVisitMethod = (functionName) => {
50
- return (0, react_1.useMemo)(() => visitFunction[functionName], [functionName]);
53
+ return react_1.default.useMemo(() => visitFunction[functionName], [functionName]);
51
54
  };
52
55
  const useMethodCall = (_a) => {
53
56
  var { args = [], functionName, throwOnError = false } = _a, events = __rest(_a, ["args", "functionName", "throwOnError"]);
54
- const [state, setState] = (0, react_1.useState)(DEFAULT_STATE);
55
- const reset = (0, react_1.useCallback)(() => setState(DEFAULT_STATE), []);
56
- const call = (0, react_1.useCallback)((eventOrReplaceArgs) => __awaiter(void 0, void 0, void 0, function* () {
57
+ const [state, setState] = react_1.default.useState(DEFAULT_STATE);
58
+ const reset = react_1.default.useCallback(() => setState(DEFAULT_STATE), []);
59
+ const call = react_1.default.useCallback((eventOrReplaceArgs) => __awaiter(void 0, void 0, void 0, function* () {
57
60
  var _b, _c, _d, _e, _f;
58
61
  setState((prev) => (Object.assign(Object.assign({}, prev), { error: undefined, loading: true })));
59
62
  (_b = events === null || events === void 0 ? void 0 : events.onLoading) === null || _b === void 0 ? void 0 : _b.call(events, true);
@@ -80,8 +83,8 @@ const actorHooks = (actorManager) => {
80
83
  const useQueryCall = (_a) => {
81
84
  var { refetchOnMount = true, refetchInterval = false } = _a, rest = __rest(_a, ["refetchOnMount", "refetchInterval"]);
82
85
  const _b = useMethodCall(rest), { call } = _b, state = __rest(_b, ["call"]);
83
- const intervalId = (0, react_1.useRef)();
84
- (0, react_1.useEffect)(() => {
86
+ const intervalId = react_1.default.useRef();
87
+ react_1.default.useEffect(() => {
85
88
  if (refetchInterval) {
86
89
  intervalId.current = setInterval(call, refetchInterval);
87
90
  }
@@ -1,14 +1,17 @@
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.agentHooks = void 0;
4
- const react_1 = require("react");
7
+ const react_1 = __importDefault(require("react"));
5
8
  const zustand_1 = require("zustand");
6
9
  const agentHooks = (agentManager) => {
7
10
  const { agentStore, getAgent, subscribeAgent } = agentManager;
8
11
  const useAgentState = () => (0, zustand_1.useStore)(agentStore);
9
12
  const useAgent = () => {
10
- const [agent, setAgent] = (0, react_1.useState)(getAgent);
11
- (0, react_1.useEffect)(() => subscribeAgent(setAgent), [subscribeAgent]);
13
+ const [agent, setAgent] = react_1.default.useState(getAgent);
14
+ react_1.default.useEffect(() => subscribeAgent(setAgent), [subscribeAgent]);
12
15
  return agent;
13
16
  };
14
17
  return {
@@ -8,22 +8,25 @@ 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;
16
+ const react_1 = __importDefault(require("react"));
13
17
  const zustand_1 = require("zustand");
14
- const react_1 = require("react");
15
18
  const utils_1 = require("@ic-reactor/core/dist/utils");
16
19
  const authHooks = (agentManager) => {
17
20
  const { authenticate: authenticator, getAuth, authStore, isLocalEnv, } = 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 [loginState, setLoginState] = (0, react_1.useState)({
24
+ const [loginState, setLoginState] = react_1.default.useState({
22
25
  loading: false,
23
26
  error: null,
24
27
  });
25
28
  const { authenticated, authenticating, error, identity } = useAuthState();
26
- const authenticate = (0, react_1.useCallback)(() => __awaiter(void 0, void 0, void 0, function* () {
29
+ const authenticate = react_1.default.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
27
30
  const authenticatePromise = new Promise((resolve, reject) => {
28
31
  authenticator()
29
32
  .then((identity) => {
@@ -43,7 +46,7 @@ const authHooks = (agentManager) => {
43
46
  onAuthenticationSuccess,
44
47
  onAuthenticationFailure,
45
48
  ]);
46
- const login = (0, react_1.useCallback)((options) => __awaiter(void 0, void 0, void 0, function* () {
49
+ const login = react_1.default.useCallback((options) => __awaiter(void 0, void 0, void 0, function* () {
47
50
  setLoginState({ loading: true, error: null });
48
51
  const loginPromise = new Promise((resolve, reject) => {
49
52
  try {
@@ -87,7 +90,7 @@ const authHooks = (agentManager) => {
87
90
  });
88
91
  onLogin === null || onLogin === void 0 ? void 0 : onLogin(() => loginPromise);
89
92
  }), [onLogin, onLoginSuccess, onLoginError, isLocalEnv, authenticate]);
90
- const logout = (0, react_1.useCallback)((options) => __awaiter(void 0, void 0, void 0, function* () {
93
+ const logout = react_1.default.useCallback((options) => __awaiter(void 0, void 0, void 0, function* () {
91
94
  const authClient = getAuth();
92
95
  if (!authClient) {
93
96
  throw new Error("Auth client not initialized");
@@ -96,7 +99,7 @@ const authHooks = (agentManager) => {
96
99
  yield authenticate();
97
100
  onLoggedOut === null || onLoggedOut === void 0 ? void 0 : onLoggedOut();
98
101
  }), [onLoggedOut]);
99
- (0, react_1.useEffect)(() => {
102
+ react_1.default.useEffect(() => {
100
103
  const authClient = getAuth();
101
104
  if (!authClient && !authenticating) {
102
105
  authenticate();
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
1
+ import React from "react";
2
2
  import type { ActorHooksReturnType, BaseActor, CreateActorContextReturnType } from "../types";
3
3
  export declare function extractActorContext<A = BaseActor>(actorContext: React.Context<ActorHooksReturnType<A> | null>): Omit<CreateActorContextReturnType<A>, "ActorProvider">;
@@ -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.extractActorContext = void 0;
4
- const react_1 = require("react");
7
+ const react_1 = __importDefault(require("react"));
5
8
  function extractActorContext(actorContext) {
6
9
  /**
7
10
  * Hook for accessing the actor context, including the actor manager and state.
@@ -29,7 +32,7 @@ function extractActorContext(actorContext) {
29
32
  * ```
30
33
  */
31
34
  const useActorContext = () => {
32
- const context = (0, react_1.useContext)(actorContext);
35
+ const context = react_1.default.useContext(actorContext);
33
36
  if (!context) {
34
37
  throw new Error("Actor hooks must be used within a ActorProvider");
35
38
  }
@@ -1,3 +1,4 @@
1
+ import React from "react";
1
2
  import type { AgentContext, CreateAgentContextReturnType } from "../types";
2
3
  /**
3
4
  * This function facilitates the use of contextually provided agent functionalities,
@@ -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.extractAgentContext = void 0;
4
- const react_1 = require("react");
7
+ const react_1 = __importDefault(require("react"));
5
8
  /**
6
9
  * This function facilitates the use of contextually provided agent functionalities,
7
10
  * such as managing the agent's state, authentication state, and user principal.
@@ -29,7 +32,7 @@ const react_1 = require("react");
29
32
  */
30
33
  const extractAgentContext = (agentContext) => {
31
34
  const useAgentContext = (mybeAgentContext) => {
32
- const context = (0, react_1.useContext)(mybeAgentContext || agentContext);
35
+ const context = react_1.default.useContext(mybeAgentContext || agentContext);
33
36
  if (!context) {
34
37
  throw new Error("Agent hooks must be used within a AgentProvider");
35
38
  }
package/dist/index.d.ts CHANGED
@@ -7,3 +7,4 @@ export * from "./hooks";
7
7
  export * as helpers from "./helpers";
8
8
  export * as types from "./types";
9
9
  export * as core from "./core";
10
+ export * as utils from "@ic-reactor/core/dist/utils";
package/dist/index.js CHANGED
@@ -26,7 +26,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
26
26
  return result;
27
27
  };
28
28
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.core = exports.types = exports.helpers = void 0;
29
+ exports.utils = exports.core = exports.types = exports.helpers = void 0;
30
30
  __exportStar(require("./createReactor"), exports);
31
31
  __exportStar(require("./context/actor"), exports);
32
32
  __exportStar(require("./context/agent"), exports);
@@ -36,3 +36,4 @@ __exportStar(require("./hooks"), exports);
36
36
  exports.helpers = __importStar(require("./helpers"));
37
37
  exports.types = __importStar(require("./types"));
38
38
  exports.core = __importStar(require("./core"));
39
+ exports.utils = __importStar(require("@ic-reactor/core/dist/utils"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ic-reactor/react",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
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",
@@ -29,24 +29,23 @@
29
29
  "test": "npx jest",
30
30
  "start": "tsc watch",
31
31
  "build": "npx tsc",
32
- "clean": "npx rimraf dist"
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.0.7",
38
+ "@ic-reactor/core": "^1.0.9",
39
39
  "zustand-utils": "^1.3"
40
40
  },
41
41
  "peerDependencies": {
42
- "@dfinity/agent": "^1.0",
43
- "@dfinity/auth-client": "^1.0",
44
- "@dfinity/candid": "1.0",
42
+ "@dfinity/agent": ">=1.0",
43
+ "@dfinity/auth-client": ">=1.0",
44
+ "@dfinity/candid": ">=1.0",
45
45
  "@dfinity/identity": "^1.0",
46
- "@dfinity/principal": "^1.0",
47
- "@peculiar/webcrypto": "1.4",
46
+ "@dfinity/principal": ">=1.0",
48
47
  "react": ">=16.8",
49
48
  "zustand": "4.5"
50
49
  },
51
- "gitHead": "ed812d516651ec01414d9a1a79e959d8cc139a93"
50
+ "gitHead": "4138171fa438e7db3764c0692e56f71e4bdd452c"
52
51
  }