react-html-graph 1.0.0

package/dist/hooks/connection.js

@@ -0,0 +1,81 @@
+import { useContext, useCallback } from "react";
+import { ConnectionContext } from "../context/connection-context";
+import { GraphContext } from "../context/graph-context";
+import useGraphRoot from "./graph-root";
+/**
+ * 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 function useConnections() {
+    const { connections, connect, disconnect } = useContext(ConnectionContext);
+    return { connections, connect, disconnect };
+}
+/**
+ * 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 function usePortDrag(nodeId, portName, connectionType) {
+    const { startDrag, dragState } = useContext(ConnectionContext);
+    const { mode } = useContext(GraphContext);
+    const handleMouseDown = useCallback((e) => {
+        if (mode === "readonly")
+            return;
+        e.stopPropagation();
+        e.preventDefault();
+        startDrag(nodeId, portName, connectionType);
+    }, [mode, nodeId, portName, connectionType, startDrag]);
+    const isDragging = dragState.active &&
+        dragState.sourceNodeId === nodeId &&
+        dragState.sourcePortName === portName;
+    return {
+        dragHandlers: { onMouseDown: handleMouseDown },
+        isDragging,
+        canDrag: mode === "edit",
+    };
+}
+/**
+ * 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 function usePortDrop(nodeId, portName, connectionType) {
+    const { dragState, endDrag } = useContext(ConnectionContext);
+    const { mode, viewbox } = useContext(GraphContext);
+    const graphRoot = useGraphRoot();
+    const canDrop = dragState.active &&
+        dragState.connectionType === connectionType &&
+        dragState.sourceNodeId !== nodeId;
+    const handleMouseUp = useCallback((e) => {
+        if (mode === "readonly" || !dragState.active)
+            return;
+        e.stopPropagation();
+        const graph = graphRoot.current;
+        let cursorPos = { x: 0, y: 0 };
+        if (graph) {
+            const rect = graph.getBoundingClientRect();
+            cursorPos = {
+                x: (e.clientX - rect.left) / viewbox.zoom + viewbox.x,
+                y: (e.clientY - rect.top) / viewbox.zoom + viewbox.y,
+            };
+        }
+        endDrag(nodeId, portName, cursorPos);
+    }, [mode, dragState.active, nodeId, portName, endDrag, viewbox, graphRoot]);
+    return {
+        dropHandlers: { onMouseUp: handleMouseUp },
+        canDrop,
+    };
+}
+//# sourceMappingURL=connection.js.map

package/dist/hooks/connection.js.map

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

package/dist/hooks/error.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Hook que fornece uma função utilitária para reportar erros de grafo
+ * usando o ErrorContext.
+ *
+ * @returns {{ reportError: (code: string, message: string, details?: Record<string, unknown>) => void }}
+ */
+export default function useGraphError(): {
+    reportError: (code: string, message: string, details?: Record<string, unknown>) => void;
+};
+//# sourceMappingURL=error.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/hooks/error.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;wBAItB,MAAM,WAAW,MAAM,YAAY,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;EAOxE"}

package/dist/hooks/error.js

@@ -0,0 +1,16 @@
+import { useContext, useCallback } from "react";
+import { ErrorContext } from "../context/error-context";
+/**
+ * Hook que fornece uma função utilitária para reportar erros de grafo
+ * usando o ErrorContext.
+ *
+ * @returns {{ reportError: (code: string, message: string, details?: Record<string, unknown>) => void }}
+ */
+export default function useGraphError() {
+    const { reportError } = useContext(ErrorContext);
+    const report = useCallback((code, message, details) => {
+        reportError({ code, message, details });
+    }, [reportError]);
+    return { reportError: report };
+}
+//# sourceMappingURL=error.js.map

package/dist/hooks/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sourceRoot":"","sources":["../../src/hooks/error.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;IACjC,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEjD,MAAM,MAAM,GAAG,WAAW,CACtB,CAAC,IAAY,EAAE,OAAe,EAAE,OAAiC,EAAE,EAAE;QACjE,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,WAAW,CAAC,CAChB,CAAC;IAEF,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC;AACnC,CAAC"}

package/dist/hooks/get-zoom.d.ts

@@ -0,0 +1,2 @@
+export default function useGetZoom(): () => number;
+//# sourceMappingURL=get-zoom.d.ts.map

