31:T58e,{ const shuffleCards = () => { mutable deck = shuffleDeck(); const gameIn = {}; const _nbPlayer = nbPlayer == 'rnd' ? rndChoose(d3.range(2, 10), 1) : nbPlayer; d3.range(10).forEach( i => (gameIn['P' + (1 + i)] = i < nbPlayer ? mutable deck.slice(i * 2, (i + 1) * 2) : []) ); pushGame(gameIn); }; const turnTableCard = (fwd = true) => { const cand = [0, 3, 4, 5]; const cT = state.table.length; const inT = cand.indexOf(cT); const nT = fwd ? cand[(inT + 1) % cand.length] : cand[inT - 1 + (inT - 1 < 0 ? cand.length : 0)]; const gameIn = JSON.parse(JSON.stringify(game)); if (nT > cT) for (let i = cT; i < nT; i++) { gameIn.table.push(mutable deck[2 * nbPlayer + i]); } else { for (let i = cT; i > nT; i--) { gameIn.table.pop(); } } pushGame(gameIn); }; const turnCardFwd = () => turnTableCard(true); const turnCardBack = () => turnTableCard(false); const h = htl.html`

`; if (!mutable firstRun) { shuffleCards(); mutable firstRun = true; } return h; }32:T70d,buildEqtyPlot = () => { if (!equity) return 'Nothing to display'; const fmt = x => (100 * x).toLocaleString(); const buildText = (d, k) => { const i = d[0].kind === 'win' ? 0 : 1; const w = fmt(d[i].eqty); const t = fmt(d[(i + 1) % 2].eqty); const s = fmt(d3.sum(d.map(e => e.eqty))); return k == 1 ? `${s} %` : `${w} + ${t}`; }; const buildTextWinner = d => { const s = fmt(d3.sum(d.map(e => e.eqty))); const rank = state.final ? d3.max(state.ranks) : null; return state.final ? `${state.winHand} (${rank})` : ''; }; const _nbPlayer = new Set(equity.map(e => e.player)).size; const plot = Plot.plot({ height: _nbPlayer * 50, marginRight: 100, x: { grid: true }, marks: [ Plot.ruleX([0]), Plot.barX(equity, { ...Plot.stackX({ x: 'eqty', y: 'player', z: 'kind', fill: 'kind', fillOpacity: 0.8, title: d => { const eq = fmt(d.eqty); return d.kind == 'win' ? `win: ${eq} %` : `tie: ${eq} %`; } }) }), Plot.text(equity, { ...Plot.groupY({ x: "sum" }, { y: "player", x: 'eqty' }), text: d => buildText(d, 1), dx: 50, dy: -2, fontSize: 11, fontWeight: 400 }), Plot.text(equity, { ...Plot.groupY({ x: "sum" }, { y: "player", x: 'eqty' }), text: d => buildText(d, 2), dx: 50, dy: +10, fontSize: 11, fontWeight: 300 }), Plot.text(equity, { ...Plot.groupY({ x: "sum" }, { y: "player", x: 'eqty' }), text: d => buildTextWinner(d), dx: -70, dy: +3, fontSize: 12, fontWeight: 500, fill: 'white' }) ] }); return plot; }33:T765,checkGame = game => { const errors = []; const players = Object.entries(game).filter(([k, _]) => k.startsWith('P')); const sPlayers = players.filter(([_, v]) => v.length > 0); const ePlayers = sPlayers.filter(([_, v]) => v.length != 2); const vPlayers = players.filter(([_, v]) => v.length == 2); const sCards = [...vPlayers.map(e => game[e]), game.table].flat(); const uCards = new Set(sCards); const dup = sCards.filter(e => { if (uCards.has(e)) { uCards.delete(e); } else { return e; } }); if (sPlayers.length < 2) errors.push('At least 2 players are necessary'); if (ePlayers.length > 0) { const ep = ePlayers.map(e => e[0]); errors.push(`Player(s) ${ep} must have exactly 2 cards`); } if (![0, 3, 4, 5].includes(game.table.length)) errors.push('There must be exactly 0, 3, 4, or 5 selected table cards'); if (dup.length > 0) errors.push('Duplicate cards: ' + dup); const nT = game.table.length; const nP = vPlayers.length; const pC = vPlayers.map(e => e[1]); const tC = game.table; const tC_text = game.table.map(e => cardText(e, true)).join(' '); let summary = `table(${nT})`; if (nT > 0) summary += ` = ${tC_text}`; summary += ` - players(${nP}) = `; const pC_text = pC.map(e => e.map(e => cardText(e, true)).join(' ')); summary += `[${pC_text.join(', ')}]`; const final = nT === 5; const ranks = final ? pC.map(e => { const _cards = [...e, ...tC].map(f => icard[f]); return wasm.getRank(_cards); }) : null; const winHand = final ? rank2Type(d3.max(ranks)) : null; const valid = errors.length > 0 ? { valid: false, errors } : { valid: true, nbTable: nT, nbPlayer: nP, table: tC, players: pC, final, ranks, winHand, summary }; return valid; }34:[{"id":"b44151fc99e8493062120e5f2249194383e31d448e03df8001a9dabff4bfe0fb92a659f8e8aa1f9f523b522d3edb4f352869d68ce53ae396285c964b3c573e0a","href":"https://static.observableusercontent.com/files/b44151fc99e8493062120e5f2249194383e31d448e03df8001a9dabff4bfe0fb92a659f8e8aa1f9f523b522d3edb4f352869d68ce53ae396285c964b3c573e0a","name":"main_js.wasm","type":"application/wasm","lastModified":1626387620765.627,"size":397807},{"id":"983e1c2ca6134920be8372b2492ee5d78db997f3d53e9216dd2b920af2dd4ffedb9e6cf83fef03e7dce036626c69f18d33aba868db8e5004fc17b51f56747118","href":"https://static.observableusercontent.com/files/983e1c2ca6134920be8372b2492ee5d78db997f3d53e9216dd2b920af2dd4ffedb9e6cf83fef03e7dce036626c69f18d33aba868db8e5004fc17b51f56747118","name":"wasm_exec_mod.js","type":"application/javascript","lastModified":1626086317716.019,"size":17367}] 2f:{"title":"Poker Hand Evaluator - WASM","cells":[{"id":0,"value":"md`# Poker Hand Evaluator - WASM\n\nThis hand evaluator was coded in **Go** then compiled to **WASM** with **TinyGo**. \n\nStatus:\n+ Portability works as expected. \n+ But performance is >100x poorer than the native Go package (!!!)\n + Any suggestion to improve it much appreciated\n\nRef. github repo [oscar6echo/poker3](https://github.com/oscar6echo/poker3)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1145,"value":"h = {\n if (!state.valid) return 'INVALID GAME';\n\n const h = htl.html`\n

\n ${buildHtmlTableCards()}\n

\n ${buildHtmlPlayerHands()}\n

${buildEqtyPlot()}

\n`;\n return h;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":396,"value":"equity = {\n const table = game.table.map(e => icard[e]);\n const players = Object.keys(game)\n .filter(e => e.startsWith('P'))\n .filter(e => game[e].length > 0)\n .map(e => game[e].map(e => icard[e]).concat(table));\n if (state.valid) {\n const eqty = wasm.calcEquity(players, table);\n return eqty\n .map((e, i) => {\n const player = `P${1 + i}`;\n const { win, tie } = e;\n return [\n { player, eqty: win, kind: 'win' },\n { player, eqty: tie, kind: 'tie' }\n ];\n })\n .flat();\n }\n return null;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":175,"value":"{\n if (state.valid)\n return md`

👍🏼 VALID game: ${state.summary}

`;\n else\n return md`

👎🏼 INVALID game: ${state.errors}

`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":579,"value":"viewof nbPlayer = {\n const data = d3.range(2, 10).concat('rnd');\n const word = Object.fromEntries(d3.range(2, 10).map(e => [e, e]));\n word['rnd'] = 'Random';\n return Inputs.radio(data, {\n value: 5,\n label: html`Nb Players`,\n format: e => word[e]\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":445,"value":"state = checkGame(game)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1624,"value":"md`*Shuffle cards or select a game with the menus or write one in the text area*`","pinned":false,"hidden":false,"mode":"ojs"},{"id":259,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":"viewof game = {\n const sp = 'margin-left:5px';\n\n return view`\n

\n\n

${[\"table\", buildInputCards('Table', 30)]}

\n\n

${['P1', buildInputCards('P1')]}

${['P2', buildInputCards('P2')]}

${['P3', buildInputCards('P3')]}

${['P4', buildInputCards('P4')]}

${['P5', buildInputCards('P5')]}

${['P6', buildInputCards('P6')]}

${['P7', buildInputCards('P7')]}

${['P8', buildInputCards('P8')]}

${['P9', buildInputCards('P9')]}

\n\n

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1655,"value":"{\n let gameJ;\n try {\n gameJ = JSON.parse(gameJSON);\n } catch {\n return md`

👎🏼 INVALID JSON

`;\n }\n if (!gameJ.table) gameJ.table = [];\n d3.range(1, 11).forEach(i => {\n if (!gameJ['P' + i]) gameJ['P' + i] = [];\n });\n if (!firstRun) return;\n pushGame(gameJ);\n return md`👉🏼 game as JSON pushed at ${new Date().toLocaleTimeString()}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1631,"value":"viewof gameJSON = Inputs.textarea({\n label: \"Game as JSON\",\n rows: 7,\n submit: true,\n value: store.sampleGameJSON\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":543,"value":"md`## Stats\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":467,"value":"// runtime\n// 0.10s in native Go\n// vs. ~50s in browser WASM module - compiled with tinyGo\n// on same machine !!\n// stats = buildFiveHandStats()","pinned":true,"hidden":false,"mode":"ojs"},{"id":496,"value":"statsFive = JSON.parse(statsFiveJson)","pinned":false,"hidden":false,"mode":"ojs"},{"id":503,"value":"statsFiveJson = `{\"high-card\": {\"nbHand\": 1277, \"minRank\": 0, \"maxRank\": 1276, \"nbOccur\": 1302540}, \"one-pair\": {\"nbHand\": 2860, \"minRank\": 1277, \"maxRank\": 4136, \"nbOccur\": 1098240}, \"two-pairs\": {\"nbHand\": 858, \"minRank\": 4137, \"maxRank\": 4994, \"nbOccur\": 123552}, \"three-of-a-kind\": {\"nbHand\": 858, \"minRank\": 4995, \"maxRank\": 5852, \"nbOccur\": 54912}, \"straight\": {\"nbHand\": 10, \"minRank\": 5853, \"maxRank\": 5862, \"nbOccur\": 10200}, \"flush\": {\"nbHand\": 1277, \"minRank\": 5863, \"maxRank\": 7139, \"nbOccur\": 5108}, \"full-house\": {\"nbHand\": 156, \"minRank\": 7140, \"maxRank\": 7295, \"nbOccur\": 3744}, \"four-of-a-kind\": {\"nbHand\": 156, \"minRank\": 7296, \"maxRank\": 7451, \"nbOccur\": 624}, \"straight-flush\": {\"nbHand\": 10, \"minRank\": 7452, \"maxRank\": 7461, \"nbOccur\": 40}}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":457,"value":"buildFiveHandStats = () => {\n const handType = wasm.getHandTypes();\n const store = {};\n for (let c1 = 0; c1 < 52; c1++) {\n for (let c2 = 0; c2 < c1; c2++) {\n for (let c3 = 0; c3 < c2; c3++) {\n for (let c4 = 0; c4 < c3; c4++) {\n for (let c5 = 0; c5 < c4; c5++) {\n const rank = wasm.getRankFive([c1, c2, c3, c4, c5]);\n if (!store[rank]) store[rank] = 0;\n store[rank] += 1;\n }\n }\n }\n }\n }\n const stats = {};\n for (const [r, n] of Object.entries(store)) {\n const type = handType[r];\n if (!Object.keys(stats).includes(type))\n stats[type] = { nbHand: 0, minRank: r, maxRank: r, nbOccur: 0 };\n const o = stats[type];\n o.nbHand += 1;\n o.nbOccur += n;\n o.minRank = Math.min(o.minRank, r);\n o.maxRank = Math.max(o.maxRank, r);\n }\n return stats;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1606,"value":"// runtime\n// 4s in native Go\n// way too long in browser WASM module - compiled with tinyGo\n// on same machine !!\n// stats = buildSevenHandStats()","pinned":true,"hidden":false,"mode":"ojs"},{"id":1614,"value":"statsSeven = JSON.parse(statsSevenJson)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1612,"value":"statsSevenJson = `{\"high-card\": {\"nbHand\": 407, \"minRank\": 48, \"maxRank\": 1276, \"nbOccur\": 23294460}, \"one-pair\": {\"nbHand\": 1470, \"minRank\": 1295, \"maxRank\": 4136, \"nbOccur\": 58627800}, \"two-pairs\": {\"nbHand\": 763, \"minRank\": 4140, \"maxRank\": 4994, \"nbOccur\": 31433400}, \"three-of-a-kind\": {\"nbHand\": 575, \"minRank\": 5003, \"maxRank\": 5852, \"nbOccur\": 6461620}, \"straight\": {\"nbHand\": 10, \"minRank\": 5853, \"maxRank\": 5862, \"nbOccur\": 6180020}, \"flush\": {\"nbHand\": 1277, \"minRank\": 5863, \"maxRank\": 7139, \"nbOccur\": 4047644}, \"full-house\": {\"nbHand\": 156, \"minRank\": 7140, \"maxRank\": 7295, \"nbOccur\": 3473184}, \"four-of-a-kind\": {\"nbHand\": 156, \"minRank\": 7296, \"maxRank\": 7451, \"nbOccur\": 224848}, \"straight-flush\": {\"nbHand\": 10, \"minRank\": 7452, \"maxRank\": 7461, \"nbOccur\": 41584}}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1604,"value":"buildSevenHandStats = () => {\n const handType = wasm.getHandTypes();\n const store = {};\n for (let c1 = 0; c1 < 52; c1++) {\n for (let c2 = 0; c2 < c1; c2++) {\n for (let c3 = 0; c3 < c2; c3++) {\n for (let c4 = 0; c4 < c3; c4++) {\n for (let c5 = 0; c5 < c4; c5++) {\n for (let c6 = 0; c6 < c5; c6++) {\n for (let c7 = 0; c7 < c6; c7++) {\n const rank = wasm.getRank([c1, c2, c3, c4, c5, c6, c7]);\n if (!store[rank]) store[rank] = 0;\n store[rank] += 1;\n }\n }\n }\n }\n }\n }\n }\n const stats = {};\n for (const [r, n] of Object.entries(store)) {\n const type = handType[r];\n if (!Object.keys(stats).includes(type))\n stats[type] = { nbHand: 0, minRank: r, maxRank: r, nbOccur: 0 };\n const o = stats[type];\n o.nbHand += 1;\n o.nbOccur += n;\n o.minRank = Math.min(o.minRank, r);\n o.maxRank = Math.max(o.maxRank, r);\n }\n return stats;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":378,"value":"md`---\n## WASM\nSee repo [github.com/oscar6echo/poker3](https://github.com/oscar6echo/poker3)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":433,"value":"{\n const t1 = wasm.getRankFive([21, 33, 24, 22, 39]) == 2459;\n const t2 = wasm.getRank([50, 6, 0, 5, 38, 7, 17]) == 5124;\n if (t1 && t2) return md`tests WASM: OK`;\n return md`ERROR tests WASM`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":376,"value":"wasm = buildWasmModule(await FileAttachment(\"main_js.wasm\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":374,"value":"buildWasmModule = async wasmModFileAttach => {\n const wasmExec = await import(await FileAttachment(\"wasm_exec_mod.js\").url());\n const go = new wasmExec.Go();\n const obj = await WebAssembly.instantiateStreaming(\n fetch(await wasmModFileAttach.url()),\n go.importObject\n );\n const wasm = obj.instance;\n go.run(wasm);\n const funcs = window.wasmDoc();\n return Object.fromEntries(funcs.map(e => [e, window[e]]));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":268,"value":"md`---\n## Annex`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1134,"value":"mutable firstRun = false","pinned":false,"hidden":false,"mode":"ojs"},{"id":983,"value":"mutable deck = []","pinned":false,"hidden":false,"mode":"ojs"},{"id":1634,"value":"store = ({\n sampleGameJSON: `{\n\"table\":[],\n\"P1\":[\"AS\",\"2C\"],\n\"P2\":[\"AH\",\"3D\"],\n\"P3\":[\"AD\",\"TH\"]\n}`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1652,"value":"pushGame = gameIn => {\n viewof game.value = gameIn;\n viewof game.dispatchEvent(new Event('input', { bubble: true }));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1318,"value":"buildHtmlTableCards = () => {\n if (!state.valid) return '';\n\n const nbCard = state.table.length;\n const out =\n nbCard === 0\n ? 'No Card'\n : state.table.map(\n e => htl.html`${cardHtml(e)}`\n );\n\n return htl.html`\n

\n Table (${nbCard}): \n

\n ${out}\n

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1180,"value":"buildHtmlPlayerHands = () => {\n if (!state.valid) return '';\n\n const height = 50 - 60 / state.nbPlayer;\n const hands = state.players.map(e => {\n const c1 = cardHtml(e[0]);\n const c2 = cardHtml(e[1]);\n return htl.html`${c1} ${c2}`;\n });\n\n return htl.html`\n

\n ${hands}\n

\n`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":628,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1428,"value":"rank2Type = rank => {\n for (const [k, v] of Object.entries(statsFive))\n if (rank >= v.minRank && rank <= v.maxRank) return k;\n return 'error';\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"buildInputCards = (label, labelWidth = 15) => {\n const o = Inputs.select(cards, {\n label: label,\n multiple: true\n });\n return Object.assign(o, {\n style: `--label-width: ${labelWidth}px; --input-width: 60px; `\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":880,"value":"shuffleDeck = () =>\n cards\n .map(e => ({ sort: Math.random(), value: e }))\n .sort((a, b) => a.sort - b.sort)\n .map(e => e.value)","pinned":false,"hidden":false,"mode":"ojs"},{"id":276,"value":"rndChoose = (arr, n = null, array = false) => {\n const res = arr\n .map(e => ({ sort: Math.random(), value: e }))\n .sort((a, b) => a.sort - b.sort)\n .map(e => e.value);\n // .slice(0, n);\n if (null) return res;\n if (n == 1 && !array) return res[0];\n return res.slice(0, n);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":387,"value":"icard = Object.fromEntries(Object.entries(cards).map(([k, v]) => [v, +k]))","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"cards = faces.map(f => suits.map(s => f + s)).flat()","pinned":false,"hidden":false,"mode":"ojs"},{"id":178,"value":"cardText = (card, color = false) => {\n const conv = { T: '10' };\n const [f, s] = card;\n const out = (conv[f] || f) + suitChar[s];\n if (!color) return out;\n const col = { S: 'black', H: 'red', D: 'red', C: 'black' };\n return `${out}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"cardHtml = card => {\n const [f, s] = card;\n const conv = { T: '10' };\n const _f = conv[f] || f;\n const suitHtml = {\n S: '♠',\n H: '♥',\n D: '♦',\n C: '♣'\n };\n const color = {\n S: 'black',\n H: 'red',\n D: 'red',\n C: 'black'\n };\n const faceSize = 20;\n const suitSize = 25;\n return html`${_f}${suitHtml[s]}`;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"suitChar = ({\n S: '\\u2660',\n H: '\\u2665',\n D: '\\u2666',\n C: '\\u2663'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"suits = ['S', 'H', 'D', 'C']","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"faces = [2, 3, 4, 5, 6, 7, 8, 9, 'T', 'J', 'Q', 'K', 'A']","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"import { view } from '@tomlarkworthy/view'","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W34","stdlib":"1","titling":"auto"}