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

package/dist/node/Cytoscape/CytoscapeElements.mjs

@@ -1,62 +0,0 @@
-import { parseModuleType } from "./lib";
-class CytoscapeElements {
-  static MaxNameLength = 20;
-  static buildEdge(rootNode, newNode) {
-    return {
-      data: {
-        id: `${rootNode.data.id}/${newNode.data.id}`,
-        source: rootNode.data.id,
-        target: newNode.data.id
-      }
-    };
-  }
-  static async buildElements(node) {
-    try {
-      const [, newRootNode] = await CytoscapeElements.buildRootNode(node);
-      const newElements = [newRootNode];
-      const children = await Promise.all(
-        (await node.resolve()).map(async (child) => [await child.manifest(), child.address])
-      );
-      await Promise.allSettled(
-        (children ?? [])?.map(async ([child, address]) => {
-          try {
-            const newNode = await CytoscapeElements.buildNode(child, address);
-            newElements.push(newNode);
-            const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode);
-            newElements.push(newEdge);
-          } catch (e) {
-            console.error("Error parsing children", e);
-          }
-        })
-      );
-      return newElements;
-    } catch (e) {
-      console.error("Error Getting initial description", e);
-    }
-  }
-  static buildNode(manifest, address) {
-    const newNodeId = CytoscapeElements.normalizeName(manifest.config.name) ?? address.substring(0, 8);
-    return {
-      data: {
-        address,
-        id: newNodeId,
-        type: parseModuleType(manifest.config.schema)
-      }
-    };
-  }
-  static buildRootNode = async (node) => {
-    const manifest = await node?.manifest();
-    return [manifest, CytoscapeElements.buildNode(manifest, node.address)];
-  };
-  static normalizeName(name) {
-    if (!name)
-      return;
-    if (name.length > this.MaxNameLength)
-      return `${name.substring(0, 20)}...`;
-    return name;
-  }
-}
-export {
-  CytoscapeElements
-};
-//# sourceMappingURL=CytoscapeElements.mjs.map

