@issuegraph/viewer 0.1.0

package/dist/theme.js

@@ -0,0 +1,169 @@
+/**
+ * The theme: every value the viewer draws with, in one place, emitted as CSS
+ * custom properties.
+ *
+ * THE SHIPPED PALETTE IS THE DEFAULT THEME, NOT THE STYLING. It is dark, and
+ * light mode is deliberately absent rather than forgotten — a host that wants
+ * one supplies it through these same properties, which is exactly what makes
+ * this a theme rather than a look. The forcing function is that the package has
+ * to render two of them from one set of components; if a value cannot be
+ * overridden here, it is a bug in this file and not a styling choice elsewhere.
+ *
+ * GEOMETRY IS SINGLE-SOURCED AS NUMBERS. Layout maths needs real numbers (an
+ * SVG endpoint is a coordinate, not a `var()`), and CSS needs custom
+ * properties. Declaring both by hand would be two sources that drift, so the
+ * numbers are canonical and {@link themeCss} renders the properties FROM them.
+ * Retheming geometry therefore moves the drawing and the stylesheet together.
+ */
+/**
+ * Every colour the viewer uses, by token name. Declared as a tuple so the
+ * token list and the theme type cannot disagree: a colour added here is a
+ * compile error in every theme that does not supply it.
+ */
+export const COLOR_TOKENS = Object.freeze([
+    '--ig-bg',
+    '--ig-surface',
+    '--ig-surface-2',
+    '--ig-line',
+    '--ig-text',
+    '--ig-text-body',
+    '--ig-text-muted',
+    '--ig-accent',
+    '--ig-focus',
+    '--ig-station-ready',
+    '--ig-station-pending',
+    '--ig-station-held',
+    '--ig-edge-blocked-by',
+    '--ig-edge-serialize-with',
+    '--ig-edge-together-with',
+    '--ig-edge-duplicate-of',
+    '--ig-edge-decomposed-from',
+]);
+/** Type tokens. `lineHeight` is unitless; the rest carry their own units. */
+export const TYPE_TOKENS = Object.freeze([
+    '--ig-font-ui',
+    '--ig-font-mono',
+    '--ig-font-size',
+    '--ig-font-size-small',
+    '--ig-line-height',
+]);
+/** Geometry tokens. Every value is a number of CSS pixels. */
+export const METRIC_TOKENS = Object.freeze([
+    '--ig-space',
+    '--ig-space-tight',
+    '--ig-radius',
+    '--ig-row-height',
+    '--ig-station-size',
+    '--ig-station-halo',
+    '--ig-stroke',
+    '--ig-stroke-connector',
+    '--ig-terminal-length',
+    '--ig-terminal-width',
+    '--ig-gutter-width',
+    '--ig-spine-width',
+    '--ig-char-width',
+    '--ig-focus-ring',
+]);
+/** Every custom property the stylesheet may reference. */
+export const THEME_TOKENS = Object.freeze([
+    ...COLOR_TOKENS,
+    ...TYPE_TOKENS,
+    ...METRIC_TOKENS,
+]);
+/**
+ * The default theme.
+ *
+ * Contrast is a claim this palette makes and `theme.test.ts` measures: every
+ * text colour clears WCAG AA's 4.5:1 against all three surfaces, and every edge
+ * hue clears the 3:1 non-text bar that applies to a line or a badge outline.
+ * `--ig-text-muted` is the tight one — it carries sentence-length copy at small
+ * sizes, which is why it is the value the tests pin most precisely.
+ */
+export const defaultTheme = Object.freeze({
+    colors: Object.freeze({
+        '--ig-bg': '#0B0D0F',
+        '--ig-surface': '#11181C',
+        '--ig-surface-2': '#0E1519',
+        '--ig-line': '#232D34',
+        '--ig-text': '#E8EDF0',
+        '--ig-text-body': '#AEB9C0',
+        '--ig-text-muted': '#75848E',
+        '--ig-accent': '#17BCEE',
+        '--ig-focus': '#17BCEE',
+        '--ig-station-ready': '#17BCEE',
+        '--ig-station-pending': '#AEB9C0',
+        '--ig-station-held': '#75848E',
+        '--ig-edge-blocked-by': '#EF6B6B',
+        '--ig-edge-serialize-with': '#E2B912',
+        '--ig-edge-together-with': '#17BCEE',
+        '--ig-edge-duplicate-of': '#B037F1',
+        '--ig-edge-decomposed-from': '#E7317A',
+    }),
+    type: Object.freeze({
+        '--ig-font-ui': "Geist, ui-sans-serif, system-ui, sans-serif",
+        // Tabular numerals are what let a rank column line up; a proportional
+        // fallback would make the spine's numbers wander.
+        '--ig-font-mono': "'JetBrains Mono', ui-monospace, SFMono-Regular, monospace",
+        '--ig-font-size': '13px',
+        '--ig-font-size-small': '11px',
+        '--ig-line-height': '1.45',
+    }),
+    metrics: Object.freeze({
+        '--ig-space': 12,
+        '--ig-space-tight': 6,
+        '--ig-radius': 6,
+        '--ig-row-height': 44,
+        '--ig-station-size': 12,
+        // A halo wide enough that a crossing edge reads as passing behind the
+        // station rather than through it.
+        '--ig-station-halo': 4,
+        '--ig-stroke': 1.5,
+        // The `together-with` hairline connector, which is deliberately finer than
+        // an ordinary edge so the enclosure stays the primary read.
+        '--ig-stroke-connector': 1.6,
+        // The terminal marker's own box. It is theme data rather than a constant
+        // in the drawing code because it is a SIZE, and R5 admits no exceptions:
+        // a host scaling the type up needs the arrowheads to follow.
+        '--ig-terminal-length': 9,
+        '--ig-terminal-width': 8,
+        '--ig-gutter-width': 208,
+        '--ig-spine-width': 360,
+        // The advance width of one character at `--ig-font-size` in the mono face.
+        // Layout measures text with it, so a host changing the type scale changes
+        // this too and the boxes stay around their contents.
+        '--ig-char-width': 7.8,
+        '--ig-focus-ring': 2,
+    }),
+});
+/**
+ * Merge an override onto a base theme, per token.
+ *
+ * A partial override is the shape a second theme actually takes — changing a
+ * palette rarely means restating the geometry — and requiring a whole `Theme`
+ * would make the cheap case impossible to express.
+ */
+export function extendTheme(base, override) {
+    return Object.freeze({
+        colors: Object.freeze({ ...base.colors, ...override.colors }),
+        type: Object.freeze({ ...base.type, ...override.type }),
+        metrics: Object.freeze({ ...base.metrics, ...override.metrics }),
+    });
+}
+/**
+ * Render a theme as one CSS rule of custom properties.
+ *
+ * Values are emitted verbatim for colours and type — a theme's author owns
+ * their spelling — and metrics gain a `px` unit here, which is the single place
+ * the numbers become CSS.
+ */
+export function themeCss(theme, selector = ':root') {
+    const lines = [];
+    for (const token of COLOR_TOKENS)
+        lines.push(`  ${token}: ${theme.colors[token]};`);
+    for (const token of TYPE_TOKENS)
+        lines.push(`  ${token}: ${theme.type[token]};`);
+    for (const token of METRIC_TOKENS)
+        lines.push(`  ${token}: ${String(theme.metrics[token])}px;`);
+    return `${selector} {\n${lines.join('\n')}\n}\n`;
+}
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

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

