@kgdiff/g6 0.0.0-stage → 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 iiwish and kgdiff contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,150 @@
-# Temporary Holding Version
+# @kgdiff/g6
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Render kgdiff's semantic graph diffs inside [AntV G6 v5](https://g6.antv.antgroup.com/), with the
+same visual language as the kgdiff viewer: five meaning families, hollow dashed ghosts, rings,
+glows, struck-through old names, merge / split arcs, a selection spotlight and a hunk-by-hunk
+replay.
+
+kgdiff computes the diff (`@kgdiff/core`), lays both versions out on one map (`@kgdiff/layout`)
+and resolves every frame into visual primitives (`@kgdiff/scene`). This package turns those
+primitives into G6 data and drives a G6 `Graph` with them.
+
+## Install
+
+```sh
+pnpm add @kgdiff/g6 @kgdiff/core @kgdiff/layout @kgdiff/scene @antv/g6
+```
+
+`@antv/g6` (≥ 5.1) is a peer dependency: use the one your product already ships.
+
+## Quick start
+
+```ts
+import { diff } from '@kgdiff/core';
+import { layoutDiff } from '@kgdiff/layout';
+import { buildScene } from '@kgdiff/scene';
+import { createDiffGraph } from '@kgdiff/g6';
+
+// before / after: GraphInput ({ nodes, edges }) — or parse files with @kgdiff/formats.
+const result = diff(before, after);
+const scene = buildScene(result, layoutDiff(result), { theme: 'dark', locale: 'en' });
+
+const diffGraph = await createDiffGraph(document.getElementById('graph') as HTMLElement, scene);
+
+await diffGraph.selectHunk(0); // spotlight the first change and pan to it
+await diffGraph.setLayer('after'); // 'union' (overlay, default) | 'before' | 'after'
+await diffGraph.playReplay({ speed: 2 }); // before → after, hunk by hunk
+diffGraph.destroy();
+```
+
+The container needs a size: G6 rewrites its inline `position` / `display`, so size it (or a
+wrapper) with CSS rather than relying on `position: fixed` on the container itself.
+
+## Controller
+
+`createDiffGraph(container, scene, options?)` resolves to a controller:
+
+| Member                  |                                                                                                                    |
+| ----------------------- | ------------------------------------------------------------------------------------------------------------------ |
+| `graph`                 | The G6 `Graph`, for your own plugins, events and camera calls.                                                     |
+| `setLayer(layer)`       | Show `'union'`, `'before'` or `'after'`; animates over `theme.motion.base`.                                        |
+| `selectHunk(index)`     | Spotlight a hunk (`-1` clears) and pan to its nodes. In the replay layer it seeks to the end of the hunk's window. |
+| `playReplay({ speed })` | Play the replay (default 1×). Resolves when finished or stopped.                                                   |
+| `stop()`                | Stop a running replay; its promise resolves at once.                                                               |
+| `setTheme(theme)`       | Switch colours, e.g. `getTheme('light', 'colorblind')` from `@kgdiff/scene`.                                       |
+| `destroy()`             | Destroy the graph. Pending calls settle; later calls reject.                                                       |
+
+Options:
+
+- `view` — the initial `ViewState` (layer, selection, family filter, focus, `reducedMotion`…).
+- `interactive` (default `true`) — zoom / drag the canvas, hover highlights, click a change to
+  select its hunk, click an unchanged node to select it, click the canvas to clear.
+- `g6` — extra G6 options merged over the generated ones: `behaviors`, `plugins` and
+  `transforms` are appended, plain objects merge recursively, other values replace.
+  `animation: false` turns animations off (the replay keeps its pace).
+
+Calls made while a draw is still running are merged (latest wins): five quick clicks cost one
+G6 update. Every update sends G6 only the elements that changed, with only the changed style
+keys.
+
+The promises resolve when G6's animation has finished, or at most 1 s after its duration:
+browsers pause animation frames in background tabs, and G6 only settles a draw once its
+animation has run.
+
+## Using `toG6Data` with your own graph
+
+```ts
+import { createViewState, createVisualResolver } from '@kgdiff/scene';
+import { toG6Data } from '@kgdiff/g6';
+
+const resolver = createVisualResolver(scene);
+const frame = resolver.resolve(createViewState({ layer: 'union', selectedHunk: 3 }));
+graph.setData(toG6Data(scene, frame, { idPrefix: 'diff/' }));
+await graph.draw();
+```
+
+`toG6Data` is pure. Nodes have no `type` and render as G6 circles. The ring, glow, replay pulse,
+struck-through labels and old names are drawn by the `kgdiff-node` type, which only
+`createDiffGraph` registers, so a plain circle shows a simpler G6 halo instead. Level of detail
+is evaluated at zoom 1. Every element's `data` is a `KgdiffDatumData`:
+`{ kgdiff: 'node' | 'edge' | 'glyph' | 'anchor' | 'collapsed', index, hunk, family, changed,
+label, glyph }`. `index` is the scene index, so your handlers can map a G6 id back to the diff.
+
+Every style key is always present, switched off with `false` / `0` / `''` when unused, because
+G6 merges updates into the previous style.
+
+## Notes
+
+- **Your own elements.** The controller adds, updates and removes only the elements it
+  generated, so elements you add with `graph.addData` stay. Don't call `graph.setData`,
+  `graph.clear` or `removeData` on kgdiff's elements: the controller patches the graph
+  incrementally and expects its elements to be there. Avoid ids that start with `kgdiff-` or
+  equal scene union ids. Edges you attach to a kgdiff node are removed by G6 when that node is
+  hidden (for example an added node in the `before` layer).
+- **Screen-constant sizes.** G6 scales strokes, labels and arrowheads with the camera; kgdiff's
+  sizes are exact at zoom 1. For readable overviews, add G6's `fix-element-size` behaviour:
+
+  ```ts
+  createDiffGraph(container, scene, {
+    g6: {
+      behaviors: [
+        {
+          type: 'fix-element-size',
+          enable: (event) => event.data.scale < 1,
+          node: [{ shape: 'key', fields: ['lineWidth'] }, { shape: 'label' }],
+          edge: [{ shape: 'key', fields: ['lineWidth'] }, { shape: 'label' }],
+        },
+      ],
+    },
+  });
+  ```
+
+- **Theme.** The graph runs with `theme: false`, so no G6 theme styles, palettes or state
+  styles mix with kgdiff's encodings. The canvas colour comes from a `background` plugin, and
+  hover uses a private state (`kgdiff-hover`).
+
+## Limitations
+
+- Labels, badges and arrowheads switch on at their zoom threshold. The native viewer fades them
+  in over the last 10% of zoom.
+- There is no label collision avoidance. G6's `auto-adapt-label` is O(n²) and reorders
+  elements, so it is not enabled.
+- Replay animations are piecewise linear between four samples per hunk (spotlight, mid-move,
+  settle, end). Merge travel follows two straight segments instead of an arc.
+- Turning the spotlight on or off changes the opacity of every element, and G6 5.1 re-renders
+  each changed element in full. At ~5k nodes / 12k edges that took about 1.7 s in our tests
+  (happy-dom, G6 5.1.1). Moving between hunks, or switching layers on a mostly unchanged graph,
+  only touches what changed.
+- The camera pans to a selection (`focusElement`) but does not zoom.
+- Glyph lines start at the node outline, not 4 units outside it like the native viewer.
+
+## Development
+
+```sh
+pnpm vitest run packages/g6
+pnpm --filter @kgdiff/g6 typecheck
+pnpm vite --config packages/g6/dev/vite.config.ts    # harness on http://localhost:5197
+```
+
+The harness renders the example datasets (`?dataset=<id>`) with layer, replay, theme and hunk
+controls, for comparison with the native renderer's harness.

