jaml-ui 0.2.0 → 0.3.0

package/README.md

@@ -2,6 +2,8 @@
 
 Balatro rendering components, sprite metadata, and optional Motely helpers for React apps.
 
+`jaml-ui` is the shared UI layer for Balatro/JAML surfaces: low-level renderers, asset helpers, visual JAML previews, and a lightweight browser-first JAML IDE shell.
+
 ## Package shape
 
 - `jaml-ui`
@@ -17,8 +19,6 @@ Balatro rendering components, sprite metadata, and optional Motely helpers for R
 npm install jaml-ui react react-dom
 ```
 
-**Latest published major features:** `0.2.x` adds `jaml-ui/r3f` (Three.js card meshes). If you need `0.2.0` from npm and hit Windows publish issues, see [PUBLISHING.md](./PUBLISHING.md) and use GitHub Actions or Linux to `npm publish`.
-
 If you want the Motely-specific helpers too:
 
 ```bash
@@ -47,6 +47,39 @@ export function Example() {
 }
 ```
 
+## JAML preview
+
+```tsx
+"use client";
+
+import { JamlMapPreview } from "jaml-ui";
+
+export function PreviewExample({ jaml }: { jaml: string }) {
+  return <JamlMapPreview jaml={jaml} title="JAML Intent Preview" />;
+}
+```
+
+## Lightweight JAML IDE shell
+
+```tsx
+"use client";
+
+import { useState } from "react";
+import { JamlIde } from "jaml-ui";
+
+export function IdeExample() {
+  const [jaml, setJaml] = useState("must:\n  joker: Blueprint");
+
+  return (
+    <JamlIde
+      jaml={jaml}
+      onChange={setJaml}
+      results={[]}
+    />
+  );
+}
+```
+
 ## Asset handling
 
 By default, `jaml-ui` resolves its packaged sprite assets from the package `assets/` directory using `import.meta.url`.
@@ -90,34 +123,9 @@ const itemName = decodeMotelyItemName(0x5001);
 const enumKey = motelyItemTypeName(0x5001);
 ```
 
-## Three.js / R3F (optional)
-
-`jaml-ui/r3f` provides **magnetic-tilt** meshes for playing cards and jokers. Peer dependencies (install in your app):
-
-- `three`
-- `@react-three/fiber`
-- `@react-spring/three`
-
-```tsx
-"use client";
-
-import { BalatroPlayingCard3D, BalatroJokerPreview3D } from "jaml-ui/r3f";
-
-// In an existing <Canvas>: BalatroPlayingCard3D with card={{ suit, rank, ... }}
-// Standalone joker preview:
-export function Preview() {
-  return <BalatroJokerPreview3D displayName="Blueprint" />;
-}
-```
-
-Atlas URLs default to packaged sprites; override with `setJamlAssetBaseUrl("/your/public/images/")` or per-component `deckUrl` / `jokersImageUrl` props.
-
-Bundled data: `balatro-jokers.json` ships in `dist/data/` for joker grid lookup.
-
 ## Next.js notes
 
 - The root `jaml-ui` entry is client-oriented and preserves the `"use client"` boundary for component consumers.
-- Add `jaml-ui/r3f` to `transpilePackages` when you use the R3F entry.
 - Import pure helpers from `jaml-ui/core` when you want server-safe metadata and asset utilities.
 - If you are consuming `jaml-ui` from a local workspace package in a Next.js app, you may need:
 
@@ -135,3 +143,5 @@ export default nextConfig;
 ## Browser-first runtime direction
 
 `jaml-ui` is designed for browser/React consumers. The optional `jaml-ui/motely` entry targets plain `motely-wasm` and does not assume threaded WASM, SAB, or COEP setup.
+
+The built-in `JamlIde` intentionally stays lightweight. Rich editor integrations like Monaco, custom language servers, or extension-host-specific tooling should live in app-level packages on top of `jaml-ui`, not in the base renderer package.

