@xyo-network/react-node 2.77.0 → 2.77.2
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/browser/hooks/useModuleFromNode.d.cts +0 -1
- package/dist/browser/hooks/useModuleFromNode.d.cts.map +1 -1
- package/dist/browser/hooks/useModuleFromNode.d.mts +0 -1
- package/dist/browser/hooks/useModuleFromNode.d.mts.map +1 -1
- package/dist/browser/hooks/useModuleFromNode.d.ts +0 -1
- package/dist/browser/hooks/useModuleFromNode.d.ts.map +1 -1
- package/dist/browser/hooks/useModulesFromNode.d.cts +0 -1
- package/dist/browser/hooks/useModulesFromNode.d.cts.map +1 -1
- package/dist/browser/hooks/useModulesFromNode.d.mts +0 -1
- package/dist/browser/hooks/useModulesFromNode.d.mts.map +1 -1
- package/dist/browser/hooks/useModulesFromNode.d.ts +0 -1
- package/dist/browser/hooks/useModulesFromNode.d.ts.map +1 -1
- package/dist/browser/hooks/useNodeFromNode.d.cts +0 -1
- package/dist/browser/hooks/useNodeFromNode.d.cts.map +1 -1
- package/dist/browser/hooks/useNodeFromNode.d.mts +0 -1
- package/dist/browser/hooks/useNodeFromNode.d.mts.map +1 -1
- package/dist/browser/hooks/useNodeFromNode.d.ts +0 -1
- package/dist/browser/hooks/useNodeFromNode.d.ts.map +1 -1
- package/dist/browser/hooks/useNodesFromNode.d.cts +0 -1
- package/dist/browser/hooks/useNodesFromNode.d.cts.map +1 -1
- package/dist/browser/hooks/useNodesFromNode.d.mts +0 -1
- package/dist/browser/hooks/useNodesFromNode.d.mts.map +1 -1
- package/dist/browser/hooks/useNodesFromNode.d.ts +0 -1
- package/dist/browser/hooks/useNodesFromNode.d.ts.map +1 -1
- package/dist/browser/index.cjs +1 -464
- package/dist/browser/index.cjs.map +1 -1
- package/dist/browser/index.js +1 -440
- package/dist/browser/index.js.map +1 -1
- package/dist/neutral/hooks/useModuleFromNode.d.cts +0 -1
- package/dist/neutral/hooks/useModuleFromNode.d.cts.map +1 -1
- package/dist/neutral/hooks/useModuleFromNode.d.mts +0 -1
- package/dist/neutral/hooks/useModuleFromNode.d.mts.map +1 -1
- package/dist/neutral/hooks/useModuleFromNode.d.ts +0 -1
- package/dist/neutral/hooks/useModuleFromNode.d.ts.map +1 -1
- package/dist/neutral/hooks/useModulesFromNode.d.cts +0 -1
- package/dist/neutral/hooks/useModulesFromNode.d.cts.map +1 -1
- package/dist/neutral/hooks/useModulesFromNode.d.mts +0 -1
- package/dist/neutral/hooks/useModulesFromNode.d.mts.map +1 -1
- package/dist/neutral/hooks/useModulesFromNode.d.ts +0 -1
- package/dist/neutral/hooks/useModulesFromNode.d.ts.map +1 -1
- package/dist/neutral/hooks/useNodeFromNode.d.cts +0 -1
- package/dist/neutral/hooks/useNodeFromNode.d.cts.map +1 -1
- package/dist/neutral/hooks/useNodeFromNode.d.mts +0 -1
- package/dist/neutral/hooks/useNodeFromNode.d.mts.map +1 -1
- package/dist/neutral/hooks/useNodeFromNode.d.ts +0 -1
- package/dist/neutral/hooks/useNodeFromNode.d.ts.map +1 -1
- package/dist/neutral/hooks/useNodesFromNode.d.cts +0 -1
- package/dist/neutral/hooks/useNodesFromNode.d.cts.map +1 -1
- package/dist/neutral/hooks/useNodesFromNode.d.mts +0 -1
- package/dist/neutral/hooks/useNodesFromNode.d.mts.map +1 -1
- package/dist/neutral/hooks/useNodesFromNode.d.ts +0 -1
- package/dist/neutral/hooks/useNodesFromNode.d.ts.map +1 -1
- package/dist/neutral/index.cjs +1 -464
- package/dist/neutral/index.cjs.map +1 -1
- package/dist/neutral/index.js +1 -440
- package/dist/neutral/index.js.map +1 -1
- package/dist/node/hooks/useModuleFromNode.d.cts +0 -1
- package/dist/node/hooks/useModuleFromNode.d.cts.map +1 -1
- package/dist/node/hooks/useModuleFromNode.d.mts +0 -1
- package/dist/node/hooks/useModuleFromNode.d.mts.map +1 -1
- package/dist/node/hooks/useModuleFromNode.d.ts +0 -1
- package/dist/node/hooks/useModuleFromNode.d.ts.map +1 -1
- package/dist/node/hooks/useModulesFromNode.d.cts +0 -1
- package/dist/node/hooks/useModulesFromNode.d.cts.map +1 -1
- package/dist/node/hooks/useModulesFromNode.d.mts +0 -1
- package/dist/node/hooks/useModulesFromNode.d.mts.map +1 -1
- package/dist/node/hooks/useModulesFromNode.d.ts +0 -1
- package/dist/node/hooks/useModulesFromNode.d.ts.map +1 -1
- package/dist/node/hooks/useNodeFromNode.d.cts +0 -1
- package/dist/node/hooks/useNodeFromNode.d.cts.map +1 -1
- package/dist/node/hooks/useNodeFromNode.d.mts +0 -1
- package/dist/node/hooks/useNodeFromNode.d.mts.map +1 -1
- package/dist/node/hooks/useNodeFromNode.d.ts +0 -1
- package/dist/node/hooks/useNodeFromNode.d.ts.map +1 -1
- package/dist/node/hooks/useNodesFromNode.d.cts +0 -1
- package/dist/node/hooks/useNodesFromNode.d.cts.map +1 -1
- package/dist/node/hooks/useNodesFromNode.d.mts +0 -1
- package/dist/node/hooks/useNodesFromNode.d.mts.map +1 -1
- package/dist/node/hooks/useNodesFromNode.d.ts +0 -1
- package/dist/node/hooks/useNodesFromNode.d.ts.map +1 -1
- package/dist/node/index.cjs +1 -495
- package/dist/node/index.cjs.map +1 -1
- package/dist/node/index.js +1 -446
- package/dist/node/index.js.map +1 -1
- package/package.json +7 -7
package/dist/node/index.cjs
CHANGED
|
@@ -1,496 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __export = (target, all) => {
|
|
7
|
-
for (var name in all)
|
|
8
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
-
};
|
|
10
|
-
var __copyProps = (to, from, except, desc) => {
|
|
11
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
-
for (let key of __getOwnPropNames(from))
|
|
13
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
-
}
|
|
16
|
-
return to;
|
|
17
|
-
};
|
|
18
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
19
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
20
|
-
|
|
21
|
-
// src/index.ts
|
|
22
|
-
var src_exports = {};
|
|
23
|
-
__export(src_exports, {
|
|
24
|
-
NodeBox: () => NodeBox,
|
|
25
|
-
NodeDrawer: () => NodeDrawer,
|
|
26
|
-
useModuleFilterOptions: () => useModuleFilterOptions,
|
|
27
|
-
useModuleFromNode: () => useModuleFromNode,
|
|
28
|
-
useModuleFromNodeConfigLogger: () => useModuleFromNodeConfigLogger,
|
|
29
|
-
useModulesFromNode: () => useModulesFromNode,
|
|
30
|
-
useNode: () => useNode,
|
|
31
|
-
useNodeConfigNodeField: () => useNodeConfigNodeField,
|
|
32
|
-
useNodeDescription: () => useNodeDescription,
|
|
33
|
-
useNodeFromNode: () => useNodeFromNode,
|
|
34
|
-
useNodesFromNode: () => useNodesFromNode,
|
|
35
|
-
useProvidedNode: () => useProvidedNode,
|
|
36
|
-
useWeakModuleFilterOptions: () => useWeakModuleFilterOptions,
|
|
37
|
-
useWeakModuleFromNode: () => useWeakModuleFromNode,
|
|
38
|
-
useWeakModuleFromNodeConfigLogger: () => useWeakModuleFromNodeConfigLogger,
|
|
39
|
-
useWeakModulesFromNode: () => useWeakModulesFromNode,
|
|
40
|
-
useWeakNodeConfigNodeField: () => useWeakNodeConfigNodeField,
|
|
41
|
-
useWeakNodeDescription: () => useWeakNodeDescription,
|
|
42
|
-
useWeakNodeFromNode: () => useWeakNodeFromNode,
|
|
43
|
-
useWeakProvidedNode: () => useWeakProvidedNode
|
|
44
|
-
});
|
|
45
|
-
module.exports = __toCommonJS(src_exports);
|
|
46
|
-
|
|
47
|
-
// src/components/NodeDescriptionBox.tsx
|
|
48
|
-
var import_react_flexbox = require("@xylabs/react-flexbox");
|
|
49
|
-
|
|
50
|
-
// src/hooks/ModuleFromNodeConfig.ts
|
|
51
|
-
var useModuleFromNodeConfigLogger = (config) => {
|
|
52
|
-
return config == null ? void 0 : config.logger;
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
// src/hooks/provided/useProvidedNode.tsx
|
|
56
|
-
var import_react_node_context = require("@xyo-network/react-node-context");
|
|
57
|
-
var import_react = require("react");
|
|
58
|
-
var useProvidedNode = () => {
|
|
59
|
-
const { node } = (0, import_react.useContext)(import_react_node_context.NodeContext);
|
|
60
|
-
return [node];
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
// src/hooks/provided/useWeakProvidedNode.tsx
|
|
64
|
-
var import_react_node_context2 = require("@xyo-network/react-node-context");
|
|
65
|
-
var import_react2 = require("react");
|
|
66
|
-
var useWeakProvidedNode = () => {
|
|
67
|
-
const { node } = (0, import_react2.useContext)(import_react_node_context2.NodeContext);
|
|
68
|
-
const weakNode = (0, import_react2.useMemo)(() => node ? new WeakRef(node) : null, [node]);
|
|
69
|
-
return [weakNode];
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
// src/hooks/useModuleFilterOptions.ts
|
|
73
|
-
var useModuleFilterOptions = (config) => {
|
|
74
|
-
const { direction, identity, maxDepth } = config ?? {};
|
|
75
|
-
return { direction, identity, maxDepth };
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
// src/hooks/useModuleFromNode.ts
|
|
79
|
-
var import_react_promise2 = require("@xylabs/react-promise");
|
|
80
|
-
var import_module_model = require("@xyo-network/module-model");
|
|
81
|
-
var import_react4 = require("react");
|
|
82
|
-
|
|
83
|
-
// src/hooks/useNode.ts
|
|
84
|
-
var import_react_promise = require("@xylabs/react-promise");
|
|
85
|
-
var import_node_model = require("@xyo-network/node-model");
|
|
86
|
-
|
|
87
|
-
// src/hooks/useNodeConfigNodeField.ts
|
|
88
|
-
var import_react3 = require("react");
|
|
89
|
-
var useNodeConfigNodeField = (config) => {
|
|
90
|
-
const nodeAddress = (0, import_react3.useMemo)(() => typeof (config == null ? void 0 : config.node) === "string" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
|
|
91
|
-
const nodeInstance = (0, import_react3.useMemo)(() => typeof (config == null ? void 0 : config.node) === "object" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
|
|
92
|
-
return [nodeAddress, nodeInstance];
|
|
93
|
-
};
|
|
94
|
-
|
|
95
|
-
// src/hooks/useNode.ts
|
|
96
|
-
var useNode = (config) => {
|
|
97
|
-
const [nodeAddress, nodeInstance] = useNodeConfigNodeField(config);
|
|
98
|
-
const [providedNode] = useProvidedNode();
|
|
99
|
-
const [nodeAddressNode, error] = (0, import_react_promise.usePromise)(async () => {
|
|
100
|
-
if (providedNode && nodeAddress) {
|
|
101
|
-
return (0, import_node_model.asNodeInstance)(await providedNode.resolve(nodeAddress), "Module is not a node");
|
|
102
|
-
}
|
|
103
|
-
}, [providedNode, nodeAddress]);
|
|
104
|
-
return [nodeAddressNode ?? nodeInstance ?? providedNode ?? void 0, error];
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
// src/hooks/useModuleFromNode.ts
|
|
108
|
-
var useModuleFromNode = (nameOrAddressOrInstance = void 0, config) => {
|
|
109
|
-
const [node, nodeError] = useNode(config);
|
|
110
|
-
const logger = useModuleFromNodeConfigLogger(config);
|
|
111
|
-
const filterOptions = useModuleFilterOptions(config);
|
|
112
|
-
const [result, setResult] = (0, import_react4.useState)();
|
|
113
|
-
const [, error] = (0, import_react_promise2.usePromise)(async () => {
|
|
114
|
-
logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
|
|
115
|
-
const identity = (config == null ? void 0 : config.identity) ?? import_module_model.isModuleInstance;
|
|
116
|
-
if (node && nameOrAddressOrInstance) {
|
|
117
|
-
node.on("moduleAttached", ({ module: mod }) => {
|
|
118
|
-
var _a;
|
|
119
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
|
|
120
|
-
if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
|
|
121
|
-
setResult(identity(mod) ? mod : void 0);
|
|
122
|
-
}
|
|
123
|
-
});
|
|
124
|
-
node.on("moduleDetached", ({ module: mod }) => {
|
|
125
|
-
var _a;
|
|
126
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
|
|
127
|
-
if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
|
|
128
|
-
setResult(void 0);
|
|
129
|
-
}
|
|
130
|
-
});
|
|
131
|
-
if (identity(nameOrAddressOrInstance)) {
|
|
132
|
-
setResult(nameOrAddressOrInstance);
|
|
133
|
-
} else {
|
|
134
|
-
const result2 = await node.resolve(nameOrAddressOrInstance, filterOptions);
|
|
135
|
-
logger == null ? void 0 : logger.debug(`Result: ${result2 == null ? void 0 : result2.address}`);
|
|
136
|
-
setResult(identity(result2) ? result2 : void 0);
|
|
137
|
-
}
|
|
138
|
-
return result;
|
|
139
|
-
}
|
|
140
|
-
logger == null ? void 0 : logger.debug("Result: No Node");
|
|
141
|
-
return;
|
|
142
|
-
}, [node, nameOrAddressOrInstance]);
|
|
143
|
-
return [result, nodeError ?? error];
|
|
144
|
-
};
|
|
145
|
-
|
|
146
|
-
// src/hooks/useModulesFromNode.ts
|
|
147
|
-
var import_react_promise3 = require("@xylabs/react-promise");
|
|
148
|
-
var import_react5 = require("react");
|
|
149
|
-
var useModulesFromNode = (filter, config) => {
|
|
150
|
-
const [node, nodeError] = useNode(config);
|
|
151
|
-
const logger = config == null ? void 0 : config.logger;
|
|
152
|
-
const filterOptions = useModuleFilterOptions();
|
|
153
|
-
const [result, setResult] = (0, import_react5.useState)();
|
|
154
|
-
const [, error] = (0, import_react_promise3.usePromise)(async () => {
|
|
155
|
-
logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
|
|
156
|
-
if (node) {
|
|
157
|
-
node.on("moduleAttached", async ({ module: mod }) => {
|
|
158
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
|
|
159
|
-
const moduleInstances2 = filter ? await node.resolve(filter, filterOptions) : await node.resolve("*", filterOptions);
|
|
160
|
-
setResult(moduleInstances2);
|
|
161
|
-
});
|
|
162
|
-
node.on("moduleDetached", async ({ module: mod }) => {
|
|
163
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
|
|
164
|
-
const moduleInstances2 = filter ? await node.resolve(filter, filterOptions) : await node.resolve("*", filterOptions);
|
|
165
|
-
setResult(moduleInstances2);
|
|
166
|
-
});
|
|
167
|
-
const moduleInstances = filter ? await node.resolve(filter, filterOptions) : await node.resolve("*", filterOptions);
|
|
168
|
-
setResult(moduleInstances);
|
|
169
|
-
return moduleInstances;
|
|
170
|
-
}
|
|
171
|
-
console.log("Result: No Node");
|
|
172
|
-
return;
|
|
173
|
-
}, [node, filter]);
|
|
174
|
-
return [result, nodeError ?? error];
|
|
175
|
-
};
|
|
176
|
-
|
|
177
|
-
// src/hooks/useNodeDescription.ts
|
|
178
|
-
var import_react_promise4 = require("@xylabs/react-promise");
|
|
179
|
-
var import_module_model2 = require("@xyo-network/module-model");
|
|
180
|
-
var import_payload_model = require("@xyo-network/payload-model");
|
|
181
|
-
var useNodeDescription = (config) => {
|
|
182
|
-
const [activeNode, nodeError] = useNode(config);
|
|
183
|
-
const [description, error] = (0, import_react_promise4.usePromise)(async () => {
|
|
184
|
-
const state = await (activeNode == null ? void 0 : activeNode.state());
|
|
185
|
-
return state == null ? void 0 : state.find((0, import_payload_model.isPayloadOfSchemaType)(import_module_model2.ModuleDescriptionSchema));
|
|
186
|
-
}, [activeNode]);
|
|
187
|
-
return [description, nodeError ?? error];
|
|
188
|
-
};
|
|
189
|
-
|
|
190
|
-
// src/hooks/useNodeFromNode.tsx
|
|
191
|
-
var import_node_model2 = require("@xyo-network/node-model");
|
|
192
|
-
var useNodeFromNode = (nameOrAddressOrInstance, config) => {
|
|
193
|
-
var _a, _b;
|
|
194
|
-
const [mod, error] = useModuleFromNode(nameOrAddressOrInstance, config);
|
|
195
|
-
const instance = (0, import_node_model2.asNodeInstance)(mod);
|
|
196
|
-
if (mod && !instance) {
|
|
197
|
-
const error2 = new Error(`Resolved module is not a NodeInstance [${(_a = mod.config) == null ? void 0 : _a.schema}:${(_b = mod.config) == null ? void 0 : _b.name}:${mod.address}]`);
|
|
198
|
-
console.error(error2.message);
|
|
199
|
-
return [void 0, error2];
|
|
200
|
-
}
|
|
201
|
-
return [instance, error];
|
|
202
|
-
};
|
|
203
|
-
|
|
204
|
-
// src/hooks/useNodesFromNode.tsx
|
|
205
|
-
var import_node_model3 = require("@xyo-network/node-model");
|
|
206
|
-
var useNodesFromNode = (filter, config) => {
|
|
207
|
-
const [modules, error] = useModulesFromNode(filter, config);
|
|
208
|
-
if (error) {
|
|
209
|
-
return [null, error];
|
|
210
|
-
}
|
|
211
|
-
return modules ? [
|
|
212
|
-
// eslint-disable-next-line unicorn/no-array-reduce
|
|
213
|
-
modules.reduce((prev, mod) => {
|
|
214
|
-
if ((0, import_node_model3.isNodeInstance)(mod)) {
|
|
215
|
-
prev.push(mod);
|
|
216
|
-
}
|
|
217
|
-
return prev;
|
|
218
|
-
}, []),
|
|
219
|
-
void 0
|
|
220
|
-
] : [modules, error];
|
|
221
|
-
};
|
|
222
|
-
|
|
223
|
-
// src/hooks/useWeakModuleFilterOptions.ts
|
|
224
|
-
var useWeakModuleFilterOptions = (config) => {
|
|
225
|
-
const { direction, identity, maxDepth } = config ?? {};
|
|
226
|
-
return { direction, identity, maxDepth };
|
|
227
|
-
};
|
|
228
|
-
|
|
229
|
-
// src/hooks/useWeakModuleFromNode.ts
|
|
230
|
-
var import_react_promise6 = require("@xylabs/react-promise");
|
|
231
|
-
var import_module_model3 = require("@xyo-network/module-model");
|
|
232
|
-
var import_react7 = require("react");
|
|
233
|
-
|
|
234
|
-
// src/hooks/useWeakNode.ts
|
|
235
|
-
var import_react_promise5 = require("@xylabs/react-promise");
|
|
236
|
-
var import_node_model4 = require("@xyo-network/node-model");
|
|
237
|
-
|
|
238
|
-
// src/hooks/useWeakNodeConfigNodeField.ts
|
|
239
|
-
var import_react6 = require("react");
|
|
240
|
-
var useWeakNodeConfigNodeField = (config) => {
|
|
241
|
-
const nodeAddress = (0, import_react6.useMemo)(() => typeof (config == null ? void 0 : config.node) === "string" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
|
|
242
|
-
const nodeInstance = (0, import_react6.useMemo)(() => typeof (config == null ? void 0 : config.node) === "object" ? config == null ? void 0 : config.node : void 0, [config == null ? void 0 : config.node]);
|
|
243
|
-
return [nodeAddress, nodeInstance];
|
|
244
|
-
};
|
|
245
|
-
|
|
246
|
-
// src/hooks/useWeakNode.ts
|
|
247
|
-
var useWeakNode = (config) => {
|
|
248
|
-
const [nodeAddress, nodeInstance] = useWeakNodeConfigNodeField(config);
|
|
249
|
-
const [providedNode] = useWeakProvidedNode();
|
|
250
|
-
const [nodeAddressNode, error] = (0, import_react_promise5.usePromise)(async () => {
|
|
251
|
-
const providedNodeInstance = providedNode == null ? void 0 : providedNode.deref();
|
|
252
|
-
if (providedNodeInstance && nodeAddress) {
|
|
253
|
-
return new WeakRef((0, import_node_model4.asNodeInstance)(await providedNodeInstance.resolve(nodeAddress), "Module is not a node"));
|
|
254
|
-
}
|
|
255
|
-
}, [providedNode, nodeAddress]);
|
|
256
|
-
return [nodeAddressNode ?? nodeInstance ?? providedNode ?? void 0, error];
|
|
257
|
-
};
|
|
258
|
-
|
|
259
|
-
// src/hooks/WeakModuleFromNodeConfig.ts
|
|
260
|
-
var useWeakModuleFromNodeConfigLogger = (config) => {
|
|
261
|
-
return config == null ? void 0 : config.logger;
|
|
262
|
-
};
|
|
263
|
-
|
|
264
|
-
// src/hooks/useWeakModuleFromNode.ts
|
|
265
|
-
var useWeakModuleFromNode = (nameOrAddressOrInstance = void 0, config) => {
|
|
266
|
-
const [node, nodeError] = useWeakNode(config);
|
|
267
|
-
const logger = useWeakModuleFromNodeConfigLogger(config);
|
|
268
|
-
const filterOptions = useWeakModuleFilterOptions(config);
|
|
269
|
-
const [result, setResult] = (0, import_react7.useState)();
|
|
270
|
-
const [, error] = (0, import_react_promise6.usePromise)(async () => {
|
|
271
|
-
logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
|
|
272
|
-
const identity = (config == null ? void 0 : config.identity) ?? import_module_model3.isModuleInstance;
|
|
273
|
-
const nodeInstance = node == null ? void 0 : node.deref();
|
|
274
|
-
if (nodeInstance && nameOrAddressOrInstance) {
|
|
275
|
-
nodeInstance.on("moduleAttached", ({ module: mod }) => {
|
|
276
|
-
var _a;
|
|
277
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
|
|
278
|
-
if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
|
|
279
|
-
setResult(identity(mod) ? new WeakRef(mod) : void 0);
|
|
280
|
-
}
|
|
281
|
-
});
|
|
282
|
-
nodeInstance.on("moduleDetached", ({ module: mod }) => {
|
|
283
|
-
var _a;
|
|
284
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
|
|
285
|
-
if (mod.address === nameOrAddressOrInstance || ((_a = mod.config) == null ? void 0 : _a.name) === nameOrAddressOrInstance) {
|
|
286
|
-
setResult(void 0);
|
|
287
|
-
}
|
|
288
|
-
});
|
|
289
|
-
if (identity(nameOrAddressOrInstance)) {
|
|
290
|
-
setResult(new WeakRef(nameOrAddressOrInstance));
|
|
291
|
-
} else {
|
|
292
|
-
const result2 = await nodeInstance.resolve(nameOrAddressOrInstance, filterOptions);
|
|
293
|
-
logger == null ? void 0 : logger.debug(`Result: ${result2 == null ? void 0 : result2.address}`);
|
|
294
|
-
setResult(identity(result2) ? new WeakRef(result2) : void 0);
|
|
295
|
-
}
|
|
296
|
-
return result;
|
|
297
|
-
}
|
|
298
|
-
logger == null ? void 0 : logger.debug("Result: No Node");
|
|
299
|
-
return;
|
|
300
|
-
}, [node, nameOrAddressOrInstance]);
|
|
301
|
-
return [result, nodeError ?? error];
|
|
302
|
-
};
|
|
303
|
-
|
|
304
|
-
// src/hooks/useWeakModulesFromNode.ts
|
|
305
|
-
var import_react_promise7 = require("@xylabs/react-promise");
|
|
306
|
-
var import_react8 = require("react");
|
|
307
|
-
var useWeakModulesFromNode = (filter, config) => {
|
|
308
|
-
const [node, nodeError] = useNode(config);
|
|
309
|
-
const logger = config == null ? void 0 : config.logger;
|
|
310
|
-
const filterOptions = useModuleFilterOptions();
|
|
311
|
-
const [result, setResult] = (0, import_react8.useState)();
|
|
312
|
-
const [, error] = (0, import_react_promise7.usePromise)(async () => {
|
|
313
|
-
logger == null ? void 0 : logger.debug("useModuleFromNode: resolving");
|
|
314
|
-
const nodeInstance = node;
|
|
315
|
-
if (nodeInstance) {
|
|
316
|
-
nodeInstance.on("moduleAttached", async ({ module: mod }) => {
|
|
317
|
-
const nodeInstance2 = node;
|
|
318
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleAttached [${mod.config.name ?? mod.address}]`);
|
|
319
|
-
const moduleInstances2 = filter ? await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve(filter, filterOptions)) : await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve("*", filterOptions));
|
|
320
|
-
setResult(moduleInstances2 == null ? void 0 : moduleInstances2.map((mod2) => new WeakRef(mod2)));
|
|
321
|
-
});
|
|
322
|
-
nodeInstance.on("moduleDetached", async ({ module: mod }) => {
|
|
323
|
-
const nodeInstance2 = node;
|
|
324
|
-
logger == null ? void 0 : logger.debug(`useModuleFromNode: moduleDetached [${mod.config.name ?? mod.address}]`);
|
|
325
|
-
const moduleInstances2 = filter ? await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve(filter, filterOptions)) : await (nodeInstance2 == null ? void 0 : nodeInstance2.resolve("*", filterOptions));
|
|
326
|
-
setResult(moduleInstances2 == null ? void 0 : moduleInstances2.map((mod2) => new WeakRef(mod2)));
|
|
327
|
-
});
|
|
328
|
-
const moduleInstances = filter ? await nodeInstance.resolve(filter, filterOptions) : await nodeInstance.resolve("*", filterOptions);
|
|
329
|
-
setResult(moduleInstances == null ? void 0 : moduleInstances.map((mod) => new WeakRef(mod)));
|
|
330
|
-
return moduleInstances;
|
|
331
|
-
}
|
|
332
|
-
console.log("Result: No Node");
|
|
333
|
-
return;
|
|
334
|
-
}, [node, filter]);
|
|
335
|
-
return [result, nodeError ?? error];
|
|
336
|
-
};
|
|
337
|
-
|
|
338
|
-
// src/hooks/useWeakNodeDescription.ts
|
|
339
|
-
var import_react_promise8 = require("@xylabs/react-promise");
|
|
340
|
-
var import_module_model4 = require("@xyo-network/module-model");
|
|
341
|
-
var import_payload_model2 = require("@xyo-network/payload-model");
|
|
342
|
-
var useWeakNodeDescription = (config) => {
|
|
343
|
-
const [activeNode, nodeError] = useWeakNode(config);
|
|
344
|
-
const [description, error] = (0, import_react_promise8.usePromise)(async () => {
|
|
345
|
-
var _a;
|
|
346
|
-
const state = await ((_a = activeNode == null ? void 0 : activeNode.deref()) == null ? void 0 : _a.state());
|
|
347
|
-
return state == null ? void 0 : state.find((0, import_payload_model2.isPayloadOfSchemaType)(import_module_model4.ModuleDescriptionSchema));
|
|
348
|
-
}, [activeNode]);
|
|
349
|
-
return [description, nodeError ?? error];
|
|
350
|
-
};
|
|
351
|
-
|
|
352
|
-
// src/hooks/useWeakNodeFromNode.tsx
|
|
353
|
-
var import_node_model5 = require("@xyo-network/node-model");
|
|
354
|
-
var useWeakNodeFromNode = (nameOrAddressOrInstance, config) => {
|
|
355
|
-
return useWeakModuleFromNode(nameOrAddressOrInstance, { identity: import_node_model5.isNodeInstance, ...config });
|
|
356
|
-
};
|
|
357
|
-
|
|
358
|
-
// src/components/NodeDescriptionBox.tsx
|
|
359
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
360
|
-
var NodeDescriptionBox = ({ node, ...props }) => {
|
|
361
|
-
const [description, error] = useWeakNodeDescription({ node });
|
|
362
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexCol, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", { color: error ? "red" : void 0, children: error ? error.message : JSON.stringify(description, null, 2) }) });
|
|
363
|
-
};
|
|
364
|
-
|
|
365
|
-
// src/components/Node.tsx
|
|
366
|
-
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
367
|
-
var NodeBox = ({ variant, ...props }) => {
|
|
368
|
-
switch (variant) {
|
|
369
|
-
case "description":
|
|
370
|
-
default: {
|
|
371
|
-
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(NodeDescriptionBox, { ...props });
|
|
372
|
-
}
|
|
373
|
-
}
|
|
374
|
-
};
|
|
375
|
-
|
|
376
|
-
// src/components/NodeDrawer.tsx
|
|
377
|
-
var import_icons_material2 = require("@mui/icons-material");
|
|
378
|
-
var import_material3 = require("@mui/material");
|
|
379
|
-
var import_react_flexbox2 = require("@xylabs/react-flexbox");
|
|
380
|
-
var import_react_node_provider = require("@xyo-network/react-node-provider");
|
|
381
|
-
|
|
382
|
-
// src/components/render/ModuleDescriptionBox.tsx
|
|
383
|
-
var import_icons_material = require("@mui/icons-material");
|
|
384
|
-
var import_material2 = require("@mui/material");
|
|
385
|
-
var import_x_tree_view2 = require("@mui/x-tree-view");
|
|
386
|
-
var import_react10 = require("react");
|
|
387
|
-
|
|
388
|
-
// src/components/render/RenderModule.tsx
|
|
389
|
-
var import_material = require("@mui/material");
|
|
390
|
-
var import_x_tree_view = require("@mui/x-tree-view");
|
|
391
|
-
var import_react_async_effect = require("@xylabs/react-async-effect");
|
|
392
|
-
var import_react9 = require("react");
|
|
393
|
-
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
394
|
-
var RenderModule = ({ mod, idRef }) => {
|
|
395
|
-
const [childModules, setChildModules] = (0, import_react9.useState)();
|
|
396
|
-
(0, import_react_async_effect.useAsyncEffect)(
|
|
397
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
398
|
-
async (mounted) => {
|
|
399
|
-
const moduleInstance2 = mod.deref();
|
|
400
|
-
const { address: address2 } = moduleInstance2 ?? {};
|
|
401
|
-
if (moduleInstance2) {
|
|
402
|
-
const children = (await moduleInstance2.resolve("*")).filter((childModule) => childModule.address !== address2);
|
|
403
|
-
if (mounted()) {
|
|
404
|
-
setChildModules(children.map((childModule) => new WeakRef(childModule)));
|
|
405
|
-
}
|
|
406
|
-
}
|
|
407
|
-
},
|
|
408
|
-
[mod]
|
|
409
|
-
);
|
|
410
|
-
const increment = () => {
|
|
411
|
-
const newId = (idRef.current.idIncrementor++).toString();
|
|
412
|
-
idRef.current.ids.push(newId);
|
|
413
|
-
return newId;
|
|
414
|
-
};
|
|
415
|
-
const moduleInstance = mod.deref();
|
|
416
|
-
const { queries, address } = moduleInstance ?? {};
|
|
417
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [
|
|
418
|
-
queries == null ? void 0 : queries.map((query, index) => {
|
|
419
|
-
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
|
|
420
|
-
}),
|
|
421
|
-
childModules && childModules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModuleRef) => {
|
|
422
|
-
const childModule = childModuleRef.deref();
|
|
423
|
-
return childModule ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RenderModule, { mod: childModuleRef, idRef }, childModule == null ? void 0 : childModule.address) : null;
|
|
424
|
-
}) }) : null
|
|
425
|
-
] });
|
|
426
|
-
};
|
|
427
|
-
var StyledAddressTreeItem = (0, import_material.styled)(import_x_tree_view.TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
|
|
428
|
-
"& .MuiTreeItem-content": {
|
|
429
|
-
marginBottom: theme.spacing(0.25)
|
|
430
|
-
}
|
|
431
|
-
}));
|
|
432
|
-
|
|
433
|
-
// src/components/render/ModuleDescriptionBox.tsx
|
|
434
|
-
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
435
|
-
var ModuleDescriptionBox = ({ mod }) => {
|
|
436
|
-
const idRef = (0, import_react10.useRef)({ idIncrementor: 0, ids: [] });
|
|
437
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: mod ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
|
|
438
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: "Node Configuration" }),
|
|
439
|
-
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
440
|
-
StyledTreeView,
|
|
441
|
-
{
|
|
442
|
-
"aria-label": "file system navigator",
|
|
443
|
-
defaultCollapseIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_material.ExpandMore, {}),
|
|
444
|
-
defaultExpandIcon: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_icons_material.ChevronRight, {}),
|
|
445
|
-
sx: { flexGrow: 1 },
|
|
446
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RenderModule, { mod, idRef })
|
|
447
|
-
}
|
|
448
|
-
)
|
|
449
|
-
] }) : mod === null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: "Node not found" }) });
|
|
450
|
-
};
|
|
451
|
-
var StyledTreeView = (0, import_material2.styled)(import_x_tree_view2.TreeView, { name: "StyledTreeView" })(() => ({
|
|
452
|
-
height: "auto",
|
|
453
|
-
maxWidth: "auto"
|
|
454
|
-
}));
|
|
455
|
-
|
|
456
|
-
// src/components/NodeDrawer.tsx
|
|
457
|
-
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
458
|
-
var NodeDrawer = ({ children, ...props }) => {
|
|
459
|
-
const { open, setOpen } = (0, import_react_node_provider.useNodeDrawer)();
|
|
460
|
-
const [node] = useWeakProvidedNode();
|
|
461
|
-
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material3.Drawer, { open: open ?? false, anchor: "right", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material3.ClickAwayListener, { onClickAway: () => setOpen == null ? void 0 : setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_flexbox2.FlexGrowCol, { role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw", children: [
|
|
462
|
-
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_flexbox2.FlexRow, { alignContent: "start", justifyContent: "start", width: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_material3.IconButton, { onClick: () => setOpen == null ? void 0 : setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons_material2.Close, {}) }) }),
|
|
463
|
-
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ModuleDescriptionBox, { mod: node }),
|
|
464
|
-
children
|
|
465
|
-
] }) }) });
|
|
466
|
-
};
|
|
467
|
-
|
|
468
|
-
// src/index.ts
|
|
469
|
-
__reExport(src_exports, require("@xyo-network/react-node-context"), module.exports);
|
|
470
|
-
__reExport(src_exports, require("@xyo-network/react-node-provider"), module.exports);
|
|
471
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
472
|
-
0 && (module.exports = {
|
|
473
|
-
NodeBox,
|
|
474
|
-
NodeDrawer,
|
|
475
|
-
useModuleFilterOptions,
|
|
476
|
-
useModuleFromNode,
|
|
477
|
-
useModuleFromNodeConfigLogger,
|
|
478
|
-
useModulesFromNode,
|
|
479
|
-
useNode,
|
|
480
|
-
useNodeConfigNodeField,
|
|
481
|
-
useNodeDescription,
|
|
482
|
-
useNodeFromNode,
|
|
483
|
-
useNodesFromNode,
|
|
484
|
-
useProvidedNode,
|
|
485
|
-
useWeakModuleFilterOptions,
|
|
486
|
-
useWeakModuleFromNode,
|
|
487
|
-
useWeakModuleFromNodeConfigLogger,
|
|
488
|
-
useWeakModulesFromNode,
|
|
489
|
-
useWeakNodeConfigNodeField,
|
|
490
|
-
useWeakNodeDescription,
|
|
491
|
-
useWeakNodeFromNode,
|
|
492
|
-
useWeakProvidedNode,
|
|
493
|
-
...require("@xyo-network/react-node-context"),
|
|
494
|
-
...require("@xyo-network/react-node-provider")
|
|
495
|
-
});
|
|
1
|
+
"use strict";var b=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var Pe=Object.getOwnPropertyNames;var be=Object.prototype.hasOwnProperty;var Ee=(e,o)=>{for(var d in o)b(e,d,{get:o[d],enumerable:!0})},P=(e,o,d,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Pe(o))!be.call(e,r)&&r!==d&&b(e,r,{get:()=>o[r],enumerable:!(n=ve(o,r))||n.enumerable});return e},M=(e,o,d)=>(P(e,o,"default"),d&&P(d,o,"default"));var Be=e=>P(b({},"__esModule",{value:!0}),e);var f={};Ee(f,{NodeBox:()=>Ve,NodeDrawer:()=>ze,useModuleFilterOptions:()=>x,useModuleFromNode:()=>L,useModuleFromNodeConfigLogger:()=>E,useModulesFromNode:()=>A,useNode:()=>N,useNodeConfigNodeField:()=>$,useNodeDescription:()=>Se,useNodeFromNode:()=>$e,useNodesFromNode:()=>Le,useProvidedNode:()=>B,useWeakModuleFilterOptions:()=>G,useWeakModuleFromNode:()=>z,useWeakModuleFromNodeConfigLogger:()=>J,useWeakModulesFromNode:()=>Ae,useWeakNodeConfigNodeField:()=>j,useWeakNodeDescription:()=>H,useWeakNodeFromNode:()=>Ge,useWeakProvidedNode:()=>h});module.exports=Be(f);var Ie=require("@xylabs/react-flexbox");var E=e=>e==null?void 0:e.logger;var U=require("@xyo-network/react-node-context"),X=require("react"),B=()=>{let{node:e}=(0,X.useContext)(U.NodeContext);return[e]};var Y=require("@xyo-network/react-node-context"),W=require("react"),h=()=>{let{node:e}=(0,W.useContext)(Y.NodeContext);return[(0,W.useMemo)(()=>e?new WeakRef(e):null,[e])]};var x=e=>{let{direction:o,identity:d,maxDepth:n}=e??{};return{direction:o,identity:d,maxDepth:n}};var q=require("@xylabs/react-promise"),g=require("@xyo-network/module-model"),O=require("react");var Z=require("@xylabs/react-promise"),_=require("@xyo-network/node-model");var S=require("react"),$=e=>{let o=(0,S.useMemo)(()=>typeof(e==null?void 0:e.node)=="string"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]),d=(0,S.useMemo)(()=>typeof(e==null?void 0:e.node)=="object"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]);return[o,d]};var N=e=>{let[o,d]=$(e),[n]=B(),[r,t]=(0,Z.usePromise)(async()=>{if(n&&o)return(0,_.asNodeInstance)(await n.resolve(o),"Module is not a node")},[n,o]);return[r??d??n??void 0,t]};var L=(e=void 0,o)=>{let[d,n]=N(o),r=E(o),t=x(o),[a,l]=(0,O.useState)(),[,p]=(0,q.usePromise)(async()=>{r==null||r.debug("useModuleFromNode: resolving");let i=(o==null?void 0:o.identity)??g.isModuleInstance;if(d&&e){if(d.on("moduleAttached",({module:u})=>{var s;r==null||r.debug(`useModuleFromNode: moduleAttached [${u.config.name??u.address}]`),(u.address===e||((s=u.config)==null?void 0:s.name)===e)&&l(i(u)?u:void 0)}),d.on("moduleDetached",({module:u})=>{var s;r==null||r.debug(`useModuleFromNode: moduleDetached [${u.config.name??u.address}]`),(u.address===e||((s=u.config)==null?void 0:s.name)===e)&&l(void 0)}),i(e))l(e);else{let u=await d.resolve(e,t);r==null||r.debug(`Result: ${u==null?void 0:u.address}`),l(i(u)?u:void 0)}return a}r==null||r.debug("Result: No Node")},[d,e]);return[a,n??p]};var ee=require("@xylabs/react-promise"),oe=require("react");var A=(e,o)=>{let[d,n]=N(o),r=o==null?void 0:o.logger,t=x(),[a,l]=(0,oe.useState)(),[,p]=(0,ee.usePromise)(async()=>{if(r==null||r.debug("useModuleFromNode: resolving"),d){d.on("moduleAttached",async({module:u})=>{r==null||r.debug(`useModuleFromNode: moduleAttached [${u.config.name??u.address}]`);let s=e?await d.resolve(e,t):await d.resolve("*",t);l(s)}),d.on("moduleDetached",async({module:u})=>{r==null||r.debug(`useModuleFromNode: moduleDetached [${u.config.name??u.address}]`);let s=e?await d.resolve(e,t):await d.resolve("*",t);l(s)});let i=e?await d.resolve(e,t):await d.resolve("*",t);return l(i),i}console.log("Result: No Node")},[d,e]);return[a,n??p]};var re=require("@xylabs/react-promise"),de=require("@xyo-network/module-model"),ne=require("@xyo-network/payload-model");var Se=e=>{let[o,d]=N(e),[n,r]=(0,re.usePromise)(async()=>{let t=await(o==null?void 0:o.state());return t==null?void 0:t.find((0,ne.isPayloadOfSchemaType)(de.ModuleDescriptionSchema))},[o]);return[n,d??r]};var te=require("@xyo-network/node-model");var $e=(e,o)=>{var t,a;let[d,n]=L(e,o),r=(0,te.asNodeInstance)(d);if(d&&!r){let l=new Error(`Resolved module is not a NodeInstance [${(t=d.config)==null?void 0:t.schema}:${(a=d.config)==null?void 0:a.name}:${d.address}]`);return console.error(l.message),[void 0,l]}return[r,n]};var se=require("@xyo-network/node-model");var Le=(e,o)=>{let[d,n]=A(e,o);return n?[null,n]:d?[d.reduce((r,t)=>((0,se.isNodeInstance)(t)&&r.push(t),r),[]),void 0]:[d,n]};var G=e=>{let{direction:o,identity:d,maxDepth:n}=e??{};return{direction:o,identity:d,maxDepth:n}};var ae=require("@xylabs/react-promise"),me=require("@xyo-network/module-model"),le=require("react");var ue=require("@xylabs/react-promise"),ie=require("@xyo-network/node-model");var V=require("react"),j=e=>{let o=(0,V.useMemo)(()=>typeof(e==null?void 0:e.node)=="string"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]),d=(0,V.useMemo)(()=>typeof(e==null?void 0:e.node)=="object"?e==null?void 0:e.node:void 0,[e==null?void 0:e.node]);return[o,d]};var T=e=>{let[o,d]=j(e),[n]=h(),[r,t]=(0,ue.usePromise)(async()=>{let a=n==null?void 0:n.deref();if(a&&o)return new WeakRef((0,ie.asNodeInstance)(await a.resolve(o),"Module is not a node"))},[n,o]);return[r??d??n??void 0,t]};var J=e=>e==null?void 0:e.logger;var z=(e=void 0,o)=>{let[d,n]=T(o),r=J(o),t=G(o),[a,l]=(0,le.useState)(),[,p]=(0,ae.usePromise)(async()=>{r==null||r.debug("useModuleFromNode: resolving");let i=(o==null?void 0:o.identity)??me.isModuleInstance,u=d==null?void 0:d.deref();if(u&&e){if(u.on("moduleAttached",({module:s})=>{var m;r==null||r.debug(`useModuleFromNode: moduleAttached [${s.config.name??s.address}]`),(s.address===e||((m=s.config)==null?void 0:m.name)===e)&&l(i(s)?new WeakRef(s):void 0)}),u.on("moduleDetached",({module:s})=>{var m;r==null||r.debug(`useModuleFromNode: moduleDetached [${s.config.name??s.address}]`),(s.address===e||((m=s.config)==null?void 0:m.name)===e)&&l(void 0)}),i(e))l(new WeakRef(e));else{let s=await u.resolve(e,t);r==null||r.debug(`Result: ${s==null?void 0:s.address}`),l(i(s)?new WeakRef(s):void 0)}return a}r==null||r.debug("Result: No Node")},[d,e]);return[a,n??p]};var pe=require("@xylabs/react-promise"),ce=require("react");var Ae=(e,o)=>{let[d,n]=N(o),r=o==null?void 0:o.logger,t=x(),[a,l]=(0,ce.useState)(),[,p]=(0,pe.usePromise)(async()=>{r==null||r.debug("useModuleFromNode: resolving");let i=d;if(i){i.on("moduleAttached",async({module:s})=>{let m=d;r==null||r.debug(`useModuleFromNode: moduleAttached [${s.config.name??s.address}]`);let I=e?await(m==null?void 0:m.resolve(e,t)):await(m==null?void 0:m.resolve("*",t));l(I==null?void 0:I.map(v=>new WeakRef(v)))}),i.on("moduleDetached",async({module:s})=>{let m=d;r==null||r.debug(`useModuleFromNode: moduleDetached [${s.config.name??s.address}]`);let I=e?await(m==null?void 0:m.resolve(e,t)):await(m==null?void 0:m.resolve("*",t));l(I==null?void 0:I.map(v=>new WeakRef(v)))});let u=e?await i.resolve(e,t):await i.resolve("*",t);return l(u==null?void 0:u.map(s=>new WeakRef(s))),u}console.log("Result: No Node")},[d,e]);return[a,n??p]};var fe=require("@xylabs/react-promise"),Me=require("@xyo-network/module-model"),Ne=require("@xyo-network/payload-model");var H=e=>{let[o,d]=T(e),[n,r]=(0,fe.usePromise)(async()=>{var a;let t=await((a=o==null?void 0:o.deref())==null?void 0:a.state());return t==null?void 0:t.find((0,Ne.isPayloadOfSchemaType)(Me.ModuleDescriptionSchema))},[o]);return[n,d??r]};var Fe=require("@xyo-network/node-model");var Ge=(e,o)=>z(e,{identity:Fe.isNodeInstance,...o});var K=require("react/jsx-runtime"),xe=({node:e,...o})=>{let[d,n]=H({node:e});return(0,K.jsx)(Ie.FlexCol,{...o,children:(0,K.jsx)("code",{color:n?"red":void 0,children:n?n.message:JSON.stringify(d,null,2)})})};var Ce=require("react/jsx-runtime"),Ve=({variant:e,...o})=>{switch(e){case"description":default:return(0,Ce.jsx)(xe,{...o})}};var Re=require("@mui/icons-material"),y=require("@mui/material"),D=require("@xylabs/react-flexbox"),De=require("@xyo-network/react-node-provider");var R=require("@mui/icons-material"),k=require("@mui/material"),We=require("@mui/x-tree-view"),Te=require("react");var ke=require("@mui/material"),w=require("@mui/x-tree-view"),ye=require("@xylabs/react-async-effect"),he=require("react"),C=require("react/jsx-runtime"),Q=({mod:e,idRef:o})=>{let[d,n]=(0,he.useState)();(0,ye.useAsyncEffect)(async p=>{let i=e.deref(),{address:u}=i??{};if(i){let s=(await i.resolve("*")).filter(m=>m.address!==u);p()&&n(s.map(m=>new WeakRef(m)))}},[e]);let r=()=>{let p=(o.current.idIncrementor++).toString();return o.current.ids.push(p),p},t=e.deref(),{queries:a,address:l}=t??{};return(0,C.jsxs)(je,{nodeId:r(),label:`address: ${l}`,children:[a==null?void 0:a.map((p,i)=>(0,C.jsx)(w.TreeItem,{nodeId:r(),label:`query : ${p}`,sx:{mb:i===a.length-1?1.5:.5}},p)),d&&d.length>0?(0,C.jsx)(w.TreeItem,{nodeId:r(),label:"children",sx:{mb:.5},children:d.map(p=>{let i=p.deref();return i?(0,C.jsx)(Q,{mod:p,idRef:o},i==null?void 0:i.address):null})}):null]})},je=(0,ke.styled)(w.TreeItem,{name:"StyledAddressTreeItem"})(({theme:e})=>({"& .MuiTreeItem-content":{marginBottom:e.spacing(.25)}}));var c=require("react/jsx-runtime"),we=({mod:e})=>{let o=(0,Te.useRef)({idIncrementor:0,ids:[]});return(0,c.jsx)(c.Fragment,{children:e?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(k.Typography,{variant:"h4",children:"Node Configuration"}),(0,c.jsx)(Je,{"aria-label":"file system navigator",defaultCollapseIcon:(0,c.jsx)(R.ExpandMore,{}),defaultExpandIcon:(0,c.jsx)(R.ChevronRight,{}),sx:{flexGrow:1},children:(0,c.jsx)(Q,{mod:e,idRef:o})})]}):e===null?(0,c.jsx)(k.Typography,{variant:"h4",children:"Node loading..."}):(0,c.jsx)(k.Typography,{variant:"h4",children:"Node not found"})})},Je=(0,k.styled)(We.TreeView,{name:"StyledTreeView"})(()=>({height:"auto",maxWidth:"auto"}));var F=require("react/jsx-runtime"),ze=({children:e,...o})=>{let{open:d,setOpen:n}=(0,De.useNodeDrawer)(),[r]=h();return(0,F.jsx)(y.Drawer,{open:d??!1,anchor:"right",...o,children:(0,F.jsx)(y.ClickAwayListener,{onClickAway:()=>n==null?void 0:n(!1),children:(0,F.jsxs)(D.FlexGrowCol,{role:"presentation",justifyContent:"start",p:2,rowGap:2,minWidth:"33vw",children:[(0,F.jsx)(D.FlexRow,{alignContent:"start",justifyContent:"start",width:"100%",children:(0,F.jsx)(y.IconButton,{onClick:()=>n==null?void 0:n(!1),children:(0,F.jsx)(Re.Close,{})})}),(0,F.jsx)(we,{mod:r}),e]})})})};M(f,require("@xyo-network/react-node-context"),module.exports);M(f,require("@xyo-network/react-node-provider"),module.exports);0&&(module.exports={NodeBox,NodeDrawer,useModuleFilterOptions,useModuleFromNode,useModuleFromNodeConfigLogger,useModulesFromNode,useNode,useNodeConfigNodeField,useNodeDescription,useNodeFromNode,useNodesFromNode,useProvidedNode,useWeakModuleFilterOptions,useWeakModuleFromNode,useWeakModuleFromNodeConfigLogger,useWeakModulesFromNode,useWeakNodeConfigNodeField,useWeakNodeDescription,useWeakNodeFromNode,useWeakProvidedNode,...require("@xyo-network/react-node-context"),...require("@xyo-network/react-node-provider")});
|
|
496
2
|
//# sourceMappingURL=index.cjs.map
|