package/dist/color.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The few color operations G6 cannot do for us: compositing translucent badge tints over the
+ * canvas (the native renderer paints an opaque base first) and building glow gradients.
+ * Scene tokens are `#rgb` / `#rrggbb` / `#rrggbbaa` or `rgb()` / `rgba()`; anything else is
+ * passed through unchanged.
+ */
+/** [r, g, b] in 0–255 and alpha in [0, 1]. */
+export type Rgba = readonly [number, number, number, number];
+/** Parse a hex or `rgb()` / `rgba()` color; null for anything else. */
+export declare function parseColor(color: string): Rgba | null;
+/** `rgba(r, g, b, a)` with `a` multiplied into the color's own alpha. */
+export declare function withAlpha(color: Rgba, alpha: number): string;
+/**
+ * `top` painted over `bottom` (source-over) as an opaque `rgb()` color. Returns `top` unchanged
+ * when either color cannot be parsed, and `top` itself when it is already opaque.
+ */
+export declare function composite(top: string, bottom: string): string;
+/**
+ * A CSS radial gradient (parsed by AntV G) filling a circle with the native glow profile in
+ * `color`; `closest-side` makes the gradient end exactly at the circle's radius. Memoized: the
+ * string doubles as G's gradient cache key. Falls back to the plain color when unparsable.
+ */
+export declare function glowGradient(color: string): string;
+//# sourceMappingURL=color.d.ts.map

