@xyo-network/react-node 2.64.0-rc.3 → 2.64.0-rc.6

package/dist/browser/components/Node.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA"}

package/dist/browser/components/Node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../src/components/Node.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAA;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAM1C,CAAA"}

package/dist/browser/components/Node.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { NodeDescriptionBox } from "./NodeDescriptionBox";
+const NodeBox = ({ variant, ...props }) => {
+  switch (variant) {
+    case "description":
+    default:
+      return /* @__PURE__ */ jsx(NodeDescriptionBox, { ...props });
+  }
+};
+export {
+  NodeBox
+};
+//# sourceMappingURL=Node.js.map

package/dist/browser/components/Node.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Node.tsx"],"sourcesContent":["import { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nimport { NodeDescriptionBox } from './NodeDescriptionBox'\n\nexport interface NodeBoxProps extends FlexBoxProps {\n  node?: string | NodeInstance\n  variant?: 'description'\n}\n\nexport const NodeBox: React.FC<NodeBoxProps> = ({ variant, ...props }) => {\n  switch (variant) {\n    case 'description':\n    default:\n      return <NodeDescriptionBox {...props} />\n  }\n}\n"],"mappings":"AAca;AAXb,SAAS,0BAA0B;AAO5B,MAAM,UAAkC,CAAC,EAAE,SAAS,GAAG,MAAM,MAAM;AACxE,UAAQ,SAAS;AAAA,IACf,KAAK;AAAA,IACL;AACE,aAAO,oBAAC,sBAAoB,GAAG,OAAO;AAAA,EAC1C;AACF;","names":[]}

package/dist/browser/components/Node.stories.js

@@ -0,0 +1,48 @@
+import { jsx } from "react/jsx-runtime";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { NodeConfigSchema } from "@xyo-network/node-model";
+import { MemoryNodeProvider } from "@xyo-network/react-node-provider";
+import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
+import { useWallet, WalletProvider } from "@xyo-network/react-wallet";
+import { useProvidedNode } from "../hooks";
+import { NodeBox } from "./Node";
+import { TestModule, TestModuleConfigSchema } from "./TestModule";
+const TestModuleName = "TestModule";
+const MemoryNodeDecorator = (Story, args) => {
+  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase });
+  return /* @__PURE__ */ jsx(WalletProvider, { rootWallet: wallet, children: /* @__PURE__ */ jsx(MemoryNodeProvider, { config: { schema: NodeConfigSchema }, children: /* @__PURE__ */ jsx(Story, { ...args }) }) });
+};
+var Node_stories_default = {
+  title: "modules/node/NodeBox"
+};
+const Template = () => {
+  const [node] = useProvidedNode();
+  const [account] = useWallet({ mnemonic: DefaultSeedPhrase, path: "0" });
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async () => {
+      if (node && account) {
+        try {
+          const mod = await TestModule.create({ account, config: { name: TestModuleName, schema: TestModuleConfigSchema } });
+          await node?.register(mod);
+          await node?.attach(mod.address, true);
+        } catch (e) {
+          console.error(e);
+        }
+      }
+    },
+    [node, account]
+  );
+  return /* @__PURE__ */ jsx(NodeBox, { node, variant: "description", maxWidth: 640 });
+};
+const Default = Template.bind({});
+Default.args = {};
+const WithModules = Template.bind({});
+WithModules.argTypes = {};
+WithModules.decorators = [MemoryNodeDecorator];
+export {
+  Default,
+  WithModules,
+  Node_stories_default as default
+};
+//# sourceMappingURL=Node.stories.js.map

package/dist/browser/components/Node.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Node.stories.tsx"],"sourcesContent":["import { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { MemoryNode } from '@xyo-network/node-memory'\nimport { NodeConfigSchema } from '@xyo-network/node-model'\nimport { MemoryNodeProvider } from '@xyo-network/react-node-provider'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\nimport { useWallet, WalletProvider } from '@xyo-network/react-wallet'\n\nimport { useProvidedNode } from '../hooks'\nimport { NodeBox } from './Node'\nimport { TestModule, TestModuleConfigSchema } from './TestModule'\n\nconst TestModuleName = 'TestModule'\n\nconst MemoryNodeDecorator: Decorator = (Story, args) => {\n  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n\n  return (\n    <WalletProvider rootWallet={wallet}>\n      <MemoryNodeProvider config={{ schema: NodeConfigSchema }}>\n        <Story {...args} />\n      </MemoryNodeProvider>\n    </WalletProvider>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'modules/node/NodeBox',\n} as Meta\n\nconst Template: StoryFn<React.FC> = () => {\n  const [node] = useProvidedNode() as [MemoryNode]\n\n  const [account] = useWallet({ mnemonic: DefaultSeedPhrase, path: '0' })\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      if (node && account) {\n        try {\n          const mod = await TestModule.create({ account, config: { name: TestModuleName, schema: TestModuleConfigSchema } })\n          await node?.register(mod)\n          await node?.attach(mod.address, true)\n        } catch (e) {\n          console.error(e)\n        }\n      }\n    },\n    [node, account],\n  )\n\n  return <NodeBox node={node} variant=\"description\" maxWidth={640} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithModules = Template.bind({})\nWithModules.argTypes = {}\nWithModules.decorators = [MemoryNodeDecorator]\n\nexport { Default, WithModules }\n"],"mappings":"AAoBQ;AAnBR,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,yBAAyB;AAClC,SAAS,WAAW,sBAAsB;AAE1C,SAAS,uBAAuB;AAChC,SAAS,eAAe;AACxB,SAAS,YAAY,8BAA8B;AAEnD,MAAM,iBAAiB;AAEvB,MAAM,sBAAiC,CAAC,OAAO,SAAS;AACtD,QAAM,CAAC,MAAM,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAE1D,SACE,oBAAC,kBAAe,YAAY,QAC1B,8BAAC,sBAAmB,QAAQ,EAAE,QAAQ,iBAAiB,GACrD,8BAAC,SAAO,GAAG,MAAM,GACnB,GACF;AAEJ;AAGA,IAAO,uBAAQ;AAAA,EACb,OAAO;AACT;AAEA,MAAM,WAA8B,MAAM;AACxC,QAAM,CAAC,IAAI,IAAI,gBAAgB;AAE/B,QAAM,CAAC,OAAO,IAAI,UAAU,EAAE,UAAU,mBAAmB,MAAM,IAAI,CAAC;AAEtE;AAAA;AAAA,IAEE,YAAY;AACV,UAAI,QAAQ,SAAS;AACnB,YAAI;AACF,gBAAM,MAAM,MAAM,WAAW,OAAO,EAAE,SAAS,QAAQ,EAAE,MAAM,gBAAgB,QAAQ,uBAAuB,EAAE,CAAC;AACjH,gBAAM,MAAM,SAAS,GAAG;AACxB,gBAAM,MAAM,OAAO,IAAI,SAAS,IAAI;AAAA,QACtC,SAAS,GAAG;AACV,kBAAQ,MAAM,CAAC;AAAA,QACjB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,OAAO;AAAA,EAChB;AAEA,SAAO,oBAAC,WAAQ,MAAY,SAAQ,eAAc,UAAU,KAAK;AACnE;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,cAAc,SAAS,KAAK,CAAC,CAAC;AACpC,YAAY,WAAW,CAAC;AACxB,YAAY,aAAa,CAAC,mBAAmB;","names":[]}

