Starter code

.vscode/settings.json

@@ -1,4 +1,9 @@
 {
   "typescript.tsdk": "node_modules\\typescript\\lib",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "cSpell.words": [
+    "Autosize",
+    "hgetall",
+    "hset"
+  ]
 }

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "default",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "tailwind.config.js",
+    "css": "app/globals.css",
+    "baseColor": "gray",
+    "cssVariables": false
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils"
+  }
+}

package.json

@@ -23,7 +23,7 @@
     "@hookform/resolvers": "^3.1.0",
     "@mantine/hooks": "^6.0.13",
     "@next-auth/prisma-adapter": "^1.0.6",
-    "@prisma/client": "^4.14.1",
+    "@prisma/client": "^5.2.0",
     "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-label": "^2.0.2",

prisma/schema.prisma

@@ -39,12 +39,101 @@ model Session {
 }
 
 model User {
-  id            String    @id @default(cuid())
-  name          String?
-  email         String?   @unique
-  emailVerified DateTime?
-
-  image    String?
-  accounts Account[]
-  sessions Session[]
+  id                String      @id @default(cuid())
+  name              String?
+  email             String?     @unique
+  emailVerified     DateTime?
+  createdSubreddits Subreddit[] @relation("CreatedBy")
+
+  username String? @unique
+
+  image        String?
+  accounts     Account[]
+  sessions     Session[]
+  Post         Post[]
+  Comment      Comment[]
+  CommentVote  CommentVote[]
+  Vote         Vote[]
+  Subscription Subscription[]
+}
+
+model Subreddit {
+  id        String   @id @default(cuid())
+  name      String   @unique
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+  posts     Post[]
+
+  creatorId   String?
+  Creator     User?          @relation("CreatedBy", fields: [creatorId], references: [id])
+  subscribers Subscription[]
+
+  @@index([name])
+}
+
+model Subscription {
+  user        User      @relation(fields: [userId], references: [id])
+  userId      String
+  subreddit   Subreddit @relation(fields: [subredditId], references: [id])
+  subredditId String
+
+  @@id([userId, subredditId])
+}
+
+model Post {
+  id          String    @id @default(cuid())
+  title       String
+  content     Json?
+  createdAt   DateTime  @default(now())
+  updatedAt   DateTime  @updatedAt
+  subreddit   Subreddit @relation(fields: [subredditId], references: [id])
+  subredditId String
+
+  author   User   @relation(fields: [authorId], references: [id])
+  authorId String
+
+  comments Comment[]
+  votes    Vote[]
+}
+
+model Comment {
+  id        String   @id @default(cuid())
+  text      String
+  createdAt DateTime @default(now())
+  author    User     @relation(fields: [authorId], references: [id])
+  authorId  String
+  post      Post     @relation(fields: [postId], references: [id])
+  postId    String
+
+  replyToId String?
+  replyTo   Comment?  @relation("ReplyTo", fields: [replyToId], references: [id], onDelete: NoAction, onUpdate: NoAction)
+  replies   Comment[] @relation("ReplyTo")
+
+  votes     CommentVote[]
+  commentId String?
+}
+
+enum VoteType {
+  UP
+  DOWN
+}
+
+model Vote {
+  user   User     @relation(fields: [userId], references: [id])
+  userId String
+  post   Post     @relation(fields: [postId], references: [id])
+  postId String
+  type   VoteType
+
+  @@id([userId, postId])
+}
+
+model CommentVote {
+  user      User     @relation(fields: [userId], references: [id])
+  userId    String
+  comment   Comment  @relation(fields: [commentId], references: [id])
+  commentId String
+  type      VoteType
+
+  @@id([userId, commentId])
 }

src/app/(auth)/sign-in/page.tsx

@@ -0,0 +1,26 @@
+import { buttonVariants } from '@/components/ui/Button'
+import { FC } from 'react'
+import { cn } from '@/lib/utils'
+import Link from 'next/link'
+import SignIn from '@/components/SignIn'
+import { ChevronLeft } from 'lucide-react'
+
+
+const page: FC = () => {
+    return (<div className='absolute inset-0'>
+        <div className='h-full max-w-2xl mx-auto flex flex-col items-center justify-center gap-20'>
+            <Link
+                href='/'
+                className={cn(buttonVariants({ variant: 'ghost' }),
+                    'self-start -mt-20')}>
+                <ChevronLeft className='mr-2 h-4 w-4' />
+                Home
+            </Link>
+
+            <SignIn />
+        </div>
+    </div>
+    )
+}
+
+export default page

src/app/(auth)/sign-up/page.tsx

@@ -0,0 +1,26 @@
+import { buttonVariants } from '@/components/ui/Button'
+import { FC } from 'react'
+import { cn } from '@/lib/utils'
+import Link from 'next/link'
+import SignUp from '@/components/SignUp'
+import { ChevronLeft } from 'lucide-react'
+
+
+const page = () => {
+    return (<div className='absolute inset-0'>
+        <div className='h-full max-w-2xl mx-auto flex flex-col items-center justify-center gap-20'>
+            <Link
+                href='/'
+                className={cn(buttonVariants({ variant: 'ghost' }),
+                    'self-start -mt-20')}>
+                <ChevronLeft className='mr-2 h-4 w-4' />
+                Home
+            </Link>
+
+            <SignUp />
+        </div>
+    </div>
+    )
+}
+
+export default page

