[{"_1":2,"_189":-5,"_190":-5},"loaderData",{"_3":4,"_96":97},"root",{"_5":6,"_37":38,"_69":70},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":20,"_36":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","preferencesChatPanelState","notificationCount",0,"flagDenols","isBusinessOrgMember","isHigherTownieTier","ENV",{"_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":64,"_65":66,"_67":68},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","efeea19332d9bfe7de1049656877be9cb817c45f","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","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","API_URL","https://api.val.town","clerkState",{"_71":72},"__internal_clerk_state",{"_73":74,"_75":48,"_76":77,"_78":77,"_79":20,"_80":77,"_81":77,"_82":77,"_83":77,"_84":85,"_94":20,"_95":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",{"_86":20,"_19":20,"_87":77,"_88":89,"_90":77,"_91":48,"_92":20,"_93":77},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_98":99,"_100":101,"_102":103,"_104":105,"_162":163,"_186":187,"_188":-5},"handle","catalloc","name","catnip","path","discord/interactions/components/connect4-action.ts","project",{"_106":107,"_100":101,"_108":109,"_110":-5,"_111":20,"_112":113,"_114":115,"_116":-5,"_12":117,"_118":-5,"_119":20,"_120":-5,"_121":-5,"_122":33,"_14":123,"_124":125,"_126":127,"_128":129,"_130":-5,"_131":132,"_133":132,"_134":135,"_136":135,"_137":135,"_138":132,"_139":132,"_23":140,"_143":144,"_148":149,"_161":20},"id","4db147e2-1d6c-11f1-9a9a-42dde27851f2","createdAt",["D",1773248642232],"deletedAt","legacyEnvVars","privacy","public","description","Open source Discord bot template built for Val Town","imageUrl","d06b6c80-f3a1-11ef-89a3-8735e07158f4","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e03963fb-ecc4-48fb-bc25-0173a8b9a8c8","tursoName","4db147e21d6c11f19a9a42dde27851f2","tursoHostname","4db147e21d6c11f19a9a42dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1776211266606],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_98":99,"_141":142},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0478d851-5bca-4d5e-6593-fb952af01c00/square512","org",{"_98":99,"_145":142,"_12":117,"_146":147},"avatar","tier","pro","branch",{"_150":151,"_100":46,"_106":152,"_153":107,"_154":-5,"_155":-5,"_156":-5,"_157":-5,"_158":-5,"_159":101,"_160":99},"version",358,"4db1f610-1d6c-11f1-9a9a-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_106":164,"_100":165,"_166":167,"_168":169,"_170":152,"_171":172,"_173":174,"_108":175,"_150":33,"_176":177,"_178":179,"_180":20,"_181":-5,"_102":182},"9823780e-1d6c-11f1-85a6-42dde27851f2","connect4-action.ts","fileId","98237912-1d6c-11f1-85a6-42dde27851f2","parentId","94b4acba-1d6c-11f1-9109-42dde27851f2","branchId","branchVersion",124,"latest",true,["D",1773248767067],"fileType","script","content","/**\n * Connect Four Action Component — Handle accept/decline and column drops\n *\n * File: discord/interactions/components/connect4-action.ts\n */\n\nimport { defineComponent } from \"../define-component.ts\";\nimport { accounts } from \"../../games/accounts.ts\";\nimport { gamesConfig } from \"../../games/games-config.ts\";\nimport { connect4, dropPiece, checkWin, isBoardFull, formatBoard, COLS } from \"../../games/casino/connect4.ts\";\nimport { xp, XP_AWARDS } from \"../../games/xp.ts\";\nimport { embed } from \"../../helpers/embed-builder.ts\";\nimport { EmbedColors } from \"../../constants.ts\";\n\nfunction columnButtons(challengerId: string, board: number[][]): any[] {\n const buttons: any[] = [];\n for (let c = 0; c < COLS; c++) {\n const full = board[0][c] !== 0;\n buttons.push({\n type: 2,\n style: full ? 2 : 1,\n label: `${c + 1}`,\n custom_id: `c4:drop:${c}:${challengerId}`,\n disabled: full,\n });\n }\n return [{ type: 1, components: buttons }];\n}\n\nexport default defineComponent({\n customId: \"c4:\",\n match: \"prefix\",\n type: \"button\",\n\n async execute({ customId, guildId, userId }) {\n const parts = customId.split(\":\");\n const action = parts[1]; // accept, decline, drop\n const challengerId = action === \"drop\" ? parts[3] : parts[2];\n\n const session = await connect4.getSession(guildId, challengerId);\n if (!session) {\n return { success: false, error: \"This Connect Four game has expired or ended.\" };\n }\n\n const config = await gamesConfig.get(guildId);\n\n // ── Decline ──\n if (action === \"decline\") {\n if (userId !== session.targetId) {\n return { success: false, error: \"This challenge isn't for you!\" };\n }\n await accounts.creditBalance(guildId, session.challengerId, session.bet);\n await connect4.deleteSession(guildId, challengerId);\n\n const e = embed()\n .title(`${config.currencyEmoji} Connect Four — Declined`)\n .color(EmbedColors.WARNING)\n .description(`<@${userId}> declined. <@${challengerId}>'s bet has been refunded.`)\n .build();\n\n return { success: true, updateMessage: true, embed: e, components: [] };\n }\n\n // ── Accept ──\n if (action === \"accept\") {\n if (userId !== session.targetId) {\n return { success: false, error: \"This challenge isn't for you!\" };\n }\n\n const { success: debited } = await accounts.debitBalance(guildId, userId, session.bet);\n if (!debited) {\n return { success: false, error: `You need **${session.bet.toLocaleString()}** coins to accept!` };\n }\n\n session.status = \"playing\";\n await connect4.updateSession(session);\n\n const e = embed()\n .title(`${config.currencyEmoji} Connect Four`)\n .color(EmbedColors.INFO)\n .description(\n `${formatBoard(session.board)}\\n\\n` +\n `:red_circle: <@${session.challengerId}> vs :yellow_circle: <@${session.targetId}>\\n` +\n `<@${session.challengerId}>'s turn!`,\n )\n .footer(`Wager: ${session.bet.toLocaleString()} ${config.currencyName} each`)\n .build();\n\n return {\n success: true,\n updateMessage: true,\n embed: e,\n components: columnButtons(challengerId, session.board),\n };\n }\n\n // ── Drop ──\n if (action === \"drop\") {\n if (session.status !== \"playing\") {\n return { success: false, error: \"The game hasn't started yet!\" };\n }\n\n const currentPlayerId = session.currentPlayer === 1 ? session.challengerId : session.targetId;\n if (userId !== currentPlayerId) {\n return { success: false, error: \"It's not your turn!\" };\n }\n\n const col = parseInt(parts[2], 10);\n if (col < 0 || col >= COLS) {\n return { success: false, error: \"Invalid column!\" };\n }\n\n const row = dropPiece(session.board, col, session.currentPlayer);\n if (row === -1) {\n return { success: false, error: \"That column is full!\" };\n }\n\n // Check for win\n if (checkWin(session.board, session.currentPlayer)) {\n const winnerId = currentPlayerId;\n const loserId = winnerId === session.challengerId ? session.targetId : session.challengerId;\n const winnerPayout = Math.floor(session.bet * 2 * 0.95);\n\n await accounts.creditBalance(guildId, winnerId, winnerPayout);\n await connect4.deleteSession(guildId, challengerId);\n\n await xp.grantXp(guildId, winnerId, XP_AWARDS.CASINO_WIN);\n await xp.grantXp(guildId, loserId, XP_AWARDS.CASINO_LOSS);\n\n const winnerAccount = await accounts.getOrCreate(guildId, winnerId);\n const loserAccount = await accounts.getOrCreate(guildId, loserId);\n\n const marker = session.currentPlayer === 1 ? \":red_circle:\" : \":yellow_circle:\";\n\n const e = embed()\n .title(`${config.currencyEmoji} Connect Four — ${marker} Wins!`)\n .color(EmbedColors.SUCCESS)\n .description(\n `${formatBoard(session.board)}\\n\\n` +\n `:trophy: <@${winnerId}> wins **${winnerPayout.toLocaleString()} ${config.currencyName}**!`,\n )\n .field(\"Winner Balance\", `${winnerAccount.balance.toLocaleString()} ${config.currencyName}`, true)\n .field(\"Loser Balance\", `${loserAccount.balance.toLocaleString()} ${config.currencyName}`, true)\n .build();\n\n return { success: true, updateMessage: true, embed: e, components: [] };\n }\n\n // Check for draw\n if (isBoardFull(session.board)) {\n await accounts.creditBalance(guildId, session.challengerId, session.bet);\n await accounts.creditBalance(guildId, session.targetId, session.bet);\n await connect4.deleteSession(guildId, challengerId);\n\n await xp.grantXp(guildId, session.challengerId, XP_AWARDS.CASINO_LOSS);\n await xp.grantXp(guildId, session.targetId, XP_AWARDS.CASINO_LOSS);\n\n const e = embed()\n .title(`${config.currencyEmoji} Connect Four — Draw!`)\n .color(EmbedColors.WARNING)\n .description(\n `${formatBoard(session.board)}\\n\\n` +\n `The board is full — it's a **draw**! Bets returned.`,\n )\n .build();\n\n return { success: true, updateMessage: true, embed: e, components: [] };\n }\n\n // Next turn\n session.currentPlayer = session.currentPlayer === 1 ? 2 : 1;\n await connect4.updateSession(session);\n\n const nextPlayerId = session.currentPlayer === 1 ? session.challengerId : session.targetId;\n const marker = session.currentPlayer === 1 ? \":red_circle:\" : \":yellow_circle:\";\n\n const e = embed()\n .title(`${config.currencyEmoji} Connect Four`)\n .color(EmbedColors.INFO)\n .description(\n `${formatBoard(session.board)}\\n\\n` +\n `:red_circle: <@${session.challengerId}> vs :yellow_circle: <@${session.targetId}>\\n` +\n `${marker} <@${nextPlayerId}>'s turn!`,\n )\n .footer(`Wager: ${session.bet.toLocaleString()} ${config.currencyName} each`)\n .build();\n\n return {\n success: true,\n updateMessage: true,\n embed: e,\n components: columnButtons(challengerId, session.board),\n };\n }\n\n return { success: false, error: \"Unknown action.\" };\n },\n});\n","deleted","label",[183,184,185,165],"discord","interactions","components","permalink","https://www.val.town/x/catalloc/catnip/code/discord/interactions/components/connect4-action.ts","extension","actionData","errors"]