[{"_1":2,"_168":-5,"_169":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":20},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20,"_21":22},"sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"tokenType","session_token","user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","notificationCount",0,"flagDenols","ENV",{"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","230fbbe1911b69d46be82b6db4e617b331d282a6","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","API_URL","https://api.val.town","clerkState",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":20},"__clerk_ssr_state",{"_21":22,"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":20},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_93":94,"_95":96,"_97":98,"_99":100,"_147":148,"_165":166,"_167":-5},"handle","saolsen","name","gameplay_connect4","path","main.tsx","project",{"_101":102,"_95":96,"_103":104,"_105":-5,"_106":107,"_108":109,"_110":-5,"_111":-5,"_12":112,"_113":-5,"_114":107,"_115":-5,"_116":32,"_14":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":127,"_130":131,"_133":134,"_146":20},"id","ae072c12-27ac-11f0-9edc-569c3dd06744","createdAt",["D",1746228305603],"deletedAt","legacyEnvVars",true,"privacy","public","description","imageUrl","e1269f9c-67ab-446c-9c3f-debdc882a7b8","pinnedFileId","pinPreview","screenshotVersion","likeCount","6af58753-71c6-4397-9d5b-2473eb888976","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_93":94,"_128":129},"profileImageUrl","https://images.clerk.dev/oauth_github/img_2QtXHzN3gDPhKsBOvKsst8LTxC5.png","org",{"_93":94,"_132":129},"avatar","branch",{"_135":136,"_95":43,"_101":137,"_138":102,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},"version",8,"ae076ccc-27ac-11f0-9edc-569c3dd06744","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_101":149,"_95":98,"_150":151,"_152":-5,"_153":137,"_154":136,"_155":107,"_103":156,"_135":157,"_158":159,"_160":161,"_162":20,"_163":-5,"_97":164},"ae2ca230-27ac-11f0-9edc-569c3dd06744","fileId","ae09a1fe-27ac-11f0-9edc-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1714330739500],7,"fileType","script","content","/**\n * # Connect4\n *\n * This module implements the game Connect4.\n *\n * Two players take turns dropping pieces into a 7x6 grid.\n * The chips fall down to the lowest empty row in the column.\n * The first player to get 4 of their pieces in a row (horizontally, vertically,\n * or diagonally) wins.\n *\n * See {@link Connect4} for the {@link Game} definition which links\n * to the {@link Connect4State} type, the {@link Connect4Action} type and the\n * update logic {@link checkAction}.\n *\n * @module\n */\n\nimport {\n type Game,\n GameError,\n GameErrorKind,\n GameKind,\n type Json,\n type JsonObject,\n type Player,\n ResultKind,\n type Status,\n StatusKind,\n} from \"https://esm.town/v/saolsen/gameplay_games\";\n\n/** Number of columns on the board. */\nexport const COLS = 7;\n/** Number of rows on the board. */\nexport const ROWS = 6;\n\n/** Type for each slot in the board.\n * * `null`: Empty slot.\n * * `0`: Slot taken by {@link Player} `0` (Blue).\n * * `1`: Slot taken by {@link Player} `1` (Red).\n */\nexport type Slot = null | 0 | 1;\n\n/**\n * State of a Connect4 game.\n */\nexport interface Connect4State extends JsonObject {\n /** connect4 */\n game: typeof GameKind.Connect4;\n /** The index of the active {@link Player} (the player who's turn it is). */\n active_player: number;\n /** The board of the game.\n * * The board is a 2D array of {@link Slot}.\n * * The first index is the column and the second index is the row.\n * See {@link get} and {@link set} for helper functions\n * to access the board by column and row.\n */\n board: Slot[][];\n}\n\n/**\n * An action in a Connect4 game.\n */\nexport interface Connect4Action extends JsonObject {\n /** The column to place the piece in.\n * * Must be between 0 and 6.\n * The piece will be placed in the lowest empty row in the column.\n */\n column: number;\n}\n\n/**\n * The arguments to create a Connect4 game.\n */\nexport interface Connect4Args {\n /** The players of the game.\n * * Must have exactly 2 players.\n */\n players: Player[];\n}\n\n/**\n * Function to create a new Connect4 game.\n *\n * @param {Connect4Args} args The arguments to create the game.\n *\n * @returns {[Connect4State, Status] | GameError}\n * The initial gamestate and the status of the game,\n * or an error if the arguments are invalid.\n */\nexport function newGame(\n args: Connect4Args,\n): [Connect4State, Status] | GameError {\n const { players } = args;\n if (players.length !== 2) {\n return new GameError(\n GameErrorKind.Args,\n \"Connect4 requires exactly 2 players.\",\n );\n }\n\n return [{\n game: GameKind.Connect4,\n active_player: 0,\n board: [\n [null, null, null, null, null, null],\n [null, null, null, null, null, null],\n [null, null, null, null, null, null],\n [null, null, null, null, null, null],\n [null, null, null, null, null, null],\n [null, null, null, null, null, null],\n [null, null, null, null, null, null],\n ],\n }, { status: StatusKind.InProgress, active_player: 0 }];\n}\n\n/**\n * Helper function to get the slot at a column and row.\n *\n * @param {Connect4State} state The game state.\n * @param {number} col The column. Must be between 0 and 6.\n * @param {number} row The row. Must be between 0 and 5.\n *\n * @returns {Slot} The slot at the column and row.\n */\nexport function get(state: Connect4State, col: number, row: number): Slot {\n return state.board[col][row];\n}\n\n/**\n * Helper function to set the slot at a column and row.\n *\n * @param {Connect4State} state The game state.\n * @param {number} col The column. Must be between 0 and 6.\n * @param {number} row The row. Must be between 0 and 5.\n * @param {Slot} slot The value to set it to.\n */\nexport function set(\n state: Connect4State,\n col: number,\n row: number,\n slot: Slot,\n): void {\n state.board[col][row] = slot;\n}\n\nfunction check_slots_eq(a: Slot, b: Slot, c: Slot, d: Slot): Slot {\n if (a === b && b === c && c === d) {\n return a;\n }\n return null;\n}\n\n/**\n * Get the status of the game.\n * Checks every possible span of 4 slots for a win.\n * If no win is found, checks for a draw.\n * If no draw is found, the game is still in progress.\n *\n * @param {Connect4State} state The game state.\n *\n * @returns {Status | GameError} The status of the game,\n * or an error if the game state is invalid.\n */\nexport function checkStatus(state: Connect4State): Status | GameError {\n // Check Vertical Win\n for (let col = 0; col < COLS; col++) {\n for (let row = 0; row < 3; row++) {\n const check = check_slots_eq(\n get(state, col, row + 0),\n get(state, col, row + 1),\n get(state, col, row + 2),\n get(state, col, row + 3),\n );\n if (check !== null) {\n return {\n status: StatusKind.Over,\n result: { kind: ResultKind.Winner, players: [check] },\n };\n }\n }\n }\n // Check Horizontal Win\n for (let row = 0; row < ROWS; row++) {\n for (let col = 0; col < 4; col++) {\n const check = check_slots_eq(\n get(state, col + 0, row),\n get(state, col + 1, row),\n get(state, col + 2, row),\n get(state, col + 3, row),\n );\n if (check !== null) {\n return {\n status: StatusKind.Over,\n result: { kind: ResultKind.Winner, players: [check] },\n };\n }\n }\n }\n // Check Diagonal Up Win\n for (let col = 0; col < 4; col++) {\n for (let row = 0; row < 3; row++) {\n const check = check_slots_eq(\n get(state, col + 0, row + 0),\n get(state, col + 1, row + 1),\n get(state, col + 2, row + 2),\n get(state, col + 3, row + 3),\n );\n if (check !== null) {\n return {\n status: StatusKind.Over,\n result: { kind: ResultKind.Winner, players: [check] },\n };\n }\n }\n }\n // Check Diagonal Down Win\n for (let col = 0; col < 4; col++) {\n for (let row = 3; row < 6; row++) {\n const check = check_slots_eq(\n get(state, col + 0, row - 0),\n get(state, col + 1, row - 1),\n get(state, col + 2, row - 2),\n get(state, col + 3, row - 3),\n );\n if (check !== null) {\n return {\n status: StatusKind.Over,\n result: { kind: ResultKind.Winner, players: [check] },\n };\n }\n }\n }\n // Check For Possible Moves\n for (let col = 0; col < COLS; col++) {\n if (get(state, col, ROWS - 1) === null) {\n return {\n status: StatusKind.InProgress,\n active_player: state.active_player,\n };\n }\n }\n // No Possible Moves, Draw\n return {\n status: StatusKind.Over,\n result: { kind: ResultKind.Draw },\n };\n}\n\n/**\n * Check if an action is valid.\n *\n * @param {Connect4State} state The game state.\n * @param {number} player The index of the {@link Player} making the action.\n * @param {Connect4Action} action The action to check.\n *\n * @returns {null | GameError} null if the action is valid, or a GameError if it is invalid.\n */\nexport function checkAction(\n state: Connect4State,\n player: number,\n action: Connect4Action,\n): null | GameError {\n if (player !== state.active_player) {\n return new GameError(GameErrorKind.Player, \"It is not this player's turn.\");\n }\n if (action.column < 0 || action.column >= COLS) {\n return new GameError(GameErrorKind.Action, \"Column is out of bounds.\");\n }\n if (get(state, action.column, ROWS - 1) !== null) {\n return new GameError(GameErrorKind.Action, \"Column is full.\");\n }\n return null;\n}\n\n/**\n * Apply an action to the game state.\n * * Mutates the passed in game state.\n * * Places the player's piece in the lowest empty row in the column.\n *\n * @param {Connect4State} state The game state.\n * @param {number} player The index of the {@link Player} making the action.\n * @param {Connect4Action} action The action to apply.\n *\n * @returns {Status | GameError} The status of the game after the action,\n * or an error if the action is invalid.\n */\nexport function applyAction(\n state: Connect4State,\n player: number,\n action: Connect4Action,\n): Status | GameError {\n const check = checkAction(state, player, action);\n if (check instanceof GameError) {\n return check;\n }\n for (let row = 0; row < ROWS; row++) {\n if (get(state, action.column, row) === null) {\n set(state, action.column, row, player as Slot);\n state.active_player = 1 - player;\n return checkStatus(state);\n }\n }\n throw new Error(\"unreachable\");\n}\n\n/**\n * Get the player specific view of the game state.\n * This function is required to define a {@link Game},\n * but Connect4 does not have a player specific view because\n * all players can see the entire board.\n * So it just returns the game state.\n *\n * @param {Connect4State} state The game state.\n * @param {number} _player The index of the {@link Player} to get the view for.\n *\n * @returns {Connect4State | GameError} The game state.\n */\nexport function getView(\n state: Connect4State,\n _player: number,\n): Connect4State | GameError {\n return state;\n}\n\n/**\n * Connect4 Agent Response.\n *\n * @template T The type of the agent data.\n * * Must extend {@link Json} which restricts it to a JSON serializable type.\n */\nexport interface Connect4AgentResponse<\n T extends Json = Json,\n> {\n /** The action to take. */\n action: Connect4Action;\n /** Optional data to save.\n *\n * This data will be passed back to the agent on the next turn. It allows you\n * to save state between turns.\n */\n agent_data?: T;\n}\n\n/**\n * Function type for a Connect4 Agent.\n *\n * * Takes the current game state and optional agent data.\n * * Returns a response with the action to take and optional agent data to save.\n *\n * On the first turn, `agent_data` will be `undefined`.\n *\n * On subsequent turns, `agent_data` will be the data returned by the agent's\n * previous turn.\n *\n * If the agent did not return `agent_data`, it will be `undefined`.\n *\n * To keep `agent_data` between turns, it must be returned in the response each\n * time, even if it is not modified.\n *\n * @template T The type of the agent data.\n * * Must extend {@link Json} which restricts it to a JSON serializable type.\n */\nexport type Connect4Agent<\n T extends Json = Json,\n> = (\n state: Connect4State,\n agent_data?: T,\n) => Connect4AgentResponse;\n\n/**\n * Function type for an async Connect4 Agent.\n *\n * * Takes the current game state and optional agent data.\n * * Returns a response with the action to take and optional agent data to save.\n *\n * On the first turn, `agent_data` will be `undefined`.\n *\n * On subsequent turns, `agent_data` will be the data returned by the agent's\n * previous turn.\n *\n * If the agent did not return `agent_data`, it will be `undefined`.\n *\n * To keep `agent_data` between turns, it must be returned in the response each\n * time, even if it is not modified.\n *\n * @template T The type of the agent data.\n * * Must extend {@link Json} which restricts it to a JSON serializable type.\n */\nexport type Connect4AsyncAgent<\n T extends Json = Json,\n> = (\n state: Connect4State,\n agent_data?: T,\n) => Promise;\n\n/**\n * Connect4 {@link Game} Definition.\n */\nexport const Connect4: Game<\n Connect4Args,\n Connect4State,\n Connect4Action,\n Connect4State,\n GameError\n> = {\n kind: GameKind.Connect4,\n newGame,\n checkAction,\n applyAction,\n getView,\n};","deleted","label",[98],"permalink","https://www.val.town/x/saolsen/gameplay_connect4/code/main.tsx","extension","actionData","errors"]