@oh-just-another/importers 0.57.0

package/dist/to-scene.js

@@ -0,0 +1,146 @@
+import { DEFAULT_LAYER_ID, addLink, addElement, emptyScene, orderBetween, } from "@oh-just-another/scene";
+import { DEFAULT_EDGE_STYLE, DEFAULT_ELEMENT_STYLES, HUE_TONES, } from "@oh-just-another/tokens";
+import { linkId, elementId } from "@oh-just-another/types";
+import { layoutGraph } from "./layout.js";
+/**
+ * Convert a backend-neutral `GraphDocument` into a `Scene`. Runs layout
+ * (`layoutGraph`) first, then materialises each node as a built-in shape
+ * and each edge as a `straight`-routed connector between named anchors.
+ *
+ * Scene viewport size is fitted around the layouted bounding box plus a
+ * small margin so the result looks centered when handed to the renderer.
+ */
+export const graphToScene = (graph) => {
+    const { nodes, edges } = layoutGraph(graph);
+    let scene = emptyScene();
+    let order = orderBetween(null, null);
+    // Track shape ids so edge endpoints can reference them later.
+    const idMap = new Map();
+    for (const n of nodes) {
+        const id = elementId(`node-${n.id}`);
+        idMap.set(n.id, id);
+        const fill = n.fill ?? defaultFill(n.shape);
+        const stroke = n.stroke ?? HUE_TONES.light.gray.textHigh;
+        // Identity / placement / order — fields every shape variant accepts.
+        const base = {
+            id,
+            layerId: DEFAULT_LAYER_ID,
+            position: n.position,
+            rotation: 0,
+            scale: { x: 1, y: 1 },
+            order,
+            style: { fill, stroke, strokeWidth: 1.5 },
+        };
+        order = orderBetween(order, null);
+        let shape;
+        switch (n.shape ?? "rectangle") {
+            case "ellipse":
+            case "round":
+                shape = { ...base, type: "ellipse", width: n.width, height: n.height };
+                break;
+            case "diamond":
+                shape = {
+                    ...base,
+                    type: "polygon",
+                    points: [
+                        { x: n.width / 2, y: 0 },
+                        { x: n.width, y: n.height / 2 },
+                        { x: n.width / 2, y: n.height },
+                        { x: 0, y: n.height / 2 },
+                    ],
+                };
+                break;
+            case "rectangle":
+            default:
+                shape = { ...base, type: "rectangle", width: n.width, height: n.height };
+                break;
+        }
+        ({ scene } = addElement(scene, shape));
+        if (n.label) {
+            const textId = elementId(`node-${n.id}-label`);
+            const textElement = {
+                id: textId,
+                layerId: DEFAULT_LAYER_ID,
+                type: "text",
+                position: { x: n.position.x, y: n.position.y },
+                rotation: 0,
+                scale: { x: 1, y: 1 },
+                order,
+                style: {
+                    fill: HUE_TONES.light.gray.textHigh,
+                    textAlign: "center",
+                    textBaseline: "middle",
+                },
+                text: n.label,
+                fontFamily: "system-ui, sans-serif",
+                fontSize: 13,
+                maxWidth: n.width,
+            };
+            order = orderBetween(order, null);
+            // Center inside the node by writing position to the box centre.
+            const centeredLabel = {
+                ...textElement,
+                position: { x: n.position.x + n.width / 2, y: n.position.y + n.height / 2 },
+            };
+            ({ scene } = addElement(scene, centeredLabel));
+        }
+    }
+    // Links → straight-line connectors between node anchors.
+    let edgeOrder = orderBetween(null, null);
+    for (const e of edges) {
+        const sourceId = idMap.get(e.source);
+        const targetId = idMap.get(e.target);
+        if (!sourceId || !targetId)
+            continue;
+        const id = linkId(`edge-${e.source}-${e.target}`);
+        const edgeShape = {
+            id,
+            layerId: DEFAULT_LAYER_ID,
+            from: { kind: "anchor", elementId: sourceId, anchor: { kind: "named", name: "center" } },
+            to: { kind: "anchor", elementId: targetId, anchor: { kind: "named", name: "center" } },
+            style: { ...DEFAULT_EDGE_STYLE, strokeWidth: 1 },
+            order: edgeOrder,
+            ...(e.label !== undefined ? { metadata: { label: e.label } } : {}),
+        };
+        edgeOrder = orderBetween(edgeOrder, null);
+        ({ scene } = addLink(scene, edgeShape));
+    }
+    // Fit the viewport around the laid-out nodes plus a margin so callers
+    // get something sensible to render without extra computation.
+    const margin = 20;
+    let minX = Infinity;
+    let minY = Infinity;
+    let maxX = -Infinity;
+    let maxY = -Infinity;
+    for (const n of nodes) {
+        if (n.position.x < minX)
+            minX = n.position.x;
+        if (n.position.y < minY)
+            minY = n.position.y;
+        if (n.position.x + n.width > maxX)
+            maxX = n.position.x + n.width;
+        if (n.position.y + n.height > maxY)
+            maxY = n.position.y + n.height;
+    }
+    const width = Number.isFinite(maxX) && Number.isFinite(minX)
+        ? Math.ceil(maxX - Math.min(0, minX)) + margin
+        : 800;
+    const height = Number.isFinite(maxY) && Number.isFinite(minY)
+        ? Math.ceil(maxY - Math.min(0, minY)) + margin
+        : 600;
+    scene = { ...scene, viewport: { ...scene.viewport, size: { width, height } } };
+    return scene;
+};
+const defaultFill = (shape) => {
+    switch (shape) {
+        case "ellipse":
+        case "round":
+            return DEFAULT_ELEMENT_STYLES.sticky.fill;
+        case "diamond":
+            return DEFAULT_ELEMENT_STYLES.flowchart.fill;
+        case "rectangle":
+        default:
+            return DEFAULT_ELEMENT_STYLES.rectangle.fill;
+    }
+};
+//# sourceMappingURL=to-scene.js.map

package/dist/to-scene.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-scene.js","sourceRoot":"","sources":["../src/to-scene.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@oh-just-another/importers",
+  "version": "0.57.0",
+  "description": "Importers: Mermaid, Graphviz dot, drawio XML → @oh-just-another/scene documents.",
+  "license": "MIT",
+  "author": "Rustam Garifulin <rustam@n69.in>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/oh-just-another/diagram.git",
+    "directory": "packages/importers"
+  },
+  "homepage": "https://github.com/oh-just-another/diagram#readme",
+  "bugs": "https://github.com/oh-just-another/diagram/issues",
+  "keywords": [
+    "diagram",
+    "canvas",
+    "svg",
+    "editor",
+    "graph",
+    "drawing"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@dagrejs/dagre": "^1.1.5",
+    "@oh-just-another/types": "0.57.0",
+    "@oh-just-another/scene": "0.57.0",
+    "@oh-just-another/tokens": "0.57.0"
+  },
+  "scripts": {
+    "build": "tsc -b tsconfig.build.json",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src tests",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  }
+}