[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_100":99,"_37":50,"_108":90,"_32":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_26":-5,"_120":-5,"_121":-5,"_122":30,"_123":124,"_125":126,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":30,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":30},"version",7,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","ac209588-a1ca-45c5-a50b-b540ccf23757","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/api-sandbox.tsx","latestPath","fileId","b80cc834-40e2-11f1-9346-42b51c65c3df","name","api-sandbox.tsx","fileType","script","content","/** @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","createdAt",["D",1777147791974],"branchVersion","branchId","79796f8c-40e2-11f1-b3ad-42b51c65c3df","id","797884aa-40e2-11f1-b3ad-42b51c65c3df","sandbox-hub",["D",1777147686991],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","🧪 API Sandbox + Oyun Sandbox (fizik simülasyonu)","imageUrl","877d8b2f-03cb-482f-bd4e-47e648f1a439","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019dc63b-74b3-778d-98de-1c6ba682390a","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_19":60,"_104":105,"_106":30},"branch",{"_13":89,"_37":90,"_48":47,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"isOwned",9,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","batuflexmarka069glitch","handle","displayName","avatar","https://avatars.githubusercontent.com/u/255533448?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":195,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":-5,"_62":30,"_63":-5,"_64":-5,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":196,"_84":197,"_86":198,"_88":30},"tree",[163,167],"files",[163,164,165,166,167],"counts",{"_152":66,"_153":154,"_155":66,"_156":157,"_158":159},"contents",[131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":126,"_43":149,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_32":151},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":126,"_43":139,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_32":144},"9aa1da46-40e2-11f1-8e6b-42b51c65c3df","main.ts","797c6a3e-40e2-11f1-b3ad-42b51c65c3df","parentId",3,"latest",["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","label",[134],"9c8489c6-40e2-11f1-9346-42b51c65c3df","frontend","9c848b1a-40e2-11f1-9346-42b51c65c3df",4,["D",1777147745780],"directory",[146],"pulls","branches",1,"forks","envVars",{"_160":66,"_162":66},"connections",{"_160":66,"_161":66},"count","unfilledCount","emptyCount",{"_48":145,"_37":146,"_35":147,"_136":-5,"_46":47,"_45":148,"_138":126,"_43":192,"_13":66,"_39":150,"_41":-5,"_29":30,"_143":-5,"_169":193,"_32":194},{"_48":188,"_37":38,"_35":36,"_136":147,"_46":47,"_45":14,"_138":126,"_43":189,"_13":66,"_39":40,"_41":42,"_29":30,"_143":-5,"_169":190,"_32":191},{"_48":180,"_37":181,"_35":182,"_136":147,"_46":47,"_45":183,"_138":126,"_43":184,"_13":66,"_39":26,"_41":185,"_29":30,"_143":-5,"_169":186,"_32":187},{"_48":172,"_37":173,"_35":174,"_136":147,"_46":47,"_45":175,"_138":126,"_43":176,"_13":66,"_39":40,"_41":177,"_29":30,"_143":-5,"_169":178,"_32":179},{"_48":133,"_37":134,"_35":135,"_136":-5,"_46":47,"_45":137,"_138":126,"_43":168,"_13":140,"_39":141,"_41":142,"_29":30,"_143":-5,"_169":170,"_32":171},["D",1777147742609],"children",[],[134],"a4667668-40e2-11f1-b4af-42b51c65c3df","index.tsx","a466773a-40e2-11f1-b4af-42b51c65c3df",6,["D",1777147759007],"/** @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<Tab>(\"api\");\n\n  return (\n    <div class=\"min-h-screen flex flex-col\">\n      {/* Header */}\n      <header class=\"bg-gray-900 border-b border-gray-800 px-6 py-4\">\n        <div class=\"flex items-center justify-between max-w-7xl mx-auto\">\n          <h1 class=\"text-2xl font-bold\">🧪 Sandbox Hub</h1>\n          <div class=\"flex gap-2\">\n            <button\n              onClick={() => 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            </button>\n            <button\n              onClick={() => 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            </button>\n          </div>\n          <a href=\"/source\" class=\"text-gray-500 hover:text-gray-300 text-sm\">kaynak kodu</a>\n        </div>\n      </header>\n\n      {/* Content */}\n      <main class=\"flex-1 max-w-7xl mx-auto w-full p-6\">\n        {tab === \"api\" ? <ApiSandbox /> : <GameSandbox />}\n      </main>\n    </div>\n  );\n}\n\ncreateRoot(document.getElementById(\"root\")!).render(<App />);\n",[],[146,173],"9f282de0-40e2-11f1-a5c0-42b51c65c3df","index.html","9f282f02-40e2-11f1-a5c0-42b51c65c3df",5,["D",1777147750211],"<!DOCTYPE html>\n<html lang=\"tr\">\n<head>\n  <meta charset=\"UTF-8\" />\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n  <title>🧪 Sandbox Hub</title>\n  <script src=\"https://cdn.twind.style\" crossorigin></script>\n  <script src=\"https://esm.town/v/std/catch\"></script>\n</head>\n<body class=\"bg-gray-950 text-white min-h-screen\">\n  <div id=\"root\"></div>\n  <script src=\"/frontend/index.tsx\" type=\"module\"></script>\n</body>\n</html>\n",[],[146,181],"b80cc776-40e2-11f1-9346-42b51c65c3df",["D",1777147791974],[],[146,38],["D",1777147745780],[164,165,166],[146],["D",1777147686991],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_19":60,"_104":105,"_106":30},{"_13":89,"_37":90,"_48":47,"_91":49,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":50,"_98":99},"ctx",{"_82":-5,"_128":232,"_233":234,"_235":236,"_237":30,"_238":30,"_239":30,"_240":126,"_241":-5,"_242":-7,"_243":-7,"_244":66,"_245":30,"_246":30,"_247":-5,"_248":30,"_249":30,"_250":30,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":90,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"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>

Diff · v7