Patch Bay
A rack panel of jacks with a cable hanging from each source. Carry a plug to where the events should go and it seats with a click; the lamp beside it lights for every event the cable carries.
What it is for
An integrations or routing section that shows what the product does by letting the visitor do it: sources on the left, destinations on the right, one real cable per source to move.
Everything you set here is what the Code and Prompt tabs give you.
Seats open in 11 days. Want one email that morning?
Datasheet
- Mechanism
- Verlet cable, Catenary settle, Floor contact, Route table, Two step keyboard patch, Poisson events, Container query layout, Finish following, Sleeping loop
- Stack
- Vanilla ES modules, CSS, Canvas 2D
- Needs
- Nothing, no dependencies
- States
- 11 documented
- Version
- 0.1.0
- Licence
- With a Pass
States
- At restCables hang still in their curves; the lamps of fed destinations are lit; nothing runs.
- CarriedThe plug follows the hand, the cable swings after it, and the jack under it is ringed.
- SeatedThe plug seats (with sound on: a click and a thunk), the cable swings into its curve, the lamp lights, the status line says so.
- HangingDropped in the air, the cable falls from its source and the spare lies on the desk below the panel.
- RefusedA jack that already holds a cable refuses a second (with sound on: a knock); the status line names the cable in it.
- SignalEvents arrive at each source's rate; each one down a cable flashes the destination's lamp and adds one to the lit counter.
- KeyboardA source jack picks its cable up; a destination seats it; Escape lets it hang; Delete pulls a source's plug.
- AluminiumA bead-blasted panel with screws, a reflective LCD counter, dark cables first.
- GraphiteA soft-touch panel, a vacuum-fluorescent counter, light cables first.
- Off screen or hiddenNo loop and no events.
- Reduced motionCables are drawn at rest at once; lamps are steady.
Notes
Each route is a cable with length and weight that settles into a catenary; a live counter and flashing lamps prove the routes carry something. Every jack is a button: press a source, then a destination; Escape lets a cable hang; the status line says every change.
Original. The routes, sources and destinations are placeholders for an invented event router. Cables are Verlet chains of fixed length drawn on one canvas; the jacks are buttons. Fonts: Instrument Sans and Geist Mono, both OFL 1.1, shipped as WOFF2 with their licences.
Anatomy
Verlet cable, Catenary settle, Floor contact, Route table, Two step keyboard patch, Poisson events, Container query layout, Finish following, Sleeping loop
Usage notes
An integrations or routing section that shows what the product does by letting the visitor do it: sources on the left, destinations on the right, one real cable per source to move. Each route is a cable with length and weight that settles into a catenary; a live counter and flashing lamps prove the routes carry something. Every jack is a button: press a source, then a destination; Escape lets a cable hang; the status line says every change.
Options
| Option | Type | Description |
|---|---|---|
| eyebrow | text | Eyebrow |
| heading | text | Headline |
| lede | text | Lead |
| routes | enum | Three cables in and Support hanging loose; all four in; or every cable hanging, waiting for a hand. |
| tally | number | Where the counter starts; every event a cable carries adds one. |
| tallyLabel | text | Counter label |
| finish | enum | Auto follows the page’s data-finish, then the visitor’s system. |
| sound | boolean | Synthesised, no audio file: a plug seats with a click and a thunk, pulls out with a pop, and a taken jack knocks. Only after a hand moves a cable. |
Methods
- update
- routes
- tally
- cables
- destroy
How it works
Original. The routes, sources and destinations are placeholders for an invented event router. Cables are Verlet chains of fixed length drawn on one canvas; the jacks are buttons.