TLDraw React Example

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_181":182,"_183":184},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_63":145,"_16":-7,"_146":-5,"_17":147,"_148":149,"_29":150,"_21":151,"_23":152,"_153":-5,"_154":155,"_156":157,"_158":38,"_159":160,"_161":41,"_162":-5,"_163":-5,"_164":165},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":27,"_28":-5,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":38,"_40":41},"handle","tfayyaz","name","react_tldraw","branchName","version","project",{"_42":102,"_13":14,"_52":103,"_76":-5,"_104":41,"_78":79,"_105":79,"_106":-5,"_107":-5,"_108":109,"_110":46,"_111":41,"_112":-5,"_113":-5,"_114":92,"_82":115,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_129":130,"_131":132,"_133":134,"_77":38},"tags",[],"counts",{"_89":90,"_91":92,"_93":94,"_95":96,"_97":98},"contents",[86],"readme","upstream",{"_42":65,"_52":66,"_67":68,"_13":69,"_70":71,"_16":36,"_72":-5,"_73":-5,"_74":75,"_76":-5,"_77":38,"_78":79,"_80":81,"_82":83,"_84":85},"pull","files",[32],"preview",{"_42":43,"_13":44,"_45":46,"_47":-5,"_48":49,"_50":34,"_51":41,"_52":53,"_16":54,"_55":56,"_57":58,"_59":38,"_60":-5,"_61":62,"_63":64},"ahead",21,"behind",17,"showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","ec04e112-27b1-11f0-aecd-569c3dd06744","main.tsx","fileId","eba10c3c-27b1-11f0-aecd-569c3dd06744","parentId","branchId","eb9abd78-27b1-11f0-aecd-569c3dd06744","branchVersion","latest","createdAt",["D",1717683887633],20,"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://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 );","deleted","label","children",[],"path",[44],"a6f34ac8-277f-11f0-b46e-569c3dd06744",["D",1746208966373],"updatedAt",["D",1712754419108],"main","projectId","a6f2f3b6-277f-11f0-b46e-569c3dd06744","forkedBranchId","forkedBranchVersion","lockfileKey","1746242307738-esm.town_v_pomdtr_react_example@17-main","deletedAt","isOwned","privacy","public","userHandle","pomdtr","orgId","4b933fb9-e150-4558-9d0a-845e595c8c78","projectName","react_example",{"_42":43,"_13":44,"_45":46,"_47":-5,"_48":49,"_50":34,"_51":41,"_52":87,"_16":54,"_55":56,"_57":58,"_59":38,"_60":-5,"_63":88},["D",1717683887633],[44],"pulls",0,"branches",1,"forks",5,"envVars",{"_99":90,"_101":90},"connections",{"_99":90,"_100":90},"count","unfilledCount","emptyCount","eb9a72c8-27b1-11f0-aecd-569c3dd06744",["D",1746230556392],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","e8a4a3d7-b70c-4a07-8e6f-582a8e470ea3","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","f90ceb66-3638-4c91-b91c-b267f88aee17","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_144":140},"org",{"_11":12,"_138":-5,"_139":140,"_108":109,"_141":142,"_143":38},"branch",{"_16":34,"_13":69,"_42":49,"_70":102,"_72":65,"_73":90,"_135":79,"_136":71,"_137":83,"_84":14,"_80":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_42":102,"_13":14,"_52":177,"_76":-5,"_104":41,"_78":79,"_105":79,"_106":-5,"_107":-5,"_108":109,"_110":46,"_111":41,"_112":-5,"_113":-5,"_114":92,"_82":115,"_116":-5,"_117":-5,"_118":-5,"_119":-5,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_129":178,"_131":179,"_133":180,"_77":38},"tree",[174],[174],{"_89":90,"_91":92,"_93":94,"_95":172,"_97":173},[170],"file","upstreamProject",{"_42":71,"_13":85,"_106":-5,"_107":-5,"_78":79,"_129":168},"upstreamBranch",{"_42":65,"_52":166,"_67":167,"_13":69,"_70":71,"_16":36,"_72":-5,"_73":-5,"_74":75,"_76":-5,"_77":38,"_78":79,"_80":81,"_82":83,"_84":85},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746208966373],["D",1712754419108],{"_11":81,"_144":169},"https://images.clerk.dev/oauth_github/img_2RCoAITJZH1QencEgtVjh4Qirj4.jpeg",{"_42":43,"_13":44,"_45":46,"_47":-5,"_48":49,"_50":34,"_51":41,"_52":87,"_16":54,"_55":56,"_57":58,"_59":38,"_60":-5,"_63":171},[44],{"_99":90,"_101":90},{"_99":90,"_100":90},{"_42":43,"_13":44,"_45":46,"_47":-5,"_48":49,"_50":34,"_51":41,"_52":53,"_16":54,"_55":56,"_57":58,"_59":38,"_60":-5,"_61":175,"_63":176},[],[44],["D",1746230556392],{"_11":12,"_144":140},{"_11":12,"_138":-5,"_139":140,"_108":109,"_141":142,"_143":38},{"_16":34,"_13":69,"_42":49,"_70":102,"_72":65,"_73":90,"_135":79,"_136":71,"_137":83,"_84":14,"_80":12},"ctx",{"_129":-5,"_163":214,"_215":216,"_217":218,"_219":38,"_220":38,"_221":38,"_222":41,"_223":-5,"_224":-7,"_225":-7,"_226":90,"_227":38,"_228":38,"_229":-5,"_230":38,"_231":38,"_232":38,"_233":-5},"ENV",{"_185":186,"_187":188,"_189":69,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213},"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"]