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

package/dist/node/Cytoscape/CytoscapeStyles.d.cts

@@ -0,0 +1,16 @@
+import { Stylesheet } from 'cytoscape';
+import { CyNodeModuleTypes } from './lib';
+export declare const NodeIdStyles: (color?: string, outlineColor?: string) => Stylesheet;
+export declare const NodeStyled: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels?: boolean) => Stylesheet;
+export declare const EdgeStyled: (lineColor?: string, targetArrowColor?: string) => {
+    selector: string;
+    style: {
+        'curve-style': string;
+        'line-color': string | undefined;
+        'line-opacity': number;
+        'target-arrow-color': string | undefined;
+        'target-arrow-shape': string;
+        width: number;
+    };
+};
+//# sourceMappingURL=CytoscapeStyles.d.ts.map

package/dist/node/Cytoscape/CytoscapeStyles.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,iBAAiB,MAAM,KAAG,UAYnE,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,2BAAuB,UAU1G,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}

package/dist/node/Cytoscape/CytoscapeStyles.d.mts

@@ -1,7 +1,7 @@
 import { Stylesheet } from 'cytoscape';
 import { CyNodeModuleTypes } from './lib';
-export declare const NodeIdStyles: (color?: string) => Stylesheet;
-export declare const NodeStyled: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string) => Stylesheet;
+export declare const NodeIdStyles: (color?: string, outlineColor?: string) => Stylesheet;
+export declare const NodeStyled: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels?: boolean) => Stylesheet;
 export declare const EdgeStyled: (lineColor?: string, targetArrowColor?: string) => {
     selector: string;
     style: {

package/dist/node/Cytoscape/CytoscapeStyles.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWtF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}
+{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,iBAAiB,MAAM,KAAG,UAYnE,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,2BAAuB,UAU1G,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}

package/dist/node/Cytoscape/CytoscapeStyles.d.ts

@@ -1,7 +1,7 @@
 import { Stylesheet } from 'cytoscape';
 import { CyNodeModuleTypes } from './lib';
-export declare const NodeIdStyles: (color?: string) => Stylesheet;
-export declare const NodeStyled: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string) => Stylesheet;
+export declare const NodeIdStyles: (color?: string, outlineColor?: string) => Stylesheet;
+export declare const NodeStyled: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels?: boolean) => Stylesheet;
 export declare const EdgeStyled: (lineColor?: string, targetArrowColor?: string) => {
     selector: string;
     style: {

package/dist/node/Cytoscape/CytoscapeStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,KAAG,UAQ5C,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,KAAG,UAWtF,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}
+{"version":3,"file":"CytoscapeStyles.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,eAAO,MAAM,YAAY,WAAY,MAAM,iBAAiB,MAAM,KAAG,UAYnE,CAAA;AAEF,eAAO,MAAM,UAAU,UAAW,OAAO,iBAAiB,EAAE,MAAM,CAAC,YAAY,MAAM,2BAAuB,UAU1G,CAAA;AAEF,eAAO,MAAM,UAAU,eAAgB,MAAM,qBAAqB,MAAM;;;;;;;;;;CAUtE,CAAA"}

package/dist/node/Cytoscape/CytoscapeStyles.js

@@ -1,50 +1,29 @@
-"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 CytoscapeStyles_exports = {};
-__export(CytoscapeStyles_exports, {
-  EdgeStyled: () => EdgeStyled,
-  NodeIdStyles: () => NodeIdStyles,
-  NodeStyled: () => NodeStyled
-});
-module.exports = __toCommonJS(CytoscapeStyles_exports);
-const NodeIdStyles = (color) => ({
-  selector: "node[id]",
+// src/Cytoscape/CytoscapeStyles.ts
+var NodeIdStyles = (color, outlineColor) => ({
+  selector: "node[name]",
   style: {
     color,
     "font-family": "Lexend Deca, Helvetica, sans-serif",
-    "font-size": 14,
-    "text-margin-y": -5
+    "font-size": 12,
+    "overlay-padding": "6px",
+    "text-halign": "center",
+    "text-outline-color": outlineColor,
+    "text-outline-width": "1px",
+    "text-valign": "top"
   }
 });
-const NodeStyled = (icons, bgColor) => ({
+var NodeStyled = (icons, bgColor, hideLabels = false) => ({
   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)"
+    "background-width": "24",
+    label: hideLabels ? void 0 : "data(name)",
+    shape: "round-rectangle"
   }
 });
-const EdgeStyled = (lineColor, targetArrowColor) => ({
+var EdgeStyled = (lineColor, targetArrowColor) => ({
   selector: "edge",
   style: {
     "curve-style": "bezier",
@@ -55,10 +34,9 @@ const EdgeStyled = (lineColor, targetArrowColor) => ({
     width: 3
   }
 });
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   EdgeStyled,
   NodeIdStyles,
   NodeStyled
-});
+};
 //# sourceMappingURL=CytoscapeStyles.js.map

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

@@ -1 +1 @@
-{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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":[]}
+{"version":3,"sources":["../../../src/Cytoscape/CytoscapeStyles.ts"],"sourcesContent":["import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib'\n\nexport const NodeIdStyles = (color?: string, outlineColor?: string): Stylesheet => ({\n  selector: 'node[name]',\n  style: {\n    color,\n    'font-family': 'Lexend Deca, Helvetica, sans-serif',\n    'font-size': 12,\n    'overlay-padding': '6px',\n    'text-halign': 'center',\n    'text-outline-color': outlineColor,\n    'text-outline-width': '1px',\n    'text-valign': 'top',\n  },\n})\n\nexport const NodeStyled = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels = false): Stylesheet => ({\n  selector: 'node',\n  style: {\n    'background-color': bgColor,\n    'background-height': '75%',\n    'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],\n    'background-width': '24',\n    label: hideLabels ? undefined : 'data(name)',\n    shape: 'round-rectangle',\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,IAAM,eAAe,CAAC,OAAgB,kBAAuC;AAAA,EAClF,UAAU;AAAA,EACV,OAAO;AAAA,IACL;AAAA,IACA,eAAe;AAAA,IACf,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,eAAe;AAAA,IACf,sBAAsB;AAAA,IACtB,sBAAsB;AAAA,IACtB,eAAe;AAAA,EACjB;AACF;AAEO,IAAM,aAAa,CAAC,OAA0C,SAAkB,aAAa,WAAuB;AAAA,EACzH,UAAU;AAAA,EACV,OAAO;AAAA,IACL,oBAAoB;AAAA,IACpB,qBAAqB;AAAA,IACrB,oBAAoB,CAAC,SAAS,MAAM,KAAK,KAAK,MAAM,CAAsB;AAAA,IAC1E,oBAAoB;AAAA,IACpB,OAAO,aAAa,SAAY;AAAA,IAChC,OAAO;AAAA,EACT;AACF;AAEO,IAAM,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.cjs

@@ -0,0 +1,249 @@
+"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/Cytoscape/index.ts
+var Cytoscape_exports = {};
+__export(Cytoscape_exports, {
+  ColaLayout: () => ColaLayout,
+  ConcentricLayout: () => ConcentricLayout,
+  CyIconSet: () => CyIconSet,
+  CytoscapeElements: () => CytoscapeElements,
+  EdgeStyled: () => EdgeStyled,
+  NodeIdStyles: () => NodeIdStyles,
+  NodeStyled: () => NodeStyled,
+  encodeSvg: () => encodeSvg,
+  generateIconMap: () => generateIconMap,
+  parseModuleType: () => parseModuleType
+});
+module.exports = __toCommonJS(Cytoscape_exports);
+
+// src/Cytoscape/CytoscapeElements.ts
+var import_node_model2 = require("@xyo-network/node-model");
+
+// src/Cytoscape/lib/encodeSvg.ts
+var import_server = require("react-dom/server");
+var dataUri = "data:image/svg+xml,";
+var encodeSvg = (reactElement, color) => {
+  const svgString = (0, import_server.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)}`;
+};
+
+// src/Cytoscape/lib/iconMap.ts
+var generateIconMap = () => ({
+  archivist: "",
+  bridge: "",
+  diviner: "",
+  module: "",
+  node: "",
+  sentinel: "",
+  witness: ""
+});
+
+// src/Cytoscape/lib/layout/ColaLayout.ts
+var ColaLayout = {
+  centerGraph: false,
+  convergenceThreshold: 0.01,
+  name: "cola"
+};
+
+// src/Cytoscape/lib/layout/ConcentricLayout.ts
+var ConcentricLayout = {
+  concentric: function(node) {
+    return node.degree();
+  },
+  levelWidth: function() {
+    return 2;
+  },
+  minNodeSpacing: 75,
+  name: "concentric"
+};
+
+// src/Cytoscape/lib/parseModuleType.ts
+var import_archivist_model = require("@xyo-network/archivist-model");
+var import_bridge_model = require("@xyo-network/bridge-model");
+var import_diviner_model = require("@xyo-network/diviner-model");
+var import_node_model = require("@xyo-network/node-model");
+var import_sentinel = require("@xyo-network/sentinel");
+var import_witness = require("@xyo-network/witness");
+var parseModuleType = (module2) => {
+  let type = "module";
+  if (module2) {
+    if ((0, import_archivist_model.isArchivistInstance)(module2)) {
+      type = "archivist";
+    } else if ((0, import_bridge_model.isBridgeInstance)(module2)) {
+      type = "bridge";
+    } else if ((0, import_diviner_model.isDivinerInstance)(module2)) {
+      type = "diviner";
+    } else if ((0, import_node_model.isNodeInstance)(module2)) {
+      type = "node";
+    } else if ((0, import_sentinel.isSentinelInstance)(module2)) {
+      type = "sentinel";
+    } else if ((0, import_witness.isWitnessModule)(module2)) {
+      type = "witness";
+    } else {
+      type = "module";
+    }
+  }
+  return type;
+};
+
+// src/Cytoscape/CytoscapeElements.ts
+var CytoscapeElements = 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(module2) {
+    const newRootNode = _CytoscapeElements.buildRootNode(module2);
+    const newElements = [newRootNode];
+    try {
+      const childElements = await _CytoscapeElements.recurseNodes(module2);
+      childElements == null ? void 0 : childElements.forEach((module3) => {
+        const newNode = _CytoscapeElements.buildNode(module3, newRootNode.data.id);
+        newElements.push(newNode);
+        const newEdge = _CytoscapeElements.buildEdge(newRootNode, newNode);
+        newElements.push(newEdge);
+      });
+      return newElements;
+    } catch (e) {
+      console.error("error resolving modules", e);
+      return [];
+    }
+  }
+  static buildNode(module2, rootNodeId) {
+    const { address, config } = module2;
+    const normalizedName = config.name ?? address.substring(0, 8);
+    return {
+      data: {
+        address,
+        id: address,
+        name: normalizedName,
+        rootNodeId,
+        type: parseModuleType(module2)
+      }
+    };
+  }
+  static buildRootNode = (module2) => {
+    return _CytoscapeElements.buildNode(module2);
+  };
+  static normalizeName(name) {
+    if (!name)
+      return;
+    if (name.length > this.MaxNameLength)
+      return `${name.substring(0, 20)}...`;
+    return name;
+  }
+  static async recurseNodes(module2, maxTraversals = 1) {
+    let localDepth = 0;
+    const childModules = [];
+    const traverse = async (nestedNode) => {
+      if (localDepth < maxTraversals) {
+        const modules = await nestedNode.resolve(void 0, { direction: "down", maxDepth: 2 });
+        await Promise.all(
+          modules.map(async (child) => {
+            if (child !== nestedNode && (0, import_node_model2.isNodeInstance)(child)) {
+              localDepth++;
+              await traverse(child);
+            } else if (child !== module2) {
+              childModules.push(child);
+            }
+          })
+        );
+      }
+    };
+    await traverse(module2);
+    return childModules;
+  }
+};
+
+// src/Cytoscape/CytoscapeIcons.tsx
+var import_icons_material = require("@mui/icons-material");
+var CyIconSet = {
+  archivist: import_icons_material.Inventory2Rounded,
+  bridge: import_icons_material.InsertLinkRounded,
+  diviner: import_icons_material.BubbleChartRounded,
+  module: import_icons_material.QuestionMarkRounded,
+  node: import_icons_material.Hub,
+  sentinel: import_icons_material.TimerRounded,
+  witness: import_icons_material.VisibilityRounded
+};
+
+// src/Cytoscape/CytoscapeStyles.ts
+var NodeIdStyles = (color, outlineColor) => ({
+  selector: "node[name]",
+  style: {
+    color,
+    "font-family": "Lexend Deca, Helvetica, sans-serif",
+    "font-size": 12,
+    "overlay-padding": "6px",
+    "text-halign": "center",
+    "text-outline-color": outlineColor,
+    "text-outline-width": "1px",
+    "text-valign": "top"
+  }
+});
+var NodeStyled = (icons, bgColor, hideLabels = false) => ({
+  selector: "node",
+  style: {
+    "background-color": bgColor,
+    "background-height": "75%",
+    "background-image": (elem) => icons[elem.data("type")],
+    "background-width": "24",
+    label: hideLabels ? void 0 : "data(name)",
+    shape: "round-rectangle"
+  }
+});
+var 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
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ColaLayout,
+  ConcentricLayout,
+  CyIconSet,
+  CytoscapeElements,
+  EdgeStyled,
+  NodeIdStyles,
+  NodeStyled,
+  encodeSvg,
+  generateIconMap,
+  parseModuleType
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Cytoscape/index.ts","../../../src/Cytoscape/CytoscapeElements.ts","../../../src/Cytoscape/lib/encodeSvg.ts","../../../src/Cytoscape/lib/iconMap.ts","../../../src/Cytoscape/lib/layout/ColaLayout.ts","../../../src/Cytoscape/lib/layout/ConcentricLayout.ts","../../../src/Cytoscape/lib/parseModuleType.ts","../../../src/Cytoscape/CytoscapeIcons.tsx","../../../src/Cytoscape/CytoscapeStyles.ts"],"sourcesContent":["export * from './CytoscapeElements'\nexport * from './CytoscapeIcons'\nexport * from './CytoscapeStyles'\nexport * from './lib'\n","import { ModuleInstance } from '@xyo-network/module'\nimport { isNodeInstance } 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(module: ModuleInstance): Promise<ElementDefinition[]> {\n    const newRootNode = CytoscapeElements.buildRootNode(module)\n    const newElements: ElementDefinition[] = [newRootNode]\n\n    try {\n      const childElements = await CytoscapeElements.recurseNodes(module)\n      childElements?.forEach((module) => {\n        const newNode = CytoscapeElements.buildNode(module, newRootNode.data.id)\n        newElements.push(newNode)\n\n        const newEdge = CytoscapeElements.buildEdge(newRootNode, newNode)\n        newElements.push(newEdge)\n      })\n\n      return newElements\n    } catch (e) {\n      console.error('error resolving modules', e)\n      return []\n    }\n  }\n\n  static buildNode(module: ModuleInstance, rootNodeId?: string): ElementDefinition {\n    const { address, config } = module\n    const normalizedName = config.name ?? address.substring(0, 8)\n    return {\n      data: {\n        address,\n        id: address,\n        name: normalizedName,\n        rootNodeId,\n        type: parseModuleType(module),\n      },\n    }\n  }\n\n  static buildRootNode = (module: ModuleInstance): ElementDefinition => {\n    return CytoscapeElements.buildNode(module)\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  static async recurseNodes(module: ModuleInstance, maxTraversals = 1): Promise<ModuleInstance[]> {\n    let localDepth = 0\n    const childModules: ModuleInstance[] = []\n\n    const traverse = async (nestedNode: ModuleInstance) => {\n      if (localDepth < maxTraversals) {\n        const modules = await nestedNode.resolve(undefined, { direction: 'down', maxDepth: 2 })\n        await Promise.all(\n          modules.map(async (child) => {\n            if (child !== nestedNode && isNodeInstance(child)) {\n              localDepth++\n              await traverse(child)\n              // don't re add the root module that was passed in\n            } else if (child !== module) {\n              childModules.push(child)\n            }\n          }),\n        )\n      }\n    }\n\n    await traverse(module)\n\n    return childModules\n  }\n}\n","import { ReactElement } from 'react'\n// eslint-disable-next-line import/no-internal-modules\nimport { renderToStaticMarkup } from 'react-dom/server'\n\nconst dataUri = 'data:image/svg+xml,'\n\nexport const encodeSvg = (reactElement: ReactElement, color?: string) => {\n  const svgString = renderToStaticMarkup(reactElement)\n\n  const doc = new DOMParser().parseFromString(svgString, 'text/html')\n  const svgElement = doc.getElementsByTagName('svg')[0]\n  if (svgElement) {\n    svgElement.setAttribute('xmlns', 'http://www.w3.org/2000/svg')\n    svgElement.setAttribute('height', '100')\n    svgElement.style.fill = color ?? 'black'\n  }\n\n  return `${dataUri}${window.encodeURIComponent(svgElement.outerHTML)}`\n}\n","import { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const generateIconMap: () => Record<CyNodeModuleTypes, string> = () => ({\n  archivist: '',\n  bridge: '',\n  diviner: '',\n  module: '',\n  node: '',\n  sentinel: '',\n  witness: '',\n})\n","export const ColaLayout = {\n  centerGraph: false,\n  convergenceThreshold: 0.01,\n  name: 'cola',\n}\n","import { CytoscapeOptions } from 'cytoscape'\n\nexport const ConcentricLayout: CytoscapeOptions['layout'] = {\n  concentric: function (node) {\n    return node.degree()\n  },\n  levelWidth: function () {\n    return 2\n  },\n  minNodeSpacing: 75,\n  name: 'concentric',\n}\n","import { isArchivistInstance } from '@xyo-network/archivist-model'\nimport { isBridgeInstance } from '@xyo-network/bridge-model'\nimport { isDivinerInstance } from '@xyo-network/diviner-model'\nimport { ModuleInstance } from '@xyo-network/module'\nimport { isNodeInstance } from '@xyo-network/node-model'\nimport { isSentinelInstance } from '@xyo-network/sentinel'\nimport { isWitnessModule } from '@xyo-network/witness'\n\nimport { CyNodeModuleTypes } from './CyNodeModuleTypes'\n\nexport const parseModuleType = (module?: ModuleInstance): CyNodeModuleTypes => {\n  let type: CyNodeModuleTypes = 'module'\n  if (module) {\n    if (isArchivistInstance(module)) {\n      type = 'archivist'\n    } else if (isBridgeInstance(module)) {\n      type = 'bridge'\n    } else if (isDivinerInstance(module)) {\n      type = 'diviner'\n    } else if (isNodeInstance(module)) {\n      type = 'node'\n    } else if (isSentinelInstance(module)) {\n      type = 'sentinel'\n    } else if (isWitnessModule(module)) {\n      type = 'witness'\n    } else {\n      type = 'module'\n    }\n  }\n  return type\n}\n","import {\n  BubbleChartRounded as BubbleChartRoundedIcon,\n  Hub as HubIcon,\n  InsertLinkRounded as InsertLinkRoundedIcon,\n  Inventory2Rounded as Inventory2RoundedIcon,\n  QuestionMarkRounded as QuestionMarkRoundedIcon,\n  TimerRounded as TimerRoundedIcon,\n  VisibilityRounded as VisibilityRoundedIcon,\n} from '@mui/icons-material'\nimport { SvgIconTypeMap } from '@mui/material'\nimport { OverridableComponent } from '@mui/material/OverridableComponent'\n\nimport { CyNodeModuleTypes } from './lib'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>> = {\n  archivist: Inventory2RoundedIcon,\n  bridge: InsertLinkRoundedIcon,\n  diviner: BubbleChartRoundedIcon,\n  module: QuestionMarkRoundedIcon,\n  node: HubIcon,\n  sentinel: TimerRoundedIcon,\n  witness: VisibilityRoundedIcon,\n}\n","import { Stylesheet } from 'cytoscape'\n\nimport { CyNodeModuleTypes } from './lib'\n\nexport const NodeIdStyles = (color?: string, outlineColor?: string): Stylesheet => ({\n  selector: 'node[name]',\n  style: {\n    color,\n    'font-family': 'Lexend Deca, Helvetica, sans-serif',\n    'font-size': 12,\n    'overlay-padding': '6px',\n    'text-halign': 'center',\n    'text-outline-color': outlineColor,\n    'text-outline-width': '1px',\n    'text-valign': 'top',\n  },\n})\n\nexport const NodeStyled = (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels = false): Stylesheet => ({\n  selector: 'node',\n  style: {\n    'background-color': bgColor,\n    'background-height': '75%',\n    'background-image': (elem) => icons[elem.data('type') as CyNodeModuleTypes],\n    'background-width': '24',\n    label: hideLabels ? undefined : 'data(name)',\n    shape: 'round-rectangle',\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":"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","names":["import_node_model","module","module","Inventory2RoundedIcon","InsertLinkRoundedIcon","BubbleChartRoundedIcon","QuestionMarkRoundedIcon","HubIcon","TimerRoundedIcon","VisibilityRoundedIcon"]}

package/dist/node/Cytoscape/index.d.cts

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

package/dist/node/Cytoscape/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Cytoscape/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,OAAO,CAAA"}