@xyo-network/react-node 2.64.8 → 2.64.10

package/dist/browser/components/index.js

@@ -1,150 +0,0 @@
-// src/components/NodeDescriptionBox.tsx
-import { FlexCol } from "@xylabs/react-flexbox";
-
-// src/hooks/provided/useProvidedNode.tsx
-import { NodeContext } from "@xyo-network/react-node-context";
-import { useContext } from "react";
-var useProvidedNode = () => {
-  const { node } = useContext(NodeContext);
-  return [node];
-};
-
-// src/hooks/useNode.ts
-import { usePromise } from "@xylabs/react-promise";
-import { asNodeInstance } from "@xyo-network/node-model";
-
-// src/hooks/useNodeConfigNodeField.ts
-import { useMemo } from "react";
-var useNodeConfigNodeField = (config) => {
-  const nodeAddress = useMemo(() => typeof config?.node === "string" ? config?.node : void 0, [config?.node]);
-  const nodeInstance = useMemo(() => typeof config?.node === "object" ? config?.node : void 0, [config?.node]);
-  return [nodeAddress, nodeInstance];
-};
-
-// src/hooks/useNode.ts
-var useNode = (config) => {
-  const [nodeAddress, nodeInstance] = useNodeConfigNodeField(config);
-  const [providedNode] = useProvidedNode();
-  const [nodeAddressNode, error] = usePromise(async () => {
-    if (providedNode && nodeAddress) {
-      return asNodeInstance(await providedNode.resolve(nodeAddress), "Module is not a node");
-    }
-  }, [providedNode, nodeAddress]);
-  return [nodeAddressNode ?? nodeInstance ?? providedNode ?? void 0, error];
-};
-
-// src/hooks/useNodeDescription.ts
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-var useNodeDescription = (config) => {
-  const [activeNode, nodeError] = useNode(config);
-  const [description, error] = usePromise2(async () => {
-    return await activeNode?.describe();
-  }, [activeNode]);
-  return [description, nodeError ?? error];
-};
-
-// src/components/NodeDescriptionBox.tsx
-import { jsx } from "react/jsx-runtime";
-var 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) }) });
-};
-
-// src/components/Node.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var NodeBox = ({ variant, ...props }) => {
-  switch (variant) {
-    case "description":
-    default:
-      return /* @__PURE__ */ jsx2(NodeDescriptionBox, { ...props });
-  }
-};
-
-// src/components/NodeDrawer.tsx
-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";
-
-// src/components/render/ModuleDescriptionBox.tsx
-import { ChevronRight as ChevronRightIcon, ExpandMore as ExpandMoreIcon } from "@mui/icons-material";
-import { styled as styled2, Typography } from "@mui/material";
-import { TreeView } from "@mui/x-tree-view";
-import { useRef } from "react";
-
-// src/components/render/RenderModule.tsx
-import { styled } from "@mui/material";
-import { TreeItem } from "@mui/x-tree-view";
-import { useAsyncEffect } from "@xylabs/react-async-effect";
-import { useState } from "react";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var 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__ */ jsx3(TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
-    }),
-    childModules && childModules.length > 0 ? /* @__PURE__ */ jsx3(TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModule) => /* @__PURE__ */ jsx3(RenderModule, { module: childModule, idRef }, childModule.address)) }) : null
-  ] });
-};
-var StyledAddressTreeItem = styled(TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
-  "& .MuiTreeItem-content": {
-    marginBottom: theme.spacing(0.25)
-  }
-}));
-
-// src/components/render/ModuleDescriptionBox.tsx
-import { Fragment, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var ModuleDescriptionBox = ({ module }) => {
-  const idRef = useRef({ idIncrementor: 0, ids: [] });
-  return /* @__PURE__ */ jsx4(Fragment, { children: module ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx4(Typography, { variant: "h4", children: "Node Configuration" }),
-    /* @__PURE__ */ jsx4(
-      StyledTreeView,
-      {
-        "aria-label": "file system navigator",
-        defaultCollapseIcon: /* @__PURE__ */ jsx4(ExpandMoreIcon, {}),
-        defaultExpandIcon: /* @__PURE__ */ jsx4(ChevronRightIcon, {}),
-        sx: { flexGrow: 1 },
-        children: /* @__PURE__ */ jsx4(RenderModule, { module, idRef })
-      }
-    )
-  ] }) : module === null ? /* @__PURE__ */ jsx4(Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ jsx4(Typography, { variant: "h4", children: "Node not found" }) });
-};
-var StyledTreeView = styled2(TreeView, { name: "StyledTreeView" })(() => ({
-  height: "auto",
-  maxWidth: "auto"
-}));
-
-// src/components/NodeDrawer.tsx
-import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
-var NodeDrawer = ({ children, ...props }) => {
-  const { open, setOpen } = useNodeDrawer();
-  const [node] = useProvidedNode();
-  return /* @__PURE__ */ jsx5(Drawer, { open: open ?? false, anchor: "right", ...props, children: /* @__PURE__ */ jsx5(ClickAwayListener, { onClickAway: () => setOpen?.(false), children: /* @__PURE__ */ jsxs3(FlexGrowCol, { role: "presentation", justifyContent: "start", p: 2, rowGap: 2, minWidth: "33vw", children: [
-    /* @__PURE__ */ jsx5(FlexRow, { alignContent: "start", justifyContent: "start", width: "100%", children: /* @__PURE__ */ jsx5(IconButton, { onClick: () => setOpen?.(false), children: /* @__PURE__ */ jsx5(CloseIcon, {}) }) }),
-    /* @__PURE__ */ jsx5(ModuleDescriptionBox, { module: node }),
-    children
-  ] }) }) });
-};
-export {
-  NodeBox,
-  NodeDrawer
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/NodeDescriptionBox.tsx","../../../src/hooks/provided/useProvidedNode.tsx","../../../src/hooks/useNode.ts","../../../src/hooks/useNodeConfigNodeField.ts","../../../src/hooks/useNodeDescription.ts","../../../src/components/Node.tsx","../../../src/components/NodeDrawer.tsx","../../../src/components/render/ModuleDescriptionBox.tsx","../../../src/components/render/RenderModule.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","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","import { usePromise } from '@xylabs/react-promise'\nimport { asNodeInstance, NodeInstance } from '@xyo-network/node-model'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\nimport { useProvidedNode } from './provided'\nimport { useNodeConfigNodeField } from './useNodeConfigNodeField'\n\nexport const useNode = (config?: ModuleFromNodeConfig | undefined): [NodeInstance | undefined, Error | undefined] => {\n  const [nodeAddress, nodeInstance] = useNodeConfigNodeField(config)\n  const [providedNode] = useProvidedNode()\n  const [nodeAddressNode, error] = usePromise(async () => {\n    if (providedNode && nodeAddress) {\n      return asNodeInstance(await providedNode.resolve(nodeAddress), 'Module is not a node')\n    }\n  }, [providedNode, nodeAddress])\n  return [nodeAddressNode ?? nodeInstance ?? providedNode ?? undefined, error]\n}\n","import { NodeInstance } from '@xyo-network/node-model'\nimport { useMemo } from 'react'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\n\nexport const useNodeConfigNodeField = (config?: ModuleFromNodeConfig | undefined): [string | undefined, NodeInstance | undefined] => {\n  const nodeAddress = useMemo(() => (typeof config?.node === 'string' ? config?.node : undefined), [config?.node])\n  const nodeInstance = useMemo(() => (typeof config?.node === 'object' ? config?.node : undefined), [config?.node])\n  return [nodeAddress, nodeInstance]\n}\n","import { usePromise } from '@xylabs/react-promise'\nimport { ModuleDescription } from '@xyo-network/module-model'\n\nimport { ModuleFromNodeConfig } from './ModuleFromNodeConfig'\nimport { useNode } from './useNode'\n\nexport const useNodeDescription = (config?: ModuleFromNodeConfig | undefined): [ModuleDescription | undefined, Error | undefined] => {\n  const [activeNode, nodeError] = useNode(config)\n  const [description, error] = usePromise(async () => {\n    return await activeNode?.describe()\n  }, [activeNode])\n  return [description, nodeError ?? error]\n}\n","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","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","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","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":"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","names":["usePromise","usePromise","jsx","styled","jsx","jsx","jsxs","styled","jsx","jsxs"]}

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

@@ -1,90 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/render/ModuleDescriptionBox.tsx
-var ModuleDescriptionBox_exports = {};
-__export(ModuleDescriptionBox_exports, {
-  ModuleDescriptionBox: () => ModuleDescriptionBox
-});
-module.exports = __toCommonJS(ModuleDescriptionBox_exports);
-var import_icons_material = require("@mui/icons-material");
-var import_material2 = require("@mui/material");
-var import_x_tree_view2 = require("@mui/x-tree-view");
-var import_react2 = require("react");
-
-// src/components/render/RenderModule.tsx
-var import_material = require("@mui/material");
-var import_x_tree_view = require("@mui/x-tree-view");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var RenderModule = ({ module: module2, idRef }) => {
-  const { address, queries } = module2 ?? {};
-  const [childModules, setChildModules] = (0, import_react.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const children = (await module2.resolve()).filter((childModule) => childModule.address !== address);
-      if (mounted()) {
-        setChildModules(children);
-      }
-    },
-    [module2, address]
-  );
-  const increment = () => {
-    const newId = (idRef.current.idIncrementor++).toString();
-    idRef.current.ids.push(newId);
-    return newId;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [
-    queries.map((query, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
-    }),
-    childModules && childModules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModule) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderModule, { module: childModule, idRef }, childModule.address)) }) : null
-  ] });
-};
-var StyledAddressTreeItem = (0, import_material.styled)(import_x_tree_view.TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
-  "& .MuiTreeItem-content": {
-    marginBottom: theme.spacing(0.25)
-  }
-}));
-
-// src/components/render/ModuleDescriptionBox.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ModuleDescriptionBox = ({ module: module2 }) => {
-  const idRef = (0, import_react2.useRef)({ idIncrementor: 0, ids: [] });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: module2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h4", children: "Node Configuration" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      StyledTreeView,
-      {
-        "aria-label": "file system navigator",
-        defaultCollapseIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.ExpandMore, {}),
-        defaultExpandIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.ChevronRight, {}),
-        sx: { flexGrow: 1 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderModule, { module: module2, idRef })
-      }
-    )
-  ] }) : module2 === null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h4", children: "Node not found" }) });
-};
-var StyledTreeView = (0, import_material2.styled)(import_x_tree_view2.TreeView, { name: "StyledTreeView" })(() => ({
-  height: "auto",
-  maxWidth: "auto"
-}));
-//# sourceMappingURL=ModuleDescriptionBox.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/render/ModuleDescriptionBox.tsx","../../../../src/components/render/RenderModule.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","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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA+E;AAC/E,IAAAA,mBAAmC;AACnC,IAAAC,sBAAyB;AAGzB,IAAAC,gBAAuB;;;ACLvB,sBAAuB;AACvB,yBAAyB;AACzB,gCAA+B;AAE/B,mBAA2C;AAgCvC;AAtBG,IAAM,eAA4C,CAAC,EAAE,QAAAC,SAAQ,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAQ,IAAIA,WAAU,CAAC;AACxC,QAAM,CAAC,cAAc,eAAe,QAAI,uBAA2B;AAEnE;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAM,YAAY,MAAMA,QAAO,QAAQ,GAAG,OAAO,CAAC,gBAAgB,YAAY,YAAY,OAAO;AACjG,UAAI,QAAQ,GAAG;AACb,wBAAgB,QAAQ;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAACA,SAAQ,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,6CAAC,yBAAsB,QAAQ,UAAU,GAAG,OAAO,YAAY,OAAO,IACnE;AAAA,YAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,aAAO,4CAAC,+BAAqB,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,4CAAC,+BAAS,QAAQ,UAAU,GAAG,OAAO,YAAY,IAAI,EAAE,IAAI,IAAI,GAC7D,uBAAa,IAAI,CAAC,gBACjB,4CAAC,gBAAuC,QAAQ,aAAa,SAA1C,YAAY,OAA4C,CAC5E,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAM,4BAAwB,wBAAO,6BAAU,EAAE,MAAM,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChG,0BAA0B;AAAA,IACxB,cAAc,MAAM,QAAQ,IAAI;AAAA,EAClC;AACF,EAAE;;;ADrCM,IAAAC,sBAAA;AAND,IAAM,uBAAyD,CAAC,EAAE,QAAAC,QAAO,MAAM;AACpF,QAAM,YAAQ,sBAAiD,EAAE,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC;AAE5F,SACE,6EACG,UAAAA,UACC,8EACE;AAAA,iDAAC,+BAAW,SAAQ,MAAK,gCAAkB;AAAA,IAC3C;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,qBAAqB,6CAAC,sBAAAC,YAAA,EAAe;AAAA,QACrC,mBAAmB,6CAAC,sBAAAC,cAAA,EAAiB;AAAA,QACrC,IAAI,EAAE,UAAU,EAAE;AAAA,QAElB,uDAAC,gBAAa,QAAQF,SAAQ,OAAc;AAAA;AAAA,IAC9C;AAAA,KACF,IACEA,YAAW,OACb,6CAAC,+BAAW,SAAQ,MAAK,6BAAe,IAExC,6CAAC,+BAAW,SAAQ,MAAK,4BAAc,GAE3C;AAEJ;AAEA,IAAM,qBAAiB,yBAAO,8BAAU,EAAE,MAAM,iBAAiB,CAAC,EAAE,OAAO;AAAA,EACzE,QAAQ;AAAA,EACR,UAAU;AACZ,EAAE;","names":["import_material","import_x_tree_view","import_react","module","import_jsx_runtime","module","ExpandMoreIcon","ChevronRightIcon"]}

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

