\n \n My App\n \n

\n \n Logout\n \n
\n \n Login\n \n
\n \n Sign Up\n \n

\n {props.children}\n

\n \n \n );\n };\n\n export type AppContext = Context<{ Variables: ContextVars }>;\n export const app = new Hono();\n\n app.get(\"/\", async (c: AppContext) => {\n const db = c.get(\"db\");\n const user_id = c.get(\"user_id\");\n let user = null;\n if (user_id) {\n user = (await db.select().from(schema.users).where(\n eq(schema.users.id, user_id),\n ))[0];\n }\n\n return c.html(\n \n

\n Welcome to Hono + DaisyUI\n

\n This is a simple example of using Hono with DaisyUI for styling.\n

\n \n \n \n

\n \n About Page\n \n

\n \n View Source\n \n

\n ,\n );\n });\n\n interface SignupFormData {\n username?: string;\n username_error?: string;\n password?: string;\n password_error?: string;\n form_error?: string;\n }\n\n const SignupForm = (props: { data: SignupFormData }) => {\n return (\n \n );\n };\n\n app.get(\"/sign_up\", (c: AppContext) => {\n return c.html(\n \n

\n Create an account\n

\n \n ,\n );\n });\n\n app.post(\"/sign_up\", async (c: AppContext) => {\n const body = await c.req.parseBody<{\n username: string;\n password: string;\n }>();\n const data: SignupFormData = {\n username: body.username,\n password: body.password,\n };\n\n const username: string | null = body.username ?? null;\n if (\n !username || username.length < 3 || username.length > 31\n || !/^[a-z0-9_-]+$/.test(username)\n ) {\n data.username = undefined;\n data.username_error = \"Invalid Username\";\n }\n const password: string | null = body.password ?? null;\n if (\n !password || password.length < 6 || password.length > 255\n ) {\n data.password = undefined;\n data.password_error = \"Invalid Password\";\n }\n if (data.username_error || data.password_error) {\n return c.html(\n ,\n );\n }\n\n const passwordHash = await new Scrypt().hash(password);\n const user_id = schema.userId();\n\n const db = c.get(\"db\");\n\n try {\n await db.insert(schema.users).values({\n id: user_id,\n username,\n passwordHash,\n });\n\n const session = await lucia.createSession(user_id, {});\n c.header(\n \"Set-Cookie\",\n lucia.createSessionCookie(session.id).serialize(),\n { append: true },\n );\n c.header(\"hx-redirect\", \"/\");\n return c.html(

Signed up

);\n } catch (e) {\n console.error(e);\n console.log(e.code);\n if (\n e.code === \"SQLITE_CONSTRAINT\"\n ) {\n data.username = undefined;\n data.username_error = \"Username is already taken\";\n } else {\n data.form_error = \"An unknown error occurred\";\n }\n return c.html(\n ,\n );\n }\n });\n\n interface LoginFormData {\n username?: string;\n password?: string;\n form_error?: string;\n }\n\n const LoginForm = (props: { data: LoginFormData }) => {\n return (\n \n );\n };\n\n app.get(\"/login\", (c: AppContext) => {\n return c.html(\n \n

\n Log In\n

\n \n ,\n );\n });\n\n app.post(\"/login\", async (c: AppContext) => {\n const body = await c.req.parseBody<{\n username: string;\n password: string;\n }>();\n const data: SignupFormData = {\n username: body.username,\n password: body.password,\n };\n const username: string | null = body.username ?? null;\n if (\n !username || username.length < 3 || username.length > 31\n || !/^[a-z0-9_-]+$/.test(username)\n ) {\n data.form_error = \"Invalid password\";\n }\n const password: string | null = body.password ?? null;\n if (\n !password || password.length < 6 || password.length > 255\n ) {\n data.form_error = \"Invalid password\";\n }\n if (data.form_error) {\n return c.html(\n ,\n );\n }\n\n const existing_user = (await db.select().from(schema.users)\n .where(eq(schema.users.username, username)))[\n 0\n ];\n\n if (!existing_user) {\n data.form_error = \"Incorrect username or password\";\n return c.html(\n ,\n );\n }\n\n const validPassword = await new Scrypt().verify(\n existing_user.passwordHash,\n password,\n );\n if (!validPassword) {\n data.form_error = \"Incorrect username or password\";\n return c.html(\n ,\n );\n }\n\n const session = await lucia.createSession(\n existing_user.id,\n {},\n );\n c.header(\n \"Set-Cookie\",\n lucia.createSessionCookie(session.id).serialize(),\n { append: true },\n );\n c.header(\"hx-redirect\", \"/\");\n return c.html(

Logged in

);\n });\n\n app.post(\"/logout\", async (c: AppContext) => {\n const session = c.get(\"session\");\n if (!session) {\n return c.body(null, 401);\n }\n await lucia.invalidateSession(session.id);\n c.header(\n \"Set-Cookie\",\n lucia.createBlankSessionCookie().serialize(),\n );\n c.header(\n \"hx-redirect\",\n \"/\",\n );\n return c.html(

Logged out

);\n });\n}\n\n// deno-lint-ignore no-explicit-any\nconst db: schema.DB = drizzle(sqlite as any, { schema });\n\nconst adapter = new DrizzleSQLiteAdapter(\n db,\n schema.sessions,\n schema.users,\n);\n\nconst lucia = new Lucia(adapter, {\n sessionCookie: {\n attributes: {\n secure: !import.meta.url.endsWith(\".ts\"),\n },\n },\n});\n\ndeclare module \"npm:lucia\" {\n interface Register {\n Lucia: typeof lucia;\n UserId: schema.UserId;\n }\n}\n\nconst app = new Hono();\napp.use(async (c: web.AppContext, next) => {\n c.set(\"db\", db);\n await next();\n});\n\napp.use(\"*\", async (c: web.AppContext, next) => {\n const sessionId = lucia.readSessionCookie(\n c.req.header(\"Cookie\") ?? \"\",\n );\n if (!sessionId) {\n c.set(\"user_id\", null);\n c.set(\"session\", null);\n return next();\n }\n\n const { session, user } = await lucia.validateSession(\n sessionId,\n );\n if (session && session.fresh) {\n c.header(\n \"Set-Cookie\",\n lucia.createSessionCookie(session.id).serialize(),\n { append: true },\n );\n }\n if (!session) {\n c.header(\n \"Set-Cookie\",\n lucia.createBlankSessionCookie().serialize(),\n { append: true },\n );\n }\n c.set(\"session\", session);\n c.set(\"user_id\", user?.id ?? null);\n return next();\n});\n\napp.route(\"/\", web.app);\n\nawait migrate(sqlite, schema.KEY, schema.MIGRATIONS);\n\nexport default async function handler(\n req: Request,\n): Promise {\n return await app.fetch(req);\n}","createdAt",["D",1725845125274],"version",13,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_130":131,"_132":133},"handle","saolsen","profileImageUrl","https://images.clerk.dev/oauth_github/img_2QtXHzN3gDPhKsBOvKsst8LTxC5.png","forkedVal","interval","slug","saolsen/lucia_hono","description","// deno-lint-ignore-file no-namespace","versions",[142,145,149,153,157,161,165,169,173,177,181,185,188,191],{"_118":119,"_143":-5,"_116":144,"_113":111},"prId",["D",1725845125274],{"_118":146,"_143":-5,"_116":147,"_113":148},12,["D",1725845064420],"3f873438-6e4a-11ef-83ba-de64eea55b61",{"_118":150,"_143":-5,"_116":151,"_113":152},11,["D",1725844955226],"fe71d9e4-6e49-11ef-83a3-de64eea55b61",{"_118":154,"_143":-5,"_116":155,"_113":156},10,["D",1725828005185],"876e5a60-6e22-11ef-8de5-de64eea55b61",{"_118":158,"_143":-5,"_116":159,"_113":160},9,["D",1725827914928],"51a20daa-6e22-11ef-935e-de64eea55b61",{"_118":162,"_143":-5,"_116":163,"_113":164},8,["D",1725762939459],"093ca792-6d8b-11ef-9c68-de64eea55b61",{"_118":166,"_143":-5,"_116":167,"_113":168},7,["D",1725762925248],"00c41afa-6d8b-11ef-8478-de64eea55b61",{"_118":170,"_143":-5,"_116":171,"_113":172},6,["D",1725762910990],"f844adcc-6d8a-11ef-8375-de64eea55b61",{"_118":174,"_143":-5,"_116":175,"_113":176},5,["D",1725762884078],"e83a0b20-6d8a-11ef-8478-de64eea55b61",{"_118":178,"_143":-5,"_116":179,"_113":180},4,["D",1725762749800],"9830d618-6d8a-11ef-8a9d-de64eea55b61",{"_118":182,"_143":-5,"_116":183,"_113":184},3,["D",1725762696259],"78471dc6-6d8a-11ef-a6b0-de64eea55b61",{"_118":90,"_143":-5,"_116":186,"_113":187},["D",1725762409938],"cd9e0894-6d89-11ef-b5d4-de64eea55b61",{"_118":122,"_143":-5,"_116":189,"_113":190},["D",1725762408522],"ccc64a9e-6d89-11ef-8413-de64eea55b61",{"_118":31,"_143":-5,"_116":192,"_113":193},["D",1725762221654],"5d644e9e-6d89-11ef-9893-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":201,"_202":203,"_94":204},"single","redirect","/v/saolsen/lucia_hono/versions",{"_113":164,"_114":205,"_118":162,"_116":206,"_207":99,"_100":101,"_108":109,"_130":131,"_11":96,"_208":-5,"_209":-5,"_210":-5,"_198":26,"_136":137},"// deno-lint-ignore-file no-namespace\n/** @jsxImportSource jsr:@hono/hono/jsx **/\nimport { Uuid25 } from \"npm:uuid25\";\nimport { uuidv7obj } from \"npm:uuidv7\";\nimport { z } from \"npm:zod\";\n\nimport { eq } from \"npm:drizzle-orm\";\nimport { drizzle } from \"npm:drizzle-orm/libsql\";\nimport { LibSQLDatabase } from \"npm:drizzle-orm/libsql\";\nimport { integer, sqliteTable, text } from \"npm:drizzle-orm/sqlite-core\";\n\nimport { DrizzleSQLiteAdapter } from \"npm:@lucia-auth/adapter-drizzle\";\nimport type { Session, User } from \"npm:lucia\";\nimport { Lucia, Scrypt } from \"npm:lucia\";\n\nimport { Context, Hono } from \"jsr:@hono/hono\";\nimport { Child } from \"jsr:@hono/hono/jsx\";\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nimport { migrate } from \"https://esm.town/v/saolsen/migrations?v=22\";\n\nnamespace schema {\n export const KEY = new URL(import.meta.url).pathname.split(\"/\")\n .at(-1)!;\n\n export type UserId = string & {\n readonly UserId: unique symbol;\n };\n export const UserId = z\n .string()\n .startsWith(\"u_\")\n .length(27)\n .transform((k: string) => k as UserId);\n\n export function userId(): UserId {\n return `u_${Uuid25.fromBytes(uuidv7obj().bytes).value}` as UserId;\n }\n\n export const users = sqliteTable(`${KEY}_users`, {\n id: text(\"user_id\").$type().primaryKey(),\n username: text(\"username\").unique().notNull(),\n passwordHash: text(\"password_hash\").notNull(),\n });\n\n export const sessions = sqliteTable(`${KEY}_sessions`, {\n id: text(\"session_id\").primaryKey(),\n expiresAt: integer(\"expires_at\").notNull(),\n userId: text(\"user_id\").$type().notNull().references(\n () => users.id,\n ),\n });\n\n export const MIGRATIONS = [\n `CREATE TABLE ${KEY}_users (\n user_id text PRIMARY KEY NOT NULL,\n username text NOT NULL,\n password_hash text NOT NULL\n )`,\n `CREATE TABLE ${KEY}_sessions (\n session_id text PRIMARY KEY NOT NULL,\n expires_at integer NOT NULL,\n user_id text NOT NULL,\n FOREIGN KEY (user_id) REFERENCES ${KEY}_users(user_id) ON UPDATE no action ON DELETE no action\n )`,\n `CREATE UNIQUE INDEX ${KEY}_users_username_unique ON ${KEY}_users (username)`,\n ];\n\n export const schema = { users };\n export type DB = LibSQLDatabase;\n}\n\nnamespace web {\n export type ContextVars = {\n db: schema.DB;\n user: User | null;\n session: Session | null;\n };\n\n const Layout = (props: { children: Child }) => {\n return (\n \n \n \n \n Hono + DaisyUI Site\n \n \n \n \n \n

