Aurora — Beautiful by Design

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_277":278,"_279":280},"routes/_app.x.$handle.$name",{"_105":104,"_37":50,"_113":95,"_32":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":30,"_128":129,"_130":64,"_131":-5,"_132":-5,"_133":134},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":30},"version",8,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","19ceabf1-ac90-49e5-8287-394148129f7c","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/components/Pricing.tsx","latestPath","fileId","ed344c54-a95f-11f1-9cc5-1607ee4eb77e","name","Pricing.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nconst plans = [\n {\n name: \"Starter\",\n price: \"$0\",\n period: \"/ forever\",\n desc: \"For side projects and experiments.\",\n features: [\"Up to 3 projects\", \"All core components\", \"Community support\", \"MIT license\"],\n cta: \"Start free\",\n highlighted: false,\n },\n {\n name: \"Pro\",\n price: \"$19\",\n period: \"/ month\",\n desc: \"For teams shipping to real users.\",\n features: [\n \"Unlimited projects\",\n \"Advanced components & charts\",\n \"Priority support\",\n \"Dark mode & theming\",\n \"Marketing templates\",\n ],\n cta: \"Get Pro\",\n highlighted: true,\n },\n {\n name: \"Enterprise\",\n price: \"Custom\",\n period: \"\",\n desc: \"For scale, security, and control.\",\n features: [\"SSO & audit logs\", \"Dedicated success manager\", \"SLA & compliance\", \"Custom contracts\"],\n cta: \"Talk to sales\",\n highlighted: false,\n },\n];\n\nexport function Pricing() {\n return (\n

Pricing

\n Simple, transparent pricing\n

\n Start free. Upgrade when you're ready. Cancel anytime.\n

\n\n

\n {plans.map((p) => (\n \n {p.highlighted && (\n \n Most popular\n \n )}\n

{p.name}

{p.desc}

\n {p.price}\n {p.period}\n

\n \n ✓\n \n {f}\n

\n \n {p.cta}\n \n

\n ))}\n \n

\n );\n}\n","createdAt",["D",1788636489169],"branchVersion","branchId","ad2a898a-5d83-4706-a795-3bd7c9c11dd7","id","fcda5549-5145-4af7-90a9-321c8bb3aedd","New_val",["D",1788631656292],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","