@@ -1,69 +0,0 @@
-// src/components/render/ModuleDescriptionBox.tsx
-import { ChevronRight as ChevronRightIcon, ExpandMore as ExpandMoreIcon } from "@mui/icons-material";
-import { styled as styled2, Typography } from "@mui/material";
-import { TreeView } from "@mui/x-tree-view";
-import { useRef } from "react";
-
-// src/components/render/RenderModule.tsx
-import { styled } from "@mui/material";
-import { TreeItem } from "@mui/x-tree-view";
-import { useAsyncEffect } from "@xylabs/react-async-effect";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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
-  ] });
-};
-var StyledAddressTreeItem = styled(TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
-  "& .MuiTreeItem-content": {
-    marginBottom: theme.spacing(0.25)
-  }
-}));
-
-// src/components/render/ModuleDescriptionBox.tsx
-import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var ModuleDescriptionBox = ({ module }) => {
-  const idRef = useRef({ idIncrementor: 0, ids: [] });
-  return /* @__PURE__ */ jsx2(Fragment, { children: module ? /* @__PURE__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx2(Typography, { variant: "h4", children: "Node Configuration" }),
-    /* @__PURE__ */ jsx2(
-      StyledTreeView,
-      {
-        "aria-label": "file system navigator",
-        defaultCollapseIcon: /* @__PURE__ */ jsx2(ExpandMoreIcon, {}),
-        defaultExpandIcon: /* @__PURE__ */ jsx2(ChevronRightIcon, {}),
-        sx: { flexGrow: 1 },
-        children: /* @__PURE__ */ jsx2(RenderModule, { module, idRef })
-      }
-    )
-  ] }) : module === null ? /* @__PURE__ */ jsx2(Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ jsx2(Typography, { variant: "h4", children: "Node not found" }) });
-};
-var StyledTreeView = styled2(TreeView, { name: "StyledTreeView" })(() => ({
-  height: "auto",
-  maxWidth: "auto"
-}));
-export {
-  ModuleDescriptionBox
-};
-//# sourceMappingURL=ModuleDescriptionBox.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/render/ModuleDescriptionBox.tsx","../../../../src/components/render/RenderModule.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","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":";AAAA,SAAS,gBAAgB,kBAAkB,cAAc,sBAAsB;AAC/E,SAAS,UAAAA,SAAQ,kBAAkB;AACnC,SAAS,gBAAgB;AAGzB,SAAS,cAAc;;;ACLvB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,SAA2B,gBAAgB;AAgCvC,SAEW,KAFX;AAtBG,IAAM,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,IAAM,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;;;ADrCM,mBACE,OAAAC,MADF,QAAAC,aAAA;AAND,IAAM,uBAAyD,CAAC,EAAE,OAAO,MAAM;AACpF,QAAM,QAAQ,OAAiD,EAAE,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC;AAE5F,SACE,gBAAAD,KAAA,YACG,mBACC,gBAAAC,MAAA,YACE;AAAA,oBAAAD,KAAC,cAAW,SAAQ,MAAK,gCAAkB;AAAA,IAC3C,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,qBAAqB,gBAAAA,KAAC,kBAAe;AAAA,QACrC,mBAAmB,gBAAAA,KAAC,oBAAiB;AAAA,QACrC,IAAI,EAAE,UAAU,EAAE;AAAA,QAElB,0BAAAA,KAAC,gBAAa,QAAgB,OAAc;AAAA;AAAA,IAC9C;AAAA,KACF,IACE,WAAW,OACb,gBAAAA,KAAC,cAAW,SAAQ,MAAK,6BAAe,IAExC,gBAAAA,KAAC,cAAW,SAAQ,MAAK,4BAAc,GAE3C;AAEJ;AAEA,IAAM,iBAAiBE,QAAO,UAAU,EAAE,MAAM,iBAAiB,CAAC,EAAE,OAAO;AAAA,EACzE,QAAQ;AAAA,EACR,UAAU;AACZ,EAAE;","names":["styled","jsx","jsxs","styled"]}

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

