authverse 1.0.7-canary.1 → 1.0.7

package/dist/template/TanstackState/components/SingUpComponent.tsx

@@ -0,0 +1,189 @@
+import { useForm } from "@tanstack/react-form";
+import { toast } from "sonner";
+import * as z from "zod";
+import { Button } from "@/components/ui/button";
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
+import {
+  Field,
+  FieldError,
+  FieldGroup,
+  FieldLabel,
+} from "@/components/ui/field";
+import { Input } from "@/components/ui/input";
+import { useState } from "react";
+import { Link } from "@tanstack/react-router";
+import { authClient } from "@/lib/auth-client";
+
+const formSchema = z.object({
+  name: z.string().min(3, {
+    message: "Name must be at least 3 characters",
+  }),
+  email: z.string().email(),
+  password: z.string().min(8, {
+    message: "Password must be at least 8 characters",
+  }),
+});
+
+const SingUpComponent = () => {
+  const [isLoading, setIsLoading] = useState(false);
+
+  const form = useForm({
+    defaultValues: {
+      name: "",
+      email: "",
+      password: "",
+    },
+    validators: {
+      onSubmit: formSchema,
+    },
+    onSubmit: async ({ value }) => {
+      setIsLoading(true);
+      await authClient.signUp.email(
+        {
+          name: value.name,
+          email: value.email,
+          password: value.password,
+          callbackURL: "/",
+        },
+        {
+          onSuccess: () => {
+            toast.success("Sign up successful!");
+          },
+          onError: (error: any) => {
+            setIsLoading(false);
+            toast.error(error.error.message);
+          },
+        }
+      );
+    },
+  });
+
+  return (
+    <Card className="w-full sm:max-w-md shadow-md">
+      <CardHeader>
+        <CardTitle className="text-2xl leading-4">Sign Up</CardTitle>
+        <CardDescription>Create an account</CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form
+          id="form-login"
+          onSubmit={(e) => {
+            e.preventDefault();
+            form.handleSubmit();
+          }}
+        >
+          <FieldGroup>
+            <form.Field
+              name="name"
+              children={(field) => {
+                const isInvalid =
+                  field.state.meta.isTouched && !field.state.meta.isValid;
+                return (
+                  <Field data-invalid={isInvalid}>
+                    <FieldLabel htmlFor={field.name}>Name</FieldLabel>
+                    <Input
+                      id={field.name}
+                      name={field.name}
+                      value={field.state.value}
+                      onBlur={field.handleBlur}
+                      onChange={(e) => field.handleChange(e.target.value)}
+                      aria-invalid={isInvalid}
+                      placeholder="John Doe"
+                      autoComplete="off"
+                      disabled={isLoading}
+                    />
+                    {isInvalid && (
+                      <FieldError errors={field.state.meta.errors} />
+                    )}
+                  </Field>
+                );
+              }}
+            />
+            <form.Field
+              name="email"
+              children={(field) => {
+                const isInvalid =
+                  field.state.meta.isTouched && !field.state.meta.isValid;
+                return (
+                  <Field data-invalid={isInvalid}>
+                    <FieldLabel htmlFor={field.name}>Email</FieldLabel>
+                    <Input
+                      id={field.name}
+                      name={field.name}
+                      value={field.state.value}
+                      onBlur={field.handleBlur}
+                      onChange={(e) => field.handleChange(e.target.value)}
+                      aria-invalid={isInvalid}
+                      placeholder="example@example.com"
+                      autoComplete="off"
+                      disabled={isLoading}
+                    />
+                    {isInvalid && (
+                      <FieldError errors={field.state.meta.errors} />
+                    )}
+                  </Field>
+                );
+              }}
+            />
+            <form.Field
+              name="password"
+              children={(field) => {
+                const isInvalid =
+                  field.state.meta.isTouched && !field.state.meta.isValid;
+                return (
+                  <Field data-invalid={isInvalid}>
+                    <FieldLabel htmlFor={field.name}>Password</FieldLabel>
+                    <Input
+                      id={field.name}
+                      name={field.name}
+                      value={field.state.value}
+                      onBlur={field.handleBlur}
+                      onChange={(e) => field.handleChange(e.target.value)}
+                      aria-invalid={isInvalid}
+                      placeholder="********"
+                      type="password"
+                      autoComplete="off"
+                      disabled={isLoading}
+                    />
+                    {isInvalid && (
+                      <FieldError errors={field.state.meta.errors} />
+                    )}
+                  </Field>
+                );
+              }}
+            />
+          </FieldGroup>
+        </form>
+      </CardContent>
+      <CardFooter>
+        <div className="w-full">
+          <Field orientation="horizontal">
+            <Button
+              type="submit"
+              form="form-login"
+              className="w-full"
+              disabled={isLoading}
+            >
+              {isLoading ? "Signing up..." : "Sign up"}
+            </Button>
+          </Field>
+          <div className="w-full text-center pt-4 space-x-2">
+            <span>Already have an account?</span>
+            <Link to="/auth/login" className="underline">
+              Login
+            </Link>
+          </div>
+        </div>
+      </CardFooter>
+    </Card>
+  );
+};
+
+export default SingUpComponent;

