shadertown 0.1.0

package/dist/react.js

@@ -0,0 +1,127 @@
+"use client";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, } from "react";
+import { createShaderRenderer } from "./renderer.js";
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+function usePrefersReducedMotion() {
+    const [reduced, setReduced] = useState(false);
+    useEffect(() => {
+        const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+        setReduced(query.matches);
+        const onChange = (event) => setReduced(event.matches);
+        query.addEventListener("change", onChange);
+        return () => query.removeEventListener("change", onChange);
+    }, []);
+    return reduced;
+}
+/**
+ * A canvas running one shadertown shader.
+ *
+ * The renderer is created once per mount; param changes are pushed through
+ * `setParams` rather than by remounting, so dragging a slider never recompiles
+ * a pipeline.
+ */
+export function ShaderCanvas({ preset, shader, params, quality, play, className, style, fallback, onStatusChange, trackPointer = false, startTime, "aria-hidden": ariaHidden = true, }) {
+    const canvasRef = useRef(null);
+    const rendererRef = useRef(null);
+    const [status, setStatus] = useState("pending");
+    const [hovered, setHovered] = useState(false);
+    const [visible, setVisible] = useState(false);
+    const reducedMotion = usePrefersReducedMotion();
+    const resolvedShader = (shader ?? preset?.shader);
+    const resolvedPlay = play ?? preset?.play ?? "visible";
+    const resolvedQuality = quality ?? preset?.quality;
+    // Merged params are compared by value so an inline object literal in JSX
+    // does not restart the renderer on every parent render.
+    const mergedParams = useMemo(() => ({ ...(preset?.params ?? {}), ...(params ?? {}) }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [JSON.stringify(preset?.params ?? {}), JSON.stringify(params ?? {})]);
+    useIsomorphicLayoutEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas || !resolvedShader)
+            return;
+        const renderer = createShaderRenderer(canvas, {
+            shader: resolvedShader,
+            params: mergedParams,
+            paused: true,
+            startTime,
+            dpr: resolvedQuality?.dpr,
+            fps: resolvedQuality?.fps,
+            onStatus: (next) => setStatus(next),
+        });
+        rendererRef.current = renderer;
+        return () => {
+            renderer.destroy();
+            rendererRef.current = null;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [resolvedShader]);
+    useEffect(() => {
+        rendererRef.current?.setParams(mergedParams);
+    }, [mergedParams]);
+    useEffect(() => {
+        onStatusChange?.(status);
+    }, [status, onStatusChange]);
+    // Visibility drives both `play="visible"` and the cost of off-screen cards.
+    useEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const observer = new IntersectionObserver((entries) => setVisible(entries.some((entry) => entry.isIntersecting)), { rootMargin: "128px" });
+        observer.observe(canvas);
+        return () => observer.disconnect();
+    }, []);
+    const shouldAnimate = useMemo(() => {
+        if (reducedMotion)
+            return false;
+        switch (resolvedPlay) {
+            case "always":
+                return true;
+            case "visible":
+                return visible;
+            case "hover":
+                return visible && hovered;
+            case "never":
+                return false;
+        }
+    }, [reducedMotion, resolvedPlay, visible, hovered]);
+    useEffect(() => {
+        rendererRef.current?.setPaused(!shouldAnimate);
+    }, [shouldAnimate]);
+    const onPointerMove = useCallback((event) => {
+        if (!trackPointer)
+            return;
+        const rect = event.currentTarget.getBoundingClientRect();
+        rendererRef.current?.setPointer((event.clientX - rect.left) / Math.max(rect.width, 1), (event.clientY - rect.top) / Math.max(rect.height, 1));
+    }, [trackPointer]);
+    if (status === "unsupported" && fallback) {
+        return _jsx(_Fragment, { children: fallback });
+    }
+    return (_jsx("canvas", { ref: canvasRef, className: className, style: { display: "block", width: "100%", height: "100%", ...style }, "aria-hidden": ariaHidden, onPointerEnter: () => setHovered(true), onPointerLeave: () => setHovered(false), onPointerMove: onPointerMove }));
+}
+/**
+ * Imperative escape hatch: attach a renderer to a canvas you own.
+ * Returns the live renderer so you can drive it from animation code.
+ */
+export function useShaderRenderer(canvasRef, config) {
+    const [renderer, setRenderer] = useState(null);
+    useIsomorphicLayoutEffect(() => {
+        const canvas = canvasRef.current;
+        if (!canvas)
+            return;
+        const created = createShaderRenderer(canvas, {
+            shader: config.shader,
+            params: config.params,
+            dpr: config.quality?.dpr,
+            fps: config.quality?.fps,
+        });
+        setRenderer(created);
+        return () => {
+            created.destroy();
+            setRenderer(null);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [config.shader]);
+    return renderer;
+}
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"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"}