package/dist/components/JamlIde.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type JamlIdeMode } from "./JamlIdeToolbar.js";
+export interface JamlIdeSearchResult {
+    seed: string;
+    score?: number;
+}
+export interface JamlIdeProps {
+    jaml: string;
+    onChange: (jaml: string) => void;
+    defaultMode?: JamlIdeMode;
+    searchResults?: JamlIdeSearchResult[];
+    className?: string;
+    title?: string;
+    actions?: React.ReactNode;
+    codePlaceholder?: string;
+}
+export declare function JamlIde({ jaml, onChange, defaultMode, searchResults, className, title, actions, codePlaceholder, }: JamlIdeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlIde.js

@@ -0,0 +1,61 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { JamlMapPreview } from "./JamlMapPreview.js";
+import { JamlIdeToolbar } from "./JamlIdeToolbar.js";
+function ResultsView({ results }) {
+    if (results.length === 0) {
+        return (_jsx("div", { style: {
+                border: "1px dashed rgba(255,255,255,0.18)",
+                borderRadius: 12,
+                padding: 14,
+                fontSize: 12,
+                opacity: 0.72,
+                background: "rgba(255,255,255,0.03)",
+            }, children: "No results yet." }));
+    }
+    return (_jsx("div", { style: { display: "flex", flexDirection: "column", gap: 10 }, children: results.map((result, index) => (_jsxs("div", { style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                gap: 12,
+                borderRadius: 12,
+                border: "1px solid rgba(255,255,255,0.08)",
+                background: "rgba(255,255,255,0.03)",
+                padding: "10px 12px",
+            }, children: [_jsx("div", { style: { fontWeight: 700, letterSpacing: 0.4 }, children: result.seed }), _jsx("div", { style: { fontSize: 12, opacity: 0.7 }, children: result.score !== undefined ? result.score : "-" })] }, `${result.seed}-${index}`))) }));
+}
+export function JamlIde({ jaml, onChange, defaultMode = "code", searchResults = [], className = "", title = "JAML IDE", actions, codePlaceholder = "Enter JAML...", }) {
+    const [mode, setMode] = useState(defaultMode);
+    const results = useMemo(() => searchResults, [searchResults]);
+    return (_jsxs("div", { className: className, style: {
+            display: "flex",
+            flexDirection: "column",
+            minHeight: 420,
+            borderRadius: 16,
+            overflow: "hidden",
+            border: "1px solid rgba(255,255,255,0.08)",
+            background: "#17181c",
+            color: "#f5f5f5",
+        }, children: [_jsxs("div", { style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "space-between",
+                    gap: 12,
+                    padding: "12px 14px",
+                    borderBottom: "1px solid rgba(255,255,255,0.08)",
+                    background: "rgba(255,255,255,0.03)",
+                }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 16, fontWeight: 800 }, children: title }), _jsx("div", { style: { fontSize: 11, opacity: 0.66 }, children: "Reusable JAML authoring and preview surface." })] }), actions ? _jsx("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: actions }) : null] }), _jsx(JamlIdeToolbar, { mode: mode, onModeChange: setMode, resultCount: results.length }), _jsxs("div", { style: { flex: 1, minHeight: 0, overflow: "auto" }, children: [mode === "code" ? (_jsx("textarea", { title: "JAML IDE Editor", value: jaml, onChange: (event) => onChange(event.target.value), placeholder: codePlaceholder, spellCheck: false, autoCapitalize: "off", autoCorrect: "off", style: {
+                            width: "100%",
+                            minHeight: 320,
+                            resize: "vertical",
+                            border: 0,
+                            outline: 0,
+                            padding: 16,
+                            background: "transparent",
+                            color: "inherit",
+                            fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+                            fontSize: 13,
+                            lineHeight: 1.7,
+                        } })) : null, mode === "map" ? _jsx(JamlMapPreview, { jaml: jaml }) : null, mode === "results" ? _jsx("div", { style: { padding: 16 }, children: _jsx(ResultsView, { results: results }) }) : null] })] }));
+}

