[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_278":279,"_280":281},"routes/_app.x.$handle.$name",{"_16":17,"_20":21,"_87":66,"_88":89,"_64":-7,"_90":-5,"_13":91,"_92":93,"_11":94,"_95":96,"_97":98,"_99":-5,"_100":101,"_102":103,"_104":26,"_105":106,"_107":37,"_108":-5,"_109":-5,"_110":111},"routes/_app.x.$handle.$name.search.$(branch)",{"_11":12,"_13":14,"_15":-5,"_16":17},"files",[],"project",{"_18":19,"_20":21,"_22":23,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":37,"_38":-5,"_39":-5,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":49,"_50":49,"_51":52,"_53":52,"_54":52,"_55":49,"_56":49,"_57":58,"_59":60,"_61":62,"_63":26},"query","handle","toowired","id","396470b6-056c-11f0-875e-569c3dd06744","name","HONC","createdAt",["D",1742462282589],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","imageUrl","userId","02bea313-4abc-475e-987f-68da0b110d85","pinnedFileId","3436ce9d-1e64-4732-b0e3-8b4e7082f51c","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","332725b9-0bd3-42b9-83ec-05fac730cb70","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_16":17,"_86":82},"org",{"_16":17,"_80":-5,"_81":82,"_32":33,"_83":84,"_85":26},"branch",{"_64":65,"_20":66,"_18":67,"_68":19,"_69":70,"_71":72,"_73":28,"_74":75,"_76":77,"_78":21,"_79":17},"isOwned","version",1,"main","39671050-056c-11f0-875e-569c3dd06744","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","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ5MkxRcEVHOWxNcEFMQ0d1VHB5S1R0Unh2byJ9","tier","free","canRestrictVals","profileImageUrl","branchName","path","","adoptOrgId",{"_18":19,"_20":21,"_22":274,"_24":-5,"_25":26,"_27":28,"_29":28,"_30":-5,"_31":-5,"_32":33,"_34":35,"_36":37,"_38":-5,"_39":-5,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":49,"_50":49,"_51":52,"_53":52,"_54":52,"_55":49,"_56":49,"_57":275,"_59":276,"_61":277,"_63":26},"tree",[173,177,182,186,187],[173,174,175,176,177,178,179,180,181,182,183,184,185,186,187],"counts",{"_163":41,"_164":65,"_165":41,"_166":167,"_168":169},"contents",[121,122,123,124,125],"file","upstreamProject",{"_18":75,"_20":21,"_30":118,"_31":-5,"_27":28,"_57":119},"upstreamBranch",{"_18":70,"_22":112,"_113":114,"_20":66,"_68":75,"_64":72,"_69":-5,"_71":-5,"_115":116,"_24":-5,"_63":26,"_27":28,"_79":117,"_42":77,"_78":21},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740835362112],"updatedAt",["D",1741798186927],"lockfileKey","1766788753419-esm.town_v_fiberplane_HONC@95-main","fiberplane","HONC app template on Val Town (honc.dev)",{"_16":117,"_86":120},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ0OXJLaXVodjZKMUU4QnFhODNCVkJ4aVRQSyJ9",{"_18":158,"_20":159,"_128":160,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":161,"_64":41,"_134":151,"_136":-5,"_138":26,"_139":-5,"_88":162},{"_18":153,"_20":154,"_128":155,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":156,"_64":41,"_134":151,"_136":-5,"_138":26,"_139":-5,"_88":157},{"_18":147,"_20":148,"_128":149,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":150,"_64":41,"_134":151,"_136":-5,"_138":26,"_139":-5,"_88":152},{"_18":141,"_20":142,"_128":143,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":144,"_64":41,"_134":99,"_136":145,"_138":26,"_139":-5,"_88":146},{"_18":126,"_20":127,"_128":35,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":133,"_64":41,"_134":135,"_136":137,"_138":26,"_139":-5,"_88":140},"396900cc-056c-11f0-875e-569c3dd06744","index.ts","fileId","parentId","branchId","branchVersion","latest",["D",1742462282589],"fileType","http","content","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}","deleted","label",[127],"3968ff1e-056c-11f0-875e-569c3dd06744","README.md","8762a59c-93bc-438f-8d63-72e67be99bf6",["D",1742462282589],"# 🪿 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.",[142],"3968fdac-056c-11f0-875e-569c3dd06744","deps","080a5a12-1742-44dc-b03f-dca9dc851d24",["D",1742462282589],"directory",[148],"3968f79e-056c-11f0-875e-569c3dd06744","db","d4d82522-bfa8-4059-9aad-6c694ca42602",["D",1742462282589],[154],"3968d818-056c-11f0-875e-569c3dd06744","app","6087f613-03eb-4a5f-8c6a-897b74106cc8",["D",1742462282589],[159],"pulls","branches","forks","envVars",{"_170":41,"_172":41},"connections",{"_170":41,"_171":41},"count","unfilledCount","emptyCount",{"_18":158,"_20":159,"_128":160,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":271,"_64":41,"_134":151,"_136":-5,"_138":26,"_139":-5,"_189":272,"_88":273},{"_18":264,"_20":265,"_128":266,"_129":160,"_130":67,"_131":65,"_132":37,"_22":267,"_64":41,"_134":199,"_136":268,"_138":26,"_139":-5,"_189":269,"_88":270},{"_18":258,"_20":221,"_128":259,"_129":160,"_130":67,"_131":65,"_132":37,"_22":260,"_64":41,"_134":199,"_136":261,"_138":26,"_139":-5,"_189":262,"_88":263},{"_18":251,"_20":252,"_128":253,"_129":160,"_130":67,"_131":65,"_132":37,"_22":254,"_64":41,"_134":199,"_136":255,"_138":26,"_139":-5,"_189":256,"_88":257},{"_18":153,"_20":154,"_128":155,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":248,"_64":41,"_134":151,"_136":-5,"_138":26,"_139":-5,"_189":249,"_88":250},{"_18":241,"_20":242,"_128":243,"_129":155,"_130":67,"_131":65,"_132":37,"_22":244,"_64":41,"_134":199,"_136":245,"_138":26,"_139":-5,"_189":246,"_88":247},{"_18":234,"_20":235,"_128":236,"_129":155,"_130":67,"_131":65,"_132":37,"_22":237,"_64":41,"_134":199,"_136":238,"_138":26,"_139":-5,"_189":239,"_88":240},{"_18":227,"_20":228,"_128":229,"_129":155,"_130":67,"_131":65,"_132":37,"_22":230,"_64":41,"_134":199,"_136":231,"_138":26,"_139":-5,"_189":232,"_88":233},{"_18":220,"_20":221,"_128":222,"_129":155,"_130":67,"_131":65,"_132":37,"_22":223,"_64":41,"_134":199,"_136":224,"_138":26,"_139":-5,"_189":225,"_88":226},{"_18":147,"_20":148,"_128":149,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":217,"_64":41,"_134":151,"_136":-5,"_138":26,"_139":-5,"_189":218,"_88":219},{"_18":210,"_20":211,"_128":212,"_129":149,"_130":67,"_131":65,"_132":37,"_22":213,"_64":41,"_134":199,"_136":214,"_138":26,"_139":-5,"_189":215,"_88":216},{"_18":203,"_20":204,"_128":205,"_129":149,"_130":67,"_131":65,"_132":37,"_22":206,"_64":41,"_134":199,"_136":207,"_138":26,"_139":-5,"_189":208,"_88":209},{"_18":195,"_20":196,"_128":197,"_129":149,"_130":67,"_131":65,"_132":37,"_22":198,"_64":41,"_134":199,"_136":200,"_138":26,"_139":-5,"_189":201,"_88":202},{"_18":141,"_20":142,"_128":143,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":192,"_64":41,"_134":99,"_136":145,"_138":26,"_139":-5,"_189":193,"_88":194},{"_18":126,"_20":127,"_128":35,"_129":-5,"_130":67,"_131":65,"_132":37,"_22":188,"_64":41,"_134":135,"_136":137,"_138":26,"_139":-5,"_189":190,"_88":191},["D",1742462282589],"children",[],[127],["D",1742462282589],[],[142],"3968fc1c-056c-11f0-875e-569c3dd06744","hono.ts","5d7d5907-0d6d-43b7-8a61-60e4cded9aca",["D",1742462282589],"script","/**\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 };",[],[148,196],"3968fa14-056c-11f0-875e-569c3dd06744","fiberplane.ts","56065404-f2e2-4dd7-a6a5-4c323463d432",["D",1742462282589],"import { createFiberplane, createOpenAPISpec } from \"https://esm.sh/@fiberplane/hono@0.4.4\";\n\nexport { createFiberplane, createOpenAPISpec };",[],[148,204],"3968f898-056c-11f0-875e-569c3dd06744","drizzle.ts","bdd2fb7c-a8f3-4287-87ba-6a10f13d8a1c",["D",1742462282589],"// 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 };",[],[148,211],["D",1742462282589],[183,184,185],[148],"3968f64a-056c-11f0-875e-569c3dd06744","types.ts","d985e18b-8507-49ab-a1b4-30bd300408d1",["D",1742462282589],"import type { LibSQLDatabase } from \"../deps/drizzle.ts\";\nimport type * as schema from \"./schema\";\n\nexport type DBType = LibSQLDatabase;",[],[154,221],"3968f4ba-056c-11f0-875e-569c3dd06744","schema.ts","298fd97e-bca8-4950-9443-271686ade3ac",["D",1742462282589],"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});",[],[154,228],"3968f30c-056c-11f0-875e-569c3dd06744","migrate.ts","6d60c4d2-6cde-4dd5-a83b-e1a956d4ea8f",["D",1742462282589],"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};",[],[154,235],"3968f104-056c-11f0-875e-569c3dd06744","client.ts","f8e62e88-83c2-42f5-93b9-9d6ef3acb077",["D",1742462282589],"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});",[],[154,242],["D",1742462282589],[178,179,180,181],[154],"3968d516-056c-11f0-875e-569c3dd06744","users.ts","c5814f02-78f0-4fd1-9290-a7c12554a444",["D",1742462282589],"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;",[],[159,252],"3968ce86-056c-11f0-875e-569c3dd06744","a1cb7a4d-d112-48dc-8097-8d6ca530dfb6",["D",1742462282589],"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;",[],[159,221],"3968c792-056c-11f0-875e-569c3dd06744","home.tsx","3cd28248-72b1-4367-ba17-452017332611",["D",1742462282589],"/** @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

Search