@cyoda/workflow-viewer 0.1.0

package/dist/theme/index.d.ts

@@ -0,0 +1,176 @@
+import { StateNode, TransitionEdge, TransitionSummary } from '@cyoda/workflow-graph';
+
+/**
+ * Design tokens for the Cyoda workflow viewer.
+ *
+ * Palette values match the existing Cyoda Launchpad workflow diagram at
+ * `cyoda-launchpad/src/lib/workflow-diagram/cyoda/CyodaWorkflowDiagram.tsx`.
+ * Changes here should be coordinated with that renderer so the website and
+ * editor remain visually identical.
+ */
+interface RolePaletteEntry {
+    fill: string;
+    border: string;
+    meta: string;
+    title: string;
+}
+interface TerminalPaletteEntry extends RolePaletteEntry {
+    innerRing: string;
+}
+interface NodePalette {
+    default: RolePaletteEntry;
+    initial: RolePaletteEntry;
+    terminal: TerminalPaletteEntry;
+    manualReview: RolePaletteEntry;
+    processing: RolePaletteEntry;
+}
+interface EdgePalette {
+    automated: string;
+    manual: string;
+    conditional: string;
+    processing: string;
+    terminal: string;
+    loop: string;
+    disabled: string;
+    arrowhead: string;
+}
+interface BadgePaletteEntry {
+    fill: string;
+    border: string;
+}
+interface BadgePalette {
+    manual: BadgePaletteEntry;
+    processor: BadgePaletteEntry;
+    criterion: BadgePaletteEntry;
+    disabled: BadgePaletteEntry;
+    text: string;
+}
+interface EdgeLabelPalette {
+    fill: string;
+    border: string;
+    text: string;
+}
+interface NeutralPalette {
+    white: string;
+    white95: string;
+    white75: string;
+    slate200: string;
+    slate300: string;
+    slate500: string;
+    slate600: string;
+    slate900: string;
+}
+interface WorkflowPalette {
+    neutrals: NeutralPalette;
+    node: NodePalette;
+    edge: EdgePalette;
+    edgeLabel: EdgeLabelPalette;
+    badge: BadgePalette;
+}
+declare const workflowPalette: WorkflowPalette;
+declare const typography: {
+    fontFamily: string;
+    monoFamily: string;
+    stateCategory: {
+        size: number;
+        weight: number;
+        tracking: string;
+    };
+    stateTitle: {
+        size: number;
+        weight: number;
+        tracking: string;
+    };
+    edgeLabel: {
+        size: number;
+        weight: number;
+        tracking: string;
+    };
+    badge: {
+        size: number;
+        weight: number;
+        tracking: string;
+    };
+};
+declare const geometry: {
+    node: {
+        width: number;
+        height: number;
+        radius: number;
+        strokeWidth: number;
+        terminalInset: number;
+        terminalInnerRadius: number;
+    };
+    edge: {
+        strokeWidth: number;
+        loopStrokeWidth: number;
+        arrowheadSize: number;
+    };
+    labelPill: {
+        paddingX: number;
+        paddingY: number;
+        radius: number;
+        shadowOpacity: number;
+    };
+};
+
+/**
+ * Category label shown in the small uppercase header line above the state
+ * title. Derived from projection data (role + visual category).
+ *
+ * Reused by the editor shell so the website viewer and editor canvas display
+ * identical headers.
+ */
+declare function roleCategoryLabel(node: StateNode): string;
+
+/**
+ * Select the edge stroke color ("lane") for a transition edge.
+ *
+ * Order of precedence (mirrors the Launchpad renderer):
+ * 1. Disabled transitions → disabled lane.
+ * 2. Loopback (self or back-edge) → loop lane.
+ * 3. Target is a terminal state → terminal lane (set by caller via
+ *    `targetIsTerminal` since the edge itself doesn't know).
+ * 4. Processor-bearing transition → processing lane.
+ * 5. Manual transition → manual lane.
+ * 6. Has a criterion (non-group) → conditional lane.
+ * 7. Default → automated lane.
+ */
+declare function laneColor(edge: TransitionEdge, opts: {
+    targetIsTerminal: boolean;
+}): string;
+/**
+ * Whether the stroke should be rendered dashed (spec §24: dashed-vs-solid
+ * carries meaning, colour alone never does).
+ */
+declare function laneIsDashed(edge: TransitionEdge): boolean;
+/**
+ * SVG `strokeDasharray` value for an edge.
+ * - Disabled: tight "3 2" — visually reads as "greyed out / inactive".
+ * - Loopback (non-disabled): "6 4" — looser, still dashed.
+ * - Otherwise: undefined (solid).
+ */
+declare function laneDashArray(edge: TransitionEdge): string | undefined;
+
+/**
+ * Select the palette entry for a state node.
+ * initial-terminal prefers terminal styling (with initial accent applied
+ * separately by the renderer — e.g. a secondary border ring).
+ */
+declare function paletteFor(node: StateNode): RolePaletteEntry | TerminalPaletteEntry;
+
+interface BadgeDescriptor {
+    key: "manual" | "processor" | "criterion" | "disabled" | "execution";
+    label: string;
+}
+/**
+ * Translate a transition summary + flags into the ordered list of badges the
+ * edge chip should render. Mirrors §10 chip summaries + the visual design
+ * section of the implementation plan.
+ */
+declare function badgesFor(summary: TransitionSummary, flags: {
+    manual: boolean;
+    disabled: boolean;
+}): BadgeDescriptor[];
+
+export { type BadgeDescriptor, type BadgePalette, type BadgePaletteEntry, type EdgeLabelPalette, type EdgePalette, type NeutralPalette, type NodePalette, type RolePaletteEntry, type TerminalPaletteEntry, type WorkflowPalette, badgesFor, geometry, laneColor, laneDashArray, laneIsDashed, paletteFor, roleCategoryLabel, typography, workflowPalette };