package/dist/components/JamlIdeToolbar.d.ts

@@ -0,0 +1,8 @@
+export type JamlIdeMode = "code" | "map" | "results";
+export interface JamlIdeToolbarProps {
+    mode: JamlIdeMode;
+    onModeChange: (mode: JamlIdeMode) => void;
+    resultCount?: number;
+    className?: string;
+}
+export declare function JamlIdeToolbar({ mode, onModeChange, resultCount, className }: JamlIdeToolbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlIdeToolbar.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TABS = [
+    { id: "code", label: "Code" },
+    { id: "map", label: "Map" },
+    { id: "results", label: "Results" },
+];
+export function JamlIdeToolbar({ mode, onModeChange, resultCount = 0, className = "" }) {
+    return (_jsx("div", { className: className, style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            gap: 8,
+            padding: "8px 10px",
+            borderBottom: "1px solid rgba(255,255,255,0.08)",
+            background: "rgba(255,255,255,0.04)",
+        }, children: _jsx("div", { style: { display: "flex", alignItems: "center", gap: 6 }, children: TABS.map((tab) => {
+                const selected = mode === tab.id;
+                return (_jsxs("button", { type: "button", onClick: () => onModeChange(tab.id), style: {
+                        cursor: "pointer",
+                        borderRadius: 8,
+                        border: selected ? "1px solid rgba(247,185,85,0.55)" : "1px solid transparent",
+                        background: selected ? "rgba(247,185,85,0.16)" : "transparent",
+                        color: selected ? "#f7b955" : "rgba(255,255,255,0.58)",
+                        padding: "6px 10px",
+                        fontSize: 11,
+                        fontWeight: 600,
+                    }, children: [tab.label, tab.id === "results" && resultCount > 0 ? (_jsx("span", { style: {
+                                marginLeft: 6,
+                                borderRadius: 999,
+                                background: "rgba(0,0,0,0.25)",
+                                padding: "1px 6px",
+                                fontSize: 10,
+                            }, children: resultCount })) : null] }, tab.id));
+            }) }) }));
+}

package/dist/components/JamlMapPreview.d.ts