package/dist/browser/components/NodeDescriptionBox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeDescriptionBox.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDescriptionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQhE,CAAA"}

package/dist/browser/components/NodeDescriptionBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeDescriptionBox.d.ts","sourceRoot":"","sources":["../../../src/components/NodeDescriptionBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQhE,CAAA"}

package/dist/browser/components/NodeDescriptionBox.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useNodeDescription } from "../hooks";
+const NodeDescriptionBox = ({ node, ...props }) => {
+  const [description, error] = useNodeDescription({ node });
+  return /* @__PURE__ */ jsx(FlexCol, { ...props, children: /* @__PURE__ */ jsx("code", { color: error ? "red" : void 0, children: error ? error.message : JSON.stringify(description, null, 2) }) });
+};
+export {
+  NodeDescriptionBox
+};
+//# sourceMappingURL=NodeDescriptionBox.js.map

package/dist/browser/components/NodeDescriptionBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NodeDescriptionBox.tsx"],"sourcesContent":["import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nimport { useNodeDescription } from '../hooks'\n\nexport interface NodeDescriptionBoxProps extends FlexBoxProps {\n  node?: string | NodeInstance\n}\n\nexport const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps> = ({ node, ...props }) => {\n  const [description, error] = useNodeDescription({ node })\n\n  return (\n    <FlexCol {...props}>\n      <code color={error ? 'red' : undefined}>{error ? error.message : JSON.stringify(description, null, 2)}</code>\n    </FlexCol>\n  )\n}\n"],"mappings":"AAcM;AAdN,SAAuB,eAAe;AAGtC,SAAS,0BAA0B;AAM5B,MAAM,qBAAwD,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,aAAa,KAAK,IAAI,mBAAmB,EAAE,KAAK,CAAC;AAExD,SACE,oBAAC,WAAS,GAAG,OACX,8BAAC,UAAK,OAAO,QAAQ,QAAQ,QAAY,kBAAQ,MAAM,UAAU,KAAK,UAAU,aAAa,MAAM,CAAC,GAAE,GACxG;AAEJ;","names":[]}

package/dist/browser/components/NodeDrawer.d.mts.map

@@ -0,0 +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"}

package/dist/browser/components/NodeDrawer.d.ts.map

@@ -0,0 +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"}

package/dist/browser/components/NodeDrawer.js

@@ -0,0 +1,20 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Close as CloseIcon } from "@mui/icons-material";
+import { ClickAwayListener, Drawer, IconButton } from "@mui/material";
+import { FlexGrowCol, FlexRow } from "@xylabs/react-flexbox";
+import { useNodeDrawer } from "@xyo-network/react-node-provider";
+import { useProvidedNode } from "../hooks";
+import { ModuleDescriptionBox } from "./render";
+const NodeDrawer = ({ children, ...props }) => {
+  const { open, setOpen } = useNodeDrawer();
+  const [node] = useProvidedNode();
+  return /* @__PURE__ */ jsx(Drawer, { open: open ?? false, anchor: "right", ...props, children: /* @__PURE__ */ jsx(ClickAwayListener, { onClickAway: () => setOpen?.(false), children: /* @__PURE__ */ jsxs(FlexGrowCol, { role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw", children: [
+    /* @__PURE__ */ jsx(FlexRow, { alignContent: "start", justifyContent: "start", width: "100%", children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setOpen?.(false), children: /* @__PURE__ */ jsx(CloseIcon, {}) }) }),
+    /* @__PURE__ */ jsx(ModuleDescriptionBox, { module: node }),
+    children
+  ] }) }) });
+};
+export {
+  NodeDrawer
+};
+//# sourceMappingURL=NodeDrawer.js.map

