Aurora — Beautiful by Design

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_287":288,"_289":290},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_126":-5,"_19":127,"_128":129,"_130":131,"_132":133,"_134":135,"_21":136,"_137":-5,"_138":-5,"_139":24,"_140":141,"_142":86,"_143":-5,"_144":-5,"_145":146},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","mollamasum764","name","New_val","branchName","main","path","frontend/components/Features.tsx","project",{"_32":73,"_13":14,"_36":74,"_75":-5,"_76":24,"_77":78,"_79":78,"_80":81,"_82":-5,"_30":69,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":26,"_40":41,"_90":91,"_92":93,"_94":95,"_96":-5,"_97":98,"_99":98,"_100":101,"_102":101,"_103":101,"_104":98,"_105":98,"_53":106,"_107":108,"_109":110,"_111":24},"file",{"_63":64,"_13":65,"_66":67,"_68":24,"_72":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":51,"_52":-5,"_53":54,"_21":55,"_56":-5,"_57":-5,"_58":-5,"_59":-5,"_60":61},"id","b66217ad-aa65-4b64-9a33-f9e4c6fd52d3","branchId","ad2a898a-5d83-4706-a795-3bd7c9c11dd7","createdAt",["D",1788636489068],"version",6,"orgId","01a07056-b2d0-71ca-a659-6e591b026eca","parentId","06bf3ba8-4a80-4b3c-83ca-2889e9da9a81","incomingCommitId","aiChatMessageId","19ceabf1-ac90-49e5-8287-394148129f7c","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","townie","clientLabel","user",{"_32":69,"_40":41,"_11":12,"_70":71},{"_63":64,"_13":65,"_66":67,"_68":24},"pull","merge","revert","multiple","commits",[62],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":51,"_52":-5,"_53":54,"_21":55,"_56":-5,"_57":-5,"_58":-5},"fileId","ed25b4b4-a95f-11f1-9cc5-1607ee4eb77e","Features.tsx","fileType","script","deleted","e415ccc7-f068-48ba-9564-89ab177f8e51","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0cc29bb5-78ef-4ccc-7701-1b3302827c01/square512?exp=1789592399&sig=4489af2946364f7b5e6f3b0fbf72ce657f5a7f80e7fc61cd0c9bec7884bce3ae","deletedAtVersion","fcda5549-5145-4af7-90a9-321c8bb3aedd",["D",1788631656292],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","

