React App

71 | Login to have access 72 |

74 |

71 |

Create Post

72 | 73 | 74 |

75 | 76 | 77 |

78 | 79 | Content 80 | 81 |

89 |             <p
 90 |               className={twMerge(
 91 |                 `text-red-500 text-xs italic mb-2 invisible`,
 92 |                 `${errors.content && "visible"}`
 93 |               )}
 94 |             >
 95 |               {errors.content ? errors.content.message : ""}
 96 |             </p>
 97 |           </div>
 98 |           <FileUpLoader name="image" />
 99 |           <LoadingButton loading={isLoading} textColor="text-ct-blue-600">
100 |             Create Post
101 |           </LoadingButton>
102 |         </form>
103 |       </FormProvider>
104 |     </section>
105 |   );
106 | };
107 | 
108 | export default CreatePost;
109 |

--------------------------------------------------------------------------------
/packages/client/src/pages/register.page.tsx:
--------------------------------------------------------------------------------
  1 | import { FormProvider, SubmitHandler, useForm } from "react-hook-form";
  2 | import { object, string, TypeOf } from "zod";
  3 | import { zodResolver } from "@hookform/resolvers/zod";
  4 | import { useEffect } from "react";
  5 | import { Link, useNavigate } from "react-router-dom";
  6 | import FormInput from "../components/FormInput";
  7 | import { LoadingButton } from "../components/LoadingButton";
  8 | import { toast } from "react-toastify";
  9 | import { trpc } from "../trpc";
 10 | import FileUpLoader from "../components/FileUpload";
 11 | 
 12 | const registerSchema = object({
 13 |   name: string().min(1, "Full name is required").max(100),
 14 |   email: string()
 15 |     .min(1, "Email address is required")
 16 |     .email("Email Address is invalid"),
 17 |   photo: string().min(1, "Photo is required").url("Photo URL is invalid"),
 18 |   password: string()
 19 |     .min(1, "Password is required")
 20 |     .min(8, "Password must be more than 8 characters")
 21 |     .max(32, "Password must be less than 32 characters"),
 22 |   passwordConfirm: string().min(1, "Please confirm your password"),
 23 | }).refine((data) => data.password === data.passwordConfirm, {
 24 |   path: ["passwordConfirm"],
 25 |   message: "Passwords do not match",
 26 | });
 27 | 
 28 | export type RegisterInput = TypeOf<typeof registerSchema>;
 29 | 
 30 | const RegisterPage = () => {
 31 |   const navigate = useNavigate();
 32 | 
 33 |   const { isLoading, mutate: SignUpUser } = trpc.registerUser.useMutation({
 34 |     onSuccess: (data) => {
 35 |       toast.success("Registration successful");
 36 |       navigate("/login");
 37 |     },
 38 |     onError: (error) => {
 39 |       toast.error(error.message, {
 40 |         type: "error",
 41 |         position: "top-right",
 42 |       });
 43 |     },
 44 |   });
 45 | 
 46 |   const methods = useForm<RegisterInput>({
 47 |     resolver: zodResolver(registerSchema),
 48 |   });
 49 | 
 50 |   const {
 51 |     reset,
 52 |     handleSubmit,
 53 |     formState: { isSubmitSuccessful },
 54 |   } = methods;
 55 | 
 56 |   useEffect(() => {
 57 |     if (isSubmitSuccessful) {
 58 |       reset();
 59 |     }
 60 |     // eslint-disable-next-line react-hooks/exhaustive-deps
 61 |   }, [isSubmitSuccessful]);
 62 | 
 63 |   const onSubmitHandler: SubmitHandler<RegisterInput> = (values) => {
 64 |     // 👇 Execute the Mutation
 65 |     SignUpUser(values);
 66 |   };
 67 | 
 68 |   return (
 69 |     <section className="py-8 bg-ct-blue-600 min-h-screen grid place-items-center">
 70 |       <div className="w-full">
 71 |         <h1 className="text-4xl xl:text-6xl text-center font-[600] text-ct-yellow-600 mb-4">
 72 |           Welcome to CodevoWeb!
 73 |         </h1>
 74 |         <h2 className="text-lg text-center mb-4 text-ct-dark-200">
 75 |           Sign Up To Get Started!
 76 |         </h2>
 77 |         <FormProvider {...methods}>
 78 |           <form
 79 |             onSubmit={handleSubmit(onSubmitHandler)}
 80 |             className="max-w-md w-full mx-auto overflow-hidden shadow-lg bg-ct-dark-200 rounded-2xl p-8 space-y-5"
 81 |           >
 82 |             <FormInput label="Full Name" name="name" />
 83 |             <FormInput label="Email" name="email" type="email" />
 84 |             <FormInput label="Password" name="password" type="password" />
 85 |             <FormInput
 86 |               label="Confirm Password"
 87 |               name="passwordConfirm"
 88 |               type="password"
 89 |             />
 90 |             <FileUpLoader name="photo" />
 91 |             <span className="block">
 92 |               Already have an account?{" "}
 93 |               <Link to="/login" className="text-ct-blue-600">
 94 |                 Login Here
 95 |               </Link>
 96 |             </span>
 97 |             <LoadingButton loading={isLoading} textColor="text-ct-blue-600">
 98 |               Sign Up
 99 |             </LoadingButton>
100 |           </form>
101 |         </FormProvider>
102 |       </div>
103 |     </section>
104 |   );
105 | };
106 | 
107 | export default RegisterPage;
108 |