package/dist/node/Cytoscape/CytoscapeElements.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Cytoscape/CytoscapeElements.ts"],"sourcesContent":["import { ModuleManifest } from '@xyo-network/manifest-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { ElementDefinition } from 'cytoscape'\n\nimport { parseModuleType } from './lib'\n\nexport class CytoscapeElements {\n  static MaxNameLength = 20\n\n  static buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition) {\n    return {\n      data: {\n        id: `${rootNode.data.id}/${newNode.data.id}`,\n        source: rootNode.data.id,\n        target: newNode.data.id,\n      },\n    }\n  }\n\n  static async buildElements(node: NodeInstance) {\n    try {\n      const [, newRootNode] = await CytoscapeElements.buildRootNode(node)\n      const newElements: ElementDefinition[] = [newRootNode]\n\n      const children = await Promise.all(\n        (await node.resolve()).map<Promise<[ModuleManifest, string]>>(async (child) => [await child.manifest(), child.address]),\n      )\n      await Promise.allSettled(\n        (children ?? [])?.map(async ([child, address]) => {\n          try {\n            const newNode = await CytoscapeElements.buildNode(child, address)\n            newElements.push(newNode)\n\n            const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode)\n            newElements.push(newEdge)\n          } catch (e) {\n            console.error('Error parsing children', e)\n          }\n        }),\n      )\n      return newElements\n    } catch (e) {\n      console.error('Error Getting initial description', e)\n    }\n  }\n\n  static buildNode(manifest: ModuleManifest, address: string): ElementDefinition {\n    const newNodeId = CytoscapeElements.normalizeName(manifest.config.name) ?? address.substring(0, 8)\n    return {\n      data: {\n        address,\n        id: newNodeId,\n        type: parseModuleType(manifest.config.schema),\n      },\n    }\n  }\n\n  static buildRootNode = async (node: NodeInstance): Promise<[ModuleManifest, ElementDefinition]> => {\n    const manifest = await node?.manifest()\n    return [manifest, CytoscapeElements.buildNode(manifest, node.address)]\n  }\n\n  static normalizeName(name?: string) {\n    if (!name) return\n    if (name.length > this.MaxNameLength) return `${name.substring(0, 20)}...`\n    return name\n  }\n}\n"],"mappings":"AAIA,SAAS,uBAAuB;AAEzB,MAAM,kBAAkB;AAAA,EAC7B,OAAO,gBAAgB;AAAA,EAEvB,OAAO,UAAU,UAA6B,SAA4B;AACxE,WAAO;AAAA,MACL,MAAM;AAAA,QACJ,IAAI,GAAG,SAAS,KAAK,EAAE,IAAI,QAAQ,KAAK,EAAE;AAAA,QAC1C,QAAQ,SAAS,KAAK;AAAA,QACtB,QAAQ,QAAQ,KAAK;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,aAAa,cAAc,MAAoB;AAC7C,QAAI;AACF,YAAM,CAAC,EAAE,WAAW,IAAI,MAAM,kBAAkB,cAAc,IAAI;AAClE,YAAM,cAAmC,CAAC,WAAW;AAErD,YAAM,WAAW,MAAM,QAAQ;AAAA,SAC5B,MAAM,KAAK,QAAQ,GAAG,IAAuC,OAAO,UAAU,CAAC,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC;AAAA,MACxH;AACA,YAAM,QAAQ;AAAA,SACX,YAAY,CAAC,IAAI,IAAI,OAAO,CAAC,OAAO,OAAO,MAAM;AAChD,cAAI;AACF,kBAAM,UAAU,MAAM,kBAAkB,UAAU,OAAO,OAAO;AAChE,wBAAY,KAAK,OAAO;AAExB,kBAAM,UAAU,kBAAkB,UAAU,aAAa,OAAO;AAChE,wBAAY,KAAK,OAAO;AAAA,UAC1B,SAAS,GAAG;AACV,oBAAQ,MAAM,0BAA0B,CAAC;AAAA,UAC3C;AAAA,QACF,CAAC;AAAA,MACH;AACA,aAAO;AAAA,IACT,SAAS,GAAG;AACV,cAAQ,MAAM,qCAAqC,CAAC;AAAA,IACtD;AAAA,EACF;AAAA,EAEA,OAAO,UAAU,UAA0B,SAAoC;AAC7E,UAAM,YAAY,kBAAkB,cAAc,SAAS,OAAO,IAAI,KAAK,QAAQ,UAAU,GAAG,CAAC;AACjG,WAAO;AAAA,MACL,MAAM;AAAA,QACJ;AAAA,QACA,IAAI;AAAA,QACJ,MAAM,gBAAgB,SAAS,OAAO,MAAM;AAAA,MAC9C;AAAA,IACF;AAAA,EACF;AAAA,EAEA,OAAO,gBAAgB,OAAO,SAAqE;AACjG,UAAM,WAAW,MAAM,MAAM,SAAS;AACtC,WAAO,CAAC,UAAU,kBAAkB,UAAU,UAAU,KAAK,OAAO,CAAC;AAAA,EACvE;AAAA,EAEA,OAAO,cAAc,MAAe;AAClC,QAAI,CAAC;AAAM;AACX,QAAI,KAAK,SAAS,KAAK;AAAe,aAAO,GAAG,KAAK,UAAU,GAAG,EAAE,CAAC;AACrE,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/node/Cytoscape/CytoscapeIcons.mjs

@@ -1,22 +0,0 @@
-import {
-  BubbleChartRounded as BubbleChartRoundedIcon,
-  Hub as HubIcon,
-  InsertLinkRounded as InsertLinkRoundedIcon,
-  Inventory2Rounded as Inventory2RoundedIcon,
-  QuestionMarkRounded as QuestionMarkRoundedIcon,
-  TimerRounded as TimerRoundedIcon,
-  VisibilityRounded as VisibilityRoundedIcon
-} from "@mui/icons-material";
-const CyIconSet = {
-  archivist: Inventory2RoundedIcon,
-  bridge: InsertLinkRoundedIcon,
-  diviner: BubbleChartRoundedIcon,
-  module: QuestionMarkRoundedIcon,
-  node: HubIcon,
-  sentinel: TimerRoundedIcon,
-  witness: VisibilityRoundedIcon
-};
-export {
-  CyIconSet
-};
-//# sourceMappingURL=CytoscapeIcons.mjs.map

package/dist/node/Cytoscape/CytoscapeStyles.mjs

