[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_245":246,"_247":248},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_182":-5,"_20":183,"_22":184,"_185":186,"_187":188,"_26":189,"_24":190,"_191":-5,"_192":-5,"_193":58,"_194":195,"_196":49,"_197":-5,"_198":-5,"_199":200},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","batuflexmarka069glitch","name","sandbox-hub","branchName","main","version","path","frontend","project",{"_37":128,"_13":14,"_50":129,"_130":-5,"_131":58,"_132":133,"_134":133,"_135":136,"_137":-5,"_138":139,"_140":-5,"_141":58,"_142":-5,"_143":-5,"_144":52,"_145":146,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_153":152,"_154":155,"_156":155,"_157":155,"_158":152,"_159":152,"_160":161,"_162":163,"_164":165,"_166":58},"tree",[87,88,89],"file",{"_37":82,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":83,"_48":49,"_50":84,"_17":52,"_53":85,"_55":-5,"_57":58,"_59":-5,"_18":86},"contents",[33,34,35,36],"upstream","pull","ahead","behind","envVars",{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":79,"_17":52,"_53":54,"_55":80,"_57":58,"_59":-5,"_18":81},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":72,"_17":52,"_53":54,"_55":73,"_57":58,"_59":-5,"_18":74},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":65,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_18":67},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":60},"id","a4667668-40e2-11f1-b4af-42b51c65c3df","index.tsx","fileId","a466773a-40e2-11f1-b4af-42b51c65c3df","parentId","9c848b1a-40e2-11f1-9346-42b51c65c3df","branchId","79796f8c-40e2-11f1-b3ad-42b51c65c3df","branchVersion",6,"latest",true,"createdAt",["D",1777147759007],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { ApiSandbox } from \"./api-sandbox.tsx\";\nimport { GameSandbox } from \"./game-sandbox.tsx\";\n\ntype Tab = \"api\" | \"game\";\n\nfunction App() {\n const [tab, setTab] = useState(\"api\");\n\n return (\n

\n {/* Header */}\n

🧪 Sandbox Hub