--------------------------------------------------------------------------------
/packages/server/src/app.ts:
--------------------------------------------------------------------------------
  1 | import path from "path";
  2 | import dotenv from "dotenv";
  3 | import express from "express";
  4 | import morgan from "morgan";
  5 | import cors from "cors";
  6 | import cookieParser from "cookie-parser";
  7 | import { inferAsyncReturnType, initTRPC, TRPCError } from "@trpc/server";
  8 | import * as trpcExpress from "@trpc/server/adapters/express";
  9 | import { createUserSchema, loginUserSchema } from "./schema/user.schema";
 10 | import {
 11 |   loginHandler,
 12 |   logoutHandler,
 13 |   refreshAccessTokenHandler,
 14 |   registerHandler,
 15 | } from "./controllers/auth.controller";
 16 | import { getMeHandler } from "./controllers/user.controller";
 17 | import { deserializeUser } from "./middleware/deserializeUser";
 18 | import connectDB from "./utils/connectDB";
 19 | import customConfig from "./config/default";
 20 | import {
 21 |   createPostSchema,
 22 |   filterQuery,
 23 |   params,
 24 |   updatePostSchema,
 25 | } from "./schema/post.schema";
 26 | import {
 27 |   createPostHandler,
 28 |   deletePostHandler,
 29 |   getPostHandler,
 30 |   getPostsHandler,
 31 |   updatePostHandler,
 32 | } from "./controllers/post.controller";
 33 | 
 34 | dotenv.config({ path: path.join(__dirname, "./.env") });
 35 | 
 36 | const createContext = ({ req, res }: trpcExpress.CreateExpressContextOptions) =>
 37 |   deserializeUser({ req, res });
 38 | 
 39 | export type Context = inferAsyncReturnType<typeof createContext>;
 40 | 
 41 | export const t = initTRPC.context<Context>().create();
 42 | 
 43 | const authRouter = t.router({
 44 |   registerUser: t.procedure
 45 |     .input(createUserSchema)
 46 |     .mutation(({ input }) => registerHandler({ input })),
 47 |   loginUser: t.procedure
 48 |     .input(loginUserSchema)
 49 |     .mutation(({ input, ctx }) => loginHandler({ input, ctx })),
 50 |   logoutUser: t.procedure.mutation(({ ctx }) => logoutHandler({ ctx })),
 51 |   refreshToken: t.procedure.query(({ ctx }) =>
 52 |     refreshAccessTokenHandler({ ctx })
 53 |   ),
 54 | });
 55 | 
 56 | const isAuthorized = t.middleware(({ ctx, next }) => {
 57 |   if (!ctx.user) {
 58 |     throw new TRPCError({
 59 |       code: "UNAUTHORIZED",
 60 |       message: "You must be logged in to access this resource",
 61 |     });
 62 |   }
 63 |   return next();
 64 | });
 65 | 
 66 | const isAuthorizedProcedure = t.procedure.use(isAuthorized);
 67 | 
 68 | const userRouter = t.router({
 69 |   sayHello: t.procedure.query(async () => {
 70 |     const message = "Welcome to tRPC with React and Node.js";
 71 |     return { message };
 72 |   }),
 73 |   getMe: isAuthorizedProcedure.query(({ ctx }) => getMeHandler({ ctx })),
 74 | });
 75 | 
 76 | const postRouter = t.router({
 77 |   createPost: t.procedure
 78 |     .input(createPostSchema)
 79 |     .mutation(({ input, ctx }) => createPostHandler({ input, ctx })),
 80 |   updatePost: t.procedure
 81 |     .input(updatePostSchema)
 82 |     .mutation(({ input }) =>
 83 |       updatePostHandler({ paramsInput: input.params, input: input.body })
 84 |     ),
 85 |   deletePost: t.procedure
 86 |     .input(params)
 87 |     .mutation(({ input }) => deletePostHandler({ paramsInput: input })),
 88 |   getPost: t.procedure
 89 |     .input(params)
 90 |     .query(({ input }) => getPostHandler({ paramsInput: input })),
 91 |   getPosts: t.procedure
 92 |     .input(filterQuery)
 93 |     .query(({ input }) => getPostsHandler({ filterQuery: input })),
 94 | });
 95 | 
 96 | const appRouter = t.mergeRouters(authRouter, userRouter, postRouter);
 97 | export type AppRouter = typeof appRouter;
 98 | 
 99 | const app = express();
