jaml-ui 0.14.4 → 0.17.0

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,12 +9,7 @@ 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";
@@ -24,7 +19,7 @@ export { MotelyVersionBadge, type MotelyVersionBadgeProps, type MotelyCapabiliti
 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,12 +10,7 @@ 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";
@@ -26,6 +21,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";
+export { JamlMapEditorDemo, JokerPicker, MysterySlot, } from "./components/jamlMap/index.js";

package/dist/motely.d.ts

@@ -1,2 +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 { 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,3 +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 { 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";