package/dist/theme/index.js

@@ -0,0 +1,178 @@
+// src/theme/tokens.ts
+var workflowPalette = {
+  neutrals: {
+    white: "#FFFFFF",
+    white95: "#FFFFFFF2",
+    white75: "#FFFFFFBF",
+    slate200: "#E2E8F0",
+    slate300: "#CBD5E1",
+    slate500: "#64748B",
+    slate600: "#475569",
+    slate900: "#0F172A"
+  },
+  node: {
+    default: {
+      fill: "#F0FDFA",
+      border: "#2DD4BF",
+      meta: "#0F766E",
+      title: "#0F172A"
+    },
+    initial: {
+      fill: "#D1FAE5",
+      border: "#059669",
+      meta: "#047857",
+      title: "#022C22"
+    },
+    terminal: {
+      fill: "#FFF1F2",
+      border: "#FDA4AF",
+      meta: "#BE123C",
+      title: "#4C0519",
+      innerRing: "#FFFFFFBF"
+    },
+    manualReview: {
+      fill: "#F5F3FF",
+      border: "#C4B5FD",
+      meta: "#6D28D9",
+      title: "#2E1065"
+    },
+    processing: {
+      fill: "#F0F9FF",
+      border: "#7DD3FC",
+      meta: "#0369A1",
+      title: "#082F49"
+    }
+  },
+  edge: {
+    automated: "#64748B",
+    manual: "#8B5CF6",
+    conditional: "#F59E0B",
+    processing: "#0EA5E9",
+    terminal: "#FB7185",
+    loop: "#14B8A6",
+    disabled: "#CBD5E1",
+    arrowhead: "#64748B"
+  },
+  edgeLabel: {
+    fill: "#FFFFFFF2",
+    border: "#E2E8F0",
+    text: "#475569"
+  },
+  badge: {
+    manual: { fill: "#F5F3FF", border: "#DDD6FE" },
+    processor: { fill: "#F0F9FF", border: "#BAE6FD" },
+    criterion: { fill: "#FFFBEB", border: "#FDE68A" },
+    disabled: { fill: "#F8FAFC", border: "#E2E8F0" },
+    text: "#475569"
+  }
+};
+var typography = {
+  fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", system-ui, sans-serif',
+  monoFamily: 'ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace',
+  stateCategory: { size: 10, weight: 700, tracking: "0.12em" },
+  stateTitle: { size: 14, weight: 700, tracking: "0.01em" },
+  edgeLabel: { size: 9, weight: 700, tracking: "0.04em" },
+  badge: { size: 8, weight: 600, tracking: "0.04em" }
+};
+var geometry = {
+  node: {
+    width: 144,
+    height: 72,
+    radius: 8,
+    strokeWidth: 1.5,
+    terminalInset: 3,
+    terminalInnerRadius: 6
+  },
+  edge: {
+    strokeWidth: 1.8,
+    loopStrokeWidth: 1.6,
+    arrowheadSize: 6
+  },
+  labelPill: {
+    paddingX: 6,
+    paddingY: 3,
+    radius: 6,
+    shadowOpacity: 0.08
+  }
+};
+
+// src/theme/role-label.ts
+function roleCategoryLabel(node) {
+  if (node.role === "initial" || node.role === "initial-terminal") return "INITIAL";
+  if (node.role === "terminal") return "TERMINAL";
+  if (node.category === "MANUAL_REVIEW") return "MANUAL REVIEW";
+  if (node.category === "PROCESSING_STATE") return "PROCESSING STATE";
+  return "STATE";
+}
+
+// src/theme/lane.ts
+function laneColor(edge, opts) {
+  const e = workflowPalette.edge;
+  if (edge.disabled) return e.disabled;
+  if (edge.isLoopback) return e.loop;
+  if (opts.targetIsTerminal) return e.terminal;
+  if (edge.summary.processor && edge.summary.processor.kind !== "none") {
+    return e.processing;
+  }
+  if (edge.manual) return e.manual;
+  if (edge.summary.criterion) return e.conditional;
+  return e.automated;
+}
+function laneIsDashed(edge) {
+  return edge.disabled || edge.isLoopback;
+}
+function laneDashArray(edge) {
+  if (edge.disabled) return "3 2";
+  if (edge.isLoopback) return "6 4";
+  return void 0;
+}
+
+// src/theme/node-palette.ts
+function paletteFor(node) {
+  const p = workflowPalette.node;
+  if (node.role === "terminal" || node.role === "initial-terminal") return p.terminal;
+  if (node.role === "initial") return p.initial;
+  if (node.category === "MANUAL_REVIEW") return p.manualReview;
+  if (node.category === "PROCESSING_STATE") return p.processing;
+  return p.default;
+}
+
+// src/theme/badges.ts
+function badgesFor(summary, flags) {
+  const out = [];
+  if (flags.manual) out.push({ key: "manual", label: "Manual" });
+  if (summary.processor) {
+    if (summary.processor.kind === "single") {
+      out.push({ key: "processor", label: summary.processor.name });
+    } else if (summary.processor.kind === "multiple") {
+      out.push({ key: "processor", label: `${summary.processor.count} processors` });
+    }
+  }
+  if (summary.criterion) {
+    const c = summary.criterion;
+    if (c.kind === "group") {
+      out.push({ key: "criterion", label: `${c.operator} \xB7 ${c.count}` });
+    } else {
+      out.push({ key: "criterion", label: "Criterion" });
+    }
+  }
+  if (summary.execution?.kind === "sync") {
+    out.push({ key: "execution", label: "SYNC" });
+  } else if (summary.execution?.kind === "asyncSameTx") {
+    out.push({ key: "execution", label: "ASYNC_SAME_TX" });
+  }
+  if (flags.disabled) out.push({ key: "disabled", label: "Disabled" });
+  return out;
+}
+export {
+  badgesFor,
+  geometry,
+  laneColor,
+  laneDashArray,
+  laneIsDashed,
+  paletteFor,
+  roleCategoryLabel,
+  typography,
+  workflowPalette
+};
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/theme/tokens.ts","../../src/theme/role-label.ts","../../src/theme/lane.ts","../../src/theme/node-palette.ts","../../src/theme/badges.ts"],"sourcesContent":["/**\n * Design tokens for the Cyoda workflow viewer.\n *\n * Palette values match the existing Cyoda Launchpad workflow diagram at\n * `cyoda-launchpad/src/lib/workflow-diagram/cyoda/CyodaWorkflowDiagram.tsx`.\n * Changes here should be coordinated with that renderer so the website and\n * editor remain visually identical.\n */\n\nexport interface RolePaletteEntry {\n  fill: string;\n  border: string;\n  meta: string;\n  title: string;\n}\n\nexport interface TerminalPaletteEntry extends RolePaletteEntry {\n  innerRing: string;\n}\n\nexport interface NodePalette {\n  default: RolePaletteEntry;\n  initial: RolePaletteEntry;\n  terminal: TerminalPaletteEntry;\n  manualReview: RolePaletteEntry;\n  processing: RolePaletteEntry;\n}\n\nexport interface EdgePalette {\n  automated: string;\n  manual: string;\n  conditional: string;\n  processing: string;\n  terminal: string;\n  loop: string;\n  disabled: string;\n  arrowhead: string;\n}\n\nexport interface BadgePaletteEntry {\n  fill: string;\n  border: string;\n}\n\nexport interface BadgePalette {\n  manual: BadgePaletteEntry;\n  processor: BadgePaletteEntry;\n  criterion: BadgePaletteEntry;\n  disabled: BadgePaletteEntry;\n  text: string;\n}\n\nexport interface EdgeLabelPalette {\n  fill: string;\n  border: string;\n  text: string;\n}\n\nexport interface NeutralPalette {\n  white: string;\n  white95: string;\n  white75: string;\n  slate200: string;\n  slate300: string;\n  slate500: string;\n  slate600: string;\n  slate900: string;\n}\n\nexport interface WorkflowPalette {\n  neutrals: NeutralPalette;\n  node: NodePalette;\n  edge: EdgePalette;\n  edgeLabel: EdgeLabelPalette;\n  badge: BadgePalette;\n}\n\nexport const workflowPalette: WorkflowPalette = {\n  neutrals: {\n    white: \"#FFFFFF\",\n    white95: \"#FFFFFFF2\",\n    white75: \"#FFFFFFBF\",\n    slate200: \"#E2E8F0\",\n    slate300: \"#CBD5E1\",\n    slate500: \"#64748B\",\n    slate600: \"#475569\",\n    slate900: \"#0F172A\",\n  },\n  node: {\n    default: {\n      fill: \"#F0FDFA\",\n      border: \"#2DD4BF\",\n      meta: \"#0F766E\",\n      title: \"#0F172A\",\n    },\n    initial: {\n      fill: \"#D1FAE5\",\n      border: \"#059669\",\n      meta: \"#047857\",\n      title: \"#022C22\",\n    },\n    terminal: {\n      fill: \"#FFF1F2\",\n      border: \"#FDA4AF\",\n      meta: \"#BE123C\",\n      title: \"#4C0519\",\n      innerRing: \"#FFFFFFBF\",\n    },\n    manualReview: {\n      fill: \"#F5F3FF\",\n      border: \"#C4B5FD\",\n      meta: \"#6D28D9\",\n      title: \"#2E1065\",\n    },\n    processing: {\n      fill: \"#F0F9FF\",\n      border: \"#7DD3FC\",\n      meta: \"#0369A1\",\n      title: \"#082F49\",\n    },\n  },\n  edge: {\n    automated: \"#64748B\",\n    manual: \"#8B5CF6\",\n    conditional: \"#F59E0B\",\n    processing: \"#0EA5E9\",\n    terminal: \"#FB7185\",\n    loop: \"#14B8A6\",\n    disabled: \"#CBD5E1\",\n    arrowhead: \"#64748B\",\n  },\n  edgeLabel: {\n    fill: \"#FFFFFFF2\",\n    border: \"#E2E8F0\",\n    text: \"#475569\",\n  },\n  badge: {\n    manual: { fill: \"#F5F3FF\", border: \"#DDD6FE\" },\n    processor: { fill: \"#F0F9FF\", border: \"#BAE6FD\" },\n    criterion: { fill: \"#FFFBEB\", border: \"#FDE68A\" },\n    disabled: { fill: \"#F8FAFC\", border: \"#E2E8F0\" },\n    text: \"#475569\",\n  },\n};\n\nexport const typography = {\n  fontFamily:\n    '-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Inter\", system-ui, sans-serif',\n  monoFamily: 'ui-monospace, \"SF Mono\", \"Cascadia Code\", Menlo, monospace',\n  stateCategory: { size: 10, weight: 700, tracking: \"0.12em\" },\n  stateTitle: { size: 14, weight: 700, tracking: \"0.01em\" },\n  edgeLabel: { size: 9, weight: 700, tracking: \"0.04em\" },\n  badge: { size: 8, weight: 600, tracking: \"0.04em\" },\n};\n\nexport const geometry = {\n  node: {\n    width: 144,\n    height: 72,\n    radius: 8,\n    strokeWidth: 1.5,\n    terminalInset: 3,\n    terminalInnerRadius: 6,\n  },\n  edge: {\n    strokeWidth: 1.8,\n    loopStrokeWidth: 1.6,\n    arrowheadSize: 6,\n  },\n  labelPill: {\n    paddingX: 6,\n    paddingY: 3,\n    radius: 6,\n    shadowOpacity: 0.08,\n  },\n};\n","import type { StateNode } from \"@cyoda/workflow-graph\";\n\n/**\n * Category label shown in the small uppercase header line above the state\n * title. Derived from projection data (role + visual category).\n *\n * Reused by the editor shell so the website viewer and editor canvas display\n * identical headers.\n */\nexport function roleCategoryLabel(node: StateNode): string {\n  if (node.role === \"initial\" || node.role === \"initial-terminal\") return \"INITIAL\";\n  if (node.role === \"terminal\") return \"TERMINAL\";\n  if (node.category === \"MANUAL_REVIEW\") return \"MANUAL REVIEW\";\n  if (node.category === \"PROCESSING_STATE\") return \"PROCESSING STATE\";\n  return \"STATE\";\n}\n","import type { TransitionEdge } from \"@cyoda/workflow-graph\";\nimport { workflowPalette } from \"./tokens.js\";\n\n/**\n * Select the edge stroke color (\"lane\") for a transition edge.\n *\n * Order of precedence (mirrors the Launchpad renderer):\n * 1. Disabled transitions → disabled lane.\n * 2. Loopback (self or back-edge) → loop lane.\n * 3. Target is a terminal state → terminal lane (set by caller via\n *    `targetIsTerminal` since the edge itself doesn't know).\n * 4. Processor-bearing transition → processing lane.\n * 5. Manual transition → manual lane.\n * 6. Has a criterion (non-group) → conditional lane.\n * 7. Default → automated lane.\n */\nexport function laneColor(\n  edge: TransitionEdge,\n  opts: { targetIsTerminal: boolean },\n): string {\n  const e = workflowPalette.edge;\n  if (edge.disabled) return e.disabled;\n  if (edge.isLoopback) return e.loop;\n  if (opts.targetIsTerminal) return e.terminal;\n  if (edge.summary.processor && edge.summary.processor.kind !== \"none\") {\n    return e.processing;\n  }\n  if (edge.manual) return e.manual;\n  if (edge.summary.criterion) return e.conditional;\n  return e.automated;\n}\n\n/**\n * Whether the stroke should be rendered dashed (spec §24: dashed-vs-solid\n * carries meaning, colour alone never does).\n */\nexport function laneIsDashed(edge: TransitionEdge): boolean {\n  return edge.disabled || edge.isLoopback;\n}\n\n/**\n * SVG `strokeDasharray` value for an edge.\n * - Disabled: tight \"3 2\" — visually reads as \"greyed out / inactive\".\n * - Loopback (non-disabled): \"6 4\" — looser, still dashed.\n * - Otherwise: undefined (solid).\n */\nexport function laneDashArray(edge: TransitionEdge): string | undefined {\n  if (edge.disabled) return \"3 2\";\n  if (edge.isLoopback) return \"6 4\";\n  return undefined;\n}\n","import type { StateNode } from \"@cyoda/workflow-graph\";\nimport { workflowPalette, type RolePaletteEntry, type TerminalPaletteEntry } from \"./tokens.js\";\n\n/**\n * Select the palette entry for a state node.\n * initial-terminal prefers terminal styling (with initial accent applied\n * separately by the renderer — e.g. a secondary border ring).\n */\nexport function paletteFor(\n  node: StateNode,\n): RolePaletteEntry | TerminalPaletteEntry {\n  const p = workflowPalette.node;\n  if (node.role === \"terminal\" || node.role === \"initial-terminal\") return p.terminal;\n  if (node.role === \"initial\") return p.initial;\n  if (node.category === \"MANUAL_REVIEW\") return p.manualReview;\n  if (node.category === \"PROCESSING_STATE\") return p.processing;\n  return p.default;\n}\n","import type { TransitionSummary } from \"@cyoda/workflow-graph\";\n\nexport interface BadgeDescriptor {\n  key: \"manual\" | \"processor\" | \"criterion\" | \"disabled\" | \"execution\";\n  label: string;\n}\n\n/**\n * Translate a transition summary + flags into the ordered list of badges the\n * edge chip should render. Mirrors §10 chip summaries + the visual design\n * section of the implementation plan.\n */\nexport function badgesFor(\n  summary: TransitionSummary,\n  flags: { manual: boolean; disabled: boolean },\n): BadgeDescriptor[] {\n  const out: BadgeDescriptor[] = [];\n\n  if (flags.manual) out.push({ key: \"manual\", label: \"Manual\" });\n\n  if (summary.processor) {\n    if (summary.processor.kind === \"single\") {\n      out.push({ key: \"processor\", label: summary.processor.name });\n    } else if (summary.processor.kind === \"multiple\") {\n      out.push({ key: \"processor\", label: `${summary.processor.count} processors` });\n    }\n  }\n\n  if (summary.criterion) {\n    const c = summary.criterion;\n    if (c.kind === \"group\") {\n      out.push({ key: \"criterion\", label: `${c.operator} · ${c.count}` });\n    } else {\n      out.push({ key: \"criterion\", label: \"Criterion\" });\n    }\n  }\n\n  if (summary.execution?.kind === \"sync\") {\n    out.push({ key: \"execution\", label: \"SYNC\" });\n  } else if (summary.execution?.kind === \"asyncSameTx\") {\n    out.push({ key: \"execution\", label: \"ASYNC_SAME_TX\" });\n  }\n\n  if (flags.disabled) out.push({ key: \"disabled\", label: \"Disabled\" });\n\n  return out;\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@cyoda/workflow-viewer",
+  "version": "0.1.0",
+  "description": "Slim read-only SVG renderer for Cyoda workflows.",
+  "license": "Apache-2.0",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Cyoda-platform/cyoda-workflow-editor.git",
+    "directory": "packages/workflow-viewer"
+  },
+  "homepage": "https://github.com/Cyoda-platform/cyoda-workflow-editor#readme",
+  "bugs": {
+    "url": "https://github.com/Cyoda-platform/cyoda-workflow-editor/issues"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js",
+      "require": "./dist/theme/index.cjs"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "dependencies": {
+    "@cyoda/workflow-core": "0.1.0",
+    "@cyoda/workflow-graph": "0.1.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^14.2.0",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "jsdom": "^24.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc -p tsconfig.typecheck.json --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  }
+}