@howells/hairline 0.0.0-stage → 0.2.0

package/lib/charts/lupi/radial-patchwork.data.js

@@ -0,0 +1,454 @@
+"use client";
+//#region src/charts/lupi/radial-patchwork.data.ts
+var e = [
+	{
+		flagged: !1,
+		hour: 22.55,
+		id: "2026-10-08T22:33:00Z",
+		label: "C3.5",
+		minutes: 20,
+		size: 2.55
+	},
+	{
+		flagged: !1,
+		hour: 4.467,
+		id: "2026-10-09T04:28:00Z",
+		label: "C1.6",
+		minutes: 22,
+		size: 2.21
+	},
+	{
+		flagged: !1,
+		hour: 5.45,
+		id: "2026-10-09T05:27:00Z",
+		label: "C4.0",
+		minutes: 23,
+		size: 2.61
+	},
+	{
+		flagged: !1,
+		hour: 6.65,
+		id: "2026-10-09T06:39:00Z",
+		label: "C2.9",
+		minutes: 14,
+		size: 2.48
+	},
+	{
+		flagged: !1,
+		hour: 9.883,
+		id: "2026-10-09T09:53:00Z",
+		label: "C1.3",
+		minutes: 15,
+		size: 2.13
+	},
+	{
+		flagged: !1,
+		hour: 11.4,
+		id: "2026-10-09T11:24:00Z",
+		label: "C1.3",
+		minutes: 15,
+		size: 2.12
+	},
+	{
+		flagged: !1,
+		hour: 12.25,
+		id: "2026-10-09T12:15:00Z",
+		label: "C1.5",
+		minutes: 5,
+		size: 2.18
+	},
+	{
+		flagged: !1,
+		hour: 12.55,
+		id: "2026-10-09T12:33:00Z",
+		label: "C1.8",
+		minutes: 14,
+		size: 2.26
+	},
+	{
+		flagged: !1,
+		hour: 13.05,
+		id: "2026-10-09T13:03:00Z",
+		label: "C4.3",
+		minutes: 12,
+		size: 2.64
+	},
+	{
+		flagged: !1,
+		hour: 13.783,
+		id: "2026-10-09T13:47:00Z",
+		label: "C1.4",
+		minutes: 8,
+		size: 2.17
+	},
+	{
+		flagged: !0,
+		hour: 13.917,
+		id: "2026-10-09T13:55:00Z",
+		label: "M1.3",
+		minutes: 22,
+		size: 3.14
+	},
+	{
+		flagged: !1,
+		hour: 15.95,
+		id: "2026-10-09T15:57:00Z",
+		label: "C1.4",
+		minutes: 10,
+		size: 2.18
+	},
+	{
+		flagged: !1,
+		hour: 21.867,
+		id: "2026-10-09T21:52:00Z",
+		label: "C1.4",
+		minutes: 8,
+		size: 2.15
+	},
+	{
+		flagged: !1,
+		hour: 22.783,
+		id: "2026-10-09T22:47:00Z",
+		label: "C1.2",
+		minutes: 9,
+		size: 2.1
+	},
+	{
+		flagged: !1,
+		hour: 23.667,
+		id: "2026-10-09T23:40:00Z",
+		label: "C3.1",
+		minutes: 35,
+		size: 2.5
+	},
+	{
+		flagged: !1,
+		hour: 4.2,
+		id: "2026-10-10T04:12:00Z",
+		label: "C1.5",
+		minutes: 16,
+		size: 2.2
+	},
+	{
+		flagged: !1,
+		hour: 4.583,
+		id: "2026-10-10T04:35:00Z",
+		label: "C7.9",
+		minutes: 5,
+		size: 2.9
+	},
+	{
+		flagged: !1,
+		hour: 7.7,
+		id: "2026-10-10T07:42:00Z",
+		label: "C4.2",
+		minutes: 104,
+		size: 2.62
+	},
+	{
+		flagged: !1,
+		hour: 9.433,
+		id: "2026-10-10T09:26:00Z",
+		label: "C1.7",
+		minutes: 13,
+		size: 2.25
+	},
+	{
+		flagged: !1,
+		hour: 13.3,
+		id: "2026-10-10T13:18:00Z",
+		label: "C2.7",
+		minutes: 14,
+		size: 2.43
+	},
+	{
+		flagged: !0,
+		hour: 13.933,
+		id: "2026-10-10T13:56:00Z",
+		label: "M1.2",
+		minutes: 31,
+		size: 3.09
+	},
+	{
+		flagged: !0,
+		hour: 14.967,
+		id: "2026-10-10T14:58:00Z",
+		label: "M6.4",
+		minutes: 22,
+		size: 3.81
+	},
+	{
+		flagged: !1,
+		hour: 17.75,
+		id: "2026-10-10T17:45:00Z",
+		label: "C4.8",
+		minutes: 15,
+		size: 2.69
+	},
+	{
+		flagged: !1,
+		hour: 20.05,
+		id: "2026-10-10T20:03:00Z",
+		label: "C2.1",
+		minutes: 26,
+		size: 2.34
+	},
+	{
+		flagged: !1,
+		hour: 2.767,
+		id: "2026-10-11T02:46:00Z",
+		label: "C1.8",
+		minutes: 10,
+		size: 2.27
+	},
+	{
+		flagged: !1,
+		hour: 10.433,
+		id: "2026-10-11T10:26:00Z",
+		label: "C1.1",
+		minutes: 19,
+		size: 2.05
+	},
+	{
+		flagged: !1,
+		hour: 14.933,
+		id: "2026-10-11T14:56:00Z",
+		label: "B9.8",
+		minutes: 13,
+		size: 1.99
+	},
+	{
+		flagged: !1,
+		hour: 16.85,
+		id: "2026-10-11T16:51:00Z",
+		label: "C1.2",
+		minutes: 21,
+		size: 2.08
+	},
+	{
+		flagged: !1,
+		hour: 17.2,
+		id: "2026-10-11T17:12:00Z",
+		label: "C1.1",
+		minutes: 13,
+		size: 2.08
+	},
+	{
+		flagged: !1,
+		hour: 1.9,
+		id: "2026-10-12T01:54:00Z",
+		label: "C1.1",
+		minutes: 18,
+		size: 2.07
+	},
+	{
+		flagged: !1,
+		hour: 7.65,
+		id: "2026-10-12T07:39:00Z",
+		label: "B9.3",
+		minutes: 12,
+		size: 1.97
+	},
+	{
+		flagged: !1,
+		hour: 12.433,
+		id: "2026-10-12T12:26:00Z",
+		label: "B8.8",
+		minutes: 19,
+		size: 1.95
+	},
+	{
+		flagged: !1,
+		hour: 19.15,
+		id: "2026-10-12T19:09:00Z",
+		label: "C1.0",
+		minutes: 11,
+		size: 2.01
+	},
+	{
+		flagged: !1,
+		hour: 20.483,
+		id: "2026-10-12T20:29:00Z",
+		label: "C1.0",
+		minutes: 16,
+		size: 2.02
+	},
+	{
+		flagged: !1,
+		hour: 23.8,
+		id: "2026-10-12T23:48:00Z",
+		label: "C1.0",
+		minutes: 10,
+		size: 2.02
+	},
+	{
+		flagged: !1,
+		hour: 3.483,
+		id: "2026-10-13T03:29:00Z",
+		label: "C1.2",
+		minutes: 18,
+		size: 2.11
+	},
+	{
+		flagged: !1,
+		hour: 16.133,
+		id: "2026-10-13T16:08:00Z",
+		label: "C4.2",
+		minutes: 35,
+		size: 2.63
+	},
+	{
+		flagged: !1,
+		hour: 21.7,
+		id: "2026-10-13T21:42:00Z",
+		label: "B9.9",
+		minutes: 13,
+		size: 2
+	},
+	{
+		flagged: !1,
+		hour: .817,
+		id: "2026-10-14T00:49:00Z",
+		label: "B9.7",
+		minutes: 27,
+		size: 1.99
+	},
+	{
+		flagged: !1,
+		hour: 1.983,
+		id: "2026-10-14T01:59:00Z",
+		label: "C6.9",
+		minutes: 40,
+		size: 2.84
+	},
+	{
+		flagged: !1,
+		hour: 3.817,
+		id: "2026-10-14T03:49:00Z",
+		label: "C1.1",
+		minutes: 13,
+		size: 2.06
+	},
+	{
+		flagged: !1,
+		hour: 13.267,
+		id: "2026-10-14T13:16:00Z",
+		label: "C1.0",
+		minutes: 12,
+		size: 2.01
+	},
+	{
+		flagged: !1,
+		hour: 13.467,
+		id: "2026-10-14T13:28:00Z",
+		label: "C1.3",
+		minutes: 11,
+		size: 2.13
+	},
+	{
+		flagged: !1,
+		hour: 14.433,
+		id: "2026-10-14T14:26:00Z",
+		label: "C1.3",
+		minutes: 13,
+		size: 2.12
+	},
+	{
+		flagged: !1,
+		hour: 14.667,
+		id: "2026-10-14T14:40:00Z",
+		label: "C1.9",
+		minutes: 7,
+		size: 2.29
+	},
+	{
+		flagged: !1,
+		hour: 15.8,
+		id: "2026-10-14T15:48:00Z",
+		label: "C2.2",
+		minutes: 16,
+		size: 2.35
+	},
+	{
+		flagged: !1,
+		hour: 1.567,
+		id: "2026-10-15T01:34:00Z",
+		label: "B9.4",
+		minutes: 14,
+		size: 1.98
+	},
+	{
+		flagged: !1,
+		hour: 2,
+		id: "2026-10-15T02:00:00Z",
+		label: "C2.8",
+		minutes: 21,
+		size: 2.46
+	},
+	{
+		flagged: !1,
+		hour: 7.333,
+		id: "2026-10-15T07:20:00Z",
+		label: "C1.0",
+		minutes: 12,
+		size: 2.03
+	},
+	{
+		flagged: !1,
+		hour: 13.917,
+		id: "2026-10-15T13:55:00Z",
+		label: "C1.3",
+		minutes: 10,
+		size: 2.14
+	},
+	{
+		flagged: !1,
+		hour: 14.217,
+		id: "2026-10-15T14:13:00Z",
+		label: "C1.0",
+		minutes: 10,
+		size: 2.04
+	},
+	{
+		flagged: !1,
+		hour: 15.183,
+		id: "2026-10-15T15:11:00Z",
+		label: "C1.4",
+		minutes: 9,
+		size: 2.17
+	},
+	{
+		flagged: !1,
+		hour: 15.817,
+		id: "2026-10-15T15:49:00Z",
+		label: "C4.9",
+		minutes: 10,
+		size: 2.7
+	},
+	{
+		flagged: !1,
+		hour: 17.533,
+		id: "2026-10-15T17:32:00Z",
+		label: "C2.8",
+		minutes: 31,
+		size: 2.46
+	},
+	{
+		flagged: !1,
+		hour: 20.833,
+		id: "2026-10-15T20:50:00Z",
+		label: "C1.1",
+		minutes: 9,
+		size: 2.05
+	},
+	{
+		flagged: !1,
+		hour: 21.517,
+		id: "2026-10-15T21:31:00Z",
+		label: "C1.0",
+		minutes: 15,
+		size: 2.02
+	}
+];
+//#endregion
+export { e as radialPatchworkDemo };