@@ -0,0 +1,10 @@
+export interface JamlMapPreviewProps {
+    jaml: string;
+    className?: string;
+    title?: string;
+    emptyMessage?: string;
+    cardScale?: number;
+    tagScale?: number;
+    bossScale?: number;
+}
+export declare function JamlMapPreview({ jaml, className, title, emptyMessage, cardScale, tagScale, bossScale, }: JamlMapPreviewProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/JamlMapPreview.js

@@ -0,0 +1,117 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { JamlBoss, JamlGameCard, JamlTag, JamlVoucher } from "./GameCard.js";
+import { extractVisualJamlItems } from "../utils/jamlMapPreview.js";
+const SECTION_ORDER = ["must", "should", "mustNot"];
+const SECTION_LABELS = {
+    must: "Must Requirements",
+    should: "Should Requirements",
+    mustNot: "Must Not Requirements",
+};
+const SECTION_ACCENTS = {
+    must: { color: "#ff6b6b", border: "rgba(255,107,107,0.35)", panel: "rgba(255,107,107,0.08)" },
+    should: { color: "#f7b955", border: "rgba(247,185,85,0.35)", panel: "rgba(247,185,85,0.08)" },
+    mustNot: { color: "#8d7dff", border: "rgba(141,125,255,0.35)", panel: "rgba(141,125,255,0.08)" },
+};
+function renderPreviewItem(item, cardScale, tagScale, bossScale) {
+    switch (item.visualType) {
+        case "joker":
+            return _jsx(JamlGameCard, { card: { name: item.value, scale: cardScale }, type: "joker" });
+        case "consumable":
+            return _jsx(JamlGameCard, { card: { name: item.value, scale: cardScale }, type: "consumable" });
+        case "voucher":
+            return _jsx(JamlVoucher, { voucherName: item.value, scale: cardScale });
+        case "tag":
+            return _jsx(JamlTag, { tagName: item.value, scale: tagScale });
+        case "boss":
+            return _jsx(JamlBoss, { bossName: item.value, scale: bossScale });
+        default:
+            return null;
+    }
+}
+export function JamlMapPreview({ jaml, className = "", title = "JAML Map Preview", emptyMessage = "No visual JAML clauses found yet.", cardScale = 0.8, tagScale = 1.1, bossScale = 1.1, }) {
+    const groups = useMemo(() => extractVisualJamlItems(jaml), [jaml]);
+    const totalItems = SECTION_ORDER.reduce((sum, section) => sum + groups[section].length, 0);
+    return (_jsxs("div", { className: className, style: {
+            display: "flex",
+            flexDirection: "column",
+            gap: 16,
+            padding: 16,
+            color: "#f5f5f5",
+            borderRadius: 20,
+            border: "1px solid rgba(152,152,192,0.18)",
+            background: "linear-gradient(180deg, rgba(28,26,52,0.96) 0%, rgba(18,16,36,0.96) 100%)",
+            boxShadow: "0 14px 32px rgba(0,0,0,0.16)",
+        }, children: [_jsxs("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", gap: 12, flexWrap: "wrap" }, children: [_jsxs("div", { children: [_jsx("div", { style: { fontSize: 14, fontWeight: 700, marginBottom: 4 }, children: title }), _jsx("div", { style: { fontSize: 12, opacity: 0.74, maxWidth: 520 }, children: "Preview the visual targets described directly in your JAML without running a full search." })] }), _jsxs("div", { style: {
+                            display: "inline-flex",
+                            alignItems: "center",
+                            gap: 6,
+                            borderRadius: 999,
+                            border: "1px solid rgba(141,125,255,0.3)",
+                            background: "rgba(141,125,255,0.12)",
+                            padding: "6px 10px",
+                            fontSize: 11,
+                            fontWeight: 700,
+                            color: "#c8bcff",
+                            letterSpacing: "0.04em",
+                            textTransform: "uppercase",
+                        }, children: [_jsx("span", { children: totalItems }), _jsx("span", { children: totalItems === 1 ? "visual target" : "visual targets" })] })] }), totalItems === 0 ? (_jsx("div", { style: {
+                    border: "1px dashed rgba(152,152,192,0.28)",
+                    borderRadius: 16,
+                    padding: 16,
+                    fontSize: 12,
+                    opacity: 0.72,
+                    background: "rgba(255,255,255,0.035)",
+                }, children: emptyMessage })) : null, SECTION_ORDER.map((section) => {
+                const items = groups[section];
+                if (items.length === 0)
+                    return null;
+                const accent = SECTION_ACCENTS[section];
+                return (_jsxs("section", { style: {
+                        display: "flex",
+                        flexDirection: "column",
+                        gap: 10,
+                        borderRadius: 18,
+                        border: `1px solid ${accent.border}`,
+                        background: `linear-gradient(180deg, ${accent.panel} 0%, rgba(255,255,255,0.02) 100%)`,
+                        padding: 12,
+                    }, children: [_jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [_jsx("div", { style: {
+                                        width: 6,
+                                        height: 18,
+                                        borderRadius: 999,
+                                        background: accent.color,
+                                    } }), _jsx("div", { style: { fontSize: 12, fontWeight: 700, color: accent.color }, children: SECTION_LABELS[section] }), _jsx("div", { style: {
+                                        marginLeft: "auto",
+                                        borderRadius: 999,
+                                        padding: "3px 8px",
+                                        fontSize: 10,
+                                        fontWeight: 700,
+                                        color: accent.color,
+                                        background: "rgba(255,255,255,0.04)",
+                                    }, children: items.length })] }), _jsx("div", { style: {
+                                display: "flex",
+                                flexWrap: "wrap",
+                                gap: 12,
+                            }, children: items.map((item) => (_jsxs("div", { style: {
+                                    display: "flex",
+                                    flexDirection: "column",
+                                    alignItems: "center",
+                                    gap: 8,
+                                    minWidth: 96,
+                                    padding: 12,
+                                    borderRadius: 16,
+                                    border: `1px solid ${accent.border}`,
+                                    background: "rgba(10,10,20,0.24)",
+                                    boxShadow: "inset 0 1px 0 rgba(255,255,255,0.04)",
+                                }, title: `${item.clauseKey}: ${item.value}`, children: [_jsx("div", { style: { minHeight: 72, display: "flex", alignItems: "center", justifyContent: "center" }, children: renderPreviewItem(item, cardScale, tagScale, bossScale) }), _jsx("div", { style: { fontSize: 11, textAlign: "center", lineHeight: 1.35, fontWeight: 600 }, children: item.value }), _jsx("div", { style: { fontSize: 10, opacity: 0.62, textTransform: "uppercase", letterSpacing: "0.06em" }, children: item.clauseKey })] }, item.id))) })] }, section));
+            }), _jsx("div", { style: {
+                    borderRadius: 16,
+                    border: "1px dashed rgba(141,125,255,0.28)",
+                    background: "rgba(141,125,255,0.08)",
+                    padding: 14,
+                    fontSize: 11,
+                    lineHeight: 1.5,
+                    opacity: 0.84,
+                }, children: "This preview shows direct visual targets that can be read from the JAML text itself. Advanced scoring logic, positional constraints, nested groups, and runtime-only search behavior are not fully represented here yet." })] }));
+}

