@react-x11/components 0.1.0 → 0.2.0

package/dist/flow/index.js

@@ -0,0 +1,306 @@
+// `<Flow>` — a directed-graph editor: nodes you can drag, handles you can
+// drag between, a pane you can pan and zoom, and a controlled `nodes`/`edges`
+// pair that the app owns.
+//
+// The surface is react-flow's, because a graph editor's API is a solved
+// problem and an app that has described a graph for one should not have to
+// describe it again. What differs is the one thing that could not be carried
+// over: react-flow renders each node as a DOM subtree and zooms with a CSS
+// transform, and this renderer has neither, so a custom node type is a
+// `paint` rather than a component. `./node.ts` has the argument in full.
+//
+// **Registration happens when this module is evaluated**, which is the
+// design and not a shortcut: nothing in the package registers anything until
+// an app imports the component that needs it, so `sideEffects: false` stays
+// honest. Do not move it into `../index.ts` (AGENTS.md, "Tree-shaking is a
+// constraint").
+import React, { useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { Renderer } from 'react-x11';
+import { registerElement, registeredElements } from 'react-x11/host';
+import { createStyles, flattenStyle } from 'react-x11/style';
+import { applyEdgeChanges, applyNodeChanges } from './model.js';
+import { ELEMENT, FlowGraphNode, SELF_DAMAGED_PROPS } from './node.js';
+if (!registeredElements().includes(ELEMENT)) {
+    registerElement(ELEMENT, {
+        create: (props, app) => new FlowGraphNode(props, app),
+        // No `semanticNames`: not one of this element's prop names is also a
+        // style name, and `test/flow.test.ts` is what keeps that true — the
+        // failure it guards against (throws in development, works in
+        // production) is the worst shape a bug can have.
+        childrenAllowed: false,
+        // The commit claim: changes to these damage nothing by name — the
+        // element's own `applyProps` diffs them into the box that actually
+        // changed (react-x11#301). Without this, every drag step's new `nodes`
+        // array identity would repaint the whole pane.
+        selfDamagedProps: [...SELF_DAMAGED_PROPS],
+    });
+}
+/**
+ * `pane` is the default for the box `<Flow>` renders: it fills its parent —
+ * unless the app's own style gives it a height or a `flexGrow`, in which
+ * case adding one would silently override what it asked for. Checked
+ * against the *flattened* style, so an array works too.
+ *
+ * `fill` is what the drawn pane always gets, because the app's style went on
+ * the box around it. `overflow: 'hidden'` there is what clips a mounted node
+ * body that has been panned half off the edge.
+ */
+const styles = createStyles({
+    pane: { flexGrow: 1, overflow: 'hidden' },
+    clip: { overflow: 'hidden' },
+    fill: { flexGrow: 1 },
+});
+/**
+ * Commit a state update before returning, whatever lane the surrounding
+ * dispatch runs in.
+ *
+ * Pointer motion and the wheel dispatch at *continuous* priority, whose
+ * React updates the scheduler may hold across several frames — while the
+ * pane paints every gesture step immediately from its own state. A mounted
+ * node body positioned through ordinary setState therefore trails the drawn
+ * card by however many steps queue up, converging only when the gesture
+ * pauses; this is what "the content lags and catches up" looks like. The
+ * reconciler's own escape hatch forces the render and commit inline, so the
+ * body's box moves in the same frame as the card that carries it.
+ *
+ * `Renderer` is documented as an unstable escape hatch, so the shape is
+ * probed: a core that drops it degrades to the plain setState — laggy under
+ * continuous input, never wrong.
+ */
+const flushSync = typeof Renderer
+    .flushSyncFromReconciler === 'function'
+    ? (fn) => void Renderer.flushSyncFromReconciler(fn)
+    : (fn) => fn();
+/**
+ * One mounted node body. Memoized so that a *move* re-renders nothing: a
+ * drag or a pan changes only the overlay box's `left`/`top` — the body's
+ * subtree keeps its identity and React commits a style-only update. The
+ * compare deliberately ignores `x`/`y`, which is why `rect`'s position half
+ * is documented as advisory: content re-renders when the node, its
+ * selection, the zoom or its size change, and rides along otherwise.
+ *
+ * This is what makes a mounted node cost one box diff per drag step with no
+ * memoisation asked of the app — its `render` is simply not called.
+ */
+const FlowNodeBody = React.memo(function FlowNodeBody(props) {
+    return props.type.render({
+        node: props.node,
+        selected: props.selected,
+        zoom: props.zoom,
+        rect: {
+            x: props.x,
+            y: props.y,
+            width: props.width,
+            height: props.height,
+        },
+    });
+}, (a, b) => a.type === b.type &&
+    a.node === b.node &&
+    a.selected === b.selected &&
+    a.zoom === b.zoom &&
+    a.width === b.width &&
+    a.height === b.height);
+/**
+ * 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 function Flow(props) {
+    const { nodes, defaultNodes, edges, defaultEdges, onNodesChange, onEdgesChange, onSelectionChange, onWheel, style, ref, ...rest } = props;
+    const pane = useRef(null);
+    const [ownNodes, setOwnNodes] = useState(() => defaultNodes ?? []);
+    const [ownEdges, setOwnEdges] = useState(() => defaultEdges ?? []);
+    const controlledNodes = nodes !== undefined;
+    const controlledEdges = edges !== undefined;
+    const currentNodes = nodes ?? ownNodes;
+    const currentEdges = edges ?? ownEdges;
+    // The controlled/uncontrolled fork, and the whole of it: the pane always
+    // *describes* a change, and who applies it is the only difference between
+    // the two modes.
+    const handleNodesChange = (changes) => {
+        if (!controlledNodes) {
+            setOwnNodes((current) => applyNodeChanges(changes, current));
+        }
+        onNodesChange?.(changes);
+    };
+    const handleEdgesChange = (changes) => {
+        if (!controlledEdges) {
+            setOwnEdges((current) => applyEdgeChanges(changes, current));
+        }
+        onEdgesChange?.(changes);
+    };
+    useImperativeHandle(ref, () => ({
+        // Every method reads the node at call time rather than closing over
+        // it: the ref attaches after the commit that created the node, and a
+        // handle built once must still work for the whole mount.
+        getViewport: () => pane.current?.getViewport() ?? { x: 0, y: 0, zoom: 1 },
+        setViewport: (viewport) => pane.current?.setViewport(viewport),
+        zoomIn: (step) => pane.current?.zoomIn(step),
+        zoomOut: (step) => pane.current?.zoomOut(step),
+        zoomTo: (zoom) => pane.current?.zoomTo(zoom),
+        fitView: (options) => pane.current?.fitView(options),
+        setCenter: (x, y, options) => pane.current?.setCenter(x, y, options),
+        screenToFlowPosition: (point) => pane.current?.screenToFlowPosition(point) ?? point,
+        flowToScreenPosition: (point) => pane.current?.flowToScreenPosition(point) ?? point,
+        getNodeBounds: (id) => pane.current?.getNodeBounds(id) ?? null,
+        getNodesBounds: (ids) => pane.current?.getNodesBounds(ids) ?? null,
+    }), []);
+    // Selection lives in the arrays, so "it changed" is a question about them
+    // and not a second source of truth to keep in step.
+    const selectionKey = useMemo(() => {
+        const parts = [];
+        for (const node of currentNodes)
+            if (node.selected)
+                parts.push(`n:${node.id}`);
+        for (const edge of currentEdges)
+            if (edge.selected)
+                parts.push(`e:${edge.id}`);
+        return parts.join('|');
+    }, [currentNodes, currentEdges]);
+    const latest = useRef({ onSelectionChange, currentNodes, currentEdges });
+    useEffect(() => {
+        latest.current = { onSelectionChange, currentNodes, currentEdges };
+    });
+    useEffect(() => {
+        const { onSelectionChange: notify, currentNodes: ns, currentEdges: es, } = latest.current;
+        notify?.({
+            nodes: ns.filter((n) => n.selected),
+            edges: es.filter((e) => e.selected),
+        });
+        // Only when the selection itself changed: the arrays are rebuilt by
+        // every drag step, and re-notifying then would make a drag a storm.
+    }, [selectionKey]);
+    const flat = flattenStyle(style ?? null);
+    const sized = flat.height !== undefined ||
+        flat.flexGrow !== undefined ||
+        flat.flexBasis !== undefined;
+    // --- mounted node bodies ------------------------------------------------
+    //
+    // Only the node types that asked for one cost anything: with no `render`
+    // in the registry the pane is never given `onNodeBodies`, never computes a
+    // rect, and this half of the component is one `useState` that stays empty.
+    const { nodeTypes } = rest;
+    const mounts = useMemo(() => nodeTypes
+        ? Object.values(nodeTypes).some((type) => type?.render != null)
+        : false, [nodeTypes]);
+    const [bodies, setBodies] = useState([]);
+    // Gesture-time emissions commit inline (see `flushSync` above); the rest —
+    // a programmatic `fitView`, the first paint — take the ordinary path.
+    const handleBodies = (next, sync) => {
+        if (sync)
+            flushSync(() => setBodies(next));
+        else
+            setBodies(next);
+    };
+    const byId = useMemo(() => {
+        const map = new Map();
+        if (mounts)
+            for (const node of currentNodes)
+                map.set(node.id, node);
+        return map;
+    }, [mounts, currentNodes]);
+    const overlays = mounts
+        ? bodies.map((body) => {
+            const node = byId.get(body.id);
+            const type = node && nodeTypes?.[node.type ?? 'default'];
+            if (!node || !type?.render)
+                return null;
+            return React.createElement('box', {
+                key: body.id,
+                style: {
+                    position: 'absolute',
+                    left: body.x,
+                    top: body.y,
+                    width: body.width,
+                    height: body.height,
+                    // The box follows the zoom; what is inside it does not, so
+                    // this is what stops a zoomed-out node spilling its form over
+                    // the graph.
+                    overflow: 'hidden',
+                },
+            }, React.createElement(FlowNodeBody, {
+                type: type,
+                node: node,
+                selected: body.selected,
+                zoom: body.zoom,
+                x: body.x,
+                y: body.y,
+                width: body.width,
+                height: body.height,
+            }));
+        })
+        : null;
+    // The pane and the bodies are siblings rather than parent and children:
+    // a registered element's own drawing happens *after* `super.paint` has
+    // painted its children, so anything mounted inside the pane would be
+    // painted over by the graph. Beside it, and after it, they land on top.
+    return React.createElement('box', { style: sized ? [styles.clip, style] : [styles.pane, style] }, React.createElement(ELEMENT, {
+        ...rest,
+        key: 'pane',
+        ref: pane,
+        nodes: currentNodes,
+        edges: currentEdges,
+        onNodesChange: handleNodesChange,
+        onEdgesChange: handleEdgesChange,
+        // The wheel and hover reach the element through the default-action
+        // seam now (react-x11#302): an app's own `onWheel` runs first and
+        // `preventDefault()` vetoes, with no forwarding here — and the bare
+        // `<flowgraph>` element zooms and hovers on its own.
+        onWheel,
+        onNodeBodies: mounts ? handleBodies : undefined,
+        style: styles.fill,
+        role: 'group',
+        'aria-label': rest['aria-label'] ?? 'Flow graph',
+    }), overlays);
+}
+/**
+ * `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 function useNodesState(initial) {
+    const [nodes, setNodes] = useState(() => [...initial]);
+    const onNodesChange = useRef((changes) => {
+        setNodes((current) => applyNodeChanges(changes, current));
+    }).current;
+    return [nodes, setNodes, onNodesChange];
+}
+/** {@link useNodesState} for edges. */
+export function useEdgesState(initial) {
+    const [edges, setEdges] = useState(() => [...initial]);
+    const onEdgesChange = useRef((changes) => {
+        setEdges((current) => applyEdgeChanges(changes, current));
+    }).current;
+    return [edges, setEdges, onEdgesChange];
+}
+/** 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';
+//# sourceMappingURL=index.js.map

package/dist/flow/index.js.map

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

package/dist/flow/model.d.ts

@@ -0,0 +1,158 @@
+import type { BackgroundOptions, Connection, EdgeChange, EdgeMarker, FitViewOptions, FlowEdge, FlowNode, FlowNodeData, FlowNodeType, FlowPalette, FlowRect, HandleAnchor, HandlePosition, HandleSpec, MarkerType, NodeChange, TextOptions, Viewport, XYPosition } from './types.js';
+export declare const NODE_PAD_X = 14;
+export declare const NODE_PAD_Y = 11;
+export declare const NODE_LABEL_SIZE = 13;
+export declare const NODE_DESC_SIZE = 11;
+export declare const NODE_MIN_WIDTH = 110;
+export declare const NODE_MAX_WIDTH = 260;
+export declare const NODE_MIN_HEIGHT = 40;
+/** Handle radius in graph units. */
+export declare const HANDLE_RADIUS = 4.5;
+/** Resize grip half-width, and how far outside one a press still grabs it. */
+export declare const RESIZE_GRIP = 3.5;
+export declare const RESIZE_SLOP = 4;
+/** Floors for a resize, when the node names none. Small enough to be a
+ * badge, big enough that a node cannot be dragged out of existence. */
+export declare const MIN_NODE_WIDTH = 48;
+export declare const MIN_NODE_HEIGHT = 32;
+/** The strip a `render` node keeps for its title and for dragging. */
+export declare const NODE_HEADER = 26;
+/** How far a `render` node's body is inset from its own border, so the
+ * resize grips and the border stay the pane's to hit. */
+export declare const NODE_BODY_INSET = 5;
+/** Below this the mounted body is not worth showing: it is laid out at its
+ * natural size, so a small box would show a corner of a form. */
+export declare const RENDER_ZOOM = 0.6;
+/** How far outside a handle a press still counts as grabbing it. */
+export declare const HANDLE_SLOP = 5;
+/** How far from an edge a press still counts as hitting it. */
+export declare const EDGE_SLOP = 6;
+/** How far a step/smoothstep edge leaves a node before it turns. */
+export declare const EDGE_STEP_OFFSET = 18;
+export declare const DEFAULT_MARKER_SIZE = 11;
+export declare const DEFAULT_MIN_ZOOM = 0.2;
+export declare const DEFAULT_MAX_ZOOM = 2.5;
+export declare const ZOOM_STEP = 1.2;
+/**
+ * Fold position/select/remove/add/replace changes into a node array — the
+ * reducer half of the controlled contract, and the body of `useNodesState`.
+ *
+ * Returns the array it was given when nothing applied, so a `useMemo` or a
+ * `React.memo` above it is not defeated by an edit that changed nothing.
+ */
+export declare function applyNodeChanges<Data = FlowNodeData>(changes: readonly NodeChange<Data>[], nodes: readonly FlowNode<Data>[]): FlowNode<Data>[];
+/** {@link applyNodeChanges} for edges. Removing a node does *not* remove its
+ * edges — that is the app's call, and `removeConnectedEdges` is the helper. */
+export declare function applyEdgeChanges<Data = unknown>(changes: readonly EdgeChange<Data>[], edges: readonly FlowEdge<Data>[]): FlowEdge<Data>[];
+/** The id `addEdge` gives a connection it turned into an edge. Derived from
+ * the endpoints so that connecting the same two handles twice is idempotent
+ * rather than a duplicate nobody can tell apart. */
+export declare function connectionId(connection: Connection): string;
+/**
+ * Add the edge a connection describes, unless it is already there. Takes an
+ * edge as well as a `Connection`, so `addEdge({ ...connection, animated:
+ * true }, edges)` reads the way it does in react-flow.
+ */
+export declare function addEdge<Data = unknown>(connection: Connection | (Partial<FlowEdge<Data>> & Connection), edges: readonly FlowEdge<Data>[]): FlowEdge<Data>[];
+/** Every edge with an end on one of these nodes — what a delete usually
+ * wants to take with it. */
+export declare function connectedEdges<Data = unknown>(ids: readonly string[], edges: readonly FlowEdge<Data>[]): FlowEdge<Data>[];
+export declare function snapTo(value: number, grid: number): number;
+/** Which way an edge leaves a side. */
+export declare function handleDirection(position: HandlePosition): XYPosition;
+/** The handles a node carries: its own, else its type's, else the pair every
+ * node has — a target in and a source out. */
+export declare function resolveHandles<Data>(node: FlowNode<Data>, type: FlowNodeType<Data> | undefined): readonly HandleSpec[];
+/** Place a handle on a node's box. Graph space, and the centre of the dot. */
+export declare function handleAnchor(nodeId: string, rect: FlowRect, spec: HandleSpec): HandleAnchor;
+/**
+ * How big a node is when it does not say. The label decides the width, one
+ * or two lines decide the height, and both are clamped — an unbounded label
+ * would otherwise turn one long string into a node wider than the pane.
+ */
+export declare function measureNode<Data>(node: FlowNode<Data>, type: FlowNodeType<Data> | undefined, measure: (text: string, options?: TextOptions) => number): {
+    width: number;
+    height: number;
+};
+/** The box around a set of rects, or null when there are none. */
+export declare function boundsOf(rects: readonly FlowRect[]): FlowRect | null;
+/** The box around two boxes. */
+export declare function unionRects(a: FlowRect, b: FlowRect): FlowRect;
+/** A box grown by `m` on every side; negative shrinks. */
+export declare function inflateRect(r: FlowRect, m: number): FlowRect;
+/** The overlap of two boxes, or null when they have none. */
+export declare function intersectRects(a: FlowRect, b: FlowRect): FlowRect | null;
+export declare function rectsOverlap(a: FlowRect, b: FlowRect): boolean;
+export declare function rectContains(r: FlowRect, p: XYPosition): boolean;
+export declare function clamp(value: number, lo: number, hi: number): number;
+/**
+ * The viewport that frames `bounds` inside a pane of `size`. Zoom first —
+ * the smaller of the two axis ratios, so nothing is cut — then translate so
+ * the scaled bounds land centred.
+ */
+export declare function fitViewport(bounds: FlowRect, size: {
+    width: number;
+    height: number;
+}, options: FitViewOptions | undefined, limits: {
+    minZoom: number;
+    maxZoom: number;
+}): Viewport;
+/** The eight grips on a node's border, as unit directions. */
+export declare const RESIZE_DIRECTIONS: readonly XYPosition[];
+/** Where a grip sits on a box. */
+export declare function gripPoint(rect: FlowRect, dir: XYPosition): XYPosition;
+/**
+ * Drag one grip and get the box it makes. The edges the grip does not own
+ * stay exactly where they were — which is what makes a resize from the
+ * top-left move the node's origin and one from the bottom-right not.
+ *
+ * Clamped to the minimum by moving the dragged edge back, never by moving
+ * the opposite one: a node held at its floor must not creep across the
+ * canvas while the pointer keeps going.
+ */
+export declare function resizeRect(origin: FlowRect, dir: XYPosition, dx: number, dy: number, limits: {
+    minWidth: number;
+    minHeight: number;
+}, snap?: (value: number, axis: 0 | 1) => number): FlowRect;
+/**
+ * Can these two handles be joined? A source only meets a target in
+ * `'strict'` mode; `'loose'` asks only that the two ends are different
+ * nodes, for graphs whose handles are not typed.
+ */
+export declare function canConnect(from: {
+    nodeId: string;
+    type: 'source' | 'target';
+}, to: {
+    nodeId: string;
+    type: 'source' | 'target';
+}, mode: 'strict' | 'loose'): boolean;
+/** Orient a finished gesture into a `Connection`: whichever end is the
+ * source becomes `source`, whichever way round the user dragged. */
+export declare function orientConnection(from: {
+    nodeId: string;
+    handleId: string | null;
+    type: 'source' | 'target';
+}, to: {
+    nodeId: string;
+    handleId: string | null;
+    type: 'source' | 'target';
+}): Connection;
+/** Perceived lightness, 0-1, or null for a colour that would not parse. Only
+ * used to pick between two hard-coded fallbacks, never to compute one. */
+export declare function lightness(color: string | undefined): number | null;
+/**
+ * The pane's colours: the desktop palette where it has an opinion, a
+ * hard-coded scheme where it does not, and the app's `palette` prop over
+ * both.
+ *
+ * Every token is taken by its own name. A node is `surface` and the pane is
+ * `background` — "the ground" and "what is raised off it", which is exactly
+ * the distinction core's palette draws, and the reason a card on a dark
+ * desktop is a card you can see.
+ */
+export declare function resolvePalette(theme: Record<string, unknown> | null, overrides?: Partial<FlowPalette>): FlowPalette;
+export declare function normalizeBackground(value: BackgroundOptions | string | boolean | undefined): Required<Omit<BackgroundOptions, 'color'>> & {
+    color?: string;
+};
+export declare function normalizeMarker(marker: MarkerType | EdgeMarker | null | undefined): EdgeMarker | null;
+//# sourceMappingURL=model.d.ts.map

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

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