package/dist/template/TanstackState/lib/Mongodb/auth.ts

@@ -0,0 +1,25 @@
+import { betterAuth } from "better-auth";
+import { prismaAdapter } from "better-auth/adapters/prisma";
+import { PrismaClient } from "../../generated/prisma/client";
+import { tanstackStartCookies } from "better-auth/tanstack-start";
+
+declare global {
+  var __prisma: PrismaClient | undefined;
+}
+
+const prisma = globalThis.__prisma || new PrismaClient();
+
+export const auth = betterAuth({
+  database: prismaAdapter(prisma, {
+    provider: "mongodb",
+  }),
+  advanced: {
+    database: {
+      generateId: false,
+    },
+  },
+  emailAndPassword: {
+    enabled: true,
+  },
+  plugins: [tanstackStartCookies()],
+});

package/dist/template/TanstackState/lib/Mysql/auth.ts

@@ -0,0 +1,30 @@
+import { betterAuth } from "better-auth";
+import { prismaAdapter } from "better-auth/adapters/prisma";
+import { PrismaMariaDb } from "@prisma/adapter-mariadb";
+import { PrismaClient } from "../../generated/prisma/client";
+import { tanstackStartCookies } from "better-auth/tanstack-start";
+
+const url = new URL(process.env.DATABASE_URL!);
+
+const adapter = new PrismaMariaDb({
+  host: url.hostname,
+  user: url.username,
+  password: url.password,
+  database: url.pathname.replace("/", ""),
+  port: Number(url.port),
+});
+
+declare global {
+  var __prisma: PrismaClient | undefined;
+}
+
+const prisma = globalThis.__prisma || new PrismaClient({ adapter });
+export const auth = betterAuth({
+  database: prismaAdapter(prisma, {
+    provider: "sqlite",
+  }),
+  emailAndPassword: {
+    enabled: true,
+  },
+  plugins: [tanstackStartCookies()],
+});

package/dist/template/TanstackState/lib/Postgresql/auth.ts

@@ -0,0 +1,23 @@
+import { betterAuth } from "better-auth";
+import { prismaAdapter } from "better-auth/adapters/prisma";
+import { PrismaPg } from "@prisma/adapter-pg";
+import { PrismaClient } from "../../generated/prisma/client";
+import { tanstackStartCookies } from "better-auth/tanstack-start";
+
+const connectionString = `${process.env.DATABASE_URL}`;
+const adapter = new PrismaPg({ connectionString });
+
+declare global {
+  var __prisma: PrismaClient | undefined;
+}
+
+const prisma = globalThis.__prisma || new PrismaClient({ adapter });
+export const auth = betterAuth({
+  database: prismaAdapter(prisma, {
+    provider: "sqlite",
+  }),
+  emailAndPassword: {
+    enabled: true,
+  },
+  plugins: [tanstackStartCookies()],
+});

