From af50d821ef4a190c5f641a9ced19022e1171c0e2 Mon Sep 17 00:00:00 2001
From: nak <fj@abovesobelow.com>
Date: Fri, 20 Mar 2026 08:02:39 +0000
Subject: [PATCH] Add in world hole card implementation

---
 models/poker_hole_cards.glb   | Bin 0 -> 3384 bytes
 scripts/poker-admin-tablet.js |  10 +-
 scripts/poker_cards.js        | 237 ++++++++++++++++++++++++++++++++++
 tablet/card-face.html         | 122 +++++++++++++++++
 4 files changed, 366 insertions(+), 3 deletions(-)
 create mode 100644 models/poker_hole_cards.glb
 create mode 100644 scripts/poker_cards.js
 create mode 100644 tablet/card-face.html

diff --git a/models/poker_hole_cards.glb b/models/poker_hole_cards.glb
new file mode 100644
index 0000000000000000000000000000000000000000..a5230b86feb752433b5007e385397b6225c4ab62
GIT binary patch
literal 3384
zcmc&!O>7%g5T1t6Bu(2ip`}TH*1Z0OuyOX!_S$uKm4+Zf)3{ASREQ$FaW;u1dmXJe
zp~Z^i3kNO;ZUk|t1mXmust{5x$%R8Ca;U_gNTps77X(sINL&i@-tKd@#!d`EVx^ro
z^Sy6ozBl{q`Rv4t4FI4W0uUMjULH@47KvFXST0Ev$-HG-j_Kwdk|38BoV=Ycgyu0N
zbTMn$vz8MY?oWl5BVjQtOGF^cmQ%>&Z6wQKk*o-$kj4TeA^Ki{B&LeQHgkxPakeKA
zJ3njD4RLy9dM7H9oK;w0sXjk#I<vG%A#G+ce@YBXYMef?s1(s8RhERhAZ+3~rd`OI
zF4H<C3VmW&6eZDn)R-ENsS!yLJVjIo6IfP$C2QIiX2_^!(aGd8Zf4nMn6B$&W|mwU
z7Ri;=`0&JVYLp#gG&Od4V1y(jflLft8%(9fUU*$32^q(fv1c=Bnxd?*A(&~53VFwy
z*UZw~oaIbrtT$MlbUwG3w=LV9xVeaPh)8l&AnE*)jbALP3M6OVVAIi*xF#u4H6D$q
zil(VJ9Z`<5C#FcUqAAe`Vv)EM$0I9IMUi7j!13fV_z9<QC`u&CCX8FE9E)oL8&#DI
zmq{U$LxT!__96*N#`EqadAD@=pQOuw>#kHwXCNDxB;(!m+m8<pj0}tsdJA{-2R{KD
z|IAI-8nNto7cXZlsv#GF)Z85V#n57=Gf#g!3JxB>EuY2SxvW^d+4$8T?JPwUyax5A
z%PJ}j3YSF{j}lDBtH|fz&meGcS=KbXs-e(>W`K*sqwvM%m+Sa9LLZ~T*FBiwL7($C
z0(|OoPNiRqUk$I+z&RA>_3QB~HSk=Duebj2Q4-Hqk57AXex<Mbbtt}<PkV9BBYyU>
zw0^|hKL1JU9X;r8-G8W4{Qld=jiBH8o51mnpx^Xx((vo72mK(YmLKd}%MWU(<p=xL
z@~MWy?sgK-#q?M6sRoMknN;(s20xe0r<zYS__=H*)qL-cmkj@|<5JoP`2P`3EAqO$
z7ms(kA;<4mUISV<ue?{m<@<EywJW*1a_Z?-569QFYp)6p*BR8#`~Z)i>EGkGx<6<C
z1L1cUH|R?%A?E+bcp7+&`$jDe-SczxAfICV8&>ox^LOF=uX?`uv)lOYvo}#EokPi>
z@$Dv)>86^yf7Ju~UQG9|<^<g-Trcx@-1FgDatALNJZ@fFODb;_%YAtKU{TO_Z~z{k
z>Fm}2=<syBzuKkqc=PVp$<<>X{=w?229FnJwvwOzOwR!Z#d$p4+p8b^$-`-#K#bIq
zvH8xLeutgcJ3o!TXY-(^2XM3Lz`hp;_w}pybh&66eD$(Q#;LpQ#(Ou+^2+CX``dQo
z<ClsCUp*Y)+H3dpp-V-BuUN;RdVlZR)(`x6-QX+5>G^D{!=N}{X&s8cGS^{j{ZcHi
z6sL8*>fhEW&ewhLI5fdNd>?~$XojO`kHRys9~z+rZ3}c@s|IL8+Xe^G+mA>CzHP_=
zL>lpJflhb|PM|#j$DkDsLpR!PI1WeP2{?)NBs>iV;1G17?Sd!aSvUjd(4K=+Aj5MI
zK^p-b&cbQvLE8fogn&R8Z5W<M?<^t&-!L*lh@8f^2V#(b3urHZ3Id3bM4JQ+`auB$
QtpVqu7y2NMHV#qv3+MoS;s5{u

literal 0
HcmV?d00001

diff --git a/scripts/poker-admin-tablet.js b/scripts/poker-admin-tablet.js
index c63a596..b0864a7 100644
--- a/scripts/poker-admin-tablet.js
+++ b/scripts/poker-admin-tablet.js
@@ -60,7 +60,7 @@
         // Place table in front of avatar at floor level
         // Use only the yaw component of avatar rotation so table sits flat
         var yaw = Quat.safeEulerAngles(avatarRotation).y;
-        var tableRot = Quat.fromPitchYawRollDegrees(0, yaw - 90, 0);
+        var tableRot = Quat.fromPitchYawRollDegrees(0, yaw, 0);
 
         // 2.5m in front of avatar, snapped to floor
         var forward = Vec3.multiplyQbyV(tableRot, { x: 0, y: 0, z: -2.5 });
@@ -87,6 +87,7 @@
             locked: false,
         });
 
+        // Timeout to set locked true after displaying mesh in world
         Script.setTimeout(function() {
             Entities.editEntity(tableID, { locked: true });
         }, 2000);
@@ -119,8 +120,11 @@
                     pokerID: pokerID,
                     seatIndex: i,
                 }),
-                triggerable: true,
-                grabbable: false,
+                grab: { 
+                    triggerable: true,
+                    grabbable: false
+                },
+                //grabbable: false,
                 ignorePickIntersection: false,
                 locked: true,
             });
