jaml-ui 0.13.1 → 0.14.0

package/dist/components/JamlAestheticSelector.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type JamlAestheticOption = "Palindrome" | "Psychosis" | "Gross" | "Nsfw" | "Funny" | "Balatro";
+export interface JamlAestheticSelectorProps {
+    value?: JamlAestheticOption | null;
+    onChange: (aesthetic: JamlAestheticOption | null, numericValue: number) => void;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function JamlAestheticSelector({ value, onChange, className, style }: JamlAestheticSelectorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlAestheticSelector.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JimboColorOption } from "../ui/tokens.js";
+import { JimboText } from "../ui/jimboText.js";
+const AESTHETICS = [
+    { id: "Palindrome", value: 0, label: "Palindrome", desc: "Seeds that read the same forwards and backwards" },
+    { id: "Psychosis", value: 1, label: "Psychosis", desc: "Unsettling or eerie seed patterns" },
+    { id: "Gross", value: 2, label: "Gross", desc: "Seeds with crude or disgusting words" },
+    { id: "Nsfw", value: 3, label: "NSFW", desc: "Seeds with adult content" },
+    { id: "Funny", value: 4, label: "Funny", desc: "Seeds that spell funny words" },
+    { id: "Balatro", value: 5, label: "Balatro", desc: "Seeds referencing the game itself" },
+];
+export function JamlAestheticSelector({ value, onChange, className, style }) {
+    return (_jsxs("div", { className: className, style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 4,
+            ...style,
+        }, children: [_jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "Seed Aesthetics" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: 4 }, children: AESTHETICS.map((a) => {
+                    const isActive = value === a.id;
+                    return (_jsx("button", { type: "button", onClick: () => onChange(isActive ? null : a.id, a.value), title: a.desc, style: {
+                            padding: "4px 10px",
+                            borderRadius: 6,
+                            border: `2px solid ${isActive ? JimboColorOption.GOLD : JimboColorOption.PANEL_EDGE}`,
+                            background: isActive ? `${JimboColorOption.GOLD}22` : JimboColorOption.DARKEST,
+                            color: isActive ? JimboColorOption.GOLD_TEXT : JimboColorOption.GREY,
+                            cursor: "pointer",
+                            fontSize: 11,
+                            fontWeight: 700,
+                            fontFamily: "m6x11plus, monospace",
+                            textTransform: "uppercase",
+                            letterSpacing: 0.5,
+                            transition: "border-color 100ms, background 100ms",
+                        }, children: a.label }, a.id));
+                }) })] }));
+}

package/dist/components/JamlSeedInput.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface JamlSeedInputProps {
+    value?: string;
+    onChange?: (seed: string) => void;
+    placeholder?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function JamlSeedInput({ value, onChange, placeholder, className, style }: JamlSeedInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlSeedInput.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { JimboColorOption } from "../ui/tokens.js";
+import { JimboText } from "../ui/jimboText.js";
+const SEED_PATTERN = /^[A-Z0-9]{0,8}$/;
+export function JamlSeedInput({ value, onChange, placeholder = "Enter seed (e.g. J4SPZMWW)", className, style }) {
+    const [internal, setInternal] = useState(value ?? "");
+    const display = value ?? internal;
+    const isValid = display.length === 0 || SEED_PATTERN.test(display);
+    const handleChange = (e) => {
+        const raw = e.target.value.toUpperCase().replace(/[^A-Z0-9]/g, "").slice(0, 8);
+        setInternal(raw);
+        onChange?.(raw);
+    };
+    return (_jsxs("div", { className: className, style: { display: "flex", flexDirection: "column", gap: 4, ...style }, children: [_jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "Seed" }), _jsx("input", { type: "text", value: display, onChange: handleChange, placeholder: placeholder, maxLength: 8, spellCheck: false, autoComplete: "off", style: {
+                    padding: "6px 10px",
+                    borderRadius: 6,
+                    border: `2px solid ${!isValid ? JimboColorOption.RED : display.length === 8 ? JimboColorOption.GREEN : JimboColorOption.PANEL_EDGE}`,
+                    background: JimboColorOption.DARKEST,
+                    color: JimboColorOption.GOLD_TEXT,
+                    fontSize: 16,
+                    fontWeight: 900,
+                    fontFamily: "m6x11plus, monospace",
+                    letterSpacing: 2,
+                    textTransform: "uppercase",
+                    outline: "none",
+                    transition: "border-color 100ms",
+                } }), display.length > 0 && display.length < 8 && (_jsxs(JimboText, { size: "xs", tone: "grey", children: [8 - display.length, " more characters"] }))] }));
+}

