[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_154":155,"_156":157},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_104":85,"_27":53,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","59831f26-6080-11f1-bffb-1607ee4eb77e","name","fileType","http","content","// Val Town WebSocket Server for Street Brawler\n// Deploy as: https://www.val.town/new → paste this → Type: HTTP\n// This handles matchmaking + real-time game state sync\n\ninterface Player {\n id: string;\n ws: WebSocket;\n roomId: string | null;\n playerNum: 1 | 2 | null;\n}\n\ninterface Room {\n id: string;\n players: Player[];\n gameState: \"waiting\" | \"fighting\" | \"round_over\";\n}\n\nconst players = new Map();\nconst rooms = new Map();\n\nfunction generateId(): string {\n return Math.random().toString(36).slice(2, 10);\n}\n\nfunction findOrCreateRoom(): Room {\n // Find waiting room with 1 player\n for (const room of rooms.values()) {\n if (room.players.length === 1 && room.gameState === \"waiting\") {\n return room;\n }\n }\n // Create new room\n const room: Room = {\n id: generateId(),\n players: [],\n gameState: \"waiting\",\n };\n rooms.set(room.id, room);\n return room;\n}\n\nfunction broadcast(room: Room, message: object, excludeId?: string) {\n const data = JSON.stringify(message);\n for (const p of room.players) {\n if (p.id !== excludeId && p.ws.readyState === WebSocket.OPEN) {\n p.ws.send(data);\n }\n }\n}\n\nfunction send(ws: WebSocket, message: object) {\n if (ws.readyState === WebSocket.OPEN) {\n ws.send(JSON.stringify(message));\n }\n}\n\nasync function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n // Health check\n if (url.pathname === \"/health\") {\n return new Response(JSON.stringify({\n status: \"ok\",\n players: players.size,\n rooms: rooms.size,\n }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // WebSocket upgrade\n if (req.headers.get(\"upgrade\") === \"websocket\") {\n const { socket: ws, response } = Deno.upgradeWebSocket(req);\n const playerId = generateId();\n\n ws.onopen = () => {\n const player: Player = {\n id: playerId,\n ws,\n roomId: null,\n playerNum: null,\n };\n players.set(playerId, player);\n\n // Join a room\n const room = findOrCreateRoom();\n room.players.push(player);\n player.roomId = room.id;\n\n if (room.players.length === 1) {\n player.playerNum = 1;\n send(ws, {\n type: \"waiting\",\n message: \"Waiting for opponent...\",\n playerId,\n playerNum: 1,\n roomId: room.id,\n });\n } else {\n // Room is full - game starts!\n const p1 = room.players[0];\n const p2 = room.players[1];\n p2.playerNum = 2;\n room.gameState = \"fighting\";\n\n send(p1.ws, {\n type: \"game_start\",\n playerNum: 1,\n roomId: room.id,\n opponentId: p2.id,\n });\n send(p2.ws, {\n type: \"game_start\",\n playerNum: 2,\n roomId: room.id,\n opponentId: p1.id,\n });\n }\n };\n\n ws.onmessage = (event) => {\n const player = players.get(playerId);\n if (!player?.roomId) return;\n const room = rooms.get(player.roomId);\n if (!room) return;\n\n try {\n const msg = JSON.parse(event.data);\n\n // Relay input/state to opponent\n switch (msg.type) {\n case \"input\":\n case \"position\":\n case \"attack\":\n case \"hit\":\n case \"round_over\":\n case \"restart\":\n broadcast(room, { ...msg, from: player.playerNum }, playerId);\n break;\n\n case \"ping\":\n send(ws, { type: \"pong\", ts: msg.ts });\n break;\n }\n } catch (e) {\n console.error(\"Parse error:\", e);\n }\n };\n\n ws.onclose = () => {\n const player = players.get(playerId);\n if (player?.roomId) {\n const room = rooms.get(player.roomId);\n if (room) {\n broadcast(room, { type: \"opponent_left\" }, playerId);\n rooms.delete(player.roomId);\n }\n }\n players.delete(playerId);\n };\n\n return response;\n }\n\n // Serve the game HTML\n return new Response(GAME_HTML, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n\n// Val Town HTTP Val エントリーポイント（portは指定しない）\nexport default { fetch: handler };\n\n// ============================================================\n// EMBEDDED GAME HTML\n// ============================================================\nconst GAME_HTML = `\n\n\n\n\nSTREET BRAWLER — Online\n\n\n\n\n

STREET BRAWLER

ONLINE MULTIPLAYER — POWERED BY VAL.TOWN

\n\n

P1 — RYU

KEN — P2

\n\n

MY CONTROLS

MoveA D

JumpW

DuckS

PunchF

KickG

SpecialH

OPPONENT

Same controls on their side

Ping—

ModeONLINE

Room—

\n\n

Connecting to server...

latency: — ms

\n\n\n\n\n`;","// ============================================================\n// STREET BRAWLER — Val Town Server\n// 使い方: New Val → Type: HTTP → このコードを貼る → Save\n// ============================================================\n\nconst GAME_HTML = `\n\n\n\n\nSTREET BRAWLER — Online\n\n\n\n\n

STREET BRAWLER

ONLINE MULTIPLAYER — POWERED BY VAL.TOWN

\n\n

P1 — RYU

KEN — P2

\n\n

MY CONTROLS

MoveA D

JumpW

DuckS

PunchF

KickG

SpecialH

OPPONENT

Same controls on their side

Ping—

ModeONLINE

Room—

\n\n

Connecting to server...

latency: — ms

\n\n\n\n\n`;\n\n// ============================================================\n// SERVER LOGIC\n// ============================================================\ninterface Player {\n id: string;\n ws: WebSocket;\n roomId: string | null;\n playerNum: 1 | 2 | null;\n}\ninterface Room {\n id: string;\n players: Player[];\n gameState: \"waiting\" | \"fighting\";\n}\n\nconst players = new Map();\nconst rooms = new Map();\n\nfunction generateId(): string {\n return Math.random().toString(36).slice(2, 10);\n}\n\nfunction findOrCreateRoom(): Room {\n for (const room of rooms.values()) {\n if (room.players.length === 1 && room.gameState === \"waiting\") return room;\n }\n const room: Room = { id: generateId(), players: [], gameState: \"waiting\" };\n rooms.set(room.id, room);\n return room;\n}\n\nfunction wsSend(ws: WebSocket, msg: object) {\n if (ws.readyState === WebSocket.OPEN) ws.send(JSON.stringify(msg));\n}\n\nfunction broadcast(room: Room, msg: object, excludeId?: string) {\n const data = JSON.stringify(msg);\n for (const p of room.players) {\n if (p.id !== excludeId && p.ws.readyState === WebSocket.OPEN) p.ws.send(data);\n }\n}\n\n// ============================================================\n// ENTRY POINT — Val Town HTTP Val 形式 (portは指定しない！)\n// ============================================================\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n // ヘルスチェック\n if (url.pathname === \"/health\") {\n return new Response(JSON.stringify({ ok: true, players: players.size, rooms: rooms.size }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // WebSocket アップグレード (upgradeWebSocketはsyncで即座にreturnする)\n const upgradeHeader = req.headers.get(\"upgrade\");\n if (upgradeHeader && upgradeHeader.toLowerCase() === \"websocket\") {\n const { socket: ws, response } = Deno.upgradeWebSocket(req);\n const playerId = generateId();\n\n ws.onopen = () => {\n const player: Player = { id: playerId, ws, roomId: null, playerNum: null };\n players.set(playerId, player);\n\n const room = findOrCreateRoom();\n room.players.push(player);\n player.roomId = room.id;\n\n if (room.players.length === 1) {\n player.playerNum = 1;\n wsSend(ws, { type: \"waiting\", playerId, playerNum: 1, roomId: room.id });\n } else {\n const [p1, p2] = room.players;\n p2.playerNum = 2;\n room.gameState = \"fighting\";\n wsSend(p1.ws, { type: \"game_start\", playerNum: 1, roomId: room.id, opponentId: p2.id });\n wsSend(p2.ws, { type: \"game_start\", playerNum: 2, roomId: room.id, opponentId: p1.id });\n }\n };\n\n ws.onmessage = (event: MessageEvent) => {\n const player = players.get(playerId);\n if (!player?.roomId) return;\n const room = rooms.get(player.roomId);\n if (!room) return;\n try {\n const msg = JSON.parse(event.data);\n switch (msg.type) {\n case \"input\":\n case \"position\":\n case \"hit\":\n case \"restart\":\n broadcast(room, { ...msg, from: player.playerNum }, playerId);\n break;\n case \"ping\":\n wsSend(ws, { type: \"pong\", ts: msg.ts });\n break;\n }\n } catch (_) { /* ignore parse errors */ }\n };\n\n ws.onclose = () => {\n const player = players.get(playerId);\n if (player?.roomId) {\n const room = rooms.get(player.roomId);\n if (room) {\n broadcast(room, { type: \"opponent_left\" }, playerId);\n rooms.delete(player.roomId);\n }\n }\n players.delete(playerId);\n };\n\n // upgradeWebSocket の response を即座に return する（重要）\n return response;\n }\n\n // ゲームHTML配信\n return new Response(GAME_HTML, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}","createdAt",["D",1780624832924],"branchVersion","branchId","6c09d4c4-1bb7-4f20-8962-515e366d4462","id","3585fdc5-c555-430f-a79a-523bb1298af9","Games",["D",1780623979866],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","52bca2d0-0048-44cc-a16d-3372a12544cc","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e6ce7-c91c-7652-809d-62eb8320538f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",24,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Jin0421","handle","displayName","Jinsuke Hashimoto","avatar","https://lh3.googleusercontent.com/a/ACg8ocLSQcbqinv0_DKZS-v7ujKMabeGGBTIBIOUu56ENwpL2dUE7w=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":150,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":151,"_79":152,"_81":153,"_83":25},"tree",[145],"files",[145],"counts",{"_134":61,"_135":136,"_137":61,"_138":139,"_140":141},"contents",[126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"cf3d7557-f11a-4bb5-9a24-dc64b1d5e600","parentId","latest",["D",1780624832924],8,"label",[28],"pulls","branches",1,"forks","envVars",{"_142":61,"_144":61},"connections",{"_142":61,"_143":61},"count","unfilledCount","emptyCount",{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":146,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_147":148,"_27":149},["D",1780624832924],"children",[],[28],["D",1780623979866],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_123":187,"_188":189,"_190":191,"_192":25,"_193":25,"_194":25,"_195":121,"_196":-5,"_197":-7,"_198":-7,"_199":61,"_200":25,"_201":25,"_202":-5,"_203":25,"_204":25,"_205":25,"_206":-5},"ENV",{"_158":159,"_160":161,"_162":85,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","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","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v9