package/dist/index.d.ts

@@ -2,5 +2,9 @@ export { JAML_ASSET_FILES, clearJamlAssetBaseUrl, getDefaultJamlAssetUrlMap, res
 export { Layer, type LayerOptions } from "./render/Layer.js";
 export { JamlCardRenderer, type JamlCardRendererProps } from "./render/CanvasRenderer.js";
 export { JamlGameCard, JamlVoucher, JamlTag, JamlBoss, resolveAnalyzerShopItem, type JamlGameCardProps, type AnalyzerShopItem, type AnalyzerResolvedItem, } from "./components/GameCard.js";
+export { JamlMapPreview, type JamlMapPreviewProps } from "./components/JamlMapPreview.js";
+export { JamlIde, type JamlIdeProps, type JamlIdeSearchResult, } from "./components/JamlIde.js";
+export { JamlIdeToolbar, type JamlIdeMode, type JamlIdeToolbarProps, } from "./components/JamlIdeToolbar.js";
 export { CardList, type CardListProps } from "./components/CardList.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";

package/dist/index.js

@@ -3,5 +3,9 @@ export { JAML_ASSET_FILES, clearJamlAssetBaseUrl, getDefaultJamlAssetUrlMap, res
 export { Layer } from "./render/Layer.js";
 export { JamlCardRenderer } from "./render/CanvasRenderer.js";
 export { JamlGameCard, JamlVoucher, JamlTag, JamlBoss, resolveAnalyzerShopItem, } from "./components/GameCard.js";
+export { JamlMapPreview } from "./components/JamlMapPreview.js";
+export { JamlIde, } from "./components/JamlIde.js";
+export { JamlIdeToolbar, } from "./components/JamlIdeToolbar.js";
 export { CardList } from "./components/CardList.js";
+export { extractVisualJamlItems, } from "./utils/jamlMapPreview.js";
 export { useMotelyStream } from "./hooks/useShopStream.js";

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.0",
   "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",
     "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": "^10.2.0",
     "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"
   }
 }