@unpunnyfuns/conduit 0.1.0

package/dist/schema/primitives.d.ts

@@ -0,0 +1,58 @@
+import { z } from "zod";
+/** Constrained so an id survives as a DOM id, an SVG marker id and a URL fragment. */
+export declare const Id: z.ZodString;
+export type Id = z.infer<typeof Id>;
+export declare const Label: z.ZodString;
+export declare const Summary: z.ZodString;
+export declare const Status: z.ZodEnum<{
+    caution: "caution";
+    critical: "critical";
+    neutral: "neutral";
+    positive: "positive";
+}>;
+export type Status = z.infer<typeof Status>;
+export declare const STATUSES: ("caution" | "critical" | "neutral" | "positive")[];
+/** Coarse on purpose: this drives the card icon, never analysis. */
+export declare const NodeKind: z.ZodEnum<{
+    app: "app";
+    cache: "cache";
+    config: "config";
+    datastore: "datastore";
+    external: "external";
+    function: "function";
+    job: "job";
+    module: "module";
+    other: "other";
+    package: "package";
+    queue: "queue";
+    route: "route";
+    service: "service";
+    test: "test";
+    ui: "ui";
+}>;
+export type NodeKind = z.infer<typeof NodeKind>;
+export declare const EdgeKind: z.ZodEnum<{
+    call: "call";
+    data: "data";
+    dependency: "dependency";
+    event: "event";
+    http: "http";
+    other: "other";
+    queue: "queue";
+    render: "render";
+    rpc: "rpc";
+}>;
+export type EdgeKind = z.infer<typeof EdgeKind>;
+export declare const EdgeEmphasis: z.ZodEnum<{
+    hero: "hero";
+    muted: "muted";
+    normal: "normal";
+}>;
+export type EdgeEmphasis = z.infer<typeof EdgeEmphasis>;
+/** Which way the flow runs: lanes as columns with rows going down, or lanes as bands with columns going right. */
+export declare const Direction: z.ZodEnum<{
+    down: "down";
+    right: "right";
+}>;
+export type Direction = z.infer<typeof Direction>;
+//# sourceMappingURL=primitives.d.ts.map

package/dist/schema/primitives.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/schema/primitives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,sFAAsF;AACtF,eAAO,MAAM,EAAE,aAOZ,CAAC;AACJ,MAAM,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAEpC,eAAO,MAAM,KAAK,aAA6B,CAAC;AAChD,eAAO,MAAM,OAAO,aAA8B,CAAC;AAEnD,eAAO,MAAM,MAAM;;;;;EAAyD,CAAC;AAC7E,MAAM,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,MAAM,CAAC,CAAC;AAC5C,eAAO,MAAM,QAAQ,qDAAiB,CAAC;AAEvC,oEAAoE;AACpE,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;EAgBnB,CAAC;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhD,eAAO,MAAM,QAAQ;;;;;;;;;;EAUnB,CAAC;AACH,MAAM,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEhD,eAAO,MAAM,YAAY;;;;EAAsC,CAAC;AAChE,MAAM,MAAM,YAAY,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAExD,kHAAkH;AAClH,eAAO,MAAM,SAAS;;;EAA4B,CAAC;AACnD,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,SAAS,CAAC,CAAC"}

package/dist/schema/primitives.js

@@ -0,0 +1,44 @@
+import { z } from "zod";
+/** Constrained so an id survives as a DOM id, an SVG marker id and a URL fragment. */
+export const Id = z
+    .string()
+    .min(1)
+    .max(128)
+    .regex(/^[A-Za-z0-9][A-Za-z0-9._:/-]*$/, "must start alphanumeric and contain only letters, digits and . _ : / -");
+export const Label = z.string().min(1).max(120);
+export const Summary = z.string().min(1).max(2000);
+export const Status = z.enum(["neutral", "positive", "caution", "critical"]);
+export const STATUSES = Status.options;
+/** Coarse on purpose: this drives the card icon, never analysis. */
+export const NodeKind = z.enum([
+    "service",
+    "app",
+    "module",
+    "function",
+    "route",
+    "job",
+    "queue",
+    "datastore",
+    "cache",
+    "external",
+    "ui",
+    "config",
+    "test",
+    "package",
+    "other",
+]);
+export const EdgeKind = z.enum([
+    "call",
+    "http",
+    "rpc",
+    "event",
+    "queue",
+    "data",
+    "dependency",
+    "render",
+    "other",
+]);
+export const EdgeEmphasis = z.enum(["normal", "hero", "muted"]);
+/** Which way the flow runs: lanes as columns with rows going down, or lanes as bands with columns going right. */
+export const Direction = z.enum(["right", "down"]);
+//# sourceMappingURL=primitives.js.map