package/dist/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../src/color.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,8CAA8C;AAC9C,MAAM,MAAM,IAAI,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAa7D,uEAAuE;AACvE,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CA8BrD;AAED,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAG5D;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAO7D;AAcD;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAUlD"}

package/dist/color.js

@@ -0,0 +1,95 @@
+/**
+ * The few color operations G6 cannot do for us: compositing translucent badge tints over the
+ * canvas (the native renderer paints an opaque base first) and building glow gradients.
+ * Scene tokens are `#rgb` / `#rrggbb` / `#rrggbbaa` or `rgb()` / `rgba()`; anything else is
+ * passed through unchanged.
+ */
+const HEX = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+const FUNC = /^rgba?\(\s*([^)]*)\)$/i;
+function clampByte(v) {
+    return Math.min(255, Math.max(0, Math.round(v)));
+}
+function clampUnit(v) {
+    return Math.min(1, Math.max(0, v));
+}
+/** Parse a hex or `rgb()` / `rgba()` color; null for anything else. */
+export function parseColor(color) {
+    const s = color.trim();
+    const hex = HEX.exec(s);
+    if (hex !== null) {
+        let h = hex[1];
+        if (h.length <= 4)
+            h = [...h].map((c) => c + c).join('');
+        const n = (i) => Number.parseInt(h.slice(i, i + 2), 16);
+        return [n(0), n(2), n(4), h.length === 8 ? n(6) / 255 : 1];
+    }
+    const fn = FUNC.exec(s);
+    if (fn === null)
+        return null;
+    const parts = fn[1].split(/[\s,/]+/).filter((p) => p.length > 0);
+    if (parts.length !== 3 && parts.length !== 4)
+        return null;
+    const nums = parts.map((p) => p.endsWith('%') ? (Number.parseFloat(p) / 100) * 255 : Number.parseFloat(p));
+    if (nums.some((v) => !Number.isFinite(v)))
+        return null;
+    const alphaPart = parts[3];
+    const alpha = alphaPart === undefined
+        ? 1
+        : alphaPart.endsWith('%')
+            ? Number.parseFloat(alphaPart) / 100
+            : Number.parseFloat(alphaPart);
+    return [
+        clampByte(nums[0]),
+        clampByte(nums[1]),
+        clampByte(nums[2]),
+        clampUnit(alpha),
+    ];
+}
+/** `rgba(r, g, b, a)` with `a` multiplied into the color's own alpha. */
+export function withAlpha(color, alpha) {
+    const a = Math.round(clampUnit(color[3] * alpha) * 1000) / 1000;
+    return `rgba(${color[0]}, ${color[1]}, ${color[2]}, ${a})`;
+}
+/**
+ * `top` painted over `bottom` (source-over) as an opaque `rgb()` color. Returns `top` unchanged
+ * when either color cannot be parsed, and `top` itself when it is already opaque.
+ */
+export function composite(top, bottom) {
+    const t = parseColor(top);
+    const b = parseColor(bottom);
+    if (t === null || b === null || t[3] >= 1)
+        return top;
+    const a = t[3];
+    const mix = (i) => clampByte(t[i] * a + b[i] * (1 - a));
+    return `rgb(${mix(0)}, ${mix(1)}, ${mix(2)})`;
+}
+/** Glow falloff of the native renderer: (radius fraction, alpha) — a soft, roughly Gaussian profile. */
+const GLOW_STOPS = [
+    [0, 1],
+    [0.3, 0.9],
+    [0.5, 0.6],
+    [0.7, 0.28],
+    [0.86, 0.08],
+    [1, 0],
+];
+const gradients = new Map();
+/**
+ * A CSS radial gradient (parsed by AntV G) filling a circle with the native glow profile in
+ * `color`; `closest-side` makes the gradient end exactly at the circle's radius. Memoized: the
+ * string doubles as G's gradient cache key. Falls back to the plain color when unparsable.
+ */
+export function glowGradient(color) {
+    let g = gradients.get(color);
+    if (g !== undefined)
+        return g;
+    const rgba = parseColor(color);
+    if (rgba === null)
+        return color;
+    const stops = GLOW_STOPS.map(([at, alpha]) => `${withAlpha(rgba, alpha)} ${at * 100}%`);
+    g = `radial-gradient(circle closest-side, ${stops.join(', ')})`;
+    if (gradients.size > 256)
+        gradients.clear();
+    gradients.set(color, g);
+    return g;
+}
+//# sourceMappingURL=color.js.map

