Testing dependencies

app/(root)/questions/[id]/error.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function ErrorBoundary({
+  error,
+  reset,
+}: {
+  error: Error & { digest?: string };
+  reset: () => void;
+}) {
+  useEffect(() => console.error(error), [error]);
+  return (
+    <div>
+      <h1>Uh oh, something went wrong loading this question.</h1>
+      <button onClick={() => reset()}>Try again</button>
+    </div>
+  );
+}

app/(root)/questions/[id]/page.tsx

@@ -49,13 +49,14 @@ const QuestionDetails = async ({ params, searchParams }: RouteParams) => {
   const { page, pagesize, filter } = await searchParams;
 
   const { success, data: question } = await getQuestion({ questionId: id });
+  if (!success || !question) return redirect("/404");
+
+  console.log({ success, question });
 
   after(async () => {
     await incrementViews({ questionId: id });
   });
 
-  if (!success || !question) return redirect("/404");
-
   const {
     success: areAnswersLoaded,
     data: answersResult,
@@ -155,7 +156,7 @@ const QuestionDetails = async ({ params, searchParams }: RouteParams) => {
           textStyles="small-regular text-dark400_light700"
         />
       </div>
-      {/* <Preview content={content} /> */}
+      <Preview content={content} />
       <div className="flex flex-wrap gap-2 mt-8">
         {tags.map((tag: Tag) => (
           <TagCard

app/api/accounts/provider/route.ts

@@ -1,14 +1,14 @@
-import bcrypt from "bcryptjs";
+// import bcrypt from "bcryptjs";
 import { NextResponse } from "next/server";
 
 import Account from "@/database/account.model";
 import handleError from "@/lib/handlers/error";
 import { NotFoundError, ValidationError } from "@/lib/http-error";
 import dbConnect from "@/lib/mongoose";
-import { AccountSchema, SignInSchema } from "@/lib/validations";
+import { AccountSchema } from "@/lib/validations";
 
 export async function POST(request: Request) {
-  const { providerAccountId, password } = await request.json();
+  const { providerAccountId } = await request.json();
 
   try {
     await dbConnect();
@@ -24,19 +24,19 @@ export async function POST(request: Request) {
 
     if (!account) throw new NotFoundError("Account");
 
-    if (password) {
-      const validatedData = SignInSchema.partial().safeParse({
-        email: providerAccountId,
-        password,
-      });
+    // if (password) {
+    //   const validatedData = SignInSchema.partial().safeParse({
+    //     email: providerAccountId,
+    //     password,
+    //   });
 
-      if (!validatedData.success)
-        throw new ValidationError(validatedData.error.flatten().fieldErrors);
+    //   if (!validatedData.success)
+    //     throw new ValidationError(validatedData.error.flatten().fieldErrors);
 
-      const isValidPassword = await bcrypt.compare(password, account.password!);
+    //   const isValidPassword = await bcrypt.compare(password, account.password!);
 
-      if (!isValidPassword) throw new Error("Invalid password!!!!!!");
-    }
+    //   if (!isValidPassword) throw new Error("Invalid password!!!!!!");
+    // }
 
     return NextResponse.json({ success: true, data: account }, { status: 200 });
   } catch (error) {

app/layout.tsx

@@ -1,12 +1,12 @@
-import type { Metadata, Viewport } from "next";
+import type { Metadata } from "next";
 import { Space_Grotesk as SpaceGrotesk, Inter } from "next/font/google";
 import { SessionProvider } from "next-auth/react";
 import "./globals.css";
 import React, { ReactNode } from "react";
 
 import { auth } from "@/auth";
 import { Toaster } from "@/components/ui/toaster";
-import { metadata as md, viewport as vd } from "@/constants/metadata";
+import { metadata as md } from "@/constants/metadata";
 import ThemeProvider from "@/context/Theme";
 
 const inter = Inter({
@@ -23,7 +23,7 @@ const spaceGrotesk = SpaceGrotesk({
 });
 
 export const metadata: Metadata = md;
-export const viewport: Viewport = vd;
+// export const viewport: Viewport = vd;
 
 const RootLayout = async ({ children }: { children: ReactNode }) => {
   const session = await auth();

auth.ts

@@ -8,7 +8,8 @@ import { IUserDoc } from "./database/user.model";
 import { api } from "./lib/handlers/api";
 import { SignInSchema } from "./lib/validations";
 
-// POST /api/auth/credntials { email, password}
+export const runtime = "nodejs";
+
 export const { handlers, signIn, signOut, auth } = NextAuth({
   providers: [
     GitHub,
@@ -23,7 +24,6 @@ export const { handlers, signIn, signOut, auth } = NextAuth({
 
         const { data: existingAccount } = (await api.accounts.getByProvider(
           email,
-          password,
         )) as ActionResponse<IAccountDoc>;
 
         if (!existingAccount) return null;
@@ -34,6 +34,13 @@ export const { handlers, signIn, signOut, auth } = NextAuth({
 
         if (!existingUser) return null;
 
+        // const isValidPassword = await bycrpt.compare(
+        //   password,
+        //   existingAccount.password!,
+        // );
+
+        // if (!isValidPassword) return null;
+
         return {
           id: existingUser.id,
           name: existingUser.name,

components/Editor/Preview.tsx

@@ -1,36 +1,3 @@
-// import { Code } from "bright";
-// import { MDXRemote } from "next-mdx-remote/rsc";
-// import React from "react";
-
-// Code.theme = {
-//   light: "github-light",
-//   dark: "github-dark",
-//   lightSelector: "html.light",
-// };
-
-// const Preview = ({ content }: { content: string }) => {
-//   const formattedContent = content.replace(/\\/g, "").replace(/ /g, "");
-
-//   return (
-//     <section className="markdown prose grid break-words">
-//       <MDXRemote
-//         source={formattedContent}
-//         components={{
-//           pre: (props) => (
-//             <Code
-//               {...props}
-//               lineNumbers
-//               className="shadow-light-200 dark:shadow-dark-200"
-//             />
-//           ),
-//         }}
-//       />
-//     </section>
-//   );
-// };
-
-// export default Preview;
-
 import { Code } from "bright";
 import { MDXRemote } from "next-mdx-remote/rsc";
 import remarkGfm from "remark-gfm";
@@ -44,7 +11,6 @@ Code.theme = {
 };
 
 const Preview = ({ content = "" }: { content: string }) => {
-  console.log(content);
   // const formattedContent = content.replace(/\\/g, "").replace(/&#x20;/g, "");
 
   // First apply basic content cleaning
@@ -63,6 +29,7 @@ const Preview = ({ content = "" }: { content: string }) => {
   }
   return (
     <section className="markdown prose grid break-words">
+      <div>Test Preview </div>
       <MDXRemote
         source={formattedContent}
         options={{
@@ -85,3 +52,36 @@ const Preview = ({ content = "" }: { content: string }) => {
 };
 
 export default Preview;
+
+// import { Code } from "bright";
+// import { MDXRemote } from "next-mdx-remote/rsc";
+// import React from "react";
+
+// Code.theme = {
+//   light: "github-light",
+//   dark: "github-dark",
+//   lightSelector: "html.light",
+// };
+
+// const Preview = ({ content }: { content: string }) => {
+//   const formattedContent = content.replace(/\\/g, "").replace(/&#x20;/g, "");
+
+//   return (
+//     <section className="markdown prose grid break-words">
+//       <MDXRemote
+//         source={formattedContent}
+//         components={{
+//           pre: (props) => (
+//             <Code
+//               {...props}
+//               lineNumbers
+//               className="shadow-light-200 dark:shadow-dark-200"
+//             />
+//           ),
+//         }}
+//       />
+//     </section>
+//   );
+// };
+
+// export default Preview;

components/Metric.tsx

@@ -18,7 +18,7 @@ interface MetricProps {
 }
 
 const Metric = ({
-  imageUrl,
+  imageUrl = "/images/site-logo.svg",
   alt,
   value,
   href,

components/answer/AllAnswers.tsx

@@ -7,6 +7,7 @@ import AnswerCard from "../cards/AnswerCard";
 import DataRenderer from "../DataRenderer";
 import CommonFilter from "../filter/CommonFilter";
 import Pagination from "../Pagination";
+
 interface Props extends ActionResponse<Answer[]> {
   totalAnswers: number;
   page: number;
@@ -21,8 +22,10 @@ const AllAnswers = ({
   error,
   totalAnswers,
 }: Props) => {
+  console.log({ page, isNext, success, data, error, totalAnswers });
+
   return (
-    <div className="mt-11 ">
+    <div className="mt-11">
       <div className="flex justify-between gap-5 max-sm:flex-col sm:items-center">
         <h3 className="primary-text-gradient ">
           {totalAnswers} {totalAnswers > 1 ? "Answers" : "Answer"}
@@ -41,7 +44,6 @@ const AllAnswers = ({
           answers.map((answer) => <AnswerCard key={answer._id} {...answer} />)
         }
       />
-
       <Pagination page={page} isNext={isNext} />
     </div>
   );

components/cards/AnswerCard.tsx

@@ -27,6 +27,19 @@ const AnswerCard = ({
   showActionBtns = false,
   showReadMore = false,
 }: AnswerCardProps) => {
+  console.log({
+    _id,
+    content,
+    author,
+    question,
+    createdAt,
+    upvotes,
+    downvotes,
+    containerClasses,
+    showActionBtns,
+    showReadMore,
+  });
+
   const hasVotedPromise = hasVoted({ targetId: _id, targetType: "answer" });
 
   return (

constants/metadata.ts

@@ -1,8 +1,7 @@
 import { Metadata } from "next";
 
-const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL!;
+// const SITE_URL = process.env.NEXT_PUBLIC_SITE_URL!;
 export const metadata: Metadata = {
-  metadataBase: new URL(SITE_URL),
   title: "Dev OverFlow",
   description:
     "Dev Overflow is a community-driven platform to ask and answer real-world programming questions. Learn, grow, and connect with developers around the world.",
@@ -88,9 +87,9 @@ export const metadata: Metadata = {
   },
 };
 
-export const viewport = {
-  // Optional: Theme color for browser UI and mobile experience
-  width: "device-width",
-  initialScale: 1,
-  themeColor: "#18181b",
-};
+// export const viewport = {
+//   // Optional: Theme color for browser UI and mobile experience
+//   width: "device-width",
+//   initialScale: 1,
+//   themeColor: "#18181b",
+// };

lib/actions/collection.action.ts

@@ -4,7 +4,7 @@ import { PipelineStage } from "mongoose";
 import mongoose from "mongoose";
 import { revalidatePath } from "next/cache";
 
-import { auth } from "@/auth";
+// import { auth } from "@/auth";
 import ROUTES from "@/constants/routes";
 import { Collection, Question } from "@/database";
 
@@ -97,12 +97,11 @@ export async function hasSavedQuestion(
 
 export async function getAllSavedQuestions(
   params: PaginatedSearchParams,
-): Promise<ActionResponse<{
-  collection: Collection[];
-  isNext: boolean;
-}> | null> {
-  const session = await auth();
-  if (!session) return null;
+): Promise<ActionResponse<{ collection: Collection[]; isNext: boolean }>> {
+  // const session = await auth();
+  // if (!session) return {
+
+  // };
 
   const validationResult = await action({
     params,

lib/actions/vote.action.ts

@@ -4,7 +4,7 @@ import mongoose, { ClientSession } from "mongoose";
 import { revalidatePath } from "next/cache";
 import { after } from "next/server";
 
-import { auth } from "@/auth";
+// import { auth } from "@/auth";
 import ROUTES from "@/constants/routes";
 import { Answer, Question, Vote } from "@/database";
 

lib/handlers/api.ts

@@ -47,10 +47,10 @@ export const api = {
   accounts: {
     getAll: () => fetchHandler(`${API_BASE_URL}/accounts`),
     getById: (id: string) => fetchHandler(`${API_BASE_URL}/accounts/${id}`),
-    getByProvider: (providerAccountId: string, password?: string) =>
+    getByProvider: (providerAccountId: string) =>
       fetchHandler(`${API_BASE_URL}/accounts/provider`, {
         method: "POST",
-        body: JSON.stringify({ providerAccountId, password }),
+        body: JSON.stringify({ providerAccountId }),
       }),
     create: (userData: Partial<IAccount>) =>
       fetchHandler(`${API_BASE_URL}/accounts`, {