@wave3d/core 0.1.0

package/dist/renderer/palette.js

@@ -0,0 +1,535 @@
+import { clamp01 } from "../util/math.js";
+import { createDefaultMeshPoints } from "../config/model.js";
+import * as THREE from "three";
+//#region src/renderer/palette.ts
+/**
+* Bakes the gradient stops into a 2D palette texture, sampled in the shader as
+* `texture2D(u_paletteTexture, vec2(uv.x, uv.y))`. The texture is a real image, so
+* colour can vary independently along BOTH axes:
+*   - X (uv.x, along the length): the gradient stops.
+*   - Y (uv.y, across the width): an "edge tint" blended toward both long edges
+*/
+const TEX_W = 256;
+const TEX_H = 64;
+function smoothstep(value) {
+	return value * value * (3 - 2 * value);
+}
+/** "#rrggbb" → "rgba(r,g,b,a)" for canvas fills with alpha. */
+function hexToRgba(hex, alpha) {
+	const srgb = new THREE.Color(hex).clone().convertLinearToSRGB();
+	return `rgba(${Math.round(srgb.r * 255)}, ${Math.round(srgb.g * 255)}, ${Math.round(srgb.b * 255)}, ${alpha})`;
+}
+/** Draw the palette into a 2D canvas. */
+function buildPaletteCanvas(opts) {
+	const canvas = document.createElement("canvas");
+	canvas.width = TEX_W;
+	canvas.height = TEX_H;
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return canvas;
+	const stops = [...opts.stops].sort((a, b) => a.pos - b.pos);
+	const grad = ctx.createLinearGradient(0, 0, TEX_W, 0);
+	if (stops.length === 0) grad.addColorStop(0, "#ffffff");
+	else for (const s of stops) grad.addColorStop(clamp01(s.pos), s.color);
+	ctx.fillStyle = grad;
+	ctx.fillRect(0, 0, TEX_W, TEX_H);
+	const a = clamp01(opts.edgeAmount);
+	if (a > .001) {
+		const eg = ctx.createLinearGradient(0, 0, 0, TEX_H);
+		eg.addColorStop(0, hexToRgba(opts.edgeColor, a));
+		eg.addColorStop(.5, hexToRgba(opts.edgeColor, 0));
+		eg.addColorStop(1, hexToRgba(opts.edgeColor, a));
+		ctx.fillStyle = eg;
+		ctx.fillRect(0, 0, TEX_W, TEX_H);
+	}
+	return canvas;
+}
+/** A small string that changes whenever the texture would need rebuilding. */
+function paletteSignature(opts) {
+	return `${opts.stops.map((x) => `${x.color}@${x.pos.toFixed(3)}`).join(",")}|${opts.edgeColor}|${opts.edgeAmount.toFixed(3)}`;
+}
+/** Sampling config shared by every palette-texture source (canvas, image, LUT, video):
+*  sRGB (the GPU linearizes on sample), linear filtering, clamped edges, no mipmaps. */
+function configurePaletteTexture(tex) {
+	tex.colorSpace = THREE.SRGBColorSpace;
+	tex.minFilter = THREE.LinearFilter;
+	tex.magFilter = THREE.LinearFilter;
+	tex.wrapS = THREE.ClampToEdgeWrapping;
+	tex.wrapT = THREE.ClampToEdgeWrapping;
+	tex.generateMipmaps = false;
+	return tex;
+}
+/** Wrap a canvas as a sampling-ready CanvasTexture. */
+function canvasToTexture(canvas) {
+	return configurePaletteTexture(new THREE.CanvasTexture(canvas));
+}
+/** Build a ready-to-use CanvasTexture from gradient stops + edge tint. */
+function buildPaletteTexture(opts) {
+	return canvasToTexture(buildPaletteCanvas(opts));
+}
+/** Draw an export-ready linear, radial, or conic background gradient. */
+function buildBackgroundGradientCanvas(opts) {
+	const canvas = document.createElement("canvas");
+	canvas.width = Math.max(1, Math.round(opts.width));
+	canvas.height = Math.max(1, Math.round(opts.height));
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return canvas;
+	const { width, height } = canvas;
+	const cx = width / 2;
+	const cy = height / 2;
+	const angle = opts.angle * Math.PI / 180;
+	let gradient;
+	if (opts.type === "radial") gradient = ctx.createRadialGradient(cx, cy, 0, cx, cy, Math.hypot(cx, cy));
+	else if (opts.type === "conic") gradient = ctx.createConicGradient(angle, cx, cy);
+	else {
+		const radius = Math.abs(Math.sin(angle)) * cx + Math.abs(Math.cos(angle)) * cy;
+		const dx = Math.sin(angle) * radius;
+		const dy = -Math.cos(angle) * radius;
+		gradient = ctx.createLinearGradient(cx - dx, cy - dy, cx + dx, cy + dy);
+	}
+	const stops = [...opts.stops].sort((a, b) => a.pos - b.pos);
+	if (stops.length === 0) gradient.addColorStop(0, "#ffffff");
+	else for (const stop of stops) gradient.addColorStop(clamp01(stop.pos), stop.color);
+	ctx.fillStyle = gradient;
+	ctx.fillRect(0, 0, width, height);
+	return canvas;
+}
+/** Linear (0–1) → sRGB byte (0–255). */
+function linearToSrgbByte(linear) {
+	const c = clamp01(linear);
+	const srgb = c <= .0031308 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - .055;
+	return Math.round(clamp01(srgb) * 255);
+}
+/**
+* The single source of truth for mesh-gradient rendering — shared by the background
+* (buildBackgroundMeshCanvas) and the on-canvas MeshGradientEditor preview, and mirroring the
+* wave's meshGradient shader. An inverse-distance-weighted blend of coloured points, computed in
+* LINEAR RGB with y measured UP (point.y = 1 is the top). Returns an ImageData to putImageData
+* onto any 2D context.
+*/
+function renderMeshGradient(points, softness, width, height) {
+	const w = Math.max(1, Math.round(width));
+	const h = Math.max(1, Math.round(height));
+	const image = new ImageData(w, h);
+	const data = image.data;
+	const pts = points.length >= 2 ? points : createDefaultMeshPoints();
+	const colors = pts.map((p) => new THREE.Color(p.color));
+	const exponent = 4.8 + -3.4499999999999997 * clamp01(softness);
+	for (let py = 0; py < h; py++) {
+		const y = 1 - py / Math.max(1, h - 1);
+		for (let px = 0; px < w; px++) {
+			const x = px / Math.max(1, w - 1);
+			let r = 0;
+			let g = 0;
+			let b = 0;
+			let weightSum = 0;
+			for (let i = 0; i < pts.length; i++) {
+				const influence = Math.max(pts[i].influence, .05);
+				const distance = Math.hypot(x - pts[i].x, y - pts[i].y) / influence;
+				const weight = 1 / (Math.pow(Math.max(distance, .012), exponent) + .002);
+				r += colors[i].r * weight;
+				g += colors[i].g * weight;
+				b += colors[i].b * weight;
+				weightSum += weight;
+			}
+			const iw = Math.max(weightSum, 1e-4);
+			const off = (py * w + px) * 4;
+			data[off] = linearToSrgbByte(r / iw);
+			data[off + 1] = linearToSrgbByte(g / iw);
+			data[off + 2] = linearToSrgbByte(b / iw);
+			data[off + 3] = 255;
+		}
+	}
+	return image;
+}
+/**
+* Draw a mesh-gradient background. Mesh gradients are low-frequency, so we render at a small
+* internal size (capped ~320 px) via renderMeshGradient and scale up smoothly.
+*/
+function buildBackgroundMeshCanvas(points, softness, width, height) {
+	const canvas = document.createElement("canvas");
+	canvas.width = Math.max(1, Math.round(width));
+	canvas.height = Math.max(1, Math.round(height));
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return canvas;
+	const scale = Math.min(1, 320 / Math.max(canvas.width, canvas.height));
+	const lw = Math.max(2, Math.round(canvas.width * scale));
+	const lh = Math.max(2, Math.round(canvas.height * scale));
+	const buf = document.createElement("canvas");
+	buf.width = lw;
+	buf.height = lh;
+	const bctx = buf.getContext("2d");
+	if (!bctx) return canvas;
+	bctx.putImageData(renderMeshGradient(points, softness, lw, lh), 0, 0);
+	ctx.imageSmoothingEnabled = true;
+	ctx.imageSmoothingQuality = "high";
+	ctx.drawImage(buf, 0, 0, lw, lh, 0, 0, canvas.width, canvas.height);
+	return canvas;
+}
+/** Fit a built-in canvas or uploaded image into a background-sized canvas. */
+function buildBackgroundImageCanvas(source, sourceWidth, sourceHeight, width, height, fit, matte, zoom = 1, positionX = 0, positionY = 0) {
+	const canvas = document.createElement("canvas");
+	canvas.width = Math.max(1, Math.round(width));
+	canvas.height = Math.max(1, Math.round(height));
+	drawBackgroundMediaFrame(canvas, source, sourceWidth, sourceHeight, fit, matte, zoom, positionX, positionY);
+	return canvas;
+}
+/** Draw one image or video frame into an existing fitted background canvas. */
+function drawBackgroundMediaFrame(canvas, source, sourceWidth, sourceHeight, fit, matte, zoom = 1, positionX = 0, positionY = 0) {
+	const ctx = canvas.getContext("2d");
+	if (!ctx) return;
+	ctx.fillStyle = matte;
+	ctx.fillRect(0, 0, canvas.width, canvas.height);
+	const safeZoom = Math.max(.1, zoom);
+	const baseWidth = fit === "stretch" ? canvas.width : sourceWidth * (fit === "contain" ? Math.min(canvas.width / sourceWidth, canvas.height / sourceHeight) : Math.max(canvas.width / sourceWidth, canvas.height / sourceHeight));
+	const baseHeight = fit === "stretch" ? canvas.height : sourceHeight * (fit === "contain" ? Math.min(canvas.width / sourceWidth, canvas.height / sourceHeight) : Math.max(canvas.width / sourceWidth, canvas.height / sourceHeight));
+	const drawWidth = baseWidth * safeZoom;
+	const drawHeight = baseHeight * safeZoom;
+	const offsetX = positionX / 100 * canvas.width;
+	const offsetY = positionY / 100 * canvas.height;
+	ctx.drawImage(source, (canvas.width - drawWidth) / 2 + offsetX, (canvas.height - drawHeight) / 2 + offsetY, drawWidth, drawHeight);
+}
+const mk = (pairs) => pairs.map(([color, pos]) => ({
+	color,
+	pos
+}));
+function valueNoise2D(seed) {
+	const hash = (x, y) => {
+		let h = x * 374761393 + y * 668265263 + seed * 1442695041 | 0;
+		h = Math.imul(h ^ h >>> 13, 1274126177);
+		return ((h ^ h >>> 16) >>> 0) / 4294967295;
+	};
+	return (x, y) => {
+		const xi = Math.floor(x);
+		const yi = Math.floor(y);
+		const u = smoothstep(x - xi);
+		const v = smoothstep(y - yi);
+		const a = hash(xi, yi);
+		const b = hash(xi + 1, yi);
+		const c = hash(xi, yi + 1);
+		const d = hash(xi + 1, yi + 1);
+		return a * (1 - u) * (1 - v) + b * u * (1 - v) + c * (1 - u) * v + d * u * v;
+	};
+}
+function fbm(n, x, y, oct) {
+	let s = 0;
+	let amp = .5;
+	let f = 1;
+	let tot = 0;
+	for (let i = 0; i < oct; i++) {
+		s += amp * n(x * f, y * f);
+		tot += amp;
+		f *= 2;
+		amp *= .5;
+	}
+	return s / tot;
+}
+const nebulaCache = /* @__PURE__ */ new Map();
+function buildNebulaCanvas(resolution = 220) {
+	const N = Math.max(64, Math.min(1280, Math.round(resolution)));
+	const cached = nebulaCache.get(N);
+	if (cached) return cached;
+	const cv = document.createElement("canvas");
+	cv.width = N;
+	cv.height = N;
+	const ctx = cv.getContext("2d");
+	if (!ctx) return cv;
+	const img = ctx.createImageData(N, N);
+	const field = valueNoise2D(11);
+	const warp = valueNoise2D(91);
+	const bloomN = valueNoise2D(47);
+	const COLORS = [
+		[0, [
+			34,
+			26,
+			92
+		]],
+		[.24, [
+			104,
+			48,
+			196
+		]],
+		[.46, [
+			226,
+			70,
+			158
+		]],
+		[.64, [
+			255,
+			122,
+			92
+		]],
+		[.82, [
+			255,
+			202,
+			110
+		]],
+		[1, [
+			70,
+			196,
+			188
+		]]
+	];
+	const ramp = (t) => {
+		t = clamp01(t);
+		for (let i = 1; i < COLORS.length; i++) if (t <= COLORS[i][0]) {
+			const [p0, c0] = COLORS[i - 1];
+			const [p1, c1] = COLORS[i];
+			const k = (t - p0) / (p1 - p0);
+			return [
+				c0[0] + (c1[0] - c0[0]) * k,
+				c0[1] + (c1[1] - c0[1]) * k,
+				c0[2] + (c1[2] - c0[2]) * k
+			];
+		}
+		return COLORS[COLORS.length - 1][1];
+	};
+	const S = 3;
+	for (let y = 0; y < N; y++) for (let x = 0; x < N; x++) {
+		const u = x / N * S;
+		const v = y / N * S;
+		const wx = u + .7 * warp(u * .7 + 5, v * .7);
+		const wy = v + .7 * warp(u * .7, v * .7 + 9);
+		let [r, g, b] = ramp(fbm(field, wx, wy, 4));
+		const bloom = Math.max(0, fbm(bloomN, wx * 1.6 + 3, wy * 1.6, 3) - .55) * 1.7;
+		r = r * (1 - bloom) + 70 * bloom;
+		g = g * (1 - bloom) + 210 * bloom;
+		b = b * (1 - bloom) + 200 * bloom;
+		const i = (y * N + x) * 4;
+		img.data[i] = r;
+		img.data[i + 1] = g;
+		img.data[i + 2] = b;
+		img.data[i + 3] = 255;
+	}
+	ctx.putImageData(img, 0, 0);
+	nebulaCache.set(N, cv);
+	return cv;
+}
+const imageMapCache = /* @__PURE__ */ new Map();
+function cachedImageMap(id, width, height, paint) {
+	const cacheKey = `${id}|${width}x${height}`;
+	const cached = imageMapCache.get(cacheKey);
+	if (cached) return cached;
+	const canvas = document.createElement("canvas");
+	canvas.width = width;
+	canvas.height = height;
+	const ctx = canvas.getContext("2d");
+	if (ctx) paint(ctx, width, height);
+	imageMapCache.set(cacheKey, canvas);
+	return canvas;
+}
+function buildVaporwaveCanvas(resolution = 240) {
+	const width = Math.max(120, Math.min(2048, Math.round(resolution)));
+	return cachedImageMap("vaporwave", width, Math.round(width * 2 / 3), (ctx, canvasWidth, canvasHeight) => {
+		const unit = canvasWidth / 240;
+		const sky = ctx.createLinearGradient(0, 0, 0, canvasHeight);
+		sky.addColorStop(0, "#120638");
+		sky.addColorStop(.56, "#8e2de2");
+		sky.addColorStop(1, "#ff2fa8");
+		ctx.fillStyle = sky;
+		ctx.fillRect(0, 0, canvasWidth, canvasHeight);
+		const sunY = canvasHeight * .48;
+		const sunRadius = canvasHeight * .28;
+		const sun = ctx.createLinearGradient(0, sunY - sunRadius, 0, sunY + sunRadius);
+		sun.addColorStop(0, "#fff66d");
+		sun.addColorStop(1, "#ff5cbe");
+		ctx.fillStyle = sun;
+		ctx.beginPath();
+		ctx.arc(canvasWidth / 2, sunY, sunRadius, 0, Math.PI * 2);
+		ctx.fill();
+		ctx.fillStyle = "#3b126c";
+		for (let y = sunY + 3 * unit; y < sunY + sunRadius; y += 9 * unit) ctx.fillRect(canvasWidth / 2 - sunRadius, y, sunRadius * 2, 4 * unit);
+		const horizon = canvasHeight * .72;
+		ctx.fillStyle = "#09051f";
+		ctx.fillRect(0, horizon, canvasWidth, canvasHeight - horizon);
+		ctx.strokeStyle = "#19e3ff";
+		ctx.lineWidth = Math.max(1, unit);
+		ctx.globalAlpha = .72;
+		for (let x = -canvasWidth; x <= canvasWidth * 2; x += canvasWidth / 12) {
+			ctx.beginPath();
+			ctx.moveTo(canvasWidth / 2, horizon);
+			ctx.lineTo(x, canvasHeight);
+			ctx.stroke();
+		}
+		for (let row = 0; row < 7; row++) {
+			const t = row / 6;
+			const y = horizon + (canvasHeight - horizon) * t * t;
+			ctx.beginPath();
+			ctx.moveTo(0, y);
+			ctx.lineTo(canvasWidth, y);
+			ctx.stroke();
+		}
+		ctx.globalAlpha = 1;
+	});
+}
+function buildKaleidoscopeCanvas(resolution = 220) {
+	const size = Math.max(110, Math.min(2048, Math.round(resolution)));
+	return cachedImageMap("kaleidoscope", size, size, (ctx, width, height) => {
+		const unit = width / 220;
+		const colors = [
+			"#00e5ff",
+			"#6c3bff",
+			"#ff2ca8",
+			"#ff7a00",
+			"#ffe600",
+			"#16f7a6"
+		];
+		const cx = width / 2;
+		const cy = height / 2;
+		const radius = Math.hypot(width, height);
+		const slices = 24;
+		for (let i = 0; i < slices; i++) {
+			const a0 = i / slices * Math.PI * 2;
+			const a1 = (i + 1) / slices * Math.PI * 2;
+			ctx.fillStyle = colors[i * 5 % colors.length];
+			ctx.beginPath();
+			ctx.moveTo(cx, cy);
+			ctx.lineTo(cx + Math.cos(a0) * radius, cy + Math.sin(a0) * radius);
+			ctx.lineTo(cx + Math.cos(a1) * radius, cy + Math.sin(a1) * radius);
+			ctx.closePath();
+			ctx.fill();
+		}
+		for (let ring = 1; ring <= 4; ring++) {
+			ctx.strokeStyle = ring % 2 ? "rgba(255,255,255,.55)" : "rgba(8,5,35,.6)";
+			ctx.lineWidth = 5 * unit;
+			ctx.beginPath();
+			ctx.arc(cx, cy, ring * 25 * unit, 0, Math.PI * 2);
+			ctx.stroke();
+		}
+	});
+}
+/** Named palette maps. "gradient" kinds are stop presets; "image" kinds are true 2-D maps. */
+const PALETTE_MAPS = {
+	palestine: {
+		label: "Palestine",
+		kind: "gradient",
+		stops: mk([
+			["#000000", 0],
+			["#f7f7f2", .34],
+			["#149954", .67],
+			["#e4312b", 1]
+		]),
+		edgeColor: "#e4312b",
+		edgeAmount: .22
+	},
+	grandLine: {
+		label: "Grand Line",
+		kind: "gradient",
+		stops: mk([
+			["#071b33", 0],
+			["#087ea4", .22],
+			["#45d4c5", .4],
+			["#f4d35e", .58],
+			["#f2b84b", .72],
+			["#d62828", .86],
+			["#18130f", 1]
+		]),
+		edgeColor: "#061426",
+		edgeAmount: .28
+	},
+	vaporwave: {
+		label: "Vaporwave Sunset",
+		kind: "image",
+		build: buildVaporwaveCanvas
+	},
+	kaleidoscope: {
+		label: "Kaleidoscope",
+		kind: "image",
+		build: buildKaleidoscopeCanvas
+	},
+	nebula: {
+		label: "Nebula (2D)",
+		kind: "image",
+		build: buildNebulaCanvas
+	},
+	sunset: {
+		label: "Sunset",
+		kind: "gradient",
+		stops: mk([
+			["#3b1c6b", 0],
+			["#8b2fa0", .3],
+			["#e0457a", .56],
+			["#ff7a3d", .8],
+			["#ffd166", 1]
+		]),
+		edgeColor: "#2a1a6b",
+		edgeAmount: .3
+	},
+	aurora: {
+		label: "Aurora",
+		kind: "gradient",
+		stops: mk([
+			["#0b3d4f", 0],
+			["#1fb89e", .3],
+			["#5ee0a0", .52],
+			["#4d8ef0", .76],
+			["#9b5de5", 1]
+		]),
+		edgeColor: "#0a2540",
+		edgeAmount: .35
+	},
+	ocean: {
+		label: "Ocean",
+		kind: "gradient",
+		stops: mk([
+			["#0a1f4d", 0],
+			["#1f6fb8", .36],
+			["#2bd0d0", .66],
+			["#a8f0e2", 1]
+		]),
+		edgeColor: "#061233",
+		edgeAmount: .4
+	},
+	ember: {
+		label: "Ember",
+		kind: "gradient",
+		stops: mk([
+			["#2a0707", 0],
+			["#a81e1e", .34],
+			["#ff5a2e", .64],
+			["#ffd24a", 1]
+		]),
+		edgeColor: "#150404",
+		edgeAmount: .28
+	},
+	iris: {
+		label: "Iris",
+		kind: "gradient",
+		stops: mk([
+			["#2e1065", 0],
+			["#7c3aed", .34],
+			["#db2777", .64],
+			["#f5b8f0", 1]
+		]),
+		edgeColor: "#1a0840",
+		edgeAmount: .35
+	},
+	mono: {
+		label: "Mono",
+		kind: "gradient",
+		stops: mk([
+			["#16161e", 0],
+			["#6b7280", .4],
+			["#c2c8d2", .72],
+			["#f6f8fb", 1]
+		]),
+		edgeColor: "#0a0a12",
+		edgeAmount: .2
+	}
+};
+/** The canvas for a named map (its 2-D image, or its stops+edge gradient). */
+function paletteMapCanvas(def, resolution) {
+	if (def.build) return def.build(resolution);
+	return buildPaletteCanvas({
+		stops: def.stops ?? [],
+		edgeColor: def.edgeColor ?? "#8e9dff",
+		edgeAmount: def.edgeAmount ?? 0
+	});
+}
+/** Load an arbitrary image (URL or object-URL) as a palette texture — "bring your own map". */
+function loadPaletteImage(url) {
+	return configurePaletteTexture(new THREE.TextureLoader().load(url));
+}
+//#endregion
+export { PALETTE_MAPS, buildBackgroundGradientCanvas, buildBackgroundImageCanvas, buildBackgroundMeshCanvas, buildPaletteCanvas, buildPaletteTexture, canvasToTexture, configurePaletteTexture, drawBackgroundMediaFrame, loadPaletteImage, paletteMapCanvas, paletteSignature, renderMeshGradient };
+
+//# sourceMappingURL=palette.js.map