package/dist/color.js.map

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

package/dist/constants.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Numbers and names shared by the mapping, the custom node and the controller.
+ *
+ * Scene sizes marked "px" (stroke widths, gaps, font sizes, label offsets) become G6 world
+ * units: G6 scales everything with the camera, so they read as specified at zoom 1.
+ */
+/** Element type of the custom node registered by `createDiffGraph` (see node.ts). */
+export declare const NODE_TYPE = "kgdiff-node";
+/** Element state set by the hover behavior (a private name, so G6 theme states never apply). */
+export declare const HOVER_STATE = "kgdiff-hover";
+/** Key of the hover behavior and of the background plugin in the generated G6 options. */
+export declare const HOVER_BEHAVIOR_KEY = "kgdiff-hover";
+export declare const BACKGROUND_PLUGIN_KEY = "kgdiff-background";
+/** Id prefixes of generated elements that are not scene nodes / edges. */
+export declare const GLYPH_ID_PREFIX = "kgdiff-glyph-";
+export declare const COLLAPSED_ID_PREFIX = "kgdiff-collapsed-";
+export declare const ANCHOR_ID_PREFIX = "kgdiff-anchor-";
+/**
+ * zIndex bands. G6 draws nodes and edges in one container ordered by zIndex, so every element
+ * gets an explicit band: collapsed pills < edges < glyph arcs < nodes < pivot dots (the native
+ * renderer's pass order). The scene's `z` (0–4) orders elements inside their band.
+ */
+export declare const Z: {
+    readonly collapsed: 0;
+    readonly edge: 10;
+    readonly glyph: 20;
+    readonly node: 30;
+    readonly pivot: 40;
+    /** Width of a band: scene `z` values are clamped to [0, span). */
+    readonly span: 10;
+};
+/** Arrowheads (docs/visual-language.md §Geometry): 7 long, 5 wide. */
+export declare const ARROW_LENGTH = 7;
+export declare const ARROW_WIDTH = 5;
+/** Gap between an arrow tip and the node outline. */
+export declare const ARROW_GAP = 1.5;
+/** Text halo: stroked with the canvas background, 3 wide, alpha 0.9, round joins. */
+export declare const TEXT_HALO_WIDTH = 3;
+export declare const TEXT_HALO_ALPHA = 0.9;
+/** Labels wider than this are truncated with an ellipsis (as in the native renderer). */
+export declare const LABEL_MAX_WIDTH = 240;
+/** Light-theme halo: an offset ring `r + 5` out, 2 wide. */
+export declare const HALO_RING_OFFSET = 5;
+export declare const HALO_RING_WIDTH = 2;
+/** Dark-theme glows are never smaller than this multiple of r. */
+export declare const GLOW_MIN_SCALE = 1.6;
+/** Badges: 10 px mono, weight 600, 15 px pills with 5 px horizontal padding. */
+export declare const BADGE_FONT_SIZE = 10;
+export declare const BADGE_HEIGHT = 15;
+export declare const BADGE_PAD_X = 5;
+/** Collapsed-group pills (“+38 unchanged”): 20 px high, 8 px padding, 11 px / 500 text. */
+export declare const PILL_HEIGHT = 20;
+export declare const PILL_PAD_X = 8;
+export declare const PILL_FONT_SIZE = 11;
+/** Suggestion `?` mark: a 7-radius disc at the curve midpoint. */
+export declare const MARK_RADIUS = 7;
+/** Pivot dots get a background outline this wide so they stand out from what is under them. */
+export declare const PIVOT_OUTLINE = 1.5;
+/** Hovered strokes (STROKE.hoveredNode / STROKE.selectedEdge in @kgdiff/scene). */
+export declare const HOVER_NODE_WIDTH = 2;
+export declare const HOVER_EDGE_WIDTH = 2.5;
+/** Edge label size used when hovering reveals a label the frame does not carry. */
+export declare const EDGE_LABEL_SIZE = 10.5;
+/** Extra hit width around thin edges so they can be hovered and clicked. */
+export declare const EDGE_HIT_WIDTH = 6;
+/**
+ * Replay sampling: each timeline window (chapter in chapter mode) is resolved at these fractions
+ * of its duration: end of the spotlight, middle of the transform, start of the settle, end.
+ * G6 animates linearly between consecutive samples.
+ */
+export declare const REPLAY_SAMPLES: readonly number[];
+/**
+ * A draw is awaited at most its animation duration plus this long (ms): G6 settles a draw when
+ * its animation ends, and browsers pause animations in background pages.
+ */
+export declare const DRAW_GRACE_MS = 1000;
+/** Replay steps shorter than this (ms, after speed scaling) are merged into the next one. */
+export declare const MIN_STEP_MS = 16;
+/** The camera follows a replay unit when less than this share of its bounds is in view. */
+export declare const FOLLOW_VISIBLE_SHARE = 0.7;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,qFAAqF;AACrF,eAAO,MAAM,SAAS,gBAAgB,CAAC;AAEvC,gGAAgG;AAChG,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAE1C,0FAA0F;AAC1F,eAAO,MAAM,kBAAkB,iBAAiB,CAAC;AACjD,eAAO,MAAM,qBAAqB,sBAAsB,CAAC;AAEzD,0EAA0E;AAC1E,eAAO,MAAM,eAAe,kBAAkB,CAAC;AAC/C,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AACvD,eAAO,MAAM,gBAAgB,mBAAmB,CAAC;AAEjD;;;;GAIG;AACH,eAAO,MAAM,CAAC;aACZ,SAAS,EAAE,CAAC;aACZ,IAAI,EAAE,EAAE;aACR,KAAK,EAAE,EAAE;aACT,IAAI,EAAE,EAAE;aACR,KAAK,EAAE,EAAE;IACT,kEAAkE;aAClE,IAAI,EAAE,EAAE;CACA,CAAC;AAEX,sEAAsE;AACtE,eAAO,MAAM,YAAY,IAAI,CAAC;AAC9B,eAAO,MAAM,WAAW,IAAI,CAAC;AAC7B,qDAAqD;AACrD,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,qFAAqF;AACrF,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,yFAAyF;AACzF,eAAO,MAAM,eAAe,MAAM,CAAC;AAEnC,4DAA4D;AAC5D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,kEAAkE;AAClE,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,gFAAgF;AAChF,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,YAAY,KAAK,CAAC;AAC/B,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,2FAA2F;AAC3F,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,eAAO,MAAM,UAAU,IAAI,CAAC;AAC5B,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,kEAAkE;AAClE,eAAO,MAAM,WAAW,IAAI,CAAC;AAE7B,+FAA+F;AAC/F,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,mFAAmF;AACnF,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,gBAAgB,MAAM,CAAC;AACpC,mFAAmF;AACnF,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,4EAA4E;AAC5E,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,MAAM,EAAwC,CAAC;AACrF;;;GAGG;AACH,eAAO,MAAM,aAAa,OAAO,CAAC;AAClC,6FAA6F;AAC7F,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,2FAA2F;AAC3F,eAAO,MAAM,oBAAoB,MAAM,CAAC"}

