jaml-ui 0.22.5 → 0.24.0

package/dist/hooks/searchWorkerCode.js

@@ -1,85 +1,85 @@
-export const SEARCH_WORKER_CODE = `
-let MotelyWasm = null;
-let MotelyWasmEvents = null;
-let activeSearch = null;
-
-self.addEventListener('message', async function(e) {
-  const msg = e.data;
-
-  if (msg.type === 'init') {
-    try {
-      const mod = await import(msg.url);
-      await mod.default.boot();
-      const motely = mod.Motely;
-      MotelyWasm = motely.MotelyWasm;
-      MotelyWasmEvents = motely.MotelyWasmEvents;
-      self.postMessage({ type: 'ready' });
-    } catch (err) {
-      self.postMessage({ type: 'error', message: String(err) });
-    }
-    return;
-  }
-
-  if (msg.type === 'start') {
-    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }
-    const validation = MotelyWasm.validateJaml(msg.jaml);
-    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }
-
-    function cleanup() {
-      MotelyWasmEvents.notifyResult = () => {};
-      MotelyWasmEvents.notifyProgress = () => {};
-      MotelyWasmEvents.notifyComplete = () => {};
-      activeSearch = null;
-    }
-
-    MotelyWasmEvents.notifyResult = function(seed, score, tallyColumns) {
-      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });
-    };
-    MotelyWasmEvents.notifyProgress = function(searched, matching) {
-      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });
-    };
-    MotelyWasmEvents.notifyComplete = function(status, searched, matched) {
-      cleanup();
-      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });
-    };
-
-    try {
-      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) });
-    }
-    return;
-  }
-
-  if (msg.type === 'stop') {
-    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: Array.from(labels) });
-    } catch (err) {
-      self.postMessage({ type: 'error', message: String(err) });
-    }
-  }
-});
+export const SEARCH_WORKER_CODE = `
+let MotelyWasm = null;
+let MotelyWasmEvents = null;
+let activeSearch = null;
+
+self.addEventListener('message', async function(e) {
+  const msg = e.data;
+
+  if (msg.type === 'init') {
+    try {
+      const mod = await import(msg.url);
+      await mod.default.boot();
+      const motely = mod.Motely;
+      MotelyWasm = motely.MotelyWasm;
+      MotelyWasmEvents = motely.MotelyWasmEvents;
+      self.postMessage({ type: 'ready' });
+    } catch (err) {
+      self.postMessage({ type: 'error', message: String(err) });
+    }
+    return;
+  }
+
+  if (msg.type === 'start') {
+    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }
+    const validation = MotelyWasm.validateJaml(msg.jaml);
+    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }
+
+    function cleanup() {
+      MotelyWasmEvents.notifyResult = () => {};
+      MotelyWasmEvents.notifyProgress = () => {};
+      MotelyWasmEvents.notifyComplete = () => {};
+      activeSearch = null;
+    }
+
+    MotelyWasmEvents.notifyResult = function(seed, score, tallyColumns) {
+      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });
+    };
+    MotelyWasmEvents.notifyProgress = function(searched, matching) {
+      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });
+    };
+    MotelyWasmEvents.notifyComplete = function(status, searched, matched) {
+      cleanup();
+      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });
+    };
+
+    try {
+      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) });
+    }
+    return;
+  }
+
+  if (msg.type === 'stop') {
+    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: Array.from(labels) });
+    } catch (err) {
+      self.postMessage({ type: 'error', message: String(err) });
+    }
+  }
+});
 `;

package/dist/hooks/useSearch.js

@@ -1,6 +1,5 @@
 "use client";
 import { useState, useCallback, useRef, useEffect } from "react";
-import { SEARCH_WORKER_CODE } from "./searchWorkerCode.js";
 const INITIAL_STATE = {
     results: [],
     totalSearched: 0n,
@@ -10,6 +9,92 @@ const INITIAL_STATE = {
     seedsPerSecond: 0,
     tallyLabels: [],
 };
+const SEARCH_WORKER_CODE = `
+let MotelyWasm = null;
+let MotelyWasmEvents = null;
+let activeSearch = null;
+
+self.addEventListener('message', async function(e) {
+  const msg = e.data;
+
+  if (msg.type === 'init') {
+    try {
+      const mod = await import(msg.url);
+      await mod.default.boot();
+      const motely = mod.Motely;
+      MotelyWasm = motely.MotelyWasm;
+      MotelyWasmEvents = motely.MotelyWasmEvents;
+      self.postMessage({ type: 'ready' });
+    } catch (err) {
+      self.postMessage({ type: 'error', message: String(err) });
+    }
+    return;
+  }
+
+  if (msg.type === 'start') {
+    if (!MotelyWasm) { self.postMessage({ type: 'error', message: 'Not initialized' }); return; }
+    const validation = MotelyWasm.validateJaml(msg.jaml);
+    if (validation !== 'valid') { self.postMessage({ type: 'error', message: validation }); return; }
+
+    function cleanup() {
+      MotelyWasmEvents.notifyResult = () => {};
+      MotelyWasmEvents.notifyProgress = () => {};
+      MotelyWasmEvents.notifyComplete = () => {};
+      activeSearch = null;
+    }
+
+    MotelyWasmEvents.notifyResult = function(seed, score, tallyColumns) {
+      self.postMessage({ type: 'result', seed, score, tallyColumns: Array.from(tallyColumns) });
+    };
+    MotelyWasmEvents.notifyProgress = function(searched, matching) {
+      self.postMessage({ type: 'progress', searched: searched.toString(), matching: matching.toString() });
+    };
+    MotelyWasmEvents.notifyComplete = function(status, searched, matched) {
+      cleanup();
+      self.postMessage({ type: 'complete', status, searched: searched.toString(), matched: matched.toString() });
+    };
+
+    try {
+      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) });
+    }
+    return;
+  }
+
+  if (msg.type === 'stop') {
+    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: Array.from(labels) });
+    } catch (err) {
+      self.postMessage({ type: 'error', message: String(err) });
+    }
+  }
+});
+`;
 function createWorker() {
     const blob = new Blob([SEARCH_WORKER_CODE], { type: "application/javascript" });
     return new Worker(URL.createObjectURL(blob), { type: "module" });

package/dist/index.d.ts

@@ -22,7 +22,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 { SEARCH_WORKER_CODE } from "./hooks/searchWorkerCode.js";
 export { setMotelyEnums as setMotelyDisplayEnums } from "./motelyDisplay.js";
 export { setMotelyEnums as setMotelyDecoderEnums } from "./decode/motelyItemDecoder.js";
 export { JamlAestheticSelector, type JamlAestheticSelectorProps, type JamlAestheticOption, } from "./components/JamlAestheticSelector.js";

package/dist/index.js

@@ -23,7 +23,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 { SEARCH_WORKER_CODE } from "./hooks/searchWorkerCode.js";
 // Setter pattern for motely-wasm runtime enums. Consumers boot motely-wasm
 // and call setMotelyEnums(Motely) once after boot so display/decoder helpers
 // can resolve enum keys without statically importing motely-wasm.

package/dist/ui/footer.js

@@ -11,10 +11,10 @@ const SUITS = [
  * All styling via jimbo.css `.j-footer` classes — zero inline styles.
  */
 export function JimboBalatroFooter({ hidden = false, className = '' }) {
-    return (_jsxs("div", { className: `j-footer ${hidden ? 'j-footer--hidden' : ''} ${className}`, children: [_jsx("div", { className: "j-footer__bar", children: _jsxs("p", { className: "j-footer__text", children: [_jsxs("span", { children: ["Not affiliated with LocalThunk or PlayStack \u2022", ' '] }), _jsx("a", { href: "https://store.steampowered.com/app/2379780/Balatro/", target: "_blank", rel: "noopener noreferrer", className: "j-footer__link", children: "BUY BALATRO" }), _jsxs("span", { children: [' ', "\u2022 Created with", ' '] }), _jsxs("span", { className: "j-footer__suits", children: [_jsx("span", { className: "j-footer__suit-stage", children: SUITS.map(({ char, kf }) => (_jsx("span", { className: "j-footer__suit-char", style: { animationName: kf }, children: char }, char))) }), ' ', "for the Balatro community"] })] }) }), _jsx("style", { children: `
-        @keyframes jaml-heart   { 0%{opacity:0;transform:scale(1)} 1%{opacity:1;transform:scale(1.45)} 3.5%{opacity:1;transform:scale(1)} 61.5%{opacity:1;transform:scale(1)} 62%{opacity:0} 100%{opacity:0} }
-        @keyframes jaml-spade   { 0%,61.5%{opacity:0} 62%{opacity:1;transform:scale(1.45)} 64.5%{opacity:1;transform:scale(1)} 71.5%{opacity:1} 72%{opacity:0} 100%{opacity:0} }
-        @keyframes jaml-diamond { 0%,71.5%{opacity:0} 72%{opacity:1;transform:scale(1.45)} 74.5%{opacity:1;transform:scale(1)} 81.5%{opacity:1} 82%{opacity:0} 100%{opacity:0} }
-        @keyframes jaml-club    { 0%,81.5%{opacity:0} 82%{opacity:1;transform:scale(1.45)} 84.5%{opacity:1;transform:scale(1)} 95%{opacity:1}  96%{opacity:0} 100%{opacity:0} }
+    return (_jsxs("div", { className: `j-footer ${hidden ? 'j-footer--hidden' : ''} ${className}`, children: [_jsx("div", { className: "j-footer__bar", children: _jsxs("p", { className: "j-footer__text", children: [_jsxs("span", { children: ["Not affiliated with LocalThunk or PlayStack \u2022", ' '] }), _jsx("a", { href: "https://store.steampowered.com/app/2379780/Balatro/", target: "_blank", rel: "noopener noreferrer", className: "j-footer__link", children: "BUY BALATRO" }), _jsxs("span", { children: [' ', "\u2022 Created with", ' '] }), _jsxs("span", { className: "j-footer__suits", children: [_jsx("span", { className: "j-footer__suit-stage", children: SUITS.map(({ char, kf }) => (_jsx("span", { className: "j-footer__suit-char", style: { animationName: kf }, children: char }, char))) }), ' ', "for the Balatro community"] })] }) }), _jsx("style", { children: `
+        @keyframes jaml-heart   { 0%{opacity:0;transform:scale(1)} 1%{opacity:1;transform:scale(1.45)} 3.5%{opacity:1;transform:scale(1)} 61.5%{opacity:1;transform:scale(1)} 62%{opacity:0} 100%{opacity:0} }
+        @keyframes jaml-spade   { 0%,61.5%{opacity:0} 62%{opacity:1;transform:scale(1.45)} 64.5%{opacity:1;transform:scale(1)} 71.5%{opacity:1} 72%{opacity:0} 100%{opacity:0} }
+        @keyframes jaml-diamond { 0%,71.5%{opacity:0} 72%{opacity:1;transform:scale(1.45)} 74.5%{opacity:1;transform:scale(1)} 81.5%{opacity:1} 82%{opacity:0} 100%{opacity:0} }
+        @keyframes jaml-club    { 0%,81.5%{opacity:0} 82%{opacity:1;transform:scale(1.45)} 84.5%{opacity:1;transform:scale(1)} 95%{opacity:1}  96%{opacity:0} 100%{opacity:0} }
       ` })] }));
 }

