@graview/react 0.1.0

package/dist/where-drawn.d.ts

@@ -0,0 +1,151 @@
+import type { Manner } from "./activity.js";
+import type { DrawnBox } from "./context.js";
+import type { SceneNode } from "./scene-root.js";
+/** How each manner reads in words, for the tooltip and for assistive tech. */
+export declare const WHO: Record<Manner, string>;
+/**
+ * A selection, mapped onto what is actually DRAWN.
+ *
+ * The selection holds real node ids. A connector holds the ids of whatever is
+ * on screen — which above the stack is always a kind card, because
+ * `connectorsFor` resolves every endpoint through the nearest group that
+ * contains it. Comparing the two directly matched nothing, so any ordinary
+ * selection carried into the Graview receded every line at once and blanked
+ * the picture you rose to look at.
+ *
+ * Exported because it is the whole of that bug, and a pure function is the
+ * only way to hold it still.
+ */
+export declare function onScreen(nodes: readonly SceneNode[], selection: readonly string[]): ReadonlySet<string>;
+/**
+ * HOW STRONGLY A LINE IS DRAWN AT ALTITUDE.
+ *
+ * Pulled out because it is a rule rather than a detail, and because the
+ * thing it gets wrong is invisible in a screenshot until you know to look:
+ * up here a selection is resolved to the CARD that stands for it, which is
+ * right for asking which cards a line touches and wrong for asking which
+ * LINE. With a district opened, every line into it touches that card — so
+ * choosing one name lit every name's lines, and clicking a member changed
+ * nothing about the picture.
+ *
+ * When the selection names something the strands actually mention, that
+ * finer answer wins. When it names none of them — a district chosen as a
+ * district — the card rule stands.
+ */
+export declare function altitudeOpacity(state: {
+    /** A relation kind is being stressed (hovered in the key). */
+    readonly emphasised: boolean;
+    /** This line is of that kind, or is itself chosen. */
+    readonly stressed: boolean;
+    /** Some strand on screen is touched by the chosen members. */
+    readonly anyChosen: boolean;
+    /** This strand is one of them. */
+    readonly mine: boolean;
+    /** This line touches the selection once resolved to cards. */
+    readonly touches: boolean;
+    /**
+     * How many lines this one relation is drawing at once.
+     *
+     * A bundle is unpicked so each line can START at the thing it is about —
+     * the week draws every shift as its own span, and a line leaving the span
+     * says WHICH shifts are covered, which is worth having. But seven of them
+     * arriving at one closed district is a starburst across the whole picture
+     * at the same weight as a single fact. So a relation drawing many lines
+     * draws each of them quieter: the shape stays legible, and choosing one
+     * still brings it fully forward.
+     */
+    readonly siblings?: number;
+}): number;
+/**
+ * How strongly a line is drawn INSIDE THE STACK.
+ *
+ * The twin of `altitudeOpacity`, and for a long time the reason the two
+ * altitudes disagreed: up there an untouched line recedes to 0.12 the
+ * moment anything is chosen, while down here the rule was a single
+ * expression with no name and no recede in it. Every unlit line kept its
+ * resting weight whatever was selected, so choosing one thing lit two lines
+ * and left fifteen others at full strength across the same picture — the
+ * two you asked for were the quietest thing on screen.
+ *
+ * The kit owns both numbers: `rest` is the crowd's weight while nothing is
+ * lit, `dim` what the crowd keeps once something is. A line's own declared
+ * opacity multiplies through, so a relation a brand made faint stays
+ * fainter than its neighbours at every step.
+ */
+export declare function stackOpacity(state: {
+    /** This line IS the chosen edge. */
+    readonly edgeChosen: boolean;
+    /** This line touches the selection. */
+    readonly lit: boolean;
+    /** Something on screen is lit — a selection, or a relation kind stressed. */
+    readonly anyLit: boolean;
+    /** The line's own opacity, from the kit. */
+    readonly own: number;
+    readonly kit: {
+        readonly rest: number;
+        readonly dim: number;
+    };
+}): number;
+/** A node's box as DRAWN, after its plane's scale — anchored at its top-left. */
+export declare function drawnBox(node: SceneNode | undefined, scheme: "light" | "dark"): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;
+/**
+ * The box a person can SEE for a laid-out node, measured from the DOM.
+ *
+ * A host is a band slot with the view somewhere inside it — the focus band
+ * pokes above its panel, a shrunk view centres in a taller natural box, and
+ * from altitude the visible thing is the iso block at the bottom of the
+ * card. Lines anchored to host borders ended in open air on every one of
+ * those; lines anchored to the measured inner box end on the thing itself.
+ * Null when there is no DOM to measure (tests, SSR) — callers fall back to
+ * the layout box.
+ */
+/**
+ * WHAT A PERSON CAN SEE OF AN ELEMENT, in stage coordinates, or null.
+ *
+ * A line is anchored on a measured box, and a box has a rectangle whether
+ * or not anything of it is on screen: a chip scrolled off the end of a
+ * roster, a row under a panel's fold, a name behind the fade at the foot of
+ * a card. Anchoring there drew lines that began in the air at the edge of
+ * a card and read as the picture being wrong about the graph. The
+ * rectangle is cut down by every ancestor that clips — scrollers and
+ * overflow-hidden boxes alike — up to the stage, and nothing is left when
+ * nothing shows.
+ */
+export declare function visibleRect(el: Element, stageEl: HTMLElement): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;
+export declare function measureVisible(stageEl: HTMLElement | null, id: string, preferBlock: boolean): {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null;
+/**
+ * WHERE SOMETHING IS, in the frame being drawn.
+ *
+ * `id` may be a node, a kind card (`kind:<kind>`), a group
+ * (`aggregate:<kind>`) or a Place slug. Each is resolved to the node in
+ * the frame that stands for it — a kind and its group are one card at
+ * altitude and one group in the stack, so either name finds whichever is
+ * drawn — and a node not drawn itself resolves to the nearest container
+ * that holds it, exactly as a connector's endpoint does. The box is what
+ * a person can see when there is a DOM to measure, and the drawn box
+ * otherwise, so the answer is the same one the ties land on.
+ */
+export declare function whereIsIn(frame: {
+    readonly nodes: readonly SceneNode[];
+}, stageEl: HTMLElement | null, scheme: "light" | "dark", views: {
+    places(): readonly {
+        readonly kind: string;
+        readonly as: string;
+    }[];
+}, id: string): DrawnBox | null;
+//# sourceMappingURL=where-drawn.d.ts.map

package/dist/where-drawn.d.ts.map

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

package/dist/where-drawn.js

@@ -0,0 +1,231 @@
+import { aggregateId, isAggregateId, kindCardId, kindOfCard, kindsOfAggregate } from "@graview/layout";
+import { mixStyles, styleFor } from "@graview/render";
+/** How each manner reads in words, for the tooltip and for assistive tech. */
+export const WHO = {
+    directed: "You",
+    autonomous: "An agent",
+    "co-edited": "You and an agent",
+    rule: "A rule",
+};
+/**
+ * A selection, mapped onto what is actually DRAWN.
+ *
+ * The selection holds real node ids. A connector holds the ids of whatever is
+ * on screen — which above the stack is always a kind card, because
+ * `connectorsFor` resolves every endpoint through the nearest group that
+ * contains it. Comparing the two directly matched nothing, so any ordinary
+ * selection carried into the Graview receded every line at once and blanked
+ * the picture you rose to look at.
+ *
+ * Exported because it is the whole of that bug, and a pure function is the
+ * only way to hold it still.
+ */
+export function onScreen(nodes, selection) {
+    const drawn = new Set(nodes.map((node) => node.id));
+    const chosen = new Set();
+    for (const id of selection) {
+        if (drawn.has(id)) {
+            chosen.add(id);
+            continue;
+        }
+        // Not drawn as itself: the card standing for it is what the eye can see,
+        // and what a connector to it actually points at.
+        const container = nodes.find((node) => node.aggregate?.memberIds.includes(id));
+        if (container)
+            chosen.add(container.id);
+    }
+    return chosen;
+}
+/**
+ * HOW STRONGLY A LINE IS DRAWN AT ALTITUDE.
+ *
+ * Pulled out because it is a rule rather than a detail, and because the
+ * thing it gets wrong is invisible in a screenshot until you know to look:
+ * up here a selection is resolved to the CARD that stands for it, which is
+ * right for asking which cards a line touches and wrong for asking which
+ * LINE. With a district opened, every line into it touches that card — so
+ * choosing one name lit every name's lines, and clicking a member changed
+ * nothing about the picture.
+ *
+ * When the selection names something the strands actually mention, that
+ * finer answer wins. When it names none of them — a district chosen as a
+ * district — the card rule stands.
+ */
+export function altitudeOpacity(state) {
+    if (state.emphasised)
+        return state.stressed ? 0.95 : 0.08;
+    if (state.anyChosen)
+        return state.mine ? 0.9 : 0.12;
+    if (!state.touches)
+        return 0.12;
+    return Math.max(0.34, 0.9 - 0.09 * Math.max(0, (state.siblings ?? 1) - 1));
+}
+/**
+ * How strongly a line is drawn INSIDE THE STACK.
+ *
+ * The twin of `altitudeOpacity`, and for a long time the reason the two
+ * altitudes disagreed: up there an untouched line recedes to 0.12 the
+ * moment anything is chosen, while down here the rule was a single
+ * expression with no name and no recede in it. Every unlit line kept its
+ * resting weight whatever was selected, so choosing one thing lit two lines
+ * and left fifteen others at full strength across the same picture — the
+ * two you asked for were the quietest thing on screen.
+ *
+ * The kit owns both numbers: `rest` is the crowd's weight while nothing is
+ * lit, `dim` what the crowd keeps once something is. A line's own declared
+ * opacity multiplies through, so a relation a brand made faint stays
+ * fainter than its neighbours at every step.
+ */
+export function stackOpacity(state) {
+    if (state.edgeChosen)
+        return 0.9;
+    if (state.lit)
+        return 0.78;
+    return state.own * (state.anyLit ? state.kit.dim : state.kit.rest);
+}
+/** A node's box as DRAWN, after its plane's scale — anchored at its top-left. */
+export function drawnBox(node, scheme) {
+    if (!node)
+        return null;
+    const lower = Math.max(0, Math.min(2, Math.floor(node.plane)));
+    const upper = Math.max(0, Math.min(2, Math.ceil(node.plane)));
+    const { scale } = lower === upper
+        ? styleFor(lower, scheme)
+        : mixStyles(styleFor(lower, scheme), styleFor(upper, scheme), node.plane - lower);
+    return { x: node.x, y: node.y, width: node.width * scale, height: node.height * scale };
+}
+/**
+ * The box a person can SEE for a laid-out node, measured from the DOM.
+ *
+ * A host is a band slot with the view somewhere inside it — the focus band
+ * pokes above its panel, a shrunk view centres in a taller natural box, and
+ * from altitude the visible thing is the iso block at the bottom of the
+ * card. Lines anchored to host borders ended in open air on every one of
+ * those; lines anchored to the measured inner box end on the thing itself.
+ * Null when there is no DOM to measure (tests, SSR) — callers fall back to
+ * the layout box.
+ */
+/**
+ * WHAT A PERSON CAN SEE OF AN ELEMENT, in stage coordinates, or null.
+ *
+ * A line is anchored on a measured box, and a box has a rectangle whether
+ * or not anything of it is on screen: a chip scrolled off the end of a
+ * roster, a row under a panel's fold, a name behind the fade at the foot of
+ * a card. Anchoring there drew lines that began in the air at the edge of
+ * a card and read as the picture being wrong about the graph. The
+ * rectangle is cut down by every ancestor that clips — scrollers and
+ * overflow-hidden boxes alike — up to the stage, and nothing is left when
+ * nothing shows.
+ */
+export function visibleRect(el, stageEl) {
+    if (typeof getComputedStyle === "undefined")
+        return null;
+    if (getComputedStyle(el).visibility === "hidden")
+        return null;
+    let left = -Infinity;
+    let top = -Infinity;
+    let right = Infinity;
+    let bottom = Infinity;
+    const own = el.getBoundingClientRect();
+    left = Math.max(left, own.left);
+    top = Math.max(top, own.top);
+    right = Math.min(right, own.right);
+    bottom = Math.min(bottom, own.bottom);
+    let up = el.parentElement;
+    while (up && up !== stageEl) {
+        const style = getComputedStyle(up);
+        if (style.overflowX !== "visible" || style.overflowY !== "visible") {
+            const box = up.getBoundingClientRect();
+            if (style.overflowX !== "visible") {
+                left = Math.max(left, box.left);
+                right = Math.min(right, box.right);
+            }
+            if (style.overflowY !== "visible") {
+                top = Math.max(top, box.top);
+                bottom = Math.min(bottom, box.bottom);
+            }
+        }
+        up = up.parentElement;
+    }
+    if (right - left <= 2 || bottom - top <= 2)
+        return null;
+    const stage = stageEl.getBoundingClientRect();
+    return { x: left - stage.left, y: top - stage.top, width: right - left, height: bottom - top };
+}
+export function measureVisible(stageEl, id, preferBlock) {
+    if (!stageEl || typeof document === "undefined")
+        return null;
+    const host = stageEl.querySelector(`[data-graview-view="${CSS.escape(id)}"]`);
+    if (!host)
+        return null;
+    const inner = (preferBlock ? host.querySelector(".graview-kind-block") : null) ??
+        host.querySelector('[data-graview-primitive="panel"], .graview-kind-face, .graview-kind-card') ??
+        host;
+    // Cut down to what shows: a host half under a scroller's fold anchors a
+    // line where its visible half is, and one wholly under it anchors none.
+    return visibleRect(inner, stageEl);
+}
+/**
+ * WHERE SOMETHING IS, in the frame being drawn.
+ *
+ * `id` may be a node, a kind card (`kind:<kind>`), a group
+ * (`aggregate:<kind>`) or a Place slug. Each is resolved to the node in
+ * the frame that stands for it — a kind and its group are one card at
+ * altitude and one group in the stack, so either name finds whichever is
+ * drawn — and a node not drawn itself resolves to the nearest container
+ * that holds it, exactly as a connector's endpoint does. The box is what
+ * a person can see when there is a DOM to measure, and the drawn box
+ * otherwise, so the answer is the same one the ties land on.
+ */
+export function whereIsIn(frame, stageEl, scheme, views, id) {
+    const find = (wanted) => frame.nodes.find((node) => node.id === wanted);
+    /*
+     * THE AUDIENCE STRIP in front of a drive-in's screen: the ground between
+     * the screen's foot and the plot's near half, where figures will stand.
+     * Nothing draws there yet; the address is what later tasks stand on.
+     */
+    if (id.startsWith("screen:")) {
+        const kind = id.slice("screen:".length);
+        const screen = frame.nodes.find((node) => node.screenOf === kind);
+        if (!screen)
+            return null;
+        const box = measureVisible(stageEl, screen.id, false) ?? drawnBox(screen, scheme);
+        if (!box)
+            return null;
+        const card = frame.nodes.find((node) => node.id === kindCardId(kind));
+        const plate = card ? drawnBox(card, scheme) : null;
+        const foot = box.y + box.height;
+        const depth = plate ? Math.max(20, plate.y - foot) : Math.max(20, box.height * 0.18);
+        return { x: box.x, y: foot, width: box.width, height: depth };
+    }
+    let target = find(id);
+    const kind = kindOfCard(id);
+    if (!target && kind !== null)
+        target = find(aggregateId(kind));
+    if (!target && isAggregateId(id)) {
+        const [first] = kindsOfAggregate(id);
+        if (first)
+            target = find(kindCardId(first));
+    }
+    if (!target) {
+        const place = views.places().find((candidate) => candidate.as === id);
+        if (place)
+            target = find(aggregateId(place.kind)) ?? find(kindCardId(place.kind));
+    }
+    if (!target) {
+        target = [...frame.nodes]
+            .filter((node) => node.aggregate?.memberIds.includes(id))
+            .sort((a, b) => a.plane - b.plane)[0];
+    }
+    if (!target)
+        return null;
+    /*
+     * The iso BLOCK is the district's visible thing only from altitude; in
+     * the stack it is invisible and hangs a few pixels below the card, and
+     * a figure docked on it stood past the bottom of the ground.
+     */
+    const aloft = frame.city !== undefined;
+    return (measureVisible(stageEl, target.id, aloft && target.aggregate !== undefined && Math.round(target.plane) === 2) ??
+        drawnBox(target, scheme));
+}
+//# sourceMappingURL=where-drawn.js.map

package/dist/where-drawn.js.map

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

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@graview/react",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@graview/core": "0.1.0",
+    "@graview/tools": "0.1.0",
+    "@graview/render": "0.1.0",
+    "@graview/layout": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "zod": "^4.4.3"
+  },
+  "description": "The React binding: a provider, a scene, and the hooks an app builds on.",
+  "keywords": [
+    "graview",
+    "context-graph",
+    "typed-graph",
+    "interface",
+    "declarative",
+    "react",
+    "react-component"
+  ],
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/en-dash-consulting/graview.git",
+    "directory": "packages/react"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "Elastic-2.0",
+  "homepage": "https://graview.dev/docs/packages/react.html",
+  "bugs": {
+    "url": "https://github.com/en-dash-consulting/graview/issues"
+  },
+  "engines": {
+    "node": ">=22"
+  },
+  "scripts": {
+    "build": "tsc -b"
+  }
+}