package/dist/components/JamlSpeedometer.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { SearchStatus } from "../hooks/useSearch.js";
+export interface JamlSpeedometerProps {
+    seedsPerSecond: number;
+    totalSearched: bigint;
+    matchingSeeds: bigint;
+    status: SearchStatus;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare function JamlSpeedometer({ seedsPerSecond, totalSearched, matchingSeeds, status, className, style, }: JamlSpeedometerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlSpeedometer.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JimboColorOption } from "../ui/tokens.js";
+import { JimboText } from "../ui/jimboText.js";
+function formatCount(n) {
+    if (n >= 1000000000n)
+        return `${(Number(n / 1000000n) / 1000).toFixed(1)}B`;
+    if (n >= 1000000n)
+        return `${(Number(n / 1000n) / 1000).toFixed(1)}M`;
+    if (n >= 1000n)
+        return `${(Number(n) / 1000).toFixed(1)}K`;
+    return n.toString();
+}
+function formatSpeed(sps) {
+    if (sps >= 1_000_000)
+        return `${(sps / 1_000_000).toFixed(1)}M`;
+    if (sps >= 1_000)
+        return `${(sps / 1_000).toFixed(0)}K`;
+    return sps.toString();
+}
+function needleAngle(sps) {
+    if (sps <= 0)
+        return -90;
+    const maxLog = Math.log10(5_000_000);
+    const clamped = Math.min(sps, 5_000_000);
+    const pct = Math.log10(Math.max(clamped, 1)) / maxLog;
+    return -90 + pct * 180;
+}
+export function JamlSpeedometer({ seedsPerSecond, totalSearched, matchingSeeds, status, className, style, }) {
+    const isActive = status === "running" || status === "booting";
+    const angle = needleAngle(seedsPerSecond);
+    const speedColor = seedsPerSecond >= 500_000
+        ? JimboColorOption.GREEN
+        : seedsPerSecond >= 100_000
+            ? JimboColorOption.GOLD
+            : seedsPerSecond > 0
+                ? JimboColorOption.ORANGE
+                : JimboColorOption.GREY;
+    return (_jsxs("div", { className: className, style: {
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: 6,
+            padding: "12px 16px",
+            borderRadius: 10,
+            background: `${JimboColorOption.DARKEST}cc`,
+            border: `1px solid ${JimboColorOption.PANEL_EDGE}`,
+            ...style,
+        }, children: [_jsx("div", { style: { position: "relative", width: 120, height: 68, overflow: "hidden" }, children: _jsxs("svg", { viewBox: "0 0 120 68", width: 120, height: 68, children: [_jsx("path", { d: "M 10 65 A 50 50 0 0 1 110 65", fill: "none", stroke: JimboColorOption.DARK_GREY, strokeWidth: 6, strokeLinecap: "round" }), isActive && (_jsx("path", { d: "M 10 65 A 50 50 0 0 1 110 65", fill: "none", stroke: speedColor, strokeWidth: 6, strokeLinecap: "round", strokeDasharray: "157", strokeDashoffset: 157 - (157 * ((angle + 90) / 180)), style: { transition: "stroke-dashoffset 300ms ease, stroke 300ms ease" } })), _jsx("line", { x1: 60, y1: 65, x2: 60, y2: 20, stroke: isActive ? JimboColorOption.RED : JimboColorOption.GREY, strokeWidth: 2, strokeLinecap: "round", style: {
+                                transformOrigin: "60px 65px",
+                                transform: `rotate(${angle}deg)`,
+                                transition: "transform 300ms ease",
+                            } }), _jsx("circle", { cx: 60, cy: 65, r: 4, fill: JimboColorOption.RED })] }) }), _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 20, fontWeight: 900, fontFamily: "m6x11plus, monospace", color: isActive ? speedColor : JimboColorOption.GREY }, children: isActive ? formatSpeed(seedsPerSecond) : "---" }), _jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "seeds / sec" })] }), _jsxs("div", { style: { display: "flex", gap: 16, marginTop: 2 }, children: [_jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 700, fontFamily: "m6x11plus, monospace", color: JimboColorOption.WHITE }, children: formatCount(totalSearched) }), _jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "searched" })] }), _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("div", { style: { fontSize: 13, fontWeight: 700, fontFamily: "m6x11plus, monospace", color: JimboColorOption.GREEN_TEXT }, children: formatCount(matchingSeeds) }), _jsx(JimboText, { size: "xs", tone: "grey", uppercase: true, children: "matches" })] })] })] }));
+}

