@unpunnyfuns/conduit 0.1.0

package/dist/layout/design.js

@@ -0,0 +1,92 @@
+/**
+ * The measurements of the validated prototype, in one place. These are the
+ * design system: change a number here and every diagram moves with it.
+ */
+export const DIAGRAM_MARGIN = 16;
+export const LANE_TOP = 44;
+export const LANE_HEADER_BASELINE = 68;
+export const LANE_PADDING_X = 16;
+export const LANE_GAP = 20;
+export const LANE_BOTTOM_PADDING = 20;
+/**
+ * Every lane is the same width, and that width is a constant rather than
+ * anything derived from what the lanes hold.
+ *
+ * A lane's width decides where the lane after it starts, so a width drawn
+ * from content couples every column to the contents of the ones before it:
+ * adding one node with a long name to the first lane would slide every card
+ * in every later lane sideways, which is exactly the teleport a reviewer
+ * comparing two pushes must never be shown. The cost is that a lane holding
+ * something narrow is wider than it needs to be. Stability is worth more.
+ *
+ * Sized so that two cards sharing a row still each get a readable width.
+ */
+export const LANE_CONTENT_WIDTH = 372;
+export const LANE_RADIUS = 12;
+export const LANE_LABEL_SIZE = 10;
+export const LANE_LABEL_TRACKING = 0.12;
+/** Room at the top of a lane for its header, before the first row. */
+export const LANE_HEADER_STRIP = 48;
+export const ROW_GAP = 52;
+export const CARD_RADIUS = 10;
+export const CARD_GAP_X = 12;
+export const CARD_PADDING_X = 14;
+export const ICON_CHIP_SIZE = 26;
+export const ICON_CHIP_GAP = 10;
+export const ICON_CHIP_RADIUS = 7;
+export const SUBTITLE_SIZE = 9.5;
+export const BADGE_HEIGHT = 16;
+export const BADGE_PADDING_X = 9;
+export const BADGE_TEXT_SIZE = 8.5;
+export const BADGE_TRACKING = 0.06;
+export const BADGE_GAP = 6;
+export const BADGE_RADIUS = 8;
+/** How far the badge row rides above the top edge of the card it labels. */
+export const BADGE_RISE = 8;
+export const PILL_HEIGHT = 15;
+export const PILL_PADDING_X = 8;
+export const PILL_TEXT_SIZE = 9.5;
+/** Two label pills never sit closer than this, in either direction. */
+export const PILL_CLEARANCE = 2;
+/**
+ * Routes travel in the gaps of the grid: vertical corridors beside lanes and
+ * horizontal bands between rows. Both gaps are physically 52px across — lane
+ * padding + lane gap + lane padding one way, ROW_GAP the other — and a track
+ * keeps this clearance from the cards on either side, leaving 40px of room.
+ */
+export const TRACK_CLEARANCE = 6;
+/**
+ * Neighbouring tracks in one gap sit this far apart at most; when a gap
+ * carries more traffic than the room allows, the pitch shrinks to fit. An
+ * added route therefore nudges its gap-mates proportionately — an accepted
+ * trade, and one that never moves a card.
+ */
+export const TRACK_PITCH_MAX = 16;
+/**
+ * And never closer than this: below it, parallel runs stop reading as
+ * separate lines. A gap asked to carry more traffic than the floor allows
+ * does not compress further — it widens instead, corridors pushing the lanes
+ * beside them apart and row gaps pushing the rows, in proportion to the
+ * traffic and to nothing else.
+ */
+export const TRACK_PITCH_MIN = 10;
+/** Step between neighbouring arrow ports along one card face. */
+export const PORT_PITCH = 16;
+/** Ports keep clear of the card's rounded corners. */
+export const PORT_INSET = 14;
+/**
+ * A turn's bend radius comes from the shorter of its two legs, capped here.
+ * Deriving it from the longer leg balloons a route with one short leg and one
+ * long one — the shape every corridor run has — clear out of its corridor.
+ */
+export const BEND_RADIUS_MAX = 34;
+/** One turn of the travelling pulse, and of the staggered train. */
+export const PULSE_DURATION = 1.6;
+export const HERO_PULSE_DURATION = 2.1;
+export const HERO_PULSE_COUNT = 3;
+/** Live edges: seconds per pulse ≈ PULSE_RATE_SCALE / rate, clamped so 10/s and 10k/s both read as traffic. */
+export const PULSE_RATE_SCALE = 160;
+export const PULSE_DURATION_MIN = 0.6;
+export const PULSE_DURATION_MAX = 3;
+export const DEFAULT_CARD_HEIGHTS = { compact: 52, withSubtitle: 62, chart: 140 };
+//# sourceMappingURL=design.js.map

