shrt
b171956105
All checks were successful
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 0s
437 lines
17 KiB
TypeScript
437 lines
17 KiB
TypeScript
import { createId } from "@paralleldrive/cuid2";
|
|
|
|
export function generateSessionToken() {
|
|
return createId();
|
|
}
|
|
export const fromDate = (time: number, date = Date.now()) => {
|
|
return new Date(date + time * 1000);
|
|
};
|
|
|
|
// CredentialsProvider({
|
|
// name: "Credentials",
|
|
// credentials: {
|
|
// email: { label: "Email", type: "email" },
|
|
// password: { label: "Password", type: "password" },
|
|
// },
|
|
// authorize: async (credentials) => {
|
|
// let user: Session["user"] | null = null;
|
|
|
|
// if (!credentials?.email || !credentials?.password) return null;
|
|
|
|
// if (
|
|
// typeof credentials.password !== "string" ||
|
|
// typeof credentials.email !== "string"
|
|
// ) {
|
|
// console.log("WARN: Password or Email is not a string.");
|
|
// return null;
|
|
// }
|
|
// try {
|
|
// // Add your own database logic here
|
|
// const response = await db.query.users.findFirst({
|
|
// where: eq(users.email, String(credentials.email)),
|
|
// });
|
|
|
|
// // No user found
|
|
// if (!response || !response.password) {
|
|
// if (!response?.password) return null;
|
|
// }
|
|
// user = response;
|
|
// // Check password - using timing-safe comparison via bcrypt
|
|
// const isValidPassword = await argon.verify(
|
|
// String(response.password),
|
|
// String(credentials?.password),
|
|
// );
|
|
// if (!isValidPassword) return null;
|
|
// console.log("User authenticated successfully:", user.id);
|
|
|
|
// return {
|
|
// name: user.name,
|
|
// email: user.email,
|
|
// image: user.image,
|
|
// id: user.id,
|
|
// role: user.role,
|
|
// } as User;
|
|
// } catch (e) {
|
|
// console.log("WARN: Error while validating credentials.");
|
|
// return null;
|
|
// }
|
|
// },
|
|
// }),
|
|
|
|
// callback
|
|
// async signIn({ user, account, profile, email, credentials }) {
|
|
// console.log("👉 SignIn callback triggered", user?.id);
|
|
// console.log("👉 SignIn callback credentials", credentials);
|
|
// if (credentials && user.id) await createSession(user.id!);
|
|
// // Return true to allow sign-in
|
|
// return true;
|
|
// },
|
|
|
|
// server action
|
|
// export async function login(values: z.infer<typeof loginSchema>) {
|
|
// return await signIn("credentials", values);
|
|
// }
|
|
// export async function register(values: z.infer<typeof registerSchema>) {
|
|
// try {
|
|
// const { success } = await api.auth.register({
|
|
// user: {
|
|
// email: values.email,
|
|
// name: values.name,
|
|
// },
|
|
// password: values.password,
|
|
// });
|
|
// await signIn("credentials", {
|
|
// email: values.email,
|
|
// password: values.password,
|
|
// });
|
|
// return success;
|
|
// } catch (e) {
|
|
// return false;
|
|
// }
|
|
// }
|
|
|
|
// export async function createSession(userId: string) {
|
|
// if (!adapter.createSession) throw new Error("Adapter not initialized");
|
|
// const sessionToken = generateSessionToken();
|
|
// const sessionExpiry = fromDate(authConfig.session.maxAge);
|
|
// console.log("👉 createSession", sessionToken);
|
|
// const session = await adapter.createSession({
|
|
// sessionToken: sessionToken,
|
|
// userId: userId,
|
|
// expires: sessionExpiry,
|
|
// });
|
|
// console.log("👉 createSession session", session);
|
|
// const cookieStore = await cookies();
|
|
// cookieStore.set("authjs.session-token", sessionToken, {
|
|
// expires: sessionExpiry,
|
|
// });
|
|
// }
|
|
|
|
// register page
|
|
// "use client";
|
|
// import { cn } from "@/lib/utils";
|
|
// import { Button } from "@/components/ui/button";
|
|
// import { Card, CardContent } from "@/components/ui/card";
|
|
// import { Input } from "@/components/ui/input";
|
|
// import { zodResolver } from "@hookform/resolvers/zod";
|
|
// import { useForm } from "react-hook-form";
|
|
// import { z } from "zod";
|
|
|
|
// import {
|
|
// Form,
|
|
// FormControl,
|
|
// FormField,
|
|
// FormItem,
|
|
// FormLabel,
|
|
// FormMessage,
|
|
// } from "@/components/ui/form";
|
|
|
|
// import { registerSchema } from "@/lib/validation/zod/user";
|
|
// import { appConfig, appRoutes } from "@/config";
|
|
// import Link from "next/link";
|
|
// import { login, register } from "@/server/actions/auth";
|
|
// import { toast } from "sonner";
|
|
// import { AuthProviderList, LeagalFooter } from ".";
|
|
|
|
// export function RegisterForm({
|
|
// className,
|
|
// ...props
|
|
// }: React.ComponentProps<"div">) {
|
|
// const form = useForm<z.infer<typeof registerSchema>>({
|
|
// resolver: zodResolver(registerSchema),
|
|
// defaultValues: {
|
|
// name: "",
|
|
// email: "",
|
|
// password: "",
|
|
// confirmPassword: "",
|
|
// },
|
|
// });
|
|
|
|
// // 2. Define a submit handler.
|
|
// async function onSubmit(values: z.infer<typeof registerSchema>) {
|
|
// const success = await register(values);
|
|
// if (!success) toast.error("Registrierung fehlgeschlagen");
|
|
// form.reset();
|
|
// }
|
|
// return (
|
|
// <div className={cn("flex flex-col gap-6", className)} {...props}>
|
|
// <Card className="overflow-hidden">
|
|
// <CardContent className="grid p-0 md:grid-cols-2">
|
|
// <Form {...form}>
|
|
// <form onSubmit={form.handleSubmit(onSubmit)} className="p-6 md:p-8">
|
|
// <div className="flex flex-col gap-6">
|
|
// <div className="flex flex-col items-center text-center">
|
|
// <h1 className="text-2xl font-bold">Wilkommen</h1>
|
|
// <p className="text-balance text-muted-foreground">
|
|
// Erstelle dein {appConfig.name} Konto
|
|
// </p>
|
|
// </div>
|
|
|
|
// <AuthProviderList />
|
|
|
|
// <div className="relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t after:border-border">
|
|
// <span className="relative z-10 bg-background px-2 text-muted-foreground">
|
|
// Oder mit
|
|
// </span>
|
|
// </div>
|
|
|
|
// <div className="space-y-4">
|
|
// <FormField
|
|
// control={form.control}
|
|
// name="name"
|
|
// render={({ field }) => (
|
|
// <FormItem>
|
|
// <FormLabel>Name</FormLabel>
|
|
// <FormControl>
|
|
// <Input
|
|
// placeholder="Mustermax"
|
|
// tabIndex={1}
|
|
// {...field}
|
|
// />
|
|
// </FormControl>
|
|
// <FormMessage />
|
|
// </FormItem>
|
|
// )}
|
|
// />
|
|
// <FormField
|
|
// control={form.control}
|
|
// name="email"
|
|
// render={({ field }) => (
|
|
// <FormItem>
|
|
// <FormLabel>Email</FormLabel>
|
|
// <FormControl>
|
|
// <Input
|
|
// placeholder="email@beispiel.com"
|
|
// tabIndex={2}
|
|
// {...field}
|
|
// />
|
|
// </FormControl>
|
|
// <FormMessage />
|
|
// </FormItem>
|
|
// )}
|
|
// />
|
|
// <FormField
|
|
// control={form.control}
|
|
// name="password"
|
|
// render={({ field }) => (
|
|
// <FormItem>
|
|
// <FormLabel>Passwort</FormLabel>
|
|
|
|
// <FormControl>
|
|
// <Input
|
|
// type="password"
|
|
// tabIndex={3}
|
|
// placeholder="******"
|
|
// {...field}
|
|
// />
|
|
// </FormControl>
|
|
// <FormMessage />
|
|
// </FormItem>
|
|
// )}
|
|
// />
|
|
// <FormField
|
|
// control={form.control}
|
|
// name="confirmPassword"
|
|
// render={({ field }) => (
|
|
// <FormItem>
|
|
// <FormLabel>Passwort Wiederholen</FormLabel>
|
|
// <FormControl>
|
|
// <Input
|
|
// type="password"
|
|
// tabIndex={4}
|
|
// placeholder="******"
|
|
// {...field}
|
|
// />
|
|
// </FormControl>
|
|
// <FormMessage />
|
|
// </FormItem>
|
|
// )}
|
|
// />
|
|
// </div>
|
|
|
|
// <Button type="submit">Login</Button>
|
|
|
|
// <div className="text-center text-sm">
|
|
// Du hast bereits ein Konto?{" "}
|
|
// <Link
|
|
// href={appRoutes.signin}
|
|
// className="underline underline-offset-4"
|
|
// >
|
|
// Anmelden
|
|
// </Link>
|
|
// </div>
|
|
// </div>
|
|
// </form>
|
|
// </Form>
|
|
|
|
// <div className="relative hidden bg-muted md:block">
|
|
// <img
|
|
// src="/placeholder.svg"
|
|
// alt="Image"
|
|
// className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
|
|
// />
|
|
// </div>
|
|
// </CardContent>
|
|
// </Card>
|
|
// <LeagalFooter />
|
|
// </div>
|
|
// );
|
|
// }
|
|
|
|
// Login page
|
|
|
|
// export function LoginForm({
|
|
// className,
|
|
// ...props
|
|
// }: React.ComponentProps<"div">) {
|
|
// const form = useForm<z.infer<typeof loginSchema>>({
|
|
// resolver: zodResolver(loginSchema),
|
|
// defaultValues: {
|
|
// email: "",
|
|
// password: "",
|
|
// },
|
|
// });
|
|
|
|
// // 2. Define a submit handler.
|
|
// async function onSubmit(values: z.infer<typeof loginSchema>) {
|
|
// const success = await login(values);
|
|
// // if (!success) toast.error("Login fehlgeschlagen");
|
|
// // form.reset();
|
|
// }
|
|
// return (
|
|
// <div className={cn("flex flex-col gap-6", className)} {...props}>
|
|
// <Card className="overflow-hidden">
|
|
// <CardContent className="grid p-0 md:grid-cols-2">
|
|
// <Form {...form}>
|
|
// <form onSubmit={form.handleSubmit(onSubmit)} className="p-6 md:p-8">
|
|
// <div className="flex flex-col gap-6">
|
|
// <div className="flex flex-col items-center text-center">
|
|
// <h1 className="text-2xl font-bold">Wilkommen Zurück</h1>
|
|
// <p className="text-balance text-muted-foreground">
|
|
// Melde dich in deinem {appConfig.name} Konto an
|
|
// </p>
|
|
// </div>
|
|
// <AuthProviderList />
|
|
// <div className="relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t after:border-border">
|
|
// <span className="relative z-10 bg-background px-2 text-muted-foreground">
|
|
// Oder mit
|
|
// </span>
|
|
// </div>
|
|
// <div className="space-y-4">
|
|
// <FormField
|
|
// control={form.control}
|
|
// name="email"
|
|
// render={({ field }) => (
|
|
// <FormItem>
|
|
// <FormLabel>Email</FormLabel>
|
|
// <FormControl>
|
|
// <Input
|
|
// placeholder="email@beispiel.com"
|
|
// tabIndex={1}
|
|
// {...field}
|
|
// />
|
|
// </FormControl>
|
|
// <FormMessage />
|
|
// </FormItem>
|
|
// )}
|
|
// />
|
|
// <FormField
|
|
// control={form.control}
|
|
// name="password"
|
|
// render={({ field }) => (
|
|
// <FormItem>
|
|
// <div className="flex items-center">
|
|
// <FormLabel>Passwort</FormLabel>
|
|
|
|
// <a
|
|
// href="#"
|
|
// className="ml-auto text-sm underline-offset-2 hover:underline"
|
|
// >
|
|
// passwort vergessen?
|
|
// </a>
|
|
// </div>
|
|
// <FormControl>
|
|
// <Input
|
|
// type="password"
|
|
// tabIndex={2}
|
|
// placeholder="******"
|
|
// {...field}
|
|
// />
|
|
// </FormControl>
|
|
// <FormMessage />
|
|
// </FormItem>
|
|
// )}
|
|
// />
|
|
// </div>
|
|
|
|
// <Button type="submit">Login</Button>
|
|
|
|
// <div className="text-center text-sm">
|
|
// Du hast noch kein Konto?{" "}
|
|
// <Link
|
|
// href={appRoutes.signup}
|
|
// className="underline underline-offset-4"
|
|
// >
|
|
// Registrieren
|
|
// </Link>
|
|
// </div>
|
|
// </div>
|
|
// </form>
|
|
// </Form>
|
|
|
|
// <div className="relative hidden bg-muted md:block">
|
|
// <img
|
|
// src="/placeholder.svg"
|
|
// alt="Image"
|
|
// className="absolute inset-0 h-full w-full object-cover dark:brightness-[0.2] dark:grayscale"
|
|
// />
|
|
// </div>
|
|
// </CardContent>
|
|
// </Card>
|
|
// <LeagalFooter />
|
|
// </div>
|
|
// );
|
|
// }
|
|
|
|
// export function AuthProviderList() {
|
|
// return (
|
|
// <div className="grid grid-cols-3 gap-4">
|
|
// <Button
|
|
// variant="outline"
|
|
// className="w-full"
|
|
// onClick={() => loginOAuth("discord")}
|
|
// >
|
|
// <Icons.discord />
|
|
// <span className="sr-only">Login with Discord</span>
|
|
// </Button>
|
|
// <Button variant="outline" className="w-full">
|
|
// <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
// <path
|
|
// d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
|
|
// fill="currentColor"
|
|
// />
|
|
// </svg>
|
|
// <span className="sr-only">Login with Google</span>
|
|
// </Button>
|
|
// <Button variant="outline" className="w-full">
|
|
// <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
// <path
|
|
// d="M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z"
|
|
// fill="currentColor"
|
|
// />
|
|
// </svg>
|
|
// <span className="sr-only">Login with Meta</span>
|
|
// </Button>
|
|
// </div>
|
|
// );
|
|
// }
|
|
|
|
// export function LeagalFooter() {
|
|
// return (
|
|
// <div className="text-balance text-center text-xs text-muted-foreground [&_a]:underline [&_a]:underline-offset-4 hover:[&_a]:text-primary">
|
|
// By clicking continue, you agree to our <a href="#">Terms of Service</a>{" "}
|
|
// and <a href="#">Privacy Policy</a>.
|
|
// </div>
|
|
// );
|
|
// }
|