@xyo-network/react-node-renderer 2.64.0-rc.7 → 2.64.1

package/src/components/WithCola.tsx

@@ -0,0 +1,13 @@
+import { use } from 'cytoscape'
+import cola from 'cytoscape-cola'
+import { PropsWithChildren, useEffect, useState } from 'react'
+
+export const WithCola: React.FC<PropsWithChildren> = ({ children }) => {
+  const [initialized, setInitialized] = useState(false)
+  useEffect(() => {
+    use(cola)
+    setInitialized(true)
+  }, [])
+
+  return <>{initialized ? children : undefined}</>
+}

package/src/components/cytoscape-extensions/WithExtensions.tsx

@@ -0,0 +1,15 @@
+import { use } from 'cytoscape'
+import cola from 'cytoscape-cola'
+import popper from 'cytoscape-popper'
+import { PropsWithChildren, useEffect, useState } from 'react'
+
+export const WithExtensions: React.FC<PropsWithChildren> = ({ children }) => {
+  const [initialized, setInitialized] = useState(false)
+  useEffect(() => {
+    use(cola)
+    use(popper)
+    setInitialized(true)
+  }, [])
+
+  return <>{initialized ? children : undefined}</>
+}

package/src/components/cytoscape-extensions/index.ts

@@ -0,0 +1 @@
+export * from './WithExtensions'

package/src/hooks/cytoscape/index.ts

@@ -1,2 +1,6 @@
+export * from './useAddNewElements'
 export * from './useCytoscapeElements'
 export * from './useCytoscapeOptions'
+export * from './useNewElements'
+export * from './usePopperListener'
+export * from './useRelationalGraphOptions'

package/src/hooks/cytoscape/useAddNewElements.tsx

@@ -0,0 +1,19 @@
+import { ElementDefinition } from 'cytoscape'
+import { useEffect } from 'react'
+
+import { useCytoscapeInstance } from '../../contexts'
+import { ColaLayout } from '../../Cytoscape'
+import { usePopperListener } from './usePopperListener'
+
+export const useAddNewElements = (newElements: ElementDefinition[] = [], hideLabels?: boolean) => {
+  const { cy } = useCytoscapeInstance(true)
+  const popperListener = usePopperListener()
+
+  useEffect(() => {
+    if (newElements.length > 1) {
+      const renderedElements = cy?.add(newElements)
+      renderedElements?.nodes().forEach((node) => popperListener(node, hideLabels, cy))
+      cy?.layout(ColaLayout).run()
+    }
+  }, [cy, hideLabels, newElements, popperListener])
+}

package/src/hooks/cytoscape/useCytoscapeElements.ts

@@ -1,40 +1,36 @@
 import { useAsyncEffect } from '@xylabs/react-async-effect'
-import { EventUnsubscribeFunction } from '@xyo-network/module'
-import { NodeInstance } from '@xyo-network/node-model'
+import { EventUnsubscribeFunction, ModuleInstance } from '@xyo-network/module'
+import { isNodeInstance } from '@xyo-network/node-model'
 import { ElementDefinition } from 'cytoscape'
 import { useEffect, useState } from 'react'
 
 import { CytoscapeElements } from '../../Cytoscape'
 
