[{"_1":2,"_125":-5,"_126":-5},"loaderData",{"_3":4,"_91":92},"root",{"_5":6,"_34":35,"_64":65},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":20,"_29":20,"_30":20,"_31":32,"_33":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","notificationCount",0,"flagDenols","ENV",{"_36":37,"_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},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","8e9ab478faef4805babde6d59c528a1818a04d96","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",{"_66":67},"__internal_clerk_state",{"_68":69,"_70":45,"_71":72,"_73":72,"_74":20,"_75":72,"_76":72,"_77":72,"_78":72,"_79":80,"_89":20,"_90":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",{"_81":20,"_19":20,"_82":72,"_83":84,"_85":72,"_86":45,"_87":20,"_88":72},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/embed.$handle.$name",{"_93":94,"_113":-7},"val",{"_95":96,"_97":98,"_99":100,"_101":102,"_103":-5,"_104":105,"_106":107,"_108":107,"_109":110,"_111":112,"_113":114,"_23":115,"_120":121,"_122":123,"_124":72},"name","single_file_web_app","author","2ac99154-7d90-4864-83c7-90f839921aea","valNameId","4c8e3064-e253-11ef-b5e0-e6cdfca9ef9f","privacy","public","readme","valType","http","currentVersion","af3ec9ce-e255-11ef-8ad2-e6cdfca9ef9f","id","code","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React from \"https://esm.sh/react@18.2.0\";\n\nfunction App() {\n return (\n

Client rendered react

This is all served from a single module on val.town!?

\n More details on this blog post!\n

\n Here's a 'pre' element with the html content inlined from the client to show how the val module is\n loaded on the client:\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") {\n client();\n document.getElementById(\"html-content\").innerText = document.documentElement.innerHTML.toString();\n}\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n Single File Web App\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\npre {\n background-color: #ccc;\n padding: 1em;\n border-radius: 10px;\n}\n`;","createdAt",["D",1738604311188],"version",5,{"_116":117,"_118":119},"handle","matthamlin","profileImageUrl","https://secure.gravatar.com/avatar/77c5c43c3a9cd2808c13784289b34d52&d=identicon","fileId","6b00722c-26dd-11f0-a5b3-569c3dd06744","slug","matthamlin/single_file_web_app","description","actionData","errors"]