@react-x11/components 0.1.0 → 0.2.0

package/dist/flow/draw.js

@@ -0,0 +1,295 @@
+function isCanvas(ctx) {
+    const c = ctx;
+    return (typeof c?.beginPath === 'function' && typeof c?.fillRect === 'function');
+}
+/** Bound, so a pathological graph cannot turn the width cache into a leak. */
+const CACHE_LIMIT = 4000;
+function fontStyle(opts, options) {
+    return {
+        family: options?.family ?? opts.family,
+        size: options?.size ?? 13,
+        weight: options?.weight ?? 400,
+        style: 'normal',
+        color: options?.color ?? opts.color,
+    };
+}
+/**
+ * Text metrics without a drawing context. The pane needs these *outside* a
+ * repaint — a node with no explicit size is measured when the graph changes,
+ * which is also when a hit test has to know how big it is — so measuring
+ * cannot live behind the painter the way drawing does.
+ */
+function shape(opts, text, options) {
+    const { fonts, cache } = opts;
+    if (!fonts)
+        return null;
+    const size = options?.size ?? 13;
+    const family = options?.family ?? opts.family;
+    // The colour is part of the key: it is baked into the layout, so two
+    // labels that differ only in ink are two shaped runs.
+    const key = `${family}|${size}|${options?.weight ?? 400}|${options?.color ?? opts.color}|${text}`;
+    const hit = cache.get(key);
+    if (hit)
+        return hit;
+    const layout = fonts.layout(text, fontStyle(opts, options));
+    if (cache.size >= CACHE_LIMIT)
+        cache.clear();
+    const entry = {
+        width: layout.width,
+        height: layout.height || size * 1.3,
+        layout,
+    };
+    cache.set(key, entry);
+    return entry;
+}
+export function measureText(opts, text, options) {
+    const size = options?.size ?? 13;
+    const entry = shape(opts, text, options);
+    if (!entry) {
+        // No font stack to ask. An estimate keeps layout plausible rather than
+        // collapsing every node to its own padding.
+        return { width: text.length * size * 0.55, height: size * 1.3 };
+    }
+    return { width: entry.width, height: entry.height };
+}
+class Painter {
+    raw;
+    ctx;
+    opts;
+    constructor(ctx, opts) {
+        this.ctx = ctx;
+        this.raw = ctx;
+        this.opts = opts;
+    }
+    save() {
+        this.ctx.save();
+    }
+    restore() {
+        this.ctx.restore();
+    }
+    clipRect(x, y, w, h, radius = 0) {
+        const { ctx } = this;
+        ctx.beginPath();
+        if (radius > 0 && typeof ctx.roundRect === 'function') {
+            ctx.roundRect(x, y, w, h, radius);
+        }
+        else {
+            ctx.rect(x, y, w, h);
+        }
+        ctx.clip();
+    }
+    applyStroke(options) {
+        const { ctx } = this;
+        ctx.strokeStyle = options.stroke ?? this.opts.color;
+        ctx.lineWidth = options.lineWidth ?? 1;
+        if (typeof ctx.setLineDash === 'function') {
+            ctx.setLineDash(options.dash ? [...options.dash] : []);
+            if ('lineDashOffset' in ctx)
+                ctx.lineDashOffset = options.dashOffset ?? 0;
+        }
+    }
+    clearDash() {
+        const { ctx } = this;
+        if (typeof ctx.setLineDash === 'function') {
+            ctx.setLineDash([]);
+            if ('lineDashOffset' in ctx)
+                ctx.lineDashOffset = 0;
+        }
+    }
+    rect(x, y, w, h, radius, options) {
+        if (w <= 0 || h <= 0)
+            return;
+        const { ctx } = this;
+        const rounded = radius > 0 && typeof ctx.roundRect === 'function';
+        // The square, opaque case is most of what a graph draws (the grid, the
+        // minimap's nodes, a label chip's shadowless plate) and `fillRect` is a
+        // single server-side rectangle rather than a path to rasterize.
+        if (!rounded && !options.stroke && options.fill) {
+            ctx.fillStyle = options.fill;
+            ctx.fillRect(x, y, w, h);
+            return;
+        }
+        ctx.beginPath();
+        if (rounded)
+            ctx.roundRect(x, y, w, h, radius);
+        else
+            ctx.rect(x, y, w, h);
+        if (options.fill) {
+            ctx.fillStyle = options.fill;
+            ctx.fill();
+        }
+        if (options.stroke) {
+            // The stroke is a second path, inset by half the pen: ntk's stroke
+            // fast path (ntk#211, #217) takes a border whose ink band lands on
+            // whole pixels — "path inset by bw/2" is its documented contract —
+            // and a band centred on the box edge is half-pixel at every width,
+            // which cost every stroked card a rasterized mask and a PutImage.
+            // This is also core's own `_paintBorder` geometry, so borders drawn
+            // here sit exactly where `<box borderWidth>` puts them.
+            const pen = options.lineWidth ?? 1;
+            if (w > pen && h > pen) {
+                const inset = pen / 2;
+                ctx.beginPath();
+                if (rounded) {
+                    ctx.roundRect(x + inset, y + inset, w - pen, h - pen, Math.max(0, radius - inset));
+                }
+                else {
+                    ctx.rect(x + inset, y + inset, w - pen, h - pen);
+                }
+            }
+            this.applyStroke(options);
+            ctx.stroke();
+            this.clearDash();
+        }
+    }
+    circle(x, y, r, options) {
+        if (r <= 0)
+            return;
+        const { ctx } = this;
+        ctx.beginPath();
+        ctx.arc(x, y, r, 0, Math.PI * 2);
+        if (options.fill) {
+            ctx.fillStyle = options.fill;
+            ctx.fill();
+        }
+        if (options.stroke) {
+            this.applyStroke(options);
+            ctx.stroke();
+            this.clearDash();
+        }
+    }
+    polyline(points, options) {
+        if (points.length < 2)
+            return;
+        const { ctx } = this;
+        ctx.beginPath();
+        ctx.moveTo(points[0].x, points[0].y);
+        for (let i = 1; i < points.length; i++)
+            ctx.lineTo(points[i].x, points[i].y);
+        this.applyStroke(options);
+        ctx.lineJoin = 'round';
+        ctx.lineCap = 'round';
+        ctx.stroke();
+        this.clearDash();
+    }
+    strokeRuns(runs, options) {
+        const { ctx } = this;
+        let any = false;
+        ctx.beginPath();
+        for (const run of runs) {
+            if (run.length < 2)
+                continue;
+            any = true;
+            ctx.moveTo(run[0].x, run[0].y);
+            for (let i = 1; i < run.length; i++)
+                ctx.lineTo(run[i].x, run[i].y);
+        }
+        if (!any)
+            return;
+        this.applyStroke(options);
+        ctx.stroke();
+        this.clearDash();
+    }
+    dots(centres, size, color) {
+        if (centres.length === 0 || size <= 0)
+            return;
+        const { ctx } = this;
+        const half = size / 2;
+        ctx.beginPath();
+        for (const c of centres)
+            ctx.rect(c.x - half, c.y - half, size, size);
+        ctx.fillStyle = color;
+        ctx.fill();
+    }
+    polygons(shapes, options) {
+        const { ctx } = this;
+        let any = false;
+        ctx.beginPath();
+        for (const points of shapes) {
+            if (points.length < 3)
+                continue;
+            any = true;
+            ctx.moveTo(points[0].x, points[0].y);
+            for (let i = 1; i < points.length; i++)
+                ctx.lineTo(points[i].x, points[i].y);
+            ctx.closePath();
+        }
+        if (!any)
+            return;
+        if (options.fill) {
+            ctx.fillStyle = options.fill;
+            ctx.fill();
+        }
+        if (options.stroke) {
+            this.applyStroke(options);
+            ctx.stroke();
+            this.clearDash();
+        }
+    }
+    polygon(points, options) {
+        if (points.length < 3)
+            return;
+        const { ctx } = this;
+        ctx.beginPath();
+        ctx.moveTo(points[0].x, points[0].y);
+        for (let i = 1; i < points.length; i++)
+            ctx.lineTo(points[i].x, points[i].y);
+        ctx.closePath();
+        if (options.fill) {
+            ctx.fillStyle = options.fill;
+            ctx.fill();
+        }
+        if (options.stroke) {
+            this.applyStroke(options);
+            ctx.stroke();
+            this.clearDash();
+        }
+    }
+    measureText(text, options) {
+        return measureText(this.opts, text, options);
+    }
+    /** Cut a string to fit, with an ellipsis. Linear from the end rather than
+     * a binary search: labels that need it are short, and the widths it walks
+     * through are the ones the cache already holds. */
+    fit(text, options, max) {
+        if (this.measureText(text, options).width <= max)
+            return text;
+        let cut = text.length;
+        while (cut > 1) {
+            cut--;
+            const candidate = `${text.slice(0, cut).trimEnd()}…`;
+            if (this.measureText(candidate, options).width <= max)
+                return candidate;
+        }
+        return '…';
+    }
+    text(text, x, y, options) {
+        if (!text)
+            return;
+        const shown = options?.maxWidth
+            ? this.fit(text, options, options.maxWidth)
+            : text;
+        const entry = shape(this.opts, shown, options);
+        if (!entry)
+            return;
+        const layout = entry;
+        const align = options?.align ?? 'left';
+        const dx = align === 'center'
+            ? -layout.width / 2
+            : align === 'right'
+                ? -layout.width
+                : 0;
+        const dy = options?.baseline === 'middle' ? -layout.height / 2 : 0;
+        entry.layout.draw(this.raw, Math.round(x + dx), Math.round(y + dy));
+    }
+}
+/**
+ * A painter over this context, or `null` when the backend cannot draw paths
+ * — which is the signal to skip drawing entirely rather than to throw.
+ */
+export function createPainter(ctx, options) {
+    if (!isCanvas(ctx))
+        return null;
+    return new Painter(ctx, options);
+}
+//# sourceMappingURL=draw.js.map