","imageUrl","pinnedFileId","01a0730a-7370-765f-8322-d4a5ed7f8aa1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount","tursoName","fcda554951454af790a9321c8bb3aedd","tursoHostname","fcda554951454af790a9321c8bb3aedd-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501263826],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_125":71},"org",{"_11":12,"_121":81,"_70":71,"_30":69,"_122":123,"_124":24},"branch",{"_38":112,"_13":16,"_32":35,"_113":73,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":-5,"_119":14,"_120":12},"isOwned",11,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":73,"_13":14,"_36":282,"_75":-5,"_76":24,"_77":78,"_79":78,"_80":81,"_82":-5,"_30":69,"_83":84,"_85":86,"_87":-5,"_88":-5,"_89":26,"_40":41,"_90":91,"_92":93,"_94":283,"_96":-5,"_97":98,"_99":98,"_100":101,"_102":101,"_103":101,"_104":98,"_105":98,"_53":284,"_107":285,"_109":286,"_111":24},"tree",[169,181,182],"files",[169,170,171,172,173,174,175,176,177,178,179,180,181,182],"counts",{"_158":26,"_159":160,"_161":26,"_162":163,"_164":165},"contents",[],{"_32":147,"_13":65,"_63":64,"_42":148,"_34":35,"_149":39,"_150":86,"_36":151,"_38":26,"_66":67,"_152":153,"_68":24,"_154":-5,"_17":155},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"5ed76c27-68b8-4382-afe4-0e71f6c063ed","01a0730a-7371-7530-8214-bf5cefb6e1c2","branchVersion","latest",["D",1788636489068],"content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst features = [\n {\n icon: \"🎨\",\n title: \"Design tokens\",\n desc: \"One source of truth for color, type, spacing, and motion — consistent everywhere, instantly.\",\n glow: \"from-violet-500/20\",\n },\n {\n icon: \"⚡\",\n title: \"Performance first\",\n desc: \"Tree-shaken, tiny components that keep your largest pages below the 1s first-paint budget.\",\n glow: \"from-fuchsia-500/20\",\n },\n {\n icon: \"🧩\",\n title: \"40+ components\",\n desc: \"Buttons, forms, charts, tables, modals, and more — beautiful and accessible out of the box.\",\n glow: \"from-cyan-500/20\",\n },\n {\n icon: \"🌗\",\n title: \"Dark mode\",\n desc: \"Every component is theme-aware. Toggle light, dark, or let your users pick their favorite.\",\n glow: \"from-emerald-500/20\",\n },\n {\n icon: \"🚀\",\n title: \"DevSpeed DX\",\n desc: \"Typed APIs, live previews, and zero-config setup. Ship your first screen in minutes.\",\n glow: \"from-amber-500/20\",\n },\n {\n icon: \"🔒\",\n title: \"Security baked in\",\n desc: \"Accessibility and hardened defaults by default. Reviewed by security teams you can trust.\",\n glow: \"from-rose-500/20\",\n },\n];\n\nexport function Features() {\n return (\n

Features

\n Everything you need to shine\n

\n Thoughtfully crafted pieces that snap together into world-class interfaces.\n

\n\n

\n {features.map((f) => (\n \n

\n {f.icon}\n

{f.title}

{f.desc}

\n ))}\n

\n );\n}\n","label",[156,157,65],"frontend","components","pulls","branches",1,"forks","envVars",{"_166":26,"_168":26},"connections",{"_166":26,"_167":26},"count","unfilledCount","emptyCount",{"_32":278,"_13":156,"_63":202,"_42":-5,"_34":35,"_149":193,"_150":86,"_36":279,"_38":26,"_66":275,"_152":-5,"_68":24,"_154":-5,"_188":280,"_17":281},{"_32":273,"_13":157,"_63":148,"_42":202,"_34":35,"_149":193,"_150":86,"_36":274,"_38":26,"_66":275,"_152":-5,"_68":24,"_154":-5,"_188":276,"_17":277},{"_32":265,"_13":266,"_63":267,"_42":148,"_34":35,"_149":268,"_150":86,"_36":269,"_38":160,"_66":67,"_152":270,"_68":24,"_154":-5,"_188":271,"_17":272},{"_32":147,"_13":65,"_63":64,"_42":148,"_34":35,"_149":39,"_150":86,"_36":262,"_38":26,"_66":67,"_152":153,"_68":24,"_154":-5,"_188":263,"_17":264},{"_32":254,"_13":255,"_63":256,"_42":148,"_34":35,"_149":257,"_150":86,"_36":258,"_38":26,"_66":67,"_152":259,"_68":24,"_154":-5,"_188":260,"_17":261},{"_32":246,"_13":247,"_63":248,"_42":148,"_34":35,"_149":249,"_150":86,"_36":250,"_38":26,"_66":67,"_152":251,"_68":24,"_154":-5,"_188":252,"_17":253},{"_32":238,"_13":239,"_63":240,"_42":148,"_34":35,"_149":241,"_150":86,"_36":242,"_38":26,"_66":67,"_152":243,"_68":24,"_154":-5,"_188":244,"_17":245},{"_32":230,"_13":231,"_63":232,"_42":148,"_34":35,"_149":233,"_150":86,"_36":234,"_38":26,"_66":67,"_152":235,"_68":24,"_154":-5,"_188":236,"_17":237},{"_32":222,"_13":223,"_63":224,"_42":148,"_34":35,"_149":225,"_150":86,"_36":226,"_38":26,"_66":67,"_152":227,"_68":24,"_154":-5,"_188":228,"_17":229},{"_32":215,"_13":216,"_63":217,"_42":202,"_34":35,"_149":193,"_150":86,"_36":218,"_38":26,"_66":21,"_152":219,"_68":24,"_154":-5,"_188":220,"_17":221},{"_32":208,"_13":209,"_63":210,"_42":202,"_34":35,"_149":193,"_150":86,"_36":211,"_38":26,"_66":67,"_152":212,"_68":24,"_154":-5,"_188":213,"_17":214},{"_32":199,"_13":200,"_63":201,"_42":202,"_34":35,"_149":203,"_150":86,"_36":204,"_38":160,"_66":67,"_152":205,"_68":24,"_154":-5,"_188":206,"_17":207},{"_32":191,"_13":192,"_63":84,"_42":-5,"_34":35,"_149":193,"_150":86,"_36":194,"_38":26,"_66":195,"_152":196,"_68":24,"_154":-5,"_188":197,"_17":198},{"_32":183,"_13":184,"_63":185,"_42":-5,"_34":35,"_149":160,"_150":86,"_36":186,"_38":26,"_66":67,"_152":187,"_68":24,"_154":-5,"_188":189,"_17":190},"21ee57ef-f948-47af-b105-d47dcc91b88b","main.ts","ac9cb092-a954-11f1-a16a-1607ee4eb77e",["D",1788631656319],"","children",[],[184],"1304b411-941a-4151-80bf-1331bd731cb4","index.ts",2,["D",1788636459891],"http","import { parseVal, serveImmutableFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { Root } from \"./frontend/root.tsx\";\n\nconst app = new Hono();\n\n// Serve the (never-cached) HTML shell at the root /\napp.get(\"/\", (c) => c.html(Root()));\n\n// Serve frontend files at the version-addressed URLs Root() stamps, cached immutably\napp.get(\"/__immutable/*\", (c) => serveImmutableFile(c.req.path));\n\n// View source redirect\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;\n",[],[192],"c486892c-e0bb-4dd6-a6f0-a3d2125cce58","root.tsx","01a0730a-7371-7530-8214-d128b75e3440","01a0730a-7371-7530-8214-b845d27886a5",3,["D",1788636468642],"/** @jsxImportSource npm:hono@4/jsx */\nimport { raw } from \"npm:hono@4/html\";\nimport { immutableFileUrl } from \"https://esm.town/v/std/utils/index.ts\";\n\n// The HTML shell for the app. It is never cached, so immutableFileUrl can stamp\n// the current val version into each asset URL — the browser caches those\n// immutably, and publishing the val changes the URLs, refetching exactly once.\nexport function Root() {\n return (\n <>\n {raw(\"\")}\n \n \n \n \n Aurora — Beautiful by Design\n \n

History · Features.tsx