package/dist/browser/components/NodeDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NodeDrawer.tsx"],"sourcesContent":["import { Close as CloseIcon } from '@mui/icons-material'\nimport { ClickAwayListener, Drawer, DrawerProps, IconButton } from '@mui/material'\nimport { FlexGrowCol, FlexRow } from '@xylabs/react-flexbox'\nimport type { WithChildren } from '@xylabs/react-shared'\nimport { useNodeDrawer } from '@xyo-network/react-node-provider'\n\nimport { useProvidedNode } from '../hooks'\nimport { ModuleDescriptionBox } from './render'\n\nexport interface NodeDrawerProps extends WithChildren, Omit<DrawerProps, 'open'> {}\n\nexport const NodeDrawer: React.FC<NodeDrawerProps> = ({ children, ...props }) => {\n  const { open, setOpen } = useNodeDrawer()\n  const [node] = useProvidedNode()\n\n  return (\n    <Drawer open={open ?? false} anchor=\"right\" {...props}>\n      <ClickAwayListener onClickAway={() => setOpen?.(false)}>\n        <FlexGrowCol role=\"presentation\" justifyContent=\"start\" p={2} rowGap={2} minWidth=\"33vw\">\n          <FlexRow alignContent=\"start\" justifyContent=\"start\" width=\"100%\">\n            <IconButton onClick={() => setOpen?.(false)}>\n              <CloseIcon />\n            </IconButton>\n          </FlexRow>\n          <ModuleDescriptionBox module={node} />\n          {children}\n        </FlexGrowCol>\n      </ClickAwayListener>\n    </Drawer>\n  )\n}\n"],"mappings":"AAkBQ,SAGM,KAHN;AAlBR,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB,QAAqB,kBAAkB;AACnE,SAAS,aAAa,eAAe;AAErC,SAAS,qBAAqB;AAE9B,SAAS,uBAAuB;AAChC,SAAS,4BAA4B;AAI9B,MAAM,aAAwC,CAAC,EAAE,UAAU,GAAG,MAAM,MAAM;AAC/E,QAAM,EAAE,MAAM,QAAQ,IAAI,cAAc;AACxC,QAAM,CAAC,IAAI,IAAI,gBAAgB;AAE/B,SACE,oBAAC,UAAO,MAAM,QAAQ,OAAO,QAAO,SAAS,GAAG,OAC9C,8BAAC,qBAAkB,aAAa,MAAM,UAAU,KAAK,GACnD,+BAAC,eAAY,MAAK,gBAAe,gBAAe,SAAQ,GAAG,GAAG,QAAQ,GAAG,UAAS,QAChF;AAAA,wBAAC,WAAQ,cAAa,SAAQ,gBAAe,SAAQ,OAAM,QACzD,8BAAC,cAAW,SAAS,MAAM,UAAU,KAAK,GACxC,8BAAC,aAAU,GACb,GACF;AAAA,IACA,oBAAC,wBAAqB,QAAQ,MAAM;AAAA,IACnC;AAAA,KACH,GACF,GACF;AAEJ;","names":[]}

package/dist/browser/components/NodeDrawer.stories.js

@@ -0,0 +1,27 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { NodeConfigSchema } from "@xyo-network/node-model";
+import { MemoryNodeProvider, NodeDrawerProvider, useNodeDrawer } from "@xyo-network/react-node-provider";
+import { NodeDrawer } from "./NodeDrawer";
+const ProviderDecorator = (Story, args) => /* @__PURE__ */ jsx(MemoryNodeProvider, { config: { schema: NodeConfigSchema }, children: /* @__PURE__ */ jsx(NodeDrawerProvider, { defaultOpen: true, children: /* @__PURE__ */ jsx(Story, { ...args }) }) });
+const StorybookEntry = {
+  component: NodeDrawer,
+  decorators: [ProviderDecorator],
+  title: "modules/node/NodeDrawer"
+};
+const Template = (args) => {
+  const { setOpen } = useNodeDrawer();
+  return /* @__PURE__ */ jsxs(FlexCol, { children: [
+    /* @__PURE__ */ jsx(Button, { onClick: () => setOpen?.((previous) => !previous), variant: "contained", children: "Toggle Drawer" }),
+    /* @__PURE__ */ jsx(NodeDrawer, { ...args })
+  ] });
+};
+const Default = Template.bind({});
+Default.args = {};
+var NodeDrawer_stories_default = StorybookEntry;
+export {
+  Default,
+  NodeDrawer_stories_default as default
+};
+//# sourceMappingURL=NodeDrawer.stories.js.map

package/dist/browser/components/NodeDrawer.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NodeDrawer.stories.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { NodeConfigSchema } from '@xyo-network/node-model'\nimport { MemoryNodeProvider, NodeDrawerProvider, useNodeDrawer } from '@xyo-network/react-node-provider'\n\nimport { NodeDrawer } from './NodeDrawer'\n\nconst ProviderDecorator: Decorator = (Story, args) => (\n  <MemoryNodeProvider config={{ schema: NodeConfigSchema }}>\n    <NodeDrawerProvider defaultOpen>\n      <Story {...args} />\n    </NodeDrawerProvider>\n  </MemoryNodeProvider>\n)\n\nconst StorybookEntry = {\n  component: NodeDrawer,\n  decorators: [ProviderDecorator],\n  title: 'modules/node/NodeDrawer',\n} as Meta<typeof NodeDrawer>\n\nconst Template: StoryFn<typeof NodeDrawer> = (args) => {\n  const { setOpen } = useNodeDrawer()\n  return (\n    <FlexCol>\n      <Button onClick={() => setOpen?.((previous) => !previous)} variant=\"contained\">\n        Toggle Drawer\n      </Button>\n      <NodeDrawer {...args}></NodeDrawer>\n    </FlexCol>\n  )\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAWM,cAcF,YAdE;AAXN,SAAS,cAAc;AAEvB,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,oBAAoB,oBAAoB,qBAAqB;AAEtE,SAAS,kBAAkB;AAE3B,MAAM,oBAA+B,CAAC,OAAO,SAC3C,oBAAC,sBAAmB,QAAQ,EAAE,QAAQ,iBAAiB,GACrD,8BAAC,sBAAmB,aAAW,MAC7B,8BAAC,SAAO,GAAG,MAAM,GACnB,GACF;AAGF,MAAM,iBAAiB;AAAA,EACrB,WAAW;AAAA,EACX,YAAY,CAAC,iBAAiB;AAAA,EAC9B,OAAO;AACT;AAEA,MAAM,WAAuC,CAAC,SAAS;AACrD,QAAM,EAAE,QAAQ,IAAI,cAAc;AAClC,SACE,qBAAC,WACC;AAAA,wBAAC,UAAO,SAAS,MAAM,UAAU,CAAC,aAAa,CAAC,QAAQ,GAAG,SAAQ,aAAY,2BAE/E;AAAA,IACA,oBAAC,cAAY,GAAG,MAAM;AAAA,KACxB;AAEJ;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAKhB,IAAO,6BAAQ;","names":[]}

package/dist/browser/components/NodeModulesBox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeModulesBox.d.ts","sourceRoot":"","sources":["../../../src/components/NodeModulesBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQhE,CAAA"}

package/dist/browser/components/NodeModulesBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeModulesBox.d.ts","sourceRoot":"","sources":["../../../src/components/NodeModulesBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,MAAM,WAAW,uBAAwB,SAAQ,YAAY;IAC3D,IAAI,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;CAC7B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAQhE,CAAA"}

package/dist/browser/components/NodeModulesBox.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useModulesFromNode } from "../hooks";
+const NodeDescriptionBox = ({ node, ...props }) => {
+  const [description, error] = useModulesFromNode(void 0, { node });
+  return /* @__PURE__ */ jsx(FlexCol, { ...props, children: /* @__PURE__ */ jsx("code", { color: error ? "red" : void 0, children: error ? error.message : JSON.stringify(description, null, 2) }) });
+};
+export {
+  NodeDescriptionBox
+};
+//# sourceMappingURL=NodeModulesBox.js.map

