6 |
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/drizzle.config.ts:
--------------------------------------------------------------------------------
1 | import { config } from "dotenv";
2 | import { defineConfig } from "drizzle-kit";
3 |
4 | config({
5 | path: ".env.local"
6 | });
7 |
8 | export default defineConfig({
9 | schema: "./db/schema.ts",
10 | out: "./lib/drizzle",
11 | dialect: "postgresql",
12 | dbCredentials: {
13 | url: process.env.POSTGRES_URL!,
14 | },
15 | });
16 |
--------------------------------------------------------------------------------
/hooks/use-user-message-id.ts:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import useSWR from "swr";
4 |
5 | export function useUserMessageId() {
6 | const {
7 | data: userMessageIdFromServer,
8 | mutate: setUserMessageIdFromServer,
9 | } = useSWR("userMessageIdFromServer", null);
10 |
11 | return { userMessageIdFromServer, setUserMessageIdFromServer };
12 | }
13 |
--------------------------------------------------------------------------------
/components/layout/theme-provider.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import * as React from "react";
4 | import { ThemeProvider as NextThemesProvider } from "next-themes";
5 | import { type ThemeProviderProps } from "next-themes/dist/types";
6 |
7 | export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
8 | return Not Found
7 |Could not find requested resource
8 |
16 | {children}
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/config/site.ts:
--------------------------------------------------------------------------------
1 | export const siteConfig: any = {
2 | name: "Chooat",
3 | url: process.env.NEXT_PUBLIC_URL,
4 | domain: process.env.NEXT_PUBLIC_DOMAIN,
5 | };
6 |
7 | export const defaultLocale = "en" as const;
8 | export const languages = [
9 | { lang: "en", label: "English", hrefLang: "en-US" },
10 | ] as const;
11 |
12 | export const locales = languages.map((lang) => lang.lang);
13 |
14 | export const localePrefix: any = "as-needed";
15 | export const localeDetection: boolean = false;
--------------------------------------------------------------------------------
/i18n/routing.ts:
--------------------------------------------------------------------------------
1 | import { createNavigation, createSharedPathnamesNavigation } from "next-intl/navigation";
2 | import { defineRouting } from "next-intl/routing";
3 | import { locales, localePrefix } from "@/config/site";
4 |
5 | export const routing = defineRouting({
6 | locales,
7 | defaultLocale: "en",
8 | localePrefix
9 | });
10 |
11 | export type Locale = (typeof routing.locales)[number];
12 |
13 | export const { Link, getPathname, redirect, usePathname, useRouter } =
14 | createNavigation(routing);
15 |
--------------------------------------------------------------------------------
/app/api/updateUser/route.ts:
--------------------------------------------------------------------------------
1 | import { auth } from "@/app/(auth)/auth";
2 | import { updateUserById } from "@/db/queries";
3 |
4 | export async function POST(request: Request) {
5 | const { userData }: { userData: any } = await request.json();
6 | const session = await auth();
7 |
8 | if (!session || !session.user) {
9 | return Response.json("Unauthorized!", { status: 401 });
10 | }
11 |
12 | const userInfo = await updateUserById(session.user.id || "", userData);
13 | return Response.json({user: userInfo});
14 | }
15 |
--------------------------------------------------------------------------------
/components.json:
--------------------------------------------------------------------------------
1 | {
2 | "$schema": "https://ui.shadcn.com/schema.json",
3 | "style": "new-york",
4 | "rsc": true,
5 | "tsx": true,
6 | "tailwind": {
7 | "config": "tailwind.config.ts",
8 | "css": "styles/globals.css",
9 | "baseColor": "neutral",
10 | "cssVariables": true,
11 | "prefix": ""
12 | },
13 | "aliases": {
14 | "components": "@/components",
15 | "utils": "@/lib/utils",
16 | "ui": "@/components/ui",
17 | "lib": "@/lib",
18 | "hooks": "@/hooks"
19 | },
20 | "iconLibrary": "lucide"
21 | }
--------------------------------------------------------------------------------
/global.d.ts:
--------------------------------------------------------------------------------
1 | declare module 'bcrypt';
2 | declare module "mime-types";
3 | declare module "next-intl";
4 | declare module 'typography';
5 | declare module 'react-typography';
6 | declare module 'md5';
7 |
8 | declare module globalThis {
9 | var prisma: any;
10 | }
11 |
12 | export type NavItem = {
13 | title: string;
14 | href: string;
15 | badge?: number;
16 | disabled?: boolean;
17 | external?: boolean;
18 | icon?: any;
19 | };
20 |
21 | export type SidebarNavItem = {
22 | title: string;
23 | items: NavItem[];
24 | icon?: any;
25 | };
--------------------------------------------------------------------------------
/components/shared/max-width-wrapper.tsx:
--------------------------------------------------------------------------------
1 | import { ReactNode } from "react";
2 |
3 | import { cn } from "@/lib/utils";
4 |
5 | export default function MaxWidthWrapper({
6 | className,
7 | children,
8 | large = false,
9 | }: {
10 | className?: string;
11 | large?: boolean;
12 | children: ReactNode;
13 | }) {
14 | return (
15 |
22 | {children}
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/app/api/history/route.ts:
--------------------------------------------------------------------------------
1 | import { auth } from "@/app/(auth)/auth";
2 | import { getChatsByUserId } from "@/db/queries";
3 |
4 | export async function GET(request: Request) {
5 | const session = await auth();
6 | const { searchParams } = new URL(request.url);
7 | const app = searchParams.get("app") || "";
8 |
9 | if (!session || !session.user) {
10 | return Response.json("Unauthorized!", { status: 401 });
11 | }
12 |
13 | const chats = await getChatsByUserId({ id: session.user.id! });
14 | return Response.json(chats);
15 | }
16 |
--------------------------------------------------------------------------------
/hooks/use-scroll-to-bottom.ts:
--------------------------------------------------------------------------------
1 | import { Message } from "ai";
2 | import { useEffect, useRef, RefObject } from "react";
3 |
4 | export function useScrollToBottom
6 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/styles/spinner1.css:
--------------------------------------------------------------------------------
1 | /* From Uiverse.io by arshshaikh06 */
2 | .spinner {
3 | background-image: linear-gradient(rgb(186, 66, 255) 35%,rgb(0, 225, 255));
4 | width: 100px;
5 | height: 100px;
6 | animation: spinning82341 1.7s linear infinite, hue 1s ease-in-out infinite;
7 | text-align: center;
8 | border-radius: 50px;
9 | filter: blur(1px);
10 | box-shadow: 0px -5px 20px 0px rgb(186, 66, 255), 0px 5px 20px 0px rgb(0, 225, 255);
11 | }
12 |
13 | .spinner1 {
14 | background-color: rgb(36, 36, 36);
15 | width: 100px;
16 | height: 100px;
17 | border-radius: 50px;
18 | filter: blur(10px);
19 | }
20 |
21 | @keyframes spinning82341 {
22 | to {
23 | transform: rotate(360deg);
24 | }
25 | }
26 |
27 | @keyframes hue {
28 | 0% {
29 | filter: hue-rotate(0deg);
30 | }
31 |
32 | 100% {
33 | filter: hue-rotate(360deg);
34 | }
35 | }
--------------------------------------------------------------------------------
/components/ui/progress.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as ProgressPrimitive from "@radix-ui/react-progress"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Progress = React.forwardRef<
9 | React.ElementRef
7 |
10 |
11 | {card ? (
12 |
23 |
16 |
19 |
33 | {/*
37 |
38 |
19 |
30 |
20 |
24 |
21 |
23 |
25 |
29 | 26 | {model?.label} 27 |
28 |
16 | {/* codeblock header */}
17 |
37 | {value}
38 |
39 |
40 |
41 | );
42 | }
43 | );
44 |
45 | MessageCodeBlock.displayName = "MessageCodeBlock";
46 |
--------------------------------------------------------------------------------
/components/ui/tooltip.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as TooltipPrimitive from "@radix-ui/react-tooltip"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const TooltipProvider = TooltipPrimitive.Provider
9 |
10 | const Tooltip = TooltipPrimitive.Root
11 |
12 | const TooltipTrigger = TooltipPrimitive.Trigger
13 |
14 | const TooltipContent = React.forwardRef<
15 | React.ElementRef
18 | {language}
19 |
20 | {/* codeblock content */}
21 |
20 |
22 |
23 |
27 |
28 |
32 |
33 | {model.description}
34 |
35 |
36 | {/*
42 |
43 | 24 | {model.label} 25 |
26 |29 | {model.description} 30 |
31 |
37 |
38 | By Chooat
39 |
40 |
*/}
41 | {children}
53 |
28 | {/* New chat */}
29 |
30 | {
34 | router.push(`/chat/${model.path}`);
35 | }}
36 | >
37 |
39 |
40 |
47 |
19 |
58 |
20 | {contentType ? (
21 | contentType.startsWith("image") ? (
22 |
57 |
36 |
46 | ) // : null
47 | ) : (
48 |
49 | )}
50 |
51 | {isUploading && (
52 |
38 |
45 | 39 | {name} 40 |
41 |42 | {size} 43 |
44 |
53 |
55 | )}
56 |
70 |
71 |
72 | {children}
73 |
48 | {messages.length === 0 &&
85 | );
86 | }
87 |
88 | export const Messages = memo(PureMessages, (prevProps, nextProps) => {
89 | if (prevProps.isLoading !== nextProps.isLoading) return false;
90 | if (prevProps.isLoading && nextProps.isLoading) return false;
91 | if (prevProps.messages.length !== nextProps.messages.length) return false;
92 | if (!equal(prevProps.votes, nextProps.votes)) return false;
93 |
94 | return true;
95 | });
96 |
--------------------------------------------------------------------------------
/app/api/files/upload/route.ts:
--------------------------------------------------------------------------------
1 | import { File } from "buffer";
2 | import { nanoid } from "nanoid";
3 | import { NextResponse } from "next/server";
4 | import { z } from "zod";
5 |
6 | import { auth } from "@/app/(auth)/auth";
7 | import { getUser } from "@/db/queries";
8 | import { uploadFile } from "@/lib/s3";
9 | import { siteConfig } from "@/config/site";
10 |
11 | const FileSchema = z.object({
12 | file: z
13 | .instanceof(File)
14 | .refine((file) => file.size <= 10 * 1024 * 1024, {
15 | message: "File size should be less than 10MB",
16 | })
17 | .refine(
18 | (file) =>
19 | ["image/jpeg", "image/png", "image/webp", "application/pdf", "text/plain"].includes(file.type),
20 | {
21 | message: "File type should be JPEG, PNG, TXT, or PDF",
22 | },
23 | ),
24 | });
25 |
26 | export async function POST(request: Request) {
27 | const session = await auth();
28 |
29 | if (!session) {
30 | // Response.json return to then
31 | return Response.json({ message: "Unauthorized" }, { status: 401 });
32 | // new Response return to catch
33 | // return new Response("Unauthorized", { status: 401 });
34 | }
35 | let [user] = await getUser(session.user?.email as string);
36 |
37 | if (user.credits <= 0) {
38 | return Response.json({ message: "Not Credits" }, { status: 400 });
39 | }
40 |
41 | if (request.body === null) {
42 | return new Response("Request body is empty", { status: 400 });
43 | }
44 |
45 | try {
46 | const formData = await request.formData();
47 | const file = formData.get("file") as unknown as File;
48 | const file_path = formData.get("file_path") as string;
49 |
50 | if (!file) {
51 | return Response.json({ message: "No file uploaded" }, { status: 400 });
52 | }
53 |
54 | const validatedFile = FileSchema.safeParse({ file });
55 |
56 | if (!validatedFile.success) {
57 | const errorMessage = validatedFile.error.errors
58 | .map((error) => error.message)
59 | .join(", ");
60 |
61 | return Response.json({ message: errorMessage }, { status: 400 });
62 | }
63 |
64 | const filename = file.name;
65 | // const fileBuffer = await file.arrayBuffer();
66 | const buffer = Buffer.from(await file.arrayBuffer());
67 | const ext = filename.split(".")?.pop() || "";
68 | const objectKey = `${siteConfig.name}/${process.env.NODE_ENV}${file_path || ""}/${nanoid(8)}.${ext}`
69 |
70 |
71 | try {
72 | const file = await uploadFile({
73 | FileName: filename,
74 | fileBuffer: buffer,
75 | objectKey
76 | });
77 |
78 | const data = {
79 | url: file?.url,
80 | // @ts-ignore
81 | size: formData.get("file")?.size,
82 | objectKey,
83 | // url: url,
84 | pathname: `${nanoid(8)}.${ext}`,
85 | contentType: file?.contentType
86 | }
87 |
88 | if (!file) {
89 | return NextResponse.json({ message: "File upload failed" }, { status: 400 });
90 | } else {
91 | return NextResponse.json(data);
92 | }
93 |
94 | } catch (error) {
95 | return NextResponse.json({ message: "Upload failed" }, { status: 500 });
96 | }
97 | } catch (error) {
98 | return NextResponse.json(
99 | { message: "Failed to process request" },
100 | { status: 500 },
101 | );
102 | }
103 | }
104 |
--------------------------------------------------------------------------------
/components/chat/chat-ui.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import { Attachment, Message } from "ai";
4 | import { useChat } from "ai/react";
5 | import { useEffect, useState } from "react";
6 | import useSWR, { useSWRConfig } from "swr";
7 |
8 | import { ChatHeader } from "@/components/chat/chat-header";
9 | import { Messages } from "@/components/chat/messages";
10 | import { message, Vote } from "@/db/schema";
11 | import { fetcher } from "@/lib/utils";
12 |
13 | import { MultimodalInput } from "@/components/chat/multimodal-input";
14 | import { toast } from "sonner";
15 | import { useSession } from "next-auth/react";
16 |
17 | export interface ChatProps {
18 | id: string;
19 | initialMessages: Array
70 |
100 |
101 | );
102 | }
103 |
--------------------------------------------------------------------------------
/components/ui/drawer.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import { Drawer as DrawerPrimitive } from "vaul"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Drawer = ({
9 | shouldScaleBackground = true,
10 | ...props
11 | }: React.ComponentProps
69 |
76 |
70 |
72 |
73 | {model.label}
74 |
75 |
77 |
79 |
55 | {/* Logo */}
56 |
57 |
62 |
68 |
69 |
70 |
72 |
63 |
64 | {siteConfig.name}
65 |
66 |
67 | 163 | {body} 164 |
165 | ) 166 | }) 167 | FormMessage.displayName = "FormMessage" 168 | 169 | export { 170 | useFormField, 171 | Form, 172 | FormItem, 173 | FormLabel, 174 | FormControl, 175 | FormDescription, 176 | FormMessage, 177 | FormField, 178 | } 179 | -------------------------------------------------------------------------------- /components/ui/alert-dialog.tsx: -------------------------------------------------------------------------------- 1 | "use client" 2 | 3 | import * as React from "react" 4 | import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog" 5 | 6 | import { cn } from "@/lib/utils" 7 | import { buttonVariants } from "@/components/ui/button" 8 | 9 | const AlertDialog = AlertDialogPrimitive.Root 10 | 11 | const AlertDialogTrigger = AlertDialogPrimitive.Trigger 12 | 13 | const AlertDialogPortal = AlertDialogPrimitive.Portal 14 | 15 | const AlertDialogOverlay = React.forwardRef< 16 | React.ElementRef
87 |
96 | ))
97 | NavigationMenuViewport.displayName =
98 | NavigationMenuPrimitive.Viewport.displayName
99 |
100 | const NavigationMenuIndicator = React.forwardRef<
101 | React.ElementRef
45 | {childArray}
46 |
47 | );
48 | }
49 |
50 | return (
51 | -
62 | {children}
63 |
-
76 | {children}
77 |