@xsynaptic/sonic-ui 0.17.0 → 0.19.0

package/dist/default/dat.js

@@ -1,51 +0,0 @@
-import { clamp } from "./lib/math.js";
-
-//#region src/dat.ts
-function readVersion(view) {
-	const version = view.getInt32(0, true);
-	if (version === 1 || version === 2) return version;
-	throw new Error(`A .dat file of version ${String(version)} is not one this reads`);
-}
-function readDatHeader(buffer) {
-	if (buffer.byteLength < 20) throw new Error("A .dat header takes at least 20 bytes");
-	const view = new DataView(buffer);
-	const version = readVersion(view);
-	const dataOffset = version === 1 ? 20 : 24;
-	if (buffer.byteLength < dataOffset) throw new Error(`A version ${String(version)} .dat header takes ${String(dataOffset)} bytes`);
-	const channels = version === 1 ? 1 : view.getInt32(20, true);
-	if (channels < 1) throw new Error("A .dat header names no channels");
-	const sampleRate = view.getInt32(8, true);
-	const samplesPerPixel = view.getInt32(12, true);
-	if (samplesPerPixel < 1) throw new Error("A .dat header names no samples per pixel");
-	return {
-		bits: (view.getUint32(4, true) & 1) === 1 ? 8 : 16,
-		channels,
-		dataOffset,
-		pairs: view.getUint32(16, true),
-		pairsPerSecond: sampleRate / samplesPerPixel,
-		sampleRate,
-		samplesPerPixel,
-		version
-	};
-}
-function datByteRange(header, fromPair, toPair) {
-	const from = clamp(Math.floor(fromPair), 0, header.pairs);
-	const to = clamp(Math.ceil(toPair), from, header.pairs);
-	if (!(to > from)) return void 0;
-	const pairBytes = header.channels * 2 * header.bits / 8;
-	return [header.dataOffset + from * pairBytes, header.dataOffset + to * pairBytes - 1];
-}
-function readDatSamples(header, body, byteOffset = 0) {
-	return header.bits === 8 ? new Int8Array(body, byteOffset) : new Int16Array(body, byteOffset, Math.floor((body.byteLength - byteOffset) / 2));
-}
-function readDatPeaks(header, body, byteOffset = 0) {
-	return {
-		channels: header.channels,
-		fullScale: header.bits === 8 ? 128 : 32768,
-		pairsPerSecond: header.pairsPerSecond,
-		samples: readDatSamples(header, body, byteOffset)
-	};
-}
-
-//#endregion
-export { datByteRange, readDatHeader, readDatPeaks, readDatSamples };

package/dist/default/lib/asked-value.js

@@ -1,21 +0,0 @@
-//#region src/lib/asked-value.ts
-function moveTo(cell, mapping, next) {
-	if (!Number.isFinite(next)) return false;
-	const snapped = mapping.snap(next);
-	cell.asked = snapped;
-	if (snapped === cell.value) return false;
-	cell.value = snapped;
-	return true;
-}
-function setAsked(cell, mapping, next) {
-	if (!Number.isFinite(next)) return false;
-	const hasMoved = moveTo(cell, mapping, next);
-	cell.asked = next;
-	return hasMoved;
-}
-function resnap(cell, mapping, fallback) {
-	cell.value = mapping.snap(cell.asked ?? fallback);
-}
-
-//#endregion
-export { moveTo, resnap, setAsked };

package/dist/default/lib/fill-watch.js

@@ -1,29 +0,0 @@
-//#region src/lib/fill-watch.ts
-function bindFill(control, sizeProperty, signal) {
-	let watch;
-	const stop = () => {
-		watch?.disconnect();
-		watch = void 0;
-	};
-	signal.addEventListener("abort", stop, { once: true });
-	return (isFilling) => {
-		if (signal.aborted || isFilling === (watch !== void 0)) return;
-		stop();
-		if (!isFilling) {
-			control.style.removeProperty(sizeProperty);
-			return;
-		}
-		const started = new ResizeObserver((entries) => {
-			const box = entries.at(-1)?.borderBoxSize[0];
-			if (!box) return;
-			requestAnimationFrame(() => {
-				if (watch === started) control.style.setProperty(sizeProperty, `${String(box.blockSize)}px`);
-			});
-		});
-		watch = started;
-		started.observe(control);
-	};
-}
-
-//#endregion
-export { bindFill };

package/dist/dev/dat.d.ts

