@xyo-network/react-node 2.48.2 → 2.48.5
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 +91 -65
- 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/454964ef87c/packages/modules/packages/node/src/components/NodeDrawer.tsx#L10"
|
|
451
451
|
}
|
|
452
452
|
],
|
|
453
453
|
"extendedTypes": [
|
|
@@ -478,14 +478,14 @@
|
|
|
478
478
|
]
|
|
479
479
|
},
|
|
480
480
|
{
|
|
481
|
-
"id":
|
|
481
|
+
"id": 153,
|
|
482
482
|
"name": "NodeDrawerProviderProps",
|
|
483
483
|
"kind": 256,
|
|
484
484
|
"kindString": "Interface",
|
|
485
485
|
"flags": {},
|
|
486
486
|
"children": [
|
|
487
487
|
{
|
|
488
|
-
"id":
|
|
488
|
+
"id": 154,
|
|
489
489
|
"name": "defaultOpen",
|
|
490
490
|
"kind": 1024,
|
|
491
491
|
"kindString": "Property",
|
|
@@ -509,7 +509,7 @@
|
|
|
509
509
|
{
|
|
510
510
|
"title": "Properties",
|
|
511
511
|
"children": [
|
|
512
|
-
|
|
512
|
+
154
|
|
513
513
|
]
|
|
514
514
|
}
|
|
515
515
|
],
|
|
@@ -640,14 +640,14 @@
|
|
|
640
640
|
]
|
|
641
641
|
},
|
|
642
642
|
{
|
|
643
|
-
"id":
|
|
643
|
+
"id": 143,
|
|
644
644
|
"name": "NodeProviderProps",
|
|
645
645
|
"kind": 256,
|
|
646
646
|
"kindString": "Interface",
|
|
647
647
|
"flags": {},
|
|
648
648
|
"children": [
|
|
649
649
|
{
|
|
650
|
-
"id":
|
|
650
|
+
"id": 144,
|
|
651
651
|
"name": "node",
|
|
652
652
|
"kind": 1024,
|
|
653
653
|
"kindString": "Property",
|
|
@@ -685,7 +685,7 @@
|
|
|
685
685
|
{
|
|
686
686
|
"type": "reflection",
|
|
687
687
|
"declaration": {
|
|
688
|
-
"id":
|
|
688
|
+
"id": 145,
|
|
689
689
|
"name": "__type",
|
|
690
690
|
"kind": 65536,
|
|
691
691
|
"kindString": "Type literal",
|
|
@@ -726,7 +726,7 @@
|
|
|
726
726
|
{
|
|
727
727
|
"type": "reflection",
|
|
728
728
|
"declaration": {
|
|
729
|
-
"id":
|
|
729
|
+
"id": 146,
|
|
730
730
|
"name": "__type",
|
|
731
731
|
"kind": 65536,
|
|
732
732
|
"kindString": "Type literal",
|
|
@@ -749,7 +749,7 @@
|
|
|
749
749
|
{
|
|
750
750
|
"type": "reflection",
|
|
751
751
|
"declaration": {
|
|
752
|
-
"id":
|
|
752
|
+
"id": 147,
|
|
753
753
|
"name": "__type",
|
|
754
754
|
"kind": 65536,
|
|
755
755
|
"kindString": "Type literal",
|
|
@@ -804,7 +804,7 @@
|
|
|
804
804
|
{
|
|
805
805
|
"type": "reflection",
|
|
806
806
|
"declaration": {
|
|
807
|
-
"id":
|
|
807
|
+
"id": 148,
|
|
808
808
|
"name": "__type",
|
|
809
809
|
"kind": 65536,
|
|
810
810
|
"kindString": "Type literal",
|
|
@@ -857,7 +857,7 @@
|
|
|
857
857
|
{
|
|
858
858
|
"title": "Properties",
|
|
859
859
|
"children": [
|
|
860
|
-
|
|
860
|
+
144
|
|
861
861
|
]
|
|
862
862
|
}
|
|
863
863
|
],
|
|
@@ -968,7 +968,7 @@
|
|
|
968
968
|
},
|
|
969
969
|
{
|
|
970
970
|
"id": 130,
|
|
971
|
-
"name": "
|
|
971
|
+
"name": "modules",
|
|
972
972
|
"kind": 1024,
|
|
973
973
|
"kindString": "Property",
|
|
974
974
|
"flags": {
|
|
@@ -981,6 +981,31 @@
|
|
|
981
981
|
"character": 4
|
|
982
982
|
}
|
|
983
983
|
],
|
|
984
|
+
"type": {
|
|
985
|
+
"type": "array",
|
|
986
|
+
"elementType": {
|
|
987
|
+
"type": "reference",
|
|
988
|
+
"name": "Module",
|
|
989
|
+
"qualifiedName": "Module",
|
|
990
|
+
"package": "@xyo-network/module-model"
|
|
991
|
+
}
|
|
992
|
+
}
|
|
993
|
+
},
|
|
994
|
+
{
|
|
995
|
+
"id": 131,
|
|
996
|
+
"name": "required",
|
|
997
|
+
"kind": 1024,
|
|
998
|
+
"kindString": "Property",
|
|
999
|
+
"flags": {
|
|
1000
|
+
"isOptional": true
|
|
1001
|
+
},
|
|
1002
|
+
"sources": [
|
|
1003
|
+
{
|
|
1004
|
+
"fileName": "packages/modules/packages/node/packages/provider/dist/types/MemoryProvider.d.ts",
|
|
1005
|
+
"line": 8,
|
|
1006
|
+
"character": 4
|
|
1007
|
+
}
|
|
1008
|
+
],
|
|
984
1009
|
"type": {
|
|
985
1010
|
"type": "intrinsic",
|
|
986
1011
|
"name": "boolean"
|
|
@@ -992,7 +1017,8 @@
|
|
|
992
1017
|
"title": "Properties",
|
|
993
1018
|
"children": [
|
|
994
1019
|
129,
|
|
995
|
-
130
|
|
1020
|
+
130,
|
|
1021
|
+
131
|
|
996
1022
|
]
|
|
997
1023
|
}
|
|
998
1024
|
],
|
|
@@ -1045,7 +1071,7 @@
|
|
|
1045
1071
|
"type": {
|
|
1046
1072
|
"type": "reference",
|
|
1047
1073
|
"name": "Context",
|
|
1048
|
-
"qualifiedName": "\"/Users/
|
|
1074
|
+
"qualifiedName": "\"/Users/arietrouw/GitHub/XYOracleNetwork/sdk-xyo-react-js/node_modules/@types/react/index\"",
|
|
1049
1075
|
"package": "@types/react"
|
|
1050
1076
|
}
|
|
1051
1077
|
},
|
|
@@ -1067,7 +1093,7 @@
|
|
|
1067
1093
|
"type": {
|
|
1068
1094
|
"type": "reference",
|
|
1069
1095
|
"name": "Context",
|
|
1070
|
-
"qualifiedName": "\"/Users/
|
|
1096
|
+
"qualifiedName": "\"/Users/arietrouw/GitHub/XYOracleNetwork/sdk-xyo-react-js/node_modules/@types/react/index\"",
|
|
1071
1097
|
"package": "@types/react"
|
|
1072
1098
|
}
|
|
1073
1099
|
},
|
|
@@ -1089,12 +1115,12 @@
|
|
|
1089
1115
|
"type": {
|
|
1090
1116
|
"type": "reference",
|
|
1091
1117
|
"name": "Context",
|
|
1092
|
-
"qualifiedName": "\"/Users/
|
|
1118
|
+
"qualifiedName": "\"/Users/arietrouw/GitHub/XYOracleNetwork/sdk-xyo-react-js/node_modules/@types/react/index\"",
|
|
1093
1119
|
"package": "@types/react"
|
|
1094
1120
|
}
|
|
1095
1121
|
},
|
|
1096
1122
|
{
|
|
1097
|
-
"id":
|
|
1123
|
+
"id": 132,
|
|
1098
1124
|
"name": "MemoryNodeProvider",
|
|
1099
1125
|
"kind": 64,
|
|
1100
1126
|
"kindString": "Function",
|
|
@@ -1102,20 +1128,20 @@
|
|
|
1102
1128
|
"sources": [
|
|
1103
1129
|
{
|
|
1104
1130
|
"fileName": "packages/modules/packages/node/packages/provider/dist/types/MemoryProvider.d.ts",
|
|
1105
|
-
"line":
|
|
1131
|
+
"line": 10,
|
|
1106
1132
|
"character": 21
|
|
1107
1133
|
}
|
|
1108
1134
|
],
|
|
1109
1135
|
"signatures": [
|
|
1110
1136
|
{
|
|
1111
|
-
"id":
|
|
1137
|
+
"id": 133,
|
|
1112
1138
|
"name": "MemoryNodeProvider",
|
|
1113
1139
|
"kind": 4096,
|
|
1114
1140
|
"kindString": "Call signature",
|
|
1115
1141
|
"flags": {},
|
|
1116
1142
|
"parameters": [
|
|
1117
1143
|
{
|
|
1118
|
-
"id":
|
|
1144
|
+
"id": 134,
|
|
1119
1145
|
"name": "props",
|
|
1120
1146
|
"kind": 32768,
|
|
1121
1147
|
"kindString": "Parameter",
|
|
@@ -1127,7 +1153,7 @@
|
|
|
1127
1153
|
}
|
|
1128
1154
|
},
|
|
1129
1155
|
{
|
|
1130
|
-
"id":
|
|
1156
|
+
"id": 135,
|
|
1131
1157
|
"name": "context",
|
|
1132
1158
|
"kind": 32768,
|
|
1133
1159
|
"kindString": "Parameter",
|
|
@@ -1169,7 +1195,7 @@
|
|
|
1169
1195
|
]
|
|
1170
1196
|
},
|
|
1171
1197
|
{
|
|
1172
|
-
"id":
|
|
1198
|
+
"id": 136,
|
|
1173
1199
|
"name": "ModuleRepositoryProvider",
|
|
1174
1200
|
"kind": 64,
|
|
1175
1201
|
"kindString": "Function",
|
|
@@ -1183,14 +1209,14 @@
|
|
|
1183
1209
|
],
|
|
1184
1210
|
"signatures": [
|
|
1185
1211
|
{
|
|
1186
|
-
"id":
|
|
1212
|
+
"id": 137,
|
|
1187
1213
|
"name": "ModuleRepositoryProvider",
|
|
1188
1214
|
"kind": 4096,
|
|
1189
1215
|
"kindString": "Call signature",
|
|
1190
1216
|
"flags": {},
|
|
1191
1217
|
"parameters": [
|
|
1192
1218
|
{
|
|
1193
|
-
"id":
|
|
1219
|
+
"id": 138,
|
|
1194
1220
|
"name": "props",
|
|
1195
1221
|
"kind": 32768,
|
|
1196
1222
|
"kindString": "Parameter",
|
|
@@ -1201,7 +1227,7 @@
|
|
|
1201
1227
|
}
|
|
1202
1228
|
},
|
|
1203
1229
|
{
|
|
1204
|
-
"id":
|
|
1230
|
+
"id": 139,
|
|
1205
1231
|
"name": "context",
|
|
1206
1232
|
"kind": 32768,
|
|
1207
1233
|
"kindString": "Parameter",
|
|
@@ -1253,7 +1279,7 @@
|
|
|
1253
1279
|
"fileName": "packages/modules/packages/node/src/components/Node.tsx",
|
|
1254
1280
|
"line": 8,
|
|
1255
1281
|
"character": 13,
|
|
1256
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1282
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/components/Node.tsx#L8"
|
|
1257
1283
|
}
|
|
1258
1284
|
],
|
|
1259
1285
|
"signatures": [
|
|
@@ -1330,7 +1356,7 @@
|
|
|
1330
1356
|
"fileName": "packages/modules/packages/node/src/components/NodeDrawer.tsx",
|
|
1331
1357
|
"line": 12,
|
|
1332
1358
|
"character": 13,
|
|
1333
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1359
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/components/NodeDrawer.tsx#L12"
|
|
1334
1360
|
}
|
|
1335
1361
|
],
|
|
1336
1362
|
"signatures": [
|
|
@@ -1396,7 +1422,7 @@
|
|
|
1396
1422
|
]
|
|
1397
1423
|
},
|
|
1398
1424
|
{
|
|
1399
|
-
"id":
|
|
1425
|
+
"id": 155,
|
|
1400
1426
|
"name": "NodeDrawerProvider",
|
|
1401
1427
|
"kind": 64,
|
|
1402
1428
|
"kindString": "Function",
|
|
@@ -1410,26 +1436,26 @@
|
|
|
1410
1436
|
],
|
|
1411
1437
|
"signatures": [
|
|
1412
1438
|
{
|
|
1413
|
-
"id":
|
|
1439
|
+
"id": 156,
|
|
1414
1440
|
"name": "NodeDrawerProvider",
|
|
1415
1441
|
"kind": 4096,
|
|
1416
1442
|
"kindString": "Call signature",
|
|
1417
1443
|
"flags": {},
|
|
1418
1444
|
"parameters": [
|
|
1419
1445
|
{
|
|
1420
|
-
"id":
|
|
1446
|
+
"id": 157,
|
|
1421
1447
|
"name": "props",
|
|
1422
1448
|
"kind": 32768,
|
|
1423
1449
|
"kindString": "Parameter",
|
|
1424
1450
|
"flags": {},
|
|
1425
1451
|
"type": {
|
|
1426
1452
|
"type": "reference",
|
|
1427
|
-
"id":
|
|
1453
|
+
"id": 153,
|
|
1428
1454
|
"name": "NodeDrawerProviderProps"
|
|
1429
1455
|
}
|
|
1430
1456
|
},
|
|
1431
1457
|
{
|
|
1432
|
-
"id":
|
|
1458
|
+
"id": 158,
|
|
1433
1459
|
"name": "context",
|
|
1434
1460
|
"kind": 32768,
|
|
1435
1461
|
"kindString": "Parameter",
|
|
@@ -1471,7 +1497,7 @@
|
|
|
1471
1497
|
]
|
|
1472
1498
|
},
|
|
1473
1499
|
{
|
|
1474
|
-
"id":
|
|
1500
|
+
"id": 149,
|
|
1475
1501
|
"name": "NodeProvider",
|
|
1476
1502
|
"kind": 64,
|
|
1477
1503
|
"kindString": "Function",
|
|
@@ -1485,14 +1511,14 @@
|
|
|
1485
1511
|
],
|
|
1486
1512
|
"signatures": [
|
|
1487
1513
|
{
|
|
1488
|
-
"id":
|
|
1514
|
+
"id": 150,
|
|
1489
1515
|
"name": "NodeProvider",
|
|
1490
1516
|
"kind": 4096,
|
|
1491
1517
|
"kindString": "Call signature",
|
|
1492
1518
|
"flags": {},
|
|
1493
1519
|
"parameters": [
|
|
1494
1520
|
{
|
|
1495
|
-
"id":
|
|
1521
|
+
"id": 151,
|
|
1496
1522
|
"name": "props",
|
|
1497
1523
|
"kind": 32768,
|
|
1498
1524
|
"kindString": "Parameter",
|
|
@@ -1502,7 +1528,7 @@
|
|
|
1502
1528
|
"typeArguments": [
|
|
1503
1529
|
{
|
|
1504
1530
|
"type": "reference",
|
|
1505
|
-
"id":
|
|
1531
|
+
"id": 143,
|
|
1506
1532
|
"name": "NodeProviderProps"
|
|
1507
1533
|
}
|
|
1508
1534
|
],
|
|
@@ -1512,7 +1538,7 @@
|
|
|
1512
1538
|
}
|
|
1513
1539
|
},
|
|
1514
1540
|
{
|
|
1515
|
-
"id":
|
|
1541
|
+
"id": 152,
|
|
1516
1542
|
"name": "context",
|
|
1517
1543
|
"kind": 32768,
|
|
1518
1544
|
"kindString": "Parameter",
|
|
@@ -1564,7 +1590,7 @@
|
|
|
1564
1590
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModule.tsx",
|
|
1565
1591
|
"line": 9,
|
|
1566
1592
|
"character": 13,
|
|
1567
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1593
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useWrappedModule.tsx#L9"
|
|
1568
1594
|
}
|
|
1569
1595
|
],
|
|
1570
1596
|
"signatures": [
|
|
@@ -1800,7 +1826,7 @@
|
|
|
1800
1826
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModule.tsx",
|
|
1801
1827
|
"line": 13,
|
|
1802
1828
|
"character": 18,
|
|
1803
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1829
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useWrappedModule.tsx#L13"
|
|
1804
1830
|
}
|
|
1805
1831
|
],
|
|
1806
1832
|
"signatures": [
|
|
@@ -1916,7 +1942,7 @@
|
|
|
1916
1942
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModules.tsx",
|
|
1917
1943
|
"line": 11,
|
|
1918
1944
|
"character": 13,
|
|
1919
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
1945
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useWrappedModules.tsx#L11"
|
|
1920
1946
|
}
|
|
1921
1947
|
],
|
|
1922
1948
|
"signatures": [
|
|
@@ -2150,7 +2176,7 @@
|
|
|
2150
2176
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModules.tsx",
|
|
2151
2177
|
"line": 18,
|
|
2152
2178
|
"character": 18,
|
|
2153
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2179
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useWrappedModules.tsx#L18"
|
|
2154
2180
|
}
|
|
2155
2181
|
],
|
|
2156
2182
|
"signatures": [
|
|
@@ -2271,7 +2297,7 @@
|
|
|
2271
2297
|
"fileName": "packages/modules/packages/node/src/hooks/useMemoryNodeUpdates.tsx",
|
|
2272
2298
|
"line": 13,
|
|
2273
2299
|
"character": 13,
|
|
2274
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2300
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useMemoryNodeUpdates.tsx#L13"
|
|
2275
2301
|
}
|
|
2276
2302
|
],
|
|
2277
2303
|
"signatures": [
|
|
@@ -2317,7 +2343,7 @@
|
|
|
2317
2343
|
"fileName": "packages/modules/packages/node/src/hooks/useModule.tsx",
|
|
2318
2344
|
"line": 10,
|
|
2319
2345
|
"character": 13,
|
|
2320
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2346
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useModule.tsx#L10"
|
|
2321
2347
|
}
|
|
2322
2348
|
],
|
|
2323
2349
|
"signatures": [
|
|
@@ -2745,7 +2771,7 @@
|
|
|
2745
2771
|
]
|
|
2746
2772
|
},
|
|
2747
2773
|
{
|
|
2748
|
-
"id":
|
|
2774
|
+
"id": 140,
|
|
2749
2775
|
"name": "useModuleRepository",
|
|
2750
2776
|
"kind": 64,
|
|
2751
2777
|
"kindString": "Function",
|
|
@@ -2759,14 +2785,14 @@
|
|
|
2759
2785
|
],
|
|
2760
2786
|
"signatures": [
|
|
2761
2787
|
{
|
|
2762
|
-
"id":
|
|
2788
|
+
"id": 141,
|
|
2763
2789
|
"name": "useModuleRepository",
|
|
2764
2790
|
"kind": 4096,
|
|
2765
2791
|
"kindString": "Call signature",
|
|
2766
2792
|
"flags": {},
|
|
2767
2793
|
"parameters": [
|
|
2768
2794
|
{
|
|
2769
|
-
"id":
|
|
2795
|
+
"id": 142,
|
|
2770
2796
|
"name": "required",
|
|
2771
2797
|
"kind": 32768,
|
|
2772
2798
|
"kindString": "Parameter",
|
|
@@ -2819,7 +2845,7 @@
|
|
|
2819
2845
|
"fileName": "packages/modules/packages/node/src/hooks/useModules.ts",
|
|
2820
2846
|
"line": 9,
|
|
2821
2847
|
"character": 13,
|
|
2822
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
2848
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useModules.ts#L9"
|
|
2823
2849
|
}
|
|
2824
2850
|
],
|
|
2825
2851
|
"signatures": [
|
|
@@ -3251,7 +3277,7 @@
|
|
|
3251
3277
|
"fileName": "packages/modules/packages/node/src/hooks/useNode.tsx",
|
|
3252
3278
|
"line": 24,
|
|
3253
3279
|
"character": 13,
|
|
3254
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3280
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useNode.tsx#L24"
|
|
3255
3281
|
}
|
|
3256
3282
|
],
|
|
3257
3283
|
"signatures": [
|
|
@@ -3532,7 +3558,7 @@
|
|
|
3532
3558
|
"fileName": "packages/modules/packages/node/src/hooks/useNodeAttachedAddresses.ts",
|
|
3533
3559
|
"line": 6,
|
|
3534
3560
|
"character": 13,
|
|
3535
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3561
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useNodeAttachedAddresses.ts#L6"
|
|
3536
3562
|
}
|
|
3537
3563
|
],
|
|
3538
3564
|
"signatures": [
|
|
@@ -3580,7 +3606,7 @@
|
|
|
3580
3606
|
]
|
|
3581
3607
|
},
|
|
3582
3608
|
{
|
|
3583
|
-
"id":
|
|
3609
|
+
"id": 159,
|
|
3584
3610
|
"name": "useNodeDrawer",
|
|
3585
3611
|
"kind": 64,
|
|
3586
3612
|
"kindString": "Function",
|
|
@@ -3594,14 +3620,14 @@
|
|
|
3594
3620
|
],
|
|
3595
3621
|
"signatures": [
|
|
3596
3622
|
{
|
|
3597
|
-
"id":
|
|
3623
|
+
"id": 160,
|
|
3598
3624
|
"name": "useNodeDrawer",
|
|
3599
3625
|
"kind": 4096,
|
|
3600
3626
|
"kindString": "Call signature",
|
|
3601
3627
|
"flags": {},
|
|
3602
3628
|
"parameters": [
|
|
3603
3629
|
{
|
|
3604
|
-
"id":
|
|
3630
|
+
"id": 161,
|
|
3605
3631
|
"name": "required",
|
|
3606
3632
|
"kind": 32768,
|
|
3607
3633
|
"kindString": "Parameter",
|
|
@@ -3654,7 +3680,7 @@
|
|
|
3654
3680
|
"fileName": "packages/modules/packages/node/src/hooks/useProvidedNode.tsx",
|
|
3655
3681
|
"line": 7,
|
|
3656
3682
|
"character": 13,
|
|
3657
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3683
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useProvidedNode.tsx#L7"
|
|
3658
3684
|
}
|
|
3659
3685
|
],
|
|
3660
3686
|
"signatures": [
|
|
@@ -3882,7 +3908,7 @@
|
|
|
3882
3908
|
"fileName": "packages/modules/packages/node/src/hooks/useProvidedNode.tsx",
|
|
3883
3909
|
"line": 13,
|
|
3884
3910
|
"character": 13,
|
|
3885
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
3911
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useProvidedNode.tsx#L13"
|
|
3886
3912
|
}
|
|
3887
3913
|
],
|
|
3888
3914
|
"signatures": [
|
|
@@ -4150,7 +4176,7 @@
|
|
|
4150
4176
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModule.tsx",
|
|
4151
4177
|
"line": 66,
|
|
4152
4178
|
"character": 13,
|
|
4153
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4179
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useWrappedModule.tsx#L66"
|
|
4154
4180
|
}
|
|
4155
4181
|
],
|
|
4156
4182
|
"signatures": [
|
|
@@ -4421,7 +4447,7 @@
|
|
|
4421
4447
|
"fileName": "packages/modules/packages/node/src/hooks/useWrappedModules.tsx",
|
|
4422
4448
|
"line": 75,
|
|
4423
4449
|
"character": 13,
|
|
4424
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4450
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/hooks/useWrappedModules.tsx#L75"
|
|
4425
4451
|
}
|
|
4426
4452
|
],
|
|
4427
4453
|
"signatures": [
|
|
@@ -4694,9 +4720,9 @@
|
|
|
4694
4720
|
104,
|
|
4695
4721
|
116,
|
|
4696
4722
|
5,
|
|
4697
|
-
|
|
4723
|
+
153,
|
|
4698
4724
|
123,
|
|
4699
|
-
|
|
4725
|
+
143,
|
|
4700
4726
|
101
|
|
4701
4727
|
]
|
|
4702
4728
|
},
|
|
@@ -4717,21 +4743,21 @@
|
|
|
4717
4743
|
{
|
|
4718
4744
|
"title": "Functions",
|
|
4719
4745
|
"children": [
|
|
4720
|
-
|
|
4721
|
-
|
|
4746
|
+
132,
|
|
4747
|
+
136,
|
|
4722
4748
|
1,
|
|
4723
4749
|
6,
|
|
4724
|
-
|
|
4725
|
-
|
|
4750
|
+
155,
|
|
4751
|
+
149,
|
|
4726
4752
|
58,
|
|
4727
4753
|
79,
|
|
4728
4754
|
10,
|
|
4729
4755
|
13,
|
|
4730
|
-
|
|
4756
|
+
140,
|
|
4731
4757
|
24,
|
|
4732
4758
|
35,
|
|
4733
4759
|
43,
|
|
4734
|
-
|
|
4760
|
+
159,
|
|
4735
4761
|
45,
|
|
4736
4762
|
51,
|
|
4737
4763
|
71,
|
|
@@ -4744,7 +4770,7 @@
|
|
|
4744
4770
|
"fileName": "packages/modules/packages/node/src/index.ts",
|
|
4745
4771
|
"line": 1,
|
|
4746
4772
|
"character": 0,
|
|
4747
|
-
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/
|
|
4773
|
+
"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/454964ef87c/packages/modules/packages/node/src/index.ts#L1"
|
|
4748
4774
|
}
|
|
4749
4775
|
]
|
|
4750
4776
|
}
|
|
@@ -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":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAK3D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,qBAA6C,EAC7C,OAAyB,EACiB,EAAE;IAC5C,MAAM,aAAa,GAAG,OAAO,CAAC,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,OAAO,CAAC,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,sBAAsB,CAAC,OAAO,CAAC,CAAA;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAW,CAAA;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAS,CAAA;IAE3C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAExD,cAAc;IACZ,uDAAuD;IACvD,KAAK,EAAE,OAAO,EAAE,EAAE;QAChB,MAAM,gBAAgB,GAA+B,EAAE,CAAA;QACvD,IAAI;YACF,0BAA0B;YAC1B,IAAI,SAAS,IAAI,CAAC,IAAI,IAAI,CAAC,aAAa,EAAE;gBACxC,IAAI,OAAO,EAAE,EAAE;oBACb,QAAQ,CAAC,SAAS,CAAC,CAAA;oBACnB,SAAS,CAAC,SAAS,CAAC,CAAA;iBACrB;gBACD,OAAM;aACP;YAED,MAAM,aAAa,GAAG,CAAC,IAA6B,EAAE,EAAE;gBACtD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAA;gBAC/B,IAAI,aAAa,IAAI,CAAC,WAAW,CAAC,OAAO,KAAK,aAAa,IAAI,WAAW,EAAE,MAAM,CAAC,IAAI,KAAK,aAAa,CAAC,EAAE;oBAC1G,SAAS,CAAC,WAAsB,CAAC,CAAA;oBACjC,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;YACH,CAAC,CAAA;YACD,MAAM,aAAa,GAAG,CAAC,IAA6B,EAAE,EAAE;gBACtD,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAA;gBAC/B,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;oBACnC,SAAS,CAAC,SAAS,CAAC,CAAA;oBACpB,QAAQ,CAAC,SAAS,CAAC,CAAA;iBACpB;YACH,CAAC,CAAA;YACD,MAAM,MAAM,GAAwB,aAAa,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAU,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,OAAO,CAAU,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA;YAC5I,IAAI,OAAO,EAAE,EAAE;gBACb,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAA;gBAC/D,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAC,CAAA;gBAC/D,SAAS,CAAC,MAAM,CAAC,CAAA;gBACjB,QAAQ,CAAC,SAAS,CAAC,CAAA;aACpB;YACD,OAAO,GAAG,EAAE;gBACV,qCAAqC;gBACrC,gBAAgB,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;YAC5C,CAAC,CAAA;SACF;QAAC,OAAO,EAAE,EAAE;YACX,IAAI,OAAO,EAAE,EAAE;gBACb,QAAQ,CAAC,EAAW,CAAC,CAAA;gBACrB,SAAS,CAAC,SAAS,CAAC,CAAA;aACrB;SACF;IACH,CAAC,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"}
|
|
@@ -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.5",
|
|
24
|
+
"@xyo-network/react-node-provider": "^2.48.5",
|
|
25
|
+
"@xyo-network/react-wallet": "^2.48.5",
|
|
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.5",
|
|
35
|
+
"@xyo-network/react-wallet": "^2.48.5",
|
|
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.5"
|
|
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'
|