4 |
5 |
6 | ### **Key Features:**
7 |
8 | * **Upload PDFs:** Simply drag and drop your PDF files into Preve to get started.
9 | * **Conversational AI:** Ask Preve questions about your document.
10 | * **Information Retrieval:** Get summaries, key points, and specific details highlighted within the PDF.
11 | * **Clarification and Insights:** Preve can clarify confusing passages and offer insights based on the document's content.
12 |
13 | ### **How to Use Preve:**
14 |
15 | 1. **Upload your PDF:** Drag and drop your file or use the upload button.
16 | 2. **Start Chatting:** Type your question in the chat window.
17 | 3. **Get Answers:** Preve will analyze your document and provide relevant information.
18 |
19 | ### **Preve is perfect for:**
20 |
21 | * Students researching for assignments
22 | * Professionals reviewing contracts and reports
23 | * Anyone who needs to quickly understand the content of a PDF
24 |
25 |
26 | ### **Tech Stack:**
27 |
28 | - Nextjs
29 | - Uploadthing
30 | - Postgres
31 | - Prisma
32 | - Tailwind
33 | - Clerk
34 | - Gemini
35 |
36 | ### **Setting up locally**
37 |
38 | ```bash
39 | git clone https://github.com/ronitrajfr/Preve.git
40 | cd preve
41 | npm install
42 | ```
43 |
44 | Change `.env.example` to `.env` and `.env.local.example` to `.env.local` , then add the PostgreSQL url (you can get one for free from NeonDB) and clerk & uploadthing keys and grab the Gemini api key.
45 |
46 | And then run :
47 | ```bash
48 | npm run dev
49 | ```
50 |
--------------------------------------------------------------------------------
/header.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ronitrajfr/Preve/471ec0ab2238d23489703bab409cbd1c5ddf61b0/header.png
--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 | experimental: {
4 | serverComponentsExternalPackages: ["pdf-text-reader"],
5 | },
6 | };
7 |
8 | export default nextConfig;
9 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "presolve",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start",
9 | "lint": "next lint"
10 | },
11 | "dependencies": {
12 | "@clerk/nextjs": "^5.0.6",
13 | "@google/generative-ai": "^0.11.1",
14 | "@prisma/client": "^5.13.0",
15 | "@uploadthing/react": "^6.5.1",
16 | "axios": "^1.6.8",
17 | "lucide-react": "^0.378.0",
18 | "next": "14.2.3",
19 | "next-auth": "^5.0.0-beta.17",
20 | "pdf-parse": "^1.1.1",
21 | "pdf-parse-fork": "^1.2.0",
22 | "pdf-text-reader": "^4.0.1",
23 | "prisma": "^5.13.0",
24 | "react": "^18",
25 | "react-dom": "^18",
26 | "react-markdown": "^9.0.1",
27 | "svix": "^1.23.0",
28 | "uploadthing": "^6.10.1"
29 | },
30 | "devDependencies": {
31 | "@types/node": "^20",
32 | "@types/react": "^18",
33 | "@types/react-dom": "^18",
34 | "eslint": "^8",
35 | "eslint-config-next": "14.2.3",
36 | "postcss": "^8",
37 | "tailwindcss": "^3.4.1",
38 | "typescript": "^5"
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/postcss.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('postcss-load-config').Config} */
2 | const config = {
3 | plugins: {
4 | tailwindcss: {},
5 | },
6 | };
7 |
8 | export default config;
9 |
--------------------------------------------------------------------------------
/preve.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ronitrajfr/Preve/471ec0ab2238d23489703bab409cbd1c5ddf61b0/preve.png
--------------------------------------------------------------------------------
/prisma/migrations/20240506163629_init/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE "User" (
3 | "id" TEXT NOT NULL,
4 | "userId" TEXT NOT NULL,
5 | "firstName" TEXT NOT NULL,
6 | "lastName" TEXT NOT NULL,
7 | "email" TEXT NOT NULL,
8 |
9 | CONSTRAINT "User_pkey" PRIMARY KEY ("id")
10 | );
11 |
12 | -- CreateTable
13 | CREATE TABLE "Pdf" (
14 | "id" TEXT NOT NULL,
15 | "createdById" TEXT NOT NULL,
16 | "name" TEXT NOT NULL,
17 | "url" TEXT NOT NULL,
18 | "content" TEXT NOT NULL,
19 |
20 | CONSTRAINT "Pdf_pkey" PRIMARY KEY ("id")
21 | );
22 |
23 | -- CreateIndex
24 | CREATE UNIQUE INDEX "User_userId_key" ON "User"("userId");
25 |
26 | -- CreateIndex
27 | CREATE UNIQUE INDEX "Pdf_id_key" ON "Pdf"("id");
28 |
29 | -- AddForeignKey
30 | ALTER TABLE "Pdf" ADD CONSTRAINT "Pdf_createdById_fkey" FOREIGN KEY ("createdById") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
31 |
--------------------------------------------------------------------------------
/prisma/migrations/20240511132913_added_msg/migration.sql:
--------------------------------------------------------------------------------
1 | -- CreateTable
2 | CREATE TABLE "Message" (
3 | "id" TEXT NOT NULL,
4 | "content" TEXT NOT NULL,
5 | "createdById" TEXT NOT NULL,
6 | "chatId" TEXT NOT NULL,
7 |
8 | CONSTRAINT "Message_pkey" PRIMARY KEY ("id")
9 | );
10 |
11 | -- CreateIndex
12 | CREATE UNIQUE INDEX "Message_id_key" ON "Message"("id");
13 |
14 | -- AddForeignKey
15 | ALTER TABLE "Message" ADD CONSTRAINT "Message_createdById_fkey" FOREIGN KEY ("createdById") REFERENCES "User"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
16 |
17 | -- AddForeignKey
18 | ALTER TABLE "Message" ADD CONSTRAINT "Message_chatId_fkey" FOREIGN KEY ("chatId") REFERENCES "Pdf"("id") ON DELETE RESTRICT ON UPDATE CASCADE;
19 |
--------------------------------------------------------------------------------
/prisma/migrations/migration_lock.toml:
--------------------------------------------------------------------------------
1 | # Please do not edit this file manually
2 | # It should be added in your version-control system (i.e. Git)
3 | provider = "postgresql"
--------------------------------------------------------------------------------
/prisma/schema.prisma:
--------------------------------------------------------------------------------
1 | // This is your Prisma schema file,
2 | // learn more about it in the docs: https://pris.ly/d/prisma-schema
3 |
4 | // Looking for ways to speed up your queries, or scale easily with your serverless or edge functions?
5 | // Try Prisma Accelerate: https://pris.ly/cli/accelerate-init
6 |
7 | generator client {
8 | provider = "prisma-client-js"
9 | }
10 |
11 | datasource db {
12 | provider = "postgresql"
13 | url = env("DATABASE_URL")
14 | }
15 |
16 | model User {
17 | id String @id @default(cuid())
18 | userId String @unique
19 | firstName String
20 | lastName String
21 | email String
22 | pdf Pdf[]
23 | message Message[]
24 | //chats Chat[]
25 | }
26 |
27 | model Pdf {
28 | id String @id @unique @default(cuid())
29 | createdBy User @relation(fields: [createdById], references: [id])
30 | createdById String
31 | name String
32 | url String
33 | content String
34 | message Message[]
35 | }
36 |
37 | model Message {
38 | id String @id @unique @default(cuid())
39 | content String
40 | createdBy User @relation(fields: [createdById], references: [id])
41 | createdById String
42 | chat Pdf @relation(fields: [chatId], references: [id])
43 | chatId String
44 | }
--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/preve.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ronitrajfr/Preve/471ec0ab2238d23489703bab409cbd1c5ddf61b0/public/preve.png
--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/actions/sendToServer.ts:
--------------------------------------------------------------------------------
1 | "use server";
2 | import { currentUser } from "@clerk/nextjs/server";
3 | import prisma from "@/utils/db";
4 | import { revalidatePath } from "next/cache";
5 | import { FormEvent } from "react";
6 |
7 | export default async function sendToServer(e: any) {
8 | // TODO: Implement your action here
9 | const user = await currentUser();
10 | const userId = user?.publicMetadata.userId;
11 | if (!userId) return;
12 | const content = e.get("inputThing");
13 | console.log(content);
14 | // const newMessage = await prisma.message.create({
15 | // data: {
16 | // createdById: userId as string,
17 | // content,
18 | // chatId: pdfId,
19 | // },
20 | // });
21 | }
22 |
--------------------------------------------------------------------------------
/src/app/api/chat/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from "next/server";
2 |
3 | export async function POST(req: NextRequest) {
4 | const { id, userId } = await req.json();
5 | return NextResponse.json({ userId, id });
6 | }
7 |
--------------------------------------------------------------------------------
/src/app/api/clerk/webhooks/route.ts:
--------------------------------------------------------------------------------
1 | import { Webhook } from "svix";
2 | import { headers } from "next/headers";
3 | import { WebhookEvent, clerkClient } from "@clerk/nextjs/server";
4 | import { PrismaClient } from "@prisma/client";
5 | import { NextResponse } from "next/server";
6 |
7 | const prisma = new PrismaClient();
8 |
9 | export async function POST(req: Request) {
10 | // You can find this in the Clerk Dashboard -> Webhooks -> choose the webhook
11 | const WEBHOOK_SECRET = process.env.WEBHOOK_SECRET;
12 |
13 | if (!WEBHOOK_SECRET) {
14 | throw new Error(
15 | "Please add WEBHOOK_SECRET from Clerk Dashboard to .env or .env.local"
16 | );
17 | }
18 |
19 | // Get the headers
20 | const headerPayload = headers();
21 | const svix_id = headerPayload.get("svix-id");
22 | const svix_timestamp = headerPayload.get("svix-timestamp");
23 | const svix_signature = headerPayload.get("svix-signature");
24 |
25 | // If there are no headers, error out
26 | if (!svix_id || !svix_timestamp || !svix_signature) {
27 | return new Response("Error occurred -- no svix headers", {
28 | status: 400,
29 | });
30 | }
31 |
32 | // Get the body
33 | const payload = await req.json();
34 | const body = JSON.stringify(payload);
35 |
36 | // Create a new Svix instance with your secret.
37 | const wh = new Webhook(WEBHOOK_SECRET);
38 |
39 | let evt: WebhookEvent;
40 |
41 | // Verify the payload with the headers
42 | try {
43 | evt = wh.verify(body, {
44 | "svix-id": svix_id,
45 | "svix-timestamp": svix_timestamp,
46 | "svix-signature": svix_signature,
47 | }) as WebhookEvent;
48 | } catch (err) {
49 | console.error("Error verifying webhook:", err);
50 | return new Response("Error occured", {
51 | status: 400,
52 | });
53 | }
54 |
55 | // Get the ID and type
56 | const { id } = evt.data;
57 | const eventType = evt.type;
58 |
59 | if (eventType === "user.created") {
60 | const { id, first_name, last_name, email_addresses } = evt.data;
61 |
62 | if (first_name == null) return;
63 | if (last_name == null) return;
64 |
65 | const newUser = await prisma.user.create({
66 | data: {
67 | userId: id,
68 | firstName: first_name,
69 | lastName: last_name,
70 | email: email_addresses[0].email_address,
71 | },
72 | });
73 | if (newUser) {
74 | await clerkClient.users.updateUserMetadata(id, {
75 | publicMetadata: {
76 | userId: newUser.id,
77 | },
78 | });
79 | }
80 |
81 | return NextResponse.json({ message: "OK", user: newUser });
82 | }
83 |
84 | console.log(`Webhook with and ID of ${id} and type of ${eventType}`);
85 | console.log("Webhook body:", body);
86 |
87 | return new Response("", { status: 200 });
88 | }
89 |
--------------------------------------------------------------------------------
/src/app/api/message/route.ts:
--------------------------------------------------------------------------------
1 | import prisma from "@/utils/db";
2 | import { NextRequest, NextResponse } from "next/server";
3 |
4 | export async function POST(req: NextRequest) {
5 | // const { chatId, userId, content } = await req.json();
6 |
7 | // try {
8 | // const newMsg = await prisma.message.create({
9 | // data: {
10 | // createdById: userId,
11 | // chatId,
12 | // content,
13 | // },
14 | // });
15 | return NextResponse.json({ newMsg: "lfalsdlaks" }, { status: 200 });
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/api/pdf/route.ts:
--------------------------------------------------------------------------------
1 | import prisma from "@/utils/db";
2 | import { NextRequest, NextResponse } from "next/server";
3 | import { readPdfText } from "pdf-text-reader";
4 |
5 | export async function POST(req: NextRequest) {
6 | const { name, url, userId } = await req.json();
7 |
8 | try {
9 | const content = await readPdfText({
10 | url,
11 | });
12 | console.log(content);
13 |
14 | if (content === "") {
15 | return NextResponse.json({ msg: "Unable to parse the Pdf" });
16 | }
17 |
18 | const newPdf = await prisma.pdf.create({
19 | data: {
20 | url,
21 | name,
22 | content,
23 | createdById: userId,
24 | },
25 | });
26 |
27 | return NextResponse.json({ newPdf }, { status: 200 });
28 | } catch (error) {
29 | return NextResponse.json({ error }, { status: 400 });
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/src/app/api/uploadthing/core.ts:
--------------------------------------------------------------------------------
1 | import { createUploadthing, type FileRouter } from "uploadthing/next";
2 | import { UploadThingError } from "uploadthing/server";
3 |
4 | const f = createUploadthing();
5 |
6 | const auth = (req: Request) => ({ id: "fakeId" }); // Fake auth function
7 |
8 | // FileRouter for your app, can contain multiple FileRoutes
9 | export const ourFileRouter = {
10 | // Define as many FileRoutes as you like, each with a unique routeSlug
11 | imageUploader: f({ pdf: { maxFileSize: "8MB" } })
12 | // Set permissions and file types for this FileRoute
13 | .middleware(async ({ req }) => {
14 | // This code runs on your server before upload
15 | const user = await auth(req);
16 |
17 | // If you throw, the user will not be able to upload
18 | if (!user) throw new UploadThingError("Unauthorized");
19 |
20 | // Whatever is returned here is accessible in onUploadComplete as `metadata`
21 | return { userId: user.id };
22 | })
23 | .onUploadComplete(async ({ metadata, file }) => {
24 | // This code RUNS ON YOUR SERVER after upload
25 | console.log("Upload complete for userId:", metadata.userId);
26 |
27 | console.log("file url", file.url);
28 |
29 | // !!! Whatever is returned here is sent to the clientside `onClientUploadComplete` callback
30 | return { uploadedBy: metadata.userId };
31 | }),
32 | } satisfies FileRouter;
33 |
34 |
35 |
36 | export type OurFileRouter = typeof ourFileRouter;
37 |
--------------------------------------------------------------------------------
/src/app/api/uploadthing/route.ts:
--------------------------------------------------------------------------------
1 | import { createRouteHandler } from "uploadthing/next";
2 |
3 | import { ourFileRouter } from "./core";
4 |
5 | // Export routes for Next App Router
6 | export const { GET, POST } = createRouteHandler({
7 | router: ourFileRouter,
8 |
9 | // Apply an (optional) custom config:
10 | // config: { ... },
11 | });
12 |
--------------------------------------------------------------------------------
/src/app/globals.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
5 | html {
6 | height: 16rem;
7 | z-index: -1;
8 | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27'%3E%3Crect width='20' height='20' fill='%23fff' /%3E%3Crect x='50%' width='0.5' height='100%' fill='rgba(203, 203, 205, 0.5)' /%3E%3Crect y='50%' width='100%' height='0.5' fill='rgba(203, 213, 225, 0.5)' /%3E%3C/svg%3E%0A");
9 | }
10 |
11 | .user-message {
12 | background-color: red;
13 | color: white;
14 | padding: 10px;
15 | border-radius: 5px;
16 | margin-bottom: 10px;
17 | }
18 |
19 | .ai-message {
20 | background-color: black;
21 | color: white;
22 | padding: 10px;
23 | border-radius: 5px;
24 | margin-bottom: 10px;
25 | }
26 |
27 | .loading {
28 | color: gray;
29 | text-align: center;
30 | }
31 |
--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import type { Metadata } from "next";
2 | import "@uploadthing/react/styles.css";
3 | import { Inter } from "next/font/google";
4 | import "./globals.css";
5 | import { ClerkProvider } from "@clerk/nextjs";
6 |
7 | const inter = Inter({ subsets: ["latin"] });
8 |
9 | export const metadata: Metadata = {
10 | title: "Preve",
11 | description: "One stop solution for Students",
12 | };
13 |
14 | export default function RootLayout({
15 | children,
16 | }: Readonly<{
17 | children: React.ReactNode;
18 | }>) {
19 | return (
20 |
21 |
22 |
27 |
28 |
29 |
33 |
37 |
38 |
39 |
40 |
41 |
45 |
46 |
47 |
48 |
49 |
50 |
115 | {" "}
116 |
121 | {" "}
122 |
Loading...
127 | )} 128 |