Major feature additions

prisma/migrations/20231010072131_added_shortend_url_model/migration.sql

@@ -0,0 +1,19 @@
+-- CreateTable
+CREATE TABLE "ShortendUrl" (
+    "id" TEXT NOT NULL,
+    "shortUrl" TEXT NOT NULL,
+    "longUrl" TEXT NOT NULL,
+    "userId" TEXT NOT NULL,
+    "createdAt" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+
+    CONSTRAINT "ShortendUrl_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "ShortendUrl_shortUrl_key" ON "ShortendUrl"("shortUrl");
+
+-- CreateIndex
+CREATE INDEX "ShortendUrl_shortUrl_idx" ON "ShortendUrl"("shortUrl");
+
+-- AddForeignKey
+ALTER TABLE "ShortendUrl" ADD CONSTRAINT "ShortendUrl_userId_fkey" FOREIGN KEY ("userId") REFERENCES "User"("id") ON DELETE CASCADE ON UPDATE CASCADE;

prisma/migrations/20231010155125_added_unique_constraint_for_long_url_field/migration.sql

@@ -0,0 +1,8 @@
+/*
+  Warnings:
+
+  - A unique constraint covering the columns `[longUrl]` on the table `ShortendUrl` will be added. If there are existing duplicate values, this will fail.
+
+*/
+-- CreateIndex
+CREATE UNIQUE INDEX "ShortendUrl_longUrl_key" ON "ShortendUrl"("longUrl");

prisma/schema.prisma

@@ -3,28 +3,28 @@
 
 generator client {
   provider = "prisma-client-js"
-  output = "../node_modules/.prisma/client"
+  output   = "../node_modules/.prisma/client"
 }
 
 datasource db {
-  provider = "postgresql"
-  url      = env("DATABASE_URL")
+  provider          = "postgresql"
+  url               = env("DATABASE_URL")
   shadowDatabaseUrl = env("SHADOW_DATABASE_URL") // Only needed when using a cloud provider that doesn't support the creation of new databases, like Heroku. Learn more: https://pris.ly/d/migrate-shadow
 }
 
 model Account {
-  id                 String  @id @default(cuid())
-  userId             String
-  type               String
-  provider           String
-  providerAccountId  String
-  refresh_token      String?  @db.Text
-  access_token       String?  @db.Text
-  expires_at         Int?
-  token_type         String?
-  scope              String?
-  id_token           String?  @db.Text
-  session_state      String?
+  id                String  @id @default(cuid())
+  userId            String
+  type              String
+  provider          String
+  providerAccountId String
+  refresh_token     String? @db.Text
+  access_token      String? @db.Text
+  expires_at        Int?
+  token_type        String?
+  scope             String?
+  id_token          String? @db.Text
+  session_state     String?
 
   user User @relation(fields: [userId], references: [id], onDelete: Cascade)
 
@@ -40,14 +40,15 @@ model Session {
 }
 
 model User {
-  id            String    @id @default(cuid())
+  id            String        @id @default(cuid())
   name          String?
-  email         String?   @unique
+  email         String?       @unique
   password      String?
   emailVerified DateTime?
   image         String?
   accounts      Account[]
   sessions      Session[]
+  ShortendUrl   ShortendUrl[]
 }
 
 model VerificationToken {
@@ -57,3 +58,14 @@ model VerificationToken {
 
   @@unique([identifier, token])
 }
+
+model ShortendUrl {
+  id        String   @id @default(cuid())
+  shortUrl  String   @unique 
+  longUrl   String   @unique
+  userId    String
+  createdAt DateTime @default(now())
+  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+
+  @@index([shortUrl])
+}

src/app/(auth)/signin/page.tsx

@@ -28,7 +28,6 @@ const SignInPage = () => {
             email,
             password,
             callbackUrl: '/',
-            redirect: false,
         })
 
         setTimeout(() => {

src/app/(auth)/signup/page.tsx

@@ -11,9 +11,9 @@ import { Icons } from '@/components/icons'
 import { SubmitHandler, useForm } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
 import { signUpSchema as authSchema } from '@/common'
-import { useMutation } from '@/common/make-request'
-import { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert'
+import { Alert, AlertDescription } from '@/components/ui/alert'
 import { UserCheck } from 'lucide-react'
+import { useMutation } from '@/common/make-request'
 
 const signUpSchema = authSchema
     .extend({

src/app/api/auth/signup/route.ts

@@ -39,7 +39,7 @@ export const POST = async (request: Request) => {
     } catch (error) {
         let message = ''
         if (error instanceof Prisma.PrismaClientKnownRequestError) {
-            if (error.code === 'P202') {
+            if (error.code === 'P2002') {
                 message = 'User already exists.'
             }
         } else {

src/app/api/shorten/route.ts

@@ -0,0 +1,70 @@
+import prisma from '@/common/db'
+import { Prisma } from '@prisma/client'
+import { randomUUID } from 'crypto'
+import z from 'zod'
+
+const shortendUrlSchema = z.object({
+    url: z.string().url(),
+    userId: z.string().cuid(),
+})
+
+const urlShorterAlgorithm = (url: string): string => {
+    const baseUrl = process.env.BASE_URL!
+    const encodedString = btoa(url)
+    const encodedStrLen = encodedString.length
+    const uuid = randomUUID()
+
+    const newEncodedString =
+        encodedString[0] +
+        uuid.slice(4, 6) +
+        encodedString.slice(encodedStrLen - 1) +
+        encodedString[encodedStrLen / 2]
+
+    return `${baseUrl}/${newEncodedString}`
+}
+
+export const POST = async (request: Request) => {
+    const { url, userId } = await request.json()
+    const validatedData = shortendUrlSchema.safeParse({
+        url,
+        userId,
+    })
+
+    if (!validatedData.success) {
+        return Response.json('Invalid payload', {
+            status: 400,
+        })
+    }
+
+    let result: Prisma.ShortendUrlUncheckedCreateInput
+
+    try {
+        const shortUrl = urlShorterAlgorithm(url)
+        result = await prisma.shortendUrl.create({
+            data: {
+                userId: userId,
+                shortUrl,
+                longUrl: url,
+            },
+        })
+    } catch (error) {
+        let message = ''
+        if (error instanceof Prisma.PrismaClientKnownRequestError) {
+            if (error.code === 'P202') {
+                message = 'This url has already been shortend'
+            }
+        } else {
+            message = error.message
+        }
+        return Response.json(message, {
+            status: 400,
+        })
+    }
+
+    return Response.json(
+        { message: 'Url shortend Successfully', data: result },
+        {
+            status: 200,
+        }
+    )
+}

src/app/api/shortend-urls/route.ts

@@ -0,0 +1,50 @@
+import prisma from '@/common/db'
+import { z } from 'zod'
+
+const deletePayloadSchema = z.object({
+    userId: z.string().cuid(),
+    shortendUrlIds: z.string().array(),
+})
+
+export const POST = async (req: Request) => {
+    const { shortendUrlIds, userId } = await req.json()
+
+    const validatedData = deletePayloadSchema.safeParse({
+        shortendUrlIds,
+        userId,
+    })
+
+    if (!validatedData.success) {
+        return Response.json('Invalid payload', {
+            status: 400,
+        })
+    }
+
+    try {
+        const result = await prisma.shortendUrl.deleteMany({
+            where: {
+                userId,
+                id: { in: shortendUrlIds },
+            },
+        })
+
+        let message = ''
+        if (result.count > 0) {
+            message = 'Url bulk deleted succesfully'
+        } else {
+            message = 'No Url found!'
+        }
+
+        return Response.json(
+            { message, data: result },
+            {
+                status: 200,
+            }
+        )
+    } catch (error) {
+        const message = error.message
+        return Response.json(message, {
+            status: 400,
+        })
+    }
+}

src/app/api/users/[id]/shortend-urls/route.ts

@@ -0,0 +1,24 @@
+import prisma from '@/common/db'
+
+export const GET = async (_, context: { params }) => {
+    const { id } = context.params
+    try {
+        const result = await prisma.shortendUrl.findMany({
+            where: {
+                userId: id,
+            },
+        })
+
+        return Response.json(
+            { message: 'Shortend url list fetched successfully', data: result },
+            {
+                status: 400,
+            }
+        )
+    } catch (error) {
+        const message = error.message
+        return Response.json(message, {
+            status: 400,
+        })
+    }
+}

src/app/layout.tsx

@@ -15,7 +15,7 @@ const RootLayout = async ({ children }: { children: React.ReactNode }) => {
 
     return (
         <html lang="en">
-            <body>
+            <body className="w-screen h-screen">
                 <ClientSessionProvider session={session}>
                     <ThemeProvider
                         attribute="class"

src/app/page.tsx

@@ -1,5 +1,11 @@
+import { HomePage } from '@/components/homepage'
+
 const RootPage = () => {
-    return <> </>
+    return (
+        <div className="w-full h-full">
+            <HomePage />
+        </div>
+    )
 }
 
 export default RootPage

src/common/index.ts

@@ -1,3 +1,2 @@
 export * from './provider'
 export * from './validation'
-export * from './make-request'

src/components/homepage.tsx

@@ -0,0 +1,23 @@
+'use client'
+import { ScissorsLineDashed } from 'lucide-react'
+import { Button, Input } from './ui'
+
+const InputURL = () => {
+    return (
+        <div className="flex w-full items-center justify-center  space-x-2">
+            <Input type="text" placeholder="Enter your long URL here.." />
+            <Button type="submit" className="gap-2">
+                <ScissorsLineDashed /> <span> Shorten </span>
+            </Button>
+        </div>
+    )
+}
+
+export const HomePage = () => {
+    return (
+        <div className="h-full w-full flex flex-col items-center justify-center  ">
+            <h1> Shorty Url - The Fast and Reliable URL Shortener </h1>
+            <InputURL />
+        </div>
+    )
+}

src/components/ui/input.tsx

@@ -11,7 +11,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
             <input
                 type={type}
                 className={cn(
-                    'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+                    'flex h-15 w-6/12 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
                     className
                 )}
                 ref={ref}