updated with-auth example

Author: thomasbuilds

examples/with-auth/src/components/Counter.tsx

@@ -6,7 +6,7 @@ export default function Counter() {
   return (
     <button
       class="w-[200px] rounded-full bg-gray-100 border-2 border-gray-300 focus:border-gray-400 active:border-gray-400 px-[2rem] py-[1rem]"
-      onClick={() => setCount(count() + 1)}
+      onclick={() => setCount(count() + 1)}
     >
       Clicks: {count()}
     </button>

examples/with-auth/src/lib/index.ts

@@ -16,7 +16,7 @@ export const querySession = query(async (path: string) => {
   const { data } = await getSession();
   if (path === "/login" && data.id) return redirect("/");
   if (data.id) return data;
-  if (isProtectedRoute(path)) throw redirect("/login");
+  if (isProtectedRoute(path)) throw redirect(`/login?redirect=${path}`);
   return null;
 }, "session");
 

examples/with-auth/src/lib/server.ts

@@ -12,16 +12,17 @@ export const getSession = () =>
     password: process.env.SESSION_SECRET!
   });
 
-export const createSession = async ({ id, email }: Session) => {
+export const createSession = async (user: Session, dest?: string) => {
+  const validDest = dest?.[0] === "/" && dest[1] !== "/";
   const session = await getSession();
-  await session.update({ id, email });
-  return redirect("/");
+  await session.update(user);
+  return redirect(validDest ? dest : "/");
 };
 
-export const oauthSignIn = async (email: string) => {
+export const oauthSignIn = async (email: string, dest?: string) => {
   let user = await findUser({ email });
   if (!user) user = await createUser({ email });
-  return createSession(user);
+  return createSession(user, dest);
 };
 
 export const passwordSignIn = async (email: string, password: string) => {

examples/with-auth/src/routes/api/oauth/[...oauth].ts

@@ -7,7 +7,7 @@ const config: Configuration = {
     id: process.env.DISCORD_ID!,
     secret: process.env.DISCORD_SECRET!
   },
-  handler: async ({ email }) => oauthSignIn(email)
+  handler: async ({ email }, redirect) => oauthSignIn(email, redirect)
 };
 
 export const GET = OAuth(config);