jaml-ui 0.14.1 → 0.14.3

package/dist/r3f/playingCardTypes.js

@@ -1,32 +0,0 @@
-export const PLAYING_CARD_ATLAS = {
-    columns: 13,
-    rows: 4,
-    cellPx: { x: 71, y: 95 },
-};
-export const SUIT_ROW = {
-    hearts: 0,
-    clubs: 1,
-    diamonds: 2,
-    spades: 3,
-};
-export const RANK_COLUMN = {
-    "2": 0,
-    "3": 1,
-    "4": 2,
-    "5": 3,
-    "6": 4,
-    "7": 5,
-    "8": 6,
-    "9": 7,
-    "10": 8,
-    J: 9,
-    Q: 10,
-    K: 11,
-    A: 12,
-};
-export const SUIT_COLORS = {
-    hearts: "#e74c3c",
-    diamonds: "#3498db",
-    clubs: "#27ae60",
-    spades: "#2c3e50",
-};

package/dist/r3f/playingCardVisuals.d.ts

@@ -1,7 +0,0 @@
-import type { PlayingCard3DModel } from "./playingCardTypes.js";
-export declare function editionMaterialProps(edition: PlayingCard3DModel["edition"]): {
-    metalness: number;
-    roughness: number;
-};
-export declare function enhancementGlowHex(card: PlayingCard3DModel, highlighted: boolean): string;
-export declare function sealColorHex(seal: PlayingCard3DModel["seal"]): string;

package/dist/r3f/playingCardVisuals.js

@@ -1,45 +0,0 @@
-import { SUIT_COLORS } from "./playingCardTypes.js";
-export function editionMaterialProps(edition) {
-    switch (edition) {
-        case "foil":
-            return { metalness: 0.9, roughness: 0.1 };
-        case "holographic":
-            return { metalness: 0.7, roughness: 0.2 };
-        case "polychrome":
-            return { metalness: 0.8, roughness: 0.15 };
-        default:
-            return { metalness: 0.1, roughness: 0.8 };
-    }
-}
-export function enhancementGlowHex(card, highlighted) {
-    switch (card.enhancement) {
-        case "bonus":
-            return "#3498db";
-        case "mult":
-            return "#e74c3c";
-        case "wild":
-            return "#9b59b6";
-        case "glass":
-            return "#1abc9c";
-        case "steel":
-            return "#95a5a6";
-        case "gold":
-            return "#f1c40f";
-        case "lucky":
-            return "#2ecc71";
-        default:
-            return highlighted ? SUIT_COLORS[card.suit] : "#ffffff";
-    }
-}
-export function sealColorHex(seal) {
-    switch (seal) {
-        case "gold":
-            return "#f1c40f";
-        case "red":
-            return "#e74c3c";
-        case "blue":
-            return "#3498db";
-        default:
-            return "#9b59b6";
-    }
-}

package/dist/r3f/usePlayingCardTexture.d.ts

@@ -1,7 +0,0 @@
-import * as THREE from "three";
-import { type PlayingCardRank, type PlayingCardSuit } from "./playingCardTypes.js";
-export declare function usePlayingCardFaceTexture(suit: PlayingCardSuit, rank: PlayingCardRank, options?: {
-    deckUrl?: string;
-    enhancersUrl?: string;
-}): THREE.Texture | null;
-export declare function useCardBackTexture(): THREE.Texture;

package/dist/r3f/usePlayingCardTexture.js