package/dist/browser/components/NodeModulesBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NodeModulesBox.tsx"],"sourcesContent":["import { FlexBoxProps, FlexCol } from '@xylabs/react-flexbox'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nimport { useModulesFromNode } from '../hooks'\n\nexport interface NodeDescriptionBoxProps extends FlexBoxProps {\n  node?: string | NodeInstance\n}\n\nexport const NodeDescriptionBox: React.FC<NodeDescriptionBoxProps> = ({ node, ...props }) => {\n  const [description, error] = useModulesFromNode(undefined, { node })\n\n  return (\n    <FlexCol {...props}>\n      <code color={error ? 'red' : undefined}>{error ? error.message : JSON.stringify(description, null, 2)}</code>\n    </FlexCol>\n  )\n}\n"],"mappings":"AAcM;AAdN,SAAuB,eAAe;AAGtC,SAAS,0BAA0B;AAM5B,MAAM,qBAAwD,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC3F,QAAM,CAAC,aAAa,KAAK,IAAI,mBAAmB,QAAW,EAAE,KAAK,CAAC;AAEnE,SACE,oBAAC,WAAS,GAAG,OACX,8BAAC,UAAK,OAAO,QAAQ,QAAQ,QAAY,kBAAQ,MAAM,UAAU,KAAK,UAAU,aAAa,MAAM,CAAC,GAAE,GACxG;AAEJ;","names":[]}

package/dist/browser/components/TestModule.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestModule.d.ts","sourceRoot":"","sources":["../../../src/components/TestModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACxF,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,CAAA;AAC9D,eAAO,MAAM,sBAAsB,EAAE,sBAAkD,CAAA;AAEvF,qBAAa,UAAW,SAAQ,sBAAsB,CAAC,YAAY,CAAC,YAAY,CAAC;IAAE,MAAM,EAAE,sBAAsB,CAAA;CAAE,CAAC,CAAC,CAAC;IACpH,gBAAyB,aAAa,EAAE,MAAM,EAAE,CAA2B;IAC3E,IAAI,kBAAkB,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAExD;CACF;AAED,eAAO,MAAM,IAAI,qBAEhB,CAAA"}

package/dist/browser/components/TestModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestModule.d.ts","sourceRoot":"","sources":["../../../src/components/TestModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AACxF,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAA;AAElD,MAAM,MAAM,sBAAsB,GAAG,yBAAyB,CAAA;AAC9D,eAAO,MAAM,sBAAsB,EAAE,sBAAkD,CAAA;AAEvF,qBAAa,UAAW,SAAQ,sBAAsB,CAAC,YAAY,CAAC,YAAY,CAAC;IAAE,MAAM,EAAE,sBAAsB,CAAA;CAAE,CAAC,CAAC,CAAC;IACpH,gBAAyB,aAAa,EAAE,MAAM,EAAE,CAA2B;IAC3E,IAAI,kBAAkB,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,CAExD;CACF;AAED,eAAO,MAAM,IAAI,qBAEhB,CAAA"}

package/dist/browser/components/TestModule.js

@@ -0,0 +1,17 @@
+import { AbstractModuleInstance } from "@xyo-network/module";
+const TestModuleConfigSchema = "network.xyo.test.module";
+class TestModule extends AbstractModuleInstance {
+  static configSchemas = [TestModuleConfigSchema];
+  get _queryAccountPaths() {
+    return {};
+  }
+}
+const init = async () => {
+  await TestModule.create({ config: { name: "TestModule", schema: TestModuleConfigSchema } });
+};
+export {
+  TestModule,
+  TestModuleConfigSchema,
+  init
+};
+//# sourceMappingURL=TestModule.js.map

package/dist/browser/components/TestModule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TestModule.ts"],"sourcesContent":["import { AbstractModuleInstance, ModuleConfig, ModuleParams } from '@xyo-network/module'\nimport { Query } from '@xyo-network/payload-model'\n\nexport type TestModuleConfigSchema = 'network.xyo.test.module'\nexport const TestModuleConfigSchema: TestModuleConfigSchema = 'network.xyo.test.module'\n\nexport class TestModule extends AbstractModuleInstance<ModuleParams<ModuleConfig<{ schema: TestModuleConfigSchema }>>> {\n  static override readonly configSchemas: string[] = [TestModuleConfigSchema]\n  get _queryAccountPaths(): Record<Query['schema'], string> {\n    return {}\n  }\n}\n\nexport const init = async () => {\n  await TestModule.create({ config: { name: 'TestModule', schema: TestModuleConfigSchema } })\n}\n"],"mappings":"AAAA,SAAS,8BAA0D;AAI5D,MAAM,yBAAiD;AAEvD,MAAM,mBAAmB,uBAAuF;AAAA,EACrH,OAAyB,gBAA0B,CAAC,sBAAsB;AAAA,EAC1E,IAAI,qBAAsD;AACxD,WAAO,CAAC;AAAA,EACV;AACF;AAEO,MAAM,OAAO,YAAY;AAC9B,QAAM,WAAW,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,QAAQ,uBAAuB,EAAE,CAAC;AAC5F;","names":[]}

package/dist/browser/components/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA"}

package/dist/browser/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA"}

package/dist/browser/components/index.js

@@ -0,0 +1,3 @@
+export * from "./Node";
+export * from "./NodeDrawer";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './Node'\nexport * from './NodeDrawer'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/components/render/ModuleDescriptionBox.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleDescriptionBox.d.ts","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAKpD,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwBjE,CAAA"}

package/dist/browser/components/render/ModuleDescriptionBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleDescriptionBox.d.ts","sourceRoot":"","sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAKpD,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwBjE,CAAA"}

package/dist/browser/components/render/ModuleDescriptionBox.js