package/dist/ui/hooks.js

@@ -93,62 +93,62 @@ export function useBalatroBackground() {
         const gl = canvas.getContext('webgl');
         if (!gl)
             return;
-        const vsSource = `
-      attribute vec2 position;
-      void main() {
-        gl_Position = vec4(position, 0.0, 1.0);
-      }
+        const vsSource = `
+      attribute vec2 position;
+      void main() {
+        gl_Position = vec4(position, 0.0, 1.0);
+      }
     `;
-        const fsSource = `
-      precision mediump float;
-
-      uniform float u_time;
-      uniform vec2 u_resolution;
-
-      const float SPIN_ROTATION = -2.0;
-      const float SPIN_SPEED = 4.5;
-      const vec4 COLOUR_1 = vec4(1.0, 0.2, 0.2, 1.0);
-      const vec4 COLOUR_2 = vec4(0.0, 0.5, 1.0, 1.0);
-      const vec4 COLOUR_3 = vec4(0.05, 0.08, 0.1, 1.0);
-      const float CONTRAST = 4.5;
-      const float LIGTHING = 0.5;
-      const float SPIN_AMOUNT = 0.35;
-      const float PIXEL_FILTER = 1024.0;
-      const float PI = 3.14159265359;
-
-      void main() {
-        vec2 screenSize = u_resolution;
-        float pixel_size = length(screenSize.xy) / PIXEL_FILTER;
-        vec2 uv = (floor(gl_FragCoord.xy*(1.0/pixel_size))*pixel_size - 0.5*screenSize.xy)/length(screenSize.xy);
-        float uv_len = length(uv);
-
-        float speed = (SPIN_ROTATION * 0.2) + 302.2;
-        float new_pixel_angle = atan(uv.y, uv.x) + speed - 20.0*(1.0*SPIN_AMOUNT*uv_len + (1.0 - 1.0*SPIN_AMOUNT));
-
-        vec2 mid = (screenSize.xy/length(screenSize.xy))/2.0;
-        uv = (vec2((uv_len * cos(new_pixel_angle) + mid.x), (uv_len * sin(new_pixel_angle) + mid.y)) - mid);
-
-        uv *= 30.0;
-        speed = u_time * SPIN_SPEED;
-        vec2 uv2 = vec2(uv.x, uv.y);
-
-        for(int i=0; i < 5; i++) {
-          uv2 += sin(max(uv.x, uv.y)) + uv;
-          uv  += 0.5*vec2(cos(5.1123314 + 0.353*uv2.y + speed*0.131121), sin(uv2.x - 0.113*speed));
-          uv  -= 1.0*cos(uv.x + uv.y) - 1.0*sin(uv.x*0.711 - uv.y);
-        }
-
-        float contrast_mod = (0.25*CONTRAST + 0.5*SPIN_AMOUNT + 1.2);
-        float paint_res = min(2.0, max(0.0, length(uv)*(0.035)*contrast_mod));
-        float c1p = max(0.0, 1.0 - contrast_mod*abs(1.0 - paint_res));
-        float c2p = max(0.0, 1.0 - contrast_mod*abs(paint_res));
-        float c3p = 1.0 - min(1.0, c1p + c2p);
-        float light = (LIGTHING - 0.2)*max(c1p*5.0 - 4.0, 0.0) + LIGTHING*max(c2p*5.0 - 4.0, 0.0);
-
-        vec4 finalCol = (0.3/CONTRAST)*COLOUR_1 + (1.0 - 0.3/CONTRAST)*(COLOUR_1*c1p + COLOUR_2*c2p + vec4(c3p*COLOUR_3.rgb, c3p*COLOUR_1.a)) + light;
-
-        gl_FragColor = finalCol;
-      }
+        const fsSource = `
+      precision mediump float;
+
+      uniform float u_time;
+      uniform vec2 u_resolution;
+
+      const float SPIN_ROTATION = -2.0;
+      const float SPIN_SPEED = 4.5;
+      const vec4 COLOUR_1 = vec4(1.0, 0.2, 0.2, 1.0);
+      const vec4 COLOUR_2 = vec4(0.0, 0.5, 1.0, 1.0);
+      const vec4 COLOUR_3 = vec4(0.05, 0.08, 0.1, 1.0);
+      const float CONTRAST = 4.5;
+      const float LIGTHING = 0.5;
+      const float SPIN_AMOUNT = 0.35;
+      const float PIXEL_FILTER = 1024.0;
+      const float PI = 3.14159265359;
+
+      void main() {
+        vec2 screenSize = u_resolution;
+        float pixel_size = length(screenSize.xy) / PIXEL_FILTER;
+        vec2 uv = (floor(gl_FragCoord.xy*(1.0/pixel_size))*pixel_size - 0.5*screenSize.xy)/length(screenSize.xy);
+        float uv_len = length(uv);
+
+        float speed = (SPIN_ROTATION * 0.2) + 302.2;
+        float new_pixel_angle = atan(uv.y, uv.x) + speed - 20.0*(1.0*SPIN_AMOUNT*uv_len + (1.0 - 1.0*SPIN_AMOUNT));
+
+        vec2 mid = (screenSize.xy/length(screenSize.xy))/2.0;
+        uv = (vec2((uv_len * cos(new_pixel_angle) + mid.x), (uv_len * sin(new_pixel_angle) + mid.y)) - mid);
+
+        uv *= 30.0;
+        speed = u_time * SPIN_SPEED;
+        vec2 uv2 = vec2(uv.x, uv.y);
+
+        for(int i=0; i < 5; i++) {
+          uv2 += sin(max(uv.x, uv.y)) + uv;
+          uv  += 0.5*vec2(cos(5.1123314 + 0.353*uv2.y + speed*0.131121), sin(uv2.x - 0.113*speed));
+          uv  -= 1.0*cos(uv.x + uv.y) - 1.0*sin(uv.x*0.711 - uv.y);
+        }
+
+        float contrast_mod = (0.25*CONTRAST + 0.5*SPIN_AMOUNT + 1.2);
+        float paint_res = min(2.0, max(0.0, length(uv)*(0.035)*contrast_mod));
+        float c1p = max(0.0, 1.0 - contrast_mod*abs(1.0 - paint_res));
+        float c2p = max(0.0, 1.0 - contrast_mod*abs(paint_res));
+        float c3p = 1.0 - min(1.0, c1p + c2p);
+        float light = (LIGTHING - 0.2)*max(c1p*5.0 - 4.0, 0.0) + LIGTHING*max(c2p*5.0 - 4.0, 0.0);
+
+        vec4 finalCol = (0.3/CONTRAST)*COLOUR_1 + (1.0 - 0.3/CONTRAST)*(COLOUR_1*c1p + COLOUR_2*c2p + vec4(c3p*COLOUR_3.rgb, c3p*COLOUR_1.a)) + light;
+
+        gl_FragColor = finalCol;
+      }
     `;
         const createShader = (type, source) => {
             const shader = gl.createShader(type);