","imageUrl","e415ccc7-f068-48ba-9564-89ab177f8e51","pinnedFileId","01a0730a-7370-765f-8322-d4a5ed7f8aa1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a07056-b2d0-71ca-a659-6e591b026eca","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","user",{"_105":104,"_112":108},"org",{"_105":104,"_106":58,"_107":108,"_19":60,"_109":110,"_111":30},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":50,"_103":104},"isOwned",11,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","mollamasum764","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/0cc29bb5-78ef-4ccc-7701-1b3302827c01/square512?exp=1789581599&sig=63f7c818d271fceeb242c7112811af3b7a594857c95649ba7f46c149fa4aae8a","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":272,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":273,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":274,"_89":275,"_91":276,"_93":30},"tree",[170,182,183],"files",[170,171,172,173,174,175,176,177,178,179,180,181,182,183],"counts",{"_160":68,"_161":142,"_162":68,"_163":164,"_165":166},"contents",[135,136,137],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_48":154,"_37":155,"_35":156,"_141":-5,"_46":47,"_45":149,"_143":64,"_43":157,"_13":68,"_39":158,"_41":-5,"_29":30,"_145":-5,"_32":159},{"_48":147,"_37":148,"_35":62,"_141":-5,"_46":47,"_45":149,"_143":64,"_43":150,"_13":68,"_39":151,"_41":152,"_29":30,"_145":-5,"_32":153},{"_48":138,"_37":139,"_35":140,"_141":-5,"_46":47,"_45":142,"_143":64,"_43":144,"_13":68,"_39":40,"_41":114,"_29":30,"_145":-5,"_32":146},"21ee57ef-f948-47af-b105-d47dcc91b88b","main.ts","ac9cb092-a954-11f1-a16a-1607ee4eb77e","parentId",1,"latest",["D",1788631656319],"label",[139],"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",[148],"1f680ffa-fa24-4de8-8c67-86e9d318f377","frontend","01a0730a-7371-7530-8214-b845d27886a5",["D",1788636459891],"directory",[155],"pulls","branches","forks","envVars",{"_167":68,"_169":68},"connections",{"_167":68,"_168":68},"count","unfilledCount","emptyCount",{"_48":154,"_37":155,"_35":156,"_141":-5,"_46":47,"_45":149,"_143":64,"_43":269,"_13":68,"_39":158,"_41":-5,"_29":30,"_145":-5,"_185":270,"_32":271},{"_48":265,"_37":222,"_35":216,"_141":156,"_46":47,"_45":149,"_143":64,"_43":266,"_13":68,"_39":158,"_41":-5,"_29":30,"_145":-5,"_185":267,"_32":268},{"_48":258,"_37":259,"_35":260,"_141":216,"_46":47,"_45":149,"_143":30,"_43":261,"_13":68,"_39":40,"_41":262,"_29":30,"_145":-5,"_185":263,"_32":264},{"_48":251,"_37":252,"_35":253,"_141":216,"_46":47,"_45":149,"_143":30,"_43":254,"_13":68,"_39":40,"_41":255,"_29":30,"_145":-5,"_185":256,"_32":257},{"_48":243,"_37":244,"_35":245,"_141":216,"_46":47,"_45":246,"_143":64,"_43":247,"_13":68,"_39":40,"_41":248,"_29":30,"_145":-5,"_185":249,"_32":250},{"_48":235,"_37":236,"_35":237,"_141":216,"_46":47,"_45":238,"_143":64,"_43":239,"_13":68,"_39":40,"_41":240,"_29":30,"_145":-5,"_185":241,"_32":242},{"_48":227,"_37":228,"_35":229,"_141":216,"_46":47,"_45":230,"_143":64,"_43":231,"_13":68,"_39":40,"_41":232,"_29":30,"_145":-5,"_185":233,"_32":234},{"_48":223,"_37":38,"_35":36,"_141":216,"_46":47,"_45":14,"_143":64,"_43":224,"_13":68,"_39":40,"_41":42,"_29":30,"_145":-5,"_185":225,"_32":226},{"_48":213,"_37":214,"_35":215,"_141":216,"_46":47,"_45":217,"_143":64,"_43":218,"_13":68,"_39":40,"_41":219,"_29":30,"_145":-5,"_185":220,"_32":221},{"_48":206,"_37":207,"_35":208,"_141":156,"_46":47,"_45":149,"_143":64,"_43":209,"_13":68,"_39":26,"_41":210,"_29":30,"_145":-5,"_185":211,"_32":212},{"_48":199,"_37":200,"_35":201,"_141":156,"_46":47,"_45":149,"_143":64,"_43":202,"_13":68,"_39":40,"_41":203,"_29":30,"_145":-5,"_185":204,"_32":205},{"_48":191,"_37":192,"_35":193,"_141":156,"_46":47,"_45":194,"_143":64,"_43":195,"_13":142,"_39":40,"_41":196,"_29":30,"_145":-5,"_185":197,"_32":198},{"_48":147,"_37":148,"_35":62,"_141":-5,"_46":47,"_45":149,"_143":64,"_43":188,"_13":68,"_39":151,"_41":152,"_29":30,"_145":-5,"_185":189,"_32":190},{"_48":138,"_37":139,"_35":140,"_141":-5,"_46":47,"_45":142,"_143":64,"_43":184,"_13":68,"_39":40,"_41":114,"_29":30,"_145":-5,"_185":186,"_32":187},["D",1788631656319],"children",[],[139],["D",1788636459891],[],[148],"c486892c-e0bb-4dd6-a6f0-a3d2125cce58","root.tsx","01a0730a-7371-7530-8214-d128b75e3440",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

Diff · v8