@@ -0,0 +1,30 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight as ChevronRightIcon, ExpandMore as ExpandMoreIcon } from "@mui/icons-material";
+import { styled, Typography } from "@mui/material";
+import { TreeView } from "@mui/x-tree-view";
+import { useRef } from "react";
+import { RenderModule } from "./RenderModule";
+const ModuleDescriptionBox = ({ module }) => {
+  const idRef = useRef({ idIncrementor: 0, ids: [] });
+  return /* @__PURE__ */ jsx(Fragment, { children: module ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h4", children: "Node Configuration" }),
+    /* @__PURE__ */ jsx(
+      StyledTreeView,
+      {
+        "aria-label": "file system navigator",
+        defaultCollapseIcon: /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+        defaultExpandIcon: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+        sx: { flexGrow: 1 },
+        children: /* @__PURE__ */ jsx(RenderModule, { module, idRef })
+      }
+    )
+  ] }) : module === null ? /* @__PURE__ */ jsx(Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ jsx(Typography, { variant: "h4", children: "Node not found" }) });
+};
+const StyledTreeView = styled(TreeView, { name: "StyledTreeView" })(() => ({
+  height: "auto",
+  maxWidth: "auto"
+}));
+export {
+  ModuleDescriptionBox
+};
+//# sourceMappingURL=ModuleDescriptionBox.js.map

package/dist/browser/components/render/ModuleDescriptionBox.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/render/ModuleDescriptionBox.tsx"],"sourcesContent":["import { ChevronRight as ChevronRightIcon, ExpandMore as ExpandMoreIcon } from '@mui/icons-material'\nimport { styled, Typography } from '@mui/material'\nimport { TreeView } from '@mui/x-tree-view'\nimport { FlexBoxProps } from '@xylabs/react-flexbox'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { useRef } from 'react'\n\nimport { RenderModule } from './RenderModule'\n\nexport interface ModuleDescriptionProps extends FlexBoxProps {\n  module?: ModuleInstance | null\n}\nexport const ModuleDescriptionBox: React.FC<ModuleDescriptionProps> = ({ module }) => {\n  const idRef = useRef<{ idIncrementor: number; ids: string[] }>({ idIncrementor: 0, ids: [] })\n\n  return (\n    <>\n      {module ? (\n        <>\n          <Typography variant=\"h4\">Node Configuration</Typography>\n          <StyledTreeView\n            aria-label=\"file system navigator\"\n            defaultCollapseIcon={<ExpandMoreIcon />}\n            defaultExpandIcon={<ChevronRightIcon />}\n            sx={{ flexGrow: 1 }}\n          >\n            <RenderModule module={module} idRef={idRef} />\n          </StyledTreeView>\n        </>\n      ) : module === null ? (\n        <Typography variant=\"h4\">Node loading...</Typography>\n      ) : (\n        <Typography variant=\"h4\">Node not found</Typography>\n      )}\n    </>\n  )\n}\n\nconst StyledTreeView = styled(TreeView, { name: 'StyledTreeView' })(() => ({\n  height: 'auto',\n  maxWidth: 'auto',\n}))\n"],"mappings":"AAkBQ,mBACE,KADF;AAlBR,SAAS,gBAAgB,kBAAkB,cAAc,sBAAsB;AAC/E,SAAS,QAAQ,kBAAkB;AACnC,SAAS,gBAAgB;AAGzB,SAAS,cAAc;AAEvB,SAAS,oBAAoB;AAKtB,MAAM,uBAAyD,CAAC,EAAE,OAAO,MAAM;AACpF,QAAM,QAAQ,OAAiD,EAAE,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC;AAE5F,SACE,gCACG,mBACC,iCACE;AAAA,wBAAC,cAAW,SAAQ,MAAK,gCAAkB;AAAA,IAC3C;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,qBAAqB,oBAAC,kBAAe;AAAA,QACrC,mBAAmB,oBAAC,oBAAiB;AAAA,QACrC,IAAI,EAAE,UAAU,EAAE;AAAA,QAElB,8BAAC,gBAAa,QAAgB,OAAc;AAAA;AAAA,IAC9C;AAAA,KACF,IACE,WAAW,OACb,oBAAC,cAAW,SAAQ,MAAK,6BAAe,IAExC,oBAAC,cAAW,SAAQ,MAAK,4BAAc,GAE3C;AAEJ;AAEA,MAAM,iBAAiB,OAAO,UAAU,EAAE,MAAM,iBAAiB,CAAC,EAAE,OAAO;AAAA,EACzE,QAAQ;AAAA,EACR,UAAU;AACZ,EAAE;","names":[]}

package/dist/browser/components/render/RenderModule.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderModule.d.ts","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAY,MAAM,OAAO,CAAA;AAElD,UAAU,iBAAiB;IACzB,KAAK,EAAE,gBAAgB,CAAC;QACtB,aAAa,EAAE,MAAM,CAAA;QACrB,GAAG,EAAE,MAAM,EAAE,CAAA;KACd,CAAC,CAAA;IACF,MAAM,EAAE,cAAc,CAAA;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAA"}

package/dist/browser/components/render/RenderModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderModule.d.ts","sourceRoot":"","sources":["../../../../src/components/render/RenderModule.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAY,MAAM,OAAO,CAAA;AAElD,UAAU,iBAAiB;IACzB,KAAK,EAAE,gBAAgB,CAAC;QACtB,aAAa,EAAE,MAAM,CAAA;QACrB,GAAG,EAAE,MAAM,EAAE,CAAA;KACd,CAAC,CAAA;IACF,MAAM,EAAE,cAAc,CAAA;CACvB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmCpD,CAAA"}

package/dist/browser/components/render/RenderModule.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled } from "@mui/material";
+import { TreeItem } from "@mui/x-tree-view";
+import { useAsyncEffect } from "@xylabs/react-async-effect";
+import { useState } from "react";
+const RenderModule = ({ module, idRef }) => {
+  const { address, queries } = module ?? {};
+  const [childModules, setChildModules] = useState();
+  useAsyncEffect(
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    async (mounted) => {
+      const children = (await module.resolve()).filter((childModule) => childModule.address !== address);
+      if (mounted()) {
+        setChildModules(children);
+      }
+    },
+    [module, address]
+  );
+  const increment = () => {
+    const newId = (idRef.current.idIncrementor++).toString();
+    idRef.current.ids.push(newId);
+    return newId;
+  };
+  return /* @__PURE__ */ jsxs(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [
+    queries.map((query, index) => {
+      return /* @__PURE__ */ jsx(TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
+    }),
+    childModules && childModules.length > 0 ? /* @__PURE__ */ jsx(TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModule) => /* @__PURE__ */ jsx(RenderModule, { module: childModule, idRef }, childModule.address)) }) : null
+  ] });
+};
+const StyledAddressTreeItem = styled(TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
+  "& .MuiTreeItem-content": {
+    marginBottom: theme.spacing(0.25)
+  }
+}));
+export {
+  RenderModule
+};
+//# sourceMappingURL=RenderModule.js.map