@@ -1,61 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/render/RenderModule.tsx
-var RenderModule_exports = {};
-__export(RenderModule_exports, {
-  RenderModule: () => RenderModule
-});
-module.exports = __toCommonJS(RenderModule_exports);
-var import_material = require("@mui/material");
-var import_x_tree_view = require("@mui/x-tree-view");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var RenderModule = ({ module: module2, idRef }) => {
-  const { address, queries } = module2 ?? {};
-  const [childModules, setChildModules] = (0, import_react.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const children = (await module2.resolve()).filter((childModule) => childModule.address !== address);
-      if (mounted()) {
-        setChildModules(children);
-      }
-    },
-    [module2, address]
-  );
-  const increment = () => {
-    const newId = (idRef.current.idIncrementor++).toString();
-    idRef.current.ids.push(newId);
-    return newId;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [
-    queries.map((query, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
-    }),
-    childModules && childModules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModule) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderModule, { module: childModule, idRef }, childModule.address)) }) : null
-  ] });
-};
-var StyledAddressTreeItem = (0, import_material.styled)(import_x_tree_view.TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
-  "& .MuiTreeItem-content": {
-    marginBottom: theme.spacing(0.25)
-  }
-}));
-//# sourceMappingURL=RenderModule.cjs.map

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAuB;AACvB,yBAAyB;AACzB,gCAA+B;AAE/B,mBAA2C;AAgCvC;AAtBG,IAAM,eAA4C,CAAC,EAAE,QAAAA,SAAQ,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAQ,IAAIA,WAAU,CAAC;AACxC,QAAM,CAAC,cAAc,eAAe,QAAI,uBAA2B;AAEnE;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAM,YAAY,MAAMA,QAAO,QAAQ,GAAG,OAAO,CAAC,gBAAgB,YAAY,YAAY,OAAO;AACjG,UAAI,QAAQ,GAAG;AACb,wBAAgB,QAAQ;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAACA,SAAQ,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,6CAAC,yBAAsB,QAAQ,UAAU,GAAG,OAAO,YAAY,OAAO,IACnE;AAAA,YAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,aAAO,4CAAC,+BAAqB,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,4CAAC,+BAAS,QAAQ,UAAU,GAAG,OAAO,YAAY,IAAI,EAAE,IAAI,IAAI,GAC7D,uBAAa,IAAI,CAAC,gBACjB,4CAAC,gBAAuC,QAAQ,aAAa,SAA1C,YAAY,OAA4C,CAC5E,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAM,4BAAwB,wBAAO,6BAAU,EAAE,MAAM,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChG,0BAA0B;AAAA,IACxB,cAAc,MAAM,QAAQ,IAAI;AAAA,EAClC;AACF,EAAE;","names":["module"]}

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