@@ -1,19 +0,0 @@
-import { WaveformPeaks } from "./lib/waveform-buckets.js";
-//#region src/dat.d.ts
-export interface DatHeader {
-  bits: 8 | 16;
-  channels: number;
-  dataOffset: number;
-  pairs: number;
-  pairsPerSecond: number;
-  sampleRate: number;
-  samplesPerPixel: number;
-  version: 1 | 2;
-}
-export declare function readDatHeader(buffer: ArrayBuffer): DatHeader;
-export declare function datByteRange(header: DatHeader, fromPair: number, toPair: number): [number, number] | undefined;
-export declare function readDatSamples(header: DatHeader, body: ArrayBuffer, byteOffset?: number): Int8Array | Int16Array;
-export declare function readDatPeaks(header: DatHeader, body: ArrayBuffer, byteOffset?: number): WaveformPeaks;
-//#endregion
-export type { WaveformPeaks };
-//# sourceMappingURL=dat.d.ts.map

package/dist/dev/dat.js

@@ -1,52 +0,0 @@
-import { clamp } from "./lib/math.js";
-
-//#region src/dat.ts
-function readVersion(view) {
-	const version = view.getInt32(0, true);
-	if (version === 1 || version === 2) return version;
-	throw new Error(`A .dat file of version ${String(version)} is not one this reads`);
-}
-function readDatHeader(buffer) {
-	if (buffer.byteLength < 20) throw new Error("A .dat header takes at least 20 bytes");
-	const view = new DataView(buffer);
-	const version = readVersion(view);
-	const dataOffset = version === 1 ? 20 : 24;
-	if (buffer.byteLength < dataOffset) throw new Error(`A version ${String(version)} .dat header takes ${String(dataOffset)} bytes`);
-	const channels = version === 1 ? 1 : view.getInt32(20, true);
-	if (channels < 1) throw new Error("A .dat header names no channels");
-	const sampleRate = view.getInt32(8, true);
-	const samplesPerPixel = view.getInt32(12, true);
-	if (samplesPerPixel < 1) throw new Error("A .dat header names no samples per pixel");
-	return {
-		bits: (view.getUint32(4, true) & 1) === 1 ? 8 : 16,
-		channels,
-		dataOffset,
-		pairs: view.getUint32(16, true),
-		pairsPerSecond: sampleRate / samplesPerPixel,
-		sampleRate,
-		samplesPerPixel,
-		version
-	};
-}
-function datByteRange(header, fromPair, toPair) {
-	const from = clamp(Math.floor(fromPair), 0, header.pairs);
-	const to = clamp(Math.ceil(toPair), from, header.pairs);
-	if (!(to > from)) return void 0;
-	const pairBytes = header.channels * 2 * header.bits / 8;
-	return [header.dataOffset + from * pairBytes, header.dataOffset + to * pairBytes - 1];
-}
-function readDatSamples(header, body, byteOffset = 0) {
-	return header.bits === 8 ? new Int8Array(body, byteOffset) : new Int16Array(body, byteOffset, Math.floor((body.byteLength - byteOffset) / 2));
-}
-function readDatPeaks(header, body, byteOffset = 0) {
-	return {
-		channels: header.channels,
-		fullScale: header.bits === 8 ? 128 : 32768,
-		pairsPerSecond: header.pairsPerSecond,
-		samples: readDatSamples(header, body, byteOffset)
-	};
-}
-
-//#endregion
-export { datByteRange, readDatHeader, readDatPeaks, readDatSamples };
-//# sourceMappingURL=dat.js.map