package/dist/hooks/searchWorkerCode.d.ts

@@ -1 +1 @@
-export declare const SEARCH_WORKER_CODE = "\nlet MotelyWasm = null;\nlet MotelyWasmEvents = null;\nlet activeSearch = null;\n\nself.addEventListener('message', async function(e) {\n  const msg = e.data;\n\n  if (msg.type === 'init') {\n    try {\n      const mod = await import(msg.url);\n      await mod.default.boot();\n      MotelyWasm = mod.MotelyWasm;\n      MotelyWasmEvents = mod.MotelyWasmEvents;\n      self.postMessage({ type: 'ready' });\n    } catch (err) {\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'start') {\n    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }\n    const validation = MotelyWasm.validateJaml(msg.jaml);\n    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }\n\n    let rId, pId, cId;\n    function cleanup() {\n      MotelyWasmEvents.onResult.unsubscribeById(rId);\n      MotelyWasmEvents.onProgress.unsubscribeById(pId);\n      MotelyWasmEvents.onComplete.unsubscribeById(cId);\n      activeSearch = null;\n    }\n\n    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score) {\n      self.postMessage({ type: 'result', seed, score });\n    });\n    pId = MotelyWasmEvents.onProgress.subscribe(function(searched, matching) {\n      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });\n    });\n    cId = MotelyWasmEvents.onComplete.subscribe(function(status, searched, matched) {\n      cleanup();\n      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });\n    });\n\n    try {\n      activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);\n    } catch (err) {\n      cleanup();\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'stop') {\n    if (activeSearch) { activeSearch.cancel(); activeSearch = null; }\n    self.postMessage({ type: 'cancelled' });\n  }\n});\n";
+export declare const SEARCH_WORKER_CODE = "\nlet MotelyWasm = null;\nlet MotelyWasmEvents = null;\nlet Filters = null;\nlet activeSearch = null;\n\nself.addEventListener('message', async function(e) {\n  const msg = e.data;\n\n  if (msg.type === 'init') {\n    try {\n      const mod = await import(msg.url);\n      await mod.default.boot();\n      MotelyWasm = mod.MotelyWasm;\n      MotelyWasmEvents = mod.MotelyWasmEvents;\n      Filters = mod.Filters;\n      self.postMessage({ type: 'ready' });\n    } catch (err) {\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'start') {\n    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }\n    const validation = MotelyWasm.validateJaml(msg.jaml);\n    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }\n\n    let rId, pId, cId;\n    function cleanup() {\n      MotelyWasmEvents.onResult.unsubscribeById(rId);\n      MotelyWasmEvents.onProgress.unsubscribeById(pId);\n      MotelyWasmEvents.onComplete.unsubscribeById(cId);\n      activeSearch = null;\n    }\n\n    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score, tallyColumns) {\n      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });\n    });\n    pId = MotelyWasmEvents.onProgress.subscribe(function(searched, matching) {\n      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });\n    });\n    cId = MotelyWasmEvents.onComplete.subscribe(function(status, searched, matched) {\n      cleanup();\n      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });\n    });\n\n    try {\n      const mode = msg.mode || 'random';\n\n      if (mode === 'random') {\n        activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);\n      } else if (mode === 'aesthetic') {\n        activeSearch = MotelyWasm.startAestheticSearch(msg.jaml, msg.aesthetic);\n      } else if (mode === 'seedList') {\n        activeSearch = MotelyWasm.startSeedListSearch(msg.jaml, msg.seeds);\n      } else if (mode === 'keyword') {\n        activeSearch = MotelyWasm.startKeywordSearch(msg.jaml, msg.keywords, msg.padding || '');\n      } else if (mode === 'sequential') {\n        activeSearch = MotelyWasm.startSequentialSearch(msg.jaml, msg.batchCharCount, BigInt(msg.startBatch), BigInt(msg.endBatch));\n      } else {\n        self.postMessage({ type: 'error', message: 'Unknown search mode: ' + mode });\n        cleanup();\n        return;\n      }\n    } catch (err) {\n      cleanup();\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n    return;\n  }\n\n  if (msg.type === 'stop') {\n    if (activeSearch) { activeSearch.cancel(); activeSearch = null; }\n    self.postMessage({ type: 'cancelled' });\n  }\n\n  if (msg.type === 'get_tally_labels') {\n    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }\n    try {\n      const labels = MotelyWasm.getTallyLabels(msg.jaml);\n      self.postMessage({ type: 'tally_labels', labels });\n    } catch (err) {\n      self.postMessage({ type: 'error', message: String(err) });\n    }\n  }\n});\n";

