react-html-graph 1.0.0

package/dist/example/graph-teste.js

@@ -0,0 +1,205 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import Graph from "../graph";
+const TEST_LINKS = [
+    {
+        id: "link-a",
+        from: {
+            node: "foo",
+            port: "output"
+        },
+        to: {
+            node: "bar",
+            port: "output"
+        },
+        labels: [
+            { text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
+            { text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
+        ],
+        width: 1,
+        forwardColor: "#c7c700",
+        reverseColor: "#c71d07",
+        forwardDuration: 3,
+        reverseDuration: 0,
+    },
+    {
+        id: "link-b",
+        from: {
+            node: "tar",
+            port: "input"
+        },
+        to: {
+            node: "bar",
+            port: "input"
+        },
+        width: 2,
+        labels: [
+            { text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
+            { text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
+        ],
+        forwardColor: "#c71d07",
+        reverseColor: "#1dc707",
+        forwardDuration: 0,
+        reverseDuration: 1,
+    },
+    {
+        id: "link-c",
+        from: {
+            node: "foo",
+            port: "input"
+        },
+        to: {
+            node: "tar",
+            port: "output"
+        },
+        width: 3,
+        labels: [
+            { text: "Link A", position: -0.5, color: "#fff", fontSize: 14, textAnchor: "forward", offset: 10 },
+            { text: "Link B", position: 0.5, color: "#fff", fontSize: 14, textAnchor: "reverse", offset: 10 },
+        ],
+        forwardColor: "#c71d07",
+        reverseColor: "#1dc707",
+        forwardDuration: 0,
+        reverseDuration: 1,
+    }
+];
+const TEST_OBJECTS = [
+    {
+        id: "foo",
+        position: { x: 300, y: 100, z: 0 },
+        ports: [
+            {
+                id: "input",
+                type: "data",
+                direction: "input",
+                location: "left",
+                children: () => _jsx("div", { className: "node-port" }),
+            },
+            {
+                id: "output",
+                type: "data",
+                direction: "output",
+                location: "right",
+                onDragEnd: async (api, event) => {
+                    if (event.targetNodeId && event.targetPortName) {
+                        api.connect({
+                            connectionType: event.connectionType,
+                            from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
+                            to: { nodeId: event.targetNodeId, portName: event.targetPortName },
+                        });
+                    }
+                },
+                children: () => _jsx("div", { className: "node-port" }),
+            },
+        ],
+        template: ({ id, ports }) => (_jsxs("div", { style: { background: "red", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Foo" }), ports.right] }))
+    },
+    {
+        id: "bar",
+        position: { x: 200, y: 300, z: 0 },
+        ports: [
+            {
+                id: "input",
+                type: "data",
+                direction: "input",
+                location: "left",
+                children: () => _jsx("div", { className: "node-port" }),
+            },
+            {
+                id: "output",
+                type: "data",
+                direction: "output",
+                location: "right",
+                onDragEnd: async (api, event) => {
+                    if (event.targetNodeId && event.targetPortName) {
+                        api.connect({
+                            connectionType: event.connectionType,
+                            from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
+                            to: { nodeId: event.targetNodeId, portName: event.targetPortName },
+                        });
+                    }
+                }, children: () => _jsx("div", { className: "node-port" }),
+            },
+        ],
+        template: ({ id, ports }) => (_jsxs("div", { style: { background: "blue", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Bar" }), ports.right] }))
+    },
+    {
+        id: "tar",
+        position: { x: 100, y: 100, z: 0 },
+        ports: [
+            {
+                id: "input",
+                type: "data",
+                direction: "input",
+                location: "left",
+                children: () => _jsx("div", { className: "node-port" }),
+            },
+            {
+                id: "output",
+                type: "data",
+                direction: "output",
+                location: "right",
+                onDragEnd: async (api, event) => {
+                    if (event.targetNodeId && event.targetPortName) {
+                        api.connect({
+                            connectionType: event.connectionType,
+                            from: { nodeId: event.sourceNodeId, portName: event.sourcePortName },
+                            to: { nodeId: event.targetNodeId, portName: event.targetPortName },
+                        });
+                    }
+                }, children: () => _jsx("div", { className: "node-port" }),
+            },
+        ],
+        template: ({ id, ports }) => (_jsxs("div", { style: { background: "blue", display: "flex", alignItems: "center" }, children: [ports.left, _jsx("span", { children: "Tar" }), ports.right] }))
+    }
+];
+export default function GraphTest() {
+    const apiRef = useRef(null);
+    const fpsRef = useRef(null);
+    const fpsCountRef = useRef(0);
+    const lastTimeRef = useRef(0);
+    useEffect(() => {
+        const timeout = window.setTimeout(() => {
+            const api = apiRef.current;
+            if (api) {
+                TEST_OBJECTS.forEach(obj => {
+                    api.addNode(obj);
+                });
+                TEST_LINKS.forEach(obj => {
+                    api.addLink(obj);
+                });
+            }
+        }, 1000);
+        return () => {
+            window.clearTimeout(timeout);
+        };
+    }, []);
+    useEffect(() => {
+        let running = true;
+        function calculateFPS(td) {
+            if (!running)
+                return;
+            if (!lastTimeRef.current)
+                lastTimeRef.current = performance.now();
+            fpsCountRef.current += 1;
+            requestAnimationFrame(calculateFPS);
+        }
+        requestAnimationFrame(calculateFPS);
+        let interval = window.setInterval(() => {
+            const now = performance.now();
+            const delta = now - lastTimeRef.current;
+            const fps = ((fpsCountRef.current / delta) * 1000);
+            if (fpsRef.current) {
+                fpsRef.current.textContent = `FPS: ${fps.toFixed(0)}`;
+            }
+            fpsCountRef.current = 0;
+            lastTimeRef.current = now;
+        }, 500);
+        return () => {
+            running = false;
+            window.clearInterval(interval);
+        };
+    }, []);
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "graph-test-container", children: [_jsx("span", { ref: fpsRef }), _jsx("div", { className: "graph-test-graph", children: _jsx(Graph, { ref: apiRef, mode: "edit", onError: (err) => console.error("[GraphError]", err) }) })] }) }));
+}
+//# sourceMappingURL=graph-teste.js.map

package/dist/example/graph-teste.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-teste.js","sourceRoot":"","sources":["../../src/example/graph-teste.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,MAAM,UAAU,CAAC;AAW7B,MAAM,UAAU,GAAqB;IACjC;QACI,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE;YACF,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,QAAQ;SACjB;QACD,EAAE,EAAE;YACA,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,QAAQ;SACjB;QACD,MAAM,EAAE;YACJ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;YAClG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;SACpG;QACD,KAAK,EAAE,CAAC;QACR,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,CAAC;QAClB,eAAe,EAAE,CAAC;KAErB;IACD;QACI,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE;YACF,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,OAAO;SAChB;QACD,EAAE,EAAE;YACA,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,OAAO;SAChB;QACD,KAAK,EAAE,CAAC;QACR,MAAM,EAAE;YACJ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;YAClG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;SACpG;QACD,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,CAAC;QAClB,eAAe,EAAE,CAAC;KACrB;IACD;QACI,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE;YACF,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,OAAO;SAChB;QACD,EAAE,EAAE;YACA,IAAI,EAAE,KAAK;YACX,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE,CAAC;QACR,MAAM,EAAE;YACJ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;YAClG,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;SACpG;QACD,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,SAAS;QACvB,eAAe,EAAE,CAAC;QAClB,eAAe,EAAE,CAAC;KACrB;CACJ,CAAA;AAED,MAAM,YAAY,GAAqB;IACnC;QACI,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,OAAO;gBACX,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,OAAgB;gBAC3B,QAAQ,EAAE,MAAe;gBACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,WAAW,GAAG;aAChD;YACD;gBACI,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,QAAiB;gBAC5B,QAAQ,EAAE,OAAgB;gBAC1B,SAAS,EAAE,KAAK,EAAE,GAAkB,EAAE,KAAuB,EAAE,EAAE;oBAC7D,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBAC7C,GAAG,CAAC,OAAO,CAAC;4BACR,cAAc,EAAE,KAAK,CAAC,cAAc;4BACpC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,cAAc,EAAE;4BACpE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,cAAc,EAAE;yBACrE,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC;gBACD,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,WAAW,GAAG;aAChD;SACJ;QACD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAA2B,EAAE,EAAE,CAAC,CAClD,eAAK,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACnE,KAAK,CAAC,IAAI,EACX,iCAAgB,EACf,KAAK,CAAC,KAAK,IACV,CACT;KACJ;IACD;QACI,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,OAAO;gBACX,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,OAAgB;gBAC3B,QAAQ,EAAE,MAAe;gBACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,WAAW,GAAG;aAChD;YACD;gBACI,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,QAAiB;gBAC5B,QAAQ,EAAE,OAAgB;gBAC1B,SAAS,EAAE,KAAK,EAAE,GAAkB,EAAE,KAAuB,EAAE,EAAE;oBAC7D,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBAC7C,GAAG,CAAC,OAAO,CAAC;4BACR,cAAc,EAAE,KAAK,CAAC,cAAc;4BACpC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,cAAc,EAAE;4BACpE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,cAAc,EAAE;yBACrE,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,WAAW,GAAG;aACnD;SACJ;QACD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAA2B,EAAE,EAAE,CAAC,CAClD,eAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACpE,KAAK,CAAC,IAAI,EACX,iCAAgB,EACf,KAAK,CAAC,KAAK,IACV,CACT;KACJ;IACD;QACI,EAAE,EAAE,KAAK;QACT,QAAQ,EAAE,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;QAClC,KAAK,EAAE;YACH;gBACI,EAAE,EAAE,OAAO;gBACX,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,OAAgB;gBAC3B,QAAQ,EAAE,MAAe;gBACzB,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,WAAW,GAAG;aAChD;YACD;gBACI,EAAE,EAAE,QAAQ;gBACZ,IAAI,EAAE,MAAM;gBACZ,SAAS,EAAE,QAAiB;gBAC5B,QAAQ,EAAE,OAAgB;gBAC1B,SAAS,EAAE,KAAK,EAAE,GAAkB,EAAE,KAAuB,EAAE,EAAE;oBAC7D,IAAI,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBAC7C,GAAG,CAAC,OAAO,CAAC;4BACR,cAAc,EAAE,KAAK,CAAC,cAAc;4BACpC,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,cAAc,EAAE;4BACpE,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,cAAc,EAAE;yBACrE,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,WAAW,GAAG;aACnD;SACJ;QACD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,KAAK,EAA2B,EAAE,EAAE,CAAC,CAClD,eAAK,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACpE,KAAK,CAAC,IAAI,EACX,iCAAgB,EACf,KAAK,CAAC,KAAK,IACV,CACT;KACJ;CACJ,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,SAAS;IAC7B,MAAM,MAAM,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IACtC,MAAM,WAAW,GAAG,MAAM,CAAS,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;YACnC,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC;YAC3B,IAAI,GAAG,EAAE,CAAC;gBACN,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACvB,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBACrB,CAAC,CAAC,CAAA;gBACF,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACrB,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;gBACrB,CAAC,CAAC,CAAA;YACN,CAAC;QACL,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,SAAS,YAAY,CAAC,EAAU;YAC5B,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,IAAI,CAAC,WAAW,CAAC,OAAO;gBACpB,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAC5C,WAAW,CAAC,OAAO,IAAI,CAAC,CAAA;YACxB,qBAAqB,CAAC,YAAY,CAAC,CAAC;QACxC,CAAC;QACD,qBAAqB,CAAC,YAAY,CAAC,CAAC;QACpC,IAAI,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YACnC,MAAM,GAAG,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC;YACxC,MAAM,GAAG,GAAG,CAAC,CAAC,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;YACnD,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,CAAC,OAAO,CAAC,WAAW,GAAG,QAAQ,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC1D,CAAC;YACD,WAAW,CAAC,OAAO,GAAG,CAAC,CAAC;YACxB,WAAW,CAAC,OAAO,GAAG,GAAG,CAAC;QAC9B,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE;YACR,OAAO,GAAG,KAAK,CAAC;YAChB,MAAM,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QACnC,CAAC,CAAA;IAEL,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACH,4BACI,eAAK,SAAS,EAAC,sBAAsB,aACjC,eAAM,GAAG,EAAE,MAAM,GAAI,EACrB,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,KAAK,IACF,GAAG,EAAE,MAAM,EACX,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,cAAc,EAAE,GAAG,CAAC,GACtD,GACA,IACJ,GACP,CACN,CAAC;AACN,CAAC"}

package/dist/example/index.css

@@ -0,0 +1,48 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}
+
+.graph-test-container {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+  .graph-test-graph {
+    flex: 1;
+    background: #000;
+  }
+}
+
+.node-port {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: #888;
+  cursor: crosshair;
+  flex-shrink: 0;
+  transition: background 0.15s ease, transform 0.15s ease;
+}
+
+.node-port:hover {
+  background: #fff;
+  transform: scale(1.4);
+}
+
+.port-input {
+  margin-right: 6px;
+}
+
+.port-output {
+  margin-left: 6px;
+}

package/dist/example/reportWebVitals.d.ts

@@ -0,0 +1,4 @@
+import { MetricType } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: (metric: MetricType) => void) => void;
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.d.ts.map

package/dist/example/reportWebVitals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.d.ts","sourceRoot":"","sources":["../../src/example/reportWebVitals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,QAAA,MAAM,eAAe,GAAI,cAAc,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,SAUlE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/example/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import('web-vitals').then(({ onCLS, onINP, onFCP, onLCP, onTTFB }) => {
+            onCLS(onPerfEntry);
+            onINP(onPerfEntry);
+            onFCP(onPerfEntry);
+            onLCP(onPerfEntry);
+            onTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/dist/example/reportWebVitals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.js","sourceRoot":"","sources":["../../src/example/reportWebVitals.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,CAAC,WAA0C,EAAE,EAAE;IACrE,IAAI,WAAW,IAAI,WAAW,YAAY,QAAQ,EAAE,CAAC;QACnD,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;YACnE,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,KAAK,CAAC,WAAW,CAAC,CAAC;YACnB,MAAM,CAAC,WAAW,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/graph/index.d.ts

@@ -0,0 +1,11 @@
+import { GraphProps } from "../types";
+import "../style.css";
+/**
+ * Componente Graph que orquestra o contexto do grafo, providers e o viewbox.
+ * Recebe chamadas imperativas via ref (GraphApi) expostas por GraphHandle.
+ *
+ * @param props Propriedades do componente Graph
+ * @returns JSX.Element
+ */
+export default function Graph({ ref, mode, onError }: GraphProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/graph/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/graph/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAW,UAAU,EAAwD,MAAM,UAAU,CAAC;AASrG,OAAO,cAAc,CAAC;AAStB;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,GAAG,EAAE,IAAa,EAAE,OAAO,EAAE,EAAE,UAAU,2CA0KxE"}

package/dist/graph/index.js

@@ -0,0 +1,161 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
+import { GraphContext } from "../context/graph-context";
+import { ErrorContext } from "../context/error-context";
+import { ConnectionContext } from "../context/connection-context";
+import { GraphRootContext } from "../context/graph-root-context";
+import ConnectionProvider from "../providers/connection-provider";
+import GraphObject from "../nodes/base";
+import GraphLink from "../link/base";
+import ViewBox from "./viewbox";
+import "../style.css";
+/**
+ * Componente Graph que orquestra o contexto do grafo, providers e o viewbox.
+ * Recebe chamadas imperativas via ref (GraphApi) expostas por GraphHandle.
+ *
+ * @param props Propriedades do componente Graph
+ * @returns JSX.Element
+ */
+export default function Graph({ ref, mode = "edit", onError }) {
+    const rootRef = useRef(null);
+    const graphApiRef = useRef(null);
+    const [nodeDefs, setNodeDefs] = useState([]);
+    const [linkDefs, setLinkDefs] = useState([]);
+    const [viewbox, setViewBox] = useState({
+        x: 0, y: 0, zoom: 1, width: 0, height: 0,
+    });
+    // Converte definicoes em React elements para GraphContext
+    const nodes = useMemo(() => nodeDefs.map(def => (_jsx(GraphObject, { id: def.id, ports: def.ports, data: def.data, initialPosition: def.position, children: def.template }, def.id))), [nodeDefs]);
+    const links = useMemo(() => linkDefs.map(def => (_jsx(GraphLink, { ...def }, def.id))), [linkDefs]);
+    const panRef = useRef({
+        panning: false,
+        panPointStart: { x: 0, y: 0 }
+    });
+    const handleError = useCallback((error) => {
+        onError?.(error);
+    }, [onError]);
+    const handleMouseDown = useCallback((ev) => {
+        if (ev.button !== 1 || !rootRef.current)
+            return;
+        panRef.current.panning = true;
+        rootRef.current.style.userSelect = 'none';
+    }, []);
+    const handleMouseUp = useCallback((e) => {
+        if (panRef.current.panning && rootRef.current && e.button === 1) {
+            panRef.current.panning = false;
+            rootRef.current.style.userSelect = "";
+        }
+    }, []);
+    const handleWheel = useCallback((e) => {
+        e.preventDefault();
+        const root = rootRef.current ?? e.target;
+        if (!root)
+            return;
+        const rect = root.getBoundingClientRect();
+        const offsetX = e.clientX - rect.left;
+        const offsetY = e.clientY - rect.top;
+        const delta = -e.deltaY;
+        setViewBox(vb => {
+            const MIN_ZOOM = 0.1;
+            const MAX_ZOOM = 2;
+            const FACTOR = 1.2;
+            const newZoom = delta > 0 ? Math.min(MAX_ZOOM, vb.zoom * FACTOR) : Math.max(MIN_ZOOM, vb.zoom / FACTOR);
+            if (newZoom === vb.zoom)
+                return vb;
+            const worldX = offsetX / vb.zoom + vb.x;
+            const worldY = offsetY / vb.zoom + vb.y;
+            const x = worldX - offsetX / newZoom;
+            const y = worldY - offsetY / newZoom;
+            return { ...vb, x, y, zoom: newZoom };
+        });
+    }, []);
+    const handleMouseMove = useCallback((e) => {
+        if (!panRef.current.panning)
+            return;
+        setViewBox(vb => {
+            return {
+                ...vb,
+                x: vb.x - e.movementX / vb.zoom,
+                y: vb.y - e.movementY / vb.zoom,
+            };
+        });
+    }, []);
+    useEffect(() => {
+        const el = rootRef.current;
+        if (!el)
+            return;
+        function checkDimension() {
+            setViewBox(vb => {
+                if (!el)
+                    return vb;
+                return {
+                    ...vb,
+                    width: el.clientWidth,
+                    height: el.clientHeight,
+                };
+            });
+        }
+        el.addEventListener('wheel', handleWheel, { passive: false });
+        checkDimension();
+        const observer = new ResizeObserver(checkDimension);
+        observer.observe(el);
+        return () => {
+            el.removeEventListener('wheel', handleWheel);
+            observer.disconnect();
+        };
+    }, [handleWheel]);
+    // Valida IDs duplicados entre nós e links
+    useEffect(() => {
+        const ids = new Map();
+        for (const def of nodeDefs) {
+            if (!ids.has(def.id))
+                ids.set(def.id, []);
+            ids.get(def.id).push("node");
+        }
+        for (const def of linkDefs) {
+            if (!ids.has(def.id))
+                ids.set(def.id, []);
+            ids.get(def.id).push("link");
+        }
+        for (const [id, types] of ids) {
+            if (types.length > 1) {
+                handleError({
+                    code: "DUPLICATE_ID",
+                    message: `Duplicate id "${id}" found across: ${types.join(", ")}`,
+                    details: { id, types },
+                });
+            }
+        }
+    }, [nodeDefs, linkDefs, handleError]);
+    return (_jsx(ErrorContext.Provider, { value: { reportError: handleError }, children: _jsx(GraphContext.Provider, { value: {
+                viewbox,
+                nodes,
+                links,
+                mode,
+            }, children: _jsx(GraphRootContext.Provider, { value: rootRef, children: _jsxs(ConnectionProvider, { graphApiRef: graphApiRef, children: [_jsx(GraphHandle, { ref: ref, graphApiRef: graphApiRef, setNodeDefs: setNodeDefs, setLinkDefs: setLinkDefs }), _jsx("graph-root", { ref: rootRef, onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseMove: handleMouseMove, children: _jsx(ViewBox, {}) })] }) }) }) }));
+}
+/**
+ * Componente auxiliar que implementa a API imperativa do Graph (GraphApi)
+ * e a expõe através da ref fornecida pelo componente pai.
+ *
+ * Esta função não renderiza nada (retorna null) e serve apenas para vincular
+ * handlers/estado ao objeto de API.
+ */
+function GraphHandle({ ref, graphApiRef, setNodeDefs, setLinkDefs }) {
+    const { connect, disconnect, connections } = useContext(ConnectionContext);
+    useImperativeHandle(ref, () => {
+        const api = {
+            addNode: (node) => setNodeDefs(prev => [...prev, node]),
+            removeNode: (id) => setNodeDefs(prev => prev.filter(n => n.id !== id)),
+            addLink: (link) => setLinkDefs(prev => [...prev, link]),
+            removeLink: (id) => setLinkDefs(prev => prev.filter(l => l.id !== id)),
+            connect,
+            disconnect,
+            getConnections: () => connections,
+        };
+        graphApiRef.current = api;
+        return api;
+    }, [connect, disconnect, connections, setNodeDefs, setLinkDefs, graphApiRef]);
+    return null;
+}
+//# sourceMappingURL=index.js.map

package/dist/graph/index.js.map

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

package/dist/graph/viewbox.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Componente ViewBox responsável por aplicar a transformação de escala e
+ * translação do graph com base no estado do viewbox. Renderiza nós, links
+ * e o componente temporário de link quando em modo de edição.
+ *
+ * @returns JSX.Element
+ */
+export default function ViewBox(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=viewbox.d.ts.map

package/dist/graph/viewbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewbox.d.ts","sourceRoot":"","sources":["../../src/graph/viewbox.tsx"],"names":[],"mappings":"AAOA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,4CAuB9B"}

package/dist/graph/viewbox.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect } from "react";
+import useGraphItems from "../hooks/graph";
+import useViewbox from "../hooks/viewbox";
+import TempLink from "../link/temp-link";
+import useGraphMode from "../hooks/graph-mode";
+/**
+ * Componente ViewBox responsável por aplicar a transformação de escala e
+ * translação do graph com base no estado do viewbox. Renderiza nós, links
+ * e o componente temporário de link quando em modo de edição.
+ *
+ * @returns JSX.Element
+ */
+export default function ViewBox() {
+    const ref = useRef(null);
+    const viewbox = useViewbox();
+    const mode = useGraphMode();
+    const { nodes, links } = useGraphItems();
+    useEffect(() => {
+        if (!ref.current)
+            return;
+        ref.current.style.transform = [
+            `scale(${viewbox.zoom})`,
+            `translate(${-viewbox.x}px, ${-viewbox.y}px)`,
+        ].join(' ');
+        ref.current.style.transformOrigin = '0 0';
+    }, [viewbox]);
+    return (_jsxs("graph-viewbox", { ref: ref, children: [links, nodes, mode === 'edit' && _jsx(TempLink, {})] }));
+}
+//# sourceMappingURL=viewbox.js.map

package/dist/graph/viewbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewbox.js","sourceRoot":"","sources":["../../src/graph/viewbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAG/C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO;IAC3B,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,IAAI,GAAG,YAAY,EAAE,CAAC;IAC5B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,GAAG,CAAC,OAAO;YAAE,OAAO;QACzB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG;YAC1B,SAAS,OAAO,CAAC,IAAI,GAAG;YACxB,aAAa,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK;SAChD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACX,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,eAAe,GAAG,KAAK,CAAC;IAC9C,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACH,yBAAe,GAAG,EAAE,GAAG,aAClB,KAAK,EACL,KAAK,EACL,IAAI,KAAK,MAAM,IAAI,KAAC,QAAQ,KAAG,IACpB,CACnB,CAAA;AAEL,CAAC"}

package/dist/hooks/api.d.ts

@@ -0,0 +1,9 @@
+import { ConnectionApi } from "../types";
+/**
+ * Hook que expõe a API de conexões do grafo (connect/disconnect/getConnections)
+ * a partir do ConnectionContext.
+ *
+ * @returns ConnectionApi
+ */
+export default function useConnectionApi(): ConnectionApi;
+//# sourceMappingURL=api.d.ts.map

package/dist/hooks/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../src/hooks/api.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,IAAI,aAAa,CAGxD"}

package/dist/hooks/api.js

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { ConnectionContext } from "../context/connection-context";
+/**
+ * Hook que expõe a API de conexões do grafo (connect/disconnect/getConnections)
+ * a partir do ConnectionContext.
+ *
+ * @returns ConnectionApi
+ */
+export default function useConnectionApi() {
+    const { connect, disconnect, connections } = useContext(ConnectionContext);
+    return { connect, disconnect, getConnections: () => connections };
+}
+//# sourceMappingURL=api.js.map

package/dist/hooks/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../src/hooks/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB;IACpC,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC3E,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;AACtE,CAAC"}

package/dist/hooks/connection.d.ts

@@ -0,0 +1,46 @@
+import { ConnectionType } from "../types";
+/**
+ * Hook que expõe o estado de conexões e operações básicas (connect/disconnect)
+ * a partir do ConnectionContext.
+ *
+ * @returns {{ connections: PortConnection[], connect: Function, disconnect: Function }}
+ */
+export declare function useConnections(): {
+    connections: import("../types").PortConnection[];
+    connect: (connection: import("../types").PortConnection) => void;
+    disconnect: (connection: import("../types").PortConnection) => void;
+};
+/**
+ * Hook que fornece handlers de drag para uma porta específica. Inicia o
+ * processo de arraste quando o usuário pressiona a porta (somente em modo
+ * de edição).
+ *
+ * @param nodeId Id do nó que contém a porta
+ * @param portName Nome da porta
+ * @param connectionType Tipo de conexão suportada
+ * @returns dragHandlers, isDragging, canDrag
+ */
+export declare function usePortDrag(nodeId: string, portName: string, connectionType: ConnectionType): {
+    dragHandlers: {
+        onMouseDown: (e: React.MouseEvent) => void;
+    };
+    isDragging: boolean;
+    canDrag: boolean;
+};
+/**
+ * Hook que fornece handlers de drop para uma porta específica. Finaliza o
+ * arraste e chama endDrag quando o usuário solta sobre a porta (somente em
+ * modo de edição).
+ *
+ * @param nodeId Id do nó que contém a porta
+ * @param portName Nome da porta
+ * @param connectionType Tipo de conexão suportada
+ * @returns dropHandlers, canDrop
+ */
+export declare function usePortDrop(nodeId: string, portName: string, connectionType: ConnectionType): {
+    dropHandlers: {
+        onMouseUp: (e: React.MouseEvent) => void;
+    };
+    canDrop: boolean;
+};
+//# sourceMappingURL=connection.d.ts.map

package/dist/hooks/connection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connection.d.ts","sourceRoot":"","sources":["../../src/hooks/connection.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C;;;;;GAKG;AACH,wBAAgB,cAAc;;;;EAG7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc;;yBAKhF,KAAK,CAAC,UAAU;;;;EAmB3B;AAED;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc;;uBAWhF,KAAK,CAAC,UAAU;;;EAuB3B"}