package/dist/vocabulary.d.ts

@@ -0,0 +1,107 @@
+/**
+ * The edge grammar, as data.
+ *
+ * Each relationship is separable on FOUR redundant channels — dash pattern,
+ * terminal marker, glyph and hue — and the colour-blind-safety claim is that
+ * removing hue entirely still leaves all five distinguishable. That is a
+ * property of this table, so it is asserted against this table rather than
+ * asserted about the rendering.
+ *
+ * It is declared as a total mapping over `EDGE_FIELDS` rather than a list of
+ * cases, so a sixth relationship added to the format fails the BUILD here
+ * instead of rendering as an untreated line nobody notices.
+ */
+import { type EdgeField } from '@issuegraph/core';
+/** How the line is stroked. `enclosure` draws a surrounding shape, not a line. */
+export type EdgeDash = 'solid' | 'double' | 'dotted' | 'dashed' | 'enclosure';
+/** What sits at the pointed end. `none` is symmetric; `enclosure` has no end. */
+export type EdgeTerminal = 'arrow' | 'none' | 'enclosure' | 'hollow-circle' | 'tee';
+/** What the relationship does to the order. */
+export type OrderingEffect = 'strict-directed' | 'exclusive-unordered' | 'shares-rank' | 'never-worked' | 'provenance-only';
+export interface EdgeTreatment {
+    readonly dash: EdgeDash;
+    readonly terminal: EdgeTerminal;
+    /** The single character that names the relationship without colour. */
+    readonly glyph: string;
+    /** The custom property carrying this edge's hue. Never a literal colour. */
+    readonly hueToken: string;
+    /** Announced to a screen reader, and used as the badge's accessible name. */
+    readonly label: string;
+    readonly ordering: OrderingEffect;
+    /**
+     * Whether the edge reads the same both ways. A symmetric edge is drawn once
+     * and never as two arrows, because `A serialize-with B` and its reverse state
+     * one fact.
+     */
+    readonly symmetric: boolean;
+}
+/**
+ * `satisfies` rather than an annotation, so the object literal keeps its narrow
+ * types AND the compiler proves every `EdgeField` has an entry. Adding a field
+ * to `@issuegraph/core` without adding it here is TS2739 at build time.
+ */
+export declare const EDGE_TREATMENTS: Readonly<{
+    readonly 'blocked-by': {
+        readonly dash: "solid";
+        readonly terminal: "arrow";
+        readonly glyph: "⊘";
+        readonly hueToken: "--ig-edge-blocked-by";
+        readonly label: "blocked by";
+        readonly ordering: "strict-directed";
+        readonly symmetric: false;
+    };
+    readonly 'serialize-with': {
+        readonly dash: "double";
+        readonly terminal: "none";
+        readonly glyph: "⇄";
+        readonly hueToken: "--ig-edge-serialize-with";
+        readonly label: "serialized with";
+        readonly ordering: "exclusive-unordered";
+        readonly symmetric: true;
+    };
+    readonly 'together-with': {
+        readonly dash: "enclosure";
+        readonly terminal: "enclosure";
+        readonly glyph: "⧉";
+        readonly hueToken: "--ig-edge-together-with";
+        readonly label: "together with";
+        readonly ordering: "shares-rank";
+        readonly symmetric: true;
+    };
+    readonly 'duplicate-of': {
+        readonly dash: "dotted";
+        readonly terminal: "hollow-circle";
+        readonly glyph: "≡";
+        readonly hueToken: "--ig-edge-duplicate-of";
+        readonly label: "duplicate of";
+        readonly ordering: "never-worked";
+        readonly symmetric: false;
+    };
+    readonly 'decomposed-from': {
+        readonly dash: "dashed";
+        readonly terminal: "tee";
+        readonly glyph: "⑃";
+        readonly hueToken: "--ig-edge-decomposed-from";
+        readonly label: "decomposed from";
+        readonly ordering: "provenance-only";
+        readonly symmetric: false;
+    };
+}>;
+/** The treatment for a relationship. Total over the format's fields. */
+export declare function treatmentFor(field: EdgeField): EdgeTreatment;
+/**
+ * The dash patterns, as SVG `stroke-dasharray` values keyed by dash name.
+ *
+ * `solid` and `double` carry none: a solid line has no pattern, and a double
+ * line is two solid strokes side by side rather than one stroked differently.
+ * Returning `null` for them says that out loud; returning `'none'` would read
+ * as "solid" and quietly collapse two of the four channels into one.
+ *
+ * This is the single source for the pattern channel — the stylesheet sets no
+ * `stroke-dasharray` for an edge, so a pattern cannot be changed in one place
+ * and left stale in the other.
+ */
+export declare function dashArrayFor(dash: EdgeDash): string | null;
+/** Every relationship the format declares, in the order `@issuegraph/core` lists them. */
+export declare const EDGE_ORDER: readonly EdgeField[];
+//# sourceMappingURL=vocabulary.d.ts.map