package/dist/hooks/get-zoom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-zoom.d.ts","sourceRoot":"","sources":["../../src/hooks/get-zoom.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,UAAU,iBAcjC"}

package/dist/hooks/get-zoom.js

@@ -0,0 +1,14 @@
+import { useCallback, useEffect, useRef } from "react";
+import useViewbox from "./viewbox";
+export default function useGetZoom() {
+    const { zoom } = useViewbox();
+    const ref = useRef(zoom);
+    useEffect(() => {
+        ref.current = zoom;
+    }, [zoom]);
+    const getZoom = useCallback(() => {
+        return ref.current;
+    }, []);
+    return getZoom;
+}
+//# sourceMappingURL=get-zoom.js.map

package/dist/hooks/get-zoom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-zoom.js","sourceRoot":"","sources":["../../src/hooks/get-zoom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,UAAU,MAAM,WAAW,CAAC;AAGnC,MAAM,CAAC,OAAO,UAAU,UAAU;IAC9B,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,EAAE,CAAC;IAC9B,MAAM,GAAG,GAAG,MAAM,CAAS,IAAI,CAAC,CAAC;IAEjC,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACvB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,OAAO,GAAG,CAAC,OAAO,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAC;AAEnB,CAAC"}

package/dist/hooks/graph-mode.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Hook que retorna o modo atual do graph ("readonly" | "edit") a partir
+ * do GraphContext.
+ *
+ * @returns GraphMode
+ */
+export default function useGraphMode(): import("../types").GraphMode;
+//# sourceMappingURL=graph-mode.d.ts.map

package/dist/hooks/graph-mode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-mode.d.ts","sourceRoot":"","sources":["../../src/hooks/graph-mode.ts"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,iCAGnC"}

package/dist/hooks/graph-mode.js

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { GraphContext } from "../context/graph-context";
+/**
+ * Hook que retorna o modo atual do graph ("readonly" | "edit") a partir
+ * do GraphContext.
+ *
+ * @returns GraphMode
+ */
+export default function useGraphMode() {
+    const { mode } = useContext(GraphContext);
+    return mode;
+}
+//# sourceMappingURL=graph-mode.js.map

package/dist/hooks/graph-mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-mode.js","sourceRoot":"","sources":["../../src/hooks/graph-mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY;IAChC,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC1C,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/dist/hooks/graph-root.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook que retorna a ref do elemento raiz (graph-root) desta árvore.
+ * Todos os querySelector devem ser feitos nesse elemento para suportar
+ * múltiplas instâncias do graph na mesma página.
+ *
+ * @returns React.RefObject<HTMLElement | null>
+ */
+export default function useGraphRoot(): import("react").RefObject<HTMLElement | null>;
+//# sourceMappingURL=graph-root.d.ts.map

package/dist/hooks/graph-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-root.d.ts","sourceRoot":"","sources":["../../src/hooks/graph-root.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,kDAEnC"}

package/dist/hooks/graph-root.js

@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { GraphRootContext } from "../context/graph-root-context";
+/**
+ * Hook que retorna a ref do elemento raiz (graph-root) desta árvore.
+ * Todos os querySelector devem ser feitos nesse elemento para suportar
+ * múltiplas instâncias do graph na mesma página.
+ *
+ * @returns React.RefObject<HTMLElement | null>
+ */
+export default function useGraphRoot() {
+    return useContext(GraphRootContext);
+}
+//# sourceMappingURL=graph-root.js.map

package/dist/hooks/graph-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-root.js","sourceRoot":"","sources":["../../src/hooks/graph-root.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAEjE;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY;IAChC,OAAO,UAAU,CAAC,gBAAgB,CAAC,CAAC;AACxC,CAAC"}

package/dist/hooks/graph.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Hook que fornece os itens do grafo (nós e links) a partir do GraphContext.
+ *
+ * @returns {{ nodes: React.ReactNode[], links: React.ReactNode[] }}
+ */
+export default function useGraphItems(): {
+    nodes: import("react").ReactNode[];
+    links: import("react").ReactNode[];
+};
+//# sourceMappingURL=graph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/hooks/graph.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;;;EAGpC"}

package/dist/hooks/graph.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { GraphContext } from "../context/graph-context";
+/**
+ * Hook que fornece os itens do grafo (nós e links) a partir do GraphContext.
+ *
+ * @returns {{ nodes: React.ReactNode[], links: React.ReactNode[] }}
+ */
+export default function useGraphItems() {
+    const { nodes, links } = useContext(GraphContext);
+    return { nodes, links };
+}
+//# sourceMappingURL=graph.js.map

