Fix type things.

Author: peterp

src/app/pages/layout.tsx

@@ -56,7 +56,7 @@ function Header({
 
 export function Layout({ children }: { children: React.ReactNode }) {
   const user = requestInfo.ctx?.user;
-  const theme = requestInfo.ctx?.theme || "system";
+  const theme = requestInfo.ctx?.theme;
 
   return (
     <div className="min-h-screen bg-background">

src/app/pages/user/functions.ts

@@ -163,7 +163,7 @@ export async function finishPasskeyLogin(login: AuthenticationResponseJSON) {
     requireUserVerification: false,
     credential: {
       id: credential.credentialId,
-      publicKey: credential.publicKey,
+      publicKey: new Uint8Array(credential.publicKey),
       counter: credential.counter,
     },
   });

src/worker.tsx

@@ -26,7 +26,7 @@ export type AppContext = {
     id: string;
     email: string;
   } | null;
-  theme?: "dark" | "light" | "system";
+  theme: "dark" | "light" | "system";
 };
 
 export const getUser = async (session: Session | null) => {
@@ -52,7 +52,13 @@ const app = defineApp([
     const themeMatch = cookieHeader?.match(
       /(?:^|;)\s*theme=(dark|light|system)(?:;|$)/
     );
-    ctx.theme = (themeMatch?.[1] as "dark" | "light" | "system") || "system";
+    ctx.theme = "system";
+    if (
+      themeMatch?.[1] &&
+      ["dark", "light", "system"].includes(themeMatch[1])
+    ) {
+      ctx.theme = themeMatch[1] as "dark" | "light" | "system";
+    }
 
     try {
       ctx.session = await sessionStore.load(request);