Web Template

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_201":202,"_203":204},"routes/_app.x.$handle.$name",{"_99":98,"_32":44,"_107":86,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":58,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","style.css","latestPath","fileId","019d4a3d-fcbb-706e-a52b-c3f0c337546b","name","fileType","content","* {\n box-sizing: border-box;\n}","* {\n box-sizing: border-box;\n}\n body { \n margin: 0; \n background: #050505; \n display: flex; \n justify-content: center; \n align-items: center; \n height: 100vh; \n font-family: sans-serif;\n }\n canvas { \n background: #111; \n border: 4px solid #222; \n box-shadow: 0 0 50px rgba(0,0,0,0.8);\n }","createdAt",["D",1775067246942],"branchVersion","branchId","28dfc872-2df6-11f1-99f7-42dde27851f2","id","28dadd62-2df6-11f1-99f7-42dde27851f2","html-canvas-freddy",["D",1775067069565],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Template for a basic HTML + CSS + JavaScript static website","imageUrl","019b8ed8-ddf9-70cb-ad0a-074c87731d15","pinnedFileId","019d4a3d-fcbb-706e-a52b-b98745d07c00","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019b8ed8-ddf9-70cb-ad0a-095617756859","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":94,"_95":64,"_96":44,"_97":98},"isOwned",4,"main","projectId","forkedBranchId","5b45b086-2c45-11f1-9eed-42dde27851f2","forkedBranchVersion",57,"forkedProjectPrivacy","forkedProjectId","5b3ad4c2-2c45-11f1-9eed-42dde27851f2","forkedProjectOrgId","projectName","userHandle","zakattack3289","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zN3FRTmdsd21LZkJwMzhQT2V4dWNyVlE0a28ifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":197,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":198,"_80":199,"_82":200,"_84":25},"tree",[180,181,182,183],"files",[180,181,182,183],"counts",{"_170":62,"_171":135,"_172":62,"_173":174,"_175":176},"contents",[140,141,142,143],"upstreamProject",{"_42":94,"_32":138,"_51":52,"_53":-5,"_48":49,"_78":139},"upstreamBranch",{"_42":89,"_37":131,"_132":133,"_32":86,"_87":94,"_13":91,"_88":134,"_90":135,"_136":137,"_46":-5,"_84":25,"_48":49,"_97":98,"_63":64,"_96":138},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1774881181996],"updatedAt",["D",1775059408013],"4f3da514-2c45-11f1-a013-42dde27851f2",1,"lockfileKey","1775067052769-esm.town_v_zakattack3289_html-canvas-demo1@57-main","html-canvas-demo1",{"_99":98,"_106":102},{"_42":164,"_32":165,"_30":166,"_145":-5,"_40":41,"_39":135,"_146":25,"_37":167,"_13":62,"_33":20,"_34":168,"_24":25,"_148":-5,"_27":169},{"_42":158,"_32":159,"_30":56,"_145":-5,"_40":41,"_39":135,"_146":58,"_37":160,"_13":62,"_33":161,"_34":162,"_24":25,"_148":-5,"_27":163},{"_42":150,"_32":151,"_30":152,"_145":-5,"_40":41,"_39":153,"_146":58,"_37":154,"_13":135,"_33":155,"_34":156,"_24":25,"_148":-5,"_27":157},{"_42":144,"_32":28,"_30":31,"_145":-5,"_40":41,"_39":14,"_146":58,"_37":147,"_13":135,"_33":20,"_34":36,"_24":25,"_148":-5,"_27":149},"9295f1c4-2df6-11f1-b296-42dde27851f2","parentId","latest",["D",1775067246942],"label",[28],"8a059672-2df6-11f1-8b73-42dde27851f2","script.js","019d4a3d-fcbb-706e-a52b-bd6b6d3e012f",2,["D",1775067232584],"script","const canvas = document.getElementById('freddy')as HTMLCanvasElement;\ncanvas.width = innerWidth;\ncanvas.height = innerHeight;\nconst ctx = canvas.getContext(\"2d\");\n\n function draw() {\n const brown = \"#714222\";\n const dark = \"#4a2a16\";\n const tan = \"#c4a484\";\n\n // --- LEGS ---\n ctx.fillStyle = dark;\n ctx.fillRect(220, 520, 50, 150); // Left Leg\n ctx.fillRect(330, 520, 50, 150); // Right Leg\n ctx.fillStyle = brown;\n ctx.beginPath(); ctx.ellipse(220, 680, 45, 20, 0, 0, Math.PI*2); ctx.fill(); // L Foot\n ctx.beginPath(); ctx.ellipse(380, 680, 45, 20, 0, 0, Math.PI*2); ctx.fill(); // R Foot\n\n // --- ARMS ---\n ctx.fillStyle = dark;\n ctx.fillRect(150, 320, 45, 120); // L Arm\n ctx.fillRect(405, 320, 45, 120); // R Arm\n\n // --- TORSO ---\n ctx.fillStyle = brown;\n ctx.beginPath(); ctx.ellipse(300, 400, 110, 150, 0, 0, Math.PI*2); ctx.fill();\n ctx.fillStyle = tan; \n ctx.beginPath(); ctx.ellipse(300, 420, 70, 100, 0, 0, Math.PI*2); ctx.fill(); // Belly\n\n // --- HEAD ---\n ctx.fillStyle = brown;\n ctx.beginPath(); ctx.arc(300, 180, 85, 0, Math.PI*2); ctx.fill(); // Head\n ctx.beginPath(); ctx.arc(220, 130, 30, 0, Math.PI*2); ctx.fill(); // L Ear\n ctx.beginPath(); ctx.arc(380, 130, 30, 0, Math.PI*2); ctx.fill(); // R Ear\n\n // Face Details\n ctx.fillStyle = tan;\n ctx.beginPath(); ctx.ellipse(300, 220, 65, 45, 0, 0, Math.PI*2); ctx.fill(); // Muzzle\n ctx.fillStyle = \"black\";\n ctx.beginPath(); ctx.arc(300, 200, 15, 0, Math.PI*2); ctx.fill(); // Nose\n \n // Eyes\n ctx.fillStyle = \"white\";\n ctx.beginPath(); ctx.arc(265, 160, 18, 0, Math.PI*2); ctx.fill();\n ctx.beginPath(); ctx.arc(335, 160, 18, 0, Math.PI*2); ctx.fill();\n ctx.fillStyle = \"#3498db\";\n ctx.beginPath(); ctx.arc(265, 160, 8, 0, Math.PI*2); ctx.fill();\n ctx.beginPath(); ctx.arc(335, 160, 8, 0, Math.PI*2); ctx.fill();\n\n // Accessories\n ctx.fillStyle = \"black\";\n ctx.fillRect(260, 60, 80, 90); // Hat\n ctx.fillRect(240, 145, 120, 15); // Brim\n ctx.fillRect(250, 280, 100, 30); // Bowtie\n }\n\n draw();",[151],"28e45158-2df6-11f1-99f7-42dde27851f2","main.ts",["D",1775067069565],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[159],"28e44280-2df6-11f1-99f7-42dde27851f2","index.html","019d4a3d-fcba-721e-9807-7f8e9ff52b7d",["D",1775067069565],"\n\n \n Web Template\n \n \n \n \n \n \n \n \n",[165],"pulls","branches","forks","envVars",{"_177":62,"_179":62},"connections",{"_177":62,"_178":62},"count","unfilledCount","emptyCount",{"_42":164,"_32":165,"_30":166,"_145":-5,"_40":41,"_39":135,"_146":25,"_37":194,"_13":62,"_33":20,"_34":168,"_24":25,"_148":-5,"_185":195,"_27":196},{"_42":158,"_32":159,"_30":56,"_145":-5,"_40":41,"_39":135,"_146":58,"_37":191,"_13":62,"_33":161,"_34":162,"_24":25,"_148":-5,"_185":192,"_27":193},{"_42":150,"_32":151,"_30":152,"_145":-5,"_40":41,"_39":153,"_146":58,"_37":188,"_13":135,"_33":155,"_34":156,"_24":25,"_148":-5,"_185":189,"_27":190},{"_42":144,"_32":28,"_30":31,"_145":-5,"_40":41,"_39":14,"_146":58,"_37":184,"_13":135,"_33":20,"_34":36,"_24":25,"_148":-5,"_185":186,"_27":187},["D",1775067246942],"children",[],[28],["D",1775067232584],[],[151],["D",1775067069565],[],[159],["D",1775067069565],[],[165],["D",1775067069565],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":54,"_103":104,"_105":25},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":89,"_90":91,"_92":49,"_93":94,"_95":64,"_96":44,"_97":98},"ctx",{"_78":-5,"_128":234,"_235":236,"_237":238,"_239":25,"_240":25,"_241":25,"_242":58,"_243":-5,"_244":-7,"_245":-7,"_246":62,"_247":25,"_248":25,"_249":-5,"_250":25,"_251":25,"_252":25,"_253":-5},"ENV",{"_205":206,"_207":208,"_209":86,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233},"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"]

Diff · v3