@@ -1,38 +0,0 @@
-const NodeIdStyles = (color) => ({
-  selector: "node[id]",
-  style: {
-    color,
-    "font-family": "Lexend Deca, Helvetica, sans-serif",
-    "font-size": 14,
-    "text-margin-y": -5
-  }
-});
-const NodeStyled = (icons, bgColor) => ({
-  selector: "node",
-  style: {
-    "background-color": bgColor,
-    "background-height": "75%",
-    // TODO - make dynamic
-    "background-image": (elem) => icons[elem.data("type")],
-    "background-image-smoothing": "yes",
-    "background-width": "75%",
-    label: "data(id)"
-  }
-});
-const EdgeStyled = (lineColor, targetArrowColor) => ({
-  selector: "edge",
-  style: {
-    "curve-style": "bezier",
-    "line-color": lineColor,
-    "line-opacity": 0.1,
-    "target-arrow-color": targetArrowColor,
-    "target-arrow-shape": "triangle",
-    width: 3
-  }
-});
-export {
-  EdgeStyled,
-  NodeIdStyles,
-  NodeStyled
-};
-//# sourceMappingURL=CytoscapeStyles.mjs.map

package/dist/node/Cytoscape/CytoscapeStyles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"sourcesContent":["import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib'\n\nexport const NodeIdStyles = (color?: string): Stylesheet => ({\n  selector: 'node[id]',\n  style: {\n    color,\n    'font-family': 'Lexend Deca, Helvetica, sans-serif',\n    'font-size': 14,\n    'text-margin-y': -5,\n  },\n})\n\nexport const NodeStyled = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string): Stylesheet => ({\n  selector: 'node',\n  style: {\n    'background-color': bgColor,\n    'background-height': '75%',\n    // TODO - make dynamic\n    'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],\n    'background-image-smoothing': 'yes',\n    'background-width': '75%',\n    label: 'data(id)',\n  },\n})\n\nexport const EdgeStyled = (lineColor?: string, targetArrowColor?: string) => ({\n  selector: 'edge',\n  style: {\n    'curve-style': 'bezier',\n    'line-color': lineColor,\n    'line-opacity': 0.1,\n    'target-arrow-color': targetArrowColor,\n    'target-arrow-shape': 'triangle',\n    width: 3,\n  },\n})\n"],"mappings":"AAIO,MAAM,eAAe,CAAC,WAAgC;AAAA,EAC3D,UAAU;AAAA,EACV,OAAO;AAAA,IACL;AAAA,IACA,eAAe;AAAA,IACf,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,aAAa,CAAC,OAA0C,aAAkC;AAAA,EACrG,UAAU;AAAA,EACV,OAAO;AAAA,IACL,oBAAoB;AAAA,IACpB,qBAAqB;AAAA;AAAA,IAErB,oBAAoB,CAAC,SAAS,MAAM,KAAK,KAAK,MAAM,CAAsB;AAAA,IAC1E,8BAA8B;AAAA,IAC9B,oBAAoB;AAAA,IACpB,OAAO;AAAA,EACT;AACF;AAEO,MAAM,aAAa,CAAC,WAAoB,sBAA+B;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,IACL,eAAe;AAAA,IACf,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,OAAO;AAAA,EACT;AACF;","names":[]}

package/dist/node/Cytoscape/index.mjs

@@ -1,5 +0,0 @@
-export * from "./CytoscapeElements";
-export * from "./CytoscapeIcons";
-export * from "./CytoscapeStyles";
-export * from "./lib";
-//# sourceMappingURL=index.mjs.map

package/dist/node/Cytoscape/index.mjs.map

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

package/dist/node/Cytoscape/lib/CyNodeModuleTypes.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=CyNodeModuleTypes.mjs.map

package/dist/node/Cytoscape/lib/encodeSvg.mjs

