@xyo-network/react-node 2.48.2 → 2.48.4
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/components/Node.js +2 -2
- package/dist/cjs/components/Node.js.map +1 -1
- package/dist/cjs/components/render/RenderModule.js +2 -2
- package/dist/cjs/components/render/RenderModule.js.map +1 -1
- package/dist/cjs/hooks/useModule.js +29 -40
- package/dist/cjs/hooks/useModule.js.map +1 -1
- package/dist/cjs/hooks/useModules.js +2 -2
- package/dist/cjs/hooks/useModules.js.map +1 -1
- package/dist/cjs/hooks/useNodeAttachedAddresses.js +2 -2
- package/dist/cjs/hooks/useNodeAttachedAddresses.js.map +1 -1
- package/dist/docs.json +20 -20
- package/dist/esm/components/Node.js +1 -1
- package/dist/esm/components/Node.js.map +1 -1
- package/dist/esm/components/render/RenderModule.js +1 -1
- package/dist/esm/components/render/RenderModule.js.map +1 -1
- package/dist/esm/hooks/useModule.js +28 -39
- package/dist/esm/hooks/useModule.js.map +1 -1
- package/dist/esm/hooks/useModules.js +1 -1
- package/dist/esm/hooks/useModules.js.map +1 -1
- package/dist/esm/hooks/useNodeAttachedAddresses.js +1 -1
- package/dist/esm/hooks/useNodeAttachedAddresses.js.map +1 -1
- package/dist/types/components/Node.d.ts.map +1 -1
- package/dist/types/components/NodeDrawer.d.ts +1 -1
- package/dist/types/components/NodeDrawer.d.ts.map +1 -1
- package/dist/types/hooks/useModule.d.ts.map +1 -1
- package/package.json +11 -10
- package/src/components/Node.stories.tsx +3 -3
- package/src/components/Node.tsx +1 -1
- package/src/components/NodeDrawer.stories.tsx +4 -4
- package/src/components/NodeDrawer.tsx +1 -1
- package/src/components/render/RenderModule.tsx +1 -1
- package/src/hooks/useModule.tsx +31 -39
- package/src/hooks/useModules.ts +1 -1
- package/src/hooks/useNodeAttachedAddresses.ts +1 -1
|
@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.NodeBox = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
6
7
|
const react_flexbox_1 = require("@xylabs/react-flexbox");
|
|
7
|
-
const react_shared_1 = require("@xylabs/react-shared");
|
|
8
8
|
const node_1 = require("@xyo-network/node");
|
|
9
9
|
const react_1 = require("react");
|
|
10
10
|
const hooks_1 = require("../hooks");
|
|
11
11
|
const NodeBox = (props) => {
|
|
12
12
|
const [node] = (0, hooks_1.useProvidedNode)();
|
|
13
13
|
const [description, setDescription] = (0, react_1.useState)();
|
|
14
|
-
(0,
|
|
14
|
+
(0, react_async_effect_1.useAsyncEffect)(
|
|
15
15
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16
16
|
() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
17
17
|
const wrapper = node ? node_1.NodeWrapper.wrap(node) : undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA6D;AAC7D,
|
|
1
|
+
{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";;;;;AAAA,mEAA2D;AAC3D,yDAA6D;AAC7D,4CAA+C;AAC/C,iCAAgC;AAEhC,oCAA0C;AAEnC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,CAAC,IAAI,CAAC,GAAG,IAAA,uBAAe,GAAE,CAAA;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAA;IAExD,IAAA,mCAAc;IACZ,uDAAuD;IACvD,GAAS,EAAE;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,kBAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACzD,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAAE,CAAA,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IACpE,CAAC,CAAA,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,oBAAK,KAAK,cAChB,0CAAM,WAAW,GAAO,IAChB,CACX,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,OAAO,WAkBnB"}
|
|
@@ -5,13 +5,13 @@ const tslib_1 = require("tslib");
|
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const lab_1 = require("@mui/lab");
|
|
7
7
|
const material_1 = require("@mui/material");
|
|
8
|
-
const
|
|
8
|
+
const react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
9
9
|
const module_1 = require("@xyo-network/module");
|
|
10
10
|
const react_1 = require("react");
|
|
11
11
|
const RenderModule = ({ module, idRef }) => {
|
|
12
12
|
const { address, queries } = module;
|
|
13
13
|
const [childModules, setChildModules] = (0, react_1.useState)();
|
|
14
|
-
(0,
|
|
14
|
+
(0, react_async_effect_1.useAsyncEffect)(
|
|
15
15
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
16
16
|
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
17
17
|
const wrapper = module_1.ModuleWrapper.wrap(module);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";;;;;AAAA,kCAAmC;AACnC,4CAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";;;;;AAAA,kCAAmC;AACnC,4CAAsC;AACtC,mEAA2D;AAC3D,gDAA2D;AAC3D,iCAAkD;AAU3C,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,GAAY,CAAA;IAE5D,IAAA,mCAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,sBAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC1C,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,KAAK,OAAO,CAAC,CAAA;QAChH,IAAI,OAAO,EAAE,EAAE;YACb,eAAe,CAAC,QAAQ,CAAC,CAAA;SAC1B;IACH,CAAC,CAAA,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CAClB,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA;QACxD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC7B,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,wBAAC,qBAAqB,kBAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,OAAO,EAAE,iBACrE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,uBAAC,cAAQ,IAAa,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAA3G,KAAK,CAA0G,CAAA;YACvI,CAAC,CAAC,EACD,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzC,uBAAC,cAAQ,kBAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,gBAC9D,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,uBAAC,oBAAY,IAA2B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IAAtD,WAAW,CAAC,OAAO,CAAuC,CAC9E,CAAC,IACO,CACZ,CAAC,CAAC,CAAC,IAAI,KACc,CACzB,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,YAAY,gBAoCxB;AAED,MAAM,qBAAqB,GAAG,IAAA,iBAAM,EAAC,cAAQ,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChG,wBAAwB,EAAE;QACxB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAClC;CACF,CAAC,CAAC,CAAA"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useModule = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
const
|
|
5
|
+
const react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const useProvidedNode_1 = require("./useProvidedNode");
|
|
8
8
|
const useModule = (nameOrAddressOrFilter, account) => {
|
|
@@ -11,60 +11,49 @@ const useModule = (nameOrAddressOrFilter, account) => {
|
|
|
11
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 address = module === null || module === void 0 ? void 0 : module.address;
|
|
15
|
-
(0,
|
|
14
|
+
const address = (0, react_1.useMemo)(() => module === null || module === void 0 ? void 0 : module.address, [module]);
|
|
15
|
+
(0, react_async_effect_1.useAsyncEffect)(
|
|
16
16
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
17
|
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
18
18
|
const eventUnsubscribe = [];
|
|
19
19
|
try {
|
|
20
|
-
|
|
20
|
+
/* Check pre-conditions */
|
|
21
|
+
if (nodeError || !node || !nameOrAddress) {
|
|
21
22
|
if (mounted()) {
|
|
22
23
|
setError(nodeError);
|
|
23
24
|
setModule(undefined);
|
|
24
25
|
}
|
|
26
|
+
return;
|
|
25
27
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
setModule(eventModule);
|
|
32
|
-
setError(undefined);
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
const detachHandler = (args) => {
|
|
36
|
-
const eventModule = args.module;
|
|
37
|
-
if (eventModule.address === address) {
|
|
38
|
-
setModule(undefined);
|
|
39
|
-
setError(undefined);
|
|
40
|
-
}
|
|
41
|
-
};
|
|
42
|
-
const module = nameOrAddress
|
|
43
|
-
? yield node.resolve(nameOrAddress)
|
|
44
|
-
: (yield node.resolve(filter)).pop();
|
|
45
|
-
if (mounted()) {
|
|
46
|
-
eventUnsubscribe.push(node.on('moduleAttached', attachHandler));
|
|
47
|
-
eventUnsubscribe.push(node.on('moduleDetached', detachHandler));
|
|
48
|
-
setModule(module);
|
|
49
|
-
setError(undefined);
|
|
50
|
-
}
|
|
51
|
-
return () => {
|
|
52
|
-
//remove the event handler on unmount
|
|
53
|
-
eventUnsubscribe.forEach((func) => func());
|
|
54
|
-
};
|
|
28
|
+
const attachHandler = (args) => {
|
|
29
|
+
const eventModule = args.module;
|
|
30
|
+
if (nameOrAddress && (eventModule.address === nameOrAddress || (eventModule === null || eventModule === void 0 ? void 0 : eventModule.config.name) === nameOrAddress)) {
|
|
31
|
+
setModule(eventModule);
|
|
32
|
+
setError(undefined);
|
|
55
33
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
34
|
+
};
|
|
35
|
+
const detachHandler = (args) => {
|
|
36
|
+
const eventModule = args.module;
|
|
37
|
+
if (eventModule.address === address) {
|
|
38
|
+
setModule(undefined);
|
|
39
|
+
setError(undefined);
|
|
61
40
|
}
|
|
41
|
+
};
|
|
42
|
+
const module = nameOrAddress ? yield node.resolve(nameOrAddress) : (yield node.resolve(filter)).pop();
|
|
43
|
+
if (mounted()) {
|
|
44
|
+
eventUnsubscribe.push(node.on('moduleAttached', attachHandler));
|
|
45
|
+
eventUnsubscribe.push(node.on('moduleDetached', detachHandler));
|
|
46
|
+
setModule(module);
|
|
47
|
+
setError(undefined);
|
|
62
48
|
}
|
|
49
|
+
return () => {
|
|
50
|
+
//remove the event handler on unmount
|
|
51
|
+
eventUnsubscribe.forEach((func) => func());
|
|
52
|
+
};
|
|
63
53
|
}
|
|
64
54
|
catch (ex) {
|
|
65
55
|
if (mounted()) {
|
|
66
|
-
|
|
67
|
-
setError(error);
|
|
56
|
+
setError(ex);
|
|
68
57
|
setModule(undefined);
|
|
69
58
|
}
|
|
70
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModule.js","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"useModule.js","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useModules = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
const
|
|
5
|
+
const react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const useProvidedNode_1 = require("./useProvidedNode");
|
|
8
8
|
const useModules = (filter, logger) => {
|
|
@@ -16,7 +16,7 @@ const useModules = (filter, logger) => {
|
|
|
16
16
|
}
|
|
17
17
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
18
|
}, [nodeError, logger]);
|
|
19
|
-
(0,
|
|
19
|
+
(0, react_async_effect_1.useAsyncEffect)(
|
|
20
20
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
21
21
|
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
22
22
|
const eventUnsubscribe = [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/hooks/useModules.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/hooks/useModules.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useNodeAttachedAddresses = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
-
const
|
|
5
|
+
const react_async_effect_1 = require("@xylabs/react-async-effect");
|
|
6
6
|
const react_1 = require("react");
|
|
7
7
|
const useNode_1 = require("./useNode");
|
|
8
8
|
const useNodeAttachedAddresses = () => {
|
|
9
9
|
const [node] = (0, useNode_1.useNode)();
|
|
10
10
|
const [addresses, setAddresses] = (0, react_1.useState)();
|
|
11
|
-
(0,
|
|
11
|
+
(0, react_async_effect_1.useAsyncEffect)(
|
|
12
12
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
13
|
(mounted) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
|
|
14
14
|
const attached = yield (node === null || node === void 0 ? void 0 : node.attached());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNodeAttachedAddresses.js","sourceRoot":"","sources":["../../../src/hooks/useNodeAttachedAddresses.ts"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"useNodeAttachedAddresses.js","sourceRoot":"","sources":["../../../src/hooks/useNodeAttachedAddresses.ts"],"names":[],"mappings":";;;;AAAA,mEAA2D;AAC3D,iCAAgC;AAEhC,uCAAmC;AAE5B,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,CAAC,IAAI,CAAC,GAAG,IAAA,iBAAO,GAAE,CAAA;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAY,CAAA;IAEtD,IAAA,mCAAc;IACZ,uDAAuD;IACvD,CAAO,OAAO,EAAE,EAAE;QAChB,MAAM,QAAQ,GAAG,MAAM,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,EAAE,CAAA,CAAA;QACvC,IAAI,OAAO,EAAE,EAAE;YACb,YAAY,CAAC,QAAQ,CAAC,CAAA;SACvB;IACH,CAAC,CAAA,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CAAC,SAAS,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,EAAE,CAAC,CAAA;AACxC,CAAC,CAAA;AAhBY,QAAA,wBAAwB,4BAgBpC"}
|
package/dist/docs.json
CHANGED
|
@@ -447,7 +447,7 @@
|
|
|
447
447
|
"fileName": "packages/modules/packages/node/src/components/NodeDrawer.tsx",
|
|
448
448
|
"line": 10,
|
|
449
449
|
"character": 17,
|
|
450
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
450
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/components/NodeDrawer.tsx#L10"
|
|
451
451
|
}
|
|
452
452
|
],
|
|
453
453
|
"extendedTypes": [
|
|
@@ -1045,7 +1045,7 @@
|
|
|
1045
1045
|
"type": {
|
|
1046
1046
|
"type": "reference",
|
|
1047
1047
|
"name": "Context",
|
|
1048
|
-
"qualifiedName": "\"/Users/
|
|
1048
|
+
"qualifiedName": "\"/Users/arietrouw/GitHub/XYOracleNetwork/sdk-xyo-react-js/node_modules/@types/react/index\"",
|
|
1049
1049
|
"package": "@types/react"
|
|
1050
1050
|
}
|
|
1051
1051
|
},
|
|
@@ -1067,7 +1067,7 @@
|
|
|
1067
1067
|
"type": {
|
|
1068
1068
|
"type": "reference",
|
|
1069
1069
|
"name": "Context",
|
|
1070
|
-
"qualifiedName": "\"/Users/
|
|
1070
|
+
"qualifiedName": "\"/Users/arietrouw/GitHub/XYOracleNetwork/sdk-xyo-react-js/node_modules/@types/react/index\"",
|
|
1071
1071
|
"package": "@types/react"
|
|
1072
1072
|
}
|
|
1073
1073
|
},
|
|
@@ -1089,7 +1089,7 @@
|
|
|
1089
1089
|
"type": {
|
|
1090
1090
|
"type": "reference",
|
|
1091
1091
|
"name": "Context",
|
|
1092
|
-
"qualifiedName": "\"/Users/
|
|
1092
|
+
"qualifiedName": "\"/Users/arietrouw/GitHub/XYOracleNetwork/sdk-xyo-react-js/node_modules/@types/react/index\"",
|
|
1093
1093
|
"package": "@types/react"
|
|
1094
1094
|
}
|
|
1095
1095
|
},
|
|
@@ -1253,7 +1253,7 @@
|
|
|
1253
1253
|
"fileName": "packages/modules/packages/node/src/components/Node.tsx",
|
|
1254
1254
|
"line": 8,
|
|
1255
1255
|
"character": 13,
|
|
1256
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1256
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/components/Node.tsx#L8"
|
|
1257
1257
|
}
|
|
1258
1258
|
],
|
|
1259
1259
|
"signatures": [
|
|
@@ -1330,7 +1330,7 @@
|
|
|
1330
1330
|
"fileName": "packages/modules/packages/node/src/components/NodeDrawer.tsx",
|
|
1331
1331
|
"line": 12,
|
|
1332
1332
|
"character": 13,
|
|
1333
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1333
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/components/NodeDrawer.tsx#L12"
|
|
1334
1334
|
}
|
|
1335
1335
|
],
|
|
1336
1336
|
"signatures": [
|
|
@@ -1564,7 +1564,7 @@
|
|
|
1564
1564
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModule.tsx",
|
|
1565
1565
|
"line": 9,
|
|
1566
1566
|
"character": 13,
|
|
1567
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1567
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useWrappedModule.tsx#L9"
|
|
1568
1568
|
}
|
|
1569
1569
|
],
|
|
1570
1570
|
"signatures": [
|
|
@@ -1800,7 +1800,7 @@
|
|
|
1800
1800
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModule.tsx",
|
|
1801
1801
|
"line": 13,
|
|
1802
1802
|
"character": 18,
|
|
1803
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1803
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useWrappedModule.tsx#L13"
|
|
1804
1804
|
}
|
|
1805
1805
|
],
|
|
1806
1806
|
"signatures": [
|
|
@@ -1916,7 +1916,7 @@
|
|
|
1916
1916
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModules.tsx",
|
|
1917
1917
|
"line": 11,
|
|
1918
1918
|
"character": 13,
|
|
1919
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1919
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useWrappedModules.tsx#L11"
|
|
1920
1920
|
}
|
|
1921
1921
|
],
|
|
1922
1922
|
"signatures": [
|
|
@@ -2150,7 +2150,7 @@
|
|
|
2150
2150
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModules.tsx",
|
|
2151
2151
|
"line": 18,
|
|
2152
2152
|
"character": 18,
|
|
2153
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2153
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useWrappedModules.tsx#L18"
|
|
2154
2154
|
}
|
|
2155
2155
|
],
|
|
2156
2156
|
"signatures": [
|
|
@@ -2271,7 +2271,7 @@
|
|
|
2271
2271
|
"fileName": "packages/modules/packages/node/src/hooks/useMemoryNodeUpdates.tsx",
|
|
2272
2272
|
"line": 13,
|
|
2273
2273
|
"character": 13,
|
|
2274
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2274
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useMemoryNodeUpdates.tsx#L13"
|
|
2275
2275
|
}
|
|
2276
2276
|
],
|
|
2277
2277
|
"signatures": [
|
|
@@ -2317,7 +2317,7 @@
|
|
|
2317
2317
|
"fileName": "packages/modules/packages/node/src/hooks/useModule.tsx",
|
|
2318
2318
|
"line": 10,
|
|
2319
2319
|
"character": 13,
|
|
2320
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2320
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useModule.tsx#L10"
|
|
2321
2321
|
}
|
|
2322
2322
|
],
|
|
2323
2323
|
"signatures": [
|
|
@@ -2819,7 +2819,7 @@
|
|
|
2819
2819
|
"fileName": "packages/modules/packages/node/src/hooks/useModules.ts",
|
|
2820
2820
|
"line": 9,
|
|
2821
2821
|
"character": 13,
|
|
2822
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2822
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useModules.ts#L9"
|
|
2823
2823
|
}
|
|
2824
2824
|
],
|
|
2825
2825
|
"signatures": [
|
|
@@ -3251,7 +3251,7 @@
|
|
|
3251
3251
|
"fileName": "packages/modules/packages/node/src/hooks/useNode.tsx",
|
|
3252
3252
|
"line": 24,
|
|
3253
3253
|
"character": 13,
|
|
3254
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3254
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useNode.tsx#L24"
|
|
3255
3255
|
}
|
|
3256
3256
|
],
|
|
3257
3257
|
"signatures": [
|
|
@@ -3532,7 +3532,7 @@
|
|
|
3532
3532
|
"fileName": "packages/modules/packages/node/src/hooks/useNodeAttachedAddresses.ts",
|
|
3533
3533
|
"line": 6,
|
|
3534
3534
|
"character": 13,
|
|
3535
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3535
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useNodeAttachedAddresses.ts#L6"
|
|
3536
3536
|
}
|
|
3537
3537
|
],
|
|
3538
3538
|
"signatures": [
|
|
@@ -3654,7 +3654,7 @@
|
|
|
3654
3654
|
"fileName": "packages/modules/packages/node/src/hooks/useProvidedNode.tsx",
|
|
3655
3655
|
"line": 7,
|
|
3656
3656
|
"character": 13,
|
|
3657
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3657
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useProvidedNode.tsx#L7"
|
|
3658
3658
|
}
|
|
3659
3659
|
],
|
|
3660
3660
|
"signatures": [
|
|
@@ -3882,7 +3882,7 @@
|
|
|
3882
3882
|
"fileName": "packages/modules/packages/node/src/hooks/useProvidedNode.tsx",
|
|
3883
3883
|
"line": 13,
|
|
3884
3884
|
"character": 13,
|
|
3885
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3885
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useProvidedNode.tsx#L13"
|
|
3886
3886
|
}
|
|
3887
3887
|
],
|
|
3888
3888
|
"signatures": [
|
|
@@ -4150,7 +4150,7 @@
|
|
|
4150
4150
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModule.tsx",
|
|
4151
4151
|
"line": 66,
|
|
4152
4152
|
"character": 13,
|
|
4153
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4153
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useWrappedModule.tsx#L66"
|
|
4154
4154
|
}
|
|
4155
4155
|
],
|
|
4156
4156
|
"signatures": [
|
|
@@ -4421,7 +4421,7 @@
|
|
|
4421
4421
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModules.tsx",
|
|
4422
4422
|
"line": 75,
|
|
4423
4423
|
"character": 13,
|
|
4424
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4424
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/hooks/useWrappedModules.tsx#L75"
|
|
4425
4425
|
}
|
|
4426
4426
|
],
|
|
4427
4427
|
"signatures": [
|
|
@@ -4744,7 +4744,7 @@
|
|
|
4744
4744
|
"fileName": "packages/modules/packages/node/src/index.ts",
|
|
4745
4745
|
"line": 1,
|
|
4746
4746
|
"character": 0,
|
|
4747
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4747
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/f3481fcfbb5/packages/modules/packages/node/src/index.ts#L1"
|
|
4748
4748
|
}
|
|
4749
4749
|
]
|
|
4750
4750
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
2
3
|
import { FlexCol } from '@xylabs/react-flexbox';
|
|
3
|
-
import { useAsyncEffect } from '@xylabs/react-shared';
|
|
4
4
|
import { NodeWrapper } from '@xyo-network/node';
|
|
5
5
|
import { useState } from 'react';
|
|
6
6
|
import { useProvidedNode } from '../hooks';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAgB,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAE1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,KAAK,EAAE,EAAE;IACvD,MAAM,CAAC,IAAI,CAAC,GAAG,eAAe,EAAE,CAAA;IAChC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAU,CAAA;IAExD,cAAc;IACZ,uDAAuD;IACvD,KAAK,IAAI,EAAE;QACT,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;QACzD,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,OAAO,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAA;IACpE,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,KAAC,OAAO,OAAK,KAAK,YAChB,wBAAM,WAAW,GAAO,GAChB,CACX,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { TreeItem } from '@mui/lab';
|
|
3
3
|
import { styled } from '@mui/material';
|
|
4
|
-
import { useAsyncEffect } from '@xylabs/react-
|
|
4
|
+
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
5
5
|
import { ModuleWrapper } from '@xyo-network/module';
|
|
6
6
|
import { useState } from 'react';
|
|
7
7
|
export const RenderModule = ({ module, idRef }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"RenderModule.js","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAU,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAoB,QAAQ,EAAE,MAAM,OAAO,CAAA;AAUlD,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7E,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,MAAM,CAAA;IACnC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAY,CAAA;IAE5D,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QAC1C,MAAM,QAAQ,GAAG,CAAC,MAAM,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,CAAC,OAAO,KAAK,OAAO,CAAC,CAAA;QAChH,IAAI,OAAO,EAAE,EAAE;YACb,eAAe,CAAC,QAAQ,CAAC,CAAA;SAC1B;IACH,CAAC,EACD,CAAC,MAAM,EAAE,OAAO,CAAC,CAClB,CAAA;IAED,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,MAAM,KAAK,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAA;QACxD,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAC7B,OAAO,KAAK,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,MAAC,qBAAqB,IAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,YAAY,OAAO,EAAE,aACrE,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;gBAC5B,OAAO,KAAC,QAAQ,IAAa,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,WAAW,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAA3G,KAAK,CAA0G,CAAA;YACvI,CAAC,CAAC,EACD,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACzC,KAAC,QAAQ,IAAC,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,EAAE,YAC9D,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAA2B,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,IAAtD,WAAW,CAAC,OAAO,CAAuC,CAC9E,CAAC,GACO,CACZ,CAAC,CAAC,CAAC,IAAI,IACc,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAChG,wBAAwB,EAAE;QACxB,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAClC;CACF,CAAC,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useAsyncEffect } from '@xylabs/react-
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
2
2
|
import { useMemo, useState } from 'react';
|
|
3
3
|
import { useProvidedWrappedNode } from './useProvidedNode';
|
|
4
4
|
export const useModule = (nameOrAddressOrFilter, account) => {
|
|
@@ -7,60 +7,49 @@ export const useModule = (nameOrAddressOrFilter, account) => {
|
|
|
7
7
|
const [node, nodeError] = useProvidedWrappedNode(account);
|
|
8
8
|
const [module, setModule] = useState();
|
|
9
9
|
const [error, setError] = useState();
|
|
10
|
-
const address = module?.address;
|
|
10
|
+
const address = useMemo(() => module?.address, [module]);
|
|
11
11
|
useAsyncEffect(
|
|
12
12
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
13
13
|
async (mounted) => {
|
|
14
14
|
const eventUnsubscribe = [];
|
|
15
15
|
try {
|
|
16
|
-
|
|
16
|
+
/* Check pre-conditions */
|
|
17
|
+
if (nodeError || !node || !nameOrAddress) {
|
|
17
18
|
if (mounted()) {
|
|
18
19
|
setError(nodeError);
|
|
19
20
|
setModule(undefined);
|
|
20
21
|
}
|
|
22
|
+
return;
|
|
21
23
|
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
setModule(eventModule);
|
|
28
|
-
setError(undefined);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const detachHandler = (args) => {
|
|
32
|
-
const eventModule = args.module;
|
|
33
|
-
if (eventModule.address === address) {
|
|
34
|
-
setModule(undefined);
|
|
35
|
-
setError(undefined);
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
const module = nameOrAddress
|
|
39
|
-
? await node.resolve(nameOrAddress)
|
|
40
|
-
: (await node.resolve(filter)).pop();
|
|
41
|
-
if (mounted()) {
|
|
42
|
-
eventUnsubscribe.push(node.on('moduleAttached', attachHandler));
|
|
43
|
-
eventUnsubscribe.push(node.on('moduleDetached', detachHandler));
|
|
44
|
-
setModule(module);
|
|
45
|
-
setError(undefined);
|
|
46
|
-
}
|
|
47
|
-
return () => {
|
|
48
|
-
//remove the event handler on unmount
|
|
49
|
-
eventUnsubscribe.forEach((func) => func());
|
|
50
|
-
};
|
|
24
|
+
const attachHandler = (args) => {
|
|
25
|
+
const eventModule = args.module;
|
|
26
|
+
if (nameOrAddress && (eventModule.address === nameOrAddress || eventModule?.config.name === nameOrAddress)) {
|
|
27
|
+
setModule(eventModule);
|
|
28
|
+
setError(undefined);
|
|
51
29
|
}
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
30
|
+
};
|
|
31
|
+
const detachHandler = (args) => {
|
|
32
|
+
const eventModule = args.module;
|
|
33
|
+
if (eventModule.address === address) {
|
|
34
|
+
setModule(undefined);
|
|
35
|
+
setError(undefined);
|
|
57
36
|
}
|
|
37
|
+
};
|
|
38
|
+
const module = nameOrAddress ? await node.resolve(nameOrAddress) : (await node.resolve(filter)).pop();
|
|
39
|
+
if (mounted()) {
|
|
40
|
+
eventUnsubscribe.push(node.on('moduleAttached', attachHandler));
|
|
41
|
+
eventUnsubscribe.push(node.on('moduleDetached', detachHandler));
|
|
42
|
+
setModule(module);
|
|
43
|
+
setError(undefined);
|
|
58
44
|
}
|
|
45
|
+
return () => {
|
|
46
|
+
//remove the event handler on unmount
|
|
47
|
+
eventUnsubscribe.forEach((func) => func());
|
|
48
|
+
};
|
|
59
49
|
}
|
|
60
50
|
catch (ex) {
|
|
61
51
|
if (mounted()) {
|
|
62
|
-
|
|
63
|
-
setError(error);
|
|
52
|
+
setError(ex);
|
|
64
53
|
setModule(undefined);
|
|
65
54
|
}
|
|
66
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModule.js","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useModule.js","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useAsyncEffect } from '@xylabs/react-
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/react-async-effect';
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import { useProvidedWrappedNode } from './useProvidedNode';
|
|
4
4
|
export const useModules = (filter, logger) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/hooks/useModules.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useModules.js","sourceRoot":"","sources":["../../../src/hooks/useModules.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNodeAttachedAddresses.js","sourceRoot":"","sources":["../../../src/hooks/useNodeAttachedAddresses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"useNodeAttachedAddresses.js","sourceRoot":"","sources":["../../../src/hooks/useNodeAttachedAddresses.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,EAAE;IAC3C,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAA;IACxB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAY,CAAA;IAEtD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,CAAA;QACvC,IAAI,OAAO,EAAE,EAAE;YACb,YAAY,CAAC,QAAQ,CAAC,CAAA;SACvB;IACH,CAAC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CAAC,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAA;AACxC,CAAC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAM7D,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkB1C,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DrawerProps } from '@mui/material';
|
|
3
|
-
import { WithChildren } from '@xylabs/react-shared';
|
|
3
|
+
import type { WithChildren } from '@xylabs/react-shared';
|
|
4
4
|
export interface NodeDrawerProps extends WithChildren, Omit<DrawerProps, 'open'> {
|
|
5
5
|
}
|
|
6
6
|
export declare const NodeDrawer: React.FC<NodeDrawerProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,WAAW,EAAc,MAAM,eAAe,CAAA;AAElF,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"NodeDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDrawer.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,WAAW,EAAc,MAAM,eAAe,CAAA;AAElF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAMxD,MAAM,WAAW,eAAgB,SAAQ,YAAY,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;CAAG;AAEnF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmBhD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModule.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAMhE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGACI,MAAM,GAAG,YAAY,YACnC,eAAe,
|
|
1
|
+
{"version":3,"file":"useModule.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModule.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAE5D,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAMhE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kGACI,MAAM,GAAG,YAAY,YACnC,eAAe,6CA4D1B,CAAA"}
|
package/package.json
CHANGED
|
@@ -11,27 +11,28 @@
|
|
|
11
11
|
},
|
|
12
12
|
"dependencies": {
|
|
13
13
|
"@mui/lab": "^5.0.0-alpha.125",
|
|
14
|
-
"@xylabs/react-
|
|
15
|
-
"@xylabs/react-
|
|
16
|
-
"@xylabs/react-
|
|
14
|
+
"@xylabs/react-async-effect": "^2.17.1",
|
|
15
|
+
"@xylabs/react-flexbox": "^2.17.1",
|
|
16
|
+
"@xylabs/react-render-spin-check": "^2.17.1",
|
|
17
|
+
"@xylabs/react-shared": "^2.17.1",
|
|
17
18
|
"@xyo-network/account-model": "^2.55.0",
|
|
18
19
|
"@xyo-network/core": "^2.55.0",
|
|
19
20
|
"@xyo-network/module": "^2.55.0",
|
|
20
21
|
"@xyo-network/module-model": "^2.55.0",
|
|
21
22
|
"@xyo-network/node": "^2.55.0",
|
|
22
|
-
"@xyo-network/react-node-context": "^2.48.
|
|
23
|
-
"@xyo-network/react-node-provider": "^2.48.
|
|
24
|
-
"@xyo-network/react-wallet": "^2.48.
|
|
23
|
+
"@xyo-network/react-node-context": "^2.48.4",
|
|
24
|
+
"@xyo-network/react-node-provider": "^2.48.4",
|
|
25
|
+
"@xyo-network/react-wallet": "^2.48.4",
|
|
25
26
|
"lodash": "^4.17.21"
|
|
26
27
|
},
|
|
27
28
|
"devDependencies": {
|
|
28
|
-
"@storybook/react": "^
|
|
29
|
+
"@storybook/react": "^7.0.2",
|
|
29
30
|
"@types/lodash": "^4.14.192",
|
|
30
31
|
"@xylabs/ts-scripts-yarn3": "^2.16.5",
|
|
31
32
|
"@xylabs/tsconfig-react": "^2.16.5",
|
|
32
33
|
"@xyo-network/account": "^2.55.0",
|
|
33
|
-
"@xyo-network/react-storybook": "^2.48.
|
|
34
|
-
"@xyo-network/react-wallet": "^2.48.
|
|
34
|
+
"@xyo-network/react-storybook": "^2.48.4",
|
|
35
|
+
"@xyo-network/react-wallet": "^2.48.4",
|
|
35
36
|
"require-from-string": "^2.0.2",
|
|
36
37
|
"typescript": "^4.9.5"
|
|
37
38
|
},
|
|
@@ -87,5 +88,5 @@
|
|
|
87
88
|
},
|
|
88
89
|
"sideEffects": false,
|
|
89
90
|
"types": "dist/types/index.d.ts",
|
|
90
|
-
"version": "2.48.
|
|
91
|
+
"version": "2.48.4"
|
|
91
92
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { Decorator, Meta, StoryFn } from '@storybook/react'
|
|
2
2
|
import { useAsyncEffect, WithChildren } from '@xylabs/react-shared'
|
|
3
3
|
import { HDWallet } from '@xyo-network/account'
|
|
4
4
|
import { AbstractModule } from '@xyo-network/module'
|
|
@@ -18,7 +18,7 @@ const TestModuleAccount = randomWallet.deriveAccount('0')
|
|
|
18
18
|
|
|
19
19
|
const account = randomWallet.deriveAccount('0')
|
|
20
20
|
|
|
21
|
-
const MemoryNodeDecorator:
|
|
21
|
+
const MemoryNodeDecorator: Decorator = (Story, args) => {
|
|
22
22
|
return (
|
|
23
23
|
<WalletProvider defaultWallet={randomWallet}>
|
|
24
24
|
<MemoryNodeProvider config={{ schema: NodeConfigSchema }}>
|
|
@@ -46,7 +46,7 @@ export default {
|
|
|
46
46
|
title: 'modules/node/NodeBox',
|
|
47
47
|
} as Meta
|
|
48
48
|
|
|
49
|
-
const Template:
|
|
49
|
+
const Template: StoryFn<React.FC> = (props) => {
|
|
50
50
|
const [node] = useProvidedNode() as [MemoryNode]
|
|
51
51
|
const [description, setDescription] = useState<string>()
|
|
52
52
|
|
package/src/components/Node.tsx
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Button } from '@mui/material'
|
|
2
|
-
import {
|
|
2
|
+
import { Decorator, Meta, StoryFn } from '@storybook/react'
|
|
3
3
|
import { FlexCol } from '@xylabs/react-flexbox'
|
|
4
4
|
import { NodeConfigSchema } from '@xyo-network/node'
|
|
5
5
|
import { MemoryNodeProvider, NodeDrawerProvider, useNodeDrawer } from '@xyo-network/react-node-provider'
|
|
6
6
|
|
|
7
7
|
import { NodeDrawer } from './NodeDrawer'
|
|
8
8
|
|
|
9
|
-
const ProviderDecorator:
|
|
9
|
+
const ProviderDecorator: Decorator = (Story, args) => (
|
|
10
10
|
<MemoryNodeProvider config={{ schema: NodeConfigSchema }}>
|
|
11
11
|
<NodeDrawerProvider defaultOpen>
|
|
12
12
|
<Story {...args} />
|
|
@@ -18,9 +18,9 @@ const StorybookEntry = {
|
|
|
18
18
|
component: NodeDrawer,
|
|
19
19
|
decorators: [ProviderDecorator],
|
|
20
20
|
title: 'modules/node/NodeDrawer',
|
|
21
|
-
} as
|
|
21
|
+
} as Meta<typeof NodeDrawer>
|
|
22
22
|
|
|
23
|
-
const Template:
|
|
23
|
+
const Template: StoryFn<typeof NodeDrawer> = (args) => {
|
|
24
24
|
const { setOpen } = useNodeDrawer()
|
|
25
25
|
return (
|
|
26
26
|
<FlexCol>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import CloseIcon from '@mui/icons-material/Close'
|
|
2
2
|
import { ClickAwayListener, Drawer, DrawerProps, IconButton } from '@mui/material'
|
|
3
3
|
import { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'
|
|
4
|
-
import { WithChildren } from '@xylabs/react-shared'
|
|
4
|
+
import type { WithChildren } from '@xylabs/react-shared'
|
|
5
5
|
import { useNodeDrawer } from '@xyo-network/react-node-provider'
|
|
6
6
|
|
|
7
7
|
import { useProvidedNode } from '../hooks'
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TreeItem } from '@mui/lab'
|
|
2
2
|
import { styled } from '@mui/material'
|
|
3
|
-
import { useAsyncEffect } from '@xylabs/react-
|
|
3
|
+
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
4
4
|
import { Module, ModuleWrapper } from '@xyo-network/module'
|
|
5
5
|
import { MutableRefObject, useState } from 'react'
|
|
6
6
|
|
package/src/hooks/useModule.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useAsyncEffect } from '@xylabs/react-
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
2
2
|
import { AccountInstance } from '@xyo-network/account-model'
|
|
3
3
|
import { EventUnsubscribeFunction } from '@xyo-network/module'
|
|
4
4
|
import { Module, ModuleFilter } from '@xyo-network/module-model'
|
|
@@ -17,58 +17,50 @@ export const useModule = <TModule extends Module = Module>(
|
|
|
17
17
|
const [module, setModule] = useState<TModule>()
|
|
18
18
|
const [error, setError] = useState<Error>()
|
|
19
19
|
|
|
20
|
-
const address = module?.address
|
|
20
|
+
const address = useMemo(() => module?.address, [module])
|
|
21
21
|
|
|
22
22
|
useAsyncEffect(
|
|
23
23
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
24
24
|
async (mounted) => {
|
|
25
25
|
const eventUnsubscribe: EventUnsubscribeFunction[] = []
|
|
26
26
|
try {
|
|
27
|
-
|
|
27
|
+
/* Check pre-conditions */
|
|
28
|
+
if (nodeError || !node || !nameOrAddress) {
|
|
28
29
|
if (mounted()) {
|
|
29
30
|
setError(nodeError)
|
|
30
31
|
setModule(undefined)
|
|
31
32
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
48
|
-
const module: TModule | undefined = nameOrAddress
|
|
49
|
-
? await node.resolve<TModule>(nameOrAddress)
|
|
50
|
-
: (await node.resolve<TModule>(filter)).pop()
|
|
51
|
-
if (mounted()) {
|
|
52
|
-
eventUnsubscribe.push(node.on('moduleAttached', attachHandler))
|
|
53
|
-
eventUnsubscribe.push(node.on('moduleDetached', detachHandler))
|
|
54
|
-
setModule(module)
|
|
55
|
-
setError(undefined)
|
|
56
|
-
}
|
|
57
|
-
return () => {
|
|
58
|
-
//remove the event handler on unmount
|
|
59
|
-
eventUnsubscribe.forEach((func) => func())
|
|
60
|
-
}
|
|
61
|
-
} else {
|
|
62
|
-
if (mounted()) {
|
|
63
|
-
setError(undefined)
|
|
64
|
-
setModule(undefined)
|
|
65
|
-
}
|
|
33
|
+
return
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
const attachHandler = (args: ModuleAttachedEventArgs) => {
|
|
37
|
+
const eventModule = args.module
|
|
38
|
+
if (nameOrAddress && (eventModule.address === nameOrAddress || eventModule?.config.name === nameOrAddress)) {
|
|
39
|
+
setModule(eventModule as TModule)
|
|
40
|
+
setError(undefined)
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
const detachHandler = (args: ModuleDetachedEventArgs) => {
|
|
44
|
+
const eventModule = args.module
|
|
45
|
+
if (eventModule.address === address) {
|
|
46
|
+
setModule(undefined)
|
|
47
|
+
setError(undefined)
|
|
66
48
|
}
|
|
67
49
|
}
|
|
50
|
+
const module: TModule | undefined = nameOrAddress ? await node.resolve<TModule>(nameOrAddress) : (await node.resolve<TModule>(filter)).pop()
|
|
51
|
+
if (mounted()) {
|
|
52
|
+
eventUnsubscribe.push(node.on('moduleAttached', attachHandler))
|
|
53
|
+
eventUnsubscribe.push(node.on('moduleDetached', detachHandler))
|
|
54
|
+
setModule(module)
|
|
55
|
+
setError(undefined)
|
|
56
|
+
}
|
|
57
|
+
return () => {
|
|
58
|
+
//remove the event handler on unmount
|
|
59
|
+
eventUnsubscribe.forEach((func) => func())
|
|
60
|
+
}
|
|
68
61
|
} catch (ex) {
|
|
69
62
|
if (mounted()) {
|
|
70
|
-
|
|
71
|
-
setError(error)
|
|
63
|
+
setError(ex as Error)
|
|
72
64
|
setModule(undefined)
|
|
73
65
|
}
|
|
74
66
|
}
|
package/src/hooks/useModules.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useAsyncEffect } from '@xylabs/react-
|
|
1
|
+
import { useAsyncEffect } from '@xylabs/react-async-effect'
|
|
2
2
|
import { Logger } from '@xyo-network/core'
|
|
3
3
|
import { EventUnsubscribeFunction } from '@xyo-network/module'
|
|
4
4
|
import { Module, ModuleFilter } from '@xyo-network/module-model'
|