@statelyai/graph 0.11.1 → 0.13.0

package/dist/formats/d3/index.mjs

@@ -20,14 +20,26 @@ import { n as createFormatConverter } from "../../converter-Dspillnn.mjs";
 */
 function toD3Graph(graph) {
 	return {
+		...graph.id && { id: graph.id },
+		type: graph.type,
+		initialNodeId: graph.initialNodeId,
+		...graph.data !== void 0 && { data: graph.data },
+		...graph.direction && { direction: graph.direction },
+		...graph.style !== void 0 && { style: graph.style },
 		nodes: graph.nodes.map((n) => {
 			const node = { id: n.id };
+			if (n.parentId) node.parentId = n.parentId;
+			if (n.initialNodeId) node.initialNodeId = n.initialNodeId;
 			if (n.label) node.label = n.label;
 			if (n.data !== void 0) node.data = n.data;
 			if (n.x !== void 0) node.x = n.x;
 			if (n.y !== void 0) node.y = n.y;
+			if (n.width !== void 0) node.width = n.width;
+			if (n.height !== void 0) node.height = n.height;
 			if (n.color) node.color = n.color;
 			if (n.shape) node.shape = n.shape;
+			if (n.style !== void 0) node.style = n.style;
+			if (n.ports !== void 0) node.ports = n.ports;
 			return node;
 		}),
 		links: graph.edges.map((e) => {
@@ -38,7 +50,15 @@ function toD3Graph(graph) {
 			if (e.id) link.id = e.id;
 			if (e.label) link.label = e.label;
 			if (e.data !== void 0) link.data = e.data;
+			if (e.weight !== void 0) link.weight = e.weight;
+			if (e.x !== void 0) link.x = e.x;
+			if (e.y !== void 0) link.y = e.y;
+			if (e.width !== void 0) link.width = e.width;
+			if (e.height !== void 0) link.height = e.height;
 			if (e.color) link.color = e.color;
+			if (e.style !== void 0) link.style = e.style;
+			if (e.sourcePort !== void 0) link.sourcePort = e.sourcePort;
+			if (e.targetPort !== void 0) link.targetPort = e.targetPort;
 			return link;
 		})
 	};
@@ -61,21 +81,27 @@ function fromD3Graph(d3) {
 	if (!Array.isArray(d3.nodes)) throw new Error("D3: \"nodes\" must be an array");
 	if (!Array.isArray(d3.links)) throw new Error("D3: \"links\" must be an array");
 	return {
-		id: "",
-		type: "directed",
-		initialNodeId: null,
-		data: void 0,
+		id: d3.id ?? "",
+		type: d3.type === "undirected" ? "undirected" : "directed",
+		initialNodeId: d3.initialNodeId ?? null,
+		data: d3.data,
+		...d3.direction && { direction: d3.direction },
+		...d3.style !== void 0 && { style: d3.style },
 		nodes: d3.nodes.map((n) => ({
 			type: "node",
 			id: n.id,
-			parentId: null,
-			initialNodeId: null,
+			parentId: n.parentId ?? null,
+			initialNodeId: n.initialNodeId ?? null,
 			label: n.label ?? "",
 			data: n.data,
 			...n.x !== void 0 && { x: n.x },
 			...n.y !== void 0 && { y: n.y },
+			...n.width !== void 0 && { width: n.width },
+			...n.height !== void 0 && { height: n.height },
 			...n.color && { color: n.color },
-			...n.shape && { shape: n.shape }
+			...n.shape && { shape: n.shape },
+			...n.style !== void 0 && { style: n.style },
+			...n.ports !== void 0 && { ports: n.ports }
 		})),
 		edges: d3.links.map((l, i) => ({
 			type: "edge",
@@ -84,7 +110,15 @@ function fromD3Graph(d3) {
 			targetId: typeof l.target === "string" ? l.target : l.target.id,
 			label: l.label ?? "",
 			data: l.data,
-			...l.color && { color: l.color }
+			...l.weight !== void 0 && { weight: l.weight },
+			...l.x !== void 0 && { x: l.x },
+			...l.y !== void 0 && { y: l.y },
+			...l.width !== void 0 && { width: l.width },
+			...l.height !== void 0 && { height: l.height },
+			...l.color && { color: l.color },
+			...l.style !== void 0 && { style: l.style },
+			...l.sourcePort !== void 0 && { sourcePort: l.sourcePort },
+			...l.targetPort !== void 0 && { targetPort: l.targetPort }
 		}))
 	};
 }

package/dist/formats/dot/index.mjs

@@ -11,6 +11,9 @@ function escapeId(id) {
 function escapeLabel(label) {
 	return label.replace(/\\/g, "\\\\").replace(/"/g, "\\\"");
 }
+function formatEndpoint(id, port) {
+	return `${escapeId(id)}${port ? `:${escapeId(port)}` : ""}`;
+}
 const DIRECTION_TO_RANKDIR = {
 	down: "TB",
 	up: "BT",
@@ -72,7 +75,7 @@ function toDOT(graph) {
 		if (edge.label) attrs.push(`label="${escapeLabel(edge.label)}"`);
 		if (edge.color) attrs.push(`color="${escapeLabel(edge.color)}"`);
 		const attrStr = attrs.length > 0 ? ` [${attrs.join(", ")}]` : "";
-		lines.push(`  ${escapeId(edge.sourceId)} ${edgeOp} ${escapeId(edge.targetId)}${attrStr};`);
+		lines.push(`  ${formatEndpoint(edge.sourceId, edge.sourcePort)} ${edgeOp} ${formatEndpoint(edge.targetId, edge.targetPort)}${attrStr};`);
 	}
 	lines.push("}");
 	return lines.join("\n");
@@ -95,6 +98,10 @@ const DOT_TO_SHAPE = {
 	cylinder: "cylinder",
 	parallelogram: "parallelogram"
 };
+function getPortId(nodeId) {
+	const port = nodeId.port;
+	return typeof port?.id === "string" ? port.id : void 0;
+}
 function attrsToMap(attrList) {
 	const map = {};
 	for (const a of attrList) map[a.id] = String(a.eq);
@@ -209,24 +216,29 @@ function fromDOT(dot) {
 				const endpointGroups = [];
 				for (const item of stmt.edge_list) if (item.type === "node_id") {
 					ensureNode(item.id, parentId, nd);
-					endpointGroups.push([item.id]);
+					endpointGroups.push([{
+						id: item.id,
+						...getPortId(item) && { port: getPortId(item) }
+					}]);
 				} else if (item.type === "subgraph") {
 					walkChildren(item.children, parentId, nd, ed);
 					const subNodeIds = getNodeIdsFromSubgraph(item.children);
 					for (const subNodeId of subNodeIds) ensureNode(subNodeId, parentId, nd);
-					if (subNodeIds.length > 0) endpointGroups.push(subNodeIds);
+					if (subNodeIds.length > 0) endpointGroups.push(subNodeIds.map((id) => ({ id })));
 				}
 				for (let i = 0; i < endpointGroups.length - 1; i++) {
 					const left = endpointGroups[i];
 					const right = endpointGroups[i + 1];
-					for (const sourceId of left) for (const targetId of right) {
+					for (const source of left) for (const target of right) {
 						const edge = {
 							type: "edge",
 							id: `e${edgeIdx++}`,
-							sourceId,
-							targetId,
+							sourceId: source.id,
+							targetId: target.id,
 							label: mergedEdgeAttrs["label"] ?? "",
 							data: void 0,
+							...source.port && { sourcePort: source.port },
+							...target.port && { targetPort: target.port },
 							...mergedEdgeAttrs["color"] && { color: mergedEdgeAttrs["color"] }
 						};
 						edges.push(edge);

package/dist/formats/elk/index.mjs

@@ -1,6 +1,23 @@
 import { getChildren } from "../../queries.mjs";
 
 //#region src/formats/elk/index.ts
+const STATELYAI_METADATA_KEY = "statelyai.metadata";
+function addMetadata(target, metadata) {
+	target.layoutOptions = {
+		...target.layoutOptions ?? {},
+		[STATELYAI_METADATA_KEY]: JSON.stringify(metadata)
+	};
+	return target;
+}
+function readMetadata(value) {
+	const raw = value.layoutOptions?.[STATELYAI_METADATA_KEY];
+	if (typeof raw !== "string") return void 0;
+	try {
+		return JSON.parse(raw);
+	} catch {
+		return;
+	}
+}
 const DIRECTION_TO_ELK = {
 	down: "DOWN",
 	up: "UP",
@@ -20,7 +37,21 @@ function convertEdge(edge) {
 		targets: [edge.targetPort ?? edge.targetId]
 	};
 	if (edge.label) elkEdge.labels = [{ text: edge.label }];
-	return elkEdge;
+	return addMetadata(elkEdge, { edge: {
+		sourceId: edge.sourceId,
+		targetId: edge.targetId,
+		sourcePort: edge.sourcePort,
+		targetPort: edge.targetPort,
+		label: edge.label,
+		data: edge.data,
+		weight: edge.weight,
+		color: edge.color,
+		style: edge.style,
+		x: edge.x,
+		y: edge.y,
+		width: edge.width,
+		height: edge.height
+	} });
 }
 function convertPort(port) {
 	const elkPort = {
@@ -32,7 +63,10 @@ function convertPort(port) {
 	};
 	if (port.label) elkPort.labels = [{ text: port.label }];
 	if (port.direction !== "inout") elkPort.layoutOptions = { "org.eclipse.elk.port.side": port.direction === "in" ? "WEST" : "EAST" };
-	return elkPort;
+	return addMetadata(elkPort, { port: {
+		data: port.data,
+		style: port.style
+	} });
 }
 function convertNode(graph, node) {
 	const elkNode = {
@@ -44,6 +78,13 @@ function convertNode(graph, node) {
 	};
 	if (node.label) elkNode.labels = [{ text: node.label }];
 	if (node.ports && node.ports.length > 0) elkNode.ports = node.ports.map(convertPort);
+	addMetadata(elkNode, { node: {
+		initialNodeId: node.initialNodeId,
+		data: node.data,
+		shape: node.shape,
+		color: node.color,
+		style: node.style
+	} });
 	const children = getChildren(graph, node.id);
 	if (children.length > 0) {
 		elkNode.children = children.map((child) => convertNode(graph, child));
@@ -85,6 +126,14 @@ function toELK(graph) {
 	const root = { id: graph.id };
 	const elkDir = DIRECTION_TO_ELK[graph.direction];
 	if (elkDir) root.layoutOptions = { "elk.direction": elkDir };
+	addMetadata(root, { graph: {
+		id: graph.id,
+		type: graph.type,
+		initialNodeId: graph.initialNodeId,
+		data: graph.data,
+		direction: graph.direction,
+		style: graph.style
+	} });
 	const roots = getChildren(graph, null);
 	if (roots.length > 0) root.children = roots.map((node) => convertNode(graph, node));
 	const allInnerEdgeIds = /* @__PURE__ */ new Set();
@@ -100,20 +149,25 @@ function toELK(graph) {
 function flattenElkNodes(elkNode, parentId, nodes, edges, edgeIdx, portOwner) {
 	if (elkNode.children) for (const child of elkNode.children) {
 		const label = child.labels?.[0]?.text ?? "";
+		const metadata = readMetadata(child)?.node;
 		const node = {
 			type: "node",
 			id: child.id,
 			parentId,
-			initialNodeId: null,
+			initialNodeId: metadata && "initialNodeId" in metadata ? metadata.initialNodeId : null,
 			label,
-			data: void 0,
+			data: metadata && "data" in metadata ? metadata.data : void 0,
 			x: child.x ?? 0,
 			y: child.y ?? 0,
 			width: child.width ?? 0,
-			height: child.height ?? 0
+			height: child.height ?? 0,
+			...metadata?.shape !== void 0 && { shape: metadata.shape },
+			...metadata?.color !== void 0 && { color: metadata.color },
+			...metadata?.style !== void 0 && { style: metadata.style }
 		};
 		if (child.ports && child.ports.length > 0) node.ports = child.ports.map((elkPort) => {
 			portOwner.set(elkPort.id, child.id);
+			const metadata$1 = readMetadata(elkPort)?.port;
 			const sideOpt = elkPort.layoutOptions?.["org.eclipse.elk.port.side"];
 			let direction = "inout";
 			if (sideOpt === "WEST") direction = "in";
@@ -122,33 +176,40 @@ function flattenElkNodes(elkNode, parentId, nodes, edges, edgeIdx, portOwner) {
 				name: elkPort.id,
 				direction,
 				label: elkPort.labels?.[0]?.text,
-				data: void 0,
+				data: metadata$1 && "data" in metadata$1 ? metadata$1.data : void 0,
 				x: elkPort.x ?? 0,
 				y: elkPort.y ?? 0,
 				width: elkPort.width ?? 0,
-				height: elkPort.height ?? 0
+				height: elkPort.height ?? 0,
+				...metadata$1?.style !== void 0 && { style: metadata$1.style }
 			};
 		});
 		nodes.push(node);
 		flattenElkNodes(child, child.id, nodes, edges, edgeIdx, portOwner);
 	}
 	if (elkNode.edges) for (const elkEdge of elkNode.edges) for (const source of elkEdge.sources) for (const target of elkEdge.targets) {
+		const metadata = readMetadata(elkEdge)?.edge;
 		const sourceNodeId = portOwner.get(source);
 		const targetNodeId = portOwner.get(target);
 		const edge = {
 			type: "edge",
 			id: elkEdge.id ?? `e${edgeIdx.value++}`,
-			sourceId: sourceNodeId ?? source,
-			targetId: targetNodeId ?? target,
-			label: elkEdge.labels?.[0]?.text ?? "",
-			data: void 0,
-			x: 0,
-			y: 0,
-			width: 0,
-			height: 0
+			sourceId: metadata?.sourceId ?? sourceNodeId ?? source,
+			targetId: metadata?.targetId ?? targetNodeId ?? target,
+			label: metadata && "label" in metadata ? metadata.label : elkEdge.labels?.[0]?.text ?? "",
+			data: metadata && "data" in metadata ? metadata.data : void 0,
+			x: metadata?.x ?? 0,
+			y: metadata?.y ?? 0,
+			width: metadata?.width ?? 0,
+			height: metadata?.height ?? 0,
+			...metadata?.weight !== void 0 && { weight: metadata.weight },
+			...metadata?.color !== void 0 && { color: metadata.color },
+			...metadata?.style !== void 0 && { style: metadata.style }
 		};
-		if (sourceNodeId) edge.sourcePort = source;
-		if (targetNodeId) edge.targetPort = target;
+		if (metadata && "sourcePort" in metadata) edge.sourcePort = metadata.sourcePort;
+		else if (sourceNodeId) edge.sourcePort = source;
+		if (metadata && "targetPort" in metadata) edge.targetPort = metadata.targetPort;
+		else if (targetNodeId) edge.targetPort = target;
 		edges.push(edge);
 	}
 }
@@ -179,15 +240,17 @@ function fromELK(elkRoot) {
 	const seenEdges = /* @__PURE__ */ new Map();
 	for (const edge of edges) if (!seenEdges.has(edge.id)) seenEdges.set(edge.id, edge);
 	const elkDir = elkRoot.layoutOptions?.["elk.direction"];
-	const direction = (elkDir ? ELK_TO_DIRECTION[elkDir] : void 0) ?? "down";
+	const graphMetadata = readMetadata(elkRoot)?.graph;
+	const direction = graphMetadata?.direction ?? (elkDir ? ELK_TO_DIRECTION[elkDir] : void 0) ?? "down";
 	return {
-		id: elkRoot.id,
-		type: "directed",
-		initialNodeId: null,
+		id: graphMetadata?.id ?? elkRoot.id,
+		type: graphMetadata?.type === "undirected" ? "undirected" : "directed",
+		initialNodeId: graphMetadata && "initialNodeId" in graphMetadata ? graphMetadata.initialNodeId : null,
 		nodes,
 		edges: [...seenEdges.values()],
-		data: void 0,
-		direction
+		data: graphMetadata && "data" in graphMetadata ? graphMetadata.data : void 0,
+		direction,
+		...graphMetadata?.style !== void 0 && { style: graphMetadata.style }
 	};
 }
 /**

package/dist/formats/gexf/index.mjs

@@ -23,13 +23,75 @@ function toGEXF(graph) {
 			"@_id": "a_shape",
 			"@_title": "shape",
 			"@_type": "string"
+		},
+		{
+			"@_id": "a_width",
+			"@_title": "width",
+			"@_type": "double"
+		},
+		{
+			"@_id": "a_height",
+			"@_title": "height",
+			"@_type": "double"
+		},
+		{
+			"@_id": "a_style",
+			"@_title": "style",
+			"@_type": "string"
+		},
+		{
+			"@_id": "a_ports",
+			"@_title": "ports",
+			"@_type": "string"
+		}
+	];
+	const edgeAttrs = [
+		{
+			"@_id": "a_edgeData",
+			"@_title": "data",
+			"@_type": "string"
+		},
+		{
+			"@_id": "a_edgeWeight",
+			"@_title": "weight",
+			"@_type": "double"
+		},
+		{
+			"@_id": "a_edgeX",
+			"@_title": "x",
+			"@_type": "double"
+		},
+		{
+			"@_id": "a_edgeY",
+			"@_title": "y",
+			"@_type": "double"
+		},
+		{
+			"@_id": "a_edgeWidth",
+			"@_title": "width",
+			"@_type": "double"
+		},
+		{
+			"@_id": "a_edgeHeight",
+			"@_title": "height",
+			"@_type": "double"
+		},
+		{
+			"@_id": "a_edgeStyle",
+			"@_title": "style",
+			"@_type": "string"
+		},
+		{
+			"@_id": "a_sourcePort",
+			"@_title": "sourcePort",
+			"@_type": "string"
+		},
+		{
+			"@_id": "a_targetPort",
+			"@_title": "targetPort",
+			"@_type": "string"
 		}
 	];
-	const edgeAttrs = [{
-		"@_id": "a_edgeData",
-		"@_title": "data",
-		"@_type": "string"
-	}];
 	const nodes = graph.nodes.map((n) => {
 		const attvalues = [];
 		if (n.parentId) attvalues.push({
@@ -48,6 +110,22 @@ function toGEXF(graph) {
 			"@_for": "a_shape",
 			"@_value": n.shape
 		});
+		if (n.width !== void 0) attvalues.push({
+			"@_for": "a_width",
+			"@_value": n.width
+		});
+		if (n.height !== void 0) attvalues.push({
+			"@_for": "a_height",
+			"@_value": n.height
+		});
+		if (n.style !== void 0) attvalues.push({
+			"@_for": "a_style",
+			"@_value": JSON.stringify(n.style)
+		});
+		if (n.ports !== void 0) attvalues.push({
+			"@_for": "a_ports",
+			"@_value": JSON.stringify(n.ports)
+		});
 		const node = {
 			"@_id": n.id,
 			"@_label": n.label || n.id
@@ -80,6 +158,40 @@ function toGEXF(graph) {
 			"@_for": "a_edgeData",
 			"@_value": JSON.stringify(e.data)
 		}] };
+		const edgeAttvalues = edge.attvalues?.attvalue ?? [];
+		if (e.weight !== void 0) edgeAttvalues.push({
+			"@_for": "a_edgeWeight",
+			"@_value": e.weight
+		});
+		if (e.x !== void 0) edgeAttvalues.push({
+			"@_for": "a_edgeX",
+			"@_value": e.x
+		});
+		if (e.y !== void 0) edgeAttvalues.push({
+			"@_for": "a_edgeY",
+			"@_value": e.y
+		});
+		if (e.width !== void 0) edgeAttvalues.push({
+			"@_for": "a_edgeWidth",
+			"@_value": e.width
+		});
+		if (e.height !== void 0) edgeAttvalues.push({
+			"@_for": "a_edgeHeight",
+			"@_value": e.height
+		});
+		if (e.style !== void 0) edgeAttvalues.push({
+			"@_for": "a_edgeStyle",
+			"@_value": JSON.stringify(e.style)
+		});
+		if (e.sourcePort !== void 0) edgeAttvalues.push({
+			"@_for": "a_sourcePort",
+			"@_value": e.sourcePort
+		});
+		if (e.targetPort !== void 0) edgeAttvalues.push({
+			"@_for": "a_targetPort",
+			"@_value": e.targetPort
+		});
+		if (edgeAttvalues.length > 0) edge.attvalues = { attvalue: edgeAttvalues };
 		if (e.color) {
 			const hex$1 = e.color.replace("#", "");
 			if (hex$1.length === 6) edge["viz:color"] = {
@@ -90,15 +202,6 @@ function toGEXF(graph) {
 		}
 		return edge;
 	});
-	const graphData = [];
-	if (graph.initialNodeId) graphData.push({
-		"@_for": "a_initialNodeId",
-		"@_value": graph.initialNodeId
-	});
-	if (graph.data !== void 0) graphData.push({
-		"@_for": "a_data",
-		"@_value": JSON.stringify(graph.data)
-	});
 	const obj = {
 		"?xml": {
 			"@_version": "1.0",
@@ -111,6 +214,10 @@ function toGEXF(graph) {
 			graph: {
 				"@_defaultedgetype": graph.type === "directed" ? "directed" : "undirected",
 				...graph.id && { "@_id": graph.id },
+				...graph.initialNodeId && { "@_initialNodeId": graph.initialNodeId },
+				...graph.direction && { "@_direction": graph.direction },
+				...graph.data !== void 0 && { "@_data": JSON.stringify(graph.data) },
+				...graph.style !== void 0 && { "@_style": JSON.stringify(graph.style) },
 				attributes: [{
 					"@_class": "node",
 					attribute: nodeAttrs
@@ -168,6 +275,8 @@ function fromGEXF(xml) {
 				data: attvals["data"] !== void 0 ? tryParseJSON(attvals["data"]) : void 0
 			};
 			if (attvals["shape"]) node.shape = attvals["shape"];
+			if (attvals["style"] !== void 0) node.style = tryParseJSON(attvals["style"]);
+			if (attvals["ports"] !== void 0) node.ports = tryParseJSON(attvals["ports"]);
 			const pos = n["viz:position"];
 			if (pos) {
 				node.x = Number(pos["@_x"] ?? 0);
@@ -178,6 +287,8 @@ function fromGEXF(xml) {
 				node.width = Number(size["@_value"] ?? 0);
 				node.height = Number(size["@_value"] ?? 0);
 			}
+			if (attvals["width"] !== void 0) node.width = Number(attvals["width"]);
+			if (attvals["height"] !== void 0) node.height = Number(attvals["height"]);
 			const color = n["viz:color"];
 			if (color) {
 				const r = Number(color["@_r"] ?? 0);
@@ -199,7 +310,15 @@ function fromGEXF(xml) {
 			sourceId: String(e["@_source"]),
 			targetId: String(e["@_target"]),
 			label: e["@_label"] ?? "",
-			data: attvals["data"] !== void 0 ? tryParseJSON(attvals["data"]) : void 0
+			data: attvals["data"] !== void 0 ? tryParseJSON(attvals["data"]) : void 0,
+			...attvals["weight"] !== void 0 && { weight: Number(attvals["weight"]) },
+			...attvals["x"] !== void 0 && { x: Number(attvals["x"]) },
+			...attvals["y"] !== void 0 && { y: Number(attvals["y"]) },
+			...attvals["width"] !== void 0 && { width: Number(attvals["width"]) },
+			...attvals["height"] !== void 0 && { height: Number(attvals["height"]) },
+			...attvals["style"] !== void 0 && { style: tryParseJSON(attvals["style"]) },
+			...attvals["sourcePort"] !== void 0 && { sourcePort: attvals["sourcePort"] },
+			...attvals["targetPort"] !== void 0 && { targetPort: attvals["targetPort"] }
 		};
 		const color = e["viz:color"];
 		if (color) {
@@ -213,10 +332,12 @@ function fromGEXF(xml) {
 	return {
 		id: String(graphEl["@_id"] ?? ""),
 		type: graphType,
-		initialNodeId: null,
+		initialNodeId: graphEl["@_initialNodeId"] ?? null,
 		nodes,
 		edges,
-		data: void 0
+		data: graphEl["@_data"] !== void 0 ? tryParseJSON(String(graphEl["@_data"])) : void 0,
+		...graphEl["@_direction"] && { direction: graphEl["@_direction"] },
+		...graphEl["@_style"] !== void 0 && { style: tryParseJSON(String(graphEl["@_style"])) }
 	};
 }
 function asArray(val) {

package/dist/formats/gml/index.mjs

@@ -28,6 +28,10 @@ function toGML(graph) {
 	lines.push("graph [");
 	lines.push(`  directed ${graph.type === "directed" ? 1 : 0}`);
 	if (graph.id) lines.push(`  id ${gmlString(graph.id)}`);
+	if (graph.initialNodeId) lines.push(`  initialNodeId ${gmlString(graph.initialNodeId)}`);
+	if (graph.data !== void 0) lines.push(`  data ${gmlString(JSON.stringify(graph.data))}`);
+	if (graph.direction) lines.push(`  direction ${gmlString(graph.direction)}`);
+	if (graph.style !== void 0) lines.push(`  style ${gmlString(JSON.stringify(graph.style))}`);
 	const childrenMap = /* @__PURE__ */ new Map();
 	for (const node of graph.nodes) {
 		const pid = node.parentId ?? null;
@@ -40,8 +44,10 @@ function toGML(graph) {
 		if (node.label) lines.push(`${indent}  label ${gmlString(node.label)}`);
 		if (node.initialNodeId) lines.push(`${indent}  initialNodeId ${gmlString(node.initialNodeId)}`);
 		if (node.data !== void 0) lines.push(`${indent}  data ${gmlString(JSON.stringify(node.data))}`);
+		if (node.ports !== void 0) lines.push(`${indent}  ports ${gmlString(JSON.stringify(node.ports))}`);
 		if (node.shape) lines.push(`${indent}  shape ${gmlString(node.shape)}`);
 		if (node.color) lines.push(`${indent}  color ${gmlString(node.color)}`);
+		if (node.style !== void 0) lines.push(`${indent}  style ${gmlString(JSON.stringify(node.style))}`);
 		if (node.x !== void 0 || node.y !== void 0 || node.width !== void 0 || node.height !== void 0) {
 			lines.push(`${indent}  graphics [`);
 			if (node.x !== void 0) lines.push(`${indent}    x ${node.x}`);
@@ -63,7 +69,19 @@ function toGML(graph) {
 		lines.push(`    target ${gmlString(edge.targetId)}`);
 		if (edge.label) lines.push(`    label ${gmlString(edge.label)}`);
 		if (edge.data !== void 0) lines.push(`    data ${gmlString(JSON.stringify(edge.data))}`);
+		if (edge.weight !== void 0) lines.push(`    weight ${edge.weight}`);
+		if (edge.sourcePort !== void 0) lines.push(`    sourcePort ${gmlString(edge.sourcePort)}`);
+		if (edge.targetPort !== void 0) lines.push(`    targetPort ${gmlString(edge.targetPort)}`);
 		if (edge.color) lines.push(`    color ${gmlString(edge.color)}`);
+		if (edge.style !== void 0) lines.push(`    style ${gmlString(JSON.stringify(edge.style))}`);
+		if (edge.x !== void 0 || edge.y !== void 0 || edge.width !== void 0 || edge.height !== void 0) {
+			lines.push("    graphics [");
+			if (edge.x !== void 0) lines.push(`      x ${edge.x}`);
+			if (edge.y !== void 0) lines.push(`      y ${edge.y}`);
+			if (edge.width !== void 0) lines.push(`      w ${edge.width}`);
+			if (edge.height !== void 0) lines.push(`      h ${edge.height}`);
+			lines.push("    ]");
+		}
 		lines.push("  ]");
 	}
 	lines.push("]");
@@ -112,8 +130,10 @@ function fromGML(gml) {
 				initialNodeId: n["initialNodeId"] ?? null,
 				label: n["label"] ?? "",
 				data: n["data"] !== void 0 ? tryParseJSON(n["data"]) : void 0,
+				...n["ports"] !== void 0 && { ports: tryParseJSON(n["ports"]) },
 				...n["shape"] && { shape: n["shape"] },
 				...n["color"] && { color: n["color"] },
+				...n["style"] !== void 0 && { style: tryParseJSON(n["style"]) },
 				...gfx?.x !== void 0 && { x: gfx.x },
 				...gfx?.y !== void 0 && { y: gfx.y },
 				...gfx?.w !== void 0 && { width: gfx.w },
@@ -124,22 +144,35 @@ function fromGML(gml) {
 	}
 	parseNodes(graphBlock, null);
 	const edgeEntries = asArray(graphBlock["edge"]);
-	for (const e of edgeEntries) edges.push({
-		type: "edge",
-		id: String(e["id"] ?? `e${edges.length}`),
-		sourceId: String(e["source"] ?? ""),
-		targetId: String(e["target"] ?? ""),
-		label: e["label"] ?? "",
-		data: e["data"] !== void 0 ? tryParseJSON(e["data"]) : void 0,
-		...e["color"] && { color: e["color"] }
-	});
+	for (const e of edgeEntries) {
+		const gfx = e["graphics"];
+		edges.push({
+			type: "edge",
+			id: String(e["id"] ?? `e${edges.length}`),
+			sourceId: String(e["source"] ?? ""),
+			targetId: String(e["target"] ?? ""),
+			label: e["label"] ?? "",
+			data: e["data"] !== void 0 ? tryParseJSON(e["data"]) : void 0,
+			...e["weight"] !== void 0 && { weight: Number(e["weight"]) },
+			...e["sourcePort"] !== void 0 && { sourcePort: String(e["sourcePort"]) },
+			...e["targetPort"] !== void 0 && { targetPort: String(e["targetPort"]) },
+			...e["color"] && { color: e["color"] },
+			...e["style"] !== void 0 && { style: tryParseJSON(e["style"]) },
+			...gfx?.x !== void 0 && { x: gfx.x },
+			...gfx?.y !== void 0 && { y: gfx.y },
+			...gfx?.w !== void 0 && { width: gfx.w },
+			...gfx?.h !== void 0 && { height: gfx.h }
+		});
+	}
 	return {
 		id: graphId,
 		type: directed ? "directed" : "undirected",
-		initialNodeId: null,
+		initialNodeId: graphBlock["initialNodeId"] ?? null,
 		nodes,
 		edges,
-		data: void 0
+		data: graphBlock["data"] !== void 0 ? tryParseJSON(graphBlock["data"]) : void 0,
+		...graphBlock["direction"] && { direction: String(graphBlock["direction"]) },
+		...graphBlock["style"] !== void 0 && { style: tryParseJSON(graphBlock["style"]) }
 	};
 }
 function tokenize(input) {