package/dist/constants.js

@@ -0,0 +1,81 @@
+/**
+ * Numbers and names shared by the mapping, the custom node and the controller.
+ *
+ * Scene sizes marked "px" (stroke widths, gaps, font sizes, label offsets) become G6 world
+ * units: G6 scales everything with the camera, so they read as specified at zoom 1.
+ */
+/** Element type of the custom node registered by `createDiffGraph` (see node.ts). */
+export const NODE_TYPE = 'kgdiff-node';
+/** Element state set by the hover behavior (a private name, so G6 theme states never apply). */
+export const HOVER_STATE = 'kgdiff-hover';
+/** Key of the hover behavior and of the background plugin in the generated G6 options. */
+export const HOVER_BEHAVIOR_KEY = 'kgdiff-hover';
+export const BACKGROUND_PLUGIN_KEY = 'kgdiff-background';
+/** Id prefixes of generated elements that are not scene nodes / edges. */
+export const GLYPH_ID_PREFIX = 'kgdiff-glyph-';
+export const COLLAPSED_ID_PREFIX = 'kgdiff-collapsed-';
+export const ANCHOR_ID_PREFIX = 'kgdiff-anchor-';
+/**
+ * zIndex bands. G6 draws nodes and edges in one container ordered by zIndex, so every element
+ * gets an explicit band: collapsed pills < edges < glyph arcs < nodes < pivot dots (the native
+ * renderer's pass order). The scene's `z` (0–4) orders elements inside their band.
+ */
+export const Z = {
+    collapsed: 0,
+    edge: 10,
+    glyph: 20,
+    node: 30,
+    pivot: 40,
+    /** Width of a band: scene `z` values are clamped to [0, span). */
+    span: 10,
+};
+/** Arrowheads (docs/visual-language.md §Geometry): 7 long, 5 wide. */
+export const ARROW_LENGTH = 7;
+export const ARROW_WIDTH = 5;
+/** Gap between an arrow tip and the node outline. */
+export const ARROW_GAP = 1.5;
+/** Text halo: stroked with the canvas background, 3 wide, alpha 0.9, round joins. */
+export const TEXT_HALO_WIDTH = 3;
+export const TEXT_HALO_ALPHA = 0.9;
+/** Labels wider than this are truncated with an ellipsis (as in the native renderer). */
+export const LABEL_MAX_WIDTH = 240;
+/** Light-theme halo: an offset ring `r + 5` out, 2 wide. */
+export const HALO_RING_OFFSET = 5;
+export const HALO_RING_WIDTH = 2;
+/** Dark-theme glows are never smaller than this multiple of r. */
+export const GLOW_MIN_SCALE = 1.6;
+/** Badges: 10 px mono, weight 600, 15 px pills with 5 px horizontal padding. */
+export const BADGE_FONT_SIZE = 10;
+export const BADGE_HEIGHT = 15;
+export const BADGE_PAD_X = 5;
+/** Collapsed-group pills (“+38 unchanged”): 20 px high, 8 px padding, 11 px / 500 text. */
+export const PILL_HEIGHT = 20;
+export const PILL_PAD_X = 8;
+export const PILL_FONT_SIZE = 11;
+/** Suggestion `?` mark: a 7-radius disc at the curve midpoint. */
+export const MARK_RADIUS = 7;
+/** Pivot dots get a background outline this wide so they stand out from what is under them. */
+export const PIVOT_OUTLINE = 1.5;
+/** Hovered strokes (STROKE.hoveredNode / STROKE.selectedEdge in @kgdiff/scene). */
+export const HOVER_NODE_WIDTH = 2;
+export const HOVER_EDGE_WIDTH = 2.5;
+/** Edge label size used when hovering reveals a label the frame does not carry. */
+export const EDGE_LABEL_SIZE = 10.5;
+/** Extra hit width around thin edges so they can be hovered and clicked. */
+export const EDGE_HIT_WIDTH = 6;
+/**
+ * Replay sampling: each timeline window (chapter in chapter mode) is resolved at these fractions
+ * of its duration: end of the spotlight, middle of the transform, start of the settle, end.
+ * G6 animates linearly between consecutive samples.
+ */
+export const REPLAY_SAMPLES = Object.freeze([0.18, 0.5, 0.82, 1]);
+/**
+ * A draw is awaited at most its animation duration plus this long (ms): G6 settles a draw when
+ * its animation ends, and browsers pause animations in background pages.
+ */
+export const DRAW_GRACE_MS = 1000;
+/** Replay steps shorter than this (ms, after speed scaling) are merged into the next one. */
+export const MIN_STEP_MS = 16;
+/** The camera follows a replay unit when less than this share of its bounds is in view. */
+export const FOLLOW_VISIBLE_SHARE = 0.7;
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,qFAAqF;AACrF,MAAM,CAAC,MAAM,SAAS,GAAG,aAAa,CAAC;AAEvC,gGAAgG;AAChG,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAC;AAE1C,0FAA0F;AAC1F,MAAM,CAAC,MAAM,kBAAkB,GAAG,cAAc,CAAC;AACjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAEzD,0EAA0E;AAC1E,MAAM,CAAC,MAAM,eAAe,GAAG,eAAe,CAAC;AAC/C,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACvD,MAAM,CAAC,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,CAAC,GAAG;IACf,SAAS,EAAE,CAAC;IACZ,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,kEAAkE;IAClE,IAAI,EAAE,EAAE;CACA,CAAC;AAEX,sEAAsE;AACtE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AAC9B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAC7B,qDAAqD;AACrD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAE7B,qFAAqF;AACrF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC;AACjC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;AAEnC,yFAAyF;AACzF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;AAEnC,4DAA4D;AAC5D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC;AACjC,kEAAkE;AAClE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAElC,gFAAgF;AAChF,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAE7B,2FAA2F;AAC3F,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC;AAC5B,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,kEAAkE;AAClE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAC;AAE7B,+FAA+F;AAC/F,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AAEjC,mFAAmF;AACnF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAClC,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AACpC,mFAAmF;AACnF,MAAM,CAAC,MAAM,eAAe,GAAG,IAAI,CAAC;AAEpC,4EAA4E;AAC5E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAEhC;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAsB,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;AACrF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC;AAClC,6FAA6F;AAC7F,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,2FAA2F;AAC3F,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAC"}

