[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_162":163,"_164":165},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_19":20,"_17":18,"_122":-5,"_21":123,"_23":124,"_125":126,"_127":128,"_27":129,"_25":130,"_131":-5,"_132":-5,"_133":42,"_134":135,"_136":63,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","stevekrouse","name","perf","branchName","main","version",6,"path","main.tsx","project",{"_33":68,"_13":14,"_43":69,"_70":-5,"_71":63,"_72":73,"_74":73,"_75":-5,"_76":-5,"_77":78,"_79":36,"_80":63,"_81":-5,"_82":-5,"_83":62,"_84":85,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_99":100,"_101":102,"_103":104,"_105":42},"tree",[53,54],"file",{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":42,"_51":-5,"_19":52},"contents",[],"upstream","pull","ahead","behind","id","612959d2-25f0-11f0-ad23-569c3dd06744","fileId","611730b8-25f0-11f0-ad23-569c3dd06744","parentId","branchId","611548ac-25f0-11f0-ad23-569c3dd06744","branchVersion","latest",false,"createdAt",["D",1721237925090],5,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nimport { hydrateRoot } from \"https://esm.sh/react-dom/client\";\nimport { renderToReadableStream } from \"https://esm.sh/react-dom/server\";\n\nconst App = useCallback(async () => {\n setIsLoading(true);\n const times = [];\n setCurrentTest({ url, prewarmCount, count, completedTests: 0, average: 0, lowest: Infinity, highest: -Infinity });\n\n // Pre-warm requests\n for (let i = 0; i < prewarmCount; i++) {\n try {\n await fetch(url);\n } catch (error) {\n console.error('Error during pre-warm:', error);\n }\n }\n\n // Actual test requests\n for (let i = 0; i < count; i++) {\n const start = performance.now();\n try {\n await fetch(url);\n const end = performance.now();\n const duration = end - start;\n times.push(duration);\n\n const newAverage = times.reduce((a, b) => a + b, 0) / times.length;\n const newLowest = Math.min(...times);\n const newHighest = Math.max(...times);\n\n setCurrentTest(prev => ({\n ...prev,\n completedTests: i + 1,\n average: newAverage.toFixed(2),\n lowest: newLowest.toFixed(2),\n highest: newHighest.toFixed(2)\n }));\n } catch (error) {\n console.error('Error fetching URL:', error);\n setIsLoading(false);\n setCurrentTest(null);\n return;\n }\n }\n\n setResults(prev => [\n {\n url,\n average: times.reduce((a, b) => a + b, 0) / times.length,\n lowest: Math.min(...times),\n highest: Math.max(...times),\n timestamp: new Date().toLocaleString(),\n prewarmCount,\n testCount: count,\n },\n ...prev,\n ]);\n setIsLoading(false);\n setCurrentTest(null);\n }, [url, count, prewarmCount]);\n\n const inputStyle = {\n width: '100%',\n padding: '0.5rem',\n backgroundColor: '#4a5568',\n color: 'white',\n border: '1px solid #4a5568',\n borderRadius: '0.25rem'\n };\n\n const labelStyle = {\n display: 'block',\n marginBottom: '0.5rem',\n color: '#a0aec0'\n };\n\n const resultCardStyle = {\n backgroundColor: '#2d3748',\n borderRadius: '0.5rem',\n padding: '1.5rem',\n transition: 'box-shadow 300ms',\n boxShadow: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)'\n };\n\n return (\n

\n Website Performance Tester\n

\n Website URL\n setUrl(e.target.value)}\n placeholder=\"https://example.com\"\n style={inputStyle}\n />\n

\n Pre-warm Count\n setPrewarmCount(parseInt(e.target.value))}\n min=\"0\"\n style={inputStyle}\n />\n

\n Test Count\n setCount(parseInt(e.target.value))}\n min=\"1\"\n style={inputStyle}\n />\n

\n \n

\n {currentTest && (\n

\n Current Test: {currentTest.url}\n

Average

{currentTest.average} ms

Lowest

{currentTest.lowest} ms

Highest

{currentTest.highest} ms

\n Progress: {currentTest.completedTests} / {currentTest.count} tests\n

\n )}\n