-/**
- * Note: Relies on describe but could eventually be converted to a discover call
- * Logic would be similar to what the bridge does
- */
-export const useCytoscapeElements = (targetNode: NodeInstance | undefined | null) => {
+export const useCytoscapeElements = (module?: ModuleInstance | null) => {
   const [elements, setElements] = useState<ElementDefinition[]>([])
 
   useAsyncEffect(
     // eslint-disable-next-line react-hooks/exhaustive-deps
     async () => {
-      if (targetNode) {
-        const newElements = (await CytoscapeElements.buildElements(targetNode)) ?? []
+      if (module) {
+        const newElements = (await CytoscapeElements.buildElements(module)) ?? []
         setElements(newElements)
       }
     },
-    [targetNode],
+    [module],
   )
 
   useEffect(() => {
     let attachedListener: EventUnsubscribeFunction | undefined = undefined
     let detachedListener: EventUnsubscribeFunction | undefined = undefined
 
-    if (targetNode) {
-      attachedListener = targetNode.on('moduleAttached', async () => {
-        const newElements = (await CytoscapeElements.buildElements(targetNode)) ?? []
+    if (module && isNodeInstance(module)) {
+      attachedListener = module.on('moduleAttached', async () => {
+        const newElements = (await CytoscapeElements.buildElements(module)) ?? []
         setElements(newElements)
       })
-      detachedListener = targetNode.on('moduleDetached', async () => {
-        const newElements = (await CytoscapeElements.buildElements(targetNode)) ?? []
+      detachedListener = module.on('moduleDetached', async () => {
+        const newElements = (await CytoscapeElements.buildElements(module)) ?? []
         setElements(newElements)
       })
     }
@@ -43,7 +39,7 @@ export const useCytoscapeElements = (targetNode: NodeInstance | undefined | null
       attachedListener?.()
       detachedListener?.()
     }
-  }, [targetNode])
+  }, [module])
 
   return elements
 }

package/src/hooks/cytoscape/useCytoscapeOptions.ts

@@ -1,7 +1,7 @@
 import { CytoscapeOptions } from 'cytoscape'
 import { useMemo } from 'react'
 
-import { useCytoscapeLayout } from './useCytoscapeLayout'
+import { ConcentricLayout } from '../../Cytoscape'
 import { useCytoscapeStyle } from './useCytoscapeStyle'
 
 export const useCytoscapeOptions = (
@@ -10,16 +10,16 @@ export const useCytoscapeOptions = (
   layout?: CytoscapeOptions['layout'],
 ) => {
   const defaultStyle = useCytoscapeStyle()
-  const defaultLayout = useCytoscapeLayout()
 
-  const options = useMemo<CytoscapeOptions>(
-    () => ({
-      elements,
-      layout: layout ?? defaultLayout,
-      style: style ?? defaultStyle,
-    }),
-    [defaultLayout, defaultStyle, elements, layout, style],
-  )
+  const options = useMemo<CytoscapeOptions | undefined>(() => {
+    if (elements && layout && style) {
+      return {
+        elements,
+        layout: layout ?? ConcentricLayout,
+        style: style ?? defaultStyle,
+      }
+    }
+  }, [elements, layout, style])
 
   return options
 }

package/src/hooks/cytoscape/{useCytoscapeStyle.ts → useCytoscapeStyle.tsx}

@@ -5,17 +5,17 @@ import { useMemo } from 'react'
 import { EdgeStyled, NodeIdStyles, NodeStyled } from '../../Cytoscape'
 import { useIcons } from './useIcons'
 
-export const useCytoscapeStyle = () => {
+export const useCytoscapeStyle = (hideLabels = false) => {
   const theme = useTheme()
   const icons = useIcons()
 
   const style: CytoscapeOptions['style'] = useMemo(
     () => [
-      NodeIdStyles(theme.palette.text.primary),
-      NodeStyled(icons, theme.palette.primary.main),
+      NodeIdStyles(theme.palette.text.primary, theme.palette.getContrastText(theme.palette.text.primary)),
+      NodeStyled(icons, theme.palette.primary.main, hideLabels),
       EdgeStyled(theme.palette.divider, theme.palette.divider),
     ],
-    [icons, theme.palette.divider, theme.palette.primary.main, theme.palette.text.primary],
+    [icons, hideLabels, theme],
   )
 
   return style

package/src/hooks/cytoscape/useNewElements.tsx

@@ -0,0 +1,23 @@
+import { useModuleFromNode } from '@xyo-network/react-node'
+import { NodeDataDefinition } from 'cytoscape'
+import { useEffect, useState } from 'react'
+
+import { useCytoscapeInstance } from '../../contexts'
+import { useCytoscapeElements } from './useCytoscapeElements'
+
+export const useNewElements = () => {
+  const { cy } = useCytoscapeInstance(true)
+  const [selectedElement, setSelectedElement] = useState<NodeDataDefinition>()
+  const { address: selectedAddress } = selectedElement?.data() ?? {}
+  const [module] = useModuleFromNode(selectedAddress)
+  const newElements = useCytoscapeElements(module)
+
+  useEffect(() => {
+    if (selectedAddress) {
+      const element = cy?.$(`node[id="${selectedAddress}"]`)
+      if (element?.length) cy?.center(element)
+    }
+  }, [cy, selectedAddress])
+
+  return { newElements, setSelectedElement }
+}

package/src/hooks/cytoscape/usePopperListener.tsx

@@ -0,0 +1,40 @@
+import { useTheme } from '@mui/material'
+import { Core, NodeSingular } from 'cytoscape'
+import { useCallback } from 'react'
+
+export const usePopperListener = () => {
+  const theme = useTheme()
+
+  const popperListener = useCallback(
+    (node: NodeSingular, hideLabels?: boolean, cy?: Core) => {
+      const div = document.createElement('div')
+      const shadowColor = theme.palette.getContrastText(theme.palette.text.primary)
+
+      const popper = node.popper({
+        content: () => {
+          div.innerHTML = node.data().name
+          div.style.opacity = '0'
+          div.style.transition = 'opacity .25s'
+          div.style.textShadow = `0 0 3px ${shadowColor}`
+
+          document.body.appendChild(div)
+
+          return div
+        },
+      })
+
+      const update = async () => {
+        await popper.update()
+      }
+
+      node.on('position', update)
+      node.on('mouseover', () => (hideLabels ? (div.style.opacity = '1') : undefined))
+      node.on('mouseout', () => (hideLabels ? (div.style.opacity = '0') : undefined))
+
+      cy?.on('pan zoom resize', update)
+    },
+    [theme],
+  )
+
+  return popperListener
+}

package/src/hooks/cytoscape/useRelationalGraphOptions.tsx

@@ -0,0 +1,21 @@
+import { ModuleInstance } from '@xyo-network/module'
+import { useState } from 'react'
+
+import { ColaLayout } from '../../Cytoscape'
+import { useCytoscapeElements } from './useCytoscapeElements'
+import { useCytoscapeOptions } from './useCytoscapeOptions'
+import { useCytoscapeStyle } from './useCytoscapeStyle'
+
+export const useRelationalGraphOptions = (module?: ModuleInstance) => {
+  const [hideLabels, setHideLabels] = useState(false)
+
+  const handleToggleLabels = () => {
+    setHideLabels((oldValue) => !oldValue)
+  }
+
+  const elements = useCytoscapeElements(module)
+  const style = useCytoscapeStyle(hideLabels)
+  const options = useCytoscapeOptions(elements, style, ColaLayout)
+
+  return { handleToggleLabels, hideLabels, options }
+}

package/src/types/global.d.ts

@@ -0,0 +1,9 @@
+declare module 'cytoscape-cola' {
+  const ext: cytoscape.Ext
+  export = ext
+}
+
+declare module 'cytoscape-popper' {
+  const ext: cytoscape.Ext
+  export = ext
+}

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

@@ -1,35 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { MemoryArchivist, MemoryArchivistConfigSchema } from "@xyo-network/archivist";
-import { IdWitness, IdWitnessConfigSchema } from "@xyo-network/id-plugin";
-import { ModuleCardParser } from "./ModuleCardParser";
-const meta = {
-  component: ModuleCardParser,
-  render: (props, { loaded }) => /* @__PURE__ */ jsx(ModuleCardParser, { ...props, ...loaded }),
-  title: "node/renderer/ModuleCardParser"
-};
-var ModuleCardParser_stories_default = meta;
-const WithArchivist = {
-  loaders: [
-    async () => {
-      const ParentArchivist = await MemoryArchivist.create({ config: { name: "ParentArchivist", schema: MemoryArchivistConfigSchema } });
-      return {
-        module: await MemoryArchivist.create({
-          config: { name: "MemoryArchivist", parents: { write: [ParentArchivist.address] }, schema: MemoryArchivistConfigSchema }
-        })
-      };
-    }
-  ]
-};
-const WithWitness = {
-  loaders: [
-    async () => ({
-      module: await IdWitness.create({ config: { name: "IdWitness", schema: IdWitnessConfigSchema } })
-    })
-  ]
-};
-export {
-  WithArchivist,
-  WithWitness,
-  ModuleCardParser_stories_default as default
-};
-//# sourceMappingURL=ModuleCardParser.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ModuleCardParser.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from '@storybook/react'\nimport { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'\nimport { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'\n\nimport { ModuleCardParser } from './ModuleCardParser'\n\nconst meta: Meta<typeof ModuleCardParser> = {\n  component: ModuleCardParser,\n  render: (props, { loaded }) => <ModuleCardParser {...props} {...loaded} />,\n  title: 'node/renderer/ModuleCardParser',\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default meta\ntype Story = StoryObj<typeof ModuleCardParser>\n\nexport const WithArchivist: Story = {\n  loaders: [\n    async () => {\n      const ParentArchivist = await MemoryArchivist.create({ config: { name: 'ParentArchivist', schema: MemoryArchivistConfigSchema } })\n      return {\n        module: await MemoryArchivist.create({\n          config: { name: 'MemoryArchivist', parents: { write: [ParentArchivist.address] }, schema: MemoryArchivistConfigSchema },\n        }),\n      }\n    },\n  ],\n}\n\nexport const WithWitness: Story = {\n  loaders: [\n    async () => ({\n      module: await IdWitness.create({ config: { name: 'IdWitness', schema: IdWitnessConfigSchema } }),\n    }),\n  ],\n}\n"],"mappings":"AAQiC;AAPjC,SAAS,iBAAiB,mCAAmC;AAC7D,SAAS,WAAW,6BAA6B;AAEjD,SAAS,wBAAwB;AAEjC,MAAM,OAAsC;AAAA,EAC1C,WAAW;AAAA,EACX,QAAQ,CAAC,OAAO,EAAE,OAAO,MAAM,oBAAC,oBAAkB,GAAG,OAAQ,GAAG,QAAQ;AAAA,EACxE,OAAO;AACT;AAGA,IAAO,mCAAQ;AAGR,MAAM,gBAAuB;AAAA,EAClC,SAAS;AAAA,IACP,YAAY;AACV,YAAM,kBAAkB,MAAM,gBAAgB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,QAAQ,4BAA4B,EAAE,CAAC;AACjI,aAAO;AAAA,QACL,QAAQ,MAAM,gBAAgB,OAAO;AAAA,UACnC,QAAQ,EAAE,MAAM,mBAAmB,SAAS,EAAE,OAAO,CAAC,gBAAgB,OAAO,EAAE,GAAG,QAAQ,4BAA4B;AAAA,QACxH,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,SAAS;AAAA,IACP,aAAa;AAAA,MACX,QAAQ,MAAM,UAAU,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,QAAQ,sBAAsB,EAAE,CAAC;AAAA,IACjG;AAAA,EACF;AACF;","names":[]}

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

@@ -1,137 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Button, ButtonGroup } from "@mui/material";
-import { useAsyncEffect } from "@xylabs/react-async-effect";
-import { MemoryArchivist, MemoryArchivistConfigSchema } from "@xyo-network/archivist";
-import { HttpBridge, HttpBridgeConfigSchema } from "@xyo-network/http-bridge";
-import { IdWitness, IdWitnessConfigSchema } from "@xyo-network/id-plugin";
-import { MemoryNode } from "@xyo-network/node-memory";
-import { NodeConfigSchema } from "@xyo-network/node-model";
-import { NodeProvider, useNodeFromNode, useProvidedNode } from "@xyo-network/react-node";
-import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
-import { useWallet, WalletProvider } from "@xyo-network/react-wallet";
-import { MemorySentinel, SentinelConfigSchema } from "@xyo-network/sentinel";
-import { useState } from "react";
-import { useCytoscapeElements, useCytoscapeOptions } from "../hooks";
-import { ProvidedNodeRenderer } from "./ProvidedNodeRenderer";
-import { NodeRelationalGraph } from "./RelationalGraph";
-import { options } from "./story";
-const nodeUrl = "http://localhost:8080/node";
-const MemoryNodeDecorator = (Story, args) => {
-  const [node, setNode] = useState();
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      try {
-        const node2 = await MemoryNode.create({ config: { name: "GlobalNode", schema: NodeConfigSchema } });
-        const node1 = await MemoryNode.create({ config: { name: "ChildNode", schema: NodeConfigSchema } });
-        const bridge = await HttpBridge.create({
-          config: { name: "Bridge", nodeUrl, schema: HttpBridgeConfigSchema, security: { allowAnonymous: true } }
-        });
-        await node2.register(bridge);
-        await node2.attach(bridge.address, true);
-        const archivist = await MemoryArchivist.create({ config: { name: "RootStorageArchivist", schema: MemoryArchivistConfigSchema } });
-        await node2.register(archivist);
-        await node2.attach(archivist.address, true);
-        const sentinel = await MemorySentinel.create({ config: { name: "MemorySentinel", schema: SentinelConfigSchema } });
-        await node2.register(sentinel);
-        await node2.attach(sentinel.address, true);
-        const archivist1 = await MemoryArchivist.create({ config: { name: "RootStorageArchivist1", schema: MemoryArchivistConfigSchema } });
-        await node1.register(archivist1);
-        await node1.attach(archivist1.address, true);
-        await node2.register(node1);
-        await node2.attach(node1.address, true);
-        setNode(node2);
-      } catch (e) {
-        console.error("Error Creating MemoryNode", e);
-      }
-    },
-    []
-  );
-  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase });
-  return /* @__PURE__ */ jsx(WalletProvider, { rootWallet: wallet, children: /* @__PURE__ */ jsx(NodeProvider, { node, children: /* @__PURE__ */ jsx(Story, { ...args }) }) });
-};
-var RelationalGraph_stories_default = {
-  component: NodeRelationalGraph,
-  title: "node/renderer/NodeRelationalGraph"
-};
-const Template = (props) => /* @__PURE__ */ jsx(NodeRelationalGraph, { ...props });
-const TemplateDescribe = (props) => {
-  const [node] = useProvidedNode();
-  const elements = useCytoscapeElements(node);
-  const options2 = useCytoscapeOptions(elements);
-  return /* @__PURE__ */ jsx(NodeRelationalGraph, { options: options2, ...props });
-};
-const TemplateCustomAddress = (props) => {
-  const [node] = useNodeFromNode("ChildNode");
-  const elements = useCytoscapeElements(node);
-  const options2 = useCytoscapeOptions(elements);
-  return /* @__PURE__ */ jsx(NodeRelationalGraph, { options: options2, ...props });
-};
-const TemplateProvidedNodeRenderer = (props) => /* @__PURE__ */ jsx(ProvidedNodeRenderer, { ...props });
-const TemplateAttachDetach = (props) => {
-  const [node] = useNodeFromNode("ChildNode");
-  const elements = useCytoscapeElements(node);
-  const options2 = useCytoscapeOptions(elements);
-  const [idWitness, setIdWitness] = useState();
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      const witnessModule = await IdWitness.create({ config: { name: "IdWitness", salt: "test", schema: IdWitnessConfigSchema } });
-      setIdWitness(witnessModule);
-    },
-    []
-  );
-  const handleAddWitness = async () => {
-    if (node && idWitness) {
-      const memoryNode = node;
-      await memoryNode.register(idWitness);
-      await memoryNode.attach(idWitness.address, true);
-    }
-  };
-  const handleRemoveWitness = async () => {
-    if (node && idWitness) {
-      const memoryNode = node;
-      if (memoryNode.registered().includes(idWitness.address)) {
-        await memoryNode.unregister(idWitness);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(ButtonGroup, { children: [
-      /* @__PURE__ */ jsx(Button, { onClick: handleAddWitness, children: "Add Witness" }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleRemoveWitness, children: "Remove Witness" })
-    ] }),
-    /* @__PURE__ */ jsx(NodeRelationalGraph, { options: options2, ...props })
-  ] });
-};
-const defaultProps = {
-  height: "calc(100vh - 20px)",
-  width: "100%"
-};
-const Default = Template.bind({});
-Default.args = {};
-const WithData = Template.bind({});
-WithData.args = { options, ...defaultProps };
-const WithDescribe = TemplateDescribe.bind({});
-WithDescribe.args = { ...defaultProps };
-WithDescribe.decorators = [MemoryNodeDecorator];
-const WithCustomAddress = TemplateCustomAddress.bind({});
-WithCustomAddress.args = { ...defaultProps };
-WithCustomAddress.decorators = [MemoryNodeDecorator];
-const WithAttachDetach = TemplateAttachDetach.bind({});
-WithAttachDetach.args = { ...defaultProps };
-WithAttachDetach.decorators = [MemoryNodeDecorator];
-const WithProvidedNodeRenderer = TemplateProvidedNodeRenderer.bind({});
-WithProvidedNodeRenderer.args = { ...defaultProps };
-WithProvidedNodeRenderer.decorators = [MemoryNodeDecorator];
-export {
-  Default,
-  MemoryNodeDecorator,
-  WithAttachDetach,
-  WithCustomAddress,
-  WithData,
-  WithDescribe,
-  WithProvidedNodeRenderer,
-  RelationalGraph_stories_default as default
-};
-//# sourceMappingURL=RelationalGraph.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/RelationalGraph.stories.tsx"],"sourcesContent":["import { Button, ButtonGroup } from '@mui/material'\nimport { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { MemoryArchivist, MemoryArchivistConfigSchema } from '@xyo-network/archivist'\nimport { HttpBridge, HttpBridgeConfigSchema } from '@xyo-network/http-bridge'\nimport { IdWitness, IdWitnessConfigSchema } from '@xyo-network/id-plugin'\nimport { MemoryNode } from '@xyo-network/node-memory'\nimport { NodeConfigSchema } from '@xyo-network/node-model'\nimport { NodeProvider, useNodeFromNode, useProvidedNode } from '@xyo-network/react-node'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\nimport { useWallet, WalletProvider } from '@xyo-network/react-wallet'\nimport { MemorySentinel, SentinelConfigSchema } from '@xyo-network/sentinel'\nimport { useState } from 'react'\n\nimport { useCytoscapeElements, useCytoscapeOptions } from '../hooks'\nimport { ProvidedNodeRenderer } from './ProvidedNodeRenderer'\nimport { NodeRelationalGraph } from './RelationalGraph'\nimport { options } from './story'\n\nconst nodeUrl = 'http://localhost:8080/node'\n\nexport const MemoryNodeDecorator: Decorator = (Story, args) => {\n  const [node, setNode] = useState<MemoryNode>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      try {\n        const node = await MemoryNode.create({ config: { name: 'GlobalNode', schema: NodeConfigSchema } })\n        const node1 = await MemoryNode.create({ config: { name: 'ChildNode', schema: NodeConfigSchema } })\n        const bridge = await HttpBridge.create({\n          config: { name: 'Bridge', nodeUrl, schema: HttpBridgeConfigSchema, security: { allowAnonymous: true } },\n        })\n        await node.register(bridge)\n        await node.attach(bridge.address, true)\n\n        const archivist = await MemoryArchivist.create({ config: { name: 'RootStorageArchivist', schema: MemoryArchivistConfigSchema } })\n        await node.register(archivist)\n        await node.attach(archivist.address, true)\n\n        const sentinel = await MemorySentinel.create({ config: { name: 'MemorySentinel', schema: SentinelConfigSchema } })\n        await node.register(sentinel)\n        await node.attach(sentinel.address, true)\n\n        const archivist1 = await MemoryArchivist.create({ config: { name: 'RootStorageArchivist1', schema: MemoryArchivistConfigSchema } })\n        await node1.register(archivist1)\n        await node1.attach(archivist1.address, true)\n\n        await node.register(node1)\n        await node.attach(node1.address, true)\n\n        setNode(node)\n      } catch (e) {\n        console.error('Error Creating MemoryNode', e)\n      }\n    },\n    [],\n  )\n\n  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n\n  return (\n    <WalletProvider rootWallet={wallet}>\n      <NodeProvider node={node}>\n        <Story {...args} />\n      </NodeProvider>\n    </WalletProvider>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: NodeRelationalGraph,\n  title: 'node/renderer/NodeRelationalGraph',\n} as Meta\n\nconst Template: StoryFn<typeof NodeRelationalGraph> = (props) => <NodeRelationalGraph {...props} />\n\nconst TemplateDescribe: StoryFn<typeof NodeRelationalGraph> = (props) => {\n  const [node] = useProvidedNode()\n  const elements = useCytoscapeElements(node)\n  const options = useCytoscapeOptions(elements)\n  return <NodeRelationalGraph options={options} {...props} />\n}\n\nconst TemplateCustomAddress: StoryFn<typeof NodeRelationalGraph> = (props) => {\n  const [node] = useNodeFromNode('ChildNode')\n  const elements = useCytoscapeElements(node)\n  const options = useCytoscapeOptions(elements)\n  return <NodeRelationalGraph options={options} {...props} />\n}\n\nconst TemplateProvidedNodeRenderer: StoryFn<typeof ProvidedNodeRenderer> = (props) => <ProvidedNodeRenderer {...props} />\n\nconst TemplateAttachDetach: StoryFn<typeof NodeRelationalGraph> = (props) => {\n  const [node] = useNodeFromNode('ChildNode')\n  const elements = useCytoscapeElements(node)\n  const options = useCytoscapeOptions(elements)\n  const [idWitness, setIdWitness] = useState<IdWitness>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      const witnessModule = await IdWitness.create({ config: { name: 'IdWitness', salt: 'test', schema: IdWitnessConfigSchema } })\n      setIdWitness(witnessModule)\n    },\n    [],\n  )\n\n  const handleAddWitness = async () => {\n    if (node && idWitness) {\n      const memoryNode = node as MemoryNode\n      await memoryNode.register(idWitness)\n      await memoryNode.attach(idWitness.address, true)\n    }\n  }\n\n  const handleRemoveWitness = async () => {\n    if (node && idWitness) {\n      const memoryNode = node as MemoryNode\n      if (memoryNode.registered().includes(idWitness.address)) {\n        await memoryNode.unregister(idWitness)\n      }\n    }\n  }\n\n  return (\n    <>\n      <ButtonGroup>\n        <Button onClick={handleAddWitness}>Add Witness</Button>\n        <Button onClick={handleRemoveWitness}>Remove Witness</Button>\n      </ButtonGroup>\n      <NodeRelationalGraph options={options} {...props} />\n    </>\n  )\n}\n\nconst defaultProps = {\n  height: 'calc(100vh - 20px)',\n  width: '100%',\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst WithData = Template.bind({})\nWithData.args = { options, ...defaultProps }\n\nconst WithDescribe = TemplateDescribe.bind({})\nWithDescribe.args = { ...defaultProps }\nWithDescribe.decorators = [MemoryNodeDecorator]\n\nconst WithCustomAddress = TemplateCustomAddress.bind({})\nWithCustomAddress.args = { ...defaultProps }\nWithCustomAddress.decorators = [MemoryNodeDecorator]\n\nconst WithAttachDetach = TemplateAttachDetach.bind({})\nWithAttachDetach.args = { ...defaultProps }\nWithAttachDetach.decorators = [MemoryNodeDecorator]\n\nconst WithProvidedNodeRenderer = TemplateProvidedNodeRenderer.bind({})\nWithProvidedNodeRenderer.args = { ...defaultProps }\nWithProvidedNodeRenderer.decorators = [MemoryNodeDecorator]\n\nexport { Default, WithAttachDetach, WithCustomAddress, WithData, WithDescribe, WithProvidedNodeRenderer }\n"],"mappings":"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","names":["node","options"]}

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

