[{"_1":2,"_179":-5,"_180":-5},"loaderData",{"_3":4,"_93":94},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":-5,"_32":33,"_34":20,"_35":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","isTeamOrgMember","ENV",{"_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,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","57594e398b37849c5a5f36f8e9d9bb2356f5e36c","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",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":20,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":20,"_92":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",{"_83":20,"_19":20,"_84":74,"_85":86,"_87":74,"_88":47,"_89":20,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.x.$handle.$name.$",{"_95":96,"_97":98,"_99":100,"_101":102,"_153":154,"_176":177,"_178":-5},"handle","jjg","name","multiplayer-prompting","path","frontend/PlayerList.tsx","project",{"_103":104,"_97":98,"_105":106,"_107":-5,"_108":20,"_109":110,"_111":74,"_112":-5,"_12":113,"_114":-5,"_115":20,"_116":-5,"_117":-5,"_118":33,"_14":119,"_120":-5,"_121":-5,"_122":123,"_124":123,"_125":126,"_127":126,"_128":126,"_129":123,"_130":123,"_23":131,"_134":135,"_139":140,"_152":20},"id","09303d50-053c-11f1-aeb4-42dde27851f2","createdAt",["D",1770589083549],"deletedAt","legacyEnvVars","privacy","public","description","imageUrl","900a1ecc-26fd-4771-962a-c13dfb9ef64a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","636fc787-66cd-4518-95de-3740f42b9de1","tursoName","tursoHostname","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_132":133},"profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYXJGSnhuRlpsMXE1ZnFWbElnbG15WlJKS0UifQ","org",{"_95":96,"_136":133,"_12":113,"_137":138},"avatar","tier","free","branch",{"_141":142,"_97":45,"_103":143,"_144":104,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":98,"_151":96},"version",55,"0930d2a6-053c-11f1-aeb4-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","file",{"_103":155,"_97":156,"_157":158,"_159":160,"_161":143,"_162":163,"_164":165,"_105":166,"_141":167,"_168":169,"_170":171,"_172":20,"_173":-5,"_99":174},"6021bd42-054f-11f1-9825-42dde27851f2","PlayerList.tsx","fileId","585a4a8e-054f-11f1-b789-42dde27851f2","parentId","c4c564c6-054d-11f1-a5e0-42dde27851f2","branchId","branchVersion",48,"latest",true,["D",1770597389843],1,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\r\nimport React from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\r\nimport type { Player } from \"../../shared/types.ts\";\r\n\r\ninterface PlayerListProps {\r\n players: Player[];\r\n currentPlayer: Player | null;\r\n}\r\n\r\nexport function PlayerList({ players, currentPlayer }: PlayerListProps) {\r\n const activePlayers = players.filter(p => p.is_active);\r\n const spectators = players.filter(p => !p.is_active);\r\n \r\n return (\r\n

\r\n

👥 Players ({activePlayers.length}/10)

\r\n \r\n

\r\n {activePlayers.map((player) => (\r\n \r\n

\r\n {player.avatar}\r\n

\r\n

{player.name}

\r\n

Turn #{player.turn_order + 1}

\r\n

\r\n {currentPlayer?.id === player.id && (\r\n ⭐\r\n )}\r\n

\r\n

\r\n ))}\r\n

\r\n \r\n {spectators.length > 0 && (\r\n <>\r\n

\r\n

\r\n 👀 Spectators ({spectators.length})\r\n

\r\n

\r\n \r\n

\r\n {spectators.map((player) => (\r\n \r\n

\r\n {player.avatar}\r\n

\r\n

{player.name}

\r\n

\r\n

\r\n

\r\n ))}\r\n \r\n \r\n )}\r\n \r\n {activePlayers.length === 0 && (\r\n

\r\n

Waiting for players...

\r\n

\r\n )}\r\n \r\n );\r\n}\r\n","deleted","label",[175,156],"frontend","permalink","https://www.val.town/x/jjg/multiplayer-prompting/code/frontend/PlayerList.tsx","extension","actionData","errors"]