package/dist/browser/components/render/RenderModule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/render/RenderModule.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { TreeItem } from '@mui/x-tree-view'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { MutableRefObject, useState } from 'react'\n\ninterface RenderModuleProps {\n  idRef: MutableRefObject<{\n    idIncrementor: number\n    ids: string[]\n  }>\n  module: ModuleInstance\n}\n\nexport const RenderModule: React.FC<RenderModuleProps> = ({ module, idRef }) => {\n  const { address, queries } = module ?? {}\n  const [childModules, setChildModules] = useState<ModuleInstance[]>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async (mounted) => {\n      const children = (await module.resolve()).filter((childModule) => childModule.address !== address)\n      if (mounted()) {\n        setChildModules(children)\n      }\n    },\n    [module, address],\n  )\n\n  const increment = () => {\n    const newId = (idRef.current.idIncrementor++).toString()\n    idRef.current.ids.push(newId)\n    return newId\n  }\n\n  return (\n    <StyledAddressTreeItem nodeId={increment()} label={`address: ${address}`}>\n      {queries.map((query, index) => {\n        return <TreeItem key={query} nodeId={increment()} label={`query : ${query}`} sx={{ mb: index === queries.length - 1 ? 1.5 : 0.5 }} />\n      })}\n      {childModules && childModules.length > 0 ? (\n        <TreeItem nodeId={increment()} label={'children'} sx={{ mb: 0.5 }}>\n          {childModules.map((childModule) => (\n            <RenderModule key={childModule.address} module={childModule} idRef={idRef} />\n          ))}\n        </TreeItem>\n      ) : null}\n    </StyledAddressTreeItem>\n  )\n}\n\nconst StyledAddressTreeItem = styled(TreeItem, { name: 'StyledAddressTreeItem' })(({ theme }) => ({\n  '& .MuiTreeItem-content': {\n    marginBottom: theme.spacing(0.25),\n  },\n}))\n"],"mappings":"AAoCI,SAEW,KAFX;AApCJ,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,SAA2B,gBAAgB;AAUpC,MAAM,eAA4C,CAAC,EAAE,QAAQ,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAQ,IAAI,UAAU,CAAC;AACxC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA2B;AAEnE;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAM,YAAY,MAAM,OAAO,QAAQ,GAAG,OAAO,CAAC,gBAAgB,YAAY,YAAY,OAAO;AACjG,UAAI,QAAQ,GAAG;AACb,wBAAgB,QAAQ;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,OAAO;AAAA,EAClB;AAEA,QAAM,YAAY,MAAM;AACtB,UAAM,SAAS,MAAM,QAAQ,iBAAiB,SAAS;AACvD,UAAM,QAAQ,IAAI,KAAK,KAAK;AAC5B,WAAO;AAAA,EACT;AAEA,SACE,qBAAC,yBAAsB,QAAQ,UAAU,GAAG,OAAO,YAAY,OAAO,IACnE;AAAA,YAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,aAAO,oBAAC,YAAqB,QAAQ,UAAU,GAAG,OAAO,WAAW,KAAK,IAAI,IAAI,EAAE,IAAI,UAAU,QAAQ,SAAS,IAAI,MAAM,IAAI,KAA1G,KAA6G;AAAA,IACrI,CAAC;AAAA,IACA,gBAAgB,aAAa,SAAS,IACrC,oBAAC,YAAS,QAAQ,UAAU,GAAG,OAAO,YAAY,IAAI,EAAE,IAAI,IAAI,GAC7D,uBAAa,IAAI,CAAC,gBACjB,oBAAC,gBAAuC,QAAQ,aAAa,SAA1C,YAAY,OAA4C,CAC5E,GACH,IACE;AAAA,KACN;AAEJ;AAEA,MAAM,wBAAwB,OAAO,UAAU,EAAE,MAAM,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChG,0BAA0B;AAAA,IACxB,cAAc,MAAM,QAAQ,IAAI;AAAA,EAClC;AACF,EAAE;","names":[]}

package/dist/browser/components/render/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/render/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA"}

package/dist/browser/components/render/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/render/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,gBAAgB,CAAA"}

package/dist/browser/components/render/index.js

@@ -0,0 +1,3 @@
+export * from "./ModuleDescriptionBox";
+export * from "./RenderModule";
+//# sourceMappingURL=index.js.map

package/dist/browser/components/render/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/render/index.ts"],"sourcesContent":["export * from './ModuleDescriptionBox'\nexport * from './RenderModule'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/hooks/ModuleFromNodeConfig.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleFromNodeConfig.d.ts","sourceRoot":"","sources":["../../../src/hooks/ModuleFromNodeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,6BAA6B,YAAa,oBAAoB,uBAE1E,CAAA"}

package/dist/browser/hooks/ModuleFromNodeConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleFromNodeConfig.d.ts","sourceRoot":"","sources":["../../../src/hooks/ModuleFromNodeConfig.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAEtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,6BAA6B,YAAa,oBAAoB,uBAE1E,CAAA"}

package/dist/browser/hooks/ModuleFromNodeConfig.js

@@ -0,0 +1,7 @@
+const useModuleFromNodeConfigLogger = (config) => {
+  return config?.logger;
+};
+export {
+  useModuleFromNodeConfigLogger
+};
+//# sourceMappingURL=ModuleFromNodeConfig.js.map

