TLDraw React Example

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_164":165,"_166":167},"routes/_app.x.$handle.$name",{"_96":95,"_31":43,"_104":83,"_26":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":117,"_118":119,"_120":24,"_121":122,"_123":47,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_31":43,"_36":44,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":30,"_55":47,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":76,"_77":78,"_79":80,"_81":24},"version",1,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":33,"_34":35,"_36":37,"_38":14,"_39":40,"_23":24},"previous","deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","844f5356-2827-11f0-af78-569c3dd06744","name","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 TLDraw React Example\n \n \n \n \n

\n \n \n `,\n {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n },\n );","createdAt",["D",1717545567439],"branchVersion","branchId","844d6c8a-2827-11f0-af78-569c3dd06744","id","844d2c3e-2827-11f0-af78-569c3dd06744","react_tldraw",["D",1746281063695],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","fed077e2-dbc0-4421-bb81-a71b0796f69e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8bf3083e-3312-4fc4-8746-fcbc375455ce","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":53,"_100":101,"_102":24},"branch",{"_13":82,"_31":83,"_41":40,"_84":42,"_85":86,"_87":59,"_88":49,"_89":90,"_91":92,"_93":43,"_94":95},"isOwned",2,"main","projectId","forkedBranchId","eb9abd78-27b1-11f0-aecd-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","eb9a72c8-27b1-11f0-aecd-569c3dd06744","forkedProjectOrgId","f90ceb66-3638-4c91-b91c-b267f88aee17","projectName","userHandle","iamseeley","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_31":43,"_36":160,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":30,"_55":47,"_56":-5,"_57":-5,"_58":59,"_60":61,"_62":-5,"_63":-5,"_64":-5,"_65":-5,"_66":67,"_68":67,"_69":70,"_71":70,"_72":70,"_73":67,"_74":67,"_75":161,"_77":162,"_79":163,"_81":24},"tree",[155],"files",[155],"counts",{"_145":59,"_146":14,"_147":59,"_148":149,"_150":151},"contents",[138],"upstreamProject",{"_41":90,"_31":43,"_51":-5,"_52":-5,"_48":49,"_75":136},"upstreamBranch",{"_41":86,"_36":128,"_129":130,"_31":83,"_84":90,"_13":131,"_85":132,"_87":59,"_133":134,"_45":-5,"_81":24,"_48":49,"_94":135,"_60":92,"_93":43},"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",{"_96":135,"_103":137},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ",{"_41":139,"_31":27,"_29":30,"_140":-5,"_39":40,"_38":14,"_141":24,"_36":142,"_13":59,"_32":33,"_34":35,"_23":24,"_143":-5,"_26":144},"844f52c0-2827-11f0-af78-569c3dd06744","parentId","latest",["D",1717545567439],"label",[27],"pulls","branches","forks","envVars",{"_152":59,"_154":59},"connections",{"_152":59,"_153":59},"count","unfilledCount","emptyCount",{"_41":139,"_31":27,"_29":30,"_140":-5,"_39":40,"_38":14,"_141":24,"_36":156,"_13":59,"_32":33,"_34":35,"_23":24,"_143":-5,"_157":158,"_26":159},["D",1717545567439],"children",[],[27],["D",1746281063695],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":53,"_100":101,"_102":24},{"_13":82,"_31":83,"_41":40,"_84":42,"_85":86,"_87":59,"_88":49,"_89":90,"_91":92,"_93":43,"_94":95},"ctx",{"_75":-5,"_125":197,"_198":199,"_200":201,"_202":24,"_203":24,"_204":24,"_205":47,"_206":-5,"_207":-7,"_208":-7,"_209":59,"_210":24,"_211":24,"_212":-5,"_213":24,"_214":24,"_215":24,"_216":-5},"ENV",{"_168":169,"_170":171,"_172":83,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

Diff · v1