[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_314":315,"_316":317},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_39":-7,"_145":-5,"_19":146,"_147":148,"_149":150,"_151":152,"_153":154,"_21":155,"_156":157,"_158":159,"_160":30,"_161":162,"_163":24,"_164":-5,"_165":-5,"_166":167},"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":30,"_31":-5},"handle","dk3","name","HONC","branchName","main","path","deps","project",{"_33":89,"_13":14,"_37":90,"_91":-5,"_92":30,"_93":94,"_95":94,"_96":97,"_98":-5,"_31":73,"_99":100,"_101":24,"_102":-5,"_103":-5,"_104":26,"_41":42,"_105":106,"_107":108,"_109":110,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_51":121,"_122":123,"_124":125,"_126":30},"file",{"_67":86,"_13":18,"_70":87,"_72":30,"_88":-5},"isDirectory",true,"page",0,"history",[32],"hasNext",false,"userId",{"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":58,"_59":60},"id","59bddbda-d286-11f0-8f85-42dde27851f2","branchId","59ba344e-d286-11f0-8f85-42dde27851f2","createdAt",["D",1765013492089],"version",1,"orgId","019aee04-b264-711e-852b-f28a1799c8d7","parentId","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_33":73,"_41":42,"_11":12,"_74":75},{"_67":84,"_13":85,"_70":71,"_72":30},"pull","merge","revert","multiple",{"_81":82,"_83":26},"commits",[61,62,63],{"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},{"_33":34,"_35":36,"_37":76,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":77,"_21":78,"_54":-5,"_55":-5,"_56":-5},{"_33":34,"_35":36,"_37":64,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":65,"_21":66,"_54":-5,"_55":-5,"_56":-5},["D",1765013492089],{"_33":73,"_41":42,"_11":12,"_74":75},{"_67":68,"_13":69,"_70":71,"_72":30},"fileId","019af300-91a9-7674-8913-ffdef763a866","hono.ts","fileType","script","deleted","019aee04-b263-75ee-92f4-372f56307701","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zNlFETVNueWN1THEwdGZOOUxVYkpKZGFRVzAifQ",["D",1765013492089],{"_33":73,"_41":42,"_11":12,"_74":75},{"_67":79,"_13":80,"_70":71,"_72":30},"019af300-91a9-7674-8913-f851de77d861","fiberplane.ts","count",3,"deletedCount","019af300-91a9-7674-8913-f7929d91498b","drizzle.ts","019af300-91a9-7674-8914-02ef0fb89d97","directory","deletedAtVersion","59b8390a-d286-11f0-8f85-42dde27851f2",["D",1765013492089],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","HONC app template on Val Town (honc.dev)","imageUrl","pinnedFileId","019af300-91a9-7674-8914-08996f314cbb","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","59b8390ad28611f08f8542dde27851f2","tursoHostname","59b8390ad28611f08f8542dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789528852539],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_144":75},"org",{"_11":12,"_139":140,"_74":75,"_31":73,"_141":142,"_143":30},"branch",{"_39":40,"_13":16,"_33":36,"_127":89,"_128":129,"_130":131,"_132":94,"_133":134,"_135":136,"_137":14,"_138":12},"isOwned","projectId","forkedBranchId","413bdebc-f6a0-11ef-969a-569c3dd06744","forkedBranchVersion",95,"forkedProjectPrivacy","forkedProjectId","413b5bb8-f6a0-11ef-969a-569c3dd06744","forkedProjectOrgId","2cdea40e-3470-4c15-b791-920f79c299a9","projectName","userHandle","displayName","dk","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":89,"_13":14,"_37":309,"_91":-5,"_92":30,"_93":94,"_95":94,"_96":97,"_98":-5,"_31":73,"_99":100,"_101":24,"_102":-5,"_103":-5,"_104":26,"_41":42,"_105":106,"_107":108,"_109":310,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_51":311,"_122":312,"_124":313,"_126":30},"tree",[207,211,216,220,221],"files",[207,208,209,210,211,212,213,214,215,216,217,218,219,220,221],"counts",{"_198":26,"_199":40,"_200":26,"_201":202,"_203":204},"contents",[183,184,185],{"_33":176,"_13":18,"_67":86,"_43":-5,"_35":36,"_177":40,"_178":24,"_37":179,"_39":26,"_70":87,"_180":-5,"_72":30,"_181":-5,"_17":182},"upstreamProject",{"_33":134,"_13":14,"_96":97,"_98":-5,"_93":94,"_51":174},"upstreamBranch",{"_33":129,"_37":168,"_169":170,"_13":16,"_127":134,"_39":131,"_128":-5,"_130":-5,"_171":172,"_91":-5,"_126":30,"_93":94,"_138":173,"_41":136,"_137":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740835362112],"updatedAt",["D",1741798186927],"lockfileKey","1766788753419-esm.town_v_fiberplane_HONC@95-main","fiberplane",{"_11":173,"_144":175},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ0OXJLaXVodjZKMUU4QnFhODNCVkJ4aVRQSyJ9","59bc5eb8-d286-11f0-8f85-42dde27851f2","branchVersion","latest",["D",1765013492089],"content","label",[18],{"_33":194,"_13":85,"_67":84,"_43":86,"_35":36,"_177":40,"_178":24,"_37":195,"_39":26,"_70":71,"_180":196,"_72":30,"_181":-5,"_17":197},{"_33":190,"_13":80,"_67":79,"_43":86,"_35":36,"_177":40,"_178":24,"_37":191,"_39":26,"_70":71,"_180":192,"_72":30,"_181":-5,"_17":193},{"_33":186,"_13":69,"_67":68,"_43":86,"_35":36,"_177":40,"_178":24,"_37":187,"_39":26,"_70":71,"_180":188,"_72":30,"_181":-5,"_17":189},"59bc5d96-d286-11f0-8f85-42dde27851f2",["D",1765013492089],"/**\n * Module that centralizes all Hono deps, to avoid using multiple imports of the library\n *\n * \"Why?\", you might ask.\n *\n * Well, Hono's type system freaks out if you import it multiple times,\n * so this avoids the case where one file accidentally imports a different version \n * (from esm.sh or npm)\n */\n\nimport { Hono, type MiddlewareHandler } from \"https://esm.sh/hono@4.7.0\";\nimport { cors } from \"https://esm.sh/hono@4.7.0/cors\";\nimport { HTTPException } from \"https://esm.sh/hono@4.7.0/http-exception\";\nimport { css, cx, keyframes, Style } from 'https://esm.sh/hono@4.7.0/css'\n\nexport { Hono, cors, type MiddlewareHandler, HTTPException, css, cx, keyframes, Style };",[18,69],"59bc5c88-d286-11f0-8f85-42dde27851f2",["D",1765013492089],"import { createFiberplane, createOpenAPISpec } from \"https://esm.sh/@fiberplane/hono@0.4.4\";\n\nexport { createFiberplane, createOpenAPISpec };",[18,80],"59bc5b34-d286-11f0-8f85-42dde27851f2",["D",1765013492089],"// Import drizzle deps with npm: specifier because exports don't get picked up properly by typescript when using esm.sh\nimport { drizzle, type LibSQLDatabase } from \"npm:drizzle-orm@0.39.3/libsql\";\nimport { and, eq, desc, relations, sql } from \"npm:drizzle-orm@0.39.3\";\nimport { integer, sqliteTable, text } from \"npm:drizzle-orm@0.39.3/sqlite-core\";\n\nexport { drizzle };\nexport type { LibSQLDatabase };\nexport { and, eq, desc, relations, sql };\nexport { integer, sqliteTable, text };",[18,85],"pulls","branches","forks","envVars",{"_81":26,"_206":26},"connections",{"_81":26,"_205":26},"unfilledCount","emptyCount",{"_33":305,"_13":291,"_67":286,"_43":-5,"_35":36,"_177":40,"_178":24,"_37":306,"_39":26,"_70":87,"_180":-5,"_72":30,"_181":-5,"_227":307,"_17":308},{"_33":298,"_13":299,"_67":300,"_43":286,"_35":36,"_177":40,"_178":24,"_37":301,"_39":26,"_70":71,"_180":302,"_72":30,"_181":-5,"_227":303,"_17":304},{"_33":292,"_13":250,"_67":293,"_43":286,"_35":36,"_177":40,"_178":24,"_37":294,"_39":26,"_70":71,"_180":295,"_72":30,"_181":-5,"_227":296,"_17":297},{"_33":283,"_13":284,"_67":285,"_43":286,"_35":36,"_177":40,"_178":24,"_37":287,"_39":26,"_70":71,"_180":288,"_72":30,"_181":-5,"_227":289,"_17":290},{"_33":279,"_13":257,"_67":252,"_43":-5,"_35":36,"_177":40,"_178":24,"_37":280,"_39":26,"_70":87,"_180":-5,"_72":30,"_181":-5,"_227":281,"_17":282},{"_33":272,"_13":273,"_67":274,"_43":252,"_35":36,"_177":40,"_178":24,"_37":275,"_39":26,"_70":71,"_180":276,"_72":30,"_181":-5,"_227":277,"_17":278},{"_33":265,"_13":266,"_67":267,"_43":252,"_35":36,"_177":40,"_178":24,"_37":268,"_39":26,"_70":71,"_180":269,"_72":30,"_181":-5,"_227":270,"_17":271},{"_33":258,"_13":259,"_67":260,"_43":252,"_35":36,"_177":40,"_178":24,"_37":261,"_39":26,"_70":71,"_180":262,"_72":30,"_181":-5,"_227":263,"_17":264},{"_33":249,"_13":250,"_67":251,"_43":252,"_35":36,"_177":40,"_178":24,"_37":253,"_39":26,"_70":71,"_180":254,"_72":30,"_181":-5,"_227":255,"_17":256},{"_33":176,"_13":18,"_67":86,"_43":-5,"_35":36,"_177":40,"_178":24,"_37":246,"_39":26,"_70":87,"_180":-5,"_72":30,"_181":-5,"_227":247,"_17":248},{"_33":194,"_13":85,"_67":84,"_43":86,"_35":36,"_177":40,"_178":24,"_37":243,"_39":26,"_70":71,"_180":196,"_72":30,"_181":-5,"_227":244,"_17":245},{"_33":190,"_13":80,"_67":79,"_43":86,"_35":36,"_177":40,"_178":24,"_37":240,"_39":26,"_70":71,"_180":192,"_72":30,"_181":-5,"_227":241,"_17":242},{"_33":186,"_13":69,"_67":68,"_43":86,"_35":36,"_177":40,"_178":24,"_37":237,"_39":26,"_70":71,"_180":188,"_72":30,"_181":-5,"_227":238,"_17":239},{"_33":230,"_13":231,"_67":232,"_43":-5,"_35":36,"_177":40,"_178":24,"_37":233,"_39":26,"_70":21,"_180":234,"_72":30,"_181":-5,"_227":235,"_17":236},{"_33":222,"_13":223,"_67":100,"_43":-5,"_35":36,"_177":40,"_178":24,"_37":224,"_39":26,"_70":225,"_180":226,"_72":30,"_181":-5,"_227":228,"_17":229},"59bc67a0-d286-11f0-8f85-42dde27851f2","index.ts",["D",1765013492089],"http","import { createFiberplane, createOpenAPISpec } from \"./deps/fiberplane.ts\";\nimport { Hono, HTTPException } from \"./deps/hono.ts\";\n\nimport homePage from \"./app/home.tsx\";\nimport type { AppType } from \"./app/types.ts\";\nimport usersApi from \"./app/users.ts\";\nimport { db } from \"./db/client.ts\";\nimport { migrateDatabase } from \"./db/migrate.ts\";\n\n// Migrate database on startup to make sure the proper table exists to store users\n// NOTE - Please comment on the template project if you have ideas on how to do migrations more cleanly on Valtown\nawait migrateDatabase();\n\nconst app = new Hono();\n\n/**\n * Middleware for setting up the database and storing it on the Hono app's context\n */\napp.use(async (c, next) => {\n c.set(\"db\", db);\n await next();\n});\n\n/** Mount the user management API at `/api/users` */\napp.route(\"/api/users\", usersApi);\n\n/** Render a Home page (example of using Hono with JSX) */\napp.route(\"/\", homePage);\n\n/** Create a simplified openapi spec that just lists the routes in our app */\napp.get(\"/openapi.json\", async c => {\n return c.json(\n createOpenAPISpec(app, {\n openapi: \"3.0.0\",\n info: {\n title: \"Honc D1 App\",\n version: \"1.0.0\",\n },\n }),\n );\n});\n\n/**\n * Mount the Fiberplane api playground\n * Visit /fp to view the UI\n */\napp.use(\n \"/fp/*\",\n createFiberplane({\n openapi: { url: \"/openapi.json\" },\n }),\n);\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: unknown) => {\n if (err instanceof HTTPException) {\n return err.getResponse();\n }\n throw err;\n});\n\n/**\n * Wrap the incoming request, inject the Deno env vars into the Hono app,\n * and then call the Hono api entrypoint (`app.fetch`)\n */\nexport default async function(req: Request): Promise {\n const env = Deno.env.toObject();\n // NOTE - Adding the entire env object will also expose the following values to your api handlers:\n //\n // * `valtown`\n // * `VAL_TOWN_API_KEY`\n // * `VALTOWN_API_URL`\n //\n // If you don't want those values, remove them from the env object\n return app.fetch(req, env);\n}","children",[],[223],"59bc5fd0-d286-11f0-8f85-42dde27851f2","README.md","019af300-91a9-7674-8914-0728ddd93f4c",["D",1765013492089],"# 🪿 HONC! 🪿\n\nThis is a template for a [HONC](https://honc.dev) project inside ValTown. You should just be able to fork it and get going. It uses:\n\n- Hono for the API\n- Drizzle for the ORM\n- ValTown sqlite for the DB\n- ValTown as the Cloud\n- Fiberplane as the API Explorer\n\nThere's a list of example HONC apps for inspiration on GitHub: [here](https://github.com/fiberplane/awesome-honc) and [here](https://github.com/fiberplane/create-honc-app/tree/main/examples)\n\n## A Few Honkin' Notes\n\n### database migrations need love and care 🫂\n\nNot totally sure how to generate and apply drizzle migrations yet!\n\nSo this template assumes you'll do a lot of manual SQL writing to sync your schema with your migrations.\nThere's ~~probably~~ _definitely_ a better solution, so please comment if you have ideas!\n\n### Why `deps/`?\n\nWe try to keep our dependencies inside a folder called `deps/`, and you might be wondering: Why?\n\nGreat question. So interrogative!\n\nIf we want to update all external dependencies at once, it's just a lot easier to do it in one file, instead of going to (for example) each file that imports Drizzle, and changing the import url there.",[],[231],["D",1765013492089],[],[18,69],["D",1765013492089],[],[18,80],["D",1765013492089],[],[18,85],["D",1765013492089],[217,218,219],[18],"59bc58f0-d286-11f0-8f85-42dde27851f2","types.ts","019af300-91a9-7674-8913-edfb44e2bbc6","019af300-91a9-7674-8913-f37f7d2f5324",["D",1765013492089],"import type { LibSQLDatabase } from \"../deps/drizzle.ts\";\nimport type * as schema from \"./schema\";\n\nexport type DBType = LibSQLDatabase;",[],[257,250],"db","59bc57d8-d286-11f0-8f85-42dde27851f2","schema.ts","019af300-91a9-7674-8913-eb460f12b6e7",["D",1765013492089],"import { integer, sql, sqliteTable, text } from \"../deps/drizzle.ts\";\n\nexport type NewUser = typeof users.$inferInsert;\n\nexport const users = sqliteTable(\"users\", {\n id: integer(\"id\", { mode: \"number\" }).primaryKey(),\n name: text(\"name\").notNull(),\n email: text(\"email\").notNull(),\n createdAt: text(\"created_at\").notNull().default(sql`(CURRENT_TIMESTAMP)`),\n updatedAt: text(\"updated_at\").notNull().default(sql`(CURRENT_TIMESTAMP)`),\n});",[],[257,259],"59bc56ac-d286-11f0-8f85-42dde27851f2","migrate.ts","019af300-91a9-7674-8913-e4cd7d14f850",["D",1765013492089],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\n/**\n * @NOTE - It is not straightforward how to use drizzle-kit to generate and apply migrations on ValTown\n * For this reason, we need to manually create the users table.\n */\nexport const migrateDatabase = async () => {\n await sqlite.execute(`\nCREATE TABLE IF NOT EXISTS \\`users\\` (\n \\`id\\` integer PRIMARY KEY NOT NULL,\n\t\\`name\\` text NOT NULL,\n \\`email\\` text,\n\t\\`created_at\\` text DEFAULT (CURRENT_TIMESTAMP) NOT NULL,\n\t\\`updated_at\\` text DEFAULT (CURRENT_TIMESTAMP) NOT NULL\n);\n`);\n};",[],[257,266],"59bc5468-d286-11f0-8f85-42dde27851f2","client.ts","019af300-91a9-7674-8913-e11d8efe563d",["D",1765013492089],"import { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { drizzle } from \"../deps/drizzle.ts\";\nimport * as schema from \"./schema.ts\";\nimport type { DBType } from \"./types.ts\";\n\n/**\n * The typed database client, allowing us to construct sql queries and\n * use Drizzle's ORM features against the ValTown sqlite database\n */\nexport const db: DBType = drizzle(sqlite as any, {\n schema,\n});",[],[257,273],"59bc59fe-d286-11f0-8f85-42dde27851f2",["D",1765013492089],[212,213,214,215],[257],"59bc5080-d286-11f0-8f85-42dde27851f2","users.ts","019af300-91a9-7674-8913-d85a4f3aa149","019af300-91a9-7674-8913-dc888eb6f9f5",["D",1765013492089],"import * as schema from \"../db/schema.ts\";\nimport { and, eq, sql } from \"../deps/drizzle.ts\";\nimport { Hono, HTTPException } from \"../deps/hono.ts\";\nimport type { AppType } from \"./types.ts\";\n\nconst app = new Hono();\n\n/**\n * Get user by id\n */\napp.get(\"/:id\", async c => {\n const db = c.get(\"db\");\n const id = c.req.param(\"id\");\n const idNumber = +id;\n\n if (Number.isNaN(idNumber)) {\n throw new HTTPException(400, {\n message: \"id must be a number\",\n });\n }\n\n const user = await db.select().from(schema.users).where(eq(schema.users.id, id));\n return c.json(user);\n});\n\n/**\n * List users\n */\napp.get(\"/\", async c => {\n const db = c.get(\"db\");\n const users = await db.select().from(schema.users);\n\n return c.json({ users });\n});\n\n/**\n * Create a user\n */\napp.post(\"/\", async (c) => {\n const { name, email } = await c.req.json();\n\n const db = c.get(\"db\");\n\n const [newUser] = await db.insert(schema.users).values({\n name,\n email,\n }).returning();\n\n return c.json(newUser);\n});\n\n/**\n * Delete a user\n */\napp.delete(\"/:id\", async (c) => {\n const id = c.req.param(\"id\");\n const idNumber = +id;\n \n if (Number.isNaN(idNumber)) {\n return c.json({ message: \"Id must be a number \"}, 422);\n }\n\n const db = c.get(\"db\");\n\n await db.delete(schema.users).where(eq(schema.users.id, idNumber));\n\n return c.body(null, 204)\n});\n\nexport default app;",[],[291,284],"app","59bc4e14-d286-11f0-8f85-42dde27851f2","019af300-91a8-76cd-81d4-5843183739cc",["D",1765013492089],"import type { MiddlewareHandler } from \"../deps/hono.ts\";\nimport type { DBType } from \"../db/types.ts\";\n\n/**\n * Our Hono app type\n * \n * Optimisitically types the values we expect in our environment and context:\n *\n * - `Bindings` determines env vars, accessed via `c.env.NAME_OF_VAR` in api handlers\n * - `Variables` determines context vars, accessed via `c.get(\"NAME_OF_VAR\")` in api handlers\n */\nexport type AppType = {\n Bindings: {\n /**\n * If you have an environment variable called `MY_ENV_VAR`,\n * manually specify it here to make Hono's type system aware of it.\n */\n MY_ENV_VAR: string;\n };\n Variables: {\n db: DBType;\n };\n};\n\nexport type AppMiddleware = MiddlewareHandler;",[],[291,250],"59bc420c-d286-11f0-8f85-42dde27851f2","home.tsx","019af300-91a8-76cd-81d4-56f39c611e73",["D",1765013492089],"/** @jsxImportSource https://esm.sh/hono@4.7.0/jsx */\n\nimport { css, Hono, Style } from \"../deps/hono.ts\";\n\nconst app = new Hono();\n\n/**\n * Use Hono's jsx renderer and css utilities to write a simple Home page\n * - https://hono.dev/docs/helpers/css\n * - https://hono.dev/docs/guides/jsx\n */\napp.get(\"/\", async ctx => {\n const bodyStyles = css`\n background-color: #1a1a1a;\n color: #f5f5f0;\n font-family: system-ui, -apple-system, sans-serif;\n line-height: 1.5;\n max-width: 800px;\n margin: 40px auto;\n padding: 20px;\n `;\n\n const linkStyles = css`\n color: #d9853b;\n text-decoration: none;\n &:hover {\n text-decoration: underline;\n }\n `;\n\n return ctx.html(\n \n \n \n \n

History · deps