@@ -1,63 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useAsyncEffect } from "@xylabs/react-async-effect";
-import { ArchivistConfigSchema, MemoryArchivist } from "@xyo-network/archivist";
-import { MemoryNode } from "@xyo-network/node-memory";
-import { NodeConfigSchema } from "@xyo-network/node-model";
-import { NodeProvider, useProvidedNode } from "@xyo-network/react-node";
-import { DefaultSeedPhrase } from "@xyo-network/react-storybook";
-import { useWallet, WalletProvider } from "@xyo-network/react-wallet";
-import { useEffect, useState } from "react";
-import { CytoscapeInstanceProvider, useCytoscapeInstance } from "../contexts";
-import { useCytoscapeElements, useCytoscapeOptions } from "../hooks";
-import { NodeRelationalGraph } from "./RelationalGraph";
-const MemoryNodeDecorator = (Story, args) => {
-  const [node, setNode] = useState();
-  useAsyncEffect(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      const node2 = await MemoryNode.create({ config: { name: "GlobalNode", schema: NodeConfigSchema } });
-      const archivist = await MemoryArchivist.create({ config: { name: "RootStorageArchivist", schema: ArchivistConfigSchema } });
-      await node2.register(archivist);
-      await node2.attach(archivist.address, true);
-      setNode(node2);
-    },
-    []
-  );
-  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase });
-  return /* @__PURE__ */ jsx(WalletProvider, { rootWallet: wallet, children: /* @__PURE__ */ jsx(NodeProvider, { node, children: /* @__PURE__ */ jsx(CytoscapeInstanceProvider, { children: /* @__PURE__ */ jsx(Story, { ...args }) }) }) });
-};
-var RelationalGraphEvents_stories_default = {
-  component: NodeRelationalGraph,
-  title: "node/renderer/NodeRelationalGraphEvents"
-};
-const Template = (props) => {
-  const [node] = useProvidedNode();
-  const elements = useCytoscapeElements(node);
-  const options = useCytoscapeOptions(elements);
-  const { cy } = useCytoscapeInstance(true);
-  useEffect(() => {
-    const listener = (event) => {
-      const element = event.target[0];
-      console.log(element.data().address);
-    };
-    if (cy) {
-      cy.on("select", listener);
-    }
-    return () => {
-      cy?.off("select", listener);
-    };
-  }, [cy]);
-  return /* @__PURE__ */ jsx(NodeRelationalGraph, { options, ...props });
-};
-const defaultProps = {
-  height: "calc(100vh - 20px)",
-  width: "100%"
-};
-const Default = Template.bind({});
-Default.args = { ...defaultProps };
-Default.decorators = [MemoryNodeDecorator];
-export {
-  Default,
-  RelationalGraphEvents_stories_default as default
-};
-//# sourceMappingURL=RelationalGraphEvents.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/RelationalGraphEvents.stories.tsx"],"sourcesContent":["import { Decorator, Meta, StoryFn } from '@storybook/react'\nimport { useAsyncEffect } from '@xylabs/react-async-effect'\nimport { ArchivistConfigSchema, MemoryArchivist } from '@xyo-network/archivist'\nimport { MemoryNode } from '@xyo-network/node-memory'\nimport { NodeConfigSchema } from '@xyo-network/node-model'\nimport { NodeProvider, useProvidedNode } from '@xyo-network/react-node'\nimport { DefaultSeedPhrase } from '@xyo-network/react-storybook'\nimport { useWallet, WalletProvider } from '@xyo-network/react-wallet'\nimport { EventObject } from 'cytoscape'\nimport { useEffect, useState } from 'react'\n\nimport { CytoscapeInstanceProvider, useCytoscapeInstance } from '../contexts'\nimport { useCytoscapeElements, useCytoscapeOptions } from '../hooks'\nimport { NodeRelationalGraph } from './RelationalGraph'\n\nconst MemoryNodeDecorator: Decorator = (Story, args) => {\n  const [node, setNode] = useState<MemoryNode>()\n\n  useAsyncEffect(\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    async () => {\n      const node = await MemoryNode.create({ config: { name: 'GlobalNode', schema: NodeConfigSchema } })\n\n      const archivist = await MemoryArchivist.create({ config: { name: 'RootStorageArchivist', schema: ArchivistConfigSchema } })\n      await node.register(archivist)\n      await node.attach(archivist.address, true)\n\n      setNode(node)\n    },\n    [],\n  )\n\n  const [wallet] = useWallet({ mnemonic: DefaultSeedPhrase })\n\n  return (\n    <WalletProvider rootWallet={wallet}>\n      <NodeProvider node={node}>\n        <CytoscapeInstanceProvider>\n          <Story {...args} />\n        </CytoscapeInstanceProvider>\n      </NodeProvider>\n    </WalletProvider>\n  )\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  component: NodeRelationalGraph,\n  title: 'node/renderer/NodeRelationalGraphEvents',\n} as Meta\n\nconst Template: StoryFn<typeof NodeRelationalGraph> = (props) => {\n  const [node] = useProvidedNode()\n  const elements = useCytoscapeElements(node)\n  const options = useCytoscapeOptions(elements)\n\n  const { cy } = useCytoscapeInstance(true)\n\n  useEffect(() => {\n    const listener = (event: EventObject) => {\n      const element = event.target[0]\n      console.log(element.data().address)\n    }\n    if (cy) {\n      cy.on('select', listener)\n    }\n\n    return () => {\n      cy?.off('select', listener)\n    }\n  }, [cy])\n  return <NodeRelationalGraph options={options} {...props} />\n}\n\nconst defaultProps = {\n  height: 'calc(100vh - 20px)',\n  width: '100%',\n}\n\nconst Default = Template.bind({})\nDefault.args = { ...defaultProps }\nDefault.decorators = [MemoryNodeDecorator]\n\nexport { Default }\n"],"mappings":"AAsCU;AArCV,SAAS,sBAAsB;AAC/B,SAAS,uBAAuB,uBAAuB;AACvD,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AACjC,SAAS,cAAc,uBAAuB;AAC9C,SAAS,yBAAyB;AAClC,SAAS,WAAW,sBAAsB;AAE1C,SAAS,WAAW,gBAAgB;AAEpC,SAAS,2BAA2B,4BAA4B;AAChE,SAAS,sBAAsB,2BAA2B;AAC1D,SAAS,2BAA2B;AAEpC,MAAM,sBAAiC,CAAC,OAAO,SAAS;AACtD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAqB;AAE7C;AAAA;AAAA,IAEE,YAAY;AACV,YAAMA,QAAO,MAAM,WAAW,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,QAAQ,iBAAiB,EAAE,CAAC;AAEjG,YAAM,YAAY,MAAM,gBAAgB,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,QAAQ,sBAAsB,EAAE,CAAC;AAC1H,YAAMA,MAAK,SAAS,SAAS;AAC7B,YAAMA,MAAK,OAAO,UAAU,SAAS,IAAI;AAEzC,cAAQA,KAAI;AAAA,IACd;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,CAAC,MAAM,IAAI,UAAU,EAAE,UAAU,kBAAkB,CAAC;AAE1D,SACE,oBAAC,kBAAe,YAAY,QAC1B,8BAAC,gBAAa,MACZ,8BAAC,6BACC,8BAAC,SAAO,GAAG,MAAM,GACnB,GACF,GACF;AAEJ;AAGA,IAAO,wCAAQ;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AACT;AAEA,MAAM,WAAgD,CAAC,UAAU;AAC/D,QAAM,CAAC,IAAI,IAAI,gBAAgB;AAC/B,QAAM,WAAW,qBAAqB,IAAI;AAC1C,QAAM,UAAU,oBAAoB,QAAQ;AAE5C,QAAM,EAAE,GAAG,IAAI,qBAAqB,IAAI;AAExC,YAAU,MAAM;AACd,UAAM,WAAW,CAAC,UAAuB;AACvC,YAAM,UAAU,MAAM,OAAO,CAAC;AAC9B,cAAQ,IAAI,QAAQ,KAAK,EAAE,OAAO;AAAA,IACpC;AACA,QAAI,IAAI;AACN,SAAG,GAAG,UAAU,QAAQ;AAAA,IAC1B;AAEA,WAAO,MAAM;AACX,UAAI,IAAI,UAAU,QAAQ;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,EAAE,CAAC;AACP,SAAO,oBAAC,uBAAoB,SAAmB,GAAG,OAAO;AAC3D;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,EAAE,GAAG,aAAa;AACjC,QAAQ,aAAa,CAAC,mBAAmB;","names":["node"]}

