2b:null 2c:["$","title",null,{"children":"Riichi Mahjong Score Tester | maddie lim ✨ | Observable"}] 31:T5e5,App = component(() => { const initialState = { screen: "title", correct: 0, incorrect: 0, streak: 0 }; const [appState, setAppState] = useState(initialState); return jsx`

🔁 ${ appState.streak }

✅ ${ appState.correct }${ appState.correct + appState.incorrect > 0 ? ` (${Math.floor( (appState.correct / (appState.correct + appState.incorrect)) * 100 )}%)` : " (0%)" }

❌ ${ appState.incorrect }

<${screens[appState.screen]} appState=${appState} setAppState=${setAppState}/>

`; })32:T65f,QuestionScreen = component(({ appState, setAppState }) => { const { q, streak, correct, incorrect } = appState; const [leftValue, setLeftValue] = useState(""); const [rightValue, setRightValue] = useState(""); const calcResult = () => { let result = false; if ( Array.isArray(q.answer) && q.answer[0] === parseInt(leftValue) && q.answer[1] === parseInt(rightValue) ) { result = true; } else if (q.answer === parseInt(leftValue)) { result = true; } setAppState({ ...appState, screen: "result", streak: result ? streak + 1 : 0, correct: result ? correct + 1 : correct, incorrect: result ? incorrect : incorrect + 1, result }); }; return jsx`

How many points?

<${q.question} />

setLeftValue(e.target.value)} style=${{ width: "100px", fontSize: "1.5em" }} onKeyDown=${(e) => { if (e.key === "Enter") { e.preventDefault(); calcResult(); } }} /> ${ Array.isArray(q.answer) && jsx` ${" "}/${" "} setRightValue(e.target.value)} style=${{ width: "100px", fontSize: "1.5em" }} onKeyDown=${(e) => { if (e.key === "Enter") { e.preventDefault(); calcResult(); } }} /> ` }

`; })33:Ta05,generateQuestion = () => { const configs = [ [1, 30, 10], [2, 20, 5], [2, 25, 5], [2, 30, 10], [2, 40, 5], [2, 50, 2], [2, 60, 2], [3, 20, 5], [3, 25, 5], [3, 30, 10], [3, 40, 5], [3, 50, 2], [3, 60, 2], [4, 20, 5], [4, 25, 5], [4, 30, 10], [5, 2000, 6], [6, 3000, 4], [7, 3000, 4], [8, 4000, 4], [9, 4000, 3], [10, 4000, 3], [11, 6000, 3], [12, 6000, 2], [13, 8000, 1] ]; let weighted = []; configs.forEach(([han, fu, rpt]) => { for (let i = 0; i < rpt; i++) { weighted.push([han, fu]); } }); const selected = weighted[Math.floor(Math.random() * weighted.length)]; const winType = ["ron", "tsumo", "tsumo"][Math.floor(Math.random() * 3)]; const seat = ["dealer", "non-dealer", "non-dealer"][ Math.floor(Math.random() * 3) ]; let basic = 0; let q = { han: selected[0], winType, seat }; if (q.han >= 5) { basic = selected[1]; const limits = { 5: "Mangan", 6: "Haneman", 7: "Haneman", 8: "Baiman", 9: "Baiman", 10: "Baiman", 11: "Sanbaiman", 12: "Sanbaiman", 13: "Yakuman" }; q.limit = limits[q.han]; } else { q.fu = selected[1]; basic = q.fu * Math.pow(2, 2 + q.han); } q.basic = basic; if (winType === "ron") { if (seat === "dealer") { q.answer = pointsMultiply(basic, 6); } else { q.answer = pointsMultiply(basic, 4); } } else { if (seat === "dealer") { q.answer = pointsMultiply(basic, 2); } else { q.answer = [pointsMultiply(basic, 1), pointsMultiply(basic, 2)]; } } q.question = html`

`; const winTypeRender = winType === "ron" ? jsx`Ron` : jsx`Tsumo`; const seatRender = seat === "dealer" ? jsx`Dealer` : jsx`Non-dealer`; const head = jsx`

${winTypeRender} by ${seatRender}

`; if (q.han >= 5) { q.question = component( () => jsx`

${head}
${q.han} han / ${q.limit}

` ); } else { q.question = component( () => jsx`

${head}
${q.han} han / ${q.fu} fu

` ); } return q; }34:[] 2f:{"id":"dcf9900e2894bc3a","slug":null,"title":"Riichi Mahjong Score Tester","thumbnail":"deef3ee3d4320b2d0fca810db50ff23800c08ae1171c2f44e29f6b8a992da23d","access_level":"public","create_time":"$D2023-06-20T17:19:41.823Z","update_time":"$D2023-06-20T17:19:41.823Z","view_time":null,"first_public_time":"$D2023-06-20T17:19:41.823Z","has_unpublished_edits":null,"fork":{"id":"159c3fcd6f2e9e11","slug":"riichi-mahjong-score-tester","title":"Riichi Mahjong Score Tester","owner":{"id":"408ee840d040526a","login":"maddievision","name":"maddie lim ✨"}},"stars":0,"starred":false,"owner":{"type":"team","id":"408ee840d040526a","login":"maddievision","name":"maddie lim ✨","avatar_url":"https://avatars-next.observableusercontent.com/44fc4f0f8be73321b571127eefd9853a031c5c33e9985648c91e6aa827258ce0","tier":"starter_2024"},"version":466,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"578d96c86967f83d","login":"maddievision","name":"maddie lim ✨","avatar_url":"https://avatars-next.observableusercontent.com/44fc4f0f8be73321b571127eefd9853a031c5c33e9985648c91e6aa827258ce0","tier":null}],"members":[{"type":"individual","id":"578d96c86967f83d","login":"maddievision","name":"maddie lim ✨","avatar_url":"https://avatars-next.observableusercontent.com/44fc4f0f8be73321b571127eefd9853a031c5c33e9985648c91e6aa827258ce0","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Riichi Mahjong Score Tester","cells":[{"id":0,"value":"# Riichi Mahjong Score Tester","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":241,"value":"viewof game = renderApp()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":372,"value":"## Source","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":442,"value":"renderApp = () => render(() => jsx`<${App} />`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":326,"value":"screens = {\n return {\n title: TitleScreen,\n question: QuestionScreen,\n result: ResultScreen\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":193,"value":"TitleScreen = component(\n ({ appState, setAppState }) => jsx`\n

Welcome to Score Tester!

\n\n

\n `\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":217,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":306,"value":"ResultScreen = component(({ appState, setAppState }) => {\n const { q, result } = appState;\n return jsx`

${\n result ? \"Correct!\" : \"Wrong!!\"\n }

\n<${q.question} />\n

\n${\n Array.isArray(q.answer)\n ? jsx`${q.answer[0]} / ${q.answer[1]}`\n : jsx`${q.answer}`\n}\n
\n\n

\n\n

`;\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":246,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":266,"value":"pointsMultiply = (basic, mult) => Math.ceil((basic * mult) / 100) * 100","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":189,"value":"import { render, jsx, component, useState } from \"@j-f1/react\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":56,"value":"import {initializeTWind} from \"@saneef/tailwindcss\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":62,"value":"twind = initializeTWind({ invalidation })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 30:"$2f:body"