package/dist/flow/draw.js.map

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

package/dist/flow/index.d.ts

@@ -0,0 +1,64 @@
+import type { Dispatch, ReactElement, SetStateAction } from 'react';
+import { ELEMENT, FlowGraphNode } from './node.js';
+import type { EdgeChange, FlowEdge, FlowNode, FlowNodeData, FlowProps, NodeChange } from './types.js';
+/**
+ * A directed graph.
+ *
+ * ```tsx
+ * const [nodes, setNodes, onNodesChange] = useNodesState([
+ *   { id: 'a', position: { x: 0, y: 0 }, data: { label: 'read' } },
+ *   { id: 'b', position: { x: 0, y: 120 }, data: { label: 'write' } },
+ * ]);
+ * const [edges, setEdges, onEdgesChange] = useEdgesState([
+ *   { id: 'a-b', source: 'a', target: 'b' },
+ * ]);
+ *
+ * <Flow
+ *   nodes={nodes}
+ *   edges={edges}
+ *   onNodesChange={onNodesChange}
+ *   onEdgesChange={onEdgesChange}
+ *   onConnect={(c) => setEdges((es) => addEdge(c, es))}
+ *   fitView
+ *   minimap
+ * />
+ * ```
+ *
+ * Leave `nodes`/`edges` out and pass `defaultNodes`/`defaultEdges` for the
+ * uncontrolled form, where the pane owns the arrays.
+ */
+export declare function Flow<N = FlowNodeData, E = unknown>(props: FlowProps<N, E>): ReactElement;
+/**
+ * `useState` for nodes, with the change handler `<Flow>` wants already
+ * bound — react-flow's hook of the same name, and the shortest correct way
+ * to hold a graph.
+ *
+ * ```tsx
+ * const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
+ * ```
+ */
+export declare function useNodesState<N = FlowNodeData>(initial: readonly FlowNode<N>[]): [
+    FlowNode<N>[],
+    Dispatch<SetStateAction<FlowNode<N>[]>>,
+    (changes: NodeChange<N>[]) => void
+];
+/** {@link useNodesState} for edges. */
+export declare function useEdgesState<E = unknown>(initial: readonly FlowEdge<E>[]): [
+    FlowEdge<E>[],
+    Dispatch<SetStateAction<FlowEdge<E>[]>>,
+    (changes: EdgeChange<E>[]) => void
+];
+/** The host element name, for apps that would rather write `<flowgraph>`.
+ * The raw element is the whole component minus the controlled/uncontrolled
+ * fork and the wheel and hover wiring, which have no default-action seam. */
+export { ELEMENT as FLOW_ELEMENT, FlowGraphNode };
+export { addEdge, applyEdgeChanges, applyNodeChanges, connectedEdges, connectionId, resolvePalette, } from './model.js';
+export type { BackgroundOptions, BackgroundVariant, Connection, ConnectionStart, ControlsOptions, EdgeAppearance, EdgeChange, EdgeMarker, EdgeMouseHandler, EdgeType, FitViewOptions, FlowEdge, FlowInstance, FlowNode, FlowNodeData, FlowNodeType, FlowPainter, FlowPalette, FlowProps, FlowRect, HandleAnchor, HandlePosition, HandleSpec, HandleType, MarkerType, MiniMapOptions, NodeAppearance, NodeBodyRect, NodeChange, NodeMouseHandler, NodePaintContext, NodeRenderContext, PanePosition, ShapeOptions, StrokeOptions, TextOptions, Viewport, XYPosition, } from './types.js';
+declare module 'react-x11/jsx-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            flowgraph: FlowProps<unknown, unknown>;
+        }
+    }
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flow/index.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAWpE,OAAO,EAAE,OAAO,EAAE,aAAa,EAAsB,MAAM,WAAW,CAAC;AACvE,OAAO,KAAK,EACV,UAAU,EACV,QAAQ,EAER,QAAQ,EACR,YAAY,EAEZ,SAAS,EAET,UAAU,EACX,MAAM,YAAY,CAAC;AAyGpB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,IAAI,CAAC,CAAC,GAAG,YAAY,EAAE,CAAC,GAAG,OAAO,EAChD,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,GACrB,YAAY,CA8Ld;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,CAAC,GAAG,YAAY,EAC5C,OAAO,EAAE,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAC9B;IACD,QAAQ,CAAC,CAAC,CAAC,EAAE;IACb,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;CACnC,CAMA;AAED,uCAAuC;AACvC,wBAAgB,aAAa,CAAC,CAAC,GAAG,OAAO,EACvC,OAAO,EAAE,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAC9B;IACD,QAAQ,CAAC,CAAC,CAAC,EAAE;IACb,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACvC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI;CACnC,CAMA;AAED;;6EAE6E;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,aAAa,EAAE,CAAC;AAElD,OAAO,EACL,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,YAAY,EACZ,cAAc,GACf,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,eAAe,EACf,cAAc,EACd,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,cAAc,EACd,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,EACX,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,UAAU,EACV,UAAU,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,WAAW,EACX,QAAQ,EACR,UAAU,GACX,MAAM,YAAY,CAAC;AAKpB,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,SAAS,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;SACxC;KACF;CACF"}