\n {props.children}\n

\n Welcome to Hono + DaisyUI\n

\n {auth_user\n ? `Hello, ${auth_user.id}!`\n : \"Hello, Guest!\"}\n

\n This is a simple example of using hono with lucia auth.\n

\n \n Sign Up\n \n

\n Login\n

\n \n Logout\n \n

\n \n View Source\n \n

\n Create an account\n

\n \n Sign in\n ,\n );\n });\n\n app.post(\"/sign_up\", async (c: AppContext) => {\n const body = await c.req.parseBody<{\n username: string;\n password: string;\n }>();\n const data: SignupFormData = {\n username: body.username,\n password: body.password,\n };\n\n const username: string | null = body.username ?? null;\n if (\n !username || username.length < 3 || username.length > 31\n || !/^[a-z0-9_-]+$/.test(username)\n ) {\n data.username = undefined;\n data.username_error = \"Invalid Username\";\n }\n const password: string | null = body.password ?? null;\n if (\n !password || password.length < 6 || password.length > 255\n ) {\n data.password = undefined;\n data.password_error = \"Invalid Password\";\n }\n if (data.username_error || data.password_error) {\n return c.html(\n ,\n );\n }\n\n const passwordHash = await new Scrypt().hash(password);\n const user_id = schema.userId();\n\n const db = c.get(\"db\");\n\n try {\n await db.insert(schema.users).values({\n id: user_id,\n username,\n passwordHash,\n });\n\n const session = await lucia.createSession(user_id, {});\n c.header(\n \"Set-Cookie\",\n lucia.createSessionCookie(session.id).serialize(),\n { append: true },\n );\n return c.redirect(\"/\");\n } catch (e) {\n console.error(e);\n console.log(e.code);\n if (\n e.code === \"SQLITE_CONSTRAINT\"\n ) {\n data.username = undefined;\n data.username_error = \"Username is already taken\";\n } else {\n data.form_error = \"An unknown error occurred\";\n }\n return c.html(\n ,\n );\n }\n });\n\n interface LoginFormData {\n username?: string;\n password?: string;\n form_error?: string;\n }\n\n const LoginForm = (props: { data: LoginFormData }) => {\n return (\n \n );\n };\n\n app.get(\"/login\", (c: AppContext) => {\n return c.html(\n \n

\n Log In\n

\n \n Sign Up\n ,\n );\n });\n\n app.post(\"/login\", async (c: AppContext) => {\n const body = await c.req.parseBody<{\n username: string;\n password: string;\n }>();\n const data: SignupFormData = {\n username: body.username,\n password: body.password,\n };\n const username: string | null = body.username ?? null;\n if (\n !username || username.length < 3 || username.length > 31\n || !/^[a-z0-9_-]+$/.test(username)\n ) {\n data.form_error = \"Invalid password\";\n }\n const password: string | null = body.password ?? null;\n if (\n !password || password.length < 6 || password.length > 255\n ) {\n data.form_error = \"Invalid password\";\n }\n if (data.form_error) {\n return c.html(\n ,\n );\n }\n\n const existing_user = (await db.select().from(schema.users)\n .where(eq(schema.users.username, username)))[\n 0\n ];\n\n if (!existing_user) {\n data.form_error = \"Incorrect username or password\";\n return c.html(\n ,\n );\n }\n\n const validPassword = await new Scrypt().verify(\n existing_user.passwordHash,\n password,\n );\n if (!validPassword) {\n data.form_error = \"Incorrect username or password\";\n return c.html(\n ,\n );\n }\n\n const session = await lucia.createSession(\n existing_user.id,\n {},\n );\n c.header(\n \"Set-Cookie\",\n lucia.createSessionCookie(session.id).serialize(),\n { append: true },\n );\n c.header(\"Location\", \"/\", { append: true });\n return c.redirect(\"/\");\n });\n\n app.post(\"/logout\", async (c: AppContext) => {\n const session = c.get(\"session\");\n if (!session) {\n return c.body(null, 401);\n }\n await lucia.invalidateSession(session.id);\n c.header(\n \"Set-Cookie\",\n lucia.createBlankSessionCookie().serialize(),\n );\n c.header(\n \"hx-redirect\",\n \"/\",\n );\n return c.html(

Logged Out

lucia_hono

Version 8