var Component=(()=>{var h=Object.create;var s=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var C=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var A=(e,l)=>()=>(l||e((l={exports:{}}).exports,l),l.exports),D=(e,l)=>{for(var r in l)s(e,r,{get:l[r],enumerable:!0})},a=(e,l,r,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let c of y(l))!F.call(e,c)&&c!==r&&s(e,c,{get:()=>l[c],enumerable:!(o=B(l,c))||o.enumerable});return e};var E=(e,l,r)=>(r=e!=null?h(C(e)):{},a(l||!e||!e.__esModule?s(r,"default",{value:e,enumerable:!0}):r,e)),m=e=>a(s({},"__esModule",{value:!0}),e);var i=A((g,t)=>{t.exports=_jsx_runtime});var f={};D(f,{default:()=>p,frontmatter:()=>u});var n=E(i()),u={title:"Make multiplayer board game with react and frontend libraries only - no backend code nor database",brief:"the demo and tutorial on using my p2p decentialized state management library smnet/gamenet",story:"//hackmd.io/p78YnpfXQgymNVyFYsAcxQ/download",tags:["game","JavaScript","TypeScript","React"],id:"Make%20multiplayer%20board%20game%20with%20react%20and%20frontend%20libraries%20only%20-%20no%20backend%20code%20nor%20database",date:"2020-11-27"};function d(e){let l={a:"a",code:"code",figure:"figure",h1:"h1",h2:"h2",h3:"h3",h4:"h4",li:"li",ol:"ol",p:"p",pre:"pre",span:"span",...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(l.h1,{id:"make-multiplayer-board-game-with-react-and-frontend-libraries-only---no-backend-code-nor-database",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#make-multiplayer-board-game-with-react-and-frontend-libraries-only---no-backend-code-nor-database",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"Make multiplayer board game with react and frontend libraries only - no backend code nor database"]}),` `,(0,n.jsx)(l.p,{children:"[toc]"}),` `,(0,n.jsxs)(l.h2,{id:"tldr",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#tldr",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"TLDR;"]}),` `,(0,n.jsx)(l.p,{children:(0,n.jsx)(l.a,{href:"//dipsywong98.github.io/poker99",children:"end product"})}),` `,(0,n.jsx)(l.p,{children:(0,n.jsx)(l.a,{href:"//github.com/dipsywong98/poker99",children:"source code"})}),` `,(0,n.jsxs)(l.h2,{id:"introduction",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#introduction",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"Introduction"]}),` `,(0,n.jsx)(l.p,{children:"This tutorial will show you how to build a online poker 99 board game using react, material-ui and gamenet, with local hot seat players and ai players supported."}),` `,(0,n.jsx)(l.p,{children:"There is no need to code another backend like socket.io servers or use some realtime database like firebase. Gamenet is using WebRTC technology to build peer-to-peer state management network, backed by peer.js. As public peer.js server may not stable, it will be better to host your own peer.js broker server."}),` `,(0,n.jsxs)(l.h2,{id:"prerequisite",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#prerequisite",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"Prerequisite"]}),` `,(0,n.jsx)(l.p,{children:"Some react knowledge and a reactjs development environment. Best to have experience with redux/ useReducer since the API looks similar"}),` `,(0,n.jsxs)(l.h2,{id:"poker99-game-rules",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#poker99-game-rules",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"Poker99 Game Rules"]}),` `,(0,n.jsx)(l.p,{children:"Poker99 is a simple poker game: easy to implement and easy to make AI, so this game is chosen as a demo. There is a bomb on the table and whenever player played a card, it will increase the point of the bomb. When a player cannot play a card that wont blow the bomb, he dies and next player continue. Players take turn to play card until only one player left and that is the winner. The card number represents the point, except 4, 5, J correspond to 0 point, where 4 reverses and 5 set the turn to the player of your choice, J just skip your turn; K set the point to 99; 10, Q you can choose to +-10 or +-20 respectively, spade A set the point to 1. Players hold 5 card at a time, after they played a card, they draw 1 card. Card will be recycled when all are drawn."}),` `,(0,n.jsxs)(l.h2,{id:"steps",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#steps",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"Steps"]}),` `,(0,n.jsxs)(l.h3,{id:"1-prepare-and-install",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#1-prepare-and-install",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"1. Prepare and Install"]}),` `,(0,n.jsx)(l.p,{children:"Initialize a react project using create-react-app (typescript is optional)"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"shell","data-theme":"one-dark-pro",children:(0,n.jsx)(l.code,{"data-language":"shell","data-theme":"one-dark-pro",style:{display:"grid"},children:(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"npx"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" create-react-app"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" my-app"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" --template"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" typescript"})]})})})}),` `,(0,n.jsx)(l.p,{children:"Install the dependencies"}),` `,(0,n.jsx)(l.pre,{children:(0,n.jsx)(l.code,{children:`yarn add smnet gamenet gamenet-material @material-ui/core @material-ui/icons @material-ui/lab mdi-material-ui `})}),` `,(0,n.jsx)(l.p,{children:"Start the react development server"}),` `,(0,n.jsx)(l.pre,{children:(0,n.jsx)(l.code,{children:`yarn start `})}),` `,(0,n.jsxs)(l.h3,{id:"2-get-gamenet-running",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#2-get-gamenet-running",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"2. Get GameNet running"]}),` `,(0,n.jsxs)(l.p,{children:["This section will demonstrate how to make room joining and game start using components offered by ",(0,n.jsx)(l.code,{children:"gamenet-material"})," from scratch"]}),` `,(0,n.jsxs)(l.h4,{id:"21-create-a-basic-state-class-action-type-and-reducer-that-just-return-itself",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#21-create-a-basic-state-class-action-type-and-reducer-that-just-return-itself",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"2.1 Create a basic State class, Action type and reducer that just return itself"]}),` `,(0,n.jsx)(l.p,{children:"state, action and reducer are the three essential part you need to provide to set up the connection."}),` `,(0,n.jsx)(l.p,{children:"Each point in the network will have a copy of the same state, here we can modify the min and max players that the game allowed. If more than this amount of player join, they will become spectators"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"tsx","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Poker99State.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"GenericBoardGameState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" class"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" GenericBoardGameState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" maxPlayer"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 4"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" minPlayer"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 4"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})}),` `,(0,n.jsx)(l.p,{children:"We dispatch actions (will essentially just an object) to update the state, they need to be extending NetworkAction and Union GenericBoardGameAction"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Poker99Action.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"GenericBoardGameAction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"NetworkAction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'smnet'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" NetworkAction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" | "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"GenericBoardGameAction"})]})]})})}),` `,(0,n.jsx)(l.p,{children:"Reducer handle the dispatched action and return a new state. For simplicity we are returning the old state for now. (GameNet has an additional reducer to handle generic game action like handling player join/ leave/ prepare, etc.)"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Poker99Reducer.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"NetworkReducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'smnet'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99State'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Action'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Poker99Reducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"NetworkReducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" prevState"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})}),` `,(0,n.jsxs)(l.h4,{id:"22-create-poker99context-and-hook-so-you-can-useupdate-the-network-everywhere",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#22-create-poker99context-and-hook-so-you-can-useupdate-the-network-everywhere",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"2.2. Create Poker99Context and hook so you can use/update the network everywhere"]}),` `,(0,n.jsxs)(l.p,{children:["Since gamenet is only providing an ",(0,n.jsx)(l.code,{children:"useGameNetwork"})," hook for connection handling, each ",(0,n.jsx)(l.code,{children:"useGameNetwork"})," would be one point in the network. In order to make the entire game to use the same point instead of creating many points, we use a context to pass the point to all the components. We can use a higher order component to wrap app with a Poker99Context.Provider, and then we can use the ",(0,n.jsx)(l.code,{children:"usePoker99"})," hook to access the state or dispatch event etc."]}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"tsx","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// withPoker99Network.tsx"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"createContext"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"useContext"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'react'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"BoardGameContextInterface"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"useBoardGameNetwork"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99State'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Reducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Reducer'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Action'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99Context"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" createContext"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"BoardGameContextInterface"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> | "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"null"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">("}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"null"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withPoker99Network"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"Component"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" WithGameNetwork"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" props"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" network"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" useBoardGameNetwork"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Reducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(), () "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({}))"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Context.Provider"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" value"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"network"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Component"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"props"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" WithGameNetwork"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"displayName"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'WithGameNetwork'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" WithGameNetwork"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"BoardGameContextInterface"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" network"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"BoardGameContextInterface"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> | "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"null"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" useContext"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Context"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"network"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" null"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'please wrap it using withPoker99Network before calling this hook'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" network"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsxs)(l.h4,{id:"23-create-empty-gametsx-for-game-interaction-and-update-apptsx-for-controlling-the-room-flow",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#23-create-empty-gametsx-for-game-interaction-and-update-apptsx-for-controlling-the-room-flow",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"2.3. Create Empty Game.tsx for game interaction and update App.tsx for controlling the room flow"]}),` `,(0,n.jsx)(l.p,{children:"Game tsx that can display the network state"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"tsx","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Game.tsx"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'react'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Game"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" network"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" style"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"overflow"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'auto'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"pointerEvents"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'all'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"pre"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" JSON"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"stringify"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"network"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"null"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"2"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})}),` `,(0,n.jsx)(l.p,{children:"Wrap the app with withPoker99Network, so we can call usePoker99 here. import the Slider, Home, Room from gamenet-material, so you can have the room system automatically."}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"tsx","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// App.tsx"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'react'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withPoker99Network"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './withPoker99Network'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"GamePagesSlider"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Home"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Room"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet-material'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Game"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Game'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" App"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withPoker99Network"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" network"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"GamePagesSlider"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" gameAppState"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"network"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"gameAppState"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" fullPage"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Home"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"network"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" gameName"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'Poker99'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Room"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"network"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Game"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"})"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" default"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" App"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.p,{children:'Then you can already create room, add "AI" and hot seat players, when you start game, you will see the network state. Then we can start implementing our game logic.'}),` `,(0,n.jsxs)(l.h3,{id:"3-implement-the-ordinary-pvp-poker99-game",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#3-implement-the-ordinary-pvp-poker99-game",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"3. Implement the ordinary PVP Poker99 game"]}),` `,(0,n.jsx)(l.p,{children:"To implement that you can play with other people over the internet (no hot seat nor AI)"}),` `,(0,n.jsxs)(l.h4,{id:"31-design-types-and-data-structure",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#31-design-types-and-data-structure",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"3.1 Design types and data structure"]}),` `,(0,n.jsx)(l.p,{children:"Define some common types that would be useful"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// types.ts"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" enum"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" SPADE"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" HEART"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" CLUB"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" DIAMOND"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Suit"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Deck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"[]"})]})]})})}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// constants.ts"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Record"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// spade set 1"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 2"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"2"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 3"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 4"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// reverse"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 5"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// target"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 6"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"6"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 7"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"7"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 8"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"8"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 9"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"9"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 10"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"10"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// +- 10"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 11"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// skip"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 12"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"20"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// +=20"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 13"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"99"}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // set to 99"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" maxCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 5"}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // player can only hold 5 cards at a time"})]})]})})}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Poker99State.ts"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"GenericBoardGameState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Deck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './types'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" class"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" extends"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" GenericBoardGameState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" maxPlayer"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 4"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" minPlayer"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 4"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // to determine it's whose turn"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" direction"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // +1 or -1 to denote clockwise or anticlockwise"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // the bomb point, 99 => explode"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Record"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {} "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// store who is dead"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" drawDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Deck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" [] "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// all cards available to draw"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" trashDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Deck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" [] "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// all played cards"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Deck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"[] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" [] "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// cards that on each players' hand"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" winner"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" null"}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // winner's playerId"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" logs"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"[] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" [] "}),(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// all the events happened in the game"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.p,{children:"Please notice the attributes from the base class, they are controlled by gamenet"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"class"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" GenericGameState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" /**"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" * all connected members and their names"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" */"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" members"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"peerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]: "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" };"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" /**"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" * peerId in this dict iff not playing"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" */"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" spectators"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"peerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]: "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" };"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" /**"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" * local players, key: display name, value is the peerId that control this local player"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" */"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" localPlayers"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]: "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" };"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" /**"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" * ai players, key: display name, value is the peerId that control this ai player"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" */"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" aiPlayers"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]: "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" };"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" /**"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" * name to in game id map"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" */"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" nameDict"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]: "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" };"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" /**"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" * in game id to name map"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" */"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"[];"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" /**"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" * peerId in ready iff ready"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" */"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" ready"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"peerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"string"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]: "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" };"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" started"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:";"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})}),` `,(0,n.jsxs)(l.h4,{id:"32-design-the-actions",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#32-design-the-actions",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"3.2. Design the Actions"]}),` `,(0,n.jsx)(l.p,{children:"There are only two possible actions that the player can do:"}),` `,(0,n.jsxs)(l.ol,{children:[` `,(0,n.jsx)(l.li,{children:"Play a card"}),` `,(0,n.jsx)(l.li,{children:"End the game"}),` `]}),` `,(0,n.jsx)(l.p,{children:"Since there are some cards that require additional info, like 10 and Q you need to specify increase or decrease point, and 5 you need to specify a target player to change turn, for play card action you need a special typed payload"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Poker99Action.ts"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"GameActionTypes"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"GenericBoardGameAction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"NetworkAction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'smnet'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" enum"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" END"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" interface"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" PlayCardPayload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" increase"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" target"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PLAY_CARD"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCardPayload"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"} | {"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"END"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"} | {"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"GameActionTypes"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"never"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}) & "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"NetworkAction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") | "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"GenericBoardGameAction"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsxs)(l.h4,{id:"33-implement-the-card-logic-and-reducer",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#33-implement-the-card-logic-and-reducer",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"3.3. Implement the Card Logic and Reducer"]}),` `,(0,n.jsxs)(l.p,{children:["add three types to ",(0,n.jsx)(l.code,{children:"types.ts"})]}),` `,(0,n.jsxs)(l.ol,{children:[` `,(0,n.jsx)(l.li,{children:"StateMapper are functions that can map previous state to next state"}),` `,(0,n.jsx)(l.li,{children:"IsCard are functions to determine whether a card is a specialized card, like whether is it a spade A"}),` `,(0,n.jsx)(l.li,{children:"PlayCard are functions that accept the playCardAction payload and the playerId, and return a StateMapper that can map the previous state to new state accordingly."}),` `]}),` `,(0,n.jsx)(l.p,{children:"(This is a very functional approach, try your best not to alter the value of parameter passed)"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// types.ts"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99State'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCardPayload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Action'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// ..."})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" StateMapper"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99State"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" boolean"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCardPayload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" StateMapper"})]})]})})}),` `,(0,n.jsx)(l.p,{children:"implement the util functions"}),` `,(0,n.jsx)(l.p,{children:"minPossible: given the current point and cards i have, return the minimum possible point after playing a card, and the index of that card in the input array"}),` `,(0,n.jsx)(l.p,{children:"getFullDeck: return all 52 cards of a poker set"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// utils.ts"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './constants'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" minPossible"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"current"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"cards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"[]): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"[] "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" let"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" min"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" Infinity"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" let"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" index"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"forEach"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }, "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" let"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" next"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"SPADE"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" next"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 10"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" next"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" current"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 10"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 12"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" next"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" current"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 20"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 13"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" next"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" next"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" current"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"next"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" min"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" min"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" next"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" index"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" k"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"min"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"index"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" getFullDeck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Deck"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" deck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Deck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" []"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" for"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 4"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"++"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" for"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" <="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 13"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"++"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" deck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"push"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" deck"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})})]})})}),` `,(0,n.jsx)(l.p,{children:"implement some state mappers"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Poker99Reducer.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99State'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCardPayload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Action'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Deck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"StateMapper"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"compose"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"GameActionTypes"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"shuffle"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"maxCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './constants'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"minPossible"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"getFullDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './utils'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"bomb"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/bomb'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"normal"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/normal'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"pm"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/pm'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"reverse"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/reverse'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"skip"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/skip'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/target'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"spade1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/spade1'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// withInitGame"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// clear all the state to initial value, and initialize the cards on players' hand"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withInitGame"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"StateMapper"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" drawDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": [],"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" trashDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": [],"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": [],"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" points"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" direction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {},"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" logs"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": ["}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'game started'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"],"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" winner"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"null"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"drawDeck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" shuffle"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"getFullDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"())"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" for"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"++"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" []"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" for"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"let"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" k"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" maxCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"; "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"++"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withDrawCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// withDrawCard: given a playerId"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// if that player already reach maximum number of cards he can hold, block the action"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// draw a card from the draw deck, and put that card to player's hand"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// if the draw deck become empty, get back the cards in trash, reshuffle and put back to draw deck, try draw card again"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withDrawCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" StateMapper"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" playerId"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" >="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" maxCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"`cannot draw, "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" already has "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"maxCard"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" cards`"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"drawDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"shift"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withDrawCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")({ ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"drawDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"shuffle"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"trashDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"), "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"trashDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": [] })"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"push"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// withDiscardCard:"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// specified player put a card from his hand to trashDeck"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withDiscardCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }, "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"trashDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"push"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// withPlayCard"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// handle specified player played a card"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// first check whether the player do have that card"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// bomb, normal, pm, reverse, skip, target, spade1 are all the PlayCard mapper to be implemented in a chain of responsibility pattern"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// the state will flow into them one by one, and if the card matches any one of the PlayCard mapper, the mapper will return a new state that flow to mapper afterwards"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// lastly discard the card and draw a new card"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withPlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCardPayload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" StateMapper"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cardStr"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}${"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"`"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"find"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" doesnt own card "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"cardStr"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'not your turn'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" compose"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withDrawCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"),"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ...["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withDiscardCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"bomb"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"normal"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"pm"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"reverse"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"skip"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"spade1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playCard"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" playCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// withIncrementTurn"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// to calculate the next player according to the direction and number of players"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"StateMapper"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" nextPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"maxPlayer"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"direction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"%"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"maxPlayer"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"nextPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// withEndTurn"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// when the turn is over, prevState.turn will be pointing to next player."})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// check would next player be able to play a card that would not exceed 99 and decide whether or not to mark him as dead"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// if next player has been marked as dead, his turn ended automatically"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"StateMapper"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" minPossible"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"])["}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"logs"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"push"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" die, his card: "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" `"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"${"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}${"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"join"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"','"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"`"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" true"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Object"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"keys"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"started"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"winner"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"2"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"])["}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }))"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.p,{children:"implement PlayCard mappers"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// cards/bomb.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../Poker99Reducer'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// bomb cards are card of number 13"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isBombCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 13"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// bomb PlayCard mapper only handle cards that is a bomb card"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// if it is a bomb card"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// 1. set points to 99"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// 2. calculate next player normally"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// 3. end turn"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// if it is not a bomb card, just return the old state"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" bomb"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"isBombCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// target.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../Poker99Reducer'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isTargetCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 5"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// need to extract the targeted player from payload, and set the next turn to target"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// endTurn without calling incrementTurn"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" target"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }, "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"isTargetCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'target is required in payload'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'cannot target myself'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" target"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.p,{children:"just put all PlayCard mappers here for you to copy paste (?)"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// normal.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../constants'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../Poker99Reducer'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isNormalCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"SPADE"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" false"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"2"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"6"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"7"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"8"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"9"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"includes"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" normal"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"isNormalCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" >"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'playing this card will exceed 99'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }))"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// pm.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../constants'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../Poker99Reducer'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isPmCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 10"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ||"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 12"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" pm"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"increase"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"isPmCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increase"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'increase is required in payload'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increase"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"])"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" >"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'playing this card will exceed 99'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({ ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }))"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// reverse.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../Poker99Reducer'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isReverseCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 4"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" reverse"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"isReverseCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"direction"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" *="}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"1"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// skip.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../Poker99Reducer'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isSkipCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 11"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" skip"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"isSkipCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// spade1.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '../Poker99Reducer'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isSpade1Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"IsCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"SPADE"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" spade1"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"PlayCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }) "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"isSpade1Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withEndTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"withIncrementTurn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" state"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsx)(l.p,{children:"Put things together in a reducer"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Poker99Reducer.ts"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// ..."})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// handle different actions and map the previous state to new state accordingly"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// notice START is from GameActionTypes"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Poker99Reducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"NetworkReducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" peerId"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"peerId"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"peerId"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'Expect peerId in action'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" playerId"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"nameDict"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"members"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"peerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]]"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'game not started'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" id"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" switch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" case"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" GameActionTypes"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"START"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:":"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withInitGame"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" case"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:":"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" withPlayCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(), "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"JSON"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"parse"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"JSON"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"stringify"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")))"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" case"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"END"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:":"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { ..."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"prevState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"started"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" prevState"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsxs)(l.h4,{id:"34-make-a-simple-ui-that-can-just-play-the-poker99-game",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#34-make-a-simple-ui-that-can-just-play-the-poker99-game",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"3.4 Make a simple UI that can just play the poker99 game"]}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"tsx","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"ReactNode"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"useState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'react'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './withPoker99Network'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Action'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Game"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" dispatch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" myPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"setTarget"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"setIncrement"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" d"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"direction"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '>'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '<'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" handleError"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"void"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"message"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" clickCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" async"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" increase"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" target"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" myPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" await"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" dispatch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"then"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"''"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"catch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"handleError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'Not my turn'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" again"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" async"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Promise"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"void"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" await"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" dispatch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"END"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"catch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"handleError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" style"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"pointerEvents"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'all'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"h3"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"h6"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}{"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"\\'"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"s turn"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"error"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" ''"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" style"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"color"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'red'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"error"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:""}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"winner"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"winner"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" null"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">winner is "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"winner"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"again"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">again"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"span"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setTarget"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" style"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" fontWeight"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'bold'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'normal'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" textDecorationLine"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'line-through'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'none'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ))"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"myPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]?."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" *"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 10"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"clickCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ))"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" target: "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setIncrement"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '+'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '-'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"logs"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"slice"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"reverse"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"s"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"s"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsxs)(l.h3,{id:"4-support-ai",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#4-support-ai",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"4. Support AI"]}),` `,(0,n.jsx)(l.p,{children:"implement an aiAction function, which accept the state and playerId, to decide what action to return"}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"ts","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"ts","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// aiAction.ts"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99State'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Action'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"ICard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './constants'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"shuffle"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'gamenet'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"isNormalCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/normal'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"isPmCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/pm'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"isSpade1Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './cards/spade1'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" isSkippingCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"ICard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"boolean"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"4"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"5"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"11"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"13"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"includes"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" aiAction"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" normalCards"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"isNormalCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"sort"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"b"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"b"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"-"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"])"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // play bomb if have less than 3 normal card"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card13"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"find"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"c"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" c"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 13"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card13"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" normalCards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 3"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card13"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // play normal card if it wont exceed 99"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" for"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" of"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" normalCards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]) "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"<="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // play pm card for plus if it wont exceed 99"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" pmCards"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"isPmCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" for"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" of"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" pmCards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"sort"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"b"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" b"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" a"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"<="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" increase"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"true"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // play skipping card if point is huge"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"find"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"isSkippingCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" target"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"nameDict"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"shuffle"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"filter"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))["}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]]"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // if no skipping card then play pm card in minus"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" for"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" of"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" pmCards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"sort"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"a"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"b"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" a"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" b"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" -"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" cardPoints"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"<="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" increase"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"false"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // play spade1"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" spade1"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" cards"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"find"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"isSpade1Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"spade1"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"spade1"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:" // to troubleshoot "})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" throw"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'reached an edge case'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsxs)(l.p,{children:["then supply the aiAction to the useBoardGameNetwork in ",(0,n.jsx)(l.code,{children:"withPoker99Network.tsx"})]}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"tsx","data-theme":"one-dark-pro",children:(0,n.jsx)(l.code,{"data-line-numbers":"","data-language":"tsx","data-theme":"one-dark-pro",style:{display:"grid"},"data-line-numbers-max-digits":"1",children:(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" network"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" useBoardGameNetwork"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Reducer"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"new"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Poker99State"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(), "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"aiAction"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]})})})}),` `,(0,n.jsxs)(l.h3,{id:"5-support-local-hot-seat",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#5-support-local-hot-seat",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"5. Support local hot seat"]}),` `,(0,n.jsxs)(l.p,{children:["obtain ",(0,n.jsx)(l.code,{children:"myLocals, hideDeck, setHideDeck, renderedDeckId"})," from ",(0,n.jsx)(l.code,{children:"usePoker99"})]}),` `,(0,n.jsxs)(l.p,{children:[(0,n.jsx)(l.code,{children:"myLocals"})," contains the name of all hotseat players you can control,"]}),` `,(0,n.jsxs)(l.p,{children:[(0,n.jsx)(l.code,{children:"hideDeck"})," is the flag to tell whether deck should be hidden, to prevent your friend next to you can see your deck, and ",(0,n.jsx)(l.code,{children:"setHideDeck"})," essentially let you to toggle this flag, to reveal your card"]}),` `,(0,n.jsxs)(l.p,{children:[(0,n.jsx)(l.code,{children:"renderedDeckId"})," tell you which player's deck should you render"]}),` `,(0,n.jsx)(l.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282c34",color:"#abb2bf"},tabIndex:"0","data-language":"tsx","data-theme":"one-dark-pro",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"one-dark-pro",style:{display:"grid"},children:[(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#7F848E",fontStyle:"italic"},children:"// Game.tsx"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" React"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"ReactNode"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"useState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'react'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './withPoker99Network'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './types'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" { "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" './Poker99Action'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" Game"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"FunctionComponent"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" dispatch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" dispatchAs"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" myPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" myLocals"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" hideDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" setHideDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" renderedDeckId"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" usePoker99"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"setTarget"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"0"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"setIncrement"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" useState"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"true"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" d"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"direction"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 1"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '>'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '<'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" handleError"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Error"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"void"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"e"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"message"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" clickCard"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" async"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" () "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99Action"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"PLAY_CARD"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" payload"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" increase"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" target"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" myPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" await"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" dispatch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"then"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"''"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"catch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"handleError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" if"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"myLocals"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"includes"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"])) {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" await"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" dispatchAs"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"action"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"then"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"''"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"))."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"catch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"handleError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" } "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"else"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'Not my turn'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" renderDeck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"ReactNode"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"playerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]?."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" *"}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 10"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" +"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"clickCard"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"Suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"suit"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"card"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"number"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ))"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" renderLocalDeck"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"ReactNode"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" =>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" hideDeck"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setHideDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:"false"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">show "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"renderedDeckId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" renderDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"renderedDeckId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" const"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" again"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" async"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" (): "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Promise"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"void"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"> "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" await"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" dispatch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" type"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"Poker99ActionType"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"END"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" })."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"catch"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"handleError"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" style"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"pointerEvents"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'all'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"h3"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"points"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:""})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"h6"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}{"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"\\'"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"s turn"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"error"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" ''"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" style"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{ "}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"color"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:"'red'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"error"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:""}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"winner"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" undefined"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"winner"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" !=="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" null"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" &&"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">winner is "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"winner"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"]"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"again"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">again"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"players"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"span"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setTarget"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" style"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" fontWeight"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"turn"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" id"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'bold'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'normal'"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:" textDecorationLine"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:": "}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"dead"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"id"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"] "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'line-through'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" 'none'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" }"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"name"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"d"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" ))"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:" myLocals"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:" ==="}),(0,n.jsx)(l.span,{style:{color:"#D19A66"},children:" 0"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" renderDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"myPlayerId"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" renderLocalDeck"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" }"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" target: "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"target"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"button"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" onClick"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"() "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:" setIncrement"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"!"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"increment"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" ?"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '+'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" :"}),(0,n.jsx)(l.span,{style:{color:"#98C379"},children:" '-'"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:" {"}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"state"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#E5C07B"},children:"logs"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"slice"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"reverse"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"()."}),(0,n.jsx)(l.span,{style:{color:"#61AFEF"},children:"map"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"s"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:", "}),(0,n.jsx)(l.span,{style:{color:"#E06C75",fontStyle:"italic"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#D19A66",fontStyle:"italic"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#56B6C2"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"k"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:">"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#E06C75"},children:"s"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#C678DD"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#ABB2BF"},children:"}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "})]})})}),` `,(0,n.jsxs)(l.h3,{id:"6-custom-peer-server",children:[(0,n.jsx)(l.a,{className:"anchor",href:"#6-custom-peer-server",children:(0,n.jsx)(l.span,{className:"icon icon-link"})}),"6. Custom Peer Server"]}),` `,(0,n.jsxs)(l.p,{children:["set these environment variables in ",(0,n.jsx)(l.code,{children:".env.production.local"})," and ",(0,n.jsx)(l.code,{children:".env.development.local"}),". They correspond the options in peerjs Peer constructor"]}),` `,(0,n.jsx)(l.pre,{children:(0,n.jsx)(l.code,{children:`REACT_APP_PEER_HOST= REACT_APP_PEER_PORT= REACT_APP_PEER_PATH= REACT_APP_PEER_SECURE= REACT_APP_PEER_CONFIG= `})})]})}function p(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}return m(f);})(); ;return Component;

Dipsyland

Not Lalaland nor Poland

Dipsy Wong

BEng(Computer Science & Maths), HKUST

A random hacky programmer who loves making anything fun!

My Works

My Blog