package/dist/hooks/graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../src/hooks/graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;IACjC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACjD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAA;AAC3B,CAAC"}

package/dist/hooks/viewbox.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook que retorna o estado do viewbox (posição e zoom) do GraphContext.
+ *
+ * @returns Viewbox
+ */
+export default function useViewbox(): import("../types").Viewbox;
+//# sourceMappingURL=viewbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"viewbox.d.ts","sourceRoot":"","sources":["../../src/hooks/viewbox.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,+BAGjC"}

package/dist/hooks/viewbox.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import { GraphContext } from "../context/graph-context";
+/**
+ * Hook que retorna o estado do viewbox (posição e zoom) do GraphContext.
+ *
+ * @returns Viewbox
+ */
+export default function useViewbox() {
+    const { viewbox } = useContext(GraphContext);
+    return viewbox;
+}
+//# sourceMappingURL=viewbox.js.map

package/dist/hooks/viewbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewbox.js","sourceRoot":"","sources":["../../src/hooks/viewbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIvD;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC5C,OAAO,OAAO,CAAA;AAClB,CAAC"}

package/dist/link/base.d.ts

@@ -0,0 +1,34 @@
+import { LinkLabel } from "../types";
+type GraphLinkProps = {
+    id: string;
+    from: {
+        node: string;
+        port: string;
+    };
+    to: {
+        node: string;
+        port: string;
+    };
+    width?: number;
+    forwardWidth?: number;
+    reverseWidth?: number;
+    spacing?: number;
+    labels?: LinkLabel[];
+    forwardColor?: string;
+    reverseColor?: string;
+    dashSize?: number;
+    gapSize?: number;
+    forwardDuration?: number;
+    reverseDuration?: number;
+};
+/**
+ * Componente que renderiza um link entre dois nós usando caminhos SVG.
+ * Os cálculos de path e posicionamento de labels são realizados em worker
+ * para não bloquear o thread principal.
+ *
+ * @param props Propriedades do link (GraphLinkProps)
+ * @returns JSX.Element
+ */
+declare const MemoizedGraphLink: import("react").MemoExoticComponent<({ id, from, to, width, forwardWidth, reverseWidth, spacing, labels, forwardColor, reverseColor, dashSize, gapSize, forwardDuration, reverseDuration, }: GraphLinkProps) => import("react/jsx-runtime").JSX.Element>;
+export default MemoizedGraphLink;
+//# sourceMappingURL=base.d.ts.map

package/dist/link/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/link/base.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,KAAK,cAAc,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,+LAepB,cAAc,6CA2Pf,CAAA;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/link/base.js

