React Example

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_180":181,"_182":183},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_70":131,"_40":-7,"_132":-5,"_17":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":-5,"_143":144,"_145":146,"_147":49,"_148":149,"_150":26,"_151":-5,"_152":-5,"_153":154},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","andreterron","name","server","branchName","main","project",{"_32":59,"_13":14,"_34":93,"_47":-5,"_94":26,"_50":51,"_95":51,"_96":-5,"_97":-5,"_98":99,"_100":77,"_101":26,"_102":-5,"_103":-5,"_104":44,"_54":105,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":120,"_121":122,"_123":28,"_48":49},"ahead",3,"behind",21,"diff",{"_63":64,"_65":66,"_67":68},"hasChanges",true,"sourceBranch",{"_40":20,"_13":16,"_32":58,"_38":59,"_41":33,"_43":44,"_60":51,"_61":39,"_62":55,"_56":14,"_52":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":16,"_38":39,"_40":22,"_41":42,"_43":44,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"pull","id","eb9abd78-27b1-11f0-aecd-569c3dd06744","createdAt",["D",1746230556392],"updatedAt",["D",1717683887633],"projectId","eb9a72c8-27b1-11f0-aecd-569c3dd06744","version","forkedBranchId","a6f34ac8-277f-11f0-b46e-569c3dd06744","forkedBranchVersion",0,"lockfileKey","1746244287721-esm.town_v_tfayyaz_react_tldraw@21-main","deletedAt","isOwned",false,"privacy","public","userHandle","tfayyaz","orgId","f90ceb66-3638-4c91-b91c-b267f88aee17","projectName","react_tldraw","5615a0b8-27b3-11f0-aecd-569c3dd06744","561564b8-27b3-11f0-aecd-569c3dd06744","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[69],"deleted",[],"modified",[],{"_70":71,"_72":-7,"_73":74},"path","main.tsx","targetFile","sourceFile",{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":58,"_80":20,"_81":26,"_34":82,"_40":83,"_84":85,"_86":87,"_65":49,"_88":-5,"_89":-7,"_70":90,"_91":92},"561fcff2-27b3-11f0-aecd-569c3dd06744","fileId","56177884-27b3-11f0-aecd-569c3dd06744","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 );","label","children",[71],"contentHash","bdb0258bcc695bc3ce155840686853fe86698a04adb7ee03866123b80c17e36b",["D",1746231164534],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","ec6d37b4-1291-4ea3-93b7-d7972929dc8b","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","e3e17235-151f-4b9a-87b3-8c6b339f259e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_130":126},"org",{"_11":12,"_124":-5,"_125":126,"_98":99,"_127":128,"_129":49},"branch","displayName","avatar","https://avatars.githubusercontent.com/u/1753594?v=4","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":176,"_47":-5,"_94":26,"_50":51,"_95":51,"_96":-5,"_97":-5,"_98":99,"_100":77,"_101":26,"_102":-5,"_103":-5,"_104":44,"_54":105,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":177,"_121":178,"_123":179,"_48":49},"tree",[173],"files",[173],"counts",{"_162":44,"_163":164,"_165":44,"_166":167,"_168":169},"contents",[159],"file","upstreamProject",{"_32":39,"_13":57,"_96":-5,"_97":-5,"_50":51,"_119":157},"upstreamBranch",{"_32":33,"_34":155,"_36":156,"_13":16,"_38":39,"_40":22,"_41":42,"_43":44,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230556392],["D",1717683887633],{"_11":53,"_130":158},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ",{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":58,"_80":20,"_81":26,"_34":160,"_40":83,"_84":85,"_86":87,"_65":49,"_88":-5,"_70":161},["D",1713928346952],[71],"pulls","branches",1,"forks","envVars",{"_170":44,"_172":44},"connections",{"_170":44,"_171":44},"count","unfilledCount","emptyCount",{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":58,"_80":20,"_81":26,"_34":82,"_40":83,"_84":85,"_86":87,"_65":49,"_88":-5,"_89":174,"_70":175},[],[71],["D",1746231164534],{"_11":12,"_130":126},{"_11":12,"_124":-5,"_125":126,"_98":99,"_127":128,"_129":49},{"_40":20,"_13":16,"_32":58,"_38":59,"_41":33,"_43":44,"_60":51,"_61":39,"_62":55,"_56":14,"_52":12},"ctx",{"_119":-5,"_152":213,"_214":215,"_216":217,"_218":49,"_219":49,"_220":49,"_221":26,"_222":-5,"_223":-7,"_224":-7,"_225":44,"_226":49,"_227":49,"_228":-5,"_229":49,"_230":49,"_231":49,"_232":-5},"ENV",{"_184":185,"_186":187,"_188":16,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212},"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"]

Compare

Mergeandreterron/mainintotfayyaz/main

Hmain.tsx+31-0