diff --git a/scripts/poker_cards.js b/scripts/poker_cards.js
new file mode 100644
index 0000000..e8081fb
--- /dev/null
+++ b/scripts/poker_cards.js
@@ -0,0 +1,237 @@
+(function() {
+    // poker_cards.js — attach to the card hand mesh entity
+    // userData: { "pokerID": "main", "tableID": "{uuid}" }
+
+    var constants = Script.require(Script.resolvePath("poker_constants.js"));
+    var API_BASE  = constants.API_BASE;
+
+    var _entityID     = null;
+    var _pokerID      = null;
+    var _username     = null;
+    var _token        = null;
+    var _ws           = null;
+    var _rendererID   = null;  // local web entity that generates the texture
+    var _materialID   = null;  // local material entity applied to this mesh
+    var _wsRetryTimer = null;
+    var _pendingCards = null;
+
+    // ── helpers ──────────────────────────────────────────────────
+
+    function getUserData(id) {
+        try {
+            return JSON.parse(Entities.getEntityProperties(id, ["userData"]).userData || "{}");
+        } catch(e) { return {}; }
+    }
+
+    // ── session ──────────────────────────────────────────────────
+
+    function ensureSession(cb) {
+        if (_token) { cb(null, _token); return; }
+        _username = AccountServices.username;
+        if (!_username) { cb("not logged in"); return; }
+
+        var xhr = new XMLHttpRequest();
+        xhr.open("POST", API_BASE + "/session", true);
+        xhr.setRequestHeader("Content-Type", "application/json");
+        xhr.onreadystatechange = function() {
+            if (xhr.readyState !== 4) return;
+            if (xhr.status === 200) {
+                try {
+                    _token = JSON.parse(xhr.responseText).token;
+                    cb(null, _token);
+                } catch(e) { cb("session parse error"); }
+            } else {
+                cb("session error " + xhr.status);
+            }
+        };
+        xhr.send(JSON.stringify({ username: _username }));
+    }
+
+    // ── WebSocket ────────────────────────────────────────────────
+
+    function connectWS() {
+        var wsURL = API_BASE.replace("https://", "wss://").replace("http://", "ws://")
+                            .replace("/api", "/ws");
+        _ws = new WebSocket(wsURL);
+
+        _ws.onopen = function() {
+            print("[pokerCards] WS connected");
+            // Identify so server can route private messages
+            _ws.send(JSON.stringify({ type: "identify", username: _username }));
+        };
+
+        _ws.onmessage = function(event) {
+            try {
+                var msg = JSON.parse(event.data);
+                if (msg.type === "hand:dealt") {
+                    onCardsDealt(msg.cards);
+                } else if (msg.type === "hand:end") {
+                    hideCards();
+                }
+            } catch(e) {
+                print("[pokerCards] WS parse error: " + e);
+            }
+        };
+
+        _ws.onclose = function() {
+            print("[pokerCards] WS closed, retrying in 5s");
+            _wsRetryTimer = Script.setTimeout(connectWS, 5000);
+        };
+
+        _ws.onerror = function(e) {
+            print("[pokerCards] WS error: " + e);
+        };
+    }
+
+    // ── card rendering ───────────────────────────────────────────
+
+    function onCardsDealt(cards) {
+        // cards is ["As", "Kh"] format from server
+        if (!cards || cards.length < 2) return;
+
+        var card1 = parseCard(cards[0]);
+        var card2 = parseCard(cards[1]);
+
+        print("[pokerCards] dealt " + cards[0] + " " + cards[1]);
+
+        // Spawn hidden web entity to render card texture
+        _rendererID = Entities.addEntity({
+            type: "Web",
+            name: "card-renderer",
+            sourceUrl: "https://wizards.cyou/tablet/card-face.html",
+            position: MyAvatar.position,  // doesn't matter, it's invisible
+            dimensions: { x: 0.01, y: 0.01, z: 0.01 },
+            visible: false,
+        }, "local");
+
+        // Wait for web entity to load then send card data
+        Script.setTimeout(function() {
+            Entities.emitScriptEvent(_rendererID, JSON.stringify({
+                type: "dealCards",
+                card1: card1,
+                card2: card2,
+            }));
+        }, 1500);
+    }
+
+    function onTextureReady(dataURI) {
+        // Clean up renderer
+        if (_rendererID) {
+            Entities.deleteEntity(_rendererID);
+            _rendererID = null;
+        }
+
+        // Remove old material if any
+        if (_materialID) {
+            Entities.deleteEntity(_materialID);
+            _materialID = null;
+        }
+
+        // Apply local material entity to card mesh
+        _materialID = Entities.addEntity({
+            type: "Material",
+            name: "card-face-material",
+            parentID: _entityID,
+            materialURL: "materialData",
+            materialData: JSON.stringify({
+                materials: {
+                    model: "hifi_pbr",
+                    albedoMap: dataURI,
+                    roughness: 0.8,
+                    metallic: 0.0,
+                }
+            }),
+            priority: 1,
+        }, "local");
+
+        print("[pokerCards] card texture applied");
+    }
+
+    function hideCards() {
+        if (_materialID) {
+            Entities.deleteEntity(_materialID);
+            _materialID = null;
+        }
+        print("[pokerCards] cards hidden");
+    }
+
+    function parseCard(str) {
+        // "As" → { rank: "A", suit: "♠" }
+        // "10h" → { rank: "10", suit: "♥" }
+        var suitMap = { s: '♠', h: '♥', d: '♦', c: '♣' };
+        var suit = suitMap[str.slice(-1)] || '♠';
+        var rank = str.slice(0, -1);
+        return { rank: rank, suit: suit };
+    }
+
+    function onCardsDealt(cards) {
+        if (!cards || cards.length < 2) return;
+        var card1 = parseCard(cards[0]);
+        var card2 = parseCard(cards[1]);
+        print("[pokerCards] dealt " + cards[0] + " " + cards[1]);
+
+        _pendingCards = { card1: card1, card2: card2 };
+
+        _rendererID = Entities.addEntity({
+            type: "Web",
+            name: "card-renderer",
+            sourceUrl: "https://wizards.cyou/tablet/card-face.html",
+            position: MyAvatar.position,
+            dimensions: { x: 0.01, y: 0.01, z: 0.01 },
+            visible: false,
+        }, "local");
+    }
+
+    function onWebEventReceived(id, data) {
+        if (id !== _rendererID) return;
+        try {
+            var msg = JSON.parse(data);
+            if (msg.type === 'rendererReady') {
+                // Web entity loaded — now send card data
+                Entities.emitScriptEvent(_rendererID, JSON.stringify({
+                    type: 'dealCards',
+                    card1: _pendingCards.card1,
+                    card2: _pendingCards.card2,
+                }));
+            } else if (msg.type === 'cardTexture') {
+                onTextureReady(msg.dataURI);
+            }
+        } catch(e) {}
+    }
+
+    // ── web entity event listener ────────────────────────────────
+
+    function onWebEventReceived(id, data) {
+        if (id !== _rendererID) return;
+        try {
+            var msg = JSON.parse(data);
+            if (msg.type === "cardTexture") {
+                onTextureReady(msg.dataURI);
+            }
+        } catch(e) {}
+    }
+
+    // ── lifecycle ────────────────────────────────────────────────
+
+    this.preload = function(entityID) {
+        _entityID = entityID;
+        var ud = getUserData(entityID);
+        _pokerID = ud.pokerID || "main";
+
+        Entities.webEventReceived.connect(onWebEventReceived);
+
+        ensureSession(function(err) {
+            if (err) { print("[pokerCards] session error: " + err); return; }
+            connectWS();
+        });
+    };
+
+    this.unload = function() {
+        if (_wsRetryTimer) Script.clearTimeout(_wsRetryTimer);
+        if (_ws) _ws.close();
+        if (_materialID) Entities.deleteEntity(_materialID);
+        if (_rendererID) Entities.deleteEntity(_rendererID);
+        Entities.webEventReceived.disconnect(onWebEventReceived);
+        _token = null;
+    };
+});
diff --git a/tablet/card-face.html b/tablet/card-face.html
new file mode 100644
index 0000000..6b09ecc
--- /dev/null
+++ b/tablet/card-face.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<style>
+  * { margin: 0; padding: 0; }
+  body { background: transparent; overflow: hidden; }
+  canvas { display: block; }
+</style>
+</head>
+<body>
+<canvas id="c"></canvas>
+<script>
+var canvas = document.getElementById('c');
+var ctx = canvas.getContext('2d');
+
+var TEX_SIZE = 512;
+canvas.width  = TEX_SIZE;
+canvas.height = TEX_SIZE;
+
+// UV islands span Y: 0.15 to 0.85 (centered, 70% of texture height)
+var CARD_TOP    = Math.round(TEX_SIZE * 0.15);  // 77px
+var CARD_BOTTOM = Math.round(TEX_SIZE * 0.85);  // 435px
+var CARD_H      = CARD_BOTTOM - CARD_TOP;        // 358px
+var CARD_W      = TEX_SIZE / 2;                  // 256px each
+
+var SUITS = { '♠': '#1a1a2e', '♣': '#1a1a2e', '♥': '#cc2222', '♦': '#cc2222' };
+
+function drawCard(xOffset, rank, suit) {
+    var col  = SUITS[suit] || '#1a1a2e';
+    var w    = CARD_W;
+    var h    = CARD_H;
+    var r    = 10;
+    var p    = 12;
+
+    ctx.save();
+    ctx.translate(xOffset, CARD_TOP);
+
+    // Card background
+    ctx.beginPath();
+    ctx.moveTo(r, 0);
+    ctx.lineTo(w - r, 0);
+    ctx.quadraticCurveTo(w, 0, w, r);
+    ctx.lineTo(w, h - r);
+    ctx.quadraticCurveTo(w, h, w - r, h);
+    ctx.lineTo(r, h);
+    ctx.quadraticCurveTo(0, h, 0, h - r);
+    ctx.lineTo(0, r);
+    ctx.quadraticCurveTo(0, 0, r, 0);
+    ctx.closePath();
+    ctx.fillStyle = '#ffffff';
+    ctx.fill();
+    ctx.strokeStyle = '#d0d0d0';
+    ctx.lineWidth = 1;
+    ctx.stroke();
+
+    ctx.fillStyle = col;
+
+    // Top-left rank
+    ctx.font = 'bold 36px Georgia, serif';
+    ctx.textBaseline = 'top';
+    ctx.textAlign = 'left';
+    ctx.fillText(rank, p, p);
+
+    // Suit below rank top-left
+    ctx.font = '26px Georgia, serif';
+    ctx.fillText(suit, p, p + 40);
+
+    // Bottom-right flipped
+    ctx.save();
+    ctx.translate(w, h);
+    ctx.rotate(Math.PI);
+    ctx.font = 'bold 36px Georgia, serif';
+    ctx.textBaseline = 'top';
+    ctx.textAlign = 'left';
+    ctx.fillText(rank, p, p);
+    ctx.font = '26px Georgia, serif';
+    ctx.fillText(suit, p, p + 40);
+    ctx.restore();
+
+    // Center suit
+    ctx.font = '110px Georgia, serif';
+    ctx.textAlign = 'center';
+    ctx.textBaseline = 'middle';
+    ctx.fillText(suit, w / 2, h / 2);
+
+    ctx.restore();
+}
+
+function render(card1, card2) {
+    // Clear with transparent background
+    ctx.clearRect(0, 0, TEX_SIZE, TEX_SIZE);
+
+    drawCard(0,      card1.rank, card1.suit);
+    drawCard(CARD_W, card2.rank, card2.suit);
+
+    var dataURI = canvas.toDataURL('image/png');
+    if (typeof EventBridge !== 'undefined') {
+        EventBridge.emitWebEvent(JSON.stringify({
+            type: 'cardTexture',
+            dataURI: dataURI,
+        }));
+    }
+}
+
+if (typeof EventBridge !== 'undefined') {
+    EventBridge.scriptEventReceived.connect(function(data) {
+        try {
+            var msg = JSON.parse(data);
+            if (msg.type === 'dealCards') {
+                render(msg.card1, msg.card2);
+            } else if (msg.type === 'ready') {
+                EventBridge.emitWebEvent(JSON.stringify({ type: 'rendererReady' }));
+            }
+        } catch(e) {}
+    });
+    // Signal ready on load
+    EventBridge.emitWebEvent(JSON.stringify({ type: 'rendererReady' }));
+}
+</script>
+</body>
+</html>