@@ -1,40 +0,0 @@
-// src/components/render/RenderModule.tsx
-import { styled } from "@mui/material";
-import { TreeItem } from "@mui/x-tree-view";
-import { useAsyncEffect } from "@xylabs/react-async-effect";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var 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
-  ] });
-};
-var 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

@@ -1 +0,0 @@
-{"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":";AAAA,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,SAA2B,gBAAgB;AAgCvC,SAEW,KAFX;AAtBG,IAAM,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,IAAM,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.cjs

@@ -1,93 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/render/index.ts
-var render_exports = {};
-__export(render_exports, {
-  ModuleDescriptionBox: () => ModuleDescriptionBox,
-  RenderModule: () => RenderModule
-});
-module.exports = __toCommonJS(render_exports);
-
-// src/components/render/ModuleDescriptionBox.tsx
-var import_icons_material = require("@mui/icons-material");
-var import_material2 = require("@mui/material");
-var import_x_tree_view2 = require("@mui/x-tree-view");
-var import_react2 = require("react");
-
-// src/components/render/RenderModule.tsx
-var import_material = require("@mui/material");
-var import_x_tree_view = require("@mui/x-tree-view");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var RenderModule = ({ module: module2, idRef }) => {
-  const { address, queries } = module2 ?? {};
-  const [childModules, setChildModules] = (0, import_react.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async (mounted) => {
-      const children = (await module2.resolve()).filter((childModule) => childModule.address !== address);
-      if (mounted()) {
-        setChildModules(children);
-      }
-    },
-    [module2, address]
-  );
-  const increment = () => {
-    const newId = (idRef.current.idIncrementor++).toString();
-    idRef.current.ids.push(newId);
-    return newId;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledAddressTreeItem, { nodeId: increment(), label: `address: ${address}`, children: [
-    queries.map((query, index) => {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: `query : ${query}`, sx: { mb: index === queries.length - 1 ? 1.5 : 0.5 } }, query);
-    }),
-    childModules && childModules.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x_tree_view.TreeItem, { nodeId: increment(), label: "children", sx: { mb: 0.5 }, children: childModules.map((childModule) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RenderModule, { module: childModule, idRef }, childModule.address)) }) : null
-  ] });
-};
-var StyledAddressTreeItem = (0, import_material.styled)(import_x_tree_view.TreeItem, { name: "StyledAddressTreeItem" })(({ theme }) => ({
-  "& .MuiTreeItem-content": {
-    marginBottom: theme.spacing(0.25)
-  }
-}));
-
-// src/components/render/ModuleDescriptionBox.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var ModuleDescriptionBox = ({ module: module2 }) => {
-  const idRef = (0, import_react2.useRef)({ idIncrementor: 0, ids: [] });
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_jsx_runtime2.Fragment, { children: module2 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h4", children: "Node Configuration" }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      StyledTreeView,
-      {
-        "aria-label": "file system navigator",
-        defaultCollapseIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.ExpandMore, {}),
-        defaultExpandIcon: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_icons_material.ChevronRight, {}),
-        sx: { flexGrow: 1 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RenderModule, { module: module2, idRef })
-      }
-    )
-  ] }) : module2 === null ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h4", children: "Node loading..." }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Typography, { variant: "h4", children: "Node not found" }) });
-};
-var StyledTreeView = (0, import_material2.styled)(import_x_tree_view2.TreeView, { name: "StyledTreeView" })(() => ({
-  height: "auto",
-  maxWidth: "auto"
-}));
-//# sourceMappingURL=index.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/render/index.ts","../../../../src/components/render/ModuleDescriptionBox.tsx","../../../../src/components/render/RenderModule.tsx"],"sourcesContent":["export * from './ModuleDescriptionBox'\nexport * from './RenderModule'\n","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","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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,4BAA+E;AAC/E,IAAAA,mBAAmC;AACnC,IAAAC,sBAAyB;AAGzB,IAAAC,gBAAuB;;;ACLvB,sBAAuB;AACvB,yBAAyB;AACzB,gCAA+B;AAE/B,mBAA2C;AAgCvC;AAtBG,IAAM,eAA4C,CAAC,EAAE,QAAAC,SAAQ,MAAM,MAAM;AAC9E,QAAM,EAAE,SAAS,QAAQ,IAAIA,WAAU,CAAC;AACxC,QAAM,CAAC,cAAc,eAAe,QAAI,uBAA2B;AAEnE;AAAA;AAAA,IAEE,OAAO,YAAY;AACjB,YAAM,YAAY,MAAMA,QAAO,QAAQ,GAAG,OAAO,CAAC,gBAAgB,YAAY,YAAY,OAAO;AACjG,UAAI,QAAQ,GAAG;AACb,wBAAgB,QAAQ;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,CAACA,SAAQ,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,6CAAC,yBAAsB,QAAQ,UAAU,GAAG,OAAO,YAAY,OAAO,IACnE;AAAA,YAAQ,IAAI,CAAC,OAAO,UAAU;AAC7B,aAAO,4CAAC,+BAAqB,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,4CAAC,+BAAS,QAAQ,UAAU,GAAG,OAAO,YAAY,IAAI,EAAE,IAAI,IAAI,GAC7D,uBAAa,IAAI,CAAC,gBACjB,4CAAC,gBAAuC,QAAQ,aAAa,SAA1C,YAAY,OAA4C,CAC5E,GACH,IACE;AAAA,KACN;AAEJ;AAEA,IAAM,4BAAwB,wBAAO,6BAAU,EAAE,MAAM,wBAAwB,CAAC,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAChG,0BAA0B;AAAA,IACxB,cAAc,MAAM,QAAQ,IAAI;AAAA,EAClC;AACF,EAAE;;;ADrCM,IAAAC,sBAAA;AAND,IAAM,uBAAyD,CAAC,EAAE,QAAAC,QAAO,MAAM;AACpF,QAAM,YAAQ,sBAAiD,EAAE,eAAe,GAAG,KAAK,CAAC,EAAE,CAAC;AAE5F,SACE,6EACG,UAAAA,UACC,8EACE;AAAA,iDAAC,+BAAW,SAAQ,MAAK,gCAAkB;AAAA,IAC3C;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,qBAAqB,6CAAC,sBAAAC,YAAA,EAAe;AAAA,QACrC,mBAAmB,6CAAC,sBAAAC,cAAA,EAAiB;AAAA,QACrC,IAAI,EAAE,UAAU,EAAE;AAAA,QAElB,uDAAC,gBAAa,QAAQF,SAAQ,OAAc;AAAA;AAAA,IAC9C;AAAA,KACF,IACEA,YAAW,OACb,6CAAC,+BAAW,SAAQ,MAAK,6BAAe,IAExC,6CAAC,+BAAW,SAAQ,MAAK,4BAAc,GAE3C;AAEJ;AAEA,IAAM,qBAAiB,yBAAO,8BAAU,EAAE,MAAM,iBAAiB,CAAC,EAAE,OAAO;AAAA,EACzE,QAAQ;AAAA,EACR,UAAU;AACZ,EAAE;","names":["import_material","import_x_tree_view","import_react","module","import_jsx_runtime","module","ExpandMoreIcon","ChevronRightIcon"]}