import NextAuth from "next-auth";
import { authConfig } from "@/lib/auth/authconfig";

export default NextAuth(authConfig).auth;

export const config = {
  matcher: ['/((?!api|static|.*\\..*|_next).*)'],
};

const {user} = await auth()|| {};

"use client";

import { authenticate } from "@/lib/database/dbcrud";
import styles from "./loginForm.module.css";
import { useFormState } from "react-dom";

const LoginForm = () => {
  const [state, formAction] = useFormState(authenticate, undefined);

  return (
    <form id="login" action={formAction} className={styles.form}>
      <h1>Login</h1>
      <input type="text" placeholder="username" name="username" />
      <input type="password" placeholder="password" name="password" />
      <button>Login</button>
      {state && state}
    </form>
  );
};

export default LoginForm;

`
import NextAuth from "next-auth";
import CredentialsProvider from "next-auth/providers/credentials";
import { authConfig } from "./authconfig";
import { connectToDB } from "@/lib/database/dbconfig";
import { User } from "@/lib/database/schema/models";
import bcrypt from "bcrypt";




const login = async (credentials) => {
  try {
    connectToDB();
    const user = await User.findOne({ username: credentials.username });

    if (!user || !user.isAdmin) throw new Error("Wrong credentials!");



    const isPasswordCorrect = await bcrypt.compare(
      credentials.password,
      user.password,
    );

    if (!isPasswordCorrect) throw new Error("Wrong credentials Password!");

    return user;
  } catch (err) {
    console.log(err);
    throw new Error("Failed to login!");
  }
};

export const { signIn, signOut, auth } = NextAuth({
  ...authConfig,
  providers: [
    CredentialsProvider({
      async authorize(credentials) {
        try {
          const user = await login(credentials);
          return user;
        } catch (err) {
          return null;
        }
      },
    }),
  ],
  // ADD ADDITIONAL INFORMATION TO SESSION
  callbacks: {
    async jwt({ token, user }) {
      if (user) {
        token.username = user.username;
        token.img = user.img;
      }
      return token;
    },
    async session({ session, token }) {
      if (token) {
        session.user.username = token.username;
        session.user.img = token.img;
      }
      return session;
    },
  },
});

export const authConfig = {
  providers:[],
  pages: {
    signIn: "/dashboard/login",
  },
  callbacks: {
    authorized({ auth, request }) {

      const isLoggedIn = auth?.user;
      const isOnDashboard = request.nextUrl.pathname.startsWith("/dashboard");

//      console.log("\n\n\n isOnDashboard : "+isOnDashboard+'\n\n')
      if (isOnDashboard) {
        if (isLoggedIn) return true;
        return false;
      } else if (isLoggedIn) {
        return Response.redirect(new URL("/dashboard", request.nextUrl));
      }
      return true;
    },
  },
};

import styles from "@/dashboard/ui/login/login.module.css";
import LoginForm from "@/dashboard/ui/login/loginForm/loginForm";
import '@/dashboard/ui/globals.css'
import { auth, signOut } from "@/lib/auth/auth";
const {user} = await auth()|| {};


const LoginPage = () => {
  if(user)  
  return (
    <div className={styles.container}>
      <LoginForm/>
    </div>
  );
};

export default LoginPage;

import styles from "@/dashboard/ui/login/login.module.css";
import LoginForm from "@/dashboard/ui/login/loginForm/loginForm";
import '@/dashboard/ui/globals.css'
import { auth, signOut } from "@/lib/auth/auth";
import { redirect } from 'next/navigation';

const LoginPage = () => {
  const session = await auth();
  if(session) redirect("/dashboard")

  return (
    <div className={styles.container}>
      <LoginForm/>
    </div>
  );
};

export default LoginPage;

import styles from "@/dashboard/ui/login/login.module.css";
import LoginForm from "@/dashboard/ui/login/loginForm/loginForm";
import '@/dashboard/ui/globals.css'
import { auth, signOut } from "@/lib/auth/auth";
import { redirect } from 'next/navigation';

const LoginPage = async () => {
  const session = await auth();
  if(session) redirect("/dashboard")

  return (
    <div className={styles.container}>
      <LoginForm/>
    </div>
  );
};

export default LoginPage;

{
  /*
  "compilerOptions": {
    "paths": {
      "@/*": ["./*"]
    }
  }
  */

  "compilerOptions": {
    "baseUrl": "src/",
    "paths": {
      "@/app/*": ["app/*"],
      "@/lib/*": ["lib/*"],
      "@/styles/*": ["styles/*"],
      "@/components/*": ["components/*"],


      "@/dashboard/*": ["components/dashboard/*"],
      "@/frontend/*": ["components/frontend/*"]
    }
  }
  
   /*
  "compilerOptions": {
    "baseUrl": "src/",
    "paths": {
      "@/*": ["./*"]
    }
  }
  */

}