@auser/workflow-graph-web 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,186 @@
+/**
+ * workflow-graph — Interactive workflow DAG visualizer
+ *
+ * TypeScript wrapper around the WASM module.
+ */
+export interface Workflow {
+    id: string;
+    name: string;
+    trigger: string;
+    jobs: Job[];
+}
+export interface Job {
+    id: string;
+    name: string;
+    status: 'queued' | 'running' | 'success' | 'failure' | 'skipped' | 'cancelled';
+    command: string;
+    duration_secs?: number;
+    started_at?: number;
+    depends_on: string[];
+    output?: string;
+    required_labels?: string[];
+    max_retries?: number;
+    attempt?: number;
+}
+export interface ThemeColors {
+    success?: string;
+    failure?: string;
+    running?: string;
+    queued?: string;
+    skipped?: string;
+    cancelled?: string;
+    node_bg?: string;
+    node_border?: string;
+    text?: string;
+    text_secondary?: string;
+    bg?: string;
+    graph_bg?: string;
+    edge?: string;
+    junction?: string;
+    highlight?: string;
+    selected?: string;
+    header_text?: string;
+    header_trigger?: string;
+}
+export interface ThemeFonts {
+    family?: string;
+    size_name?: number;
+    size_duration?: number;
+    size_header?: number;
+}
+export interface ThemeLayout {
+    node_width?: number;
+    node_height?: number;
+    node_radius?: number;
+    h_gap?: number;
+    v_gap?: number;
+    header_height?: number;
+    padding?: number;
+    junction_dot_radius?: number;
+    status_icon_radius?: number;
+    status_icon_margin?: number;
+}
+export type LayoutDirection = 'LeftToRight' | 'TopToBottom';
+/** Per-edge style override. */
+export interface EdgeStyle {
+    /** CSS color for this edge (overrides theme default). */
+    color?: string;
+    /** Line width in px. */
+    width?: number;
+    /** Dash pattern array (e.g., [5, 3] for dashed). Empty = solid. */
+    dash?: number[];
+}
+/** Internationalization labels for status text and duration formatting. */
+export interface Labels {
+    queued?: string;
+    running?: string;
+    success?: string;
+    failure?: string;
+    skipped?: string;
+    cancelled?: string;
+    /** Duration format for minutes+seconds. Use {m} and {s} placeholders. Default: "{m}m {s}s" */
+    duration_minutes?: string;
+    /** Duration format for seconds only. Use {s} placeholder. Default: "{s}s" */
+    duration_seconds?: string;
+}
+/** Theme configuration. All fields are optional — omitted fields use light-theme defaults. */
+export interface ThemeConfig {
+    colors?: ThemeColors;
+    fonts?: ThemeFonts;
+    layout?: ThemeLayout;
+    direction?: LayoutDirection;
+    labels?: Labels;
+    /** Per-edge style overrides keyed by "from_id->to_id". */
+    edge_styles?: Record<string, EdgeStyle>;
+    /** Show the minimap overlay. Default: false. */
+    minimap?: boolean;
+}
+/**
+ * Custom node render callback.
+ * Called for each node during rendering.
+ * @param x - Node x position
+ * @param y - Node y position
+ * @param w - Node width
+ * @param h - Node height
+ * @param job - The job data object
+ * @returns `true` to skip default node rendering, `false` to render default on top.
+ */
+export type OnRenderNode = (x: number, y: number, w: number, h: number, job: Job) => boolean;
+export interface GraphOptions {
+    onNodeClick?: (jobId: string) => void;
+    onNodeHover?: (jobId: string | null) => void;
+    onCanvasClick?: () => void;
+    onSelectionChange?: (selectedIds: string[]) => void;
+    onNodeDragEnd?: (jobId: string, x: number, y: number) => void;
+    /** Called when an edge is clicked. Requires bezier hit testing. */
+    onEdgeClick?: (fromId: string, toId: string) => void;
+    /** Custom node rendering callback. */
+    onRenderNode?: OnRenderNode;
+    /** Custom theme configuration. */
+    theme?: ThemeConfig;
+    /** Automatically resize the canvas when the container resizes. */
+    autoResize?: boolean;
+}
+/**
+ * Configure the URL to the WASM binary. Call this before creating any WorkflowGraph instances.
+ * Only needed if the default resolution doesn't work in your environment.
+ *
+ * @example
+ * ```typescript
+ * setWasmUrl('/assets/workflow_graph_web_bg.wasm');
+ * // or from a CDN:
+ * setWasmUrl('https://cdn.example.com/wasm/workflow_graph_web_bg.wasm');
+ * ```
+ */
+export declare function setWasmUrl(url: string | URL): void;
+/**
+ * Interactive workflow DAG graph component.
+ *
+ * @example
+ * ```typescript
+ * const graph = new WorkflowGraph(document.getElementById('container')!, {
+ *   onNodeClick: (jobId) => console.log('clicked', jobId),
+ *   theme: darkTheme,
+ *   autoResize: true,
+ * });
+ * graph.setWorkflow(workflowData);
+ * ```
+ */
+export declare class WorkflowGraph {
+    private canvasId;
+    private canvas;
+    private options;
+    private initialized;
+    constructor(container: HTMLElement, options?: GraphOptions);
+    /** Render a workflow. Call this on initial load. */
+    setWorkflow(workflow: Workflow): Promise<void>;
+    /** Update workflow data without resetting positions or zoom. */
+    updateStatus(workflow: Workflow): Promise<void>;
+    /** Update the theme at runtime. Triggers re-layout if dimensions or direction changed. */
+    setTheme(theme: ThemeConfig): Promise<void>;
+    /** Enable or disable auto-resize via ResizeObserver. */
+    setAutoResize(enabled: boolean): Promise<void>;
+    /** Programmatically select a node. */
+    selectNode(jobId: string): Promise<void>;
+    /** Deselect all nodes. */
+    deselectAll(): Promise<void>;
+    /** Reset node positions to auto-layout. */
+    resetLayout(): Promise<void>;
+    /** Zoom to fit the entire graph. */
+    zoomToFit(): Promise<void>;
+    /** Set zoom level (0.25 to 4.0). */
+    setZoom(level: number): Promise<void>;
+    /** Get current node positions for persistence. */
+    getNodePositions(): Promise<Record<string, [number, number]>>;
+    /** Restore previously saved node positions. */
+    setNodePositions(positions: Record<string, [number, number]>): Promise<void>;
+    /** Clean up event listeners, resize observer, and remove the canvas. */
+    destroy(): Promise<void>;
+}
+/** GitHub Actions dark mode theme preset. */
+export declare const darkTheme: ThemeConfig;
+/** Default GitHub Actions light theme (no-op, but useful for toggling back). */
+export declare const lightTheme: ThemeConfig;
+/** WCAG AA high-contrast theme for accessibility. */
+export declare const highContrastTheme: ThemeConfig;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -0,0 +1,190 @@
+/**
+ * workflow-graph — Interactive workflow DAG visualizer
+ *
+ * TypeScript wrapper around the WASM module.
+ */
+let wasmModule = null;
+let customWasmUrl;
+/**
+ * Configure the URL to the WASM binary. Call this before creating any WorkflowGraph instances.
+ * Only needed if the default resolution doesn't work in your environment.
+ *
+ * @example
+ * ```typescript
+ * setWasmUrl('/assets/workflow_graph_web_bg.wasm');
+ * // or from a CDN:
+ * setWasmUrl('https://cdn.example.com/wasm/workflow_graph_web_bg.wasm');
+ * ```
+ */
+export function setWasmUrl(url) {
+    customWasmUrl = url;
+}
+async function ensureWasm() {
+    if (wasmModule)
+        return wasmModule;
+    // Dynamic import of the WASM glue code bundled in wasm/
+    // @ts-expect-error — external wasm-pack artifact, not a TS module
+    const mod = await import('../wasm/workflow_graph_web.js');
+    await mod.default(customWasmUrl);
+    wasmModule = mod;
+    return wasmModule;
+}
+/**
+ * Interactive workflow DAG graph component.
+ *
+ * @example
+ * ```typescript
+ * const graph = new WorkflowGraph(document.getElementById('container')!, {
+ *   onNodeClick: (jobId) => console.log('clicked', jobId),
+ *   theme: darkTheme,
+ *   autoResize: true,
+ * });
+ * graph.setWorkflow(workflowData);
+ * ```
+ */
+export class WorkflowGraph {
+    constructor(container, options = {}) {
+        this.initialized = false;
+        this.canvasId = `gg-${Math.random().toString(36).slice(2, 9)}`;
+        this.canvas = document.createElement('canvas');
+        this.canvas.id = this.canvasId;
+        this.canvas.style.display = 'block';
+        this.canvas.setAttribute('role', 'img');
+        this.canvas.setAttribute('aria-label', 'Workflow DAG visualization');
+        this.canvas.tabIndex = 0;
+        container.appendChild(this.canvas);
+        this.options = options;
+    }
+    /** Render a workflow. Call this on initial load. */
+    async setWorkflow(workflow) {
+        const wasm = await ensureWasm();
+        const json = JSON.stringify(workflow);
+        const themeJson = this.options.theme ? JSON.stringify(this.options.theme) : null;
+        wasm.render_workflow(this.canvasId, json, this.options.onNodeClick || null, this.options.onNodeHover || null, this.options.onCanvasClick || null, this.options.onSelectionChange || null, this.options.onNodeDragEnd || null, themeJson);
+        this.initialized = true;
+        // Wire up optional callbacks that use separate WASM functions
+        if (this.options.onEdgeClick) {
+            wasm.set_on_edge_click(this.canvasId, this.options.onEdgeClick);
+        }
+        if (this.options.onRenderNode) {
+            wasm.set_on_render_node(this.canvasId, this.options.onRenderNode);
+        }
+        if (this.options.autoResize) {
+            wasm.set_auto_resize(this.canvasId, true);
+        }
+    }
+    /** Update workflow data without resetting positions or zoom. */
+    async updateStatus(workflow) {
+        const wasm = await ensureWasm();
+        if (this.initialized) {
+            wasm.update_workflow_data(this.canvasId, JSON.stringify(workflow));
+        }
+        else {
+            await this.setWorkflow(workflow);
+        }
+    }
+    /** Update the theme at runtime. Triggers re-layout if dimensions or direction changed. */
+    async setTheme(theme) {
+        const wasm = await ensureWasm();
+        wasm.set_theme(this.canvasId, JSON.stringify(theme));
+        this.options.theme = theme;
+    }
+    /** Enable or disable auto-resize via ResizeObserver. */
+    async setAutoResize(enabled) {
+        const wasm = await ensureWasm();
+        wasm.set_auto_resize(this.canvasId, enabled);
+        this.options.autoResize = enabled;
+    }
+    /** Programmatically select a node. */
+    async selectNode(jobId) {
+        const wasm = await ensureWasm();
+        wasm.select_node(this.canvasId, jobId);
+    }
+    /** Deselect all nodes. */
+    async deselectAll() {
+        const wasm = await ensureWasm();
+        wasm.deselect_all(this.canvasId);
+    }
+    /** Reset node positions to auto-layout. */
+    async resetLayout() {
+        const wasm = await ensureWasm();
+        wasm.reset_layout(this.canvasId);
+    }
+    /** Zoom to fit the entire graph. */
+    async zoomToFit() {
+        const wasm = await ensureWasm();
+        wasm.zoom_to_fit(this.canvasId);
+    }
+    /** Set zoom level (0.25 to 4.0). */
+    async setZoom(level) {
+        const wasm = await ensureWasm();
+        wasm.set_zoom(this.canvasId, level);
+    }
+    /** Get current node positions for persistence. */
+    async getNodePositions() {
+        const wasm = await ensureWasm();
+        return wasm.get_node_positions(this.canvasId);
+    }
+    /** Restore previously saved node positions. */
+    async setNodePositions(positions) {
+        const wasm = await ensureWasm();
+        wasm.set_node_positions(this.canvasId, JSON.stringify(positions));
+    }
+    /** Clean up event listeners, resize observer, and remove the canvas. */
+    async destroy() {
+        const wasm = await ensureWasm();
+        wasm.destroy(this.canvasId);
+        this.canvas.remove();
+        this.initialized = false;
+    }
+}
+// ─── Preset themes ───────────────────────────────────────────────────────────
+/** GitHub Actions dark mode theme preset. */
+export const darkTheme = {
+    colors: {
+        success: '#3fb950',
+        failure: '#f85149',
+        running: '#d29922',
+        queued: '#8b949e',
+        skipped: '#8b949e',
+        cancelled: '#8b949e',
+        node_bg: '#161b22',
+        node_border: '#30363d',
+        text: '#e6edf3',
+        text_secondary: '#8b949e',
+        bg: '#0d1117',
+        graph_bg: '#161b22',
+        edge: '#30363d',
+        junction: '#484f58',
+        highlight: '#58a6ff',
+        selected: '#58a6ff',
+        header_text: '#e6edf3',
+        header_trigger: '#8b949e',
+    },
+};
+/** Default GitHub Actions light theme (no-op, but useful for toggling back). */
+export const lightTheme = {};
+/** WCAG AA high-contrast theme for accessibility. */
+export const highContrastTheme = {
+    colors: {
+        success: '#008000',
+        failure: '#ff0000',
+        running: '#ff8c00',
+        queued: '#555555',
+        skipped: '#555555',
+        cancelled: '#555555',
+        node_bg: '#ffffff',
+        node_border: '#000000',
+        text: '#000000',
+        text_secondary: '#333333',
+        bg: '#ffffff',
+        graph_bg: '#f0f0f0',
+        edge: '#000000',
+        junction: '#000000',
+        highlight: '#0000ff',
+        selected: '#0000ff',
+        header_text: '#000000',
+        header_trigger: '#333333',
+    },
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@auser/workflow-graph-web",
+  "version": "0.1.0",
+  "description": "Interactive workflow DAG visualizer (WASM + Canvas)",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist/", "wasm/", "src/", "README.md"],
+  "scripts": {
+    "copy-wasm": "mkdir -p wasm && cp ../../crates/web/pkg/workflow_graph_web.js ../../crates/web/pkg/workflow_graph_web_bg.wasm wasm/",
+    "build": "npm run copy-wasm && tsc",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": ["workflow", "dag", "graph", "wasm", "canvas", "github-actions", "visualization"],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/auser/workflow-graph",
+    "directory": "packages/web"
+  },
+  "homepage": "https://auser.github.io/workflow-graph/",
+  "sideEffects": false,
+  "devDependencies": {
+    "typescript": "^5.0.0"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./wasm/*": "./wasm/*"
+  }
+}