\n setTab(\"api\")}\n class={`px-4 py-2 rounded-lg font-medium transition-all ${\n tab === \"api\"\n ? \"bg-blue-600 text-white shadow-lg shadow-blue-600/30\"\n : \"bg-gray-800 text-gray-400 hover:text-white hover:bg-gray-700\"\n }`}\n >\n 🔧 API Sandbox\n \n setTab(\"game\")}\n class={`px-4 py-2 rounded-lg font-medium transition-all ${\n tab === \"game\"\n ? \"bg-purple-600 text-white shadow-lg shadow-purple-600/30\"\n : \"bg-gray-800 text-gray-400 hover:text-white hover:bg-gray-700\"\n }`}\n >\n 🎮 Oyun Sandbox\n \n

\n kaynak kodu\n

\n\n {/* Content */}\n

\n {tab === \"api\" ? : }\n

\n );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render();\n","deleted",false,"label",[19,39],"9f282de0-40e2-11f1-a5c0-42b51c65c3df","index.html","9f282f02-40e2-11f1-a5c0-42b51c65c3df",5,["D",1777147750211],"\n\n\n \n \n 🧪 Sandbox Hub\n \n \n\n\n

\n \n\n\n",[19,62],"d4400778-40e2-11f1-a5c0-42b51c65c3df","game-sandbox.tsx","d440080e-40e2-11f1-a5c0-42b51c65c3df",8,["D",1777147839283],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useRef, useEffect, useState, useCallback } from \"https://esm.sh/react@18.2.0\";\n\ninterface Ball {\n x: number; y: number;\n vx: number; vy: number;\n r: number;\n color: string;\n mass: number;\n}\n\nconst COLORS = [\n \"#ef4444\", \"#f97316\", \"#eab308\", \"#22c55e\", \"#3b82f6\",\n \"#8b5cf6\", \"#ec4899\", \"#06b6d4\", \"#14b8a6\", \"#f43f5e\",\n];\n\nfunction randomColor() {\n return COLORS[Math.floor(Math.random() * COLORS.length)];\n}\n\nexport function GameSandbox() {\n const canvasRef = useRef(null);\n const ballsRef = useRef([]);\n const animRef = useRef(0);\n const mouseRef = useRef<{ x: number; y: number; down: boolean }>({ x: 0, y: 0, down: false });\n const [gravity, setGravity] = useState(0.5);\n const [bounce, setBounce] = useState(0.7);\n const [friction, setFriction] = useState(0.99);\n const [ballCount, setBallCount] = useState(0);\n const [tool, setTool] = useState<\"spawn\" | \"attract\" | \"repel\" | \"explode\">(\"spawn\");\n const [ballSize, setBallSize] = useState(15);\n const [paused, setPaused] = useState(false);\n const pausedRef = useRef(false);\n\n const gravRef = useRef(gravity);\n const bounceRef = useRef(bounce);\n const fricRef = useRef(friction);\n const toolRef = useRef(tool);\n const sizeRef = useRef(ballSize);\n\n useEffect(() => { gravRef.current = gravity; }, [gravity]);\n useEffect(() => { bounceRef.current = bounce; }, [bounce]);\n useEffect(() => { fricRef.current = friction; }, [friction]);\n useEffect(() => { toolRef.current = tool; }, [tool]);\n useEffect(() => { sizeRef.current = ballSize; }, [ballSize]);\n useEffect(() => { pausedRef.current = paused; }, [paused]);\n\n function spawnBall(x: number, y: number) {\n const r = sizeRef.current + Math.random() * 10;\n ballsRef.current.push({\n x, y,\n vx: (Math.random() - 0.5) * 8,\n vy: (Math.random() - 0.5) * 8,\n r, color: randomColor(),\n mass: r * r,\n });\n setBallCount(ballsRef.current.length);\n }\n\n useEffect(() => {\n const canvas = canvasRef.current!;\n const ctx = canvas.getContext(\"2d\")!;\n\n function resize() {\n const parent = canvas.parentElement!;\n canvas.width = parent.clientWidth;\n canvas.height = parent.clientHeight;\n }\n resize();\n window.addEventListener(\"resize\", resize);\n\n // Mouse events\n canvas.addEventListener(\"mousedown\", (e) => {\n const rect = canvas.getBoundingClientRect();\n mouseRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top, down: true };\n if (toolRef.current === \"spawn\") spawnBall(mouseRef.current.x, mouseRef.current.y);\n if (toolRef.current === \"explode\") {\n ballsRef.current.forEach(b => {\n const dx = b.x - mouseRef.current.x;\n const dy = b.y - mouseRef.current.y;\n const dist = Math.sqrt(dx * dx + dy * dy) || 1;\n if (dist < 200) {\n const force = (200 - dist) / 10;\n b.vx += (dx / dist) * force;\n b.vy += (dy / dist) * force;\n }\n });\n }\n });\n canvas.addEventListener(\"mousemove\", (e) => {\n const rect = canvas.getBoundingClientRect();\n mouseRef.current.x = e.clientX - rect.left;\n mouseRef.current.y = e.clientY - rect.top;\n });\n canvas.addEventListener(\"mouseup\", () => { mouseRef.current.down = false; });\n\n // Spawn some initial balls\n for (let i = 0; i < 5; i++) {\n spawnBall(\n 100 + Math.random() * (canvas.width - 200),\n 100 + Math.random() * (canvas.height - 200),\n );\n }\n\n function loop() {\n const W = canvas.width, H = canvas.height;\n const balls = ballsRef.current;\n const g = gravRef.current;\n const b = bounceRef.current;\n const f = fricRef.current;\n\n // Clear\n ctx.fillStyle = \"#030712\";\n ctx.fillRect(0, 0, W, H);\n\n // Grid\n ctx.strokeStyle = \"#111827\";\n ctx.lineWidth = 1;\n for (let x = 0; x < W; x += 40) { ctx.beginPath(); ctx.moveTo(x, 0); ctx.lineTo(x, H); ctx.stroke(); }\n for (let y = 0; y < H; y += 40) { ctx.beginPath(); ctx.moveTo(0, y); ctx.lineTo(W, y); ctx.stroke(); }\n\n if (!pausedRef.current) {\n // Mouse interaction\n if (mouseRef.current.down) {\n const t = toolRef.current;\n if (t === \"spawn\" && Math.random() < 0.15) spawnBall(mouseRef.current.x, mouseRef.current.y);\n if (t === \"attract\" || t === \"repel\") {\n balls.forEach(ball => {\n const dx = mouseRef.current.x - ball.x;\n const dy = mouseRef.current.y - ball.y;\n const dist = Math.sqrt(dx * dx + dy * dy) || 1;\n const force = Math.min(3, 300 / dist);\n const dir = t === \"attract\" ? 1 : -1;\n ball.vx += dir * (dx / dist) * force * 0.3;\n ball.vy += dir * (dy / dist) * force * 0.3;\n });\n }\n }\n\n // Physics\n for (const ball of balls) {\n ball.vy += g;\n ball.vx *= f;\n ball.vy *= f;\n ball.x += ball.vx;\n ball.y += ball.vy;\n\n // Walls\n if (ball.x - ball.r < 0) { ball.x = ball.r; ball.vx *= -b; }\n if (ball.x + ball.r > W) { ball.x = W - ball.r; ball.vx *= -b; }\n if (ball.y - ball.r < 0) { ball.y = ball.r; ball.vy *= -b; }\n if (ball.y + ball.r > H) { ball.y = H - ball.r; ball.vy *= -b; }\n }\n\n // Ball-to-ball collision\n for (let i = 0; i < balls.length; i++) {\n for (let j = i + 1; j < balls.length; j++) {\n const a = balls[i], bb = balls[j];\n const dx = bb.x - a.x, dy = bb.y - a.y;\n const dist = Math.sqrt(dx * dx + dy * dy);\n const minDist = a.r + bb.r;\n if (dist < minDist && dist > 0) {\n const nx = dx / dist, ny = dy / dist;\n const overlap = minDist - dist;\n const totalMass = a.mass + bb.mass;\n a.x -= nx * overlap * (bb.mass / totalMass);\n a.y -= ny * overlap * (bb.mass / totalMass);\n bb.x += nx * overlap * (a.mass / totalMass);\n bb.y += ny * overlap * (a.mass / totalMass);\n const dvx = a.vx - bb.vx, dvy = a.vy - bb.vy;\n const dvDotN = dvx * nx + dvy * ny;\n if (dvDotN > 0) {\n const impulse = (2 * dvDotN) / totalMass * b;\n a.vx -= impulse * bb.mass * nx;\n a.vy -= impulse * bb.mass * ny;\n bb.vx += impulse * a.mass * nx;\n bb.vy += impulse * a.mass * ny;\n }\n }\n }\n }\n }\n\n // Draw balls\n for (const ball of balls) {\n const speed = Math.sqrt(ball.vx * ball.vx + ball.vy * ball.vy);\n // Glow\n const grad = ctx.createRadialGradient(ball.x, ball.y, 0, ball.x, ball.y, ball.r * 2);\n grad.addColorStop(0, ball.color + \"40\");\n grad.addColorStop(1, \"transparent\");\n ctx.fillStyle = grad;\n ctx.beginPath();\n ctx.arc(ball.x, ball.y, ball.r * 2, 0, Math.PI * 2);\n ctx.fill();\n // Ball\n const bGrad = ctx.createRadialGradient(ball.x - ball.r * 0.3, ball.y - ball.r * 0.3, 0, ball.x, ball.y, ball.r);\n bGrad.addColorStop(0, \"white\");\n bGrad.addColorStop(0.3, ball.color);\n bGrad.addColorStop(1, ball.color + \"88\");\n ctx.fillStyle = bGrad;\n ctx.beginPath();\n ctx.arc(ball.x, ball.y, ball.r, 0, Math.PI * 2);\n ctx.fill();\n }\n\n // Draw cursor tool indicator\n if (toolRef.current !== \"spawn\") {\n ctx.strokeStyle = toolRef.current === \"attract\" ? \"#3b82f680\" : toolRef.current === \"repel\" ? \"#ef444480\" : \"#eab30880\";\n ctx.lineWidth = 2;\n ctx.setLineDash([5, 5]);\n ctx.beginPath();\n ctx.arc(mouseRef.current.x, mouseRef.current.y, 50, 0, Math.PI * 2);\n ctx.stroke();\n ctx.setLineDash([]);\n }\n\n animRef.current = requestAnimationFrame(loop);\n }\n\n animRef.current = requestAnimationFrame(loop);\n return () => {\n cancelAnimationFrame(animRef.current);\n window.removeEventListener(\"resize\", resize);\n };\n }, []);\n\n function clearAll() {\n ballsRef.current = [];\n setBallCount(0);\n }\n\n function rain() {\n const canvas = canvasRef.current!;\n for (let i = 0; i < 20; i++) {\n const r = 5 + Math.random() * 15;\n ballsRef.current.push({\n x: Math.random() * canvas.width, y: -r * 2,\n vx: (Math.random() - 0.5) * 3, vy: Math.random() * 5,\n r, color: randomColor(), mass: r * r,\n });\n }\n setBallCount(ballsRef.current.length);\n }\n\n return (\n

\n {/* Controls */}\n

\n {/* Tools */}\n {([\"spawn\", \"attract\", \"repel\", \"explode\"] as const).map(t => (\n \n ))}\n

\n \n \n \n 🔵 {ballCount} top\n

\n\n {/* Sliders */}\n

\n \n 🌍 Yerçekimi\n setGravity(+e.target.value)} class=\"w-24 accent-purple-500\" />\n {gravity}\n \n \n 🏀 Sekme\n setBounce(+e.target.value)} class=\"w-24 accent-purple-500\" />\n {bounce}\n \n \n 💨 Sürtünme\n setFriction(+e.target.value)} class=\"w-24 accent-purple-500\" />\n {friction}\n \n \n 📏 Top Boyutu\n setBallSize(+e.target.value)} class=\"w-24 accent-purple-500\" />\n {ballSize}px\n \n

\n\n {/* Canvas */}\n

\n );\n}\n",[19,69],"b80cc776-40e2-11f1-9346-42b51c65c3df","api-sandbox.tsx","b80cc834-40e2-11f1-9346-42b51c65c3df",7,["D",1777147791974],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface ApiResponse {\n status: number;\n statusText: string;\n headers: Record;\n body: string;\n duration: number;\n}\n\nconst METHODS = [\"GET\", \"POST\", \"PUT\", \"PATCH\", \"DELETE\"] as const;\nconst METHOD_COLORS: Record = {\n GET: \"bg-green-600\", POST: \"bg-yellow-600\", PUT: \"bg-blue-600\",\n PATCH: \"bg-orange-600\", DELETE: \"bg-red-600\",\n};\n\nconst EXAMPLES = [\n { name: \"JSONPlaceholder Posts\", url: \"https://jsonplaceholder.typicode.com/posts/1\", method: \"GET\" },\n { name: \"JSONPlaceholder Users\", url: \"https://jsonplaceholder.typicode.com/users\", method: \"GET\" },\n { name: \"Dog API\", url: \"https://dog.ceo/api/breeds/image/random\", method: \"GET\" },\n { name: \"Cat Fact\", url: \"https://catfact.ninja/fact\", method: \"GET\" },\n { name: \"IP Info\", url: \"https://httpbin.org/ip\", method: \"GET\" },\n { name: \"POST Test\", url: \"https://httpbin.org/post\", method: \"POST\" },\n];\n\nexport function ApiSandbox() {\n const [url, setUrl] = useState(\"https://jsonplaceholder.typicode.com/posts/1\");\n const [method, setMethod] = useState(\"GET\");\n const [headersText, setHeadersText] = useState('{\\n \"Content-Type\": \"application/json\"\\n}');\n const [bodyText, setBodyText] = useState('{\\n \"title\": \"test\",\\n \"body\": \"hello world\"\\n}');\n const [response, setResponse] = useState(null);\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [activeResTab, setActiveResTab] = useState<\"body\" | \"headers\">(\"body\");\n const [history, setHistory] = useState>([]);\n\n async function sendRequest() {\n setLoading(true);\n setError(\"\");\n setResponse(null);\n try {\n let parsedHeaders = {};\n try { parsedHeaders = JSON.parse(headersText); } catch {}\n\n const res = await fetch(\"/api/proxy\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n url, method, headers: parsedHeaders,\n requestBody: method !== \"GET\" && method !== \"HEAD\" ? bodyText : undefined,\n }),\n });\n const data = await res.json();\n if (data.error) { setError(data.error); }\n else {\n setResponse(data);\n setHistory(prev => [{ method, url, status: data.status, duration: data.duration }, ...prev].slice(0, 20));\n }\n } catch (err: any) { setError(err.message); }\n setLoading(false);\n }\n\n function formatJson(str: string): string {\n try { return JSON.stringify(JSON.parse(str), null, 2); } catch { return str; }\n }\n\n function loadExample(ex: typeof EXAMPLES[0]) {\n setUrl(ex.url);\n setMethod(ex.method);\n }\n\n return (\n

\n {/* Sidebar */}\n

📋 Örnek API'ler

\n {EXAMPLES.map((ex, i) => (\n \n ))}\n

\n\n {history.length > 0 && (\n

📜 Geçmiş

\n {history.map((h, i) => (\n

\n {h.method}\n {h.status}\n {new URL(h.url).pathname}\n {h.duration}ms\n

\n ))}\n

\n )}\n

\n\n {/* Main area */}\n

\n {/* URL Bar */}\n

\n \n setUrl(e.target.value)}\n placeholder=\"https://api.example.com/endpoint\"\n onKeyDown={e => e.key === \"Enter\" && sendRequest()}\n class=\"flex-1 bg-gray-900 border border-gray-700 rounded-lg px-4 py-3 font-mono text-sm focus:outline-none focus:border-blue-500\" />\n \n