package/dist/dev/dat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dat.js","names":[],"sources":["../../src/dat.ts"],"sourcesContent":["import type { WaveformPeaks } from '#lib/waveform-buckets.ts';\n\nimport { clamp } from '#lib/math.ts';\n\nexport type { WaveformPeaks } from '#lib/waveform-buckets.ts';\n\nexport interface DatHeader {\n\tbits: 8 | 16;\n\tchannels: number;\n\tdataOffset: number;\n\tpairs: number;\n\tpairsPerSecond: number;\n\tsampleRate: number;\n\tsamplesPerPixel: number;\n\tversion: 1 | 2;\n}\n\nfunction readVersion(view: DataView): 1 | 2 {\n\tconst version = view.getInt32(0, true);\n\tif (version === 1 || version === 2) return version;\n\n\tthrow new Error(`A .dat file of version ${String(version)} is not one this reads`);\n}\n\nexport function readDatHeader(buffer: ArrayBuffer): DatHeader {\n\tif (buffer.byteLength < 20) throw new Error('A .dat header takes at least 20 bytes');\n\n\tconst view = new DataView(buffer);\n\tconst version = readVersion(view);\n\tconst dataOffset = version === 1 ? 20 : 24;\n\tif (buffer.byteLength < dataOffset) {\n\t\tthrow new Error(`A version ${String(version)} .dat header takes ${String(dataOffset)} bytes`);\n\t}\n\n\tconst channels = version === 1 ? 1 : view.getInt32(20, true);\n\tif (channels < 1) throw new Error('A .dat header names no channels');\n\n\tconst sampleRate = view.getInt32(8, true);\n\tconst samplesPerPixel = view.getInt32(12, true);\n\tif (samplesPerPixel < 1) throw new Error('A .dat header names no samples per pixel');\n\n\treturn {\n\t\tbits: (view.getUint32(4, true) & 1) === 1 ? 8 : 16,\n\t\tchannels,\n\t\tdataOffset,\n\t\tpairs: view.getUint32(16, true),\n\t\tpairsPerSecond: sampleRate / samplesPerPixel,\n\t\tsampleRate,\n\t\tsamplesPerPixel,\n\t\tversion,\n\t};\n}\n\nexport function datByteRange(\n\theader: DatHeader,\n\tfromPair: number,\n\ttoPair: number,\n): [number, number] | undefined {\n\tconst from = clamp(Math.floor(fromPair), 0, header.pairs);\n\tconst to = clamp(Math.ceil(toPair), from, header.pairs);\n\t// A server ignores an inverted `Range` and sends the whole file\n\tif (!(to > from)) return undefined;\n\n\tconst pairBytes = (header.channels * 2 * header.bits) / 8;\n\n\treturn [header.dataOffset + from * pairBytes, header.dataOffset + to * pairBytes - 1];\n}\n\n// Typed arrays read the platform's byte order; every browser platform is little-endian, as the format is\n// A range response can end mid-sample; the odd byte is dropped\nexport function readDatSamples(\n\theader: DatHeader,\n\tbody: ArrayBuffer,\n\tbyteOffset = 0,\n): Int8Array | Int16Array {\n\treturn header.bits === 8\n\t\t? new Int8Array(body, byteOffset)\n\t\t: new Int16Array(body, byteOffset, Math.floor((body.byteLength - byteOffset) / 2));\n}\n\nexport function readDatPeaks(header: DatHeader, body: ArrayBuffer, byteOffset = 0): WaveformPeaks {\n\treturn {\n\t\tchannels: header.channels,\n\t\tfullScale: header.bits === 8 ? 128 : 32_768,\n\t\tpairsPerSecond: header.pairsPerSecond,\n\t\tsamples: readDatSamples(header, body, byteOffset),\n\t};\n}\n"],"mappings":";;;AAiBA,SAAS,YAAY,MAAuB;CAC3C,MAAM,UAAU,KAAK,SAAS,GAAG,IAAI;CACrC,IAAI,YAAY,KAAK,YAAY,GAAG,OAAO;CAE3C,MAAM,IAAI,MAAM,0BAA0B,OAAO,OAAO,EAAE,uBAAuB;AAClF;AAEA,SAAgB,cAAc,QAAgC;CAC7D,IAAI,OAAO,aAAa,IAAI,MAAM,IAAI,MAAM,uCAAuC;CAEnF,MAAM,OAAO,IAAI,SAAS,MAAM;CAChC,MAAM,UAAU,YAAY,IAAI;CAChC,MAAM,aAAa,YAAY,IAAI,KAAK;CACxC,IAAI,OAAO,aAAa,YACvB,MAAM,IAAI,MAAM,aAAa,OAAO,OAAO,EAAE,qBAAqB,OAAO,UAAU,EAAE,OAAO;CAG7F,MAAM,WAAW,YAAY,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI;CAC3D,IAAI,WAAW,GAAG,MAAM,IAAI,MAAM,iCAAiC;CAEnE,MAAM,aAAa,KAAK,SAAS,GAAG,IAAI;CACxC,MAAM,kBAAkB,KAAK,SAAS,IAAI,IAAI;CAC9C,IAAI,kBAAkB,GAAG,MAAM,IAAI,MAAM,0CAA0C;CAEnF,OAAO;EACN,OAAO,KAAK,UAAU,GAAG,IAAI,IAAI,OAAO,IAAI,IAAI;EAChD;EACA;EACA,OAAO,KAAK,UAAU,IAAI,IAAI;EAC9B,gBAAgB,aAAa;EAC7B;EACA;EACA;CACD;AACD;AAEA,SAAgB,aACf,QACA,UACA,QAC+B;CAC/B,MAAM,OAAO,MAAM,KAAK,MAAM,QAAQ,GAAG,GAAG,OAAO,KAAK;CACxD,MAAM,KAAK,MAAM,KAAK,KAAK,MAAM,GAAG,MAAM,OAAO,KAAK;CAEtD,IAAI,EAAE,KAAK,OAAO,OAAO;CAEzB,MAAM,YAAa,OAAO,WAAW,IAAI,OAAO,OAAQ;CAExD,OAAO,CAAC,OAAO,aAAa,OAAO,WAAW,OAAO,aAAa,KAAK,YAAY,CAAC;AACrF;AAIA,SAAgB,eACf,QACA,MACA,aAAa,GACY;CACzB,OAAO,OAAO,SAAS,IACpB,IAAI,UAAU,MAAM,UAAU,IAC9B,IAAI,WAAW,MAAM,YAAY,KAAK,OAAO,KAAK,aAAa,cAAc,CAAC,CAAC;AACnF;AAEA,SAAgB,aAAa,QAAmB,MAAmB,aAAa,GAAkB;CACjG,OAAO;EACN,UAAU,OAAO;EACjB,WAAW,OAAO,SAAS,IAAI,MAAM;EACrC,gBAAgB,OAAO;EACvB,SAAS,eAAe,QAAQ,MAAM,UAAU;CACjD;AACD"}

package/dist/dev/lib/asked-value.js

@@ -1,22 +0,0 @@
-//#region src/lib/asked-value.ts
-function moveTo(cell, mapping, next) {
-	if (!Number.isFinite(next)) return false;
-	const snapped = mapping.snap(next);
-	cell.asked = snapped;
-	if (snapped === cell.value) return false;
-	cell.value = snapped;
-	return true;
-}
-function setAsked(cell, mapping, next) {
-	if (!Number.isFinite(next)) return false;
-	const hasMoved = moveTo(cell, mapping, next);
-	cell.asked = next;
-	return hasMoved;
-}
-function resnap(cell, mapping, fallback) {
-	cell.value = mapping.snap(cell.asked ?? fallback);
-}
-
-//#endregion
-export { moveTo, resnap, setAsked };
-//# sourceMappingURL=asked-value.js.map

package/dist/dev/lib/asked-value.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asked-value.js","names":[],"sources":["../../../src/lib/asked-value.ts"],"sourcesContent":["import type { ValueMapping } from '#lib/value-mapping.ts';\n\nexport interface AskedValue {\n\tasked: number | undefined;\n\tvalue: number;\n}\n\n// A gesture: what was asked is the snapped value\n// eslint-disable-next-line unicorn/consistent-boolean-name -- a writer; the result says whether the value moved\nexport function moveTo(cell: AskedValue, mapping: ValueMapping, next: number): boolean {\n\tif (!Number.isFinite(next)) return false;\n\n\tconst snapped = mapping.snap(next);\n\n\tcell.asked = snapped;\n\tif (snapped === cell.value) return false;\n\n\tcell.value = snapped;\n\n\treturn true;\n}\n\n// A host write: the raw ask survives a change of range\n// eslint-disable-next-line unicorn/consistent-boolean-name -- a writer; the result says whether the value moved\nexport function setAsked(cell: AskedValue, mapping: ValueMapping, next: number): boolean {\n\tif (!Number.isFinite(next)) return false;\n\n\tconst hasMoved = moveTo(cell, mapping, next);\n\n\tcell.asked = next;\n\n\treturn hasMoved;\n}\n\nexport function resnap(cell: AskedValue, mapping: ValueMapping, fallback: number): void {\n\tcell.value = mapping.snap(cell.asked ?? fallback);\n}\n"],"mappings":";AASA,SAAgB,OAAO,MAAkB,SAAuB,MAAuB;CACtF,IAAI,CAAC,OAAO,SAAS,IAAI,GAAG,OAAO;CAEnC,MAAM,UAAU,QAAQ,KAAK,IAAI;CAEjC,KAAK,QAAQ;CACb,IAAI,YAAY,KAAK,OAAO,OAAO;CAEnC,KAAK,QAAQ;CAEb,OAAO;AACR;AAIA,SAAgB,SAAS,MAAkB,SAAuB,MAAuB;CACxF,IAAI,CAAC,OAAO,SAAS,IAAI,GAAG,OAAO;CAEnC,MAAM,WAAW,OAAO,MAAM,SAAS,IAAI;CAE3C,KAAK,QAAQ;CAEb,OAAO;AACR;AAEA,SAAgB,OAAO,MAAkB,SAAuB,UAAwB;CACvF,KAAK,QAAQ,QAAQ,KAAK,KAAK,SAAS,QAAQ;AACjD"}

package/dist/dev/lib/fill-watch.js

@@ -1,30 +0,0 @@
-//#region src/lib/fill-watch.ts
-function bindFill(control, sizeProperty, signal) {
-	let watch;
-	const stop = () => {
-		watch?.disconnect();
-		watch = void 0;
-	};
-	signal.addEventListener("abort", stop, { once: true });
-	return (isFilling) => {
-		if (signal.aborted || isFilling === (watch !== void 0)) return;
-		stop();
-		if (!isFilling) {
-			control.style.removeProperty(sizeProperty);
-			return;
-		}
-		const started = new ResizeObserver((entries) => {
-			const box = entries.at(-1)?.borderBoxSize[0];
-			if (!box) return;
-			requestAnimationFrame(() => {
-				if (watch === started) control.style.setProperty(sizeProperty, `${String(box.blockSize)}px`);
-			});
-		});
-		watch = started;
-		started.observe(control);
-	};
-}
-
-//#endregion
-export { bindFill };
-//# sourceMappingURL=fill-watch.js.map

package/dist/dev/lib/fill-watch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fill-watch.js","names":[],"sources":["../../../src/lib/fill-watch.ts"],"sourcesContent":["export function bindFill(\n\tcontrol: HTMLElement,\n\tsizeProperty: `--_sonic-${string}`,\n\tsignal: AbortSignal,\n): (isFilling: boolean) => void {\n\tlet watch: ResizeObserver | undefined;\n\n\tconst stop = (): void => {\n\t\twatch?.disconnect();\n\t\twatch = undefined;\n\t};\n\n\tsignal.addEventListener('abort', stop, { once: true });\n\n\treturn (isFilling) => {\n\t\tif (signal.aborted || isFilling === (watch !== undefined)) return;\n\n\t\tstop();\n\t\tif (!isFilling) {\n\t\t\tcontrol.style.removeProperty(sizeProperty);\n\t\t\treturn;\n\t\t}\n\n\t\tconst started = new ResizeObserver((entries) => {\n\t\t\tconst box = entries.at(-1)?.borderBoxSize[0];\n\t\t\tif (!box) return;\n\n\t\t\t// Written a frame on, or the canvas resizes inside this delivery and WebKit reports a loop\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\tif (watch === started) {\n\t\t\t\t\tcontrol.style.setProperty(sizeProperty, `${String(box.blockSize)}px`);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\n\t\twatch = started;\n\t\tstarted.observe(control);\n\t};\n}\n"],"mappings":";AAAA,SAAgB,SACf,SACA,cACA,QAC+B;CAC/B,IAAI;CAEJ,MAAM,aAAmB;EACxB,OAAO,WAAW;EAClB,QAAQ;CACT;CAEA,OAAO,iBAAiB,SAAS,MAAM,EAAE,MAAM,KAAK,CAAC;CAErD,QAAQ,cAAc;EACrB,IAAI,OAAO,WAAW,eAAe,UAAU,SAAY;EAE3D,KAAK;EACL,IAAI,CAAC,WAAW;GACf,QAAQ,MAAM,eAAe,YAAY;GACzC;EACD;EAEA,MAAM,UAAU,IAAI,gBAAgB,YAAY;GAC/C,MAAM,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,cAAc;GAC1C,IAAI,CAAC,KAAK;GAGV,4BAA4B;IAC3B,IAAI,UAAU,SACb,QAAQ,MAAM,YAAY,cAAc,GAAG,OAAO,IAAI,SAAS,EAAE,GAAG;GAEtE,CAAC;EACF,CAAC;EAED,QAAQ;EACR,QAAQ,QAAQ,OAAO;CACxB;AACD"}