100 | if (process.env.NODE_ENV !== "production") app.use(morgan("dev"));
101 | 
102 | app.use(cookieParser());
103 | app.use(
104 |   cors({
105 |     origin: [customConfig.origin],
106 |     credentials: true,
107 |   })
108 | );
109 | app.use(
110 |   "/api/trpc",
111 |   trpcExpress.createExpressMiddleware({
112 |     router: appRouter,
113 |     createContext,
114 |   })
115 | );
116 | 
117 | const port = customConfig.port;
118 | app.listen(port, () => {
119 |   console.log(`🚀 Server listening on port ${port}`);
120 | 
121 |   // CONNECT DB
122 |   connectDB();
123 | });
124 |

--------------------------------------------------------------------------------
/packages/client/src/components/posts/update.post.tsx:
--------------------------------------------------------------------------------
  1 | import React, { FC, useEffect } from "react";
  2 | import { FormProvider, SubmitHandler, useForm } from "react-hook-form";
  3 | import { twMerge } from "tailwind-merge";
  4 | import { object, string, TypeOf } from "zod";
  5 | import { zodResolver } from "@hookform/resolvers/zod";
  6 | import FileUpLoader from "../FileUpload";
  7 | import { LoadingButton } from "../LoadingButton";
  8 | import TextInput from "../TextInput";
  9 | import { toast } from "react-toastify";
 10 | import useStore from "../../store";
 11 | import { IPost } from "../../lib/types";
 12 | import { trpc } from "../../trpc";
 13 | import { useQueryClient } from "@tanstack/react-query";
 14 | 
 15 | type IUpdatePostProps = {
 16 |   post: IPost;
 17 |   setOpenPostModal: (openPostModal: boolean) => void;
 18 | };
 19 | 
 20 | const updatePostSchema = object({
 21 |   title: string().min(1, "Title is required"),
 22 |   category: string().min(1, "Category is required"),
 23 |   content: string().min(1, "Content is required"),
 24 |   image: string().min(1, "Image is required"),
 25 | });
 26 | 
 27 | type UpdatePostInput = TypeOf<typeof updatePostSchema>;
 28 | 
 29 | const UpdatePost: FC<IUpdatePostProps> = ({ post, setOpenPostModal }) => {
 30 |   const queryClient = useQueryClient();
 31 |   const store = useStore();
 32 |   const { isLoading, mutate: updatePost } = trpc.updatePost.useMutation({
 33 |     onSuccess(data) {
 34 |       store.setPageLoading(false);
 35 |       setOpenPostModal(false);
 36 |       queryClient.refetchQueries([["getPosts"]]);
 37 |       toast("Post updated successfully", {
 38 |         type: "success",
 39 |         position: "top-right",
 40 |       });
 41 |     },
 42 |     onError(error: any) {
 43 |       store.setPageLoading(false);
 44 |       setOpenPostModal(false);
 45 |       toast(error.message, {
 46 |         type: "error",
 47 |         position: "top-right",
 48 |       });
 49 |     },
 50 |   });
 51 |   const methods = useForm<UpdatePostInput>({
 52 |     resolver: zodResolver(updatePostSchema),
 53 |   });
 54 | 
 55 |   const {
 56 |     register,
 57 |     handleSubmit,
 58 |     formState: { errors },
 59 |   } = methods;
 60 | 
 61 |   useEffect(() => {
 62 |     if (isLoading) {
 63 |       store.setPageLoading(true);
 64 |     }
 65 |     // eslint-disable-next-line react-hooks/exhaustive-deps
 66 |   }, [isLoading]);
 67 | 
 68 |   useEffect(() => {
 69 |     if (post) {
 70 |       methods.reset(post);
 71 |     }
 72 |     // eslint-disable-next-line react-hooks/exhaustive-deps
 73 |   }, []);
 74 | 
 75 |   const onSubmitHandler: SubmitHandler<UpdatePostInput> = async (data) => {
 76 |     updatePost({ body: data, params: { postId: post._id } });
 77 |   };
 78 |   return (
 79 |     <section>
 80 |       <h2 className="text-2xl font-semibold mb-4">Update Post</h2>
 81 |       <FormProvider {...methods}>
 82 |         <form className="w-full" onSubmit={handleSubmit(onSubmitHandler)}>
 83 |           <TextInput name="title" label="Title" />
 84 |           <TextInput name="category" label="Category" />
 85 |           <div className="mb-2">
 86 |             <label className="block text-gray-700 text-lg mb-2" htmlFor="title">
 87 |               Content
 88 |             </label>
 89 |             <textarea
 90 |               className={twMerge(
 91 |                 `appearance-none border border-ct-dark-200 rounded w-full py-3 px-3 text-gray-700 mb-2 leading-tight focus:outline-none`,
 92 |                 `${errors.content && "border-red-500"}`
 93 |               )}
 94 |               rows={4}
 95 |               {...register("content")}
 96 |             />
 97 |             <p
 98 |               className={twMerge(
 99 |                 `text-red-500 text-xs italic mb-2 invisible`,
100 |                 `${errors.content && "visible"}`
101 |               )}
102 |             >
103 |               {errors.content ? errors.content.message : ""}
104 |             </p>
105 |           </div>
106 |           <FileUpLoader name="image" />
107 |           <LoadingButton loading={isLoading} textColor="text-ct-blue-600">
108 |             Update Post
109 |           </LoadingButton>
110 |         </form>
111 |       </FormProvider>
112 |     </section>
113 |   );
114 | };
115 | 
116 | export default UpdatePost;
117 |