\n {results.map((result, index) => (\n

{result.url}

Average

{result.average.toFixed(2)} ms

Lowest

{result.lowest.toFixed(2)} ms

Highest

{result.highest.toFixed(2)} ms

\n Tested at: {result.timestamp} | Pre-warm: {result.prewarmCount} | Test count: {result.testCount}\n

\n ))}\n

\n );\n};\n\nif (typeof document !== \"undefined\") { hydrateRoot(document, ); }\n\nexport default async function(req: Request): Promise {\n const stream = await renderToReadableStream(, { bootstrapModules: [import.meta.url] });\n\n return new Response(stream, { headers: { \"content-type\": \"text/html\" } });\n}","deleted","label",[20],{"_33":59,"_13":60,"_35":61,"_37":-5,"_38":39,"_40":62,"_41":63,"_43":64,"_17":65,"_46":25,"_48":-5,"_50":42,"_51":-5,"_56":66,"_19":67},{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":42,"_51":-5,"_56":57,"_19":58},["D",1721237925090],"children",[],[20],"611735b8-25f0-11f0-ad23-569c3dd06744","README.md","61173630-25f0-11f0-ad23-569c3dd06744",1,true,["D",1721237277461],0,[],[60],"6115057c-25f0-11f0-ad23-569c3dd06744",["D",1746037479961],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_121":117},"org",{"_11":12,"_115":-5,"_116":117,"_77":78,"_118":119,"_120":42},"branch",{"_17":106,"_13":16,"_33":39,"_107":68,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"isOwned",21,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":68,"_13":14,"_43":158,"_70":-5,"_71":63,"_72":73,"_74":73,"_75":-5,"_76":-5,"_77":78,"_79":36,"_80":63,"_81":-5,"_82":-5,"_83":62,"_84":85,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":91,"_92":91,"_93":94,"_95":94,"_96":94,"_97":91,"_98":91,"_99":159,"_101":160,"_103":161,"_105":42},[152,153],"files",[152,153],"counts",{"_142":65,"_143":65,"_144":65,"_145":146,"_147":148},[],{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":42,"_51":-5,"_19":141},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[20],"pulls","branches","forks","envVars",{"_149":65,"_151":65},"connections",{"_149":65,"_150":65},"count","unfilledCount","emptyCount",{"_33":59,"_13":60,"_35":61,"_37":-5,"_38":39,"_40":62,"_41":63,"_43":64,"_17":65,"_46":25,"_48":-5,"_50":42,"_51":-5,"_56":156,"_19":157},{"_33":34,"_13":20,"_35":36,"_37":-5,"_38":39,"_40":18,"_41":42,"_43":55,"_17":45,"_46":47,"_48":-5,"_50":42,"_51":-5,"_56":154,"_19":155},[],[20],[],[60],["D",1746037479961],{"_11":12,"_121":117},{"_11":12,"_115":-5,"_116":117,"_77":78,"_118":119,"_120":42},{"_17":106,"_13":16,"_33":39,"_107":68,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":14,"_114":12},"ctx",{"_99":-5,"_195":196,"_138":197,"_198":199,"_200":201,"_202":42,"_203":42,"_204":42,"_205":63,"_206":-5,"_207":-7,"_208":-7,"_209":65,"_210":42,"_211":42,"_212":-5},"ENV",{"_166":167,"_168":169,"_170":16,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdc99cef6780d301d68708a0b7e96c8be98fdd58","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","aiChatModels",[213,214,215,216,217],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_218":242,"_51":243,"_221":244,"_75":245,"_224":63,"_225":63,"_226":227,"_228":63},{"_218":237,"_51":238,"_221":239,"_75":240,"_224":63,"_225":42,"_226":241,"_228":42},{"_218":233,"_51":234,"_221":235,"_75":236,"_224":63,"_225":63,"_226":227,"_228":42},{"_218":229,"_51":230,"_221":231,"_75":232,"_224":63,"_225":63,"_226":227,"_228":42},{"_218":219,"_51":220,"_221":222,"_75":223,"_224":63,"_225":63,"_226":227,"_228":42},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]