@@ -1,17 +0,0 @@
-import { renderToStaticMarkup } from "react-dom/server";
-const dataUri = "data:image/svg+xml,";
-const encodeSvg = (reactElement, color) => {
-  const svgString = renderToStaticMarkup(reactElement);
-  const doc = new DOMParser().parseFromString(svgString, "text/html");
-  const svgElement = doc.getElementsByTagName("svg")[0];
-  if (svgElement) {
-    svgElement.setAttribute("xmlns", "http://www.w3.org/2000/svg");
-    svgElement.setAttribute("height", "100");
-    svgElement.style.fill = color ?? "black";
-  }
-  return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`;
-};
-export {
-  encodeSvg
-};
-//# sourceMappingURL=encodeSvg.mjs.map

package/dist/node/Cytoscape/lib/iconMap.mjs

@@ -1,13 +0,0 @@
-const generateIconMap = () => ({
-  archivist: "",
-  bridge: "",
-  diviner: "",
-  module: "",
-  node: "",
-  sentinel: "",
-  witness: ""
-});
-export {
-  generateIconMap
-};
-//# sourceMappingURL=iconMap.mjs.map

package/dist/node/Cytoscape/lib/index.mjs

@@ -1,5 +0,0 @@
-export * from "./CyNodeModuleTypes";
-export * from "./encodeSvg";
-export * from "./iconMap";
-export * from "./parseModuleType";
-//# sourceMappingURL=index.mjs.map

package/dist/node/Cytoscape/lib/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Cytoscape/lib/index.ts"],"sourcesContent":["export * from './CyNodeModuleTypes'\nexport * from './encodeSvg'\nexport * from './iconMap'\nexport * from './parseModuleType'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/node/Cytoscape/lib/parseModuleType.mjs

@@ -1,25 +0,0 @@
-const parseModuleType = (schema) => {
-  let type = "module";
-  if (schema) {
-    if (schema.includes("archivist")) {
-      type = "archivist";
-    } else if (schema.includes("bridge")) {
-      type = "bridge";
-    } else if (schema.includes("diviner")) {
-      type = "diviner";
-    } else if (schema.includes("node")) {
-      type = "node";
-    } else if (schema.includes("sentinel")) {
-      type = "sentinel";
-    } else if (schema.includes("witness")) {
-      type = "witness";
-    } else {
-      type = "module";
-    }
-  }
-  return type;
-};
-export {
-  parseModuleType
-};
-//# sourceMappingURL=parseModuleType.mjs.map

package/dist/node/Cytoscape/lib/parseModuleType.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Cytoscape/lib/parseModuleType.ts"],"sourcesContent":["import { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const parseModuleType = (schema?: string): CyNodeModuleTypes => {\n  let type: CyNodeModuleTypes = 'module'\n  if (schema) {\n    if (schema.includes('archivist')) {\n      type = 'archivist'\n    } else if (schema.includes('bridge')) {\n      type = 'bridge'\n    } else if (schema.includes('diviner')) {\n      type = 'diviner'\n    } else if (schema.includes('node')) {\n      type = 'node'\n    } else if (schema.includes('sentinel')) {\n      type = 'sentinel'\n    } else if (schema.includes('witness')) {\n      type = 'witness'\n    } else {\n      type = 'module'\n    }\n  }\n  return type\n}\n"],"mappings":"AAEO,MAAM,kBAAkB,CAAC,WAAuC;AACrE,MAAI,OAA0B;AAC9B,MAAI,QAAQ;AACV,QAAI,OAAO,SAAS,WAAW,GAAG;AAChC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,QAAQ,GAAG;AACpC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,SAAS,GAAG;AACrC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,MAAM,GAAG;AAClC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,UAAU,GAAG;AACtC,aAAO;AAAA,IACT,WAAW,OAAO,SAAS,SAAS,GAAG;AACrC,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/node/components/ModuleCardParser.mjs

@@ -1,19 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { asArchivistInstance } from "@xyo-network/archivist-model";
-import { asDivinerInstance } from "@xyo-network/diviner-model";
-import { ArchivistCard } from "@xyo-network/react-archivist";
-import { DivinerCard, ModuleCard } from "@xyo-network/react-module";
-const ModuleCardParser = ({ module }) => {
-  switch (true) {
-    case module?.config.schema.includes("archivist"):
-      return /* @__PURE__ */ jsx(ArchivistCard, { module: asArchivistInstance(module) });
-    case module?.config.schema.includes("diviner"):
-      return /* @__PURE__ */ jsx(DivinerCard, { module: asDivinerInstance(module) });
-    default:
-      return /* @__PURE__ */ jsx(ModuleCard, { module });
-  }
-};
-export {
-  ModuleCardParser
-};
-//# sourceMappingURL=ModuleCardParser.mjs.map

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

@@ -1,60 +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);
-var ModuleCardParser_stories_exports = {};
-__export(ModuleCardParser_stories_exports, {
-  WithArchivist: () => WithArchivist,
-  WithWitness: () => WithWitness,
-  default: () => ModuleCardParser_stories_default
-});
-module.exports = __toCommonJS(ModuleCardParser_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_archivist = require("@xyo-network/archivist");
-var import_id_plugin = require("@xyo-network/id-plugin");
-var import_ModuleCardParser = require("./ModuleCardParser");
-const meta = {
-  component: import_ModuleCardParser.ModuleCardParser,
-  render: (props, { loaded }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ModuleCardParser.ModuleCardParser, { ...props, ...loaded }),
-  title: "node/renderer/ModuleCardParser"
-};
-var ModuleCardParser_stories_default = meta;
-const WithArchivist = {
-  loaders: [
-    async () => {
-      const ParentArchivist = await import_archivist.MemoryArchivist.create({ config: { name: "ParentArchivist", schema: import_archivist.MemoryArchivistConfigSchema } });
-      return {
-        module: await import_archivist.MemoryArchivist.create({
-          config: { name: "MemoryArchivist", parents: { write: [ParentArchivist.address] }, schema: import_archivist.MemoryArchivistConfigSchema }
-        })
-      };
-    }
-  ]
-};
-const WithWitness = {
-  loaders: [
-    async () => ({
-      module: await import_id_plugin.IdWitness.create({ config: { name: "IdWitness", schema: import_id_plugin.IdWitnessConfigSchema } })
-    })
-  ]
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  WithArchivist,
-  WithWitness
-});
-//# sourceMappingURL=ModuleCardParser.stories.js.map

package/dist/node/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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQiC;AAPjC,uBAA6D;AAC7D,uBAAiD;AAEjD,8BAAiC;AAEjC,MAAM,OAAsC;AAAA,EAC1C,WAAW;AAAA,EACX,QAAQ,CAAC,OAAO,EAAE,OAAO,MAAM,4CAAC,4CAAkB,GAAG,OAAQ,GAAG,QAAQ;AAAA,EACxE,OAAO;AACT;AAGA,IAAO,mCAAQ;AAGR,MAAM,gBAAuB;AAAA,EAClC,SAAS;AAAA,IACP,YAAY;AACV,YAAM,kBAAkB,MAAM,iCAAgB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,QAAQ,6CAA4B,EAAE,CAAC;AACjI,aAAO;AAAA,QACL,QAAQ,MAAM,iCAAgB,OAAO;AAAA,UACnC,QAAQ,EAAE,MAAM,mBAAmB,SAAS,EAAE,OAAO,CAAC,gBAAgB,OAAO,EAAE,GAAG,QAAQ,6CAA4B;AAAA,QACxH,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,cAAqB;AAAA,EAChC,SAAS;AAAA,IACP,aAAa;AAAA,MACX,QAAQ,MAAM,2BAAU,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,QAAQ,uCAAsB,EAAE,CAAC;AAAA,IACjG;AAAA,EACF;AACF;","names":[]}

package/dist/node/components/ModuleCardParser.stories.mjs

@@ -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.mjs.map

package/dist/node/components/ModuleCardParser.stories.mjs.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/node/components/ProvidedNodeRenderer.mjs

@@ -1,14 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useProvidedNode } from "@xyo-network/react-node";
-import { useCytoscapeElements, useCytoscapeOptions } from "../hooks";
-import { NodeRelationalGraph } from "./RelationalGraph";
-const ProvidedNodeRenderer = ({ node, ...props }) => {
-  const [providedNode] = useProvidedNode();
-  const elements = useCytoscapeElements(node ?? providedNode);
-  const options = useCytoscapeOptions(elements);
-  return /* @__PURE__ */ jsx(NodeRelationalGraph, { alignItems: "stretch", flexGrow: 1, height: "100%", options, ...props });
-};
-export {
-  ProvidedNodeRenderer
-};
-//# sourceMappingURL=ProvidedNodeRenderer.mjs.map

package/dist/node/components/ProvidedNodeRenderer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/ProvidedNodeRenderer.tsx"],"sourcesContent":["import { AccountInstance } from '@xyo-network/account-model'\nimport { NodeInstance } from '@xyo-network/node-model'\nimport { useProvidedNode } from '@xyo-network/react-node'\n\nimport { useCytoscapeElements, useCytoscapeOptions } from '../hooks'\nimport { NodeRelationalGraphProps } from './lib'\nimport { NodeRelationalGraph } from './RelationalGraph'\n\nexport interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {\n  account?: AccountInstance\n  node?: NodeInstance\n}\n\nexport const ProvidedNodeRenderer: React.FC<ProvidedNodeRendererProps> = ({ node, ...props }) => {\n  const [providedNode] = useProvidedNode()\n  const elements = useCytoscapeElements(node ?? providedNode)\n  const options = useCytoscapeOptions(elements)\n\n  return <NodeRelationalGraph alignItems=\"stretch\" flexGrow={1} height=\"100%\" options={options} {...props} />\n}\n"],"mappings":"AAkBS;AAhBT,SAAS,uBAAuB;AAEhC,SAAS,sBAAsB,2BAA2B;AAE1D,SAAS,2BAA2B;AAO7B,MAAM,uBAA4D,CAAC,EAAE,MAAM,GAAG,MAAM,MAAM;AAC/F,QAAM,CAAC,YAAY,IAAI,gBAAgB;AACvC,QAAM,WAAW,qBAAqB,QAAQ,YAAY;AAC1D,QAAM,UAAU,oBAAoB,QAAQ;AAE5C,SAAO,oBAAC,uBAAoB,YAAW,WAAU,UAAU,GAAG,QAAO,QAAO,SAAmB,GAAG,OAAO;AAC3G;","names":[]}

package/dist/node/components/RelationalGraph.mjs

@@ -1,47 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, styled } from "@mui/material";
-import { FlexCol, FlexRow } from "@xylabs/react-flexbox";
-import { useShareForwardedRef } from "@xyo-network/react-shared";
-import cytoscape from "cytoscape";
-import { forwardRef, useEffect, useState } from "react";
-import { useCytoscapeInstance } from "../contexts";
-const NodeRelationalGraph = forwardRef(({ actions, options, ...props }, ref) => {
-  const [cy, setCy] = useState();
-  const { setCy: setCyContext } = useCytoscapeInstance();
-  const sharedRef = useShareForwardedRef(ref);
-  const handleReset = () => {
-    cy?.reset();
-    cy?.fit(void 0, 20);
-  };
-  useEffect(() => {
-    if (sharedRef) {
-      const newCy = cytoscape({
-        container: sharedRef.current,
-        ...options
-      });
-      setCy(newCy);
-    }
-  }, [options, sharedRef]);
-  useEffect(() => {
-    setCyContext?.(cy);
-  }, [cy, setCyContext]);
-  return /* @__PURE__ */ jsxs(FlexCol, { ...props, children: [
-    /* @__PURE__ */ jsxs(ActionsContainer, { children: [
-      actions,
-      /* @__PURE__ */ jsx(Button, { size: "small", variant: "contained", onClick: handleReset, children: "Reset" })
-    ] }),
-    /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", height: "100%", position: "absolute", ref: sharedRef, width: "100%" })
-  ] });
-});
-NodeRelationalGraph.displayName = "NodeRelationalGraph";
-const ActionsContainer = styled(FlexRow, { name: "ActionsContainer" })(() => ({
-  flexWrap: "wrap",
-  position: "absolute",
-  right: "10px",
-  top: "10px",
-  zIndex: 2
-}));
-export {
-  NodeRelationalGraph
-};
-//# sourceMappingURL=RelationalGraph.mjs.map

package/dist/node/components/RelationalGraph.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/RelationalGraph.tsx"],"sourcesContent":["import { Button, styled } from '@mui/material'\nimport { FlexCol, FlexRow } from '@xylabs/react-flexbox'\nimport { useShareForwardedRef } from '@xyo-network/react-shared'\nimport cytoscape, { Core } from 'cytoscape'\nimport { forwardRef, useEffect, useState } from 'react'\n\nimport { useCytoscapeInstance } from '../contexts'\nimport { NodeRelationalGraphProps } from './lib'\n\nexport const NodeRelationalGraph = forwardRef<HTMLDivElement, NodeRelationalGraphProps>(({ actions, options, ...props }, ref) => {\n  const [cy, setCy] = useState<Core>()\n  const { setCy: setCyContext } = useCytoscapeInstance()\n  const sharedRef = useShareForwardedRef(ref)\n\n  const handleReset = () => {\n    cy?.reset()\n    cy?.fit(undefined, 20)\n  }\n\n  useEffect(() => {\n    if (sharedRef) {\n      const newCy = cytoscape({\n        container: sharedRef.current,\n        ...options,\n      })\n      setCy(newCy)\n    }\n  }, [options, sharedRef])\n\n  useEffect(() => {\n    setCyContext?.(cy)\n  }, [cy, setCyContext])\n\n  return (\n    <FlexCol {...props}>\n      <ActionsContainer>\n        {actions}\n        <Button size={'small'} variant={'contained'} onClick={handleReset}>\n          Reset\n        </Button>\n      </ActionsContainer>\n      <FlexCol alignItems=\"stretch\" height=\"100%\" position=\"absolute\" ref={sharedRef} width=\"100%\"></FlexCol>\n    </FlexCol>\n  )\n})\n\nNodeRelationalGraph.displayName = 'NodeRelationalGraph'\n\nconst ActionsContainer = styled(FlexRow, { name: 'ActionsContainer' })(() => ({\n  flexWrap: 'wrap',\n  position: 'absolute',\n  right: '10px',\n  top: '10px',\n  zIndex: 2,\n}))\n"],"mappings":"AAmCM,SAEE,KAFF;AAnCN,SAAS,QAAQ,cAAc;AAC/B,SAAS,SAAS,eAAe;AACjC,SAAS,4BAA4B;AACrC,OAAO,eAAyB;AAChC,SAAS,YAAY,WAAW,gBAAgB;AAEhD,SAAS,4BAA4B;AAG9B,MAAM,sBAAsB,WAAqD,CAAC,EAAE,SAAS,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC/H,QAAM,CAAC,IAAI,KAAK,IAAI,SAAe;AACnC,QAAM,EAAE,OAAO,aAAa,IAAI,qBAAqB;AACrD,QAAM,YAAY,qBAAqB,GAAG;AAE1C,QAAM,cAAc,MAAM;AACxB,QAAI,MAAM;AACV,QAAI,IAAI,QAAW,EAAE;AAAA,EACvB;AAEA,YAAU,MAAM;AACd,QAAI,WAAW;AACb,YAAM,QAAQ,UAAU;AAAA,QACtB,WAAW,UAAU;AAAA,QACrB,GAAG;AAAA,MACL,CAAC;AACD,YAAM,KAAK;AAAA,IACb;AAAA,EACF,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,YAAU,MAAM;AACd,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,IAAI,YAAY,CAAC;AAErB,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,yBAAC,oBACE;AAAA;AAAA,MACD,oBAAC,UAAO,MAAM,SAAS,SAAS,aAAa,SAAS,aAAa,mBAEnE;AAAA,OACF;AAAA,IACA,oBAAC,WAAQ,YAAW,WAAU,QAAO,QAAO,UAAS,YAAW,KAAK,WAAW,OAAM,QAAO;AAAA,KAC/F;AAEJ,CAAC;AAED,oBAAoB,cAAc;AAElC,MAAM,mBAAmB,OAAO,SAAS,EAAE,MAAM,mBAAmB,CAAC,EAAE,OAAO;AAAA,EAC5E,UAAU;AAAA,EACV,UAAU;AAAA,EACV,OAAO;AAAA,EACP,KAAK;AAAA,EACL,QAAQ;AACV,EAAE;","names":[]}

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

@@ -1,167 +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);
-var RelationalGraph_stories_exports = {};
-__export(RelationalGraph_stories_exports, {
-  Default: () => Default,
-  MemoryNodeDecorator: () => MemoryNodeDecorator,
-  WithAttachDetach: () => WithAttachDetach,
-  WithCustomAddress: () => WithCustomAddress,
-  WithData: () => WithData,
-  WithDescribe: () => WithDescribe,
-  WithProvidedNodeRenderer: () => WithProvidedNodeRenderer,
-  default: () => RelationalGraph_stories_default
-});
-module.exports = __toCommonJS(RelationalGraph_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_material = require("@mui/material");
-var import_react_async_effect = require("@xylabs/react-async-effect");
-var import_archivist = require("@xyo-network/archivist");
-var import_http_bridge = require("@xyo-network/http-bridge");
-var import_id_plugin = require("@xyo-network/id-plugin");
-var import_node_memory = require("@xyo-network/node-memory");
-var import_node_model = require("@xyo-network/node-model");
-var import_react_node = require("@xyo-network/react-node");
-var import_react_storybook = require("@xyo-network/react-storybook");
-var import_react_wallet = require("@xyo-network/react-wallet");
-var import_sentinel = require("@xyo-network/sentinel");
-var import_react2 = require("react");
-var import_hooks = require("../hooks");
-var import_ProvidedNodeRenderer = require("./ProvidedNodeRenderer");
-var import_RelationalGraph = require("./RelationalGraph");
-var import_story = require("./story");
-const nodeUrl = "http://localhost:8080/node";
-const MemoryNodeDecorator = (Story, args) => {
-  const [node, setNode] = (0, import_react2.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      try {
-        const node2 = await import_node_memory.MemoryNode.create({ config: { name: "GlobalNode", schema: import_node_model.NodeConfigSchema } });
-        const node1 = await import_node_memory.MemoryNode.create({ config: { name: "ChildNode", schema: import_node_model.NodeConfigSchema } });
-        const bridge = await import_http_bridge.HttpBridge.create({
-          config: { name: "Bridge", nodeUrl, schema: import_http_bridge.HttpBridgeConfigSchema, security: { allowAnonymous: true } }
-        });
-        await node2.register(bridge);
-        await node2.attach(bridge.address, true);
-        const archivist = await import_archivist.MemoryArchivist.create({ config: { name: "RootStorageArchivist", schema: import_archivist.MemoryArchivistConfigSchema } });
-        await node2.register(archivist);
-        await node2.attach(archivist.address, true);
-        const sentinel = await import_sentinel.MemorySentinel.create({ config: { name: "MemorySentinel", schema: import_sentinel.SentinelConfigSchema } });
-        await node2.register(sentinel);
-        await node2.attach(sentinel.address, true);
-        const archivist1 = await import_archivist.MemoryArchivist.create({ config: { name: "RootStorageArchivist1", schema: import_archivist.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] = (0, import_react_wallet.useWallet)({ mnemonic: import_react_storybook.DefaultSeedPhrase });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_wallet.WalletProvider, { rootWallet: wallet, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_node.NodeProvider, { node, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, { ...args }) }) });
-};
-var RelationalGraph_stories_default = {
-  component: import_RelationalGraph.NodeRelationalGraph,
-  title: "node/renderer/NodeRelationalGraph"
-};
-const Template = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RelationalGraph.NodeRelationalGraph, { ...props });
-const TemplateDescribe = (props) => {
-  const [node] = (0, import_react_node.useProvidedNode)();
-  const elements = (0, import_hooks.useCytoscapeElements)(node);
-  const options2 = (0, import_hooks.useCytoscapeOptions)(elements);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RelationalGraph.NodeRelationalGraph, { options: options2, ...props });
-};
-const TemplateCustomAddress = (props) => {
-  const [node] = (0, import_react_node.useNodeFromNode)("ChildNode");
-  const elements = (0, import_hooks.useCytoscapeElements)(node);
-  const options2 = (0, import_hooks.useCytoscapeOptions)(elements);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RelationalGraph.NodeRelationalGraph, { options: options2, ...props });
-};
-const TemplateProvidedNodeRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ProvidedNodeRenderer.ProvidedNodeRenderer, { ...props });
-const TemplateAttachDetach = (props) => {
-  const [node] = (0, import_react_node.useNodeFromNode)("ChildNode");
-  const elements = (0, import_hooks.useCytoscapeElements)(node);
-  const options2 = (0, import_hooks.useCytoscapeOptions)(elements);
-  const [idWitness, setIdWitness] = (0, import_react2.useState)();
-  (0, import_react_async_effect.useAsyncEffect)(
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    async () => {
-      const witnessModule = await import_id_plugin.IdWitness.create({ config: { name: "IdWitness", salt: "test", schema: import_id_plugin.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.ButtonGroup, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: handleAddWitness, children: "Add Witness" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Button, { onClick: handleRemoveWitness, children: "Remove Witness" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RelationalGraph.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: import_story.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];
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Default,
-  MemoryNodeDecorator,
-  WithAttachDetach,
-  WithCustomAddress,
-  WithData,
-  WithDescribe,
-  WithProvidedNodeRenderer
-});
-//# sourceMappingURL=RelationalGraph.stories.js.map

package/dist/node/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":["import_react","node","options"]}