jaml-ui 0.2.0 → 0.3.1

package/dist/motelyDisplay.js

@@ -0,0 +1,187 @@
+import { Motely } from "motely-wasm";
+import { getItemDisplayName } from "./utils/itemUtils.js";
+const BOSS_ENTRIES = [
+    { key: "AmberAcorn", label: "Amber Acorn" },
+    { key: "CeruleanBell", label: "Cerulean Bell" },
+    { key: "CrimsonHeart", label: "Crimson Heart" },
+    { key: "VerdantLeaf", label: "Verdant Leaf" },
+    { key: "VioletVessel", label: "Violet Vessel" },
+    { key: "TheArm", label: "The Arm" },
+    { key: "TheClub", label: "The Club" },
+    { key: "TheEye", label: "The Eye" },
+    { key: "TheFish", label: "The Fish" },
+    { key: "TheFlint", label: "The Flint" },
+    { key: "TheGoad", label: "The Goad" },
+    { key: "TheHead", label: "The Head" },
+    { key: "TheHook", label: "The Hook" },
+    { key: "TheHouse", label: "The House" },
+    { key: "TheManacle", label: "The Manacle" },
+    { key: "TheMark", label: "The Mark" },
+    { key: "TheMouth", label: "The Mouth" },
+    { key: "TheNeedle", label: "The Needle" },
+    { key: "TheOx", label: "The Ox" },
+    { key: "ThePillar", label: "The Pillar" },
+    { key: "ThePlant", label: "The Plant" },
+    { key: "ThePsychic", label: "The Psychic" },
+    { key: "TheSerpent", label: "The Serpent" },
+    { key: "TheTooth", label: "The Tooth" },
+    { key: "TheWall", label: "The Wall" },
+    { key: "TheWater", label: "The Water" },
+    { key: "TheWheel", label: "The Wheel" },
+    { key: "TheWindow", label: "The Window" },
+];
+const VOUCHER_ENTRIES = [
+    { key: "Overstock", label: "Overstock" },
+    { key: "OverstockPlus", label: "Overstock Plus" },
+    { key: "ClearanceSale", label: "Clearance Sale" },
+    { key: "Liquidation", label: "Liquidation" },
+    { key: "Hone", label: "Hone" },
+    { key: "GlowUp", label: "Glow Up" },
+    { key: "RerollSurplus", label: "Reroll Surplus" },
+    { key: "RerollGlut", label: "Reroll Glut" },
+    { key: "CrystalBall", label: "Crystal Ball" },
+    { key: "OmenGlobe", label: "Omen Globe" },
+    { key: "Telescope", label: "Telescope" },
+    { key: "Observatory", label: "Observatory" },
+    { key: "Grabber", label: "Grabber" },
+    { key: "NachoTong", label: "Nacho Tong" },
+    { key: "Wasteful", label: "Wasteful" },
+    { key: "Recyclomancy", label: "Recyclomancy" },
+    { key: "TarotMerchant", label: "Tarot Merchant" },
+    { key: "TarotTycoon", label: "Tarot Tycoon" },
+    { key: "PlanetMerchant", label: "Planet Merchant" },
+    { key: "PlanetTycoon", label: "Planet Tycoon" },
+    { key: "SeedMoney", label: "Seed Money" },
+    { key: "MoneyTree", label: "Money Tree" },
+    { key: "Blank", label: "Blank" },
+    { key: "Antimatter", label: "Antimatter" },
+    { key: "MagicTrick", label: "Magic Trick" },
+    { key: "Illusion", label: "Illusion" },
+    { key: "Hieroglyph", label: "Hieroglyph" },
+    { key: "Petroglyph", label: "Petroglyph" },
+    { key: "DirectorsCut", label: "Director's Cut" },
+    { key: "Retcon", label: "Retcon" },
+    { key: "PaintBrush", label: "Paint Brush" },
+    { key: "Palette", label: "Palette" },
+];
+const TAG_ENTRIES = [
+    { key: "UncommonTag", label: "Uncommon Tag" },
+    { key: "RareTag", label: "Rare Tag" },
+    { key: "NegativeTag", label: "Negative Tag" },
+    { key: "FoilTag", label: "Foil Tag" },
+    { key: "HolographicTag", label: "Holographic Tag" },
+    { key: "PolychromeTag", label: "Polychrome Tag" },
+    { key: "InvestmentTag", label: "Investment Tag" },
+    { key: "VoucherTag", label: "Voucher Tag" },
+    { key: "BossTag", label: "Boss Tag" },
+    { key: "StandardTag", label: "Standard Tag" },
+    { key: "CharmTag", label: "Charm Tag" },
+    { key: "MeteorTag", label: "Meteor Tag" },
+    { key: "BuffoonTag", label: "Buffoon Tag" },
+    { key: "HandyTag", label: "Handy Tag" },
+    { key: "GarbageTag", label: "Garbage Tag" },
+    { key: "EtherealTag", label: "Ethereal Tag" },
+    { key: "CouponTag", label: "Coupon Tag" },
+    { key: "DoubleTag", label: "Double Tag" },
+    { key: "JuggleTag", label: "Juggle Tag" },
+    { key: "D6Tag", label: "D6 Tag" },
+    { key: "TopupTag", label: "Top-up Tag" },
+    { key: "SpeedTag", label: "Speed Tag" },
+    { key: "OrbitalTag", label: "Orbital Tag" },
+    { key: "EconomyTag", label: "Economy Tag" },
+];
+const BOOSTER_PACK_ENTRIES = [
+    { key: "Arcana", label: "Arcana Pack" },
+    { key: "JumboArcana", label: "Jumbo Arcana Pack" },
+    { key: "MegaArcana", label: "Mega Arcana Pack" },
+    { key: "Celestial", label: "Celestial Pack" },
+    { key: "JumboCelestial", label: "Jumbo Celestial Pack" },
+    { key: "MegaCelestial", label: "Mega Celestial Pack" },
+    { key: "Standard", label: "Standard Pack" },
+    { key: "JumboStandard", label: "Jumbo Standard Pack" },
+    { key: "MegaStandard", label: "Mega Standard Pack" },
+    { key: "Buffoon", label: "Buffoon Pack" },
+    { key: "JumboBuffoon", label: "Jumbo Buffoon Pack" },
+    { key: "MegaBuffoon", label: "Mega Buffoon Pack" },
+    { key: "Spectral", label: "Spectral Pack" },
+    { key: "JumboSpectral", label: "Jumbo Spectral Pack" },
+    { key: "MegaSpectral", label: "Mega Spectral Pack" },
+];
+const BOSS_VALUE_MASK = 0xff;
+const ITEM_VALUE_MASK = 0xffff;
+export const MOTELY_DISPLAY_SCHEMA = {
+    bosses: BOSS_ENTRIES,
+    vouchers: VOUCHER_ENTRIES,
+    tags: TAG_ENTRIES,
+    boosterPacks: BOOSTER_PACK_ENTRIES,
+};
+function createLabelLookup(entries) {
+    return {
+        keyToLabel: new Map(entries.map((entry) => [entry.key, entry.label])),
+        labelToKey: new Map(entries.map((entry) => [entry.label, entry.key])),
+    };
+}
+const bossLookup = createLabelLookup(BOSS_ENTRIES);
+const voucherLookup = createLabelLookup(VOUCHER_ENTRIES);
+const tagLookup = createLabelLookup(TAG_ENTRIES);
+const boosterPackLookup = createLabelLookup(BOOSTER_PACK_ENTRIES);
+function spaceSplit(value) {
+    return value.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2");
+}
+function displayNameFromKey(lookup, key, fallback) {
+    return lookup.keyToLabel.get(key) ?? fallback;
+}
+function keyFromDisplayName(lookup, label) {
+    return lookup.labelToKey.get(label) ?? null;
+}
+function runtimeEnumKey(enumObject, value) {
+    const key = enumObject[String(value)];
+    return typeof key === "string" && key.length > 0 ? key : null;
+}
+export function motelyBossDisplayNameFromKey(key) {
+    return displayNameFromKey(bossLookup, key, spaceSplit(key));
+}
+export function motelyVoucherDisplayNameFromKey(key) {
+    return displayNameFromKey(voucherLookup, key, spaceSplit(key));
+}
+export function motelyTagDisplayNameFromKey(key) {
+    return displayNameFromKey(tagLookup, key, spaceSplit(key));
+}
+export function motelyBoosterPackDisplayNameFromKey(key) {
+    return displayNameFromKey(boosterPackLookup, key, `${spaceSplit(key)} Pack`);
+}
+export function motelyItemDisplayNameFromKey(key) {
+    return getItemDisplayName(key);
+}
+export function motelyBossDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyBossBlind, value & BOSS_VALUE_MASK);
+    return key === null ? `boss#${value}` : motelyBossDisplayNameFromKey(key);
+}
+export function motelyVoucherDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyVoucher, value);
+    return key === null ? `voucher#${value}` : motelyVoucherDisplayNameFromKey(key);
+}
+export function motelyTagDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyTag, value);
+    return key === null ? `tag#${value}` : motelyTagDisplayNameFromKey(key);
+}
+export function motelyBoosterPackDisplayName(value) {
+    const key = runtimeEnumKey(Motely.MotelyBoosterPack, value);
+    return key === null ? `pack#${value}` : motelyBoosterPackDisplayNameFromKey(key);
+}
+export function motelyItemDisplayNameFromValue(value) {
+    const key = runtimeEnumKey(Motely.MotelyItemType, value & ITEM_VALUE_MASK);
+    return key === null ? `item#${value}` : motelyItemDisplayNameFromKey(key);
+}
+export function motelyBossKeyFromDisplayName(label) {
+    return keyFromDisplayName(bossLookup, label);
+}
+export function motelyVoucherKeyFromDisplayName(label) {
+    return keyFromDisplayName(voucherLookup, label);
+}
+export function motelyTagKeyFromDisplayName(label) {
+    return keyFromDisplayName(tagLookup, label);
+}
+export function motelyBoosterPackKeyFromDisplayName(label) {
+    return keyFromDisplayName(boosterPackLookup, label);
+}