package/dist/schema/primitives.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primitives.js","sourceRoot":"","sources":["../../src/schema/primitives.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,sFAAsF;AACtF,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;KAChB,MAAM,EAAE;KACR,GAAG,CAAC,CAAC,CAAC;KACN,GAAG,CAAC,GAAG,CAAC;KACR,KAAK,CACJ,gCAAgC,EAChC,wEAAwE,CACzE,CAAC;AAGJ,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;AAE7E,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAEvC,oEAAoE;AACpE,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC;IAC7B,SAAS;IACT,KAAK;IACL,QAAQ;IACR,UAAU;IACV,OAAO;IACP,KAAK;IACL,OAAO;IACP,WAAW;IACX,OAAO;IACP,UAAU;IACV,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,SAAS;IACT,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC;IAC7B,MAAM;IACN,MAAM;IACN,KAAK;IACL,OAAO;IACP,OAAO;IACP,MAAM;IACN,YAAY;IACZ,QAAQ;IACR,OAAO;CACR,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAGhE,kHAAkH;AAClH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC"}

package/dist/theme.css

@@ -0,0 +1,63 @@
+/*
+ * conduit design tokens. Defaults are pr-lens's palette so the look survives
+ * verbatim; override any token in your own @theme or .dark block.
+ */
+@theme {
+  --color-conduit-bg: #f4f5f7;
+  --color-conduit-dot: rgb(140 149 159 / 0.5);
+  --color-conduit-lane: rgb(255 255 255 / 0.55);
+  --color-conduit-card: #ffffff;
+  --color-conduit-card-border: #d1d9e0;
+  --color-conduit-fg: #1f2328;
+  --color-conduit-muted: #59636e;
+  --color-conduit-chip: #f1f3f5;
+  --color-conduit-edge: #8c959f;
+  --color-conduit-pill: #ffffff;
+  --color-conduit-pill-border: #d8dee4;
+  --color-conduit-shadow: rgb(31 35 40 / 0.14);
+
+  --color-conduit-positive: #1f883d;
+  --color-conduit-positive-fill: #b9f0c4;
+  --color-conduit-positive-text: #116329;
+  --color-conduit-positive-border: rgb(31 136 61 / 0.55);
+
+  --color-conduit-caution: #bf8700;
+  --color-conduit-caution-fill: #fae17d;
+  --color-conduit-caution-text: #7d4e00;
+  --color-conduit-caution-border: rgb(154 103 0 / 0.55);
+
+  --color-conduit-critical: #cf222e;
+  --color-conduit-critical-fill: #ffcecb;
+  --color-conduit-critical-text: #a40e26;
+  --color-conduit-critical-border: rgb(207 34 46 / 0.5);
+}
+
+.dark {
+  --color-conduit-bg: #0d1117;
+  --color-conduit-dot: rgb(110 118 129 / 0.22);
+  --color-conduit-lane: rgb(110 118 129 / 0.07);
+  --color-conduit-card: #1c2128;
+  --color-conduit-card-border: #3d444d;
+  --color-conduit-fg: #e6edf3;
+  --color-conduit-muted: #9198a1;
+  --color-conduit-chip: rgb(110 118 129 / 0.18);
+  --color-conduit-edge: #6e7681;
+  --color-conduit-pill: #0d1117;
+  --color-conduit-pill-border: #21262d;
+  --color-conduit-shadow: rgb(0 0 0 / 0.28);
+
+  --color-conduit-positive: #3fb950;
+  --color-conduit-positive-fill: rgb(46 160 67 / 0.15);
+  --color-conduit-positive-text: #3fb950;
+  --color-conduit-positive-border: rgb(63 185 80 / 0.4);
+
+  --color-conduit-caution: #d29922;
+  --color-conduit-caution-fill: rgb(187 128 9 / 0.15);
+  --color-conduit-caution-text: #d29922;
+  --color-conduit-caution-border: rgb(210 153 34 / 0.4);
+
+  --color-conduit-critical: #f85149;
+  --color-conduit-critical-fill: rgb(248 81 73 / 0.12);
+  --color-conduit-critical-text: #f85149;
+  --color-conduit-critical-border: rgb(248 81 73 / 0.4);
+}

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@unpunnyfuns/conduit",
+  "version": "0.1.0",
+  "description": "Lane-based architecture diagrams for React, with live content in every card.",
+  "keywords": [
+    "architecture",
+    "diagram",
+    "react",
+    "svg",
+    "tailwind"
+  ],
+  "license": "MIT",
+  "author": "unpunnyfuns <unpunnyfuns@gmail.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/unpunnyfuns/conduit.git"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./layout": {
+      "types": "./dist/layout.d.ts",
+      "default": "./dist/layout.js"
+    },
+    "./theme.css": "./dist/theme.css",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "prepack": "npm run build",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp src/theme.css dist/theme.css",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "oxlint",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "test": "vitest run",
+    "test:layout": "vitest run --project layout",
+    "test:browser": "vitest run --project browser",
+    "example": "vite -c example/vite.config.ts"
+  },
+  "dependencies": {
+    "zod": "^4.5.4"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/node": "^26.5.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.7",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitest/browser-playwright": "^5.0.0",
+    "oxfmt": "^0.67.0",
+    "oxlint": "^1.82.0",
+    "playwright": "^1.63.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^7.0.2",
+    "vite": "^8.2.2",
+    "vitest": "^5.0.0",
+    "vitest-browser-react": "^2.3.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=20.11"
+  }
+}