package/dist/vocabulary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vocabulary.d.ts","sourceRoot":"","sources":["../src/vocabulary.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAe,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE/D,kFAAkF;AAClF,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE9E,iFAAiF;AACjF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,eAAe,GAAG,KAAK,CAAC;AAEpF,+CAA+C;AAC/C,MAAM,MAAM,cAAc,GACtB,iBAAiB,GACjB,qBAAqB,GACrB,aAAa,GACb,cAAc,GACd,iBAAiB,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC;IAChC,uEAAuE;IACvE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC;IAClC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;CAC7B;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8C0B,CAAC;AAEvD,wEAAwE;AACxE,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,aAAa,CAE5D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,GAAG,IAAI,CAY1D;AAED,0FAA0F;AAC1F,eAAO,MAAM,UAAU,EAAE,SAAS,SAAS,EAAgB,CAAC"}

package/dist/vocabulary.js

@@ -0,0 +1,98 @@
+/**
+ * The edge grammar, as data.
+ *
+ * Each relationship is separable on FOUR redundant channels — dash pattern,
+ * terminal marker, glyph and hue — and the colour-blind-safety claim is that
+ * removing hue entirely still leaves all five distinguishable. That is a
+ * property of this table, so it is asserted against this table rather than
+ * asserted about the rendering.
+ *
+ * It is declared as a total mapping over `EDGE_FIELDS` rather than a list of
+ * cases, so a sixth relationship added to the format fails the BUILD here
+ * instead of rendering as an untreated line nobody notices.
+ */
+import { EDGE_FIELDS } from '@issuegraph/core';
+/**
+ * `satisfies` rather than an annotation, so the object literal keeps its narrow
+ * types AND the compiler proves every `EdgeField` has an entry. Adding a field
+ * to `@issuegraph/core` without adding it here is TS2739 at build time.
+ */
+export const EDGE_TREATMENTS = Object.freeze({
+    'blocked-by': {
+        dash: 'solid',
+        terminal: 'arrow',
+        glyph: '⊘',
+        hueToken: '--ig-edge-blocked-by',
+        label: 'blocked by',
+        ordering: 'strict-directed',
+        symmetric: false,
+    },
+    'serialize-with': {
+        dash: 'double',
+        terminal: 'none',
+        glyph: '⇄',
+        hueToken: '--ig-edge-serialize-with',
+        label: 'serialized with',
+        ordering: 'exclusive-unordered',
+        symmetric: true,
+    },
+    'together-with': {
+        dash: 'enclosure',
+        terminal: 'enclosure',
+        glyph: '⧉',
+        hueToken: '--ig-edge-together-with',
+        label: 'together with',
+        ordering: 'shares-rank',
+        symmetric: true,
+    },
+    'duplicate-of': {
+        dash: 'dotted',
+        terminal: 'hollow-circle',
+        glyph: '≡',
+        hueToken: '--ig-edge-duplicate-of',
+        label: 'duplicate of',
+        ordering: 'never-worked',
+        symmetric: false,
+    },
+    'decomposed-from': {
+        dash: 'dashed',
+        terminal: 'tee',
+        glyph: '⑃',
+        hueToken: '--ig-edge-decomposed-from',
+        label: 'decomposed from',
+        ordering: 'provenance-only',
+        symmetric: false,
+    },
+});
+/** The treatment for a relationship. Total over the format's fields. */
+export function treatmentFor(field) {
+    return EDGE_TREATMENTS[field];
+}
+/**
+ * The dash patterns, as SVG `stroke-dasharray` values keyed by dash name.
+ *
+ * `solid` and `double` carry none: a solid line has no pattern, and a double
+ * line is two solid strokes side by side rather than one stroked differently.
+ * Returning `null` for them says that out loud; returning `'none'` would read
+ * as "solid" and quietly collapse two of the four channels into one.
+ *
+ * This is the single source for the pattern channel — the stylesheet sets no
+ * `stroke-dasharray` for an edge, so a pattern cannot be changed in one place
+ * and left stale in the other.
+ */
+export function dashArrayFor(dash) {
+    switch (dash) {
+        case 'solid':
+        case 'double':
+            return null;
+        case 'dotted':
+            return '1 3';
+        case 'dashed':
+            return '6 4';
+        case 'enclosure':
+            return '3 3';
+    }
+}
+/** Every relationship the format declares, in the order `@issuegraph/core` lists them. */
+export const EDGE_ORDER = EDGE_FIELDS;
+//# sourceMappingURL=vocabulary.js.map