--------------------------------------------------------------------------------
/packages/client/src/components/posts/post.component.tsx:
--------------------------------------------------------------------------------
  1 | import React, { FC, useEffect, useState } from "react";
  2 | import { format, parseISO } from "date-fns";
  3 | import { twMerge } from "tailwind-merge";
  4 | import { IPost } from "../../lib/types";
  5 | import { toast } from "react-toastify";
  6 | import useStore from "../../store";
  7 | import PostModal from "../modals/post.modal";
  8 | import UpdatePost from "./update.post";
  9 | import { trpc } from "../../trpc";
 10 | import { useQueryClient } from "@tanstack/react-query";
 11 | 
 12 | type PostItemProps = {
 13 |   post: IPost;
 14 | };
 15 | 
 16 | const PostItem: FC<PostItemProps> = ({ post }) => {
 17 |   const [openMenu, setOpenMenu] = useState(false);
 18 |   const [openPostModal, setOpenPostModal] = useState(false);
 19 |   const store = useStore();
 20 |   const queryClient = useQueryClient();
 21 |   const { isLoading, mutate: deletePost } = trpc.deletePost.useMutation({
 22 |     onSuccess(data) {
 23 |       store.setPageLoading(false);
 24 |       queryClient.refetchQueries([["getPosts"]]);
 25 |       toast("Post deleted successfully", {
 26 |         type: "success",
 27 |         position: "top-right",
 28 |       });
 29 |     },
 30 |     onError(error: any) {
 31 |       store.setPageLoading(false);
 32 |       toast(error.message, {
 33 |         type: "error",
 34 |         position: "top-right",
 35 |       });
 36 |     },
 37 |   });
 38 | 
 39 |   useEffect(() => {
 40 |     if (isLoading) {
 41 |       store.setPageLoading(true);
 42 |     }
 43 |     // eslint-disable-next-line react-hooks/exhaustive-deps
 44 |   }, [isLoading]);
 45 | 
 46 |   const toggleMenu = () => {
 47 |     setOpenMenu(!openMenu);
 48 |   };
 49 | 
 50 |   const onDeleteHandler = (id: string) => {
 51 |     toggleMenu();
 52 |     if (window.confirm("Are you sure")) {
 53 |       deletePost({ postId: id });
 54 |     }
 55 |   };
 56 |   return (
 57 |     <>
 58 |       <div
 59 |         className="rounded-md shadow-md bg-white"
 60 |         onClick={() => toggleMenu()}
 61 |       >
 62 |         <div className="mx-2 mt-2 overflow-hidden rounded-md">
 63 |           <img
 64 |             src={post.image}
 65 |             alt={post.title}
 66 |             className="object-fill w-full h-full"
 67 |           />
 68 |         </div>
 69 |         <div className="p-4">
 70 |           <h5 className="font-semibold text-xl text-[#4d4d4d] mb-4">
 71 |             {post.title.length > 25
 72 |               ? post.title.substring(0, 25) + "..."
 73 |               : post.title}
 74 |           </h5>
 75 |           <div className="flex items-center mt-4">
 76 |             <p className="p-1 rounded-sm mr-4 bg-[#dad8d8]">{post.category}</p>
 77 |             <p className="text-[#ffa238]">
 78 |               {format(parseISO(post.createdAt), "PPP")}
 79 |             </p>
 80 |           </div>
 81 |         </div>
 82 |         <div className="flex justify-between items-center px-4 pb-4">
 83 |           <div className="flex items-center">
 84 |             <div className="w-12 h-12 rounded-full overflow-hidden">
 85 |               <img
 86 |                 src={post.user.photo}
 87 |                 alt={post.user.name}
 88 |                 className="object-cover w-full h-full"
 89 |               />
 90 |             </div>
 91 |             <p className="ml-4 text-sm font-semibold">{post.user.name}</p>
 92 |           </div>
 93 |           <div className="relative">
 94 |             <div
 95 |               className="text-3xl text-[#4d4d4d] cursor-pointer p-3"
 96 |               onClick={toggleMenu}
 97 |             >
 98 |               <i className="bx bx-dots-horizontal-rounded"></i>
 99 |             </div>
100 |             <ul
101 |               className={twMerge(
102 |                 `absolute bottom-5 -right-1 z-50 py-2 rounded-sm bg-white shadow-lg transition ease-out duration-300 invisible`,
103 |                 `${openMenu ? "visible" : "invisible"}`
104 |               )}
105 |             >
106 |               <li
107 |                 className="w-24 h-7 py-3 px-2 hover:bg-[#f5f5f5] flex items-center gap-2 cursor-pointer transition ease-in duration-300"
108 |                 onClick={() => {
109 |                   setOpenPostModal(true);
110 |                   toggleMenu();
111 |                 }}
112 |               >
113 |                 <i className="bx bx-edit-alt"></i> <span>Edit</span>
114 |               </li>
115 |               <li
116 |                 className="w-24 h-7 py-3 px-2 hover:bg-[#f5f5f5] flex items-center gap-2 cursor-pointer transition ease-in duration-300"
117 |                 onClick={() => onDeleteHandler(post._id)}
118 |               >
119 |                 <i className="bx bx-trash"></i> <span>Delete</span>
120 |               </li>
121 |             </ul>
122 |           </div>
123 |         </div>
124 |       </div>
125 |       <PostModal
126 |         openPostModal={openPostModal}
127 |         setOpenPostModal={setOpenPostModal}
128 |       >
129 |         <UpdatePost post={post} setOpenPostModal={setOpenPostModal} />
130 |       </PostModal>
131 |     </>
132 |   );
133 | };
134 | 
135 | export default PostItem;
136 |

