@xyo-network/react-node 2.45.0-rc.25 → 2.45.0-rc.27
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/cjs/hooks/useModule.js +4 -14
- package/dist/cjs/hooks/useModule.js.map +1 -1
- package/dist/cjs/hooks/useModules.js +0 -2
- package/dist/cjs/hooks/useModules.js.map +1 -1
- package/dist/cjs/hooks/useWrappedModule.js +4 -1
- package/dist/cjs/hooks/useWrappedModule.js.map +1 -1
- package/dist/docs.json +145 -117
- package/dist/esm/hooks/useModule.js +4 -14
- package/dist/esm/hooks/useModule.js.map +1 -1
- package/dist/esm/hooks/useModules.js +0 -2
- package/dist/esm/hooks/useModules.js.map +1 -1
- package/dist/esm/hooks/useWrappedModule.js +4 -1
- package/dist/esm/hooks/useWrappedModule.js.map +1 -1
- package/dist/types/hooks/useModule.d.ts +2 -1
- package/dist/types/hooks/useModule.d.ts.map +1 -1
- package/dist/types/hooks/useModules.d.ts.map +1 -1
- package/dist/types/hooks/useWrappedModule.d.ts +1 -1
- package/dist/types/hooks/useWrappedModule.d.ts.map +1 -1
- package/package.json +13 -9
- package/src/components/Node.stories.tsx +35 -9
- package/src/hooks/useModule.tsx +5 -13
- package/src/hooks/useModules.ts +0 -2
- package/src/hooks/useWrappedModule.tsx +6 -1
|
@@ -5,13 +5,12 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const react_shared_1 = require("@xylabs/react-shared");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const useProvidedNode_1 = require("./useProvidedNode");
|
|
8
|
-
const useModule = (nameOrAddressOrFilter) => {
|
|
8
|
+
const useModule = (nameOrAddressOrFilter, account) => {
|
|
9
9
|
const nameOrAddress = (0, react_1.useMemo)(() => (typeof nameOrAddressOrFilter === 'string' ? nameOrAddressOrFilter : undefined), [nameOrAddressOrFilter]);
|
|
10
10
|
const filter = (0, react_1.useMemo)(() => (typeof nameOrAddressOrFilter === 'object' ? nameOrAddressOrFilter : undefined), [nameOrAddressOrFilter]);
|
|
11
|
-
const [node, nodeError] = (0, useProvidedNode_1.useProvidedWrappedNode)();
|
|
11
|
+
const [node, nodeError] = (0, useProvidedNode_1.useProvidedWrappedNode)(account);
|
|
12
12
|
const [module, setModule] = (0, react_1.useState)();
|
|
13
13
|
const [error, setError] = (0, react_1.useState)();
|
|
14
|
-
const [retryCounter, setRetryCounter] = (0, react_1.useState)(0);
|
|
15
14
|
const address = module === null || module === void 0 ? void 0 : module.address;
|
|
16
15
|
(0, react_shared_1.useAsyncEffect)(
|
|
17
16
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -27,15 +26,13 @@ const useModule = (nameOrAddressOrFilter) => {
|
|
|
27
26
|
const detachEmitter = node.module;
|
|
28
27
|
const attachHandler = (args) => {
|
|
29
28
|
const eventModule = args.module;
|
|
30
|
-
|
|
31
|
-
if (eventModule.address === nameOrAddress || ((eventModule === null || eventModule === void 0 ? void 0 : eventModule.config.name) === nameOrAddress && mounted())) {
|
|
29
|
+
if ((eventModule.address === nameOrAddress || (eventModule === null || eventModule === void 0 ? void 0 : eventModule.config.name) === nameOrAddress) && mounted()) {
|
|
32
30
|
setModule(eventModule);
|
|
33
31
|
setError(undefined);
|
|
34
32
|
}
|
|
35
33
|
};
|
|
36
34
|
const detachHandler = (args) => {
|
|
37
35
|
const eventModule = args.module;
|
|
38
|
-
console.log(`detachHandler: [${eventModule.config.name}][${eventModule.address}]`);
|
|
39
36
|
if (eventModule.address === address && mounted()) {
|
|
40
37
|
setModule(undefined);
|
|
41
38
|
setError(undefined);
|
|
@@ -53,11 +50,6 @@ const useModule = (nameOrAddressOrFilter) => {
|
|
|
53
50
|
}
|
|
54
51
|
setModule(module);
|
|
55
52
|
setError(undefined);
|
|
56
|
-
if (!module) {
|
|
57
|
-
setTimeout(() => {
|
|
58
|
-
setRetryCounter(retryCounter + 1);
|
|
59
|
-
}, 1000);
|
|
60
|
-
}
|
|
61
53
|
}
|
|
62
54
|
return () => {
|
|
63
55
|
//remove the event handler on unmount
|
|
@@ -66,7 +58,6 @@ const useModule = (nameOrAddressOrFilter) => {
|
|
|
66
58
|
};
|
|
67
59
|
}
|
|
68
60
|
else {
|
|
69
|
-
console.log('Setting All to undefined');
|
|
70
61
|
setError(undefined);
|
|
71
62
|
setModule(undefined);
|
|
72
63
|
}
|
|
@@ -75,12 +66,11 @@ const useModule = (nameOrAddressOrFilter) => {
|
|
|
75
66
|
catch (ex) {
|
|
76
67
|
if (mounted()) {
|
|
77
68
|
const error = ex;
|
|
78
|
-
console.log(`Setting Error [${error.message}]`);
|
|
79
69
|
setError(error);
|
|
80
70
|
setModule(undefined);
|
|
81
71
|
}
|
|
82
72
|
}
|
|
83
|
-
}), [nameOrAddress, node, nodeError, address, filter
|
|
73
|
+
}), [nameOrAddress, node, nodeError, address, filter]);
|
|
84
74
|
return [module, error];
|
|
85
75
|
};
|
|
86
76
|
exports.useModule = useModule;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModule.js","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;
|
|
1
|
+
{"version":3,"file":"useModule.js","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAIrD,iCAAyC;AAEzC,uDAA0D;AAEnD,MAAM,SAAS,GAAG,CACvB,qBAA6C,EAC7C,OAAyB,EACiB,EAAE;IAC5C,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,OAAO,qBAAqB,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;IAC7I,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,OAAO,qBAAqB,KAAK,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAA;IACtI,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAA,wCAAsB,EAAC,OAAO,CAAC,CAAA;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,GAAW,CAAA;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAA;IAE3C,MAAM,OAAO,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAA;IAE/B,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,IAAI,SAAS,EAAE;gBACb,QAAQ,CAAC,SAAS,CAAC,CAAA;gBACnB,SAAS,CAAC,SAAS,CAAC,CAAA;aACrB;iBAAM;gBACL,IAAI,IAAI,EAAE;oBACR,MAAM,aAAa,GAAG,IAAI,CAAC,MAAoC,CAAA;oBAC/D,MAAM,aAAa,GAAG,IAAI,CAAC,MAAoC,CAAA;oBAC/D,MAAM,aAAa,GAAG,CAAC,IAA6B,EAAE,EAAE;wBACtD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAA;wBAC/B,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,aAAa,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAC,IAAI,MAAK,aAAa,CAAC,IAAI,OAAO,EAAE,EAAE;4BACtG,SAAS,CAAC,WAAsB,CAAC,CAAA;4BACjC,QAAQ,CAAC,SAAS,CAAC,CAAA;yBACpB;oBACH,CAAC,CAAA;oBACD,MAAM,aAAa,GAAG,CAAC,IAA6B,EAAE,EAAE;wBACtD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAA;wBAC/B,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,IAAI,OAAO,EAAE,EAAE;4BAChD,SAAS,CAAC,SAAS,CAAC,CAAA;4BACpB,QAAQ,CAAC,SAAS,CAAC,CAAA;yBACpB;oBACH,CAAC,CAAA;oBACD,MAAM,MAAM,GAAwB,aAAa;wBAC/C,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAU,aAAa,CAAC;wBAC5C,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAU,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;oBAC/C,IAAI,OAAO,EAAE,EAAE;wBACb,IAAI,MAAM,EAAE;4BACV,aAAa,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;yBAClD;6BAAM;4BACL,aAAa,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA;yBAClD;wBACD,SAAS,CAAC,MAAM,CAAC,CAAA;wBACjB,QAAQ,CAAC,SAAS,CAAC,CAAA;qBACpB;oBACD,OAAO,GAAG,EAAE;wBACV,qCAAqC;wBACrC,aAAa,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,EAAE,IAAI,CAAC,CAAA;wBACvD,aAAa,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,EAAE,IAAI,CAAC,CAAA;oBACzD,CAAC,CAAA;iBACF;qBAAM;oBACL,QAAQ,CAAC,SAAS,CAAC,CAAA;oBACnB,SAAS,CAAC,SAAS,CAAC,CAAA;iBACrB;aACF;SACF;QAAC,OAAO,EAAE,EAAE;YACX,IAAI,OAAO,EAAE,EAAE;gBACb,MAAM,KAAK,GAAG,EAAW,CAAA;gBACzB,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACf,SAAS,CAAC,SAAS,CAAC,CAAA;aACrB;SACF;IACH,CAAC,CAAA,EACD,CAAC,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC,CAClD,CAAA;IAED,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;AACxB,CAAC,CAAA;AAvEY,QAAA,SAAS,aAuErB"}
|
|
@@ -26,7 +26,6 @@ const useModules = (filter) => {
|
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
else {
|
|
29
|
-
console.log('Setting All to undefined');
|
|
30
29
|
setError(undefined);
|
|
31
30
|
setModules(undefined);
|
|
32
31
|
}
|
|
@@ -35,7 +34,6 @@ const useModules = (filter) => {
|
|
|
35
34
|
catch (ex) {
|
|
36
35
|
if (mounted()) {
|
|
37
36
|
const error = ex;
|
|
38
|
-
console.log(`Setting Error [${error.message}]`);
|
|
39
37
|
setError(error);
|
|
40
38
|
setModules(undefined);
|
|
41
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/hooks/useModules.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAErD,iCAAgC;AAEhC,uDAA0D;AAEnD,MAAM,UAAU,GAAG,CAAkC,MAAqB,EAA8C,EAAE;IAC/H,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAA,wCAAsB,GAAE,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAA;IAE3C,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,IAAI,SAAS,EAAE;gBACb,QAAQ,CAAC,SAAS,CAAC,CAAA;gBACnB,UAAU,CAAC,SAAS,CAAC,CAAA;aACtB;iBAAM;gBACL,IAAI,IAAI,EAAE;oBACR,MAAM,OAAO,GAA0B,MAAM,IAAI,CAAC,OAAO,CAAU,MAAM,CAAC,CAAA;oBAC1E,IAAI,OAAO,EAAE,EAAE;wBACb,UAAU,CAAC,OAAO,CAAC,CAAA;wBACnB,QAAQ,CAAC,SAAS,CAAC,CAAA;qBACpB;iBACF;qBAAM;oBACL,
|
|
1
|
+
{"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/hooks/useModules.ts"],"names":[],"mappings":";;;;AAAA,uDAAqD;AAErD,iCAAgC;AAEhC,uDAA0D;AAEnD,MAAM,UAAU,GAAG,CAAkC,MAAqB,EAA8C,EAAE;IAC/H,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAA,wCAAsB,GAAE,CAAA;IAClD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAA;IAE3C,IAAA,6BAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,IAAI;YACF,IAAI,SAAS,EAAE;gBACb,QAAQ,CAAC,SAAS,CAAC,CAAA;gBACnB,UAAU,CAAC,SAAS,CAAC,CAAA;aACtB;iBAAM;gBACL,IAAI,IAAI,EAAE;oBACR,MAAM,OAAO,GAA0B,MAAM,IAAI,CAAC,OAAO,CAAU,MAAM,CAAC,CAAA;oBAC1E,IAAI,OAAO,EAAE,EAAE;wBACb,UAAU,CAAC,OAAO,CAAC,CAAA;wBACnB,QAAQ,CAAC,SAAS,CAAC,CAAA;qBACpB;iBACF;qBAAM;oBACL,QAAQ,CAAC,SAAS,CAAC,CAAA;oBACnB,UAAU,CAAC,SAAS,CAAC,CAAA;iBACtB;aACF;SACF;QAAC,OAAO,EAAE,EAAE;YACX,IAAI,OAAO,EAAE,EAAE;gBACb,MAAM,KAAK,GAAG,EAAW,CAAA;gBACzB,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACf,UAAU,CAAC,SAAS,CAAC,CAAA;aACtB;SACF;IACH,CAAC,CAAA,EACD,CAAC,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,CAC1B,CAAA;IAED,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;AACzB,CAAC,CAAA;AApCY,QAAA,UAAU,cAoCtB"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useWrappedModule = exports.WrappedModuleHookFactory = void 0;
|
|
4
|
+
/* eslint-disable react-hooks/rules-of-hooks */
|
|
5
|
+
const react_render_spin_check_1 = require("@xylabs/react-render-spin-check");
|
|
4
6
|
const module_1 = require("@xyo-network/module");
|
|
5
7
|
const react_wallet_1 = require("@xyo-network/react-wallet");
|
|
6
8
|
const react_1 = require("react");
|
|
7
9
|
const useModule_1 = require("./useModule");
|
|
8
|
-
const WrappedModuleHookFactory = (wrapperObject) => {
|
|
10
|
+
const WrappedModuleHookFactory = (wrapperObject, name) => {
|
|
9
11
|
return (nameOrAddress, account) => {
|
|
12
|
+
(0, react_render_spin_check_1.useRenderSpinCheck)({ name: name !== null && name !== void 0 ? name : 'WrappedModuleHookFactory' });
|
|
10
13
|
const [providedAccount] = (0, react_wallet_1.useAccount)();
|
|
11
14
|
const [module, moduleError] = (0, useModule_1.useModule)(nameOrAddress !== null && nameOrAddress !== void 0 ? nameOrAddress : {
|
|
12
15
|
query: [wrapperObject.requiredQueries],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useWrappedModule.js","sourceRoot":"","sources":["../../../src/hooks/useWrappedModule.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"useWrappedModule.js","sourceRoot":"","sources":["../../../src/hooks/useWrappedModule.tsx"],"names":[],"mappings":";;;AAAA,+CAA+C;AAC/C,6EAAoE;AAEpE,gDAAmD;AACnD,4DAAsD;AACtD,iCAAoD;AAEpD,2CAAuC;AAOhC,MAAM,wBAAwB,GAAG,CACtC,aAA4C,EAC5C,IAAa,EACb,EAAE;IACF,OAAO,CAAC,aAAsB,EAAE,OAAyB,EAAmD,EAAE;QAC5G,IAAA,4CAAkB,EAAC,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,0BAA0B,EAAE,CAAC,CAAA;QAChE,MAAM,CAAC,eAAe,CAAC,GAAG,IAAA,yBAAU,GAAE,CAAA;QACtC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,IAAA,qBAAS,EACrC,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI;YACf,KAAK,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC;SACvC,CACF,CAAA;QAED,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAkB,CAAA;QACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAS,CAAA;QAE3C,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,eAAe,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;QAE1F,IAAI,CAAC,YAAY,EAAE;YACjB,MAAM,KAAK,GAAG,KAAK,CAAC,qEAAqE,CAAC,CAAA;YAC1F,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;YAC5B,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;QAED,IAAA,iBAAS,EAAC,GAAG,EAAE;YACb,IAAI,MAAM,IAAI,YAAY,EAAE;gBAC1B,IAAI;oBACF,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,CAAmB,CAAA;oBAC1E,UAAU,CAAC,OAAO,CAAC,CAAA;iBACpB;gBAAC,OAAO,EAAE,EAAE;oBACX,UAAU,CAAC,SAAS,CAAC,CAAA;oBACrB,QAAQ,CAAC,EAAW,CAAC,CAAA;iBACtB;aACF;iBAAM;gBACL,UAAU,CAAC,SAAS,CAAC,CAAA;gBACrB,QAAQ,CAAC,WAAW,CAAC,CAAA;aACtB;QACH,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAA;QAEhD,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACzB,CAAC,CAAA;AACH,CAAC,CAAA;AAzCY,QAAA,wBAAwB,4BAyCpC;AAEY,QAAA,gBAAgB,GAAG,IAAA,gCAAwB,EAAC,sBAAa,CAAC,CAAA"}
|