package/dist/hooks/searchWorkerCode.js

@@ -1,8 +1,7 @@
-// Worker code as an inline string — created as a Blob URL at runtime.
-// This avoids bundler/import.meta.url issues when shipped as an npm package.
 export const SEARCH_WORKER_CODE = `
 let MotelyWasm = null;
 let MotelyWasmEvents = null;
+let Filters = null;
 let activeSearch = null;
 
 self.addEventListener('message', async function(e) {
@@ -14,6 +13,7 @@ self.addEventListener('message', async function(e) {
       await mod.default.boot();
       MotelyWasm = mod.MotelyWasm;
       MotelyWasmEvents = mod.MotelyWasmEvents;
+      Filters = mod.Filters;
       self.postMessage({ type: 'ready' });
     } catch (err) {
       self.postMessage({ type: 'error', message: String(err) });
@@ -34,8 +34,8 @@ self.addEventListener('message', async function(e) {
       activeSearch = null;
     }
 
-    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score) {
-      self.postMessage({ type: 'result', seed, score });
+    rId = MotelyWasmEvents.onResult.subscribe(function(seed, score, tallyColumns) {
+      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });
     });
     pId = MotelyWasmEvents.onProgress.subscribe(function(searched, matching) {
       self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });
@@ -46,7 +46,23 @@ self.addEventListener('message', async function(e) {
     });
 
     try {
-      activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);
+      const mode = msg.mode || 'random';
+
+      if (mode === 'random') {
+        activeSearch = MotelyWasm.startRandomSearch(msg.jaml, msg.count);
+      } else if (mode === 'aesthetic') {
+        activeSearch = MotelyWasm.startAestheticSearch(msg.jaml, msg.aesthetic);
+      } else if (mode === 'seedList') {
+        activeSearch = MotelyWasm.startSeedListSearch(msg.jaml, msg.seeds);
+      } else if (mode === 'keyword') {
+        activeSearch = MotelyWasm.startKeywordSearch(msg.jaml, msg.keywords, msg.padding || '');
+      } else if (mode === 'sequential') {
+        activeSearch = MotelyWasm.startSequentialSearch(msg.jaml, msg.batchCharCount, BigInt(msg.startBatch), BigInt(msg.endBatch));
+      } else {
+        self.postMessage({ type: 'error', message: 'Unknown search mode: ' + mode });
+        cleanup();
+        return;
+      }
     } catch (err) {
       cleanup();
       self.postMessage({ type: 'error', message: String(err) });
@@ -58,5 +74,15 @@ self.addEventListener('message', async function(e) {
     if (activeSearch) { activeSearch.cancel(); activeSearch = null; }
     self.postMessage({ type: 'cancelled' });
   }
+
+  if (msg.type === 'get_tally_labels') {
+    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }
+    try {
+      const labels = MotelyWasm.getTallyLabels(msg.jaml);
+      self.postMessage({ type: 'tally_labels', labels });
+    } catch (err) {
+      self.postMessage({ type: 'error', message: String(err) });
+    }
+  }
 });
 `;

package/dist/hooks/useSearch.d.ts