package/lib/charts/lupi/radial-patchwork.js

@@ -0,0 +1,181 @@
+"use client";
+import { useHover as e } from "../hooks.js";
+import { Plot as t, Tooltip as n } from "../core.js";
+import { clamp as r, noteOf as i, noteSpace as a, stagger as o } from "../util.js";
+import { HitPath as s, TipText as c } from "../hover.js";
+import { TICK as l } from "../marks.js";
+import { FootNote as u } from "../plot-note.js";
+import { ChartSvg as d } from "../svg.js";
+import { Label as f } from "../text.js";
+import { TEXTURE_PITCH as p, paint as m, useTextureIds as h } from "../texture-ids.js";
+import { CrossHatch as g, Hatch as _, PixelLine as v } from "../texture.js";
+import { clock as y, sectorPath as b } from "./util-a.js";
+import { radialPatchworkDemo as x } from "./radial-patchwork.data.js";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/charts/lupi/radial-patchwork.tsx
+var w = [
+	p.cross,
+	p.hatch,
+	p.dense
+], T = (e) => {
+	let t = Math.floor(e), n = Math.round((e - t) * 60);
+	return `${String(t % 24).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+}, E = (e) => {
+	let { cx: t, cy: n, R: r } = e.dial, i = Array.from({ length: 24 }, (e, t) => t);
+	return /* @__PURE__ */ C("g", {
+		className: "fade",
+		children: [i.map((e) => {
+			let i = e * 15, a = e % 6 == 0, [o, s] = y(t, n, r + 18 - (a ? l.lg : l.sm), i), [c, u] = y(t, n, r + 18, i);
+			return /* @__PURE__ */ S(v, {
+				tone: a ? "fill-l3" : "fill-l5",
+				x0: o,
+				x1: c,
+				y0: s,
+				y1: u
+			}, `tick-${i}`);
+		}), [
+			0,
+			6,
+			12,
+			18
+		].map((e) => {
+			let [i, a] = y(t, n, r + 32, e * 15);
+			return /* @__PURE__ */ C(f, {
+				anchor: "middle",
+				middle: !0,
+				voice: "axis",
+				x: i,
+				y: a,
+				children: [e, ":00"]
+			}, `hour-${e}`);
+		})]
+	});
+}, D = (e, t, n) => {
+	let r = t.hour * 15;
+	return {
+		a0: r,
+		a1: r + Math.max(4, t.minutes / 4),
+		reach: e.r0 + (e.R - e.r0) * t.size / n
+	};
+}, O = (e) => {
+	let t = [...new Set(e.flatMap((e) => [e.a0, e.a1]))].toSorted((e, t) => e - t);
+	return t.slice(1).map((n, r) => {
+		let i = t[r] ?? n;
+		return {
+			e: n,
+			reaches: e.flatMap((e) => e.a0 <= i && e.a1 >= n ? [e.reach] : []).toSorted((e, t) => t - e),
+			s: i
+		};
+	});
+}, k = (e, t, n) => {
+	let { cx: r, cy: i, r0: a } = e, o = [], s = [];
+	for (let e of t) {
+		let t = e.reaches.at(n), r = s.at(-1);
+		(t === void 0 || r !== void 0 && r.e !== e.s) && (s.length > 0 && o.push(s), s = []), t !== void 0 && s.push({
+			e: e.e,
+			r: t,
+			s: e.s
+		});
+	}
+	return s.length > 0 && o.push(s), o.map((e) => {
+		let t = e[0]?.s ?? 0, n = e.at(-1)?.e ?? t, o = e.map((e) => {
+			let [t, n] = y(r, i, e.r, e.s), [a, o] = y(r, i, e.r, e.e);
+			return `L${t},${n}A${e.r},${e.r} 0 0 1 ${a},${o}`;
+		}).join(""), [s, c] = y(r, i, a, t), [l, u] = y(r, i, a, n), d = +(n - t > 180);
+		return `M${s},${c}${o}L${l},${u}A${a},${a} 0 ${d} 0 ${s},${c}Z`;
+	}).join("");
+}, A = (e) => /* @__PURE__ */ S("g", { children: w.map((t, n) => /* @__PURE__ */ S("path", {
+	className: "fade stroke-l5",
+	d: k(e.dial, e.slices, n),
+	fill: m(e.ids[n] ?? ""),
+	strokeLinejoin: "round",
+	strokeWidth: 1,
+	style: o(n)
+}, `level-${t}`)) }), j = (e) => {
+	let { cx: t, cy: n, r0: r } = e.dial, i = e.spans.map((e, t) => ({
+		i: t,
+		span: e
+	})).toSorted((e, t) => t.span.reach - e.span.reach);
+	return /* @__PURE__ */ S("g", { children: i.map(({ i, span: a }) => {
+		let o = e.hovered === i, [c, l] = y(t, n, a.reach, (a.a0 + a.a1) / 2);
+		return /* @__PURE__ */ S(s, {
+			className: `transition-tone ${o ? "stroke-ink" : "stroke-none"}`,
+			d: b(t, n, r, a.reach, a.a0, a.a1),
+			onPointerEnter: () => {
+				e.onEnter(i, c, l - 6);
+			},
+			strokeLinejoin: "round",
+			strokeWidth: 2
+		}, `hit-${a.a0}-${a.a1}-${a.reach}`);
+	}) });
+}, M = (s) => {
+	let l = s.data ?? x, f = s.height ?? 460, p = s.outlined ?? "class M or stronger", v = e(), y = Math.max(1, ...l.map((e) => e.size)), k = h("patch"), M = w.map((e) => k(`hatch-${e}`)), N = v.key === null ? void 0 : l.at(v.key);
+	return /* @__PURE__ */ S(t, {
+		overlay: v.at === null || N === void 0 ? null : /* @__PURE__ */ S(n, {
+			x: v.at.x,
+			y: v.at.y,
+			children: /* @__PURE__ */ S(c, {
+				facts: [
+					N.label,
+					`${N.minutes} min`,
+					...N.flagged === !0 ? [p] : []
+				],
+				lead: `${T(N.hour)} UTC`
+			})
+		}),
+		children: (e) => {
+			let t = a(i(s), e - 16, 20), n = r(Math.min(e / 2 - 48, (f - 88 - t) / 2), 90, 220), c = {
+				R: n,
+				cx: Math.round(e / 2),
+				cy: Math.round(n + 44),
+				r0: n * .12
+			}, h = Math.min(f, Math.round(2 * n + 88 + t)), x = l.map((e) => D(c, e, y)), T = x.filter((e, t) => l[t]?.flagged === !0);
+			return /* @__PURE__ */ C(d, {
+				height: h,
+				label: `${l.length} solar flares on a 24-hour dial in UTC, ${T.length} of ${p}`,
+				leave: v.clear,
+				title: "Solar flares overlaid on a 24-hour dial",
+				width: e,
+				children: [
+					/* @__PURE__ */ C("defs", { children: [w.map((e, t) => /* @__PURE__ */ S(_, {
+						id: M[t] ?? "",
+						pitch: e,
+						tone: "fill-l3"
+					}, `def-${e}`)), /* @__PURE__ */ S(g, {
+						id: k("hero"),
+						tone: "fill-hero"
+					})] }),
+					/* @__PURE__ */ S(E, { dial: c }),
+					/* @__PURE__ */ S(A, {
+						dial: c,
+						ids: M,
+						slices: O(x)
+					}),
+					T.map((e, t) => /* @__PURE__ */ S("path", {
+						className: "fade stroke-hero",
+						d: b(c.cx, c.cy, c.r0, e.reach, e.a0, e.a1),
+						fill: m(k("hero")),
+						strokeLinejoin: "round",
+						strokeWidth: 1,
+						style: o(w.length + t)
+					}, `flag-${e.a0}-${e.a1}`)),
+					/* @__PURE__ */ S(j, {
+						dial: c,
+						hovered: v.key,
+						onEnter: (e, t, n) => {
+							v.show(e, t, n);
+						},
+						spans: x
+					}),
+					/* @__PURE__ */ S(u, {
+						height: h,
+						text: i(s),
+						width: e
+					})
+				]
+			});
+		}
+	});
+};
+//#endregion
+export { M as RadialPatchwork };