package/dist/browser/hooks/ModuleFromNodeConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/ModuleFromNodeConfig.ts"],"sourcesContent":["import { Logger } from '@xyo-network/logger'\nimport { ModuleFilterOptions } from '@xyo-network/module-model'\nimport { NodeInstance } from '@xyo-network/node-model'\n\nexport type ModuleFromNodeConfig = ModuleFilterOptions & {\n  logger?: Logger\n  node?: NodeInstance | string\n}\n\nexport const useModuleFromNodeConfigLogger = (config?: ModuleFromNodeConfig) => {\n  return config?.logger\n}\n"],"mappings":"AASO,MAAM,gCAAgC,CAAC,WAAkC;AAC9E,SAAO,QAAQ;AACjB;","names":[]}

package/dist/browser/hooks/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}

package/dist/browser/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA"}

package/dist/browser/hooks/index.js

@@ -0,0 +1,10 @@
+export * from "./ModuleFromNodeConfig";
+export * from "./provided";
+export * from "./useModuleFilterOptions";
+export * from "./useModuleFromNode";
+export * from "./useModulesFromNode";
+export * from "./useNode";
+export * from "./useNodeConfigNodeField";
+export * from "./useNodeDescription";
+export * from "./useNodeFromNode";
+//# sourceMappingURL=index.js.map

package/dist/browser/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './ModuleFromNodeConfig'\nexport * from './provided'\nexport * from './useModuleFilterOptions'\nexport * from './useModuleFromNode'\nexport * from './useModulesFromNode'\nexport * from './useNode'\nexport * from './useNodeConfigNodeField'\nexport * from './useNodeDescription'\nexport * from './useNodeFromNode'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/browser/hooks/provided/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provided/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/browser/hooks/provided/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provided/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

package/dist/browser/hooks/provided/index.js

@@ -0,0 +1,2 @@
+export * from "./useProvidedNode";
+//# sourceMappingURL=index.js.map

package/dist/browser/hooks/provided/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/provided/index.ts"],"sourcesContent":["export * from './useProvidedNode'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/browser/hooks/provided/useProvidedNode.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProvidedNode.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provided/useProvidedNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,eAAO,MAAM,eAAe,QAAO,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAGlE,CAAA"}

package/dist/browser/hooks/provided/useProvidedNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useProvidedNode.d.ts","sourceRoot":"","sources":["../../../../src/hooks/provided/useProvidedNode.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAItD,eAAO,MAAM,eAAe,QAAO,CAAC,YAAY,GAAG,IAAI,GAAG,SAAS,CAGlE,CAAA"}

package/dist/browser/hooks/provided/useProvidedNode.js

@@ -0,0 +1,10 @@
+import { NodeContext } from "@xyo-network/react-node-context";
+import { useContext } from "react";
+const useProvidedNode = () => {
+  const { node } = useContext(NodeContext);
+  return [node];
+};
+export {
+  useProvidedNode
+};
+//# sourceMappingURL=useProvidedNode.js.map

package/dist/browser/hooks/provided/useProvidedNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/hooks/provided/useProvidedNode.tsx"],"sourcesContent":["import { NodeInstance } from '@xyo-network/node-model'\nimport { NodeContext } from '@xyo-network/react-node-context'\nimport { useContext } from 'react'\n\nexport const useProvidedNode = (): [NodeInstance | null | undefined] => {\n  const { node } = useContext(NodeContext)\n  return [node]\n}\n"],"mappings":"AACA,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAEpB,MAAM,kBAAkB,MAAyC;AACtE,QAAM,EAAE,KAAK,IAAI,WAAW,WAAW;AACvC,SAAO,CAAC,IAAI;AACd;","names":[]}

package/dist/browser/hooks/useModuleFilterOptions.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleFilterOptions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModuleFilterOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,eAAO,MAAM,sBAAsB,YAAa,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnE,CAAA"}

package/dist/browser/hooks/useModuleFilterOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleFilterOptions.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModuleFilterOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,eAAO,MAAM,sBAAsB,YAAa,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGnE,CAAA"}

package/dist/browser/hooks/useModuleFilterOptions.js

@@ -0,0 +1,8 @@
+const useModuleFilterOptions = (config) => {
+  const { direction, identity, maxDepth, visibility } = config ?? {};
+  return { direction, identity, maxDepth, visibility };
+};
+export {
+  useModuleFilterOptions
+};
+//# sourceMappingURL=useModuleFilterOptions.js.map

package/dist/browser/hooks/useModuleFilterOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useModuleFilterOptions.ts"],"sourcesContent":["import { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\n\nexport const useModuleFilterOptions = (config?: ModuleFromNodeConfig) => {\n  const { direction, identity, maxDepth, visibility } = config ?? {}\n  return { direction, identity, maxDepth, visibility }\n}\n"],"mappings":"AAEO,MAAM,yBAAyB,CAAC,WAAkC;AACvE,QAAM,EAAE,WAAW,UAAU,UAAU,WAAW,IAAI,UAAU,CAAC;AACjE,SAAO,EAAE,WAAW,UAAU,UAAU,WAAW;AACrD;","names":[]}

package/dist/browser/hooks/useModuleFromNode.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModuleFromNode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG5E,OAAO,EAAE,oBAAoB,EAAiC,MAAM,wBAAwB,CAAA;AAI5F,eAAO,MAAM,iBAAiB,6BACF,MAAM,GAAG,cAAc,WACxC,oBAAoB,KAC5B,CAAC,cAAc,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAkChD,CAAA"}

package/dist/browser/hooks/useModuleFromNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModuleFromNode.ts"],"names":[],"mappings":"AAEA,OAAO,EAAoB,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG5E,OAAO,EAAE,oBAAoB,EAAiC,MAAM,wBAAwB,CAAA;AAI5F,eAAO,MAAM,iBAAiB,6BACF,MAAM,GAAG,cAAc,WACxC,oBAAoB,KAC5B,CAAC,cAAc,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CAkChD,CAAA"}

package/dist/browser/hooks/useModuleFromNode.js

@@ -0,0 +1,45 @@
+import { usePromise } from "@xylabs/react-promise";
+import { asModuleInstance } from "@xyo-network/module";
+import { isModuleInstance } from "@xyo-network/module-model";
+import { useState } from "react";
+import { useModuleFromNodeConfigLogger } from "./ModuleFromNodeConfig";
+import { useModuleFilterOptions } from "./useModuleFilterOptions";
+import { useNode } from "./useNode";
+const useModuleFromNode = (nameOrAddressOrInstance, config) => {
+  const [node, nodeError] = useNode(config);
+  const logger = useModuleFromNodeConfigLogger(config);
+  const filterOptions = useModuleFilterOptions(config);
+  const [result, setResult] = useState();
+  const [, error] = usePromise(async () => {
+    logger?.debug("useModuleFromNode: resolving");
+    if (node && nameOrAddressOrInstance) {
+      node.on("moduleAttached", ({ module }) => {
+        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`);
+        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {
+          setResult(asModuleInstance(module));
+        }
+      });
+      node.on("moduleDetached", ({ module }) => {
+        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`);
+        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {
+          setResult(void 0);
+        }
+      });
+      if (isModuleInstance(nameOrAddressOrInstance)) {
+        setResult(nameOrAddressOrInstance);
+      } else {
+        const result2 = await node.resolve(nameOrAddressOrInstance, filterOptions);
+        logger?.debug(`Result: ${result2?.address}`);
+        setResult(result2);
+      }
+      return result;
+    }
+    logger?.debug("Result: No Node");
+    return void 0;
+  }, [node, nameOrAddressOrInstance]);
+  return [result, nodeError ?? error];
+};
+export {
+  useModuleFromNode
+};
+//# sourceMappingURL=useModuleFromNode.js.map