package/dist/layout/design.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design.js","sourceRoot":"","sources":["../../src/layout/design.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,MAAM,oBAAoB,GAAG,EAAE,CAAC;AACvC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAEtC;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,CAAC;AAExC,sEAAsE;AACtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,MAAM,OAAO,GAAG,EAAE,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,CAAC;AAChC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAC;AAC/B,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC;AACjC,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAC;AACnC,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CAAC;AACnC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,CAAC;AAC3B,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAC;AAC9B,4EAA4E;AAC5E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAC;AAC9B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAChC,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,uEAAuE;AACvE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAC;AAEhC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC;AACjC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAClC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,iEAAiE;AACjE,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAC7B,sDAAsD;AACtD,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAC;AAE7B;;;;GAIG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,oEAAoE;AACpE,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAC;AAClC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,+GAA+G;AAC/G,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC;AACpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC;AACtC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAIpC,MAAM,CAAC,MAAM,oBAAoB,GAAgB,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC"}

package/dist/layout/edges.d.ts

@@ -0,0 +1,53 @@
+import type { Edge } from "../schema/document.js";
+import { type Box, type Point } from "./geometry.js";
+import type { ArchitectureLayout } from "./architecture.js";
+/**
+ * A route, kept as its own segments rather than as a path string, because the
+ * label pill has to be placed on a point of it after the fact.
+ */
+type Segment = {
+    kind: "line";
+    to: Point;
+} | {
+    kind: "cubic";
+    first: Point;
+    second: Point;
+    to: Point;
+};
+export type Curve = {
+    from: Point;
+    segments: Segment[];
+};
+export type RoutedEdge = {
+    edge: Edge;
+    path: string;
+    curve: Curve;
+    /** Centre of the longest straight run — where this edge's label pill sits. */
+    labelAnchor: Point | undefined;
+};
+export declare const pathOf: (curve: Curve) => string;
+/** The same curve moved by a fixed offset — how the canvas shift reaches a route. */
+export declare const shiftCurve: (curve: Curve, dx: number, dy: number) => Curve;
+/** The same curve with x and y swapped on every point. */
+export declare const transposeCurve: (curve: Curve) => Curve;
+/**
+ * A box the route cannot leave. A cubic stays inside the hull of its own
+ * control points, so taking every point of every segment is a bound rather
+ * than an estimate — which is what the canvas needs, since a route that ran
+ * off the edge would simply be clipped.
+ */
+export declare const curveBounds: (curve: Curve) => Box;
+export declare const routeEdges: (edges: readonly Edge[], layout: ArchitectureLayout) => RoutedEdge[];
+export type ChannelTraffic = {
+    corridors: ReadonlyMap<number, number>;
+    bands: ReadonlyMap<number, number>;
+};
+/**
+ * How many runs each gap of this layout would carry, counted from the same
+ * routing that would be drawn — braid guard included. This is what decides
+ * whether a gap is wide enough for its traffic before anything is drawn
+ * into it.
+ */
+export declare const channelTraffic: (edges: readonly Edge[], layout: ArchitectureLayout) => ChannelTraffic;
+export {};
+//# sourceMappingURL=edges.d.ts.map

package/dist/layout/edges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edges.d.ts","sourceRoot":"","sources":["../../src/layout/edges.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AASlD,OAAO,EAAoB,KAAK,GAAG,EAAE,KAAK,KAAK,EAAa,MAAM,eAAe,CAAC;AAClF,OAAO,KAAK,EAAE,kBAAkB,EAAsC,MAAM,mBAAmB,CAAC;AAEhG;;;GAGG;AACH,KAAK,OAAO,GACR;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,KAAK,CAAA;CAAE,GAC3B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAC;IAAC,MAAM,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,KAAK,CAAA;CAAE,CAAC;AAE9D,MAAM,MAAM,KAAK,GAAG;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,OAAO,EAAE,CAAA;CAAE,CAAC;AAEzD,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC;IACb,8EAA8E;IAC9E,WAAW,EAAE,KAAK,GAAG,SAAS,CAAC;CAChC,CAAC;AAiCF,eAAO,MAAM,MAAM,UAAW,KAAK,KAAG,MAiBzB,CAAC;AAEd,qFAAqF;AACrF,eAAO,MAAM,UAAU,UAAW,KAAK,MAAM,MAAM,MAAM,MAAM,KAAG,KAoBjE,CAAC;AAIF,0DAA0D;AAC1D,eAAO,MAAM,cAAc,UAAW,KAAK,KAAG,KAmB7C,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,UAAW,KAAK,KAAG,GAoB1C,CAAC;AAybF,eAAO,MAAM,UAAU,UAAW,SAAS,IAAI,EAAE,UAAU,kBAAkB,KAAG,UAAU,EACzD,CAAC;AAElC,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC,KAAK,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACpC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc,UAClB,SAAS,IAAI,EAAE,UACd,kBAAkB,KACzB,cAgBF,CAAC"}