package/dist/template/TanstackState/lib/auth-drizzle.ts

@@ -0,0 +1,16 @@
+import { betterAuth } from "better-auth";
+import { drizzleAdapter } from "better-auth/adapters/drizzle";
+import { db } from "../../db/drizzle";
+import { schema } from "../../db/schema";
+import { tanstackStartCookies } from "better-auth/tanstack-start";
+
+export const auth = betterAuth({
+  database: drizzleAdapter(db, {
+    provider: "pg",
+    schema,
+  }),
+  emailAndPassword: {
+    enabled: true,
+  },
+  plugins: [tanstackStartCookies()],
+});

package/dist/template/TanstackState/middleware/auth.ts

@@ -0,0 +1,15 @@
+import { redirect } from "@tanstack/react-router";
+import { createMiddleware } from "@tanstack/react-start";
+import { getRequestHeaders } from "@tanstack/react-start/server";
+import { auth } from "@/lib/auth";
+
+export const authMiddleware = createMiddleware().server(async ({ next }) => {
+  const headers = getRequestHeaders();
+  const session = await auth.api.getSession({ headers });
+
+  if (!session) {
+    throw redirect({ to: "/auth/login" });
+  }
+
+  return await next();
+});

package/dist/template/TanstackState/routes/$.ts

@@ -0,0 +1,15 @@
+import { createFileRoute } from "@tanstack/react-router";
+import { auth } from "@/lib/auth";
+
+export const Route = createFileRoute("/api/auth/$")({
+  server: {
+    handlers: {
+      GET: async ({ request }: { request: Request }) => {
+        return await auth.handler(request);
+      },
+      POST: async ({ request }: { request: Request }) => {
+        return await auth.handler(request);
+      },
+    },
+  },
+});

package/dist/template/TanstackState/routes/auth/forget.tsx

@@ -0,0 +1,14 @@
+import ForgetComponent from "@/components/authverse/ForgetComponent";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/auth/forget")({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <div className="flex items-center justify-center min-h-screen bg-slate-100 dark:bg-slate-800">
+      <ForgetComponent />
+    </div>
+  );
+}

package/dist/template/TanstackState/routes/auth/login.tsx

@@ -0,0 +1,14 @@
+import LoginComponent from "@/components/authverse/LoginComponent";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/auth/login")({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <div className="w-full h-screen flex items-center justify-center bg-slate-100 dark:bg-slate-800">
+      <LoginComponent />
+    </div>
+  );
+}

package/dist/template/TanstackState/routes/auth/reset-password.tsx

@@ -0,0 +1,18 @@
+import ResetComponent from "@/components/authverse/ResetComponent";
+import { createFileRoute } from "@tanstack/react-router";
+import { z } from "zod";
+
+export const Route = createFileRoute("/auth/reset-password")({
+  validateSearch: z.object({
+    token: z.string(),
+  }),
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <div className="flex items-center justify-center min-h-screen bg-slate-100 dark:bg-slate-800">
+      <ResetComponent />
+    </div>
+  );
+}

package/dist/template/TanstackState/routes/auth/signup.tsx

@@ -0,0 +1,14 @@
+import SingUpComponent from "@/components/authverse/SingUpComponent";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/auth/signup")({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <div className="w-full h-screen flex items-center justify-center bg-slate-100 dark:bg-slate-800">
+      <SingUpComponent />
+    </div>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authverse",
-  "version": "1.0.7-canary.1",
+  "version": "1.0.7",
   "description": "Authverse Fast modern CLI to generate full auth systems with OAuth Prisma Drizzle better auth and ready-to-use ShadCN UI screens",
   "repository": {
     "url": "git+https://github.com/abdirahmanmahamoud/authverse.git"
@@ -39,6 +39,7 @@
     "auth-ui-templates",
     "better-auth",
     "nextjs",
+    "tanstack state",
     "shadcn"
   ],
   "dependencies": {