package/dist/utils/jamlMapPreview.d.ts

@@ -0,0 +1,12 @@
+export type JamlPreviewSection = "must" | "should" | "mustNot";
+export type JamlPreviewVisualType = "joker" | "consumable" | "voucher" | "tag" | "boss";
+export interface JamlPreviewItem {
+    id: string;
+    section: JamlPreviewSection;
+    clauseKey: string;
+    visualType: JamlPreviewVisualType;
+    value: string;
+    source: string;
+}
+export type JamlPreviewGroups = Record<JamlPreviewSection, JamlPreviewItem[]>;
+export declare function extractVisualJamlItems(jaml: string): JamlPreviewGroups;

package/dist/utils/jamlMapPreview.js

@@ -0,0 +1,105 @@
+const CLAUSE_VISUAL_TYPES = {
+    joker: "joker",
+    jokers: "joker",
+    commonJoker: "joker",
+    commonJokers: "joker",
+    uncommonJoker: "joker",
+    uncommonJokers: "joker",
+    rareJoker: "joker",
+    rareJokers: "joker",
+    mixedJoker: "joker",
+    mixedJokers: "joker",
+    soulJoker: "joker",
+    legendaryJoker: "joker",
+    voucher: "voucher",
+    vouchers: "voucher",
+    tarot: "consumable",
+    tarotCard: "consumable",
+    spectral: "consumable",
+    spectralCard: "consumable",
+    planet: "consumable",
+    planetCard: "consumable",
+    boss: "boss",
+    bosses: "boss",
+    tag: "tag",
+    tags: "tag",
+    smallBlindTag: "tag",
+    bigBlindTag: "tag",
+};
+function createEmptyGroups() {
+    return { must: [], should: [], mustNot: [] };
+}
+function stripWrappingQuotes(value) {
+    if ((value.startsWith('"') && value.endsWith('"')) ||
+        (value.startsWith("'") && value.endsWith("'"))) {
+        return value.slice(1, -1).trim();
+    }
+    return value;
+}
+function normalizeCandidateValue(value) {
+    const normalized = stripWrappingQuotes(value.trim()).replace(/,$/, "").trim();
+    if (!normalized)
+        return null;
+    if (normalized === "Any")
+        return null;
+    return normalized;
+}
+function parseInlineValues(raw) {
+    const trimmed = raw.trim();
+    if (!trimmed)
+        return [];
+    if (trimmed.startsWith("[") && trimmed.includes("]")) {
+        const body = trimmed.slice(1, trimmed.indexOf("]"));
+        return body
+            .split(",")
+            .map((value) => normalizeCandidateValue(value))
+            .filter((value) => Boolean(value));
+    }
+    const normalized = normalizeCandidateValue(trimmed);
+    return normalized ? [normalized] : [];
+}
+export function extractVisualJamlItems(jaml) {
+    const groups = createEmptyGroups();
+    const seen = new Set();
+    const lines = jaml.replace(/\r\n/g, "\n").split("\n");
+    let currentSection = null;
+    for (const rawLine of lines) {
+        const trimmed = rawLine.trim();
+        if (!trimmed || trimmed.startsWith("#"))
+            continue;
+        const sectionMatch = /^(must|should|mustNot):\s*$/.exec(trimmed);
+        if (sectionMatch) {
+            currentSection = sectionMatch[1];
+            continue;
+        }
+        const indent = rawLine.search(/\S|$/);
+        if (indent === 0 && /^[A-Za-z][A-Za-z0-9]*:\s*/.test(trimmed)) {
+            currentSection = null;
+        }
+        if (!currentSection)
+            continue;
+        const clauseMatch = /^-?\s*([A-Za-z][A-Za-z0-9]*):\s*(.*?)\s*$/.exec(trimmed);
+        if (!clauseMatch)
+            continue;
+        const clauseKey = clauseMatch[1];
+        const visualType = CLAUSE_VISUAL_TYPES[clauseKey];
+        if (!visualType)
+            continue;
+        const values = parseInlineValues(clauseMatch[2]);
+        for (const value of values) {
+            const dedupeKey = `${currentSection}:${visualType}:${value.toLowerCase()}`;
+            if (seen.has(dedupeKey))
+                continue;
+            seen.add(dedupeKey);
+            groups[currentSection].push({
+                id: dedupeKey,
+                section: currentSection,
+                clauseKey,
+                visualType,
+                value,
+                source: rawLine,
+            });
+        }
+    }
+    return groups;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jaml-ui",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.",
   "type": "module",
   "main": "./dist/index.js",
@@ -18,10 +18,6 @@
       "types": "./dist/motely.d.ts",
       "import": "./dist/motely.js"
     },
