Merge pull request #139 from CodeForStartup/feat/upgrade-auth.js

feat: upgrade auth.js

Author: luannguyenQV

apps/web/@/actions/auth/index.ts

@@ -0,0 +1,20 @@
+"use server"
+
+import { signIn, signOut } from "configs/auth"
+
+export const signInWithCredentials = async (email: string, password: string) => {
+  await signIn("credentials", {
+    email,
+    password,
+  })
+}
+
+export const signInWithGithub = async () => {
+  await signIn("github")
+}
+
+export const onSignOut = async () => {
+  await signOut({
+    redirectTo: "/",
+  })
+}

apps/web/@/actions/manage-post/index.ts

@@ -3,6 +3,7 @@
 import { revalidatePath } from "next/cache"
 import { redirect } from "next/navigation"
 
+import { auth } from "configs/auth"
 import prisma, {
   createPost,
   PostOnUserType,
@@ -16,7 +17,6 @@ import { toast } from "react-toastify"
 
 import APP_ROUTES from "@/constants/routes"
 import { TUserItem, userSelect } from "@/types/users"
-import { getServerSession } from "@/utils/auth"
 
 // TODO: move to database package
 // Get total actions (like, bookmark) for a post
@@ -27,7 +27,7 @@ export const getTotalActions = async ({
   postId: string
   actionType: PostOnUserType
 }) => {
-  const session = await getServerSession()
+  const session = await auth()
 
   try {
     const promises = []
@@ -70,7 +70,7 @@ export const addRelation = async ({
   postSlug: string
   action: PostOnUserType
 }) => {
-  const session = await getServerSession()
+  const session = await auth()
   const postField = action === PostOnUserType.LIKE ? "totalLike" : "totalFollow"
   try {
     await prisma.$transaction([
@@ -118,7 +118,7 @@ export const removeRelation = async ({
   postSlug: string
   action: PostOnUserType
 }) => {
-  const session = await getServerSession()
+  const session = await auth()
   const postField = action === PostOnUserType.LIKE ? "totalLike" : "totalFollow"
 
   try {

apps/web/@/actions/protect/postAction.ts

@@ -2,8 +2,8 @@ const APP_ROUTES = {
   // Public routes
   HOME: "/",
 
-  LOGIN: "/sign-in",
-  REGISTER: "/register",
+  LOGIN: "/signin",
+  REGISTER: "/signup",
   FORGOT_PASSWORD: "/forgot-password",
   RESET_PASSWORD: "/reset-password",
   VERIFY_EMAIL: "/verify-email",

apps/web/@/constants/routes.ts

@@ -138,5 +138,44 @@
       "name_asc": "Name (A → Z)",
       "name_desc": "Name (Z → A)"
     }
+  },
+  "auth": {
+    "email_label": "Email",
+    "password_label": "Password",
+    "email_placeholder": "Enter your email",
+    "password_placeholder": "Enter your password",
+    "dont_have_an_account": "Don't have an account?",
+    "or_continue_with": "Or continue with",
+    "github": "GitHub",
+    "google": "Google",
+    "facebook": "Facebook",
+    "twitter": "Twitter",
+    "linkedin": "LinkedIn",
+    "instagram": "Instagram",
+    "youtube": "YouTube",
+    "tiktok": "TikTok",
+    "sign_in": {
+      "title": "Sign In",
+      "description": "Sign in to your account",
+      "sign_in_with": "Sign in with {provider}",
+      "sign_in_with_github": "Sign in with GitHub",
+      "sign_in_with_google": "Sign in with Google",
+      "sign_in_with_facebook": "Sign in with Facebook",
+      "sign_in_with_twitter": "Sign in with Twitter",
+      "sign_in_with_linkedin": "Sign in with LinkedIn",
+      "sign_in_with_instagram": "Sign in with Instagram",
+      "sign_in_with_youtube": "Sign in with YouTube",
+      "sign_in_with_tiktok": "Sign in with TikTok"
+    },
+    "sign_up": {
+      "title": "Sign Up",
+      "description": "Sign up for an account"
+    },
+    "forgot_password": {
+      "title": "Forgot Password",
+      "description": "Forgot your password? Enter your email address and we will send you a link to reset your password.",
+      "send_instructions": "Send Instructions",
+      "cancel": "Cancel"
+    }
   }
 }

apps/web/@/messages/en.json

@@ -1,18 +1,17 @@
 import Link from "next/link"
 
+import { auth } from "configs/auth"
 import { Edit } from "lucide-react"
 import { getTranslations } from "next-intl/server"
 import { buttonVariants, cn } from "ui"
 
-import { getServerSession } from "@/utils/auth"
-
 import { UserNav } from "../user-nav"
 import Logo from "./logo"
 import SearchBar from "./search-bar"
 import ThemeToggle from "./theme-toggle"
 
 export default async function Nav() {
-  const session = await getServerSession()
+  const session = await auth()
   const t = await getTranslations()
 
   return (
@@ -45,7 +44,7 @@ export default async function Nav() {
             <div className="flex w-20 items-center">
               <Link
                 className="inline-flex h-10 w-20 items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-                href="/sign-in"
+                href="/signin"
               >
                 {t("common.signIn")}
               </Link>

apps/web/@/molecules/nav/index.tsx

@@ -1,6 +1,7 @@
 import React from "react"
 import Link from "next/link"
 
+import { auth } from "configs/auth"
 import { PostStatus } from "database"
 import { updatePostStatus } from "database/src/posts/queries"
 import { LucideEdit } from "lucide-react"
@@ -10,7 +11,6 @@ import { Button, buttonVariants, cn, toast } from "ui"
 import { onTogglePost } from "@/actions/protect/postAction"
 import APP_ROUTES from "@/constants/routes"
 import { TPostItem } from "@/types/posts"
-import { getServerSession } from "@/utils/auth"
 
 import TogglePost from "./toggle-post"
 
@@ -19,7 +19,7 @@ interface EditPostButtonProps {
 }
 
 const EditPostButton: React.FC<EditPostButtonProps> = async ({ post }) => {
-  const session = await getServerSession()
+  const session = await auth()
   const t = await getTranslations()
 
   if (post?.author?.id !== session?.user?.id) {