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":16,"_19":20,"_17":18,"_135":-5,"_21":136,"_23":137,"_138":139,"_140":141,"_27":142,"_25":143,"_144":145,"_146":147,"_148":51,"_149":150,"_151":87,"_152":-5,"_153":-5,"_154":155},"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5,"_32":-5,"_33":-5},"handle","janpaul123","name","reacttldraw","branchName","main","version",3,"path","main.tsx","project",{"_34":91,"_13":14,"_36":92,"_49":-5,"_93":87,"_52":53,"_94":53,"_95":-5,"_96":-5,"_97":98,"_99":62,"_100":87,"_101":-5,"_102":-5,"_103":86,"_56":104,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":110,"_111":110,"_112":113,"_114":113,"_115":113,"_116":110,"_117":110,"_118":119,"_120":121,"_122":123,"_50":51},"tree",[77,78],"file",{"_34":60,"_13":20,"_61":62,"_63":-5,"_64":65,"_66":18,"_67":51,"_36":68,"_17":69,"_70":71,"_72":73,"_74":51,"_75":-5,"_19":76},"contents",[],"upstream",{"_34":35,"_36":37,"_38":39,"_13":16,"_40":41,"_17":42,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"pull","ahead","behind","id","eb9abd78-27b1-11f0-aecd-569c3dd06744","createdAt",["D",1746230556392],"updatedAt",["D",1717683887633],"projectId","eb9a72c8-27b1-11f0-aecd-569c3dd06744",21,"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","7844796e-26de-11f0-a5b3-569c3dd06744","fileId","783a11e0-26de-11f0-a5b3-569c3dd06744","parentId","branchId","7837c8fe-26de-11f0-a5b3-569c3dd06744","branchVersion","latest",["D",1721656990065],2,"fileType","http","content","export 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",[20],{"_34":83,"_13":84,"_61":85,"_63":-5,"_64":65,"_66":86,"_67":87,"_36":88,"_17":46,"_70":25,"_72":-5,"_74":51,"_75":-5,"_80":89,"_19":90},{"_34":60,"_13":20,"_61":62,"_63":-5,"_64":65,"_66":18,"_67":51,"_36":79,"_17":69,"_70":71,"_72":-5,"_74":51,"_75":-5,"_80":81,"_19":82},["D",1721656990065],"children",[],[20],"783a192e-26de-11f0-a5b3-569c3dd06744","README.md","783a19ba-26de-11f0-a5b3-569c3dd06744",1,true,["D",1721656943995],[],[84],"78377642-26de-11f0-a5b3-569c3dd06744",["D",1746139738996],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","2ce21bab-39d2-4fd1-881a-02dc5ce8a4af","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","f9c69a1c-4300-4bec-b4cf-7c54a6c90f97","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_134":130},"org",{"_11":12,"_128":-5,"_129":130,"_97":98,"_131":132,"_133":51},"branch",{"_17":124,"_13":16,"_34":65,"_40":91,"_43":35,"_45":46,"_125":53,"_126":41,"_127":57,"_58":14,"_54":12},12,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJncEQ0elVic1BxOU15TkFMV0JCUkdRQndWMCJ9","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":91,"_13":14,"_36":177,"_49":-5,"_93":87,"_52":53,"_94":53,"_95":-5,"_96":-5,"_97":98,"_99":62,"_100":87,"_101":-5,"_102":-5,"_103":86,"_56":104,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":110,"_111":110,"_112":113,"_114":113,"_115":113,"_116":110,"_117":110,"_118":178,"_120":179,"_122":180,"_50":51},[171,172],"files",[171,172],"counts",{"_161":46,"_162":46,"_163":46,"_164":165,"_166":167},[],{"_34":60,"_13":20,"_61":62,"_63":-5,"_64":65,"_66":18,"_67":51,"_36":68,"_17":69,"_70":71,"_72":73,"_74":51,"_75":-5,"_19":160},"upstreamProject",{"_34":41,"_13":59,"_95":-5,"_96":-5,"_52":53,"_118":158},"upstreamBranch",{"_34":35,"_36":156,"_38":157,"_13":16,"_40":41,"_17":42,"_43":44,"_45":46,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746230556392],["D",1717683887633],{"_11":55,"_134":159},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ",[20],"pulls","branches","forks","envVars",{"_168":46,"_170":46},"connections",{"_168":46,"_169":46},"count","unfilledCount","emptyCount",{"_34":83,"_13":84,"_61":85,"_63":-5,"_64":65,"_66":86,"_67":87,"_36":88,"_17":46,"_70":25,"_72":-5,"_74":51,"_75":-5,"_80":175,"_19":176},{"_34":60,"_13":20,"_61":62,"_63":-5,"_64":65,"_66":18,"_67":51,"_36":79,"_17":69,"_70":71,"_72":-5,"_74":51,"_75":-5,"_80":173,"_19":174},[],[20],[],[84],["D",1746139738996],{"_11":12,"_134":130},{"_11":12,"_128":-5,"_129":130,"_97":98,"_131":132,"_133":51},{"_17":124,"_13":16,"_34":65,"_40":91,"_43":35,"_45":46,"_125":53,"_126":41,"_127":57,"_58":14,"_54":12},"ctx",{"_118":-5,"_214":215,"_153":216,"_217":218,"_219":220,"_221":51,"_222":51,"_223":51,"_224":87,"_225":-5,"_226":-7,"_227":-7,"_228":46,"_229":51,"_230":51,"_231":-5},"ENV",{"_185":186,"_187":188,"_189":16,"_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","062e3653a6c832c70f878fb5d69af4bb53420e71","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","aiChatModels",[232,233,234,235,236],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_237":260,"_75":261,"_240":262,"_95":263,"_243":87,"_244":87,"_245":246,"_247":87},{"_237":256,"_75":257,"_240":258,"_95":259,"_243":87,"_244":87,"_245":246,"_247":51},{"_237":252,"_75":253,"_240":254,"_95":255,"_243":87,"_244":87,"_245":246,"_247":51},{"_237":248,"_75":249,"_240":250,"_95":251,"_243":87,"_244":87,"_245":246,"_247":51},{"_237":238,"_75":239,"_240":241,"_95":242,"_243":87,"_244":87,"_245":246,"_247":51},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku55","Claude Haiku 5.5","Haiku 5.5","Fast; good for straightforward edits","deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]