package/dist/browser/hooks/cytoscape/useCytoscapeLayout.d.mts

@@ -1,2 +0,0 @@
-export declare const useCytoscapeLayout: () => import("cytoscape").BaseLayoutOptions | import("cytoscape").ConcentricLayoutOptions;
-//# sourceMappingURL=useCytoscapeLayout.d.ts.map

package/dist/browser/hooks/cytoscape/useCytoscapeLayout.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeLayout.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeLayout.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,2FAU9B,CAAA"}

package/dist/browser/hooks/cytoscape/useCytoscapeLayout.d.ts

@@ -1,2 +0,0 @@
-export declare const useCytoscapeLayout: () => import("cytoscape").BaseLayoutOptions | import("cytoscape").ConcentricLayoutOptions;
-//# sourceMappingURL=useCytoscapeLayout.d.ts.map

package/dist/browser/hooks/cytoscape/useCytoscapeLayout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCytoscapeLayout.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useCytoscapeLayout.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,2FAU9B,CAAA"}

package/dist/browser/hooks/cytoscape/useCytoscapeLayout.js

@@ -1,15 +0,0 @@
-import { useMemo } from "react";
-const useCytoscapeLayout = () => {
-  const layout = useMemo(
-    () => ({
-      minNodeSpacing: 75,
-      name: "concentric"
-    }),
-    []
-  );
-  return layout;
-};
-export {
-  useCytoscapeLayout
-};
-//# sourceMappingURL=useCytoscapeLayout.js.map

package/dist/browser/hooks/cytoscape/useCytoscapeLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/hooks/cytoscape/useCytoscapeLayout.ts"],"sourcesContent":["import { CytoscapeOptions } from 'cytoscape'\nimport { useMemo } from 'react'\n\nexport const useCytoscapeLayout = () => {\n  const layout: CytoscapeOptions['layout'] = useMemo(\n    () => ({\n      minNodeSpacing: 75,\n      name: 'concentric',\n    }),\n    [],\n  )\n\n  return layout\n}\n"],"mappings":"AACA,SAAS,eAAe;AAEjB,MAAM,qBAAqB,MAAM;AACtC,QAAM,SAAqC;AAAA,IACzC,OAAO;AAAA,MACL,gBAAgB;AAAA,MAChB,MAAM;AAAA,IACR;AAAA,IACA,CAAC;AAAA,EACH;AAEA,SAAO;AACT;","names":[]}