--------------------------------------------------------------------------------
/packages/server/src/controllers/auth.controller.ts:
--------------------------------------------------------------------------------
  1 | import { TRPCError } from "@trpc/server";
  2 | import { CookieOptions } from "express";
  3 | import { Context } from "../app";
  4 | import customConfig from "../config/default";
  5 | import { CreateUserInput, LoginUserInput } from "../schema/user.schema";
  6 | import {
  7 |   createUser,
  8 |   findUser,
  9 |   findUserById,
 10 |   signToken,
 11 | } from "../services/user.service";
 12 | import redisClient from "../utils/connectRedis";
 13 | import { signJwt, verifyJwt } from "../utils/jwt";
 14 | 
 15 | const cookieOptions: CookieOptions = {
 16 |   httpOnly: true,
 17 |   secure: process.env.NODE_ENV === "production",
 18 |   sameSite: "lax",
 19 | };
 20 | 
 21 | // Cookie options
 22 | const accessTokenCookieOptions: CookieOptions = {
 23 |   ...cookieOptions,
 24 |   expires: new Date(Date.now() + customConfig.accessTokenExpiresIn * 60 * 1000),
 25 | };
 26 | 
 27 | const refreshTokenCookieOptions: CookieOptions = {
 28 |   ...cookieOptions,
 29 |   expires: new Date(
 30 |     Date.now() + customConfig.refreshTokenExpiresIn * 60 * 1000
 31 |   ),
 32 | };
 33 | 
 34 | // Only set secure to true in production
 35 | if (process.env.NODE_ENV === "production")
 36 |   accessTokenCookieOptions.secure = true;
 37 | 
 38 | export const registerHandler = async ({
 39 |   input,
 40 | }: {
 41 |   input: CreateUserInput;
 42 | }) => {
 43 |   try {
 44 |     const user = await createUser({
 45 |       email: input.email,
 46 |       name: input.name,
 47 |       password: input.password,
 48 |       photo: input.photo,
 49 |     });
 50 | 
 51 |     return {
 52 |       status: "success",
 53 |       data: {
 54 |         user,
 55 |       },
 56 |     };
 57 |   } catch (err: any) {
 58 |     if (err.code === 11000) {
 59 |       throw new TRPCError({
 60 |         code: "CONFLICT",
 61 |         message: "Email already exists",
 62 |       });
 63 |     }
 64 |     throw err;
 65 |   }
 66 | };
 67 | 
 68 | export const loginHandler = async ({
 69 |   input,
 70 |   ctx,
 71 | }: {
 72 |   input: LoginUserInput;
 73 |   ctx: Context;
 74 | }) => {
 75 |   try {
 76 |     // Get the user from the collection
 77 |     const user = await findUser({ email: input.email });
 78 | 
 79 |     // Check if user exist and password is correct
 80 |     if (
 81 |       !user ||
 82 |       !(await user.comparePasswords(user.password, input.password))
 83 |     ) {
 84 |       throw new TRPCError({
 85 |         code: "BAD_REQUEST",
 86 |         message: "Invalid email or password",
 87 |       });
 88 |     }
 89 | 
 90 |     // Create the Access and refresh Tokens
 91 |     const { access_token, refresh_token } = await signToken(user);
 92 | 
 93 |     // Send Access Token in Cookie
 94 |     ctx.res.cookie("access_token", access_token, accessTokenCookieOptions);
 95 |     ctx.res.cookie("refresh_token", refresh_token, refreshTokenCookieOptions);
 96 |     ctx.res.cookie("logged_in", true, {
 97 |       ...accessTokenCookieOptions,
 98 |       httpOnly: false,
 99 |     });
100 | 
101 |     // Send Access Token
102 |     return {
103 |       status: "success",
104 |       access_token,
105 |     };
106 |   } catch (err: any) {
107 |     throw err;
108 |   }
109 | };
110 | 
111 | // Refresh tokens
112 | const logout = ({ ctx }: { ctx: Context }) => {
113 |   ctx.res.cookie("access_token", "", { maxAge: -1 });
114 |   ctx.res.cookie("refresh_token", "", { maxAge: -1 });
115 |   ctx.res.cookie("logged_in", "", {
116 |     maxAge: -1,
117 |   });
118 | };
119 | 
120 | export const refreshAccessTokenHandler = async ({ ctx }: { ctx: Context }) => {
121 |   try {
122 |     // Get the refresh token from cookie
123 |     const refresh_token = ctx.req.cookies.refresh_token as string;
124 | 
125 |     const message = "Could not refresh access token";
126 |     if (!refresh_token) {
127 |       throw new TRPCError({ code: "FORBIDDEN", message });
128 |     }
129 | 
130 |     // Validate the Refresh token
131 |     const decoded = verifyJwt<{ sub: string }>(
132 |       refresh_token,
133 |       "refreshTokenPublicKey"
134 |     );
135 | 
136 |     if (!decoded) {
137 |       throw new TRPCError({ code: "FORBIDDEN", message });
138 |     }
139 | 
140 |     // Check if the user has a valid session
141 |     const session = await redisClient.get(decoded.sub);
142 |     if (!session) {
143 |       throw new TRPCError({ code: "FORBIDDEN", message });
144 |     }
145 | 
146 |     // Check if the user exist
147 |     const user = await findUserById(JSON.parse(session)._id);
148 | 
149 |     if (!user) {
150 |       throw new TRPCError({ code: "FORBIDDEN", message });
151 |     }
152 | 
153 |     // Sign new access token
154 |     const access_token = signJwt({ sub: user._id }, "accessTokenPrivateKey", {
155 |       expiresIn: `${customConfig.accessTokenExpiresIn}m`,
156 |     });
157 | 
158 |     // Send the access token as cookie
159 |     ctx.res.cookie("access_token", access_token, accessTokenCookieOptions);
160 |     ctx.res.cookie("logged_in", true, {
161 |       ...accessTokenCookieOptions,
162 |       httpOnly: false,
163 |     });
164 | 
165 |     // Send response
166 |     return {
167 |       status: "success",
168 |       access_token,
169 |     };
170 |   } catch (err: any) {
171 |     throw err;
172 |   }
173 | };
174 | 
175 | export const logoutHandler = async ({ ctx }: { ctx: Context }) => {
176 |   try {
177 |     const user = ctx.user;
178 |     await redisClient.del(user?._id.toString());
179 |     logout({ ctx });
180 |     return { status: "success" };
181 |   } catch (err: any) {
182 |     throw err;
183 |   }
184 | };
185 |

--------------------------------------------------------------------------------

68 | Welcome Back 69 |

71 | Login to have access 72 |

Create Post