@@ -1,92 +0,0 @@
-"use client";
-import { useEffect, useRef, useState } from "react";
-import * as THREE from "three";
-import { resolveJamlAssetUrl } from "../assets.js";
-import { applyBalatroGridUV } from "./gridUV.js";
-import { loadCompositedPlayingAtlas } from "./compositedAtlas.js";
-import { PLAYING_CARD_ATLAS, RANK_COLUMN, SUIT_ROW, } from "./playingCardTypes.js";
-const textureCache = new Map();
-function magnetKey(suit, rank, deckUrl, enhancersUrl) {
-    return `${deckUrl}|${enhancersUrl}|${suit}|${rank}`;
-}
-export function usePlayingCardFaceTexture(suit, rank, options) {
-    const [texture, setTexture] = useState(null);
-    const loadSerial = useRef(0);
-    const deckUrl = options?.deckUrl ?? resolveJamlAssetUrl("deck");
-    const enhancersUrl = options?.enhancersUrl ?? resolveJamlAssetUrl("enhancers");
-    useEffect(() => {
-        const serial = ++loadSerial.current;
-        let cancelled = false;
-        const key = magnetKey(suit, rank, deckUrl, enhancersUrl);
-        const cached = textureCache.get(key);
-        if (cached) {
-            setTexture(cached);
-            return;
-        }
-        loadCompositedPlayingAtlas(deckUrl, PLAYING_CARD_ATLAS.columns, PLAYING_CARD_ATLAS.rows, enhancersUrl)
-            .then((canvas) => {
-            if (cancelled || serial !== loadSerial.current)
-                return;
-            const tex = new THREE.CanvasTexture(canvas);
-            tex.colorSpace = THREE.SRGBColorSpace;
-            tex.magFilter = THREE.NearestFilter;
-            tex.minFilter = THREE.NearestFilter;
-            const tw = canvas.width;
-            const th = canvas.height;
-            const cellW = tw / PLAYING_CARD_ATLAS.columns;
-            const cellH = th / PLAYING_CARD_ATLAS.rows;
-            applyBalatroGridUV(tex, { x: RANK_COLUMN[rank], y: SUIT_ROW[suit] }, {
-                cellW,
-                cellH,
-                textureWidth: tw,
-                textureHeight: th,
-            });
-            textureCache.set(key, tex);
-            setTexture(tex);
-        })
-            .catch((err) => {
-            console.error("[jaml-ui/r3f] playing card atlas failed:", err);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [suit, rank, deckUrl, enhancersUrl]);
-    return texture;
-}
-export function useCardBackTexture() {
-    const [tex] = useState(() => {
-        const canvas = document.createElement("canvas");
-        canvas.width = PLAYING_CARD_ATLAS.cellPx.x;
-        canvas.height = PLAYING_CARD_ATLAS.cellPx.y;
-        const ctx = canvas.getContext("2d");
-        if (!ctx)
-            throw new Error("2d context unavailable");
-        ctx.fillStyle = "#1a1a2e";
-        ctx.fillRect(0, 0, canvas.width, canvas.height);
-        ctx.strokeStyle = "#c9a227";
-        ctx.lineWidth = 2;
-        ctx.strokeRect(2, 2, canvas.width - 4, canvas.height - 4);
-        ctx.fillStyle = "#16213e";
-        for (let y = 8; y < canvas.height - 8; y += 10) {
-            for (let x = 8; x < canvas.width - 8; x += 10) {
-                ctx.fillRect(x, y, 5, 5);
-            }
-        }
-        ctx.fillStyle = "#c9a227";
-        const cx = canvas.width / 2;
-        const cy = canvas.height / 2;
-        ctx.beginPath();
-        ctx.moveTo(cx, cy - 17);
-        ctx.lineTo(cx + 14, cy);
-        ctx.lineTo(cx, cy + 17);
-        ctx.lineTo(cx - 14, cy);
-        ctx.closePath();
-        ctx.fill();
-        const texture = new THREE.CanvasTexture(canvas);
-        texture.magFilter = THREE.NearestFilter;
-        texture.minFilter = THREE.NearestFilter;
-        texture.colorSpace = THREE.SRGBColorSpace;
-        return texture;
-    });
-    return tex;
-}

package/dist/utils/fileSystem.d.ts

@@ -1 +0,0 @@
-export declare function initJamlFileSystem(): boolean;

package/dist/utils/fileSystem.js

@@ -1,23 +0,0 @@
-import { init } from "@rewaffle/bootsharp-file-system";
-// Assuming motely-wasm exposes Bootsharp APIs
-// We need to pass the FileMounter export generated by Bootsharp
-import * as motelyWasm from "motely-wasm";
-export function initJamlFileSystem() {
-    if (motelyWasm && motelyWasm.Bootsharp && motelyWasm.Bootsharp.FileSystem) {
-        const fileMounter = motelyWasm.Bootsharp.FileSystem.FileMounter;
-        if (fileMounter) {
-            init(fileMounter);
-            return true;
-        }
-    }
-    // Also try lowercase namespaces depending on how bootsharp generates it
-    if (motelyWasm && motelyWasm.bootsharp && motelyWasm.bootsharp.fileSystem) {
-        const fileMounter = motelyWasm.bootsharp.fileSystem.fileMounter;
-        if (fileMounter) {
-            init(fileMounter);
-            return true;
-        }
-    }
-    console.warn("Could not initialize Jaml File System: Bootsharp.FileSystem.FileMounter not found in motely-wasm.");
-    return false;
-}