@brett_lamy/docstream 1.9.1 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +54 -0
- package/dist/docs/DocsRenderer.d.ts.map +1 -1
- package/dist/docs/DocsRenderer.js +13 -1
- package/dist/docs/DocsRenderer.js.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/stl/StlViewer.d.ts +13 -0
- package/dist/stl/StlViewer.d.ts.map +1 -0
- package/dist/stl/StlViewer.js +277 -0
- package/dist/stl/StlViewer.js.map +1 -0
- package/dist/stl/index.d.ts +5 -0
- package/dist/stl/index.d.ts.map +1 -0
- package/dist/stl/index.js +3 -0
- package/dist/stl/index.js.map +1 -0
- package/dist/stl/parse.d.ts +13 -0
- package/dist/stl/parse.d.ts.map +1 -0
- package/dist/stl/parse.js +69 -0
- package/dist/stl/parse.js.map +1 -0
- package/dist/strudel/StepGrid.d.ts +10 -0
- package/dist/strudel/StepGrid.d.ts.map +1 -0
- package/dist/strudel/StepGrid.js +78 -0
- package/dist/strudel/StepGrid.js.map +1 -0
- package/dist/strudel/StrudelPlayer.d.ts +21 -0
- package/dist/strudel/StrudelPlayer.d.ts.map +1 -0
- package/dist/strudel/StrudelPlayer.js +207 -0
- package/dist/strudel/StrudelPlayer.js.map +1 -0
- package/dist/strudel/StrudelRack.d.ts +24 -0
- package/dist/strudel/StrudelRack.d.ts.map +1 -0
- package/dist/strudel/StrudelRack.js +123 -0
- package/dist/strudel/StrudelRack.js.map +1 -0
- package/dist/strudel/ast/edit.d.ts +41 -0
- package/dist/strudel/ast/edit.d.ts.map +1 -0
- package/dist/strudel/ast/edit.js +78 -0
- package/dist/strudel/ast/edit.js.map +1 -0
- package/dist/strudel/ast/index.d.ts +7 -0
- package/dist/strudel/ast/index.d.ts.map +1 -0
- package/dist/strudel/ast/index.js +4 -0
- package/dist/strudel/ast/index.js.map +1 -0
- package/dist/strudel/ast/mini.d.ts +86 -0
- package/dist/strudel/ast/mini.d.ts.map +1 -0
- package/dist/strudel/ast/mini.js +269 -0
- package/dist/strudel/ast/mini.js.map +1 -0
- package/dist/strudel/ast/program.d.ts +93 -0
- package/dist/strudel/ast/program.d.ts.map +1 -0
- package/dist/strudel/ast/program.js +288 -0
- package/dist/strudel/ast/program.js.map +1 -0
- package/dist/strudel/controls.d.ts +19 -0
- package/dist/strudel/controls.d.ts.map +1 -0
- package/dist/strudel/controls.js +109 -0
- package/dist/strudel/controls.js.map +1 -0
- package/dist/strudel/engine.d.ts +43 -0
- package/dist/strudel/engine.d.ts.map +1 -0
- package/dist/strudel/engine.js +79 -0
- package/dist/strudel/engine.js.map +1 -0
- package/dist/strudel/index.d.ts +13 -0
- package/dist/strudel/index.d.ts.map +1 -0
- package/dist/strudel/index.js +8 -0
- package/dist/strudel/index.js.map +1 -0
- package/dist/strudel/url.d.ts +5 -0
- package/dist/strudel/url.d.ts.map +1 -0
- package/dist/strudel/url.js +9 -0
- package/dist/strudel/url.js.map +1 -0
- package/dist/styles.css +564 -0
- package/package.json +15 -1
- package/src/docs/DocsRenderer.tsx +13 -1
- package/src/env.d.ts +3 -0
- package/src/index.ts +5 -0
- package/src/stl/StlViewer.tsx +334 -0
- package/src/stl/index.ts +4 -0
- package/src/stl/parse.ts +72 -0
- package/src/strudel/StepGrid.tsx +130 -0
- package/src/strudel/StrudelPlayer.tsx +317 -0
- package/src/strudel/StrudelRack.tsx +312 -0
- package/src/strudel/ast/edit.ts +95 -0
- package/src/strudel/ast/index.ts +19 -0
- package/src/strudel/ast/mini.ts +319 -0
- package/src/strudel/ast/program.ts +348 -0
- package/src/strudel/controls.tsx +145 -0
- package/src/strudel/engine.ts +112 -0
- package/src/strudel/index.ts +20 -0
- package/src/strudel/url.ts +9 -0
- package/src/styles.css +564 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/stl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/** A triangle soup ready for `drawArrays`: three vertices (and three copies of the face normal) per triangle. */
|
|
2
|
+
export interface StlMesh {
|
|
3
|
+
positions: Float32Array;
|
|
4
|
+
normals: Float32Array;
|
|
5
|
+
triangles: number;
|
|
6
|
+
min: [number, number, number];
|
|
7
|
+
max: [number, number, number];
|
|
8
|
+
}
|
|
9
|
+
/** True for a URL whose path ends in `.stl` (query string and hash ignored). */
|
|
10
|
+
export declare function isStlUrl(url: string): boolean;
|
|
11
|
+
/** Parse a binary or ASCII STL file. Throws when the data is neither. */
|
|
12
|
+
export declare function parseStl(data: ArrayBuffer): StlMesh;
|
|
13
|
+
//# sourceMappingURL=parse.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/stl/parse.ts"],"names":[],"mappings":"AAAA,iHAAiH;AACjH,MAAM,WAAW,OAAO;IACtB,SAAS,EAAE,YAAY,CAAA;IACvB,OAAO,EAAE,YAAY,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;IAC7B,GAAG,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAA;CAC9B;AAED,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE7C;AAuCD,yEAAyE;AACzE,wBAAgB,QAAQ,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAmBnD"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
/** True for a URL whose path ends in `.stl` (query string and hash ignored). */
|
|
2
|
+
export function isStlUrl(url) {
|
|
3
|
+
return /\.stl(?:[?#]|$)/i.test(url.trim());
|
|
4
|
+
}
|
|
5
|
+
// A binary STL is an 80-byte header, a uint32 triangle count, then 50 bytes per triangle. ASCII
|
|
6
|
+
// files start with "solid", but so do some binary headers, so the byte length decides.
|
|
7
|
+
function isBinary(view) {
|
|
8
|
+
if (view.byteLength < 84)
|
|
9
|
+
return false;
|
|
10
|
+
return 84 + view.getUint32(80, true) * 50 === view.byteLength;
|
|
11
|
+
}
|
|
12
|
+
function faceNormal(p, o, out) {
|
|
13
|
+
const ux = p[o + 3] - p[o], uy = p[o + 4] - p[o + 1], uz = p[o + 5] - p[o + 2];
|
|
14
|
+
const vx = p[o + 6] - p[o], vy = p[o + 7] - p[o + 1], vz = p[o + 8] - p[o + 2];
|
|
15
|
+
let nx = uy * vz - uz * vy, ny = uz * vx - ux * vz, nz = ux * vy - uy * vx;
|
|
16
|
+
const len = Math.hypot(nx, ny, nz) || 1;
|
|
17
|
+
nx /= len, ny /= len, nz /= len;
|
|
18
|
+
for (let k = 0; k < 3; k++) {
|
|
19
|
+
out[o + k * 3] = nx;
|
|
20
|
+
out[o + k * 3 + 1] = ny;
|
|
21
|
+
out[o + k * 3 + 2] = nz;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
function finish(positions, triangles) {
|
|
25
|
+
// Stored normals are often zero or wrong; the winding is what slicers trust, so recompute.
|
|
26
|
+
const normals = new Float32Array(positions.length);
|
|
27
|
+
for (let t = 0; t < triangles; t++)
|
|
28
|
+
faceNormal(positions, t * 9, normals);
|
|
29
|
+
const min = [Infinity, Infinity, Infinity];
|
|
30
|
+
const max = [-Infinity, -Infinity, -Infinity];
|
|
31
|
+
for (let i = 0; i < positions.length; i += 3) {
|
|
32
|
+
for (let k = 0; k < 3; k++) {
|
|
33
|
+
const v = positions[i + k];
|
|
34
|
+
if (v < min[k])
|
|
35
|
+
min[k] = v;
|
|
36
|
+
if (v > max[k])
|
|
37
|
+
max[k] = v;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
if (!triangles)
|
|
41
|
+
min.fill(0), max.fill(0);
|
|
42
|
+
return { positions, normals, triangles, min, max };
|
|
43
|
+
}
|
|
44
|
+
/** Parse a binary or ASCII STL file. Throws when the data is neither. */
|
|
45
|
+
export function parseStl(data) {
|
|
46
|
+
const view = new DataView(data);
|
|
47
|
+
if (isBinary(view)) {
|
|
48
|
+
const triangles = view.getUint32(80, true);
|
|
49
|
+
const positions = new Float32Array(triangles * 9);
|
|
50
|
+
for (let t = 0; t < triangles; t++) {
|
|
51
|
+
const base = 84 + t * 50 + 12; // skip the stored normal
|
|
52
|
+
for (let k = 0; k < 9; k++)
|
|
53
|
+
positions[t * 9 + k] = view.getFloat32(base + k * 4, true);
|
|
54
|
+
}
|
|
55
|
+
return finish(positions, triangles);
|
|
56
|
+
}
|
|
57
|
+
const text = new TextDecoder().decode(data);
|
|
58
|
+
if (!/^\s*solid\b/i.test(text))
|
|
59
|
+
throw new Error("Not an STL file");
|
|
60
|
+
const values = [];
|
|
61
|
+
const vertex = /vertex\s+(\S+)\s+(\S+)\s+(\S+)/gi;
|
|
62
|
+
for (let m = vertex.exec(text); m; m = vertex.exec(text))
|
|
63
|
+
values.push(+m[1], +m[2], +m[3]);
|
|
64
|
+
const triangles = Math.floor(values.length / 9);
|
|
65
|
+
if (!triangles && /facet/i.test(text))
|
|
66
|
+
throw new Error("Malformed ASCII STL");
|
|
67
|
+
return finish(Float32Array.from(values.slice(0, triangles * 9)), triangles);
|
|
68
|
+
}
|
|
69
|
+
//# sourceMappingURL=parse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"parse.js","sourceRoot":"","sources":["../../src/stl/parse.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type MiniAtom, type MiniGroup } from "./ast/mini.js";
|
|
2
|
+
export interface StepGridProps {
|
|
3
|
+
mini: MiniGroup;
|
|
4
|
+
/** Called with the atom and its new text. */
|
|
5
|
+
onAtomChange: (atom: MiniAtom, text: string) => void;
|
|
6
|
+
/** Accessible name for the grid. */
|
|
7
|
+
label?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare function StepGrid({ mini, onAtomChange, label }: StepGridProps): import("react").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=StepGrid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepGrid.d.ts","sourceRoot":"","sources":["../../src/strudel/StepGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,KAAK,SAAS,EAAiD,MAAM,YAAY,CAAA;AAEpH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAA;IACf,6CAA6C;IAC7C,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAuED,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,aAAa,+BA8CpE"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* Mini-notation drawn as a step sequencer: sequences are rows whose steps share the width by weight, `[ ]`
|
|
3
|
+
nests a row inside a step, `< >` shows its one-per-cycle choices, `,` stacks rows. Click a step to toggle
|
|
4
|
+
it with a rest; double-click to type a new value. Operators show as badges (×2, (3,8), ?, !3). */
|
|
5
|
+
import { useState } from "react";
|
|
6
|
+
import { miniAtoms } from "./ast/mini.js";
|
|
7
|
+
function stepWeight(step) {
|
|
8
|
+
let w = 1;
|
|
9
|
+
for (const op of step.ops) {
|
|
10
|
+
if (op.op === "weight")
|
|
11
|
+
w += (op.amount ?? 2) - 1;
|
|
12
|
+
if (op.op === "replicate")
|
|
13
|
+
w += (op.count ?? 2) - 1;
|
|
14
|
+
}
|
|
15
|
+
return w;
|
|
16
|
+
}
|
|
17
|
+
const text = (s) => (s && s.slice.type === "atom" ? s.slice.value : "…");
|
|
18
|
+
function badge(op) {
|
|
19
|
+
switch (op.op) {
|
|
20
|
+
case "fast":
|
|
21
|
+
return `×${text(op.amount)}`;
|
|
22
|
+
case "slow":
|
|
23
|
+
return `÷${text(op.amount)}`;
|
|
24
|
+
case "replicate":
|
|
25
|
+
return `!${op.count ?? 2}`;
|
|
26
|
+
case "degrade":
|
|
27
|
+
return op.amount === null ? "?" : `?${op.amount}`;
|
|
28
|
+
case "euclid":
|
|
29
|
+
return `(${text(op.pulses)},${text(op.steps)}${op.rotation ? `,${text(op.rotation)}` : ""})`;
|
|
30
|
+
case "tail":
|
|
31
|
+
return `:${text(op.value)}`;
|
|
32
|
+
case "range":
|
|
33
|
+
return `..${text(op.to)}`;
|
|
34
|
+
case "weight":
|
|
35
|
+
return null;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
function AtomCell({ atom, fallback, onAtomChange }) {
|
|
39
|
+
const [editing, setEditing] = useState(false);
|
|
40
|
+
if (editing) {
|
|
41
|
+
return (_jsx("input", { className: "strudel-step__input", defaultValue: atom.value, "aria-label": "Step value", autoFocus: true, onBlur: (e) => {
|
|
42
|
+
setEditing(false);
|
|
43
|
+
const v = e.currentTarget.value.trim();
|
|
44
|
+
if (v && v !== atom.value && /^[\p{L}\p{Nl}0-9~\-#.^_]+$/u.test(v))
|
|
45
|
+
onAtomChange(atom, v);
|
|
46
|
+
}, onKeyDown: (e) => {
|
|
47
|
+
if (e.key === "Enter")
|
|
48
|
+
e.currentTarget.blur();
|
|
49
|
+
if (e.key === "Escape")
|
|
50
|
+
setEditing(false);
|
|
51
|
+
} }));
|
|
52
|
+
}
|
|
53
|
+
return (_jsx("button", { type: "button", className: "strudel-step__cell", "data-rest": atom.rest || undefined, "aria-pressed": !atom.rest, "aria-label": atom.rest ? "Rest" : atom.value, title: atom.rest ? "Rest — click to fill, double-click to type" : `${atom.value} — click to rest, double-click to type`, onClick: () => onAtomChange(atom, atom.rest ? fallback : "~"), onDoubleClick: () => setEditing(true), children: atom.rest ? "" : atom.value }));
|
|
54
|
+
}
|
|
55
|
+
export function StepGrid({ mini, onAtomChange, label }) {
|
|
56
|
+
// A rest that's filled back in becomes the row's most common sound/value.
|
|
57
|
+
const counts = new Map();
|
|
58
|
+
for (const a of miniAtoms(mini, { ops: false }))
|
|
59
|
+
if (!a.rest)
|
|
60
|
+
counts.set(a.value, (counts.get(a.value) ?? 0) + 1);
|
|
61
|
+
const fallback = [...counts.entries()].sort((a, b) => b[1] - a[1])[0]?.[0] ?? "x";
|
|
62
|
+
const row = (seq, key) => (_jsx("div", { className: "strudel-step__row", children: seq.steps.map((s, i) => step(s, i)) }, key));
|
|
63
|
+
const group = (g) => g.type === "sequence" ? (row(g, 0)) : (_jsx("div", { className: "strudel-step__layers", "data-kind": g.type, children: g.layers.map((l, i) => row(l, i)) }));
|
|
64
|
+
const step = (s, key) => {
|
|
65
|
+
const badges = s.ops.map(badge).filter((b) => !!b);
|
|
66
|
+
const slice = s.slice;
|
|
67
|
+
let body;
|
|
68
|
+
if (slice.type === "atom")
|
|
69
|
+
body = _jsx(AtomCell, { atom: slice, fallback: fallback, onAtomChange: onAtomChange });
|
|
70
|
+
else if (slice.type === "subcycle")
|
|
71
|
+
body = _jsx("div", { className: "strudel-step__nest", children: group(slice.body) });
|
|
72
|
+
else
|
|
73
|
+
body = (_jsx("div", { className: "strudel-step__nest", "data-kind": slice.type, title: slice.type === "alternation" ? "One per cycle" : "Polymeter", children: _jsx("div", { className: "strudel-step__layers", children: slice.layers.map((l, i) => row(l, i)) }) }));
|
|
74
|
+
return (_jsxs("div", { className: "strudel-step", style: { flexGrow: stepWeight(s) }, children: [body, badges.length > 0 && _jsx("span", { className: "strudel-step__badge", children: badges.join(" ") })] }, key));
|
|
75
|
+
};
|
|
76
|
+
return (_jsx("div", { className: "strudel-steps", role: "group", "aria-label": label ?? "Steps", children: group(mini) }));
|
|
77
|
+
}
|
|
78
|
+
//# sourceMappingURL=StepGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StepGrid.js","sourceRoot":"","sources":["../../src/strudel/StepGrid.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export interface StrudelPlayerProps {
|
|
2
|
+
/** Strudel pattern code (what you would type at strudel.cc). */
|
|
3
|
+
code?: string;
|
|
4
|
+
/** URL of a `.strudel` file to load when `code` is absent. */
|
|
5
|
+
src?: string;
|
|
6
|
+
title?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Show the code under the player from the start. Defaults to false. */
|
|
9
|
+
showCode?: boolean;
|
|
10
|
+
/** Sample banks to load before the first play. Defaults to the Tidal dirt-samples. */
|
|
11
|
+
samples?: readonly string[];
|
|
12
|
+
/** Offer the equipment rack (generated from the code) behind a toggle. Defaults to true. */
|
|
13
|
+
rack?: boolean;
|
|
14
|
+
/** Open the rack from the start. */
|
|
15
|
+
showRack?: boolean;
|
|
16
|
+
/** Called with the code after every rack edit. */
|
|
17
|
+
onCodeChange?: (code: string) => void;
|
|
18
|
+
}
|
|
19
|
+
/** A live-coded music player: Strudel (strudel.cc) runs the pattern in this page, no iframe. */
|
|
20
|
+
export declare function StrudelPlayer({ code, src, title, className, showCode, samples, rack, showRack, onCodeChange, }: StrudelPlayerProps): import("react").JSX.Element;
|
|
21
|
+
//# sourceMappingURL=StrudelPlayer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StrudelPlayer.d.ts","sourceRoot":"","sources":["../../src/strudel/StrudelPlayer.tsx"],"names":[],"mappings":"AAkBA,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sFAAsF;IACtF,OAAO,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC3B,4FAA4F;IAC5F,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAkFD,gGAAgG;AAChG,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,GAAG,EACH,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,OAAyB,EACzB,IAAW,EACX,QAAgB,EAChB,YAAY,GACb,EAAE,kBAAkB,+BA4LpB"}
|
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { lazy, Suspense, useEffect, useId, useRef, useState, useSyncExternalStore } from "react";
|
|
3
|
+
import { Code2, Loader2, Pause, Play, SlidersHorizontal, Undo2 } from "lucide-react";
|
|
4
|
+
import { HighlightedCode } from "../docs/HighlightedCode.js";
|
|
5
|
+
import { DEFAULT_SAMPLES, getStrudelSnapshot, playStrudel, stopStrudel, strudelNow, subscribeStrudel, updateStrudel, } from "./engine.js";
|
|
6
|
+
// The rack parses the code (acorn + the mini-notation parser); it loads the first time someone opens it.
|
|
7
|
+
const StrudelRack = lazy(() => import("./StrudelRack.js"));
|
|
8
|
+
const NOTE = /^([a-g])([#bs]*)(-?\d+)?$/i;
|
|
9
|
+
const STEPS = { c: 0, d: 2, e: 4, f: 5, g: 7, a: 9, b: 11 };
|
|
10
|
+
// A vertical position for an event: its pitch when it has one, else a stable lane per sample name.
|
|
11
|
+
function pitch(value) {
|
|
12
|
+
if (typeof value === "number")
|
|
13
|
+
return value;
|
|
14
|
+
if (!value || typeof value !== "object")
|
|
15
|
+
return null;
|
|
16
|
+
const v = value;
|
|
17
|
+
if (typeof v.note === "number")
|
|
18
|
+
return v.note;
|
|
19
|
+
if (typeof v.note === "string") {
|
|
20
|
+
const m = NOTE.exec(v.note);
|
|
21
|
+
if (m) {
|
|
22
|
+
const accidental = [...m[2]].reduce((n, c) => n + (c === "b" ? -1 : 1), 0);
|
|
23
|
+
return STEPS[m[1].toLowerCase()] + accidental + (Number(m[3] ?? 3) + 1) * 12;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
if (typeof v.freq === "number")
|
|
27
|
+
return 69 + 12 * Math.log2(v.freq / 440);
|
|
28
|
+
if (typeof v.n === "number" && typeof v.s !== "string")
|
|
29
|
+
return v.n;
|
|
30
|
+
if (typeof v.s === "string") {
|
|
31
|
+
let h = 0;
|
|
32
|
+
for (const c of v.s)
|
|
33
|
+
h = (h * 31 + c.charCodeAt(0)) | 0;
|
|
34
|
+
return (Math.abs(h) % 24) + (typeof v.n === "number" ? v.n : 0);
|
|
35
|
+
}
|
|
36
|
+
return null;
|
|
37
|
+
}
|
|
38
|
+
const num = (t) => Number(t.valueOf());
|
|
39
|
+
// Scrolling piano roll: two cycles centered on the playhead, onsets only. Idle: quiet bars.
|
|
40
|
+
function drawRoll(canvas, pattern, now) {
|
|
41
|
+
const ctx = canvas.getContext("2d");
|
|
42
|
+
if (!ctx)
|
|
43
|
+
return;
|
|
44
|
+
const dpr = Math.min(window.devicePixelRatio || 1, 2);
|
|
45
|
+
const w = Math.max(1, Math.round(canvas.clientWidth * dpr));
|
|
46
|
+
const h = Math.max(1, Math.round(canvas.clientHeight * dpr));
|
|
47
|
+
if (canvas.width !== w || canvas.height !== h) {
|
|
48
|
+
canvas.width = w;
|
|
49
|
+
canvas.height = h;
|
|
50
|
+
}
|
|
51
|
+
ctx.clearRect(0, 0, w, h);
|
|
52
|
+
ctx.fillStyle = getComputedStyle(canvas).color;
|
|
53
|
+
if (!pattern || now === null) {
|
|
54
|
+
ctx.globalAlpha = 0.18;
|
|
55
|
+
const bars = 48;
|
|
56
|
+
for (let i = 0; i < bars; i++) {
|
|
57
|
+
const bh = (0.2 + 0.6 * Math.abs(Math.sin(i * 1.7) * Math.cos(i * 0.6))) * h;
|
|
58
|
+
ctx.fillRect((i / bars) * w + 1, (h - bh) / 2, w / bars - 3 * dpr, bh);
|
|
59
|
+
}
|
|
60
|
+
ctx.globalAlpha = 1;
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
const begin = now - 1, end = now + 1;
|
|
64
|
+
let haps;
|
|
65
|
+
try {
|
|
66
|
+
haps = pattern.queryArc(begin, end).filter((hap) => hap.whole && num(hap.whole.begin) === num(hap.part.begin));
|
|
67
|
+
}
|
|
68
|
+
catch {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
const pitches = haps.map((hap) => pitch(hap.value));
|
|
72
|
+
const known = pitches.filter((p) => p !== null);
|
|
73
|
+
const lo = known.length ? Math.min(...known) : 0;
|
|
74
|
+
const hi = known.length ? Math.max(...known) : 1;
|
|
75
|
+
const range = Math.max(hi - lo, 11);
|
|
76
|
+
const pad = 4 * dpr;
|
|
77
|
+
const lane = Math.max(3 * dpr, Math.min(10 * dpr, (h - 2 * pad) / (range + 1)));
|
|
78
|
+
const x = (t) => ((t - begin) / (end - begin)) * w;
|
|
79
|
+
haps.forEach((hap, i) => {
|
|
80
|
+
const p = pitches[i] ?? lo;
|
|
81
|
+
const s = num(hap.whole.begin), e = num(hap.whole.end);
|
|
82
|
+
const y = h - pad - lane - ((p - lo + (range - (hi - lo)) / 2) / range) * (h - 2 * pad - lane);
|
|
83
|
+
ctx.globalAlpha = s <= now && now < e ? 1 : s > now ? 0.45 : 0.25;
|
|
84
|
+
ctx.fillRect(x(s), y, Math.max(2 * dpr, x(e) - x(s) - 1.5 * dpr), lane);
|
|
85
|
+
});
|
|
86
|
+
ctx.globalAlpha = 0.6;
|
|
87
|
+
ctx.fillRect(w / 2 - dpr / 2, 0, dpr, h);
|
|
88
|
+
ctx.globalAlpha = 1;
|
|
89
|
+
}
|
|
90
|
+
/** A live-coded music player: Strudel (strudel.cc) runs the pattern in this page, no iframe. */
|
|
91
|
+
export function StrudelPlayer({ code, src, title, className, showCode = false, samples = DEFAULT_SAMPLES, rack = true, showRack = false, onCodeChange, }) {
|
|
92
|
+
const id = useId();
|
|
93
|
+
const [source, setSource] = useState(() => (code !== undefined ? { kind: "ready", code } : { kind: "loading" }));
|
|
94
|
+
const [codeOpen, setCodeOpen] = useState(showCode);
|
|
95
|
+
const [rackOpen, setRackOpen] = useState(showRack);
|
|
96
|
+
// The rack edits a working copy; `playable` is that copy with the rack's mutes and solos applied.
|
|
97
|
+
const [edited, setEdited] = useState(null);
|
|
98
|
+
const [playable, setPlayable] = useState(null);
|
|
99
|
+
const [error, setError] = useState(null);
|
|
100
|
+
const [cycle, setCycle] = useState(0);
|
|
101
|
+
const pattern = useRef(null);
|
|
102
|
+
const canvasRef = useRef(null);
|
|
103
|
+
const snapshot = useSyncExternalStore(subscribeStrudel, getStrudelSnapshot, getStrudelSnapshot);
|
|
104
|
+
const status = snapshot.owner === id ? snapshot.status : "idle";
|
|
105
|
+
useEffect(() => {
|
|
106
|
+
if (code !== undefined) {
|
|
107
|
+
setSource({ kind: "ready", code });
|
|
108
|
+
return;
|
|
109
|
+
}
|
|
110
|
+
if (!src) {
|
|
111
|
+
setSource({ kind: "error", message: "no pattern" });
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
let live = true;
|
|
115
|
+
setSource({ kind: "loading" });
|
|
116
|
+
fetch(src)
|
|
117
|
+
.then((res) => {
|
|
118
|
+
if (!res.ok)
|
|
119
|
+
throw new Error(`${res.status} ${res.statusText}`.trim());
|
|
120
|
+
return res.text();
|
|
121
|
+
})
|
|
122
|
+
.then((text) => live && setSource({ kind: "ready", code: text }))
|
|
123
|
+
.catch((err) => live && setSource({ kind: "error", message: err instanceof Error ? err.message : String(err) }));
|
|
124
|
+
return () => {
|
|
125
|
+
live = false;
|
|
126
|
+
};
|
|
127
|
+
}, [code, src]);
|
|
128
|
+
// Stop our pattern when the player unmounts or its code changes underneath it.
|
|
129
|
+
const ready = source.kind === "ready" ? source.code : null;
|
|
130
|
+
useEffect(() => {
|
|
131
|
+
setEdited(null);
|
|
132
|
+
setPlayable(null);
|
|
133
|
+
return () => void stopStrudel(id);
|
|
134
|
+
}, [id, ready]);
|
|
135
|
+
const current = edited ?? ready;
|
|
136
|
+
const toPlay = playable ?? current;
|
|
137
|
+
// Live edits: while playing, swap in the new pattern without stopping.
|
|
138
|
+
useEffect(() => {
|
|
139
|
+
if (status !== "playing" || !toPlay)
|
|
140
|
+
return;
|
|
141
|
+
const timer = setTimeout(() => {
|
|
142
|
+
updateStrudel(id, toPlay).then((p) => {
|
|
143
|
+
if (p)
|
|
144
|
+
pattern.current = p;
|
|
145
|
+
setError(null);
|
|
146
|
+
}, (err) => setError(err instanceof Error ? err.message : String(err)));
|
|
147
|
+
}, 120);
|
|
148
|
+
return () => clearTimeout(timer);
|
|
149
|
+
}, [toPlay]);
|
|
150
|
+
const edit = (next) => {
|
|
151
|
+
setEdited(next);
|
|
152
|
+
onCodeChange?.(next);
|
|
153
|
+
};
|
|
154
|
+
useEffect(() => {
|
|
155
|
+
const canvas = canvasRef.current;
|
|
156
|
+
if (!canvas)
|
|
157
|
+
return;
|
|
158
|
+
if (status !== "playing") {
|
|
159
|
+
drawRoll(canvas, null, null);
|
|
160
|
+
const resize = new ResizeObserver(() => drawRoll(canvas, null, null));
|
|
161
|
+
resize.observe(canvas);
|
|
162
|
+
return () => resize.disconnect();
|
|
163
|
+
}
|
|
164
|
+
let frame = 0;
|
|
165
|
+
let shown = -1;
|
|
166
|
+
const tick = () => {
|
|
167
|
+
const now = strudelNow();
|
|
168
|
+
drawRoll(canvas, pattern.current, now);
|
|
169
|
+
const whole = now === null ? 0 : Math.floor(now) + 1;
|
|
170
|
+
if (whole !== shown)
|
|
171
|
+
setCycle((shown = whole));
|
|
172
|
+
frame = requestAnimationFrame(tick);
|
|
173
|
+
};
|
|
174
|
+
tick();
|
|
175
|
+
return () => cancelAnimationFrame(frame);
|
|
176
|
+
}, [status]);
|
|
177
|
+
const toggle = async () => {
|
|
178
|
+
if (!toPlay)
|
|
179
|
+
return;
|
|
180
|
+
if (status !== "idle") {
|
|
181
|
+
await stopStrudel(id);
|
|
182
|
+
return;
|
|
183
|
+
}
|
|
184
|
+
setError(null);
|
|
185
|
+
try {
|
|
186
|
+
pattern.current = await playStrudel(id, toPlay, samples);
|
|
187
|
+
}
|
|
188
|
+
catch (err) {
|
|
189
|
+
if (err instanceof Error && err.message === "superseded")
|
|
190
|
+
return;
|
|
191
|
+
setError(err instanceof Error ? err.message : String(err));
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
const label = title ?? (src ? src.split(/[?#]/)[0].split("/").pop() : "Strudel pattern");
|
|
195
|
+
const codeId = `${id}-code`;
|
|
196
|
+
const sub = source.kind === "error"
|
|
197
|
+
? `Couldn't load: ${source.message}`
|
|
198
|
+
: source.kind === "loading"
|
|
199
|
+
? "Loading…"
|
|
200
|
+
: status === "loading"
|
|
201
|
+
? "Loading sounds…"
|
|
202
|
+
: status === "playing"
|
|
203
|
+
? `Cycle ${cycle}`
|
|
204
|
+
: "Strudel";
|
|
205
|
+
return (_jsxs("figure", { className: `docstream-strudel ${className ?? ""}`.trim(), "data-state": status, children: [_jsxs("div", { className: "docstream-strudel__bar", children: [_jsx("button", { type: "button", className: "docstream-strudel__play", onClick: toggle, disabled: source.kind !== "ready", "aria-label": status === "idle" ? `Play ${label}` : `Stop ${label}`, children: status === "loading" ? (_jsx(Loader2, { className: "docstream-strudel__spin", size: 18 })) : status === "playing" ? (_jsx(Pause, { size: 18 })) : (_jsx(Play, { size: 18 })) }), _jsxs("div", { className: "docstream-strudel__meta", children: [_jsx("span", { className: "docstream-strudel__title", children: label }), _jsx("span", { className: "docstream-strudel__sub", "aria-live": "polite", children: sub })] }), _jsx("canvas", { ref: canvasRef, className: "docstream-strudel__roll", "aria-hidden": "true" }), source.kind === "ready" && rack && (_jsx("button", { type: "button", className: "docstream-strudel__toggle", "aria-expanded": rackOpen, "aria-label": rackOpen ? "Hide equipment" : "Show equipment", onClick: () => setRackOpen((open) => !open), children: _jsx(SlidersHorizontal, { size: 16 }) })), source.kind === "ready" && (_jsx("button", { type: "button", className: "docstream-strudel__toggle", "aria-expanded": codeOpen, "aria-controls": codeId, "aria-label": codeOpen ? "Hide code" : "Show code", onClick: () => setCodeOpen((open) => !open), children: _jsx(Code2, { size: 16 }) }))] }), error && (_jsx("div", { className: "docstream-strudel__error", role: "alert", children: error })), current !== null && rack && rackOpen && (_jsxs(Suspense, { fallback: _jsx("div", { className: "docstream-strudel__sub", children: "Loading equipment\u2026" }), children: [edited !== null && edited !== ready && (_jsxs("button", { type: "button", className: "docstream-strudel__revert", onClick: () => edit(ready), children: [_jsx(Undo2, { size: 13, "aria-hidden": "true" }), " Revert edits"] })), _jsx(StrudelRack, { code: current, onChange: edit, onPlayableChange: setPlayable })] })), current !== null && codeOpen && (_jsx("div", { id: codeId, className: "docstream-strudel__code", children: _jsx(HighlightedCode, { code: current.trim(), language: "javascript" }) }))] }));
|
|
206
|
+
}
|
|
207
|
+
//# sourceMappingURL=StrudelPlayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StrudelPlayer.js","sourceRoot":"","sources":["../../src/strudel/StrudelPlayer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type StrudelTrack } from "./ast/program.js";
|
|
2
|
+
export interface StrudelRackProps {
|
|
3
|
+
code: string;
|
|
4
|
+
onChange: (code: string) => void;
|
|
5
|
+
/** The code to play for the current mute/solo mix (the written code with silenced tracks). */
|
|
6
|
+
onPlayableChange?: (code: string) => void;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
interface Param {
|
|
10
|
+
label: string;
|
|
11
|
+
min: number;
|
|
12
|
+
max: number;
|
|
13
|
+
default: number;
|
|
14
|
+
log?: boolean;
|
|
15
|
+
format?: (v: number) => string;
|
|
16
|
+
}
|
|
17
|
+
/** Effects the rack knows how to draw, in display order. Others still parse; they just get no knob. */
|
|
18
|
+
export declare const STRUDEL_PARAMS: Record<string, Param>;
|
|
19
|
+
/** A name for a track: its label, the sounds of a drum row, or its role and synth. */
|
|
20
|
+
export declare function trackName(track: StrudelTrack): string;
|
|
21
|
+
/** Equipment generated from Strudel code. Controlled: `code` in, edited code out through `onChange`. */
|
|
22
|
+
export declare function StrudelRack({ code, onChange, onPlayableChange, className }: StrudelRackProps): import("react").JSX.Element;
|
|
23
|
+
export default StrudelRack;
|
|
24
|
+
//# sourceMappingURL=StrudelRack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StrudelRack.d.ts","sourceRoot":"","sources":["../../src/strudel/StrudelRack.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAmG,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAKlJ,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,8FAA8F;IAC9F,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAC/B;AAKD,uGAAuG;AACvG,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAsBhD,CAAA;AAcD,sFAAsF;AACtF,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CAarD;AAmJD,wGAAwG;AACxG,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA8E5F;AAED,eAAe,WAAW,CAAA"}
|