src/app/@authModal/(.)sign-in/page.tsx

@@ -0,0 +1,21 @@
+import CloseModal from '@/components/CloseModal'
+import SignIn from '@/components/SignIn'
+
+
+
+
+const page = () => {
+    return <div className='fixed inset-0 bg-zinc-900/20 z-10'>
+        <div className='container flex items-center h-full max-w-lg mx-auto'>
+            <div className='relative bg-white w-full h-fit py-20 px-2 rounded-lg'>
+                <div className='absolute top-4 right-4'>
+                    <CloseModal />
+                </div>
+
+                <SignIn />
+            </div>
+        </div>
+    </div>
+}
+
+export default page

src/app/@authModal/(.)sign-up/page.tsx

@@ -0,0 +1,19 @@
+import CloseModal from '@/components/CloseModal'
+import SignUp from '@/components/SignUp'
+
+
+const page = ({ }) => {
+    return <div className='fixed inset-0 bg-zinc-900/20 z-10'>
+        <div className='container flex items-center h-full max-w-lg mx-auto'>
+            <div className='relative bg-white w-full h-fit py-20 px-2 rounded-lg'>
+                <div className='absolute top-4 right-4'>
+                    <CloseModal />
+                </div>
+
+                <SignUp />
+            </div>
+        </div>
+    </div>
+}
+
+export default page

src/app/@authModal/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+    return null;
+}

src/app/api/auth/[...nextauth]/route.ts

@@ -0,0 +1,6 @@
+import { authOptions } from "@/lib/auth";
+import NextAuth from "next-auth";
+
+const handler = NextAuth(authOptions);
+
+export { handler as GET, handler as POST }

src/app/api/link/route.ts

@@ -0,0 +1,35 @@
+import axios from "axios"
+
+export async function GET(req: Request) {
+    const url = new URL(req.url)
+    const href = url.searchParams.get('url')
+
+    if (!href) {
+        return new Response('Invalid href', { status: 400 })
+    }
+
+    const res = await axios.get(href)
+
+    const titleMatch = res.data.match(/<title>(.*?)<\/title>/)
+    const title = titleMatch ? titleMatch[1] : ''
+
+    const descriptionMatch = res.data.match(/<meta name="description" content="(.*?)"/)
+    const description = descriptionMatch ? descriptionMatch[1] : ''
+
+    const imageMatch = res.data.match(/<meta property="og:image" content="(.*?)"/)
+    const imageUrl = imageMatch ? imageMatch[1] : ''
+
+    return new Response(
+        JSON.stringify({
+            success: 1,
+            meta: {
+                title,
+                description,
+                image: {
+                    url: imageUrl,
+                }
+            }
+        })
+
+    )
+}

src/app/api/posts/route.ts

@@ -0,0 +1,82 @@
+import { getAuthSession } from "@/lib/auth"
+import { db } from "@/lib/db"
+import { z } from "zod"
+
+export async function GET(req: Request) {
+    const url = new URL(req.url)
+
+    const session = await getAuthSession()
+
+    let followedCommunitiesIds: string[] = []
+
+    if (session) {
+        const followedCommunities = await db.subscription.findMany({
+            where: {
+                userId: session.user.id,
+            },
+            include: {
+                subreddit: true,
+            },
+        })
+
+        followedCommunitiesIds = followedCommunities.map(
+            ({ subreddit }) => subreddit.id
+        )
+    }
+
+    try {
+        const { limit, page, subredditName } = z.object({
+            limit: z.string(),
+            page: z.string(),
+            subredditName: z.string().nullish().optional(),
+
+        }).parse({
+            subredditName: url.searchParams.get('subredditName'),
+            limit: url.searchParams.get('limit'),
+            page: url.searchParams.get('page'),
+        })
+
+        let whereClause = {}
+
+        if (subredditName) {
+            whereClause = {
+                subreddit: {
+                    name: subredditName,
+                }
+            }
+        } else if (session) {
+            whereClause = {
+                subreddit: {
+                    id: {
+                        in: followedCommunitiesIds,
+                    }
+                }
+            }
+        }
+
+        const posts = await db.post.findMany({
+            take: parseInt(limit),
+            skip: (parseInt(page) - 1) * parseInt(limit),
+            orderBy: {
+                createdAt: 'desc'
+            },
+            include: {
+                subreddit: true,
+                votes: true,
+                author: true,
+                comments: true,
+            },
+            where: whereClause,
+        })
+
+        return new Response(JSON.stringify(posts))
+
+    } catch (error) {
+        if (error instanceof z.ZodError) {
+            return new Response('Invalid request data passed', { status: 422 })
+        }
+
+        return new Response('Could not fetch more post, please try again later', { status: 500 })
+    }
+
+}