@@ -0,0 +1,202 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useEffect, useRef, useState } from "react";
+import useViewbox from "../hooks/viewbox";
+import useGraphError from "../hooks/error";
+import useGraphRoot from "../hooks/graph-root";
+import { calculatePath, calculateLabels } from "../calculations";
+/**
+ * Componente que renderiza um link entre dois nós usando caminhos SVG.
+ * Os cálculos de path e posicionamento de labels são realizados em worker
+ * para não bloquear o thread principal.
+ *
+ * @param props Propriedades do link (GraphLinkProps)
+ * @returns JSX.Element
+ */
+const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, forwardWidth, reverseWidth, spacing, labels, forwardColor = "#888", reverseColor = "#888", dashSize = 12, gapSize = 8, forwardDuration = 1, reverseDuration = 1, }) {
+    const rootRef = useRef(null);
+    const forwardRef = useRef(null);
+    const reverseRef = useRef(null);
+    const labelGroupRef = useRef(null);
+    const [invalid, setInvalid] = useState(true);
+    const [fromNode, setFromNode] = useState(null);
+    const [toNode, setToNode] = useState(null);
+    const viewbox = useViewbox();
+    const { reportError } = useGraphError();
+    const graphRoot = useGraphRoot();
+    const fwdW = forwardWidth ?? width;
+    const revW = reverseWidth ?? width;
+    const gap = spacing ?? (fwdW + revW) / 2 + 1;
+    // Refs para acesso no hot-path (sem React state/render)
+    const positionsRef = useRef(null);
+    const rafIdRef = useRef(0);
+    const calcVersionRef = useRef(0);
+    const gapRef = useRef(gap);
+    const labelsRef = useRef(labels);
+    const invalidRef = useRef(invalid);
+    gapRef.current = gap;
+    labelsRef.current = labels;
+    invalidRef.current = invalid;
+    // Descobre nós
+    const checkNodes = useCallback(() => {
+        const root = graphRoot.current;
+        if (!root)
+            return;
+        const fromElement = root.querySelector('node-graph-object[node-id="' + from.node + '"]');
+        const toElement = root.querySelector('node-graph-object[node-id="' + to.node + '"]');
+        if (!fromElement || !toElement) {
+            if (!fromElement) {
+                reportError("ORPHAN_LINK", `Link "${id}": source node "${from.node}" not found`, { linkId: id, nodeId: from.node });
+            }
+            if (!toElement) {
+                reportError("ORPHAN_LINK", `Link "${id}": target node "${to.node}" not found`, { linkId: id, nodeId: to.node });
+            }
+            return setInvalid(true);
+        }
+        setInvalid(false);
+        setFromNode(fromElement);
+        setToNode(toElement);
+    }, [from.node, to.node, id, reportError, graphRoot]);
+    useEffect(() => { checkNodes(); }, [checkNodes]);
+    // Calcula paths e labels no worker e atualiza DOM diretamente (sem React render)
+    const runCalculation = useCallback(() => {
+        const pos = positionsRef.current;
+        if (!pos || invalidRef.current)
+            return;
+        const root = rootRef.current;
+        const fwd = forwardRef.current;
+        const rev = reverseRef.current;
+        if (!root || !fwd || !rev)
+            return;
+        const currentGap = gapRef.current;
+        const currentLabels = labelsRef.current;
+        const version = ++calcVersionRef.current;
+        const halfGap = currentGap / 2;
+        const labelInputs = currentLabels?.map(lbl => ({
+            position: lbl.position ?? 0,
+            side: lbl.textAnchor === "forward" || lbl.textAnchor === "reverse" ? lbl.textAnchor : "",
+            offset: lbl.offset ?? 0,
+        }));
+        const pathPromise = calculatePath({
+            fromX: pos.fromX, fromY: pos.fromY,
+            toX: pos.toX, toY: pos.toY,
+            fromDir: pos.fromDir, toDir: pos.toDir,
+            gap: currentGap, steps: 60,
+        });
+        const labelsPromise = labelInputs?.length
+            ? calculateLabels({ fromX: pos.fromX, fromY: pos.fromY, toX: pos.toX, toY: pos.toY, fromDir: pos.fromDir, toDir: pos.toDir, halfGap, labels: labelInputs })
+            : Promise.resolve(null);
+        Promise.all([pathPromise, labelsPromise]).then(([pathResult, labelResult]) => {
+            // Descarta resultado obsoleto
+            if (version !== calcVersionRef.current)
+                return;
+            const { bounds, forwardD, reverseD } = pathResult;
+            root.style.left = bounds.left + "px";
+            root.style.top = bounds.top + "px";
+            root.style.width = bounds.width + "px";
+            root.style.height = bounds.height + "px";
+            root.setAttribute("viewBox", `${bounds.left} ${bounds.top} ${bounds.width} ${bounds.height}`);
+            fwd.setAttribute("d", forwardD);
+            rev.setAttribute("d", reverseD);
+            if (labelResult) {
+                const labelGroup = labelGroupRef.current;
+                if (labelGroup) {
+                    const textEls = labelGroup.querySelectorAll("text");
+                    labelResult.positions.forEach((lPos, i) => {
+                        const textEl = textEls[i];
+                        if (!textEl)
+                            return;
+                        textEl.setAttribute("x", String(lPos.x));
+                        textEl.setAttribute("y", String(lPos.y));
+                        if (lPos.textAnchor !== "middle") {
+                            textEl.setAttribute("text-anchor", lPos.textAnchor);
+                        }
+                    });
+                }
+            }
+        });
+    }, []);
+    // Determina direcao de saida da porta baseado na posicao relativa ao centro do no
+    const detectPortDir = useCallback((node, port) => {
+        if (!port)
+            return "right";
+        const relX = port.offsetLeft + port.offsetWidth / 2 - node.offsetWidth / 2;
+        const relY = port.offsetTop + port.offsetHeight / 2 - node.offsetHeight / 2;
+        if (Math.abs(relX) >= Math.abs(relY)) {
+            return relX >= 0 ? "right" : "left";
+        }
+        return relY >= 0 ? "bottom" : "top";
+    }, []);
+    // Le posicoes do DOM via ref (sem setState), agenda rAF
+    const readPositions = useCallback(() => {
+        if (!fromNode || !toNode)
+            return;
+        const fromPort = fromNode.querySelector('node-graph-port[port-id="' + from.port + '"]');
+        const toPort = toNode.querySelector('node-graph-port[port-id="' + to.port + '"]');
+        positionsRef.current = {
+            fromX: fromNode.offsetLeft + (fromPort ? fromPort.offsetLeft + fromPort.offsetWidth / 2 : fromNode.offsetWidth),
+            fromY: fromNode.offsetTop + (fromPort ? fromPort.offsetTop + fromPort.offsetHeight / 2 : fromNode.offsetHeight / 2),
+            toX: toNode.offsetLeft + (toPort ? toPort.offsetLeft + toPort.offsetWidth / 2 : 0),
+            toY: toNode.offsetTop + (toPort ? toPort.offsetTop + toPort.offsetHeight / 2 : toNode.offsetHeight / 2),
+            fromDir: detectPortDir(fromNode, fromPort),
+            toDir: detectPortDir(toNode, toPort),
+        };
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = requestAnimationFrame(runCalculation);
+    }, [fromNode, toNode, from.port, to.port, detectPortDir, runCalculation]);
+    // Observe node changes
+    useEffect(() => {
+        if (!fromNode || !toNode || invalid)
+            return;
+        readPositions();
+        const mutationObserver = new MutationObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.attributeName === "node-id") {
+                    checkNodes();
+                    return;
+                }
+            }
+            readPositions();
+        });
+        mutationObserver.observe(fromNode, { attributes: true, attributeFilter: ["style", "class", "node-id"] });
+        mutationObserver.observe(toNode, { attributes: true, attributeFilter: ["style", "class", "node-id"] });
+        const resizeObserver = new ResizeObserver(readPositions);
+        resizeObserver.observe(fromNode);
+        resizeObserver.observe(toNode);
+        return () => { mutationObserver.disconnect(); resizeObserver.disconnect(); };
+    }, [fromNode, toNode, invalid, checkNodes, readPositions]);
+    // Recalcula quando viewbox muda
+    useEffect(() => {
+        if (!fromNode || !toNode || invalid)
+            return;
+        readPositions();
+    }, [viewbox.zoom, fromNode, toNode, invalid, readPositions]);
+    // Limpa rAF ao desmontar
+    useEffect(() => {
+        return () => cancelAnimationFrame(rafIdRef.current);
+    }, []);
+    if (invalid)
+        return _jsx(_Fragment, {});
+    const fwdStroke = fwdW / viewbox.zoom;
+    const revStroke = revW / viewbox.zoom;
+    const scaledDash = dashSize / viewbox.zoom;
+    const scaledGap = gapSize / viewbox.zoom;
+    const dashPattern = scaledDash + " " + scaledGap;
+    const cycleLen = scaledDash + scaledGap;
+    return (_jsx("node-graph-link", { children: _jsxs("svg", { ref: rootRef, children: [_jsx("path", { ref: forwardRef, d: "", stroke: forwardColor, fill: "none", strokeWidth: fwdStroke, strokeLinecap: "round", strokeDasharray: dashPattern, style: {
+                        animationDuration: forwardDuration > 0 ? forwardDuration + "s" : "0s",
+                        animationDirection: "reverse",
+                        ["--cycle-len"]: cycleLen + "px",
+                    } }), _jsx("path", { ref: reverseRef, d: "", stroke: reverseColor, fill: "none", strokeWidth: revStroke, strokeLinecap: "round", strokeDasharray: dashPattern, style: {
+                        animationDuration: reverseDuration > 0 ? reverseDuration + "s" : "0s",
+                        animationDirection: "reverse",
+                        ["--cycle-len"]: cycleLen + "px",
+                    } }), labels && labels.length > 0 && (_jsx("g", { ref: labelGroupRef, children: labels.map((lbl, i) => {
+                        const isDirectional = lbl.textAnchor === "forward" || lbl.textAnchor === "reverse";
+                        const textAnchor = isDirectional ? undefined : (lbl.textAnchor ?? "middle");
+                        return (_jsx("text", { fill: lbl.color ?? "#fff", fontSize: (lbl.fontSize ?? 12) / viewbox.zoom, fontFamily: lbl.fontFamily, fontWeight: lbl.fontWeight, fontStyle: lbl.fontStyle, textAnchor: textAnchor, opacity: lbl.opacity, letterSpacing: lbl.letterSpacing, textDecoration: lbl.textDecoration, dx: !isDirectional && lbl.dx ? lbl.dx / viewbox.zoom : undefined, dy: !isDirectional
+                                ? (lbl.dy != null ? lbl.dy / viewbox.zoom : -(Math.max(fwdStroke, revStroke) + 4 / viewbox.zoom))
+                                : undefined, children: lbl.text }, i));
+                    }) }))] }) }));
+});
+export default MemoizedGraphLink;
+//# sourceMappingURL=base.js.map