package/dist/browser/hooks/useModuleFromNode.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useModuleFromNode.ts"],"sourcesContent":["import { usePromise } from '@xylabs/react-promise'\nimport { asModuleInstance } from '@xyo-network/module'\nimport { isModuleInstance, ModuleInstance } from '@xyo-network/module-model'\nimport { useState } from 'react'\n\nimport { ModuleFromNodeConfig, useModuleFromNodeConfigLogger } from './ModuleFromNodeConfig'\nimport { useModuleFilterOptions } from './useModuleFilterOptions'\nimport { useNode } from './useNode'\n\nexport const useModuleFromNode = (\n  nameOrAddressOrInstance?: string | ModuleInstance,\n  config?: ModuleFromNodeConfig,\n): [ModuleInstance | undefined, Error | undefined] => {\n  const [node, nodeError] = useNode(config)\n  const logger = useModuleFromNodeConfigLogger(config)\n  const filterOptions = useModuleFilterOptions(config)\n  const [result, setResult] = useState<ModuleInstance | undefined>()\n  const [, error] = usePromise(async () => {\n    logger?.debug('useModuleFromNode: resolving')\n    if (node && nameOrAddressOrInstance) {\n      node.on('moduleAttached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleAttached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          setResult(asModuleInstance(module))\n        }\n      })\n      node.on('moduleDetached', ({ module }) => {\n        logger?.debug(`useModuleFromNode: moduleDetached [${module.config.name ?? module.address}]`)\n        if (module.address === nameOrAddressOrInstance || module.config?.name === nameOrAddressOrInstance) {\n          setResult(undefined)\n        }\n      })\n      if (isModuleInstance(nameOrAddressOrInstance)) {\n        setResult(nameOrAddressOrInstance)\n      } else {\n        const result = await node.resolve(nameOrAddressOrInstance, filterOptions)\n        logger?.debug(`Result: ${result?.address}`)\n        setResult(result)\n      }\n      return result\n    }\n    logger?.debug('Result: No Node')\n    return undefined\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [node, nameOrAddressOrInstance])\n  return [result, nodeError ?? error]\n}\n"],"mappings":"AAAA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,wBAAwC;AACjD,SAAS,gBAAgB;AAEzB,SAA+B,qCAAqC;AACpE,SAAS,8BAA8B;AACvC,SAAS,eAAe;AAEjB,MAAM,oBAAoB,CAC/B,yBACA,WACoD;AACpD,QAAM,CAAC,MAAM,SAAS,IAAI,QAAQ,MAAM;AACxC,QAAM,SAAS,8BAA8B,MAAM;AACnD,QAAM,gBAAgB,uBAAuB,MAAM;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAqC;AACjE,QAAM,CAAC,EAAE,KAAK,IAAI,WAAW,YAAY;AACvC,YAAQ,MAAM,8BAA8B;AAC5C,QAAI,QAAQ,yBAAyB;AACnC,WAAK,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AACxC,gBAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO,GAAG;AAC3F,YAAI,OAAO,YAAY,2BAA2B,OAAO,QAAQ,SAAS,yBAAyB;AACjG,oBAAU,iBAAiB,MAAM,CAAC;AAAA,QACpC;AAAA,MACF,CAAC;AACD,WAAK,GAAG,kBAAkB,CAAC,EAAE,OAAO,MAAM;AACxC,gBAAQ,MAAM,sCAAsC,OAAO,OAAO,QAAQ,OAAO,OAAO,GAAG;AAC3F,YAAI,OAAO,YAAY,2BAA2B,OAAO,QAAQ,SAAS,yBAAyB;AACjG,oBAAU,MAAS;AAAA,QACrB;AAAA,MACF,CAAC;AACD,UAAI,iBAAiB,uBAAuB,GAAG;AAC7C,kBAAU,uBAAuB;AAAA,MACnC,OAAO;AACL,cAAMA,UAAS,MAAM,KAAK,QAAQ,yBAAyB,aAAa;AACxE,gBAAQ,MAAM,WAAWA,SAAQ,OAAO,EAAE;AAC1C,kBAAUA,OAAM;AAAA,MAClB;AACA,aAAO;AAAA,IACT;AACA,YAAQ,MAAM,iBAAiB;AAC/B,WAAO;AAAA,EAET,GAAG,CAAC,MAAM,uBAAuB,CAAC;AAClC,SAAO,CAAC,QAAQ,aAAa,KAAK;AACpC;","names":["result"]}

package/dist/browser/hooks/useModulesFromNode.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModulesFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModulesFromNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAI7D,eAAO,MAAM,kBAAkB,YAAa,YAAY,WAAW,oBAAoB,KAAG,CAAC,cAAc,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA2BzI,CAAA"}

package/dist/browser/hooks/useModulesFromNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModulesFromNode.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModulesFromNode.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAI7D,eAAO,MAAM,kBAAkB,YAAa,YAAY,WAAW,oBAAoB,KAAG,CAAC,cAAc,EAAE,GAAG,SAAS,EAAE,KAAK,GAAG,SAAS,CA2BzI,CAAA"}