TLDraw React Example

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_157":158,"_159":160},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_86":66,"_87":88,"_64":-7,"_89":-5,"_13":90,"_91":92,"_11":93,"_94":95,"_96":97,"_98":-5,"_99":100,"_101":102,"_103":63,"_104":105,"_106":26,"_107":-5,"_108":-5,"_109":110},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":57,"_58":59,"_60":61,"_62":63},"query","handle","iamseeley","id","844d2c3e-2827-11f0-af78-569c3dd06744","name","react_tldraw","createdAt",["D",1746281063695],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","userId","fed077e2-dbc0-4421-bb81-a71b0796f69e","pinnedFileId","844f5356-2827-11f0-af78-569c3dd06744","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",{"_16":17,"_85":81},"org",{"_16":17,"_79":-5,"_80":81,"_32":33,"_82":83,"_84":63},"branch",{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":40,"_72":28,"_73":74,"_75":76,"_77":21,"_78":17},"isOwned",false,"version",2,"main","844d6c8a-2827-11f0-af78-569c3dd06744","projectId","forkedBranchId","eb9abd78-27b1-11f0-aecd-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","eb9a72c8-27b1-11f0-aecd-569c3dd06744","forkedProjectOrgId","f90ceb66-3638-4c91-b91c-b267f88aee17","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsaWQ1T0xmZ2dwbk5kMWNOWW1yR2dIZDdHeCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_18":19,"_20":21,"_22":153,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":26,"_37":-5,"_38":-5,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":48,"_49":48,"_50":51,"_52":51,"_53":51,"_54":48,"_55":48,"_56":154,"_58":155,"_60":156,"_62":63},"tree",[148],[148],"counts",{"_138":40,"_139":130,"_140":40,"_141":142,"_143":144},"contents",[121],"file","upstreamProject",{"_18":74,"_20":21,"_30":-5,"_31":-5,"_27":28,"_56":119},"upstreamBranch",{"_18":70,"_22":111,"_112":113,"_20":66,"_68":74,"_64":114,"_69":115,"_71":40,"_116":117,"_24":-5,"_62":63,"_27":28,"_78":118,"_41":76,"_77":21},"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",{"_16":118,"_85":120},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yZlB4ekgyWUNWamFTeXdsbHVjWFZWaEgxYnIifQ",{"_18":122,"_20":123,"_124":35,"_125":-5,"_126":67,"_127":65,"_128":26,"_22":129,"_64":130,"_131":132,"_133":134,"_135":63,"_136":-5,"_87":137},"84536b8a-2827-11f0-af78-569c3dd06744","main.tsx","fileId","parentId","branchId","branchVersion","latest",["D",1717545658219],1,"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 );","deleted","label",[123],"pulls","branches","forks","envVars",{"_145":40,"_147":40},"connections",{"_145":40,"_146":40},"count","unfilledCount","emptyCount",{"_18":122,"_20":123,"_124":35,"_125":-5,"_126":67,"_127":65,"_128":26,"_22":149,"_64":130,"_131":132,"_133":134,"_135":63,"_136":-5,"_150":151,"_87":152},["D",1717545658219],"children",[],[123],["D",1746281063695],{"_16":17,"_85":81},{"_16":17,"_79":-5,"_80":81,"_32":33,"_82":83,"_84":63},{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":40,"_72":28,"_73":74,"_75":76,"_77":21,"_78":17},"ctx",{"_56":-5,"_108":190,"_191":192,"_193":194,"_195":63,"_196":63,"_197":63,"_198":26,"_199":-5,"_200":-7,"_201":-7,"_202":40,"_203":63,"_204":63,"_205":-5,"_206":63,"_207":63,"_208":63,"_209":-5},"ENV",{"_161":162,"_163":164,"_165":66,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189},"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"]

Search