Function toJSONCanvas

app/src/lib/toJSONCanvas.ts:53–110

(cy: Core)

const HEIGHT_PAD = 46;

export function toJSONCanvas(cy: Core): JSONCanvas {
  const jsonCanvas: JSONCanvas = {
    nodes: [],
    edges: [],
  };

  cy.nodes().forEach((node) => {
    const position = node.position();
    const data = node.data();

    // Assuming 'group' nodes are represented in cytoscape with a 'parent' field
    const type = node.isParent() ? "group" : "text";

    const genericNode: TextNode = {
      id: node.id(),
      type,
      x: position.x,
      y: position.y,
      width: Math.round(node.width() + HEIGHT_PAD),
      height: Math.round(node.height() + HEIGHT_PAD),
      text: data.label,
    };

    // get the node rendered background color
    const renderedStyle = node.renderedStyle();
    const backgroundColor = renderedStyle.backgroundColor;
    if (backgroundColor !== "transparent") {
      const hex = rgbToHex(backgroundColor);
      if (hex !== "#ffffff") {
        genericNode.color = hex;
      }
    }

    jsonCanvas.nodes?.push({
      ...genericNode,
    });
  });

  cy.edges().forEach((edge) => {
    const data = edge.data();

    const { fromSide, toSide } = getSideFromEndpoints(edge);

    jsonCanvas.edges?.push({
      id: edge.id(),
      fromNode: data.source,
      toNode: data.target,
      // color: data.color ? { color: data.color } : undefined,
      label: data.label,
      fromSide,
      toSide,
      fromEnd: data.fromEnd,
      toEnd: data.toEnd,
    });
  });

  return jsonCanvas;
}