React Example

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_159":160,"_161":162},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_86":66,"_87":88,"_64":-7,"_89":-5,"_13":90,"_91":92,"_11":93,"_94":95,"_96":97,"_98":-5,"_99":100,"_101":102,"_103":63,"_104":105,"_106":26,"_107":-5,"_108":-5,"_109":110},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":57,"_58":59,"_60":61,"_62":63},"query","handle","andreterron","id","561564b8-27b3-11f0-aecd-569c3dd06744","name","server","createdAt",["D",1746231164534],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","userId","ec6d37b4-1291-4ea3-93b7-d7972929dc8b","pinnedFileId","56177884-27b3-11f0-aecd-569c3dd06744","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","e3e17235-151f-4b9a-87b3-8c6b339f259e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_16":17,"_85":81},"org",{"_16":17,"_79":-5,"_80":81,"_32":33,"_82":83,"_84":63},"branch",{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":40,"_72":28,"_73":74,"_75":76,"_77":21,"_78":17},"isOwned",false,"version",3,"main","5615a0b8-27b3-11f0-aecd-569c3dd06744","projectId","forkedBranchId","eb9abd78-27b1-11f0-aecd-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","eb9a72c8-27b1-11f0-aecd-569c3dd06744","forkedProjectOrgId","f90ceb66-3638-4c91-b91c-b267f88aee17","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/1753594?v=4","tier","pro","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_18":19,"_20":21,"_22":155,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":156,"_58":157,"_60":158,"_62":63},"tree",[150],[150],"counts",{"_139":40,"_140":141,"_142":40,"_143":144,"_145":146},"contents",[122],"file","upstreamProject",{"_18":74,"_20":119,"_30":-5,"_31":-5,"_27":28,"_56":120},"upstreamBranch",{"_18":70,"_22":111,"_112":113,"_20":66,"_68":74,"_64":114,"_69":115,"_71":40,"_116":117,"_24":-5,"_62":63,"_27":28,"_78":118,"_41":76,"_77":119},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230556392],"updatedAt",["D",1717683887633],21,"a6f34ac8-277f-11f0-b46e-569c3dd06744","lockfileKey","1746244287721-esm.town_v_tfayyaz_react_tldraw@21-main","tfayyaz","react_tldraw",{"_16":118,"_85":121},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ",{"_18":123,"_20":124,"_125":35,"_126":-5,"_127":67,"_128":65,"_129":26,"_22":130,"_64":131,"_132":133,"_134":135,"_136":63,"_137":-5,"_87":138},"561fcff2-27b3-11f0-aecd-569c3dd06744","main.tsx","fileId","parentId","branchId","branchVersion","latest",["D",1713928346952],2,"fileType","http","content","/**\n * @title Running React on the Client\n * @description Vals can also be used to host client-side code!\n * @preview https://pomdtr-react_example_server.web.val.run\n * @include pomdtr/react_example_client\n * @resource [React - Quick Start](https://react.dev/learn)\n */\n\n// The server response includes a script referencing the client val\nexport const server = (req) =>\n new Response(\n `\n \n React Example\n \n \n \n \n \n

\n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );","deleted","label",[124],"pulls","branches",1,"forks","envVars",{"_147":40,"_149":40},"connections",{"_147":40,"_148":40},"count","unfilledCount","emptyCount",{"_18":123,"_20":124,"_125":35,"_126":-5,"_127":67,"_128":65,"_129":26,"_22":151,"_64":131,"_132":133,"_134":135,"_136":63,"_137":-5,"_152":153,"_87":154},["D",1713928346952],"children",[],[124],["D",1746231164534],{"_16":17,"_85":81},{"_16":17,"_79":-5,"_80":81,"_32":33,"_82":83,"_84":63},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":40,"_72":28,"_73":74,"_75":76,"_77":21,"_78":17},"ctx",{"_56":-5,"_108":192,"_193":194,"_195":196,"_197":63,"_198":63,"_199":63,"_200":26,"_201":-5,"_202":-7,"_203":-7,"_204":40,"_205":63,"_206":63,"_207":-5,"_208":63,"_209":63,"_210":63,"_211":-5},"ENV",{"_163":164,"_165":166,"_167":66,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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"]

Search