-    "./r3f": {
-      "types": "./dist/r3f/index.d.ts",
-      "import": "./dist/r3f/index.js"
-    },
     "./assets/*": "./assets/*",
     "./package.json": "./package.json"
   },
@@ -32,12 +28,25 @@
     "README.md",
     "LICENSE"
   ],
+  "scripts": {
+    "build": "tsc --pretty false",
+    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit --pretty false",
+    "prepack": "npm run build"
+  },
   "engines": {
     "node": ">=18"
   },
   "publishConfig": {
-    "access": "public",
-    "provenance": false
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/OptimusPi/jaml-ui"
+  },
+  "homepage": "https://github.com/OptimusPi/jaml-ui#readme",
+  "bugs": {
+    "url": "https://github.com/OptimusPi/jaml-ui/issues"
   },
   "keywords": [
     "balatro",
@@ -51,42 +60,21 @@
   "author": "pifreak",
   "license": "MIT",
   "peerDependencies": {
-    "@react-spring/three": "^10.0.0",
-    "@react-three/fiber": "^9.0.0",
-    "motely-wasm": ">=5.7.0",
+    "motely-wasm": "^10.2.0 || ^11.0.0",
     "react": "^18.2.0 || ^19.0.0",
-    "react-dom": "^18.2.0 || ^19.0.0",
-    "three": ">=0.170.0 <0.200.0"
+    "react-dom": "^18.2.0 || ^19.0.0"
   },
   "peerDependenciesMeta": {
     "motely-wasm": {
       "optional": true
-    },
-    "@react-spring/three": {
-      "optional": true
-    },
-    "@react-three/fiber": {
-      "optional": true
-    },
-    "three": {
-      "optional": true
     }
   },
   "devDependencies": {
-    "@react-spring/three": "^10.0.3",
-    "@react-three/fiber": "^9.5.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "@types/three": "^0.183.1",
-    "motely-wasm": "^7.0.8",
+    "motely-wasm": "^11.3.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "three": "^0.183.2",
     "typescript": "^5.9.3"
-  },
-  "scripts": {
-    "build": "tsc --pretty false && node scripts/copy-data.mjs",
-    "dev": "tsc --watch",
-    "typecheck": "tsc --noEmit --pretty false"
   }
 }