package/dist/vocabulary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vocabulary.js","sourceRoot":"","sources":["../src/vocabulary.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,WAAW,EAAkB,MAAM,kBAAkB,CAAC;AAkC/D;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3C,YAAY,EAAE;QACZ,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,sBAAsB;QAChC,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,iBAAiB;QAC3B,SAAS,EAAE,KAAK;KACjB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,MAAM;QAChB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,0BAA0B;QACpC,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,qBAAqB;QAC/B,SAAS,EAAE,IAAI;KAChB;IACD,eAAe,EAAE;QACf,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,WAAW;QACrB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,yBAAyB;QACnC,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,aAAa;QACvB,SAAS,EAAE,IAAI;KAChB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,eAAe;QACzB,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,wBAAwB;QAClC,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,cAAc;QACxB,SAAS,EAAE,KAAK;KACjB;IACD,iBAAiB,EAAE;QACjB,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,GAAG;QACV,QAAQ,EAAE,2BAA2B;QACrC,KAAK,EAAE,iBAAiB;QACxB,QAAQ,EAAE,iBAAiB;QAC3B,SAAS,EAAE,KAAK;KACjB;CACkD,CAAC,CAAC;AAEvD,wEAAwE;AACxE,MAAM,UAAU,YAAY,CAAC,KAAgB;IAC3C,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,YAAY,CAAC,IAAc;IACzC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,IAAI,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC;QACf,KAAK,WAAW;YACd,OAAO,KAAK,CAAC;IACjB,CAAC;AACH,CAAC;AAED,0FAA0F;AAC1F,MAAM,CAAC,MAAM,UAAU,GAAyB,WAAW,CAAC"}

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@issuegraph/viewer",
+  "version": "0.1.0",
+  "description": "Render an Issuegraph document as a work order — the ordered spine with readiness stations, the five edge treatments, and three projections. Rendering only: no fetching, no mutation, no auth, and every value themeable through CSS custom properties.",
+  "keywords": [
+    "issuegraph",
+    "dependency-graph",
+    "backlog",
+    "scheduling",
+    "visualization",
+    "viewer"
+  ],
+  "license": "Apache-2.0",
+  "author": "Autonomy LLC",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/autnmy/issuegraph.git",
+    "directory": "packages/viewer"
+  },
+  "homepage": "https://github.com/autnmy/issuegraph#readme",
+  "bugs": {
+    "url": "https://github.com/autnmy/issuegraph/issues"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@issuegraph/core": "^0.1.1"
+  },
+  "devDependencies": {
+    "@types/node": "^22.18.0",
+    "typescript": "^6.0.3"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc -p tsconfig.test.json",
+    "test": "node --test \"src/**/*.test.ts\""
+  }
+}