@@ -1,6 +1,7 @@
 export interface SearchResult {
     seed: string;
     score: number;
+    tallyColumns?: number[];
 }
 export type SearchStatus = "idle" | "booting" | "running" | "completed" | "cancelled" | "error";
 export interface UseSearchState {
@@ -9,14 +10,22 @@ export interface UseSearchState {
     matchingSeeds: bigint;
     status: SearchStatus;
     error: string | null;
+    seedsPerSecond: number;
+    tallyLabels: string[];
 }
 export declare function useSearch(motelyWasmUrl: string): {
     start: (jaml: string, count: number) => void;
+    startAesthetic: (jaml: string, aesthetic: number) => void;
+    startSeedList: (jaml: string, seeds: string[]) => void;
+    startKeyword: (jaml: string, keywords: string, padding?: string) => void;
     cancel: () => void;
     clearError: () => void;
+    fetchTallyLabels: (jaml: string) => void;
     results: SearchResult[];
     totalSearched: bigint;
     matchingSeeds: bigint;
     status: SearchStatus;
     error: string | null;
+    seedsPerSecond: number;
+    tallyLabels: string[];
 };

package/dist/hooks/useSearch.js

@@ -8,16 +8,20 @@ function createWorker(motelyWasmUrl) {
     worker.postMessage({ type: "init", url: motelyWasmUrl });
     return worker;
 }
+const INITIAL_STATE = {
+    results: [],
+    totalSearched: 0n,
+    matchingSeeds: 0n,
+    status: "idle",
+    error: null,
+    seedsPerSecond: 0,
+    tallyLabels: [],
+};
 export function useSearch(motelyWasmUrl) {
-    const [state, setState] = useState({
-        results: [],
-        totalSearched: 0n,
-        matchingSeeds: 0n,
-        status: "idle",
-        error: null,
-    });
+    const [state, setState] = useState(INITIAL_STATE);
     const workerRef = useRef(null);
     const readyRef = useRef(false);
+    const speedRef = useRef({ lastSearched: 0n, lastTime: 0, ema: 0 });
     useEffect(() => {
         setState((s) => ({ ...s, status: "booting" }));
         const worker = createWorker(motelyWasmUrl);
@@ -30,16 +34,51 @@ export function useSearch(motelyWasmUrl) {
                 setState((s) => s.status === "booting" ? { ...s, status: "idle" } : s);
             }
             else if (msg.type === "result") {
-                setState((s) => ({ ...s, results: [...s.results, { seed: msg.seed, score: msg.score }] }));
+                setState((s) => ({
+                    ...s,
+                    results: [...s.results, {
+                            seed: msg.seed,
+                            score: msg.score,
+                            tallyColumns: msg.tallyColumns,
+                        }],
+                }));
             }
             else if (msg.type === "progress") {
-                setState((s) => ({ ...s, totalSearched: BigInt(msg.searched), matchingSeeds: BigInt(msg.matching) }));
+                const searched = BigInt(msg.searched);
+                const matching = BigInt(msg.matching);
+                const now = performance.now();
+                const ref = speedRef.current;
+                let sps = ref.ema;
+                if (ref.lastTime > 0) {
+                    const dtMs = now - ref.lastTime;
+                    if (dtMs > 0) {
+                        const delta = Number(searched - ref.lastSearched);
+                        const instantSps = delta / (dtMs / 1000);
+                        sps = ref.ema === 0 ? instantSps : ref.ema * 0.7 + instantSps * 0.3;
+                    }
+                }
+                ref.lastSearched = searched;
+                ref.lastTime = now;
+                ref.ema = sps;
+                setState((s) => ({ ...s, totalSearched: searched, matchingSeeds: matching, seedsPerSecond: Math.round(sps) }));
             }
             else if (msg.type === "complete") {
-                setState((s) => ({ ...s, status: msg.status === "Completed" ? "completed" : "error", error: msg.status !== "Completed" ? msg.status : null, totalSearched: BigInt(msg.searched), matchingSeeds: BigInt(msg.matched) }));
+                speedRef.current = { lastSearched: 0n, lastTime: 0, ema: 0 };
+                setState((s) => ({
+                    ...s,
+                    status: msg.status === "Completed" ? "completed" : "error",
+                    error: msg.status !== "Completed" ? msg.status : null,
+                    totalSearched: BigInt(msg.searched),
+                    matchingSeeds: BigInt(msg.matched),
+                    seedsPerSecond: 0,
+                }));
             }
             else if (msg.type === "cancelled") {
-                setState((s) => ({ ...s, status: "cancelled" }));
+                speedRef.current = { lastSearched: 0n, lastTime: 0, ema: 0 };
+                setState((s) => ({ ...s, status: "cancelled", seedsPerSecond: 0 }));
+            }
+            else if (msg.type === "tally_labels") {
+                setState((s) => ({ ...s, tallyLabels: msg.labels }));
             }
             else if (msg.type === "error") {
                 setState((s) => ({ ...s, status: "error", error: msg.message }));
@@ -50,13 +89,15 @@ export function useSearch(motelyWasmUrl) {
             workerRef.current = null;
         };
     }, [motelyWasmUrl]);
-    const start = useCallback((jaml, count) => {
+    const sendStart = useCallback((payload) => {
         const worker = workerRef.current;
         if (!worker)
             return;
-        setState({ results: [], totalSearched: 0n, matchingSeeds: 0n, status: "running", error: null });
+        speedRef.current = { lastSearched: 0n, lastTime: 0, ema: 0 };
+        setState({ ...INITIAL_STATE, status: "running", tallyLabels: state.tallyLabels });
+        const send = () => worker.postMessage(payload);
         if (readyRef.current) {
-            worker.postMessage({ type: "start", jaml, count });
+            send();
         }
         else {
             const orig = worker.onmessage;
@@ -64,16 +105,31 @@ export function useSearch(motelyWasmUrl) {
                 orig?.call(worker, e);
                 if (e.data.type === "ready") {
                     worker.onmessage = orig;
-                    worker.postMessage({ type: "start", jaml, count });
+                    send();
                 }
             };
         }
-    }, []);
+    }, [state.tallyLabels]);
+    const start = useCallback((jaml, count) => {
+        sendStart({ type: "start", mode: "random", jaml, count });
+    }, [sendStart]);
+    const startAesthetic = useCallback((jaml, aesthetic) => {
+        sendStart({ type: "start", mode: "aesthetic", jaml, aesthetic });
+    }, [sendStart]);
+    const startSeedList = useCallback((jaml, seeds) => {
+        sendStart({ type: "start", mode: "seedList", jaml, seeds });
+    }, [sendStart]);
+    const startKeyword = useCallback((jaml, keywords, padding) => {
+        sendStart({ type: "start", mode: "keyword", jaml, keywords, padding });
+    }, [sendStart]);
     const cancel = useCallback(() => {
         workerRef.current?.postMessage({ type: "stop" });
     }, []);
     const clearError = useCallback(() => {
         setState((s) => (s.error || s.status === "error" ? { ...s, error: null, status: "idle" } : s));
     }, []);
-    return { ...state, start, cancel, clearError };
+    const fetchTallyLabels = useCallback((jaml) => {
+        workerRef.current?.postMessage({ type: "get_tally_labels", jaml });
+    }, []);
+    return { ...state, start, startAesthetic, startSeedList, startKeyword, cancel, clearError, fetchTallyLabels };
 }

package/dist/index.d.ts

@@ -25,3 +25,6 @@ export { extractVisualJamlItems, type JamlPreviewGroups, type JamlPreviewItem, t
 export { useMotelyStream, type StreamItem, type StreamState } from "./hooks/useShopStream.js";
 export { useSearch, type SearchResult, type SearchStatus, type UseSearchState, } from "./hooks/useSearch.js";
 export { useAnalyzer, type AnalyzerStatus, type AnalyzerLive, type MotelyJsRunState, } from "./hooks/useAnalyzer.js";
+export { JamlSpeedometer, type JamlSpeedometerProps, } from "./components/JamlSpeedometer.js";
+export { JamlAestheticSelector, type JamlAestheticSelectorProps, type JamlAestheticOption, } from "./components/JamlAestheticSelector.js";
+export { JamlSeedInput, type JamlSeedInputProps, } from "./components/JamlSeedInput.js";

package/dist/index.js

@@ -26,3 +26,6 @@ export { extractVisualJamlItems, } from "./utils/jamlMapPreview.js";
 export { useMotelyStream } from "./hooks/useShopStream.js";
 export { useSearch, } from "./hooks/useSearch.js";
 export { useAnalyzer, } from "./hooks/useAnalyzer.js";
+export { JamlSpeedometer, } from "./components/JamlSpeedometer.js";
+export { JamlAestheticSelector, } from "./components/JamlAestheticSelector.js";
+export { JamlSeedInput, } from "./components/JamlSeedInput.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jaml-ui",
-  "version": "0.13.1",
+  "version": "0.14.0",
   "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
   "type": "module",
   "main": "./dist/index.js",