package/dist/controller.d.ts

@@ -0,0 +1,126 @@
+/**
+ * The controller behind `createDiffGraph`: owns the view state and the resolver, turns every
+ * view change into one resolved frame → mapped data → a patch of only what changed (`addData` /
+ * `updateData` with the changed keys / `removeData`) + `graph.draw()` (G6 animates the
+ * difference), and keeps G6's level of detail in step with the camera.
+ *
+ * All graph mutations go through one queue, so G6 never receives a new frame while it is still
+ * starting the previous draw. View requests (layer, selection, theme, LOD) that pile up while a
+ * draw runs collapse into one job, latest wins. Every queued task, draw and camera move is raced
+ * against `destroy()`, so no promise outlives the graph. The graph is reached through
+ * `GraphLike`, the subset of G6's `Graph` used here, so the logic is testable with a fake.
+ */
+import type { FitViewOptions, GraphData, GraphOptions, ID, IEvent, Point, ViewportAnimationEffectTiming } from '@antv/g6';
+import { type Layer, type Scene, type Theme, type ViewState } from '@kgdiff/scene';
+/** The part of G6's `Graph` the controller uses. */
+export interface GraphLike {
+    readonly destroyed: boolean;
+    render(): Promise<void>;
+    draw(): Promise<void>;
+    addData(data: GraphData): void;
+    updateData(data: GraphData): void;
+    removeData(ids: {
+        nodes?: ID[];
+        edges?: ID[];
+    }): void;
+    setOptions(options: GraphOptions): void;
+    fitView(options?: FitViewOptions, animation?: ViewportAnimationEffectTiming): Promise<void>;
+    focusElement(id: ID | ID[], animation?: ViewportAnimationEffectTiming): Promise<void>;
+    getZoom(): number;
+    getSize(): [number, number];
+    getCanvasByViewport(point: Point): Point;
+    updatePlugin(plugin: {
+        key: string;
+        [key: string]: unknown;
+    }): void;
+    on(eventName: string, callback: (event: IEvent) => void): unknown;
+    off(eventName: string, callback: (event: IEvent) => void): unknown;
+    destroy(): void;
+}
+export interface ControllerOptions {
+    readonly view?: Partial<ViewState>;
+    readonly g6?: Readonly<Record<string, unknown>>;
+    readonly interactive?: boolean;
+}
+export interface ControllerDeps<G extends GraphLike> {
+    readonly createGraph: (options: GraphOptions) => G;
+    /** Resolves after `ms` (replay pacing when G6 animations are off). */
+    readonly wait: (ms: number) => Promise<void>;
+    /**
+     * Resolves after `ms`: the longest a draw is awaited. Browsers pause animation frames in
+     * background pages, and G6's draw promise only settles when its animation has run.
+     */
+    readonly deadline: (ms: number) => Promise<void>;
+}
+export declare class DiffGraphControllerImpl<G extends GraphLike> {
+    private readonly options;
+    private readonly deps;
+    private graphRef;
+    private scene;
+    private resolver;
+    private view;
+    private frame;
+    private data;
+    private meta;
+    private lod;
+    private lodZoom;
+    private job;
+    private queue;
+    private replay;
+    private destroyed;
+    private readonly dead;
+    private kill;
+    private readonly handlers;
+    constructor(scene: Scene, options: ControllerOptions, deps: ControllerDeps<G>);
+    get graph(): G;
+    /** Create, render and fit the graph. */
+    start(container: HTMLElement | string): Promise<void>;
+    setLayer(layer: Exclude<Layer, 'replay'>): Promise<void>;
+    selectHunk(index: number): Promise<void>;
+    playReplay(options?: {
+        readonly speed?: number;
+    }): Promise<void>;
+    /** Stop a running replay (its promise resolves at once); no-op otherwise. */
+    stop(): void;
+    setTheme(theme: Theme): Promise<void>;
+    destroy(): void;
+    private assertAlive;
+    private listen;
+    /**
+     * Run `task` after the queued ones. Rejects at once after `destroy()`; a task still queued or
+     * running when the graph is destroyed settles (resolves) instead of waiting on G6.
+     */
+    private enqueue;
+    /**
+     * Schedule one view update: resolve the current view, patch the graph, optionally switch the
+     * theme and pan. Requests made while an update is waiting in the queue join it (latest wins),
+     * so a burst of clicks costs one G6 draw.
+     */
+    private request;
+    private runJob;
+    /** Failures of fire-and-forget work (event handlers): surfaced, unless the graph is gone. */
+    private report;
+    /** G6's global animation option for one draw: false, or the theme easing over `duration`. */
+    private timing;
+    private viewportTiming;
+    /** Resolve the current view and map it for `zoom`; records what was mapped. */
+    private map;
+    /** Map the current view and hand G6 only the difference to what it shows. */
+    private apply;
+    private select;
+    /** Ids of the hunks' nodes that are currently drawn. */
+    private hunkNodeIds;
+    /**
+     * Pan to the hunks' nodes. Called before the next patch, so G6 measures elements that still
+     * exist; resolves when the camera has arrived — or when the graph is destroyed, since G6 then
+     * cancels the camera animation without ever settling its promise.
+     */
+    private focus;
+    /** Share of the hunks' bounds inside the viewport, in [0, 1]. */
+    private visibleShare;
+    private runReplay;
+    private onTransform;
+    private onElementClick;
+    private onCanvasClick;
+}
+//# sourceMappingURL=controller.d.ts.map

package/dist/controller.d.ts.map

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