jaml-ui 0.16.0 → 0.17.1

package/dist/hooks/analyzerStreamRegistry.js

@@ -1,5 +1,4 @@
 "use client";
-/* eslint-disable @typescript-eslint/no-explicit-any */
 import { motelyItemDisplayNameFromValue } from "../motelyDisplay.js";
 export const ANALYZER_STREAM_META = {
     shop: { key: "shop", label: "Shop", tone: "default", defaultEnabled: true },
@@ -28,120 +27,69 @@ export function buildStreamHandle(live, ante, key) {
     const ctx = live.ctx;
     const Motely = live.Motely;
     const runState = live.runStates[ante];
-    let stream = null;
     let cursor = 0;
     const idBase = `${ante}-${key}`;
     function nameFromValue(value) {
         return motelyItemDisplayNameFromValue(value);
     }
-    function joker(streamFactoryName, nextName) {
+    function streamHandle(createStream, getNextValue) {
+        let stream = null;
         return {
             initStream: () => {
-                stream = ctx[streamFactoryName](ante, Motely.MotelyJokerStreamFlags.Default);
+                stream = createStream();
                 cursor = 0;
             },
             nextItem: () => {
-                const r = ctx[nextName](stream);
-                const value = r.joker?.value ?? r.item?.value ?? 0;
+                if (stream === null)
+                    throw new Error(`Analyzer stream ${key} was read before initialization.`);
+                const value = getNextValue(stream);
                 const id = `${idBase}-${cursor++}`;
                 return { id, name: nameFromValue(value), value };
             },
         };
     }
-    function fixedRarityJoker(streamFactoryName, nextName) {
-        return {
-            initStream: () => {
-                stream = ctx[streamFactoryName](ante, Motely.MotelyJokerFixedRarityStreamFlags.Default);
-                cursor = 0;
-            },
-            nextItem: () => {
-                const r = ctx[nextName](stream);
-                const value = r.joker?.value ?? 0;
-                const id = `${idBase}-${cursor++}`;
-                return { id, name: nameFromValue(value), value };
-            },
-        };
+    function joker(createStream, getNext) {
+        return streamHandle(createStream, (stream) => getNext(stream).item.value);
     }
-    function tarot(streamFactoryName, nextName) {
-        return {
-            initStream: () => {
-                stream = ctx[streamFactoryName](ante);
-                cursor = 0;
-            },
-            nextItem: () => {
-                const r = ctx[nextName](stream);
-                const value = r.tarot?.value ?? r.item?.value ?? 0;
-                const id = `${idBase}-${cursor++}`;
-                return { id, name: nameFromValue(value), value };
-            },
-        };
+    function fixedRarityJoker(createStream, getNext) {
+        return streamHandle(createStream, (stream) => getNext(stream).item.value);
     }
-    function planet(streamFactoryName, nextName) {
-        return {
-            initStream: () => {
-                stream = ctx[streamFactoryName](ante);
-                cursor = 0;
-            },
-            nextItem: () => {
-                const r = ctx[nextName](stream);
-                const value = r.planet?.value ?? 0;
-                const id = `${idBase}-${cursor++}`;
-                return { id, name: nameFromValue(value), value };
-            },
-        };
+    function tarot(createStream, getNext) {
+        return streamHandle(createStream, (stream) => getNext(stream).item.value);
     }
-    function spectral(streamFactoryName, nextName) {
-        return {
-            initStream: () => {
-                stream = ctx[streamFactoryName](ante);
-                cursor = 0;
-            },
-            nextItem: () => {
-                const r = ctx[nextName](stream);
-                const value = r.spectral?.value ?? 0;
-                const id = `${idBase}-${cursor++}`;
-                return { id, name: nameFromValue(value), value };
-            },
-        };
+    function planet(createStream, getNext) {
+        return streamHandle(createStream, (stream) => getNext(stream).item.value);
+    }
+    function spectral(createStream, getNext) {
+        return streamHandle(createStream, (stream) => getNext(stream).item.value);
     }
     switch (key) {
         case "shop":
-            return {
-                initStream: () => {
-                    stream = ctx.createShopItemStream(ante, runState, Motely.MotelyShopStreamFlags.Default, Motely.MotelyJokerStreamFlags.Default);
-                    cursor = 0;
-                },
-                nextItem: () => {
-                    const r = ctx.getNextShopItem(stream);
-                    const value = r.item.value;
-                    const id = `${idBase}-${cursor++}`;
-                    return { id, name: nameFromValue(value), value };
-                },
-            };
+            return streamHandle(() => ctx.createShopItemStream(ante, runState, Motely.MotelyShopStreamFlags.Default, Motely.MotelyJokerStreamFlags.Default), (stream) => ctx.getNextShopItem(stream).item.value);
         case "shopJoker":
-            return joker("createShopJokerStream", "getNextShopJoker");
+            return joker(() => ctx.createShopJokerStream(ante, Motely.MotelyJokerStreamFlags.Default), (stream) => ctx.getNextShopJoker(stream));
         case "soulJoker":
-            return fixedRarityJoker("createSoulJokerStream", "getNextSoulJoker");
+            return fixedRarityJoker(() => ctx.createSoulJokerStream(ante, Motely.MotelyJokerFixedRarityStreamFlags.Default), (stream) => ctx.getNextSoulJoker(stream));
         case "rareTagJoker":
-            return fixedRarityJoker("createRareTagJokerStream", "getNextRareTagJoker");
+            return fixedRarityJoker(() => ctx.createRareTagJokerStream(ante, Motely.MotelyJokerFixedRarityStreamFlags.Default), (stream) => ctx.getNextRareTagJoker(stream));
         case "uncommonTagJoker":
-            return fixedRarityJoker("createUncommonTagJokerStream", "getNextUncommonTagJoker");
+            return fixedRarityJoker(() => ctx.createUncommonTagJokerStream(ante, Motely.MotelyJokerFixedRarityStreamFlags.Default), (stream) => ctx.getNextUncommonTagJoker(stream));
         case "riffRaffJoker":
-            return fixedRarityJoker("createRiffRaffJokerStream", "getNextRiffRaffJoker");
+            return fixedRarityJoker(() => ctx.createRiffRaffJokerStream(ante, Motely.MotelyJokerFixedRarityStreamFlags.Default), (stream) => ctx.getNextRiffRaffJoker(stream));
         case "buffoonJoker":
-            return joker("createBuffoonPackJokerStream", "getNextBuffoonPackJoker");
+            return joker(() => ctx.createBuffoonPackJokerStream(ante, Motely.MotelyJokerStreamFlags.Default), (stream) => ctx.getNextBuffoonPackJoker(stream));
         case "judgementJoker":
-            return joker("createJudgementJokerStream", "getNextJudgementJoker");
+            return joker(() => ctx.createJudgementJokerStream(ante, Motely.MotelyJokerStreamFlags.Default), (stream) => ctx.getNextJudgementJoker(stream));
         case "wraithJoker":
-            return joker("createWraithJokerStream", "getNextWraithJoker");
+            return joker(() => ctx.createWraithJokerStream(ante, Motely.MotelyJokerStreamFlags.Default), (stream) => ctx.getNextWraithJoker(stream));
         case "shopTarot":
-            return tarot("createShopTarotStream", "getNextShopTarot");
+            return tarot(() => ctx.createShopTarotStream(ante), (stream) => ctx.getNextShopTarot(stream));
         case "shopPlanet":
-            return planet("createShopPlanetStream", "getNextShopPlanet");
+            return planet(() => ctx.createShopPlanetStream(ante), (stream) => ctx.getNextShopPlanet(stream));
         case "shopSpectral":
-            return spectral("createShopSpectralStream", "getNextShopSpectral");
+            return spectral(() => ctx.createShopSpectralStream(ante), (stream) => ctx.getNextShopSpectral(stream));
         case "purpleSealTarot":
-            return tarot("createPurpleSealTarotStream", "getNextPurpleSealTarot");
+            return tarot(() => ctx.createPurpleSealTarotStream(ante), (stream) => ctx.getNextPurpleSealTarot(stream));
         default:
             return null;
     }

package/dist/hooks/useAnalyzer.d.ts

@@ -1,4 +1,9 @@
+import type { Motely as MotelyT, MotelyWasm as MotelyWasmT } from "motely-wasm";
 import type { AnalyzerAnteView } from "../components/AnalyzerExplorer.js";
+export interface MotelyRuntime {
+    MotelyWasm: typeof MotelyWasmT;
+    Motely: typeof MotelyT;
+}
 export type AnalyzerStatus = "idle" | "running" | "done" | "error";
 export type MotelyJsRunState = {
     voucherBitfield: number;
@@ -13,19 +18,21 @@ export type MotelyJsRunState = {
  * `createShopItemStream(ante, runState, ...)`.
  */
 export interface AnalyzerLive {
-    ctx: any;
-    Motely: any;
+    ctx: ReturnType<typeof MotelyWasmT.createSearchContext>;
+    Motely: typeof MotelyT;
     runStates: Record<number, MotelyJsRunState>;
     desiredNames: ReadonlySet<string>;
     seed: string;
     deck: string;
     stake: string;
 }
-export declare function useAnalyzer(motelyWasmUrl: string): {
+export declare function useAnalyzer(motelyRuntime: MotelyRuntime): {
     antes: AnalyzerAnteView[];
     status: AnalyzerStatus;
     error: string | null;
     analyze: (seed: string, deck: string, stake: string, jaml?: string) => Promise<void>;
     clearError: () => void;
     live: AnalyzerLive | null;
+    tallyColumns: number[][];
+    tallyLabels: string[];
 };

package/dist/hooks/useAnalyzer.js

@@ -1,20 +1,23 @@
 "use client";
 import { useState, useCallback } from "react";
-import { loadMotelyWasm } from "./loadMotelyWasm.js";
 import { extractVisualJamlItems } from "../utils/jamlMapPreview.js";
 import { motelyItemDisplayNameFromValue } from "../motelyDisplay.js";
-export function useAnalyzer(motelyWasmUrl) {
+export function useAnalyzer(motelyRuntime) {
     const [antes, setAntes] = useState([]);
     const [status, setStatus] = useState("idle");
     const [error, setError] = useState(null);
     const [live, setLive] = useState(null);
+    const [tallyColumns, setTallyColumns] = useState([]);
+    const [tallyLabels, setTallyLabels] = useState([]);
     const analyze = useCallback(async (seed, deck, stake, jaml) => {
         setAntes([]);
         setLive(null);
+        setTallyColumns([]);
+        setTallyLabels([]);
         setStatus("running");
         setError(null);
         try {
-            const { MotelyWasm, Motely } = await loadMotelyWasm(motelyWasmUrl);
+            const { MotelyWasm, Motely } = motelyRuntime;
             const deckEnum = Motely.MotelyDeck[deck] ?? Motely.MotelyDeck.Red;
             const stakeEnum = Motely.MotelyStake[stake] ?? Motely.MotelyStake.White;
             const desiredNames = new Set();
@@ -23,13 +26,15 @@ export function useAnalyzer(motelyWasmUrl) {
                 for (const item of [...groups.must, ...groups.should]) {
                     desiredNames.add(item.value.toLowerCase());
                 }
+                const labels = MotelyWasm.getTallyLabels(jaml);
+                setTallyLabels(labels);
             }
             const ctx = MotelyWasm.createSearchContext(seed, deckEnum, stakeEnum);
             const bossStream = ctx.createBossStream();
             let runState = { voucherBitfield: 0, bossBitfield: 0 };
             const results = [];
             const runStates = {};
-            for (let ante = 1; ante <= 8; ante++) {
+            for (let ante = 1; ante <= 39; ante++) {
                 const bossResult = ctx.getNextBossForAnte(bossStream, ante, runState);
                 const bossName = Motely.MotelyBossBlind[bossResult.boss] ?? `Unknown(${bossResult.boss})`;
                 runState = bossResult.runState;
@@ -72,10 +77,10 @@ export function useAnalyzer(motelyWasmUrl) {
             setError(e instanceof Error ? e.message : String(e));
             setStatus("error");
         }
-    }, [motelyWasmUrl]);
+    }, [motelyRuntime]);
     const clearError = useCallback(() => {
         setError(null);
         setStatus((s) => (s === "error" ? "idle" : s));
     }, []);
-    return { antes, status, error, analyze, clearError, live };
+    return { antes, status, error, analyze, clearError, live, tallyColumns, tallyLabels };
 }

package/dist/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,14 @@
+export interface UseIntersectionObserverOptions extends IntersectionObserverInit {
+    freezeOnceVisible?: boolean;
+}
+/**
+ * Encapsulates IntersectionObserver logic.
+ */
+export declare function useIntersectionObserver(options?: UseIntersectionObserverOptions): {
+    ref: (node: Element | null) => void;
+    entry: IntersectionObserverEntry | null;
+};
+/**
+ * Specialization for infinite scroll / sentinel patterns.
+ */
+export declare function useInfiniteScroll(onVisible: () => void, options?: IntersectionObserverInit, active?: boolean): (node: Element | null) => void;

package/dist/hooks/useIntersectionObserver.js

@@ -0,0 +1,50 @@
+import { useEffect, useRef, useState, useCallback } from "react";
+/**
+ * Encapsulates IntersectionObserver logic.
+ */
+export function useIntersectionObserver(options = {}) {
+    const [entry, setEntry] = useState(null);
+    const [node, setNode] = useState(null);
+    const observer = useRef(null);
+    const ref = useCallback((node) => {
+        setNode(node);
+    }, []);
+    useEffect(() => {
+        if (!node)
+            return;
+        if (observer.current)
+            observer.current.disconnect();
+        const { freezeOnceVisible, ...init } = options;
+        observer.current = new IntersectionObserver(([entry]) => {
+            setEntry(entry);
+            if (freezeOnceVisible && entry.isIntersecting && observer.current) {
+                observer.current.disconnect();
+            }
+        }, init);
+        observer.current.observe(node);
+        return () => {
+            if (observer.current)
+                observer.current.disconnect();
+        };
+    }, [node, options.root, options.rootMargin, options.threshold, options.freezeOnceVisible]);
+    return { ref, entry };
+}
+/**
+ * Specialization for infinite scroll / sentinel patterns.
+ */
+export function useInfiniteScroll(onVisible, options = {}, active = true) {
+    const onVisibleRef = useRef(onVisible);
+    onVisibleRef.current = onVisible;
+    const { ref, entry } = useIntersectionObserver({
+        ...options,
+        threshold: options.threshold ?? 0.1,
+    });
+    useEffect(() => {
+        if (!active || !entry)
+            return;
+        if (entry.isIntersecting) {
+            onVisibleRef.current();
+        }
+    }, [entry, active]);
+    return ref;
+}

package/dist/index.d.ts

@@ -9,22 +9,19 @@ export { JamlMapPreview, type JamlMapPreviewProps } from "./components/JamlMapPr
 export { JamlIde, type JamlIdeProps, type JamlIdeSearchResult, type JamlVisualFilter, type JamlVisualClause, type JamlZone, } from "./components/JamlIde.js";
 export { JamlIdeVisual, type JamlIdeVisualProps, } from "./components/JamlIdeVisual.js";
 export { JamlCodeEditor, type JamlCodeEditorProps, } from "./components/JamlCodeEditor.js";
-export { JimboText, type JimboTextProps, type JimboTextTone, type JimboTextSize, } from "./ui/jimboText.js";
-export { JimboTabs, JimboVerticalTabs, type JimboTabItem, type JimboTabsProps, } from "./ui/jimboTabs.js";
-export { JimboFlankNav, type JimboFlankNavProps, } from "./ui/jimboFlankNav.js";
-export { JimboFilterBar, type JimboFilterBarProps, type JimboFilterSortOption, } from "./ui/jimboFilterBar.js";
-export { JimboBackground } from "./ui/jimboBackground.js";
-export { JimboTooltip, type JimboTooltipProps, type JimboTooltipMode, type JimboTooltipPlacement, } from "./ui/jimboTooltip.js";
+export * from "./ui.js";
 export { JamlIdeToolbar, type JamlIdeMode, type JamlIdeToolbarProps, } from "./components/JamlIdeToolbar.js";
 export { CardList, type CardListProps } from "./components/CardList.js";
 export { CardFan, type CardFanProps } from "./components/CardFan.js";
 export { RealStandardcard, type CardSuit, type CardRank, type CardEnhancement, type CardSeal, type CardEdition, } from "./components/Standardcard.js";
 export { DeckSprite, DECK_SPRITE_POS, STAKE_SPRITE_POS, type DeckSpriteProps, } from "./components/DeckSprite.js";
 export { MotelyVersionBadge, type MotelyVersionBadgeProps, type MotelyCapabilities, } from "./components/MotelyVersionBadge.js";
+export { JamlSpeedometer, type JamlSpeedometerProps, type JamlSpeedometerStatus, } from "./components/JamlSpeedometer.js";
+export { Showcase, type ShowcaseFilter, type ShowcaseLiveStats, type ShowcaseProps, type ShowcaseRecentFind, } from "./ui/showcase.js";
 export { extractVisualJamlItems, type JamlPreviewGroups, type JamlPreviewItem, type JamlPreviewSection, type JamlPreviewVisualType, } from "./utils/jamlMapPreview.js";
 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 { useAnalyzer, type AnalyzerStatus, type AnalyzerLive, type MotelyRuntime, type MotelyJsRunState, } from "./hooks/useAnalyzer.js";
 export { JamlAestheticSelector, type JamlAestheticSelectorProps, type JamlAestheticOption, } from "./components/JamlAestheticSelector.js";
 export { JamlSeedInput, type JamlSeedInputProps, } from "./components/JamlSeedInput.js";
+export { JamlMapEditorDemo, JokerPicker, MysterySlot, type JamlMapEditorDemoProps, type JokerPickerProps, type JokerRarity, type MysterySlotProps, type SlotCategory, type SlotSelection, } from "./components/jamlMap/index.js";

package/dist/index.js

@@ -10,22 +10,19 @@ export { JamlMapPreview } from "./components/JamlMapPreview.js";
 export { JamlIde, } from "./components/JamlIde.js";
 export { JamlIdeVisual, } from "./components/JamlIdeVisual.js";
 export { JamlCodeEditor, } from "./components/JamlCodeEditor.js";
-export { JimboText, } from "./ui/jimboText.js";
-export { JimboTabs, JimboVerticalTabs, } from "./ui/jimboTabs.js";
-export { JimboFlankNav, } from "./ui/jimboFlankNav.js";
-export { JimboFilterBar, } from "./ui/jimboFilterBar.js";
-export { JimboBackground } from "./ui/jimboBackground.js";
-export { JimboTooltip, } from "./ui/jimboTooltip.js";
+export * from "./ui.js";
 export { JamlIdeToolbar, } from "./components/JamlIdeToolbar.js";
 export { CardList } from "./components/CardList.js";
 export { CardFan } from "./components/CardFan.js";
 export { RealStandardcard, } from "./components/Standardcard.js";
 export { DeckSprite, DECK_SPRITE_POS, STAKE_SPRITE_POS, } from "./components/DeckSprite.js";
 export { MotelyVersionBadge, } from "./components/MotelyVersionBadge.js";
+export { JamlSpeedometer, } from "./components/JamlSpeedometer.js";
+export { Showcase, } from "./ui/showcase.js";
 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";
+export { JamlMapEditorDemo, JokerPicker, MysterySlot, } from "./components/jamlMap/index.js";

package/dist/motely.d.ts

@@ -1,3 +1,3 @@
 export { decodeMotelyItem, decodeMotelyItemToJamlCard, motelyItemTypeName, motelyItemCategory, motelyItemDisplayName, motelyItemRenderCategory, motelyItemEditionName, motelyItemSealName, motelyItemEnhancementName, motelyStandardcardRankName, motelyStandardcardSuitName, decodeMotelyItemName, resolveMotelyItemType, warmMotelyItemCache, motelyItemCacheSize, type DecodedMotelyItem, type MotelyItemInput, type MotelyJamlCard, type MotelyRenderableCategory, type MotelyRuntimeItem, } from "./decode/motelyItemDecoder.js";
-export { motelyItemToSprite, type MotelySpriteData, } from "./decode/motelySprite.js";
-export { MOTELY_DISPLAY_SCHEMA, motelyBossDisplayName, motelyBossDisplayNameFromKey, motelyBossKeyFromDisplayName, motelyBoosterPackDisplayName, motelyBoosterPackDisplayNameFromKey, motelyBoosterPackKeyFromDisplayName, motelyItemDisplayNameFromKey, motelyItemDisplayNameFromValue, motelyTagDisplayName, motelyTagDisplayNameFromKey, motelyTagKeyFromDisplayName, motelyVoucherDisplayName, motelyVoucherDisplayNameFromKey, motelyVoucherKeyFromDisplayName, type MotelyBoosterPackKey, type MotelyBossKey, type MotelyDisplaySchema, type MotelyTagKey, type MotelyVoucherKey, } from "./motelyDisplay.js";
+export { motelyItemToSprite, getMotelySpriteByName, type MotelySpriteData, } from "./decode/motelySprite.js";
+export { motelyBossDisplayName, motelyBossDisplayNameFromKey, motelyBoosterPackDisplayName, motelyBoosterPackDisplayNameFromKey, motelyItemDisplayNameFromKey, motelyItemDisplayNameFromValue, motelyTagDisplayName, motelyTagDisplayNameFromKey, motelyVoucherDisplayName, motelyVoucherDisplayNameFromKey, } from "./motelyDisplay.js";

package/dist/motely.js

@@ -1,4 +1,4 @@
 "use client";
 export { decodeMotelyItem, decodeMotelyItemToJamlCard, motelyItemTypeName, motelyItemCategory, motelyItemDisplayName, motelyItemRenderCategory, motelyItemEditionName, motelyItemSealName, motelyItemEnhancementName, motelyStandardcardRankName, motelyStandardcardSuitName, decodeMotelyItemName, resolveMotelyItemType, warmMotelyItemCache, motelyItemCacheSize, } from "./decode/motelyItemDecoder.js";
-export { motelyItemToSprite, } from "./decode/motelySprite.js";
-export { MOTELY_DISPLAY_SCHEMA, motelyBossDisplayName, motelyBossDisplayNameFromKey, motelyBossKeyFromDisplayName, motelyBoosterPackDisplayName, motelyBoosterPackDisplayNameFromKey, motelyBoosterPackKeyFromDisplayName, motelyItemDisplayNameFromKey, motelyItemDisplayNameFromValue, motelyTagDisplayName, motelyTagDisplayNameFromKey, motelyTagKeyFromDisplayName, motelyVoucherDisplayName, motelyVoucherDisplayNameFromKey, motelyVoucherKeyFromDisplayName, } from "./motelyDisplay.js";
+export { motelyItemToSprite, getMotelySpriteByName, } from "./decode/motelySprite.js";
+export { motelyBossDisplayName, motelyBossDisplayNameFromKey, motelyBoosterPackDisplayName, motelyBoosterPackDisplayNameFromKey, motelyItemDisplayNameFromKey, motelyItemDisplayNameFromValue, motelyTagDisplayName, motelyTagDisplayNameFromKey, motelyVoucherDisplayName, motelyVoucherDisplayNameFromKey, } from "./motelyDisplay.js";