package/dist/link/base.js.map

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

package/dist/link/temp-link.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Componente que renderiza um link temporário enquanto o usuário arrasta uma
+ * conexão entre portas. Desenha uma curva Bezier entre a posição da porta
+ * origem e o cursor.
+ *
+ * @returns JSX.Element | null
+ */
+export default function TempLink(): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=temp-link.d.ts.map

package/dist/link/temp-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"temp-link.d.ts","sourceRoot":"","sources":["../../src/link/temp-link.tsx"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,mDA6D/B"}

package/dist/link/temp-link.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext, useState, useEffect } from "react";
+import { ConnectionContext } from "../context/connection-context";
+import useViewbox from "../hooks/viewbox";
+import useGraphRoot from "../hooks/graph-root";
+/**
+ * Componente que renderiza um link temporário enquanto o usuário arrasta uma
+ * conexão entre portas. Desenha uma curva Bezier entre a posição da porta
+ * origem e o cursor.
+ *
+ * @returns JSX.Element | null
+ */
+export default function TempLink() {
+    const { dragState } = useContext(ConnectionContext);
+    const viewbox = useViewbox();
+    const graphRoot = useGraphRoot();
+    const [cursor, setCursor] = useState({ x: 0, y: 0 });
+    const [sourcePos, setSourcePos] = useState(null);
+    useEffect(() => {
+        if (!dragState.active)
+            return;
+        const handleMouseMove = (e) => {
+            const graph = graphRoot.current;
+            if (!graph)
+                return;
+            const rect = graph.getBoundingClientRect();
+            setCursor({
+                x: (e.clientX - rect.left) / viewbox.zoom + viewbox.x,
+                y: (e.clientY - rect.top) / viewbox.zoom + viewbox.y,
+            });
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        return () => document.removeEventListener('mousemove', handleMouseMove);
+    }, [dragState.active, viewbox.zoom, viewbox.x, viewbox.y, graphRoot]);
+    useEffect(() => {
+        if (!dragState.active) {
+            setSourcePos(null);
+            return;
+        }
+        const graph = graphRoot.current;
+        if (!graph)
+            return;
+        const el = graph.querySelector(`node-graph-object[node-id="${dragState.sourceNodeId}"] node-graph-port[port-id="${dragState.sourcePortName}"]`);
+        if (!el)
+            return;
+        const graphRect = graph.getBoundingClientRect();
+        const portRect = el.getBoundingClientRect();
+        setSourcePos({
+            x: (portRect.left + portRect.width / 2 - graphRect.left) / viewbox.zoom + viewbox.x,
+            y: (portRect.top + portRect.height / 2 - graphRect.top) / viewbox.zoom + viewbox.y,
+        });
+    }, [dragState, viewbox.zoom, viewbox.x, viewbox.y, graphRoot]);
+    if (!dragState.active || !sourcePos)
+        return null;
+    const dx = cursor.x - sourcePos.x;
+    const cp = Math.abs(dx) * 0.5 || 50;
+    const d = `M ${sourcePos.x} ${sourcePos.y} C ${sourcePos.x + cp} ${sourcePos.y}, ${cursor.x - cp} ${cursor.y}, ${cursor.x} ${cursor.y}`;
+    return (_jsx("node-graph-temp-link", { children: _jsx("svg", { children: _jsx("path", { d: d, fill: "none", stroke: "#888", strokeWidth: 2, strokeDasharray: "6 3", vectorEffect: "non-scaling-stroke" }) }) }));
+}
+//# sourceMappingURL=temp-link.js.map

package/dist/link/temp-link.js.map

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