Untitled

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_207":208,"_209":210},"routes/_app.x.$handle.$name",{"_99":98,"_31":44,"_108":89,"_26":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":24,"_123":124,"_125":58,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":24},"version",5,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/app.js","latestPath","fileId","73442d8c-77ce-11f1-be72-1607ee4eb77e","name","app.js","fileType","script","content","const art = document.getElementById(\"art\");\nconst els = {\n title: document.getElementById(\"title\"),\n medium: document.getElementById(\"medium\"),\n seed: document.getElementById(\"seed\"),\n};\n\nlet seed = parseInt(new URLSearchParams(location.search).get(\"seed\"));\nif (!Number.isFinite(seed) || seed <= 0) seed = newSeed();\n\nfunction newSeed() {\n return 1 + Math.floor(Math.random() * 999999);\n}\n\nasync function render() {\n history.replaceState(null, \"\", `?seed=${seed}`);\n art.src = `/art.svg?seed=${seed}`;\n const meta = await (await fetch(`/art.json?seed=${seed}`)).json();\n els.title.textContent = meta.title;\n els.medium.textContent = meta.medium;\n els.seed.textContent = `nº ${seed}`;\n document.title = meta.title;\n}\n\nfunction again() {\n seed = newSeed();\n render();\n}\n\nart.addEventListener(\"click\", again);\ndocument.getElementById(\"again\").addEventListener(\"click\", again);\nrender();\n","createdAt",["D",1783186400592],"branchVersion","branchId","89df39db-eb70-42da-9e99-0ed96b37bb75","id","130fc147-ae04-417b-af97-b5f99843a1ab","agnes-martin",["D",1783186286325],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Deterministic Agnes Martin-style generative paintings","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","581bd262-77ce-11f1-bfd0-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","130fc147ae04417baf97b5f99843a1ab","tursoHostname","130fc147ae04417baf97b5f99843a1ab-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789521041830],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":24},"branch",{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"isOwned",17,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789541999&sig=7032040c53bed00f88177505596e579d7fe702ff82f3f97f431146d41baae6d9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":202,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":203,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":204,"_83":205,"_85":206,"_87":24},"tree",[167,171,172],"files",[167,168,169,170,171,172],"counts",{"_157":62,"_158":146,"_159":62,"_160":161,"_162":163},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":150,"_31":151,"_29":152,"_135":-5,"_40":41,"_39":153,"_137":58,"_37":154,"_13":62,"_33":155,"_35":-5,"_23":24,"_141":-5,"_26":156},{"_42":143,"_31":144,"_29":145,"_135":-5,"_40":41,"_39":146,"_137":24,"_37":147,"_13":62,"_33":34,"_35":148,"_23":24,"_141":-5,"_26":149},{"_42":133,"_31":134,"_29":56,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":138,"_13":62,"_33":139,"_35":140,"_23":24,"_141":-5,"_26":142},"3a0cf574-a0cb-4050-bbf0-629873dc6187","main.tsx","parentId",2,"latest",["D",1783186355024],"http","import { Hono } from \"npm:hono\";\nimport { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { generate } from \"./generator.ts\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\nfunction seedFrom(c: any): number {\n const s = parseInt(c.req.query(\"seed\") ?? \"\");\n return Number.isFinite(s) && s > 0 ? s : Math.floor(Math.random() * 1e6);\n}\n\napp.get(\"/art.svg\", (c) => {\n const { svg } = generate(seedFrom(c));\n return new Response(svg, {\n headers: {\n \"content-type\": \"image/svg+xml\",\n \"cache-control\": \"public, max-age=31536000, immutable\",\n },\n });\n});\n\napp.get(\"/art.json\", (c) => {\n const seed = seedFrom(c);\n const { title, mode, medium } = generate(seed);\n return c.json({ seed, title, mode, medium });\n});\n\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","label",[134],"0f228b58-b099-4612-becc-df23aff55ea8","generator.ts","4a85e7b4-77ce-11f1-a497-1607ee4eb77e",1,["D",1783186332236],"// Deterministic Agnes Martin-style composition generator.\n// No AI — a seeded PRNG chooses one of four period-inspired modes:\n// grid (1960s: hand-ruled graphite grid over a pale wash, unpainted border)\n// bands (post-1974: horizontal washes divided by graphite lines)\n// stripes (late 1990s: broad pastel bands separated by white)\n// white (Islands-era: dense graphite lines on gesso)\n\nconst S = 720; // 72 x 72 in canvas, 10 units per inch\nconst GRAPHITE = \"#6d675c\";\nconst GESSO = \"#f2efe7\";\n\n// Muted wash duos: rose/blue, yellow/peach, greys, grey-blue/cream, peach/yellow\nconst DUOS: [string, string][] = [\n [\"#e9d8d2\", \"#d5dee5\"],\n [\"#efe6cb\", \"#eaddc9\"],\n [\"#e7e3d7\", \"#efece4\"],\n [\"#dfe4e6\", \"#ebe8de\"],\n [\"#ecdcd2\", \"#eae3cd\"],\n [\"#dcd9d2\", \"#e8e5de\"],\n];\n\nexport interface Art {\n svg: string;\n title: string;\n mode: string;\n medium: string;\n}\n\nexport function mulberry32(a: number) {\n return function () {\n a |= 0;\n a = (a + 0x6d2b79f5) | 0;\n let t = Math.imul(a ^ (a >>> 15), 1 | a);\n t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;\n return ((t ^ (t >>> 14)) >>> 0) / 4294967296;\n };\n}\n\nconst f1 = (n: number) => n.toFixed(1);\nconst f2 = (n: number) => n.toFixed(2);\n\n// A hand-ruled line: straightedge-guided but wavering slightly.\nfunction line(\n rng: () => number,\n fixed: number,\n from: number,\n to: number,\n horizontal: boolean,\n wobble = 0.7,\n): string {\n const pts: string[] = [];\n const drift = (rng() - 0.5) * 1.4;\n const phase = rng() * Math.PI * 2;\n const freq = 0.004 + rng() * 0.005;\n for (let p = from; p <= to; p += 9) {\n const w = Math.sin(p * freq + phase) * wobble + (rng() - 0.5) * 0.5 +\n drift * (p - from) / (to - from);\n const q = fixed + w;\n pts.push(horizontal ? `${f1(p)},${f2(q)}` : `${f2(q)},${f1(p)}`);\n }\n const sw = 0.6 + rng() * 0.5;\n const op = 0.22 + rng() * 0.33;\n return ``;\n}\n\n// An uneven acrylic wash: base color + faint gradient + a few dry streaks.\nfunction wash(\n rng: () => number,\n x: number,\n y: number,\n w: number,\n h: number,\n color: string,\n gid: string,\n): string {\n let s =\n ``;\n s += ``;\n s += ``;\n const streaks = 2 + Math.floor(rng() * 4);\n for (let i = 0; i < streaks; i++) {\n const sy = y + rng() * h;\n const sh = 1 + rng() * Math.min(6, h / 4);\n s += ``;\n }\n return s;\n}\n\nfunction grain(): string {\n return ``;\n}\n\nexport function generate(seed: number): Art {\n const rng = mulberry32(seed);\n const duo = DUOS[Math.floor(rng() * DUOS.length)];\n const modes = [\"grid\", \"grid\", \"grid\", \"bands\", \"bands\", \"bands\", \"stripes\", \"stripes\", \"white\", \"white\"];\n const mode = modes[Math.floor(rng() * modes.length)];\n\n let body = ``;\n let medium = \"acrylic and graphite on canvas\";\n\n if (mode === \"grid\") {\n // Unpainted border around a washed, gridded field\n const m = 40 + rng() * 40;\n const x0 = m, x1 = S - m;\n body += wash(rng, x0, x0, x1 - x0, x1 - x0, duo[Math.floor(rng() * 2)], \"w0\");\n const rows = 26 + Math.floor(rng() * 40);\n // Cells often wider than tall\n const cols = Math.max(10, Math.floor(rows * (0.45 + rng() * 0.55)));\n for (let i = 0; i <= rows; i++) {\n body += line(rng, x0 + (i * (x1 - x0)) / rows, x0, x1, true);\n }\n for (let j = 0; j <= cols; j++) {\n body += line(rng, x0 + (j * (x1 - x0)) / cols, x0, x1, false);\n }\n } else if (mode === \"bands\") {\n const m = 18 + rng() * 22;\n const x0 = m, x1 = S - m;\n const n = 6 + Math.floor(rng() * 11);\n const bh = (x1 - x0) / n;\n const withWhite = rng() < 0.5; // every third band left near-white\n for (let i = 0; i < n; i++) {\n const c = withWhite && i % 3 === 2 ? GESSO : duo[i % 2];\n body += wash(rng, x0, x0 + i * bh, x1 - x0, bh, c, `w${i}`);\n }\n for (let i = 0; i <= n; i++) {\n body += line(rng, x0 + i * bh, x0, x1, true);\n }\n } else if (mode === \"stripes\") {\n // Broad pastel bands with white bands between; graphite nearly absent\n const m = 14 + rng() * 16;\n const x0 = m, x1 = S - m;\n const pairs = 3 + Math.floor(rng() * 4);\n const unit = (x1 - x0) / pairs;\n const whiteFrac = 0.25 + rng() * 0.25;\n for (let i = 0; i < pairs; i++) {\n const y = x0 + i * unit;\n body += wash(rng, x0, y, x1 - x0, unit * (1 - whiteFrac), duo[i % 2], `w${i}`);\n body += wash(rng, x0, y + unit * (1 - whiteFrac), x1 - x0, unit * whiteFrac, GESSO, `v${i}`);\n if (rng() < 0.4) body += line(rng, y, x0, x1, true, 0.4);\n }\n } else {\n // white: dense horizontal graphite on gesso\n const m = 30 + rng() * 40;\n const x0 = m, x1 = S - m;\n body += wash(rng, x0, x0, x1 - x0, x1 - x0, GESSO, \"w0\");\n const gap = 8 + rng() * 12;\n for (let y = x0; y <= x1; y += gap) {\n body += line(rng, y, x0, x1, true, 0.55);\n }\n medium = \"gesso and graphite on canvas\";\n }\n\n body += grain();\n const svg =\n ``;\n const title = `Untitled #${1 + Math.floor(rng() * 24)}`;\n return { svg, title, mode, medium };\n}\n",[144],"b2731839-5e11-4f8f-9b49-65e32cf32048","frontend","bdda197e-54ac-4c82-9dd0-3bf7437b3008",3,["D",1783186374740],"directory",[151],"pulls","branches","forks","envVars",{"_164":62,"_166":62},"connections",{"_164":62,"_165":62},"count","unfilledCount","emptyCount",{"_42":150,"_31":151,"_29":152,"_135":-5,"_40":41,"_39":153,"_137":58,"_37":199,"_13":62,"_33":155,"_35":-5,"_23":24,"_141":-5,"_174":200,"_26":201},{"_42":195,"_31":32,"_29":30,"_135":152,"_40":41,"_39":14,"_137":58,"_37":196,"_13":62,"_33":34,"_35":36,"_23":24,"_141":-5,"_174":197,"_26":198},{"_42":188,"_31":189,"_29":190,"_135":152,"_40":41,"_39":153,"_137":24,"_37":191,"_13":62,"_33":20,"_35":192,"_23":24,"_141":-5,"_174":193,"_26":194},{"_42":180,"_31":181,"_29":182,"_135":152,"_40":41,"_39":183,"_137":24,"_37":184,"_13":62,"_33":20,"_35":185,"_23":24,"_141":-5,"_174":186,"_26":187},{"_42":143,"_31":144,"_29":145,"_135":-5,"_40":41,"_39":146,"_137":24,"_37":177,"_13":62,"_33":34,"_35":148,"_23":24,"_141":-5,"_174":178,"_26":179},{"_42":133,"_31":134,"_29":56,"_135":-5,"_40":41,"_39":136,"_137":24,"_37":173,"_13":62,"_33":139,"_35":140,"_23":24,"_141":-5,"_174":175,"_26":176},["D",1783186355024],"children",[],[134],["D",1783186332236],[],[144],"7bc0cd24-6461-4e9a-a6e2-e2ed7cb7ed9d","style.css","6cbbd23a-77ce-11f1-9b50-1607ee4eb77e",4,["D",1783186389630],"* { margin: 0; padding: 0; box-sizing: border-box; }\n\nbody {\n min-height: 100vh;\n display: grid;\n place-items: center;\n background: #fbfaf6;\n color: #55524b;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n -webkit-font-smoothing: antialiased;\n}\n\nmain {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2.2rem;\n padding: 3rem 1.5rem;\n}\n\n#art {\n width: min(76vmin, 640px);\n aspect-ratio: 1;\n display: block;\n background: #f2efe7;\n border: 1px solid #e4e0d5;\n box-shadow: 0 1px 2px rgba(60, 56, 48, 0.06), 0 18px 50px -18px rgba(60, 56, 48, 0.25);\n cursor: pointer;\n}\n\nfigcaption {\n margin-top: 1.4rem;\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n text-align: center;\n font-size: 0.72rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\n#title { color: #3f3c36; }\n.dim { color: #a39e92; }\n\nfooter {\n display: flex;\n gap: 1.75rem;\n font-size: 0.7rem;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n}\n\nfooter a, footer button {\n font: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n color: #a39e92;\n background: none;\n border: none;\n cursor: pointer;\n text-decoration: none;\n border-bottom: 1px solid transparent;\n padding: 0;\n}\n\nfooter a:hover, footer button:hover {\n color: #55524b;\n border-bottom-color: #cfcabd;\n}\n",[],[151,181],"ac10d1a4-b6f8-49b7-a02a-ed9bdc7af374","index.html","63e20d14-77ce-11f1-aca1-1607ee4eb77e",["D",1783186374740],"\n\n\n \n \n Untitled\n \n \n\n\n

\n \n

\n \n\n\n",[],[151,189],"49fcb038-048d-44c5-8422-0c3e01f3ad33",["D",1783186400592],[],[151,32],["D",1783186374740],[168,169,170],[151],["D",1783186286325],["D",1789521041830],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":24},{"_13":88,"_31":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"ctx",{"_81":-5,"_127":240,"_241":242,"_243":244,"_245":24,"_246":24,"_247":24,"_248":58,"_249":-5,"_250":-7,"_251":-7,"_252":62,"_253":24,"_254":24,"_255":-5,"_256":24,"_257":24,"_258":24,"_259":-5},"ENV",{"_211":212,"_213":214,"_215":89,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239},"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 · v5