\n\n {/* Request Config */}\n

Headers (JSON)

setHeadersText(e.target.value)}\n              class=\"w-full h-28 bg-gray-950 rounded-lg p-3 font-mono text-sm text-green-400 border border-gray-800 focus:outline-none focus:border-blue-500 resize-none\" />\n          </div>\n          {method !== \"GET\" && method !== \"HEAD\" && (\n            <div class=\"bg-gray-900 rounded-xl p-4 border border-gray-800\">\n              <h3 class=\"text-sm font-semibold text-gray-400 mb-2\">Body</h3>\n              <textarea value={bodyText} onChange={e => setBodyText(e.target.value)}\n                class=\"w-full h-28 bg-gray-950 rounded-lg p-3 font-mono text-sm text-yellow-400 border border-gray-800 focus:outline-none focus:border-blue-500 resize-none\" />\n            </div>\n          )}\n        </div>\n\n        {/* Error */}\n        {error && (\n          <div class=\"bg-red-900/30 border border-red-800 rounded-xl p-4 text-red-400\">\n            ❌ <strong>Hata:</strong> {error}\n          </div>\n        )}\n\n        {/* Response */}\n        {response && (\n          <div class=\"bg-gray-900 rounded-xl border border-gray-800 overflow-hidden\">\n            {/* Response header bar */}\n            <div class=\"flex items-center gap-4 px-4 py-3 border-b border-gray-800 bg-gray-900/50\">\n              <span class={`px-2 py-1 rounded font-bold text-sm ${\n                response.status < 300 ? \"bg-green-600/20 text-green-400\" :\n                response.status < 400 ? \"bg-yellow-600/20 text-yellow-400\" :\n                \"bg-red-600/20 text-red-400\"\n              }`}>\n                {response.status} {response.statusText}\n              </span>\n              <span class=\"text-gray-500 text-sm\">⏱ {response.duration}ms</span>\n              <span class=\"text-gray-500 text-sm\">📦 {(response.body.length / 1024).toFixed(1)} KB</span>\n              <div class=\"flex-1\" />\n              <div class=\"flex gap-1\">\n                <button onClick={() => setActiveResTab(\"body\")}\n                  class={`px-3 py-1 rounded text-sm ${activeResTab === \"body\" ? \"bg-gray-700 text-white\" : \"text-gray-500 hover:text-white\"}`}>\n                  Body\n                </button>\n                <button onClick={() => setActiveResTab(\"headers\")}\n                  class={`px-3 py-1 rounded text-sm ${activeResTab === \"headers\" ? \"bg-gray-700 text-white\" : \"text-gray-500 hover:text-white\"}`}>\n                  Headers\n                </button>\n              </div>\n            </div>\n            {/* Response body */}\n            <pre class=\"p-4 text-sm font-mono overflow-auto max-h-96 text-gray-300 whitespace-pre-wrap\">\n              {activeResTab === \"body\"\n                ? formatJson(response.body)\n                : JSON.stringify(response.headers, null, 2)}\n            </pre>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n",[19,76],"9c8489c6-40e2-11f1-9346-42b51c65c3df",4,["D",1777147745780],"directory",[19],{"_37":82,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":83,"_48":49,"_50":109,"_17":52,"_53":85,"_55":-5,"_57":58,"_59":-5,"_98":110,"_18":111},{"_37":101,"_13":102,"_40":103,"_42":-5,"_44":45,"_46":104,"_48":49,"_50":105,"_17":52,"_53":24,"_55":106,"_57":58,"_59":-5,"_98":107,"_18":108},{"_37":90,"_13":91,"_40":92,"_42":-5,"_44":45,"_46":93,"_48":49,"_50":94,"_17":95,"_53":96,"_55":97,"_57":58,"_59":-5,"_98":99,"_18":100},"9aa1da46-40e2-11f1-8e6b-42b51c65c3df","main.ts","797c6a3e-40e2-11f1-b3ad-42b51c65c3df",3,["D",1777147742609],2,"http","import { Hono } from \"npm:hono\";\nimport { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\napp.onError((err) => Promise.reject(err));\n\n// API proxy endpoint - forwards requests to user-specified URLs\napp.post(\"/api/proxy\", async (c) => {\n  try {\n    const body = await c.req.json();\n    const { url, method, headers, requestBody } = body;\n\n    if (!url) return c.json({ error: \"URL gerekli\" }, 400);\n\n    const fetchOptions: RequestInit = {\n      method: method || \"GET\",\n      headers: headers || {},\n    };\n\n    if (requestBody && method !== \"GET\" && method !== \"HEAD\") {\n      fetchOptions.body = requestBody;\n    }\n\n    const startTime = Date.now();\n    const response = await fetch(url, fetchOptions);\n    const duration = Date.now() - startTime;\n\n    const responseHeaders: Record<string, string> = {};\n    response.headers.forEach((v, k) => { responseHeaders[k] = v; });\n\n    let responseBody: string;\n    const contentType = response.headers.get(\"content-type\") || \"\";\n    responseBody = await response.text();\n\n    return c.json({\n      status: response.status,\n      statusText: response.statusText,\n      headers: responseHeaders,\n      body: responseBody,\n      duration,\n    });\n  } catch (err: any) {\n    return c.json({ error: err.message }, 500);\n  }\n});\n\n// Source code link\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Serve frontend files\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path));\n\n// Serve main HTML\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\n\nexport default app.fetch;\n","children",[],[91],"e21ee242-40e2-11f1-8f8d-42b51c65c3df","README.md","e21ee31e-40e2-11f1-8f8d-42b51c65c3df",9,["D",1777147862555],"# 🧪 Sandbox Hub\n\nAPI isteklerini test et ve fizik simülasyonu ile oyna — tek bir uygulamada!\n\n## Özellikler\n\n### 🔧 API Sandbox\n- **HTTP istekleri**: GET, POST, PUT, PATCH, DELETE\n- **Özel headers & body** desteği\n- **Hazır örnekler**: JSONPlaceholder, Dog API, Cat Fact, httpbin\n- **Yanıt detayları**: Durum kodu, süre, boyut, headers\n- **İstek geçmişi**: Son 20 isteği takip et\n\n### 🎮 Oyun Sandbox\n- **Fizik simülasyonu**: Yerçekimi, sürtünme, sekme\n- **Top-top çarpışması**: Gerçekçi kütle tabanlı çarpışma fiziği\n- **4 araç**: Oluştur, Çek (mıknatıs), İt, Patlat\n- **Kontroller**: Yerçekimi, sekme, sürtünme, top boyutu ayarları\n- **Yağmur modu**: 20 top birden yağdır\n\n## Mimari\n\n```mermaid\ngraph TD\n    A[index.html] --> B[index.tsx - React App]\n    B --> C[api-sandbox.tsx]\n    B --> D[game-sandbox.tsx]\n    C --> E[main.ts /api/proxy]\n    E --> F[Harici API'ler]\n    D --> G[Canvas 2D Fizik Motoru]\n```\n",[],[102],["D",1777147745780],[112,113,114,115],[19],{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":125,"_17":52,"_53":54,"_55":80,"_57":58,"_59":-5,"_98":126,"_18":127},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":122,"_17":52,"_53":54,"_55":73,"_57":58,"_59":-5,"_98":123,"_18":124},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":119,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_98":120,"_18":121},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":116,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_98":117,"_18":118},["D",1777147759007],[],[19,39],["D",1777147750211],[],[19,62],["D",1777147839283],[],[19,69],["D",1777147791974],[],[19,76],"797884aa-40e2-11f1-b3ad-42b51c65c3df",["D",1777147686991],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","🧪 API Sandbox + Oyun Sandbox (fizik simülasyonu)","imageUrl","userId","877d8b2f-03cb-482f-bd4e-47e648f1a439","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019dc63b-74b3-778d-98de-1c6ba682390a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_181":177},"org",{"_11":12,"_175":-5,"_176":177,"_138":139,"_178":179,"_180":58},"branch",{"_17":104,"_13":16,"_37":45,"_167":128,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":-5,"_173":14,"_174":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/255533448?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_37":128,"_13":14,"_50":241,"_130":-5,"_131":58,"_132":133,"_134":133,"_135":136,"_137":-5,"_138":139,"_140":-5,"_141":58,"_142":-5,"_143":-5,"_144":52,"_145":146,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":152,"_153":152,"_154":155,"_156":155,"_157":155,"_158":152,"_159":152,"_160":242,"_162":243,"_164":244,"_166":58},[220,225,226],"files",[220,221,222,223,224,225,226],"counts",{"_210":52,"_211":212,"_213":52,"_32":214,"_215":216},[202,203,204,205],{"_37":82,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":83,"_48":49,"_50":84,"_17":52,"_53":85,"_55":-5,"_57":58,"_59":-5,"_18":201},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":79,"_17":52,"_53":54,"_55":80,"_57":58,"_59":-5,"_18":209},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":72,"_17":52,"_53":54,"_55":73,"_57":58,"_59":-5,"_18":208},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":65,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_18":207},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":206},[19,39],[19,62],[19,69],[19,76],"pulls","branches",1,"forks",{"_217":52,"_219":52},"connections",{"_217":52,"_218":52},"count","unfilledCount","emptyCount",{"_37":82,"_13":19,"_40":43,"_42":-5,"_44":45,"_46":83,"_48":49,"_50":109,"_17":52,"_53":85,"_55":-5,"_57":58,"_59":-5,"_98":239,"_18":240},{"_37":75,"_13":76,"_40":77,"_42":43,"_44":45,"_46":78,"_48":49,"_50":125,"_17":52,"_53":54,"_55":80,"_57":58,"_59":-5,"_98":237,"_18":238},{"_37":68,"_13":69,"_40":70,"_42":43,"_44":45,"_46":71,"_48":49,"_50":122,"_17":52,"_53":54,"_55":73,"_57":58,"_59":-5,"_98":235,"_18":236},{"_37":61,"_13":62,"_40":63,"_42":43,"_44":45,"_46":64,"_48":49,"_50":119,"_17":52,"_53":24,"_55":66,"_57":58,"_59":-5,"_98":233,"_18":234},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":116,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_98":231,"_18":232},{"_37":101,"_13":102,"_40":103,"_42":-5,"_44":45,"_46":104,"_48":49,"_50":105,"_17":52,"_53":24,"_55":106,"_57":58,"_59":-5,"_98":229,"_18":230},{"_37":90,"_13":91,"_40":92,"_42":-5,"_44":45,"_46":93,"_48":49,"_50":94,"_17":95,"_53":96,"_55":97,"_57":58,"_59":-5,"_98":227,"_18":228},[],[91],[],[102],[],[19,39],[],[19,62],[],[19,69],[],[19,76],[221,222,223,224],[19],["D",1777147686991],{"_11":12,"_181":177},{"_11":12,"_175":-5,"_176":177,"_138":139,"_178":179,"_180":58},{"_17":104,"_13":16,"_37":45,"_167":128,"_168":-5,"_169":-5,"_170":-5,"_171":-5,"_172":-5,"_173":14,"_174":12},"ctx",{"_160":-5,"_198":278,"_279":280,"_281":282,"_283":58,"_284":58,"_285":58,"_286":49,"_287":-5,"_288":-7,"_289":-7,"_290":52,"_291":58,"_292":58,"_293":-5,"_294":58,"_295":58,"_296":58,"_297":-5},"ENV",{"_249":250,"_251":252,"_253":16,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277},"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"]
</article></body></html>