package/dist/renderer/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../src/renderer/palette.ts"],"sourcesContent":["import * as THREE from \"three\";\nimport { clamp01 } from \"../util/math\";\nimport { createDefaultMeshPoints } from \"../config/model\";\nimport type {\n  BackgroundImageFit,\n  BasicGradientType,\n  ColorStop,\n  MeshGradientPoint,\n} from \"../config/model\";\n\n/**\n * Bakes the gradient stops into a 2D palette texture, sampled in the shader as\n * `texture2D(u_paletteTexture, vec2(uv.x, uv.y))`. The texture is a real image, so\n * colour can vary independently along BOTH axes:\n *   - X (uv.x, along the length): the gradient stops.\n *   - Y (uv.y, across the width): an \"edge tint\" blended toward both long edges\n */\n\nconst TEX_W = 256; // resolution along the gradient (length)\nconst TEX_H = 64; // resolution across the width\n\nfunction smoothstep(value: number): number {\n  return value * value * (3 - 2 * value);\n}\n\n/** \"#rrggbb\" → \"rgba(r,g,b,a)\" for canvas fills with alpha. */\nfunction hexToRgba(hex: string, alpha: number): string {\n  const c = new THREE.Color(hex); // parses many formats; .r/.g/.b are linear…\n  // …but we want the original sRGB bytes for the canvas, so re-encode.\n  const srgb = c.clone().convertLinearToSRGB();\n  const r = Math.round(srgb.r * 255);\n  const g = Math.round(srgb.g * 255);\n  const b = Math.round(srgb.b * 255);\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n}\n\nexport interface PaletteTextureOptions {\n  stops: ColorStop[];\n  /** Cross-width edge tint colour (e.g. periwinkle). */\n  edgeColor: string;\n  /** 0 = flat 1-D gradient (no 2nd axis); higher = stronger cool edges. */\n  edgeAmount: number;\n}\n\n/** Draw the palette into a 2D canvas. */\nexport function buildPaletteCanvas(opts: PaletteTextureOptions): HTMLCanvasElement {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = TEX_W;\n  canvas.height = TEX_H;\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return canvas;\n\n  // X axis: the main gradient (stops sorted by position).\n  const stops = [...opts.stops].sort((a, b) => a.pos - b.pos);\n  const grad = ctx.createLinearGradient(0, 0, TEX_W, 0);\n  if (stops.length === 0) {\n    grad.addColorStop(0, \"#ffffff\");\n  } else {\n    for (const s of stops) grad.addColorStop(clamp01(s.pos), s.color);\n  }\n  ctx.fillStyle = grad;\n  ctx.fillRect(0, 0, TEX_W, TEX_H);\n\n  // Y axis: blend the edge colour toward both long edges (V-shaped alpha), 0 in the\n  // middle — a genuine second dimension of colour.\n  const a = clamp01(opts.edgeAmount);\n  if (a > 0.001) {\n    const eg = ctx.createLinearGradient(0, 0, 0, TEX_H);\n    eg.addColorStop(0, hexToRgba(opts.edgeColor, a));\n    eg.addColorStop(0.5, hexToRgba(opts.edgeColor, 0));\n    eg.addColorStop(1, hexToRgba(opts.edgeColor, a));\n    ctx.fillStyle = eg;\n    ctx.fillRect(0, 0, TEX_W, TEX_H);\n  }\n\n  return canvas;\n}\n\n/** A small string that changes whenever the texture would need rebuilding. */\nexport function paletteSignature(opts: PaletteTextureOptions): string {\n  const s = opts.stops.map((x) => `${x.color}@${x.pos.toFixed(3)}`).join(\",\");\n  return `${s}|${opts.edgeColor}|${opts.edgeAmount.toFixed(3)}`;\n}\n\n/** Sampling config shared by every palette-texture source (canvas, image, LUT, video):\n *  sRGB (the GPU linearizes on sample), linear filtering, clamped edges, no mipmaps. */\nexport function configurePaletteTexture<T extends THREE.Texture>(tex: T): T {\n  tex.colorSpace = THREE.SRGBColorSpace;\n  tex.minFilter = THREE.LinearFilter;\n  tex.magFilter = THREE.LinearFilter;\n  tex.wrapS = THREE.ClampToEdgeWrapping;\n  tex.wrapT = THREE.ClampToEdgeWrapping;\n  tex.generateMipmaps = false;\n  return tex;\n}\n\n/** Wrap a canvas as a sampling-ready CanvasTexture. */\nexport function canvasToTexture(canvas: HTMLCanvasElement): THREE.CanvasTexture {\n  return configurePaletteTexture(new THREE.CanvasTexture(canvas));\n}\n\n/** Build a ready-to-use CanvasTexture from gradient stops + edge tint. */\nexport function buildPaletteTexture(opts: PaletteTextureOptions): THREE.CanvasTexture {\n  return canvasToTexture(buildPaletteCanvas(opts));\n}\n\nexport interface BackgroundGradientOptions {\n  stops: ColorStop[];\n  type: BasicGradientType;\n  angle: number;\n  width: number;\n  height: number;\n}\n\n/** Draw an export-ready linear, radial, or conic background gradient. */\nexport function buildBackgroundGradientCanvas(opts: BackgroundGradientOptions): HTMLCanvasElement {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(opts.width));\n  canvas.height = Math.max(1, Math.round(opts.height));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return canvas;\n\n  const { width, height } = canvas;\n  const cx = width / 2;\n  const cy = height / 2;\n  const angle = (opts.angle * Math.PI) / 180;\n  let gradient: CanvasGradient;\n  if (opts.type === \"radial\") {\n    gradient = ctx.createRadialGradient(cx, cy, 0, cx, cy, Math.hypot(cx, cy));\n  } else if (opts.type === \"conic\") {\n    gradient = ctx.createConicGradient(angle, cx, cy);\n  } else {\n    const radius = Math.abs(Math.sin(angle)) * cx + Math.abs(Math.cos(angle)) * cy;\n    const dx = Math.sin(angle) * radius;\n    const dy = -Math.cos(angle) * radius;\n    gradient = ctx.createLinearGradient(cx - dx, cy - dy, cx + dx, cy + dy);\n  }\n\n  const stops = [...opts.stops].sort((a, b) => a.pos - b.pos);\n  if (stops.length === 0) gradient.addColorStop(0, \"#ffffff\");\n  else for (const stop of stops) gradient.addColorStop(clamp01(stop.pos), stop.color);\n  ctx.fillStyle = gradient;\n  ctx.fillRect(0, 0, width, height);\n  return canvas;\n}\n\n/** Linear (0–1) → sRGB byte (0–255). */\nfunction linearToSrgbByte(linear: number): number {\n  const c = clamp01(linear);\n  const srgb = c <= 0.0031308 ? c * 12.92 : 1.055 * Math.pow(c, 1 / 2.4) - 0.055;\n  return Math.round(clamp01(srgb) * 255);\n}\n\n/**\n * The single source of truth for mesh-gradient rendering — shared by the background\n * (buildBackgroundMeshCanvas) and the on-canvas MeshGradientEditor preview, and mirroring the\n * wave's meshGradient shader. An inverse-distance-weighted blend of coloured points, computed in\n * LINEAR RGB with y measured UP (point.y = 1 is the top). Returns an ImageData to putImageData\n * onto any 2D context.\n */\nexport function renderMeshGradient(\n  points: MeshGradientPoint[],\n  softness: number,\n  width: number,\n  height: number,\n): ImageData {\n  const w = Math.max(1, Math.round(width));\n  const h = Math.max(1, Math.round(height));\n  const image = new ImageData(w, h);\n  const data = image.data;\n  const pts = points.length >= 2 ? points : createDefaultMeshPoints();\n  const colors = pts.map((p) => new THREE.Color(p.color)); // .r/.g/.b are LINEAR\n  const exponent = 4.8 + (1.35 - 4.8) * clamp01(softness);\n  for (let py = 0; py < h; py++) {\n    const y = 1 - py / Math.max(1, h - 1);\n    for (let px = 0; px < w; px++) {\n      const x = px / Math.max(1, w - 1);\n      let r = 0;\n      let g = 0;\n      let b = 0;\n      let weightSum = 0;\n      for (let i = 0; i < pts.length; i++) {\n        const influence = Math.max(pts[i].influence, 0.05);\n        const distance = Math.hypot(x - pts[i].x, y - pts[i].y) / influence;\n        const weight = 1 / (Math.pow(Math.max(distance, 0.012), exponent) + 0.002);\n        r += colors[i].r * weight;\n        g += colors[i].g * weight;\n        b += colors[i].b * weight;\n        weightSum += weight;\n      }\n      const iw = Math.max(weightSum, 0.0001);\n      const off = (py * w + px) * 4;\n      data[off] = linearToSrgbByte(r / iw);\n      data[off + 1] = linearToSrgbByte(g / iw);\n      data[off + 2] = linearToSrgbByte(b / iw);\n      data[off + 3] = 255;\n    }\n  }\n  return image;\n}\n\n/**\n * Draw a mesh-gradient background. Mesh gradients are low-frequency, so we render at a small\n * internal size (capped ~320 px) via renderMeshGradient and scale up smoothly.\n */\nexport function buildBackgroundMeshCanvas(\n  points: MeshGradientPoint[],\n  softness: number,\n  width: number,\n  height: number,\n): HTMLCanvasElement {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(width));\n  canvas.height = Math.max(1, Math.round(height));\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return canvas;\n\n  const scale = Math.min(1, 320 / Math.max(canvas.width, canvas.height));\n  const lw = Math.max(2, Math.round(canvas.width * scale));\n  const lh = Math.max(2, Math.round(canvas.height * scale));\n  const buf = document.createElement(\"canvas\");\n  buf.width = lw;\n  buf.height = lh;\n  const bctx = buf.getContext(\"2d\");\n  if (!bctx) return canvas;\n  bctx.putImageData(renderMeshGradient(points, softness, lw, lh), 0, 0);\n  ctx.imageSmoothingEnabled = true;\n  ctx.imageSmoothingQuality = \"high\";\n  ctx.drawImage(buf, 0, 0, lw, lh, 0, 0, canvas.width, canvas.height);\n  return canvas;\n}\n\n/** Fit a built-in canvas or uploaded image into a background-sized canvas. */\nexport function buildBackgroundImageCanvas(\n  source: CanvasImageSource,\n  sourceWidth: number,\n  sourceHeight: number,\n  width: number,\n  height: number,\n  fit: BackgroundImageFit,\n  matte: string,\n  zoom = 1,\n  positionX = 0,\n  positionY = 0,\n): HTMLCanvasElement {\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = Math.max(1, Math.round(width));\n  canvas.height = Math.max(1, Math.round(height));\n  drawBackgroundMediaFrame(\n    canvas,\n    source,\n    sourceWidth,\n    sourceHeight,\n    fit,\n    matte,\n    zoom,\n    positionX,\n    positionY,\n  );\n  return canvas;\n}\n\n/** Draw one image or video frame into an existing fitted background canvas. */\nexport function drawBackgroundMediaFrame(\n  canvas: HTMLCanvasElement,\n  source: CanvasImageSource,\n  sourceWidth: number,\n  sourceHeight: number,\n  fit: BackgroundImageFit,\n  matte: string,\n  zoom = 1,\n  positionX = 0,\n  positionY = 0,\n): void {\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return;\n\n  ctx.fillStyle = matte;\n  ctx.fillRect(0, 0, canvas.width, canvas.height);\n  const safeZoom = Math.max(0.1, zoom);\n  const baseWidth =\n    fit === \"stretch\"\n      ? canvas.width\n      : sourceWidth *\n        (fit === \"contain\"\n          ? Math.min(canvas.width / sourceWidth, canvas.height / sourceHeight)\n          : Math.max(canvas.width / sourceWidth, canvas.height / sourceHeight));\n  const baseHeight =\n    fit === \"stretch\"\n      ? canvas.height\n      : sourceHeight *\n        (fit === \"contain\"\n          ? Math.min(canvas.width / sourceWidth, canvas.height / sourceHeight)\n          : Math.max(canvas.width / sourceWidth, canvas.height / sourceHeight));\n  const drawWidth = baseWidth * safeZoom;\n  const drawHeight = baseHeight * safeZoom;\n  const offsetX = (positionX / 100) * canvas.width;\n  const offsetY = (positionY / 100) * canvas.height;\n  ctx.drawImage(\n    source,\n    (canvas.width - drawWidth) / 2 + offsetX,\n    (canvas.height - drawHeight) / 2 + offsetY,\n    drawWidth,\n    drawHeight,\n  );\n}\n\n// ---- Built-in palette maps (pick via config.paletteSource) ----\n\nexport interface PaletteMapDef {\n  label: string;\n  /** \"gradient\" = a color-stop preset (1-D ramp + edge tint, reproducible with stops);\n   *  \"image\" = a true 2-D texture (build()) that the stops can't reproduce. */\n  kind: \"gradient\" | \"image\";\n  stops?: ColorStop[];\n  edgeColor?: string;\n  edgeAmount?: number;\n  build?: (resolution?: number) => HTMLCanvasElement;\n}\n\nconst mk = (pairs: Array<[string, number]>): ColorStop[] =>\n  pairs.map(([color, pos]) => ({ color, pos }));\n\n// ---- A genuine 2-D image map (procedural nebula): organic colour patches that vary in\n// BOTH axes via domain-warped value noise — the kind of thing flat stops can't make. ----\n\nfunction valueNoise2D(seed: number): (x: number, y: number) => number {\n  const hash = (x: number, y: number): number => {\n    let h = (x * 374761393 + y * 668265263 + seed * 1442695041) | 0;\n    h = Math.imul(h ^ (h >>> 13), 1274126177);\n    return ((h ^ (h >>> 16)) >>> 0) / 4294967295;\n  };\n  return (x, y) => {\n    const xi = Math.floor(x);\n    const yi = Math.floor(y);\n    const u = smoothstep(x - xi);\n    const v = smoothstep(y - yi);\n    const a = hash(xi, yi);\n    const b = hash(xi + 1, yi);\n    const c = hash(xi, yi + 1);\n    const d = hash(xi + 1, yi + 1);\n    return a * (1 - u) * (1 - v) + b * u * (1 - v) + c * (1 - u) * v + d * u * v;\n  };\n}\n\nfunction fbm(n: (x: number, y: number) => number, x: number, y: number, oct: number): number {\n  let s = 0;\n  let amp = 0.5;\n  let f = 1;\n  let tot = 0;\n  for (let i = 0; i < oct; i++) {\n    s += amp * n(x * f, y * f);\n    tot += amp;\n    f *= 2;\n    amp *= 0.5;\n  }\n  return s / tot;\n}\n\nconst nebulaCache = new Map<number, HTMLCanvasElement>();\nfunction buildNebulaCanvas(resolution = 220): HTMLCanvasElement {\n  const N = Math.max(64, Math.min(1280, Math.round(resolution)));\n  const cached = nebulaCache.get(N);\n  if (cached) return cached;\n  const cv = document.createElement(\"canvas\");\n  cv.width = N;\n  cv.height = N;\n  const ctx = cv.getContext(\"2d\");\n  if (!ctx) return cv;\n  const img = ctx.createImageData(N, N);\n  const field = valueNoise2D(11);\n  const warp = valueNoise2D(91);\n  const bloomN = valueNoise2D(47);\n  const COLORS: Array<[number, [number, number, number]]> = [\n    [0.0, [34, 26, 92]], // deep indigo\n    [0.24, [104, 48, 196]], // violet\n    [0.46, [226, 70, 158]], // magenta\n    [0.64, [255, 122, 92]], // coral\n    [0.82, [255, 202, 110]], // gold\n    [1.0, [70, 196, 188]], // teal\n  ];\n  const ramp = (t: number): [number, number, number] => {\n    t = clamp01(t);\n    for (let i = 1; i < COLORS.length; i++) {\n      if (t <= COLORS[i][0]) {\n        const [p0, c0] = COLORS[i - 1];\n        const [p1, c1] = COLORS[i];\n        const k = (t - p0) / (p1 - p0);\n        return [\n          c0[0] + (c1[0] - c0[0]) * k,\n          c0[1] + (c1[1] - c0[1]) * k,\n          c0[2] + (c1[2] - c0[2]) * k,\n        ];\n      }\n    }\n    return COLORS[COLORS.length - 1][1];\n  };\n  const S = 3.0;\n  for (let y = 0; y < N; y++) {\n    for (let x = 0; x < N; x++) {\n      const u = (x / N) * S;\n      const v = (y / N) * S;\n      const wx = u + 0.7 * warp(u * 0.7 + 5, v * 0.7);\n      const wy = v + 0.7 * warp(u * 0.7, v * 0.7 + 9);\n      const f = fbm(field, wx, wy, 4);\n      let [r, g, b] = ramp(f);\n      const bloom = Math.max(0, fbm(bloomN, wx * 1.6 + 3, wy * 1.6, 3) - 0.55) * 1.7;\n      r = r * (1 - bloom) + 70 * bloom;\n      g = g * (1 - bloom) + 210 * bloom;\n      b = b * (1 - bloom) + 200 * bloom;\n      const i = (y * N + x) * 4;\n      img.data[i] = r;\n      img.data[i + 1] = g;\n      img.data[i + 2] = b;\n      img.data[i + 3] = 255;\n    }\n  }\n  ctx.putImageData(img, 0, 0);\n  nebulaCache.set(N, cv);\n  return cv;\n}\n\nconst imageMapCache = new Map<string, HTMLCanvasElement>();\n\nfunction cachedImageMap(\n  id: string,\n  width: number,\n  height: number,\n  paint: (ctx: CanvasRenderingContext2D, width: number, height: number) => void,\n): HTMLCanvasElement {\n  const cacheKey = `${id}|${width}x${height}`;\n  const cached = imageMapCache.get(cacheKey);\n  if (cached) return cached;\n  const canvas = document.createElement(\"canvas\");\n  canvas.width = width;\n  canvas.height = height;\n  const ctx = canvas.getContext(\"2d\");\n  if (ctx) paint(ctx, width, height);\n  imageMapCache.set(cacheKey, canvas);\n  return canvas;\n}\n\nfunction buildVaporwaveCanvas(resolution = 240): HTMLCanvasElement {\n  const width = Math.max(120, Math.min(2048, Math.round(resolution)));\n  const height = Math.round((width * 2) / 3);\n  return cachedImageMap(\"vaporwave\", width, height, (ctx, canvasWidth, canvasHeight) => {\n    const unit = canvasWidth / 240;\n    const sky = ctx.createLinearGradient(0, 0, 0, canvasHeight);\n    sky.addColorStop(0, \"#120638\");\n    sky.addColorStop(0.56, \"#8e2de2\");\n    sky.addColorStop(1, \"#ff2fa8\");\n    ctx.fillStyle = sky;\n    ctx.fillRect(0, 0, canvasWidth, canvasHeight);\n\n    const sunY = canvasHeight * 0.48;\n    const sunRadius = canvasHeight * 0.28;\n    const sun = ctx.createLinearGradient(0, sunY - sunRadius, 0, sunY + sunRadius);\n    sun.addColorStop(0, \"#fff66d\");\n    sun.addColorStop(1, \"#ff5cbe\");\n    ctx.fillStyle = sun;\n    ctx.beginPath();\n    ctx.arc(canvasWidth / 2, sunY, sunRadius, 0, Math.PI * 2);\n    ctx.fill();\n\n    ctx.fillStyle = \"#3b126c\";\n    for (let y = sunY + 3 * unit; y < sunY + sunRadius; y += 9 * unit) {\n      ctx.fillRect(canvasWidth / 2 - sunRadius, y, sunRadius * 2, 4 * unit);\n    }\n\n    const horizon = canvasHeight * 0.72;\n    ctx.fillStyle = \"#09051f\";\n    ctx.fillRect(0, horizon, canvasWidth, canvasHeight - horizon);\n    ctx.strokeStyle = \"#19e3ff\";\n    ctx.lineWidth = Math.max(1, unit);\n    ctx.globalAlpha = 0.72;\n    for (let x = -canvasWidth; x <= canvasWidth * 2; x += canvasWidth / 12) {\n      ctx.beginPath();\n      ctx.moveTo(canvasWidth / 2, horizon);\n      ctx.lineTo(x, canvasHeight);\n      ctx.stroke();\n    }\n    for (let row = 0; row < 7; row++) {\n      const t = row / 6;\n      const y = horizon + (canvasHeight - horizon) * t * t;\n      ctx.beginPath();\n      ctx.moveTo(0, y);\n      ctx.lineTo(canvasWidth, y);\n      ctx.stroke();\n    }\n    ctx.globalAlpha = 1;\n  });\n}\n\nfunction buildKaleidoscopeCanvas(resolution = 220): HTMLCanvasElement {\n  const size = Math.max(110, Math.min(2048, Math.round(resolution)));\n  return cachedImageMap(\"kaleidoscope\", size, size, (ctx, width, height) => {\n    const unit = width / 220;\n    const colors = [\"#00e5ff\", \"#6c3bff\", \"#ff2ca8\", \"#ff7a00\", \"#ffe600\", \"#16f7a6\"];\n    const cx = width / 2;\n    const cy = height / 2;\n    const radius = Math.hypot(width, height);\n    const slices = 24;\n    for (let i = 0; i < slices; i++) {\n      const a0 = (i / slices) * Math.PI * 2;\n      const a1 = ((i + 1) / slices) * Math.PI * 2;\n      ctx.fillStyle = colors[(i * 5) % colors.length];\n      ctx.beginPath();\n      ctx.moveTo(cx, cy);\n      ctx.lineTo(cx + Math.cos(a0) * radius, cy + Math.sin(a0) * radius);\n      ctx.lineTo(cx + Math.cos(a1) * radius, cy + Math.sin(a1) * radius);\n      ctx.closePath();\n      ctx.fill();\n    }\n    for (let ring = 1; ring <= 4; ring++) {\n      ctx.strokeStyle = ring % 2 ? \"rgba(255,255,255,.55)\" : \"rgba(8,5,35,.6)\";\n      ctx.lineWidth = 5 * unit;\n      ctx.beginPath();\n      ctx.arc(cx, cy, ring * 25 * unit, 0, Math.PI * 2);\n      ctx.stroke();\n    }\n  });\n}\n\n/** Named palette maps. \"gradient\" kinds are stop presets; \"image\" kinds are true 2-D maps. */\nexport const PALETTE_MAPS: Record<string, PaletteMapDef> = {\n  palestine: {\n    label: \"Palestine\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#000000\", 0],\n      [\"#f7f7f2\", 0.34],\n      [\"#149954\", 0.67],\n      [\"#e4312b\", 1],\n    ]),\n    edgeColor: \"#e4312b\",\n    edgeAmount: 0.22,\n  },\n  grandLine: {\n    label: \"Grand Line\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#071b33\", 0],\n      [\"#087ea4\", 0.22],\n      [\"#45d4c5\", 0.4],\n      [\"#f4d35e\", 0.58],\n      [\"#f2b84b\", 0.72],\n      [\"#d62828\", 0.86],\n      [\"#18130f\", 1],\n    ]),\n    edgeColor: \"#061426\",\n    edgeAmount: 0.28,\n  },\n  vaporwave: { label: \"Vaporwave Sunset\", kind: \"image\", build: buildVaporwaveCanvas },\n  kaleidoscope: { label: \"Kaleidoscope\", kind: \"image\", build: buildKaleidoscopeCanvas },\n  nebula: { label: \"Nebula (2D)\", kind: \"image\", build: buildNebulaCanvas },\n  sunset: {\n    label: \"Sunset\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#3b1c6b\", 0],\n      [\"#8b2fa0\", 0.3],\n      [\"#e0457a\", 0.56],\n      [\"#ff7a3d\", 0.8],\n      [\"#ffd166\", 1],\n    ]),\n    edgeColor: \"#2a1a6b\",\n    edgeAmount: 0.3,\n  },\n  aurora: {\n    label: \"Aurora\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#0b3d4f\", 0],\n      [\"#1fb89e\", 0.3],\n      [\"#5ee0a0\", 0.52],\n      [\"#4d8ef0\", 0.76],\n      [\"#9b5de5\", 1],\n    ]),\n    edgeColor: \"#0a2540\",\n    edgeAmount: 0.35,\n  },\n  ocean: {\n    label: \"Ocean\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#0a1f4d\", 0],\n      [\"#1f6fb8\", 0.36],\n      [\"#2bd0d0\", 0.66],\n      [\"#a8f0e2\", 1],\n    ]),\n    edgeColor: \"#061233\",\n    edgeAmount: 0.4,\n  },\n  ember: {\n    label: \"Ember\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#2a0707\", 0],\n      [\"#a81e1e\", 0.34],\n      [\"#ff5a2e\", 0.64],\n      [\"#ffd24a\", 1],\n    ]),\n    edgeColor: \"#150404\",\n    edgeAmount: 0.28,\n  },\n  iris: {\n    label: \"Iris\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#2e1065\", 0],\n      [\"#7c3aed\", 0.34],\n      [\"#db2777\", 0.64],\n      [\"#f5b8f0\", 1],\n    ]),\n    edgeColor: \"#1a0840\",\n    edgeAmount: 0.35,\n  },\n  mono: {\n    label: \"Mono\",\n    kind: \"gradient\",\n    stops: mk([\n      [\"#16161e\", 0],\n      [\"#6b7280\", 0.4],\n      [\"#c2c8d2\", 0.72],\n      [\"#f6f8fb\", 1],\n    ]),\n    edgeColor: \"#0a0a12\",\n    edgeAmount: 0.2,\n  },\n};\n\n/** The canvas for a named map (its 2-D image, or its stops+edge gradient). */\nexport function paletteMapCanvas(def: PaletteMapDef, resolution?: number): HTMLCanvasElement {\n  if (def.build) return def.build(resolution);\n  return buildPaletteCanvas({\n    stops: def.stops ?? [],\n    edgeColor: def.edgeColor ?? \"#8e9dff\",\n    edgeAmount: def.edgeAmount ?? 0,\n  });\n}\n\n/** Load an arbitrary image (URL or object-URL) as a palette texture — \"bring your own map\". */\nexport function loadPaletteImage(url: string): THREE.Texture {\n  return configurePaletteTexture(new THREE.TextureLoader().load(url));\n}\n"],"mappings":"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"}