React Example

[{"_1":2,"_272":-5,"_273":-5},"loaderData",{"_3":4,"_91":92,"_210":211,"_271":-5},"root",{"_5":6,"_32":33,"_58":59,"_89":90},"ctx",{"_7":8,"_18":19,"_20":-5,"_21":22,"_23":24,"_25":26,"_27":26,"_28":29,"_30":31},"auth",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"sessionClaims","sessionId","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","environmentVariableKeys",[],"user","preferences_keybindings","default","preferences_theme","light","preferences_fixers",false,"preferences_copilot","preferences_model","claude-3-5-haiku-20241022","notification_count",0,"ENV",{"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","fa80b67e1f763bfb4b247c3f5ca4f0b0730f3f5c","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","API_URL","https://api.val.town","WORKER_FINGERPRINT","799d99f2805306c2714a7cfefbeae178","clerkState",{"_60":61},"__internal_clerk_state",{"_62":63,"_64":43,"_65":66,"_67":66,"_68":26,"_69":66,"_70":66,"_71":66,"_72":66,"_73":66,"_74":66,"_75":66,"_76":66,"_77":78,"_87":26,"_88":26},"__clerk_ssr_state",{"_9":-5,"_10":-5,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__signInForceRedirectUrl","__signUpForceRedirectUrl","__signInFallbackRedirectUrl","__signUpFallbackRedirectUrl","__clerk_debug",{"_79":26,"_80":66,"_81":82,"_83":66,"_84":43,"_85":26,"_86":66},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","remixVersion",2,"routes/_app.v.$handle.$name",{"_93":94,"_95":96,"_94":97,"_205":-5,"_206":-5,"_207":208,"_129":130,"_137":138,"_100":101,"_98":99,"_117":-7,"_50":51,"_209":26},"type","val","author","8a86e3e7-cae8-48ea-a1d8-c8cf7b30d88c",{"_98":99,"_95":96,"_100":101,"_102":-5,"_103":-5,"_104":105,"_106":-5,"_107":108,"_109":110,"_111":26,"_112":110,"_113":114,"_115":116,"_117":118,"_119":26,"_120":121,"_122":121,"_123":31,"_124":31,"_125":31,"_126":31,"_127":-5,"_20":128,"_133":-5,"_134":-7,"_135":136,"_137":138,"_139":140},"name","react_example","valNameId","e106081a-f448-11ee-b1af-cab58f78796a","parentFolderId","isOwned","privacy","public","readme","valType","http","currentVersion","36e3ca3e-f73b-11ee-a26c-cab58f78796a","legacyPrivate","id","code","/**\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 headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );","createdAt",["D",1712754419108],"version",16,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_129":130,"_131":132},"handle","pomdtr","profileImageUrl","https://images.clerk.dev/oauth_github/img_2RCoAITJZH1QencEgtVjh4Qirj4.jpeg","forkedVal","interval","slug","pomdtr/react_example","description","* @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)","versions",[141,144,148,152,156,160,164,168,172,176,180,184,188,192,196,199,202],{"_117":118,"_142":-5,"_115":143,"_112":110},"prId",["D",1712754419108],{"_117":145,"_142":-5,"_115":146,"_112":147},15,["D",1712754337176],"060e2a6c-f73b-11ee-98e8-cab58f78796a",{"_117":149,"_142":-5,"_115":150,"_112":151},14,["D",1712751385804],"26e656d0-f734-11ee-982a-cab58f78796a",{"_117":153,"_142":-5,"_115":154,"_112":155},13,["D",1712751369460],"1d2893e2-f734-11ee-b886-cab58f78796a",{"_117":157,"_142":-5,"_115":158,"_112":159},12,["D",1712445730158],"7df021ba-f46c-11ee-a72c-cab58f78796a",{"_117":161,"_142":-5,"_115":162,"_112":163},11,["D",1712433249245],"6ebbd4cc-f44f-11ee-9b2c-cab58f78796a",{"_117":165,"_142":-5,"_115":166,"_112":167},10,["D",1712433189384],"4b0dc9ae-f44f-11ee-81fa-cab58f78796a",{"_117":169,"_142":-5,"_115":170,"_112":171},9,["D",1712433156887],"37af25f6-f44f-11ee-9ed4-cab58f78796a",{"_117":173,"_142":-5,"_115":174,"_112":175},8,["D",1712432988178],"d320180c-f44e-11ee-8d7d-cab58f78796a",{"_117":177,"_142":-5,"_115":178,"_112":179},7,["D",1712432975860],"cbc8a3b2-f44e-11ee-8d7d-cab58f78796a",{"_117":181,"_142":-5,"_115":182,"_112":183},6,["D",1712432512140],"b76283e4-f44d-11ee-9518-cab58f78796a",{"_117":185,"_142":-5,"_115":186,"_112":187},5,["D",1712432427583],"84fc53e4-f44d-11ee-a286-cab58f78796a",{"_117":189,"_142":-5,"_115":190,"_112":191},4,["D",1712431053307],"51da5392-f44a-11ee-82e2-cab58f78796a",{"_117":193,"_142":-5,"_115":194,"_112":195},3,["D",1712430995675],"2f80801e-f44a-11ee-9d03-cab58f78796a",{"_117":90,"_142":-5,"_115":197,"_112":198},["D",1712430965694],"1da1aa12-f44a-11ee-878e-cab58f78796a",{"_117":121,"_142":-5,"_115":200,"_112":201},["D",1712430922942],"042628ce-f44a-11ee-8406-cab58f78796a",{"_117":31,"_142":-5,"_115":203,"_112":204},["D",1712430434519],"e106b062-f448-11ee-b1af-cab58f78796a","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.forks",{"_212":213,"_267":121,"_268":136,"_269":31,"_94":270},"forksList",[214],{"_100":215,"_216":217},"9fbf5028-01e0-11ef-8a4d-cab58f78796a","initialData",{"_98":218,"_95":219,"_100":215,"_102":-5,"_103":-5,"_104":105,"_106":66,"_107":108,"_109":220,"_111":26,"_112":220,"_113":221,"_115":222,"_117":223,"_119":26,"_120":121,"_123":31,"_124":31,"_125":121,"_122":185,"_126":31,"_127":-5,"_20":224,"_133":227,"_134":-7,"_137":229,"_230":-5,"_135":231,"_139":232},"react_tldraw","e8a4a3d7-b70c-4a07-8e6f-582a8e470ea3","8717e948-2410-11ef-a8d8-cab58f78796a","/**\n * @title Running React on the Client\n * @description Vals can also be used to host client-side code!\n * @preview https://tfayyaz-react_tldraw.web.val.run\n * @include tfayyaz/reacttldrawclient\n * @resource [React - Quick Start](https://react.dev/learn)\n * @resource [tldraw - Quick Start](https://tldraw.dev/)\n */\n\n// The server response includes a script referencing the client val\nexport const server = (req) =>\n new Response(\n `\n \n TLDraw React Example\n \n \n \n \n

\n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );",["D",1717683887633],20,{"_129":225,"_131":226},"tfayyaz","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ",{"_112":110,"_129":130,"_98":99,"_117":118,"_228":-5},"prDisabledHint","* @title Running React on the Client\n * @description Vals can also be used to host client-side code!\n * @preview https://tfayyaz-react_tldraw.web.val.run\n * @include tfayyaz/reacttldrawclient\n * @resource [React - Quick Start](https://react.dev/learn)\n * @resource [tldraw - Quick Start](https://tldraw.dev/)","latestEvaluation","tfayyaz/react_tldraw",[233,237,241,245,249,252,255,258,261,264],{"_115":234,"_117":223,"_235":236},["D",1717683887633],"n","1",{"_115":238,"_117":239,"_235":240},["D",1717683278294],19,"2",{"_115":242,"_117":243,"_235":244},["D",1717033759722],18,"3",{"_115":246,"_117":247,"_235":248},["D",1717033132298],17,"4",{"_115":250,"_117":118,"_235":251},["D",1717033115531],"5",{"_115":253,"_117":145,"_235":254},["D",1717032745954],"6",{"_115":256,"_117":149,"_235":257},["D",1713933094414],"7",{"_115":259,"_117":153,"_235":260},["D",1713931318742],"8",{"_115":262,"_117":157,"_235":263},["D",1713926476032],"9",{"_115":265,"_117":161,"_235":266},["D",1713925584942],"10","forksCount","valname","page",{"_112":110,"_98":99,"_129":130,"_11":96,"_117":118,"_100":101,"_113":114,"_104":105,"_111":26,"_135":136},"routes/_app","actionData","errors"]