├── .eslintrc.json
├── public
    ├── demo.gif
    ├── vercel.svg
    └── next.svg
├── src
    ├── app
    │   ├── favicon.ico
    │   ├── components
    │   │   ├── SessionProvider.js
    │   │   ├── SignInButton.js
    │   │   ├── EditApiKeyModal.js
    │   │   ├── Notification.js
    │   │   ├── CreateApiKeyModal.js
    │   │   ├── ApiDemo.tsx
    │   │   ├── ApiKeysTable.js
    │   │   └── Sidebar.js
    │   ├── lib
    │   │   ├── supabaseClient.js
    │   │   ├── auth.ts
    │   │   ├── apiKeyUtils.ts
    │   │   └── githubUtils.ts
    │   ├── protected
    │   │   └── page.js
    │   ├── api
    │   │   ├── validate-key
    │   │   │   └── route.js
    │   │   ├── github-summarizer
    │   │   │   ├── chain.js
    │   │   │   └── route.js
    │   │   ├── auth
    │   │   │   └── [...nextauth]
    │   │   │   │   └── route.ts
    │   │   └── api-keys
    │   │   │   ├── route.ts
    │   │   │   └── [id]
    │   │   │       └── route.ts
    │   ├── layout.tsx
    │   ├── privacy-policy
    │   │   └── page.tsx
    │   ├── terms-of-service
    │   │   └── page.tsx
    │   ├── globals.css
    │   ├── playground
    │   │   └── page.tsx
    │   ├── dashboards
    │   │   └── page.js
    │   └── page.tsx
    ├── middleware.ts
    ├── lib
    │   └── utils.ts
    └── components
    │   └── ui
    │       ├── textarea.tsx
    │       ├── input.tsx
    │       ├── badge.tsx
    │       ├── button.tsx
    │       └── card.tsx
├── jsconfig.json
├── next.config.mjs
├── postcss.config.mjs
├── next.config.js
├── components.json
├── .gitignore
├── tsconfig.json
├── package.json
├── .cursorrules
├── tailwind.config.js
├── README.md
└── LICENSE


/.eslintrc.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "next/core-web-vitals"
3 | }
4 | 


--------------------------------------------------------------------------------
/public/demo.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/emarco177/dandi/main/public/demo.gif


--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/emarco177/dandi/main/src/app/favicon.ico


--------------------------------------------------------------------------------
/jsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "compilerOptions": {
3 |     "paths": {
4 |       "@/*": ["./src/*"]
5 |     }
6 |   }
7 | }
8 | 


--------------------------------------------------------------------------------
/next.config.mjs:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {};
3 | 
4 | export default nextConfig;
5 | 


--------------------------------------------------------------------------------
/src/middleware.ts:
--------------------------------------------------------------------------------
1 | export { default } from "next-auth/middleware";
2 | 
3 | export const config = {
4 |   matcher: ["/dashboards"],
5 | };


--------------------------------------------------------------------------------
/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 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('next').NextConfig} */
2 | const nextConfig = {
3 |   images: {
4 |     domains: ['lh3.googleusercontent.com'],
5 |   },
6 | };
7 | 
8 | module.exports = nextConfig;


--------------------------------------------------------------------------------
/src/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { clsx, type ClassValue } from "clsx"
2 | import { twMerge } from "tailwind-merge"
3 | 
4 | export function cn(...inputs: ClassValue[]) {
5 |   return twMerge(clsx(inputs))
6 | }
7 | 


--------------------------------------------------------------------------------
/src/app/components/SessionProvider.js:
--------------------------------------------------------------------------------
1 | "use client";
2 | 
3 | import { SessionProvider } from "next-auth/react";
4 | 
5 | export default function NextAuthSessionProvider({ children }) {
6 |   return <SessionProvider>{children}</SessionProvider>;
7 | }


--------------------------------------------------------------------------------
/src/app/lib/supabaseClient.js:
--------------------------------------------------------------------------------
1 | import { createClient } from '@supabase/supabase-js'
2 | 
3 | const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL
4 | const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
5 | 
6 | export const supabase = createClient(supabaseUrl, supabaseAnonKey)
7 | 


--------------------------------------------------------------------------------
/src/app/protected/page.js:
--------------------------------------------------------------------------------
 1 | const ProtectedPage = () => {
 2 |   return (
 3 |     <div className="container mx-auto px-4 py-8">
 4 |       <h1 className="text-2xl font-bold mb-4">Protected Page</h1>
 5 |       <p>This is a protected page that can only be accessed with a valid API key.</p>
 6 |     </div>
 7 |   );
 8 | };
 9 | 
10 | export default ProtectedPage;


--------------------------------------------------------------------------------
/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.js",
 8 |     "css": "src/app/globals.css",
 9 |     "baseColor": "zinc",
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 | }


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | .yarn/install-state.gz
 8 | 
 9 | # testing
10 | /coverage
11 | 
12 | # next.js
13 | /.next/
14 | /out/
15 | 
16 | # production
17 | /build
18 | 
19 | # misc
20 | .DS_Store
21 | *.pem
22 | 
23 | # debug
24 | npm-debug.log*
25 | yarn-debug.log*
26 | yarn-error.log*
27 | 
28 | # local env files
29 | .env*.local
30 | 
31 | # vercel
32 | .vercel
33 | 
34 | # typescript
35 | *.tsbuildinfo
36 | next-env.d.ts
37 | 


--------------------------------------------------------------------------------
/public/vercel.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>


--------------------------------------------------------------------------------
/src/app/lib/auth.ts:
--------------------------------------------------------------------------------
 1 | import { getServerSession } from "next-auth/next";
 2 | import {  } from "@/app/api/auth/[...nextauth]/route";
 3 | import { supabase } from './supabaseClient';
 4 | 
 5 | export async function getSessionUser() {
 6 |   const session = await getServerSession();
 7 |   if (!session || !session.user?.email) {
 8 |     return null;
 9 |   }
10 | 
11 |   const { data: user, error } = await supabase
12 |     .from('users')
13 |     .select('id')
14 |     .eq('email', session.user.email)
15 |     .single();
16 | 
17 |   if (error || !user) {
18 |     console.error('Error fetching user:', error);
19 |     return null;
20 |   }
21 | 
22 |   return user;
23 | }


--------------------------------------------------------------------------------
/src/app/components/SignInButton.js:
--------------------------------------------------------------------------------
 1 | "use client";
 2 | 
 3 | import { signIn, signOut, useSession } from "next-auth/react";
 4 | 
 5 | export default function SignInButton() {
 6 |   const { data: session } = useSession();
 7 | 
 8 |   if (session && session.user) {
 9 |     return (
10 |       <div className="flex gap-4 ml-auto">
11 |         <p className="text-sky-600">{session.user.name}</p>
12 |         <img src={session.user.image} alt="Profile" className="w-8 h-8 rounded-full" />
13 |         <button onClick={() => signOut()} className="text-red-600">
14 |           Sign Out
15 |         </button>
16 |       </div>
17 |     );
18 |   }
19 |   return (
20 |     <button onClick={() => signIn("google")} className="text-green-600 ml-auto">
21 |       Sign In
22 |     </button>
23 |   );
24 | }


--------------------------------------------------------------------------------
/src/components/ui/textarea.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | export interface TextareaProps
 6 |   extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}
 7 | 
 8 | const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
 9 |   ({ className, ...props }, ref) => {
10 |     return (
11 |       <textarea
12 |         className={cn(
13 |           "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
14 |           className
15 |         )}
16 |         ref={ref}
17 |         {...props}
18 |       />
19 |     )
20 |   }
21 | )
22 | Textarea.displayName = "Textarea"
23 | 
24 | export { Textarea }
25 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "lib": [
 4 |       "dom",
 5 |       "dom.iterable",
 6 |       "esnext"
 7 |     ],
 8 |     "paths": {
 9 |       "@/*": [
10 |         "./src/*"
11 |       ]
12 |     },
13 |     "allowJs": true,
14 |     "skipLibCheck": true,
15 |     "strict": false,
16 |     "noEmit": true,
17 |     "incremental": true,
18 |     "module": "esnext",
19 |     "esModuleInterop": true,
20 |     "moduleResolution": "node",
21 |     "resolveJsonModule": true,
22 |     "isolatedModules": true,
23 |     "jsx": "preserve",
24 |     "plugins": [
25 |       {
26 |         "name": "next"
27 |       }
28 |     ],
29 |     "strictNullChecks": true
30 |   },
31 |   "include": [
32 |     "next-env.d.ts",
33 |     ".next/types/**/*.ts",
34 |     "**/*.ts",
35 |     "**/*.tsx"
36 |   ],
37 |   "exclude": [
38 |     "node_modules"
39 |   ]
40 | }
41 | 


--------------------------------------------------------------------------------
/src/app/api/validate-key/route.js:
--------------------------------------------------------------------------------
 1 | import { NextResponse } from 'next/server';
 2 | import { supabase } from '../../lib/supabaseClient';
 3 | 
 4 | export async function POST(req) {
 5 |   const { apiKey } = await req.json();
 6 | 
 7 |   try {
 8 |     const { data, error } = await supabase
 9 |       .from('api_keys')
10 |       .select('id')
11 |       .eq('value', apiKey)
12 |       .maybeSingle();
13 | 
14 |     if (error && error.code !== 'PGRST116') {
15 |       throw error;
16 |     }
17 | 
18 |     if (data) {
19 |       return NextResponse.json({ message: 'Valid API key' }, { status: 200 });
20 |     } else {
21 |       return NextResponse.json({ message: 'Invalid API key' }, { status: 401 });
22 |     }
23 |   } catch (error) {
24 |     console.error('Error validating API key:', error);
25 |     return NextResponse.json({ message: 'Error validating API key' }, { status: 500 });
26 |   }
27 | }


--------------------------------------------------------------------------------
/src/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | import './globals.css'
 2 | import type { Metadata } from 'next'
 3 | import { Inter } from 'next/font/google'
 4 | import NextAuthSessionProvider from './components/SessionProvider'
 5 | 
 6 | const inter = Inter({ subsets: ['latin'] })
 7 | 
 8 | export const metadata: Metadata = {
 9 |   title: 'Dandi Github Analyzer',
10 |   description: 'Get powerful insights for open source GitHub repositories',
11 | }
12 | 
13 | export default function RootLayout({
14 |   children,
15 | }: {
16 |   children: React.ReactNode
17 | }) {
18 |   return (
19 |     <html lang="en">
20 |       <head>
21 |         <meta name="viewport" content="width=device-width, initial-scale=1" />
22 |       </head>
23 |       <body className={inter.className}>
24 |         <NextAuthSessionProvider>
25 |           {children}
26 |         </NextAuthSessionProvider>
27 |       </body>
28 |     </html>
29 |   )
30 | }


--------------------------------------------------------------------------------
/src/components/ui/input.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | export interface InputProps
 6 |   extends React.InputHTMLAttributes<HTMLInputElement> {}
 7 | 
 8 | const Input = React.forwardRef<HTMLInputElement, InputProps>(
 9 |   ({ className, type, ...props }, ref) => {
10 |     return (
11 |       <input
12 |         type={type}
13 |         className={cn(
14 |           "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
15 |           className
16 |         )}
17 |         ref={ref}
18 |         {...props}
19 |       />
20 |     )
21 |   }
22 | )
23 | Input.displayName = "Input"
24 | 
25 | export { Input }
26 | 


--------------------------------------------------------------------------------
/src/app/api/github-summarizer/chain.js:
--------------------------------------------------------------------------------
 1 | import { ChatOpenAI } from "@langchain/openai";
 2 | import { ChatPromptTemplate } from "@langchain/core/prompts";
 3 | import { RunnableSequence } from "@langchain/core/runnables";
 4 | import { z } from "zod";
 5 | 
 6 | export async function summarizeReadme(readmeContent) {
 7 |   const responseSchema = z.object({
 8 |     summary: z.string().describe("A concise summary of the GitHub repository"),
 9 |     cool_facts: z.array(z.string()).describe("A list of 2 interesting facts about the repository"),
10 |   });
11 | 
12 |   const model = new ChatOpenAI({ temperature: 0 }).withStructuredOutput(responseSchema);
13 | 
14 |   const prompt = ChatPromptTemplate.fromTemplate(`
15 | Summarize this github repository from this readme file content:
16 | 
17 | {readmeContent}
18 | 
19 | Provide your response with a summary and 2 cool facts about the repository.
20 | `);
21 | 
22 |   const chain = RunnableSequence.from([prompt, model]);
23 | 
24 |   const result = await chain.invoke({ readmeContent });
25 |   return result;
26 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "dandi",
 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 |     "@langchain/community": "^0.3.0",
13 |     "@langchain/core": "^0.3.0",
14 |     "@langchain/openai": "^0.3.0",
15 |     "@radix-ui/react-icons": "^1.3.0",
16 |     "@radix-ui/react-slot": "^1.1.0",
17 |     "@supabase/supabase-js": "^2.45.4",
18 |     "class-variance-authority": "^0.7.0",
19 |     "clsx": "^2.1.1",
20 |     "langchain": "^0.3.0",
21 |     "lucide-react": "^0.441.0",
22 |     "next": "^14.2.13",
23 |     "next-auth": "^4.24.7",
24 |     "react": "^18",
25 |     "react-dom": "^18",
26 |     "tailwind-merge": "^2.5.2",
27 |     "tailwindcss-animate": "^1.0.7",
28 |     "typescript": "^5.6.2"
29 |   },
30 |   "resolutions": {
31 |     "@langchain/core": "^0.3.0"
32 |   },
33 |   "devDependencies": {
34 |     "@types/node": "22.5.4",
35 |     "@types/react": "18.3.5",
36 |     "eslint": "^8",
37 |     "eslint-config-next": "14.2.7",
38 |     "postcss": "^8",
39 |     "tailwindcss": "^3.4.1"
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/src/app/api/auth/[...nextauth]/route.ts:
--------------------------------------------------------------------------------
 1 | import NextAuth from "next-auth";
 2 | import GoogleProvider from "next-auth/providers/google";
 3 | import { supabase } from "../../../lib/supabaseClient";
 4 | 
 5 | const handler = NextAuth({
 6 |   providers: [
 7 |     GoogleProvider({
 8 |       clientId: process.env.GOOGLE_CLIENT_ID || '',
 9 |       clientSecret: process.env.GOOGLE_CLIENT_SECRET || '',
10 |     }),
11 |   ],
12 |   events: {
13 |     async signIn({ user }) {
14 |       const { data, error } = await supabase
15 |         .from('users')
16 |         .select()
17 |         .eq('email', user.email)
18 |         .single();
19 | 
20 |       if (error || !data) {
21 |         // User doesn't exist, so add them to the database
22 |         const { error: insertError } = await supabase
23 |           .from('users')
24 |           .insert({
25 |             email: user.email,
26 |             name: user.name,
27 |             image: user.image,
28 |           });
29 | 
30 |         if (insertError) {
31 |           console.error('Error adding user to database:', insertError);
32 |         }
33 |       }
34 |     },
35 |   },
36 | });
37 | 
38 | export { handler as GET, handler as POST };
39 | 
40 | 


--------------------------------------------------------------------------------
/src/components/ui/badge.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { cva, type VariantProps } from "class-variance-authority"
 3 | 
 4 | import { cn } from "@/lib/utils"
 5 | 
 6 | const badgeVariants = cva(
 7 |   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
 8 |   {
 9 |     variants: {
10 |       variant: {
11 |         default:
12 |           "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
13 |         secondary:
14 |           "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
15 |         destructive:
16 |           "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
17 |         outline: "text-foreground",
18 |       },
19 |     },
20 |     defaultVariants: {
21 |       variant: "default",
22 |     },
23 |   }
24 | )
25 | 
26 | export interface BadgeProps
27 |   extends React.HTMLAttributes<HTMLDivElement>,
28 |     VariantProps<typeof badgeVariants> {}
29 | 
30 | function Badge({ className, variant, ...props }: BadgeProps) {
31 |   return (
32 |     <div className={cn(badgeVariants({ variant }), className)} {...props} />
33 |   )
34 | }
35 | 
36 | export { Badge, badgeVariants }
37 | 


--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>


--------------------------------------------------------------------------------
/src/app/lib/apiKeyUtils.ts:
--------------------------------------------------------------------------------
 1 | import { supabase } from './supabaseClient';
 2 | 
 3 | interface ApiKeyData {
 4 |   id: string;
 5 |   usage: number;
 6 |   limit: number;
 7 | }
 8 | 
 9 | export async function validateApiKey(apiKey: string): Promise<ApiKeyData | null> {
10 |   try {
11 |     const { data: apiKeyData, error: apiKeyError } = await supabase
12 |       .from('api_keys')
13 |       .select('id, usage, limit')
14 |       .eq('value', apiKey)
15 |       .maybeSingle();
16 | 
17 |     if (apiKeyError) {
18 |       throw apiKeyError;
19 |     }
20 | 
21 |     return apiKeyData;
22 |   } catch (error) {
23 |     console.error('Error validating API key:', error);
24 |     throw error;
25 |   }
26 | }
27 | 
28 | export async function incrementApiKeyUsage(apiKeyData: ApiKeyData): Promise<{ success: boolean; message: string }> {
29 |   try {
30 |     if (apiKeyData.usage >= apiKeyData.limit) {
31 |       return { success: false, message: 'Rate limit exceeded' };
32 |     }
33 | 
34 |     const { error: updateError } = await supabase
35 |       .from('api_keys')
36 |       .update({ usage: apiKeyData.usage + 1 })
37 |       .eq('id', apiKeyData.id);
38 | 
39 |     if (updateError) {
40 |       throw updateError;
41 |     }
42 | 
43 |     return { success: true, message: 'Usage incremented successfully' };
44 |   } catch (error) {
45 |     console.error('Error incrementing API key usage:', error);
46 |     throw error;
47 |   }
48 | }


--------------------------------------------------------------------------------
/src/app/lib/githubUtils.ts:
--------------------------------------------------------------------------------
 1 | interface RepoInfo {
 2 |   readmeContent: string;
 3 |   stars: number;
 4 |   latestVersion: string;
 5 |   websiteUrl: string | null;
 6 |   licenseType: string | null;
 7 | }
 8 | 
 9 | export async function getRepoInfo(githubUrl: string): Promise<RepoInfo> {
10 |   const [owner, repo] = githubUrl.split('/').slice(3, 5);
11 |   const apiBaseUrl = `https://api.github.com/repos/${owner}/${repo}`;
12 | 
13 |   const [readmeResponse, repoInfoResponse, releasesResponse] = await Promise.all([
14 |     fetch(`${apiBaseUrl}/readme`, {
15 |       headers: { 'Accept': 'application/vnd.github.v3.raw' },
16 |     }),
17 |     fetch(apiBaseUrl),
18 |     fetch(`${apiBaseUrl}/releases/latest`),
19 |   ]);
20 | 
21 |   if (!readmeResponse.ok || !repoInfoResponse.ok) {
22 |     throw new Error(`Failed to fetch repository information: ${readmeResponse.statusText || repoInfoResponse.statusText}`);
23 |   }
24 | 
25 |   const [readmeContent, repoInfo, latestRelease] = await Promise.all([
26 |     readmeResponse.text(),
27 |     repoInfoResponse.json(),
28 |     releasesResponse.ok ? releasesResponse.json() : null,
29 |   ]);
30 | 
31 |   return {
32 |     readmeContent,
33 |     stars: repoInfo.stargazers_count,
34 |     latestVersion: latestRelease ? latestRelease.tag_name : 'No releases found',
35 |     websiteUrl: repoInfo.homepage || null,
36 |     licenseType: repoInfo.license ? repoInfo.license.spdx_id : null,
37 |   };
38 | }


--------------------------------------------------------------------------------
/src/app/api/api-keys/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextResponse } from 'next/server';
 2 | import { getSessionUser } from '@/app/lib/auth';
 3 | import { supabase } from '@/app/lib/supabaseClient';
 4 | 
 5 | export async function GET() {
 6 |   const user = await getSessionUser();
 7 |   if (!user) {
 8 |     return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
 9 |   }
10 | 
11 |   const { data, error } = await supabase
12 |     .from('api_keys')
13 |     .select('*')
14 |     .eq('user_id', user.id);
15 | 
16 |   if (error) {
17 |     console.error('Error fetching API keys:', error);
18 |     return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
19 |   }
20 | 
21 |   return NextResponse.json(data);
22 | }
23 | 
24 | export async function POST(request: Request) {
25 |   const user = await getSessionUser();
26 |   if (!user) {
27 |     return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
28 |   }
29 | 
30 |   const { name, limit } = await request.json();
31 |   const newKeyValue = `dandi-${Date.now()}${Math.random().toString(36).substring(2, 15)}`;
32 | 
33 |   const { data, error } = await supabase
34 |     .from('api_keys')
35 |     .insert([
36 |       { name, value: newKeyValue, usage: 0, user_id: user.id }
37 |     ])
38 |     .select();
39 | 
40 |   if (error) {
41 |     console.error('Error creating API key:', error);
42 |     return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
43 |   }
44 | 
45 |   return NextResponse.json(data[0]);
46 | }


--------------------------------------------------------------------------------
/src/app/components/EditApiKeyModal.js:
--------------------------------------------------------------------------------
 1 | import { useState, useEffect } from 'react';
 2 | 
 3 | export default function EditApiKeyModal({ apiKey, isOpen, onClose, onUpdate }) {
 4 |   const [editingKey, setEditingKey] = useState(null);
 5 | 
 6 |   useEffect(() => {
 7 |     setEditingKey(apiKey);
 8 |   }, [apiKey]);
 9 | 
10 |   const handleSubmit = (e) => {
11 |     e.preventDefault();
12 |     onUpdate(editingKey);
13 |   };
14 | 
15 |   if (!isOpen || !editingKey) return null;
16 | 
17 |   return (
18 |     <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center">
19 |       <div className="bg-white p-6 rounded-lg">
20 |         <h3 className="text-lg font-semibold mb-4">Edit API Key</h3>
21 |         <form onSubmit={handleSubmit}>
22 |           <input
23 |             type="text"
24 |             value={editingKey.name}
25 |             onChange={(e) => setEditingKey({...editingKey, name: e.target.value})}
26 |             className="w-full p-2 border rounded mb-4"
27 |             required
28 |           />
29 |           <div className="flex justify-end">
30 |             <button
31 |               type="button"
32 |               onClick={onClose}
33 |               className="bg-gray-300 text-gray-800 px-4 py-2 rounded hover:bg-gray-400 mr-2"
34 |             >
35 |               Cancel
36 |             </button>
37 |             <button
38 |               type="submit"
39 |               className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
40 |             >
41 |               Save
42 |             </button>
43 |           </div>
44 |         </form>
45 |       </div>
46 |     </div>
47 |   );
48 | }


--------------------------------------------------------------------------------
/src/app/api/github-summarizer/route.js:
--------------------------------------------------------------------------------
 1 | import { NextResponse } from 'next/server';
 2 | import { summarizeReadme } from './chain';
 3 | import { validateApiKey, incrementApiKeyUsage } from '../../lib/apiKeyUtils';
 4 | import { getRepoInfo } from '../../lib/githubUtils';
 5 | 
 6 | export async function POST(req) {
 7 |   const { githubUrl } = await req.json();
 8 |   const apiKey = req.headers.get('x-api-key');
 9 | 
10 |   if (!apiKey) {
11 |     return NextResponse.json({ message: 'API key is required' }, { status: 400 });
12 |   }
13 | 
14 |   try {
15 |     const apiKeyData = await validateApiKey(apiKey);
16 | 
17 |     if (!apiKeyData) {
18 |       return NextResponse.json({ message: 'Invalid API key' }, { status: 401 });
19 |     }
20 | 
21 |     const { success, message } = await incrementApiKeyUsage(apiKeyData);
22 | 
23 |     if (!success) {
24 |       return NextResponse.json({ message }, { status: 429 });
25 |     }
26 | 
27 |     // Fetch repo info first
28 |     const repoInfo = await getRepoInfo(githubUrl);
29 | 
30 |     // Then run summarization in parallel with other tasks
31 |     const [summary] = await Promise.all([
32 |       summarizeReadme(repoInfo.readmeContent),
33 |       // Add any other parallel tasks here if needed
34 |     ]);
35 | 
36 |     return NextResponse.json({
37 |       ...summary,
38 |       stars: repoInfo.stars,
39 |       latestVersion: repoInfo.latestVersion,
40 |       websiteUrl: repoInfo.websiteUrl,
41 |       licenseType: repoInfo.licenseType,
42 |     }, { status: 200 });
43 |   } catch (error) {
44 |     console.error('Error in GitHub summarizer:', error);
45 |     return NextResponse.json({ message: 'Error processing request' }, { status: 500 });
46 |   }
47 | }
48 | 
49 | 
50 | 


--------------------------------------------------------------------------------
/src/app/components/Notification.js:
--------------------------------------------------------------------------------
 1 | import React, { useState, useEffect } from 'react';
 2 | 
 3 | const Notification = ({ message, duration = 3000, onClose, type = 'success' }) => {
 4 |   const [isVisible, setIsVisible] = useState(true);
 5 | 
 6 |   useEffect(() => {
 7 |     const timer = setTimeout(() => {
 8 |       setIsVisible(false);
 9 |       onClose();
10 |     }, duration);
11 | 
12 |     return () => clearTimeout(timer);
13 |   }, [duration, onClose]);
14 | 
15 |   if (!isVisible) return null;
16 | 
17 |   const bgColor = type === 'error' ? 'bg-red-500' : 'bg-green-500';
18 | 
19 |   return (
20 |     <div className={`fixed top-4 left-1/2 transform -translate-x-1/2 ${bgColor} text-white px-4 py-2 rounded-md shadow-lg flex items-center space-x-2`}>
21 |       {type === 'success' ? (
22 |         <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
23 |           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M5 13l4 4L19 7"></path>
24 |         </svg>
25 |       ) : (
26 |         <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
27 |           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12"></path>
28 |         </svg>
29 |       )}
30 |       <span>{message}</span>
31 |       <button onClick={() => { setIsVisible(false); onClose(); }} className="ml-2 text-white">
32 |         <svg className="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
33 |           <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M6 18L18 6M6 6l12 12"></path>
34 |         </svg>
35 |       </button>
36 |     </div>
37 |   );
38 | };
39 | 
40 | export default Notification;
41 | 


--------------------------------------------------------------------------------
/.cursorrules:
--------------------------------------------------------------------------------
 1 | 
 2 |   You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind.
 3 |   
 4 |   Code Style and Structure
 5 |   - Write concise, technical TypeScript code with accurate examples.
 6 |   - Use functional and declarative programming patterns; avoid classes.
 7 |   - Prefer iteration and modularization over code duplication.
 8 |   - Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
 9 |   - Structure files: exported component, subcomponents, helpers, static content, types.
10 |   
11 |   Naming Conventions
12 |   - Use lowercase with dashes for directories (e.g., components/auth-wizard).
13 |   - Favor named exports for components.
14 |   
15 |   TypeScript Usage
16 |   - Use TypeScript for all code; prefer interfaces over types.
17 |   - Avoid enums; use maps instead.
18 |   - Use functional components with TypeScript interfaces.
19 |   
20 |   Syntax and Formatting
21 |   - Use the "function" keyword for pure functions.
22 |   - Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements.
23 |   - Use declarative JSX.
24 |   
25 |   UI and Styling
26 |   - Use Shadcn UI, Radix, and Tailwind for components and styling.
27 |   - Implement responsive design with Tailwind CSS; use a mobile-first approach.
28 |   
29 |   Performance Optimization
30 |   - Minimize 'use client', 'useEffect', and 'setState'; favor React Server Components (RSC).
31 |   - Wrap client components in Suspense with fallback.
32 |   - Use dynamic loading for non-critical components.
33 |   - Optimize images: use WebP format, include size data, implement lazy loading.
34 |   
35 |   Key Conventions
36 |   - Use 'nuqs' for URL search parameter state management.
37 |   - Optimize Web Vitals (LCP, CLS, FID).
38 |   - Limit 'use client':
39 |     - Favor server components and Next.js SSR.
40 |     - Use only for Web API access in small components.
41 |     - Avoid for data fetching or state management.
42 |   
43 |   Follow Next.js docs for Data Fetching, Rendering, and Routing.
44 |   


--------------------------------------------------------------------------------
/src/components/ui/button.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | import { Slot } from "@radix-ui/react-slot"
 3 | import { cva, type VariantProps } from "class-variance-authority"
 4 | 
 5 | import { cn } from "@/lib/utils"
 6 | 
 7 | const buttonVariants = cva(
 8 |   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
 9 |   {
10 |     variants: {
11 |       variant: {
12 |         default:
13 |           "bg-primary text-primary-foreground shadow hover:bg-primary/90",
14 |         destructive:
15 |           "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
16 |         outline:
17 |           "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
18 |         secondary:
19 |           "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
20 |         ghost: "hover:bg-accent hover:text-accent-foreground",
21 |         link: "text-primary underline-offset-4 hover:underline",
22 |       },
23 |       size: {
24 |         default: "h-9 px-4 py-2",
25 |         sm: "h-8 rounded-md px-3 text-xs",
26 |         lg: "h-10 rounded-md px-8",
27 |         icon: "h-9 w-9",
28 |       },
29 |     },
30 |     defaultVariants: {
31 |       variant: "default",
32 |       size: "default",
33 |     },
34 |   }
35 | )
36 | 
37 | export interface ButtonProps
38 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
39 |     VariantProps<typeof buttonVariants> {
40 |   asChild?: boolean
41 | }
42 | 
43 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
44 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
45 |     const Comp = asChild ? Slot : "button"
46 |     return (
47 |       <Comp
48 |         className={cn(buttonVariants({ variant, size, className }))}
49 |         ref={ref}
50 |         {...props}
51 |       />
52 |     )
53 |   }
54 | )
55 | Button.displayName = "Button"
56 | 
57 | export { Button, buttonVariants }
58 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('tailwindcss').Config} */
 2 | module.exports = {
 3 |     darkMode: ["class"],
 4 |     content: [
 5 |     "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
 6 |     "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
 7 |     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
 8 |   ],
 9 |   theme: {
10 |   	extend: {
11 |   		backgroundImage: {
12 |   			'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
13 |   			'gradient-conic': 'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))'
14 |   		},
15 |   		borderRadius: {
16 |   			lg: 'var(--radius)',
17 |   			md: 'calc(var(--radius) - 2px)',
18 |   			sm: 'calc(var(--radius) - 4px)'
19 |   		},
20 |   		colors: {
21 |   			background: 'hsl(var(--background))',
22 |   			foreground: 'hsl(var(--foreground))',
23 |   			card: {
24 |   				DEFAULT: 'hsl(var(--card))',
25 |   				foreground: 'hsl(var(--card-foreground))'
26 |   			},
27 |   			popover: {
28 |   				DEFAULT: 'hsl(var(--popover))',
29 |   				foreground: 'hsl(var(--popover-foreground))'
30 |   			},
31 |   			primary: {
32 |   				DEFAULT: 'hsl(var(--primary))',
33 |   				foreground: 'hsl(var(--primary-foreground))'
34 |   			},
35 |   			secondary: {
36 |   				DEFAULT: 'hsl(var(--secondary))',
37 |   				foreground: 'hsl(var(--secondary-foreground))'
38 |   			},
39 |   			muted: {
40 |   				DEFAULT: 'hsl(var(--muted))',
41 |   				foreground: 'hsl(var(--muted-foreground))'
42 |   			},
43 |   			accent: {
44 |   				DEFAULT: 'hsl(var(--accent))',
45 |   				foreground: 'hsl(var(--accent-foreground))'
46 |   			},
47 |   			destructive: {
48 |   				DEFAULT: 'hsl(var(--destructive))',
49 |   				foreground: 'hsl(var(--destructive-foreground))'
50 |   			},
51 |   			border: 'hsl(var(--border))',
52 |   			input: 'hsl(var(--input))',
53 |   			ring: 'hsl(var(--ring))',
54 |   			chart: {
55 |   				'1': 'hsl(var(--chart-1))',
56 |   				'2': 'hsl(var(--chart-2))',
57 |   				'3': 'hsl(var(--chart-3))',
58 |   				'4': 'hsl(var(--chart-4))',
59 |   				'5': 'hsl(var(--chart-5))'
60 |   			}
61 |   		}
62 |   	}
63 |   },
64 |   plugins: [require("tailwindcss-animate")],
65 | };
66 | 


--------------------------------------------------------------------------------
/src/components/ui/card.tsx:
--------------------------------------------------------------------------------
 1 | import * as React from "react"
 2 | 
 3 | import { cn } from "@/lib/utils"
 4 | 
 5 | const Card = React.forwardRef<
 6 |   HTMLDivElement,
 7 |   React.HTMLAttributes<HTMLDivElement>
 8 | >(({ className, ...props }, ref) => (
 9 |   <div
10 |     ref={ref}
11 |     className={cn(
12 |       "rounded-xl border bg-card text-card-foreground shadow",
13 |       className
14 |     )}
15 |     {...props}
16 |   />
17 | ))
18 | Card.displayName = "Card"
19 | 
20 | const CardHeader = React.forwardRef<
21 |   HTMLDivElement,
22 |   React.HTMLAttributes<HTMLDivElement>
23 | >(({ className, ...props }, ref) => (
24 |   <div
25 |     ref={ref}
26 |     className={cn("flex flex-col space-y-1.5 p-6", className)}
27 |     {...props}
28 |   />
29 | ))
30 | CardHeader.displayName = "CardHeader"
31 | 
32 | const CardTitle = React.forwardRef<
33 |   HTMLParagraphElement,
34 |   React.HTMLAttributes<HTMLHeadingElement>
35 | >(({ className, ...props }, ref) => (
36 |   <h3
37 |     ref={ref}
38 |     className={cn("font-semibold leading-none tracking-tight", className)}
39 |     {...props}
40 |   />
41 | ))
42 | CardTitle.displayName = "CardTitle"
43 | 
44 | const CardDescription = React.forwardRef<
45 |   HTMLParagraphElement,
46 |   React.HTMLAttributes<HTMLParagraphElement>
47 | >(({ className, ...props }, ref) => (
48 |   <p
49 |     ref={ref}
50 |     className={cn("text-sm text-muted-foreground", className)}
51 |     {...props}
52 |   />
53 | ))
54 | CardDescription.displayName = "CardDescription"
55 | 
56 | const CardContent = React.forwardRef<
57 |   HTMLDivElement,
58 |   React.HTMLAttributes<HTMLDivElement>
59 | >(({ className, ...props }, ref) => (
60 |   <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
61 | ))
62 | CardContent.displayName = "CardContent"
63 | 
64 | const CardFooter = React.forwardRef<
65 |   HTMLDivElement,
66 |   React.HTMLAttributes<HTMLDivElement>
67 | >(({ className, ...props }, ref) => (
68 |   <div
69 |     ref={ref}
70 |     className={cn("flex items-center p-6 pt-0", className)}
71 |     {...props}
72 |   />
73 | ))
74 | CardFooter.displayName = "CardFooter"
75 | 
76 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }
77 | 


--------------------------------------------------------------------------------
/src/app/privacy-policy/page.tsx:
--------------------------------------------------------------------------------
 1 | export default function PrivacyPolicy() {
 2 |   return (
 3 |     <div className="container mx-auto px-4 py-8">
 4 |       <h1 className="text-3xl font-bold mb-6">Privacy Policy</h1>
 5 |       <p className="mb-4">Last updated: [Current Date]</p>
 6 |       <p className="mb-4">
 7 |         Dandi Github Analyzer (&ldquo;we&rdquo;, &ldquo;our&rdquo;, or &ldquo;us&rdquo;) is committed to protecting your privacy. This Privacy Policy explains how we collect, use, and share information about you when you use our website and services.
 8 |       </p>
 9 |       <h2 className="text-2xl font-semibold mt-6 mb-4">Information We Collect</h2>
10 |       <p className="mb-4">
11 |         We collect information you provide directly to us, such as when you create an account, use our services, or communicate with us. This may include your name, email address, and GitHub account information.
12 |       </p>
13 |       <h2 className="text-2xl font-semibold mt-6 mb-4">How We Use Your Information</h2>
14 |       <p className="mb-4">
15 |         We use the information we collect to provide, maintain, and improve our services, to communicate with you, and to comply with legal obligations.
16 |       </p>
17 |       <h2 className="text-2xl font-semibold mt-6 mb-4">Data Sharing and Disclosure</h2>
18 |       <p className="mb-4">
19 |         We do not sell your personal information. We may share your information with third-party service providers who perform services on our behalf, or when required by law.
20 |       </p>
21 |       <h2 className="text-2xl font-semibold mt-6 mb-4">Your Rights and Choices</h2>
22 |       <p className="mb-4">
23 |         You have the right to access, correct, or delete your personal information. You can manage your information through your account settings or by contacting us.
24 |       </p>
25 |       <h2 className="text-2xl font-semibold mt-6 mb-4">Changes to This Policy</h2>
26 |       <p className="mb-4">
27 |         We may update this Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
28 |       </p>
29 |       <h2 className="text-2xl font-semibold mt-6 mb-4">Contact Us</h2>
30 |       <p className="mb-4">
31 |         If you have any questions about this Privacy Policy, please contact us at [Your Contact Email].
32 |       </p>
33 |     </div>
34 |   );
35 | }


--------------------------------------------------------------------------------
/src/app/api/api-keys/[id]/route.ts:
--------------------------------------------------------------------------------
 1 | import { NextResponse } from 'next/server';
 2 | import { getSessionUser } from '@/app/lib/auth';
 3 | import { supabase } from '@/app/lib/supabaseClient';
 4 | 
 5 | export async function GET(request: Request, { params }: { params: { id: string } }) {
 6 |   const user = await getSessionUser();
 7 |   if (!user) {
 8 |     return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
 9 |   }
10 | 
11 |   const { data, error } = await supabase
12 |     .from('api_keys')
13 |     .select('*')
14 |     .eq('id', params.id)
15 |     .eq('user_id', user.id)
16 |     .single();
17 | 
18 |   if (error) {
19 |     console.error('Error fetching API key:', error);
20 |     return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
21 |   }
22 | 
23 |   if (!data) {
24 |     return NextResponse.json({ error: 'API Key not found' }, { status: 404 });
25 |   }
26 | 
27 |   return NextResponse.json(data);
28 | }
29 | 
30 | export async function PUT(request: Request, { params }: { params: { id: string } }) {
31 |   const user = await getSessionUser();
32 |   if (!user) {
33 |     return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
34 |   }
35 | 
36 |   const { name } = await request.json();
37 | 
38 |   const { data, error } = await supabase
39 |     .from('api_keys')
40 |     .update({ name })
41 |     .eq('id', params.id)
42 |     .eq('user_id', user.id)
43 |     .select();
44 | 
45 |   if (error) {
46 |     console.error('Error updating API key:', error);
47 |     return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
48 |   }
49 | 
50 |   if (data.length === 0) {
51 |     return NextResponse.json({ error: 'API Key not found' }, { status: 404 });
52 |   }
53 | 
54 |   return NextResponse.json(data[0]);
55 | }
56 | 
57 | export async function DELETE(request: Request, { params }: { params: { id: string } }) {
58 |   const user = await getSessionUser();
59 |   if (!user) {
60 |     return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
61 |   }
62 | 
63 |   const { error } = await supabase
64 |     .from('api_keys')
65 |     .delete()
66 |     .eq('id', params.id)
67 |     .eq('user_id', user.id);
68 | 
69 |   if (error) {
70 |     console.error('Error deleting API key:', error);
71 |     return NextResponse.json({ error: 'Internal Server Error' }, { status: 500 });
72 |   }
73 | 
74 |   return NextResponse.json({ message: 'API Key deleted successfully' });
75 | }


--------------------------------------------------------------------------------
/src/app/components/CreateApiKeyModal.js:
--------------------------------------------------------------------------------
 1 | import { useState } from 'react';
 2 | 
 3 | export default function CreateApiKeyModal({ isOpen, onClose, onCreate }) {
 4 |   const [newKeyName, setNewKeyName] = useState("");
 5 |   const [newKeyLimit, setNewKeyLimit] = useState(1000);
 6 | 
 7 |   const handleSubmit = (e) => {
 8 |     e.preventDefault();
 9 |     onCreate(newKeyName, newKeyLimit);
10 |     setNewKeyName("");
11 |     setNewKeyLimit(1000);
12 |   };
13 | 
14 |   if (!isOpen) return null;
15 | 
16 |   return (
17 |     <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center">
18 |       <div className="bg-white p-6 rounded-lg w-96">
19 |         <h3 className="text-lg font-semibold mb-4">Create a new API key</h3>
20 |         <p className="text-sm text-gray-600 mb-4">Enter a name and limit for the new API key.</p>
21 |         <form onSubmit={handleSubmit}>
22 |           <div className="mb-4">
23 |             <label htmlFor="keyName" className="block text-sm font-medium text-gray-700">Key Name</label>
24 |             <input
25 |               type="text"
26 |               id="keyName"
27 |               value={newKeyName}
28 |               onChange={(e) => setNewKeyName(e.target.value)}
29 |               className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
30 |               required
31 |             />
32 |           </div>
33 |           <div className="mb-4">
34 |             <label htmlFor="keyLimit" className="block text-sm font-medium text-gray-700">Key Limit</label>
35 |             <input
36 |               type="number"
37 |               id="keyLimit"
38 |               value={newKeyLimit}
39 |               onChange={(e) => setNewKeyLimit(parseInt(e.target.value, 10))}
40 |               className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50"
41 |               required
42 |               min="1"
43 |             />
44 |           </div>
45 |           <div className="flex justify-end">
46 |             <button
47 |               type="button"
48 |               onClick={onClose}
49 |               className="bg-gray-300 text-gray-800 px-4 py-2 rounded hover:bg-gray-400 mr-2"
50 |             >
51 |               Cancel
52 |             </button>
53 |             <button
54 |               type="submit"
55 |               className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
56 |             >
57 |               Create
58 |             </button>
59 |           </div>
60 |         </form>
61 |       </div>
62 |     </div>
63 |   );
64 | }


--------------------------------------------------------------------------------
/src/app/terms-of-service/page.tsx:
--------------------------------------------------------------------------------
 1 | export default function TermsOfService() {
 2 |   return (
 3 |     <div className="container mx-auto px-4 py-8">
 4 |       <h1 className="text-3xl font-bold mb-6">Terms of Service</h1>
 5 |       <p className="mb-4">Last updated: [Current Date]</p>
 6 |       <p className="mb-4">
 7 |         Please read these Terms of Service (&ldquo;Terms&rdquo;, &ldquo;Terms of Service&rdquo;) carefully before using the Dandi Github Analyzer website and service.
 8 |       </p>
 9 |       <h2 className="text-2xl font-semibold mt-6 mb-4">1. Agreement to Terms</h2>
10 |       <p className="mb-4">
11 |         By accessing or using our service, you agree to be bound by these Terms. If you disagree with any part of the terms, then you may not access the service.
12 |       </p>
13 |       <h2 className="text-2xl font-semibold mt-6 mb-4">2. Use of Service</h2>
14 |       <p className="mb-4">
15 |         You agree to use the service only for purposes that are permitted by these Terms and any applicable law, regulation, or generally accepted practices or guidelines in the relevant jurisdictions.
16 |       </p>
17 |       <h2 className="text-2xl font-semibold mt-6 mb-4">3. Intellectual Property</h2>
18 |       <p className="mb-4">
19 |         The service and its original content, features, and functionality are and will remain the exclusive property of Dandi Github Analyzer and its licensors.
20 |       </p>
21 |       <h2 className="text-2xl font-semibold mt-6 mb-4">4. Termination</h2>
22 |       <p className="mb-4">
23 |         We may terminate or suspend access to our service immediately, without prior notice or liability, for any reason whatsoever, including without limitation if you breach the Terms.
24 |       </p>
25 |       <h2 className="text-2xl font-semibold mt-6 mb-4">5. Limitation of Liability</h2>
26 |       <p className="mb-4">
27 |         In no event shall Dandi Github Analyzer, nor its directors, employees, partners, agents, suppliers, or affiliates, be liable for any indirect, incidental, special, consequential or punitive damages.
28 |       </p>
29 |       <h2 className="text-2xl font-semibold mt-6 mb-4">6. Changes</h2>
30 |       <p className="mb-4">
31 |         We reserve the right, at our sole discretion, to modify or replace these Terms at any time. By continuing to access or use our service after those revisions become effective, you agree to be bound by the revised terms.
32 |       </p>
33 |       <h2 className="text-2xl font-semibold mt-6 mb-4">Contact Us</h2>
34 |       <p className="mb-4">
35 |         If you have any questions about these Terms, please contact us at [Your Contact Email].
36 |       </p>
37 |     </div>
38 |   );
39 | }


--------------------------------------------------------------------------------
/src/app/components/ApiDemo.tsx:
--------------------------------------------------------------------------------
 1 | 'use client';
 2 | 
 3 | import { useState } from 'react';
 4 | import { useRouter } from 'next/navigation';
 5 | import { useSession } from 'next-auth/react';
 6 | import { Button } from "@/components/ui/button"
 7 | import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
 8 | import { Textarea } from "@/components/ui/textarea"
 9 | 
10 | export function ApiDemo() {
11 |   const [payload, setPayload] = useState(JSON.stringify({ githubUrl: "https://github.com/assafelovic/gpt-researcher" }, null, 2))
12 |   const [response, setResponse] = useState(JSON.stringify({
13 |     "summary": "GPT Researcher is an autonomous agent designed for comprehensive online research on various tasks. It aims to provide detailed, factual, and unbiased research reports by leveraging AI technology. The project addresses issues of misinformation, speed, determinism, and reliability in research tasks.",
14 |     "cool_facts": [
15 |       "The project leverages both `gpt-4o-mini` and `gpt-4o` (128K context) to complete research tasks, optimizing costs and achieving an average completion time of around 2 minutes at a cost of ~$0.005.",
16 |       "GPT Researcher offers the ability to generate long and detailed research reports (over 2K words) by aggregating over 20 web sources per research task to ensure objective and factual conclusions."
17 |     ],
18 |     "stars": 14076,
19 |     "latestVersion": "v3.0.8",
20 |     "websiteUrl": "https://gptr.dev",
21 |     "licenseType": "Apache-2.0"
22 |   }, null, 2))
23 |   const [isLoading, setIsLoading] = useState(false)
24 |   const router = useRouter();
25 |   const { data: session } = useSession();
26 | 
27 |   const handleSubmit = async () => {
28 |     if (session) {
29 |       router.push('/playground');
30 |     } else {
31 |       router.push('/api/auth/signin');
32 |     }
33 |   }
34 | 
35 |   return (
36 |     <div className="grid gap-6 lg:grid-cols-2 lg:gap-12">
37 |       <Card>
38 |         <CardHeader>
39 |           <CardTitle>API Request</CardTitle>
40 |           <CardDescription>Edit the payload and send a request</CardDescription>
41 |         </CardHeader>
42 |         <CardContent>
43 |           <Textarea
44 |             value={payload}
45 |             onChange={(e) => setPayload(e.target.value)}
46 |             className="min-h-[200px] font-mono"
47 |           />
48 |         </CardContent>
49 |         <CardFooter className="flex justify-between">
50 |           <Button onClick={handleSubmit} disabled={isLoading}>
51 |             {isLoading ? 'Sending...' : 'Try it out'}
52 |           </Button>
53 |           <Button variant="outline" onClick={() => window.open('#', '_blank')}>
54 |             Documentation
55 |           </Button>
56 |         </CardFooter>
57 |       </Card>
58 |       <Card>
59 |         <CardHeader>
60 |           <CardTitle>API Response</CardTitle>
61 |           <CardDescription>View the response from the API</CardDescription>
62 |         </CardHeader>
63 |         <CardContent>
64 |           <Textarea
65 |             value={response}
66 |             readOnly
67 |             className="min-h-[200px] font-mono"
68 |           />
69 |         </CardContent>
70 |       </Card>
71 |     </div>
72 |   )
73 | }


--------------------------------------------------------------------------------
/src/app/globals.css:
--------------------------------------------------------------------------------
  1 | @tailwind base;
  2 | @tailwind components;
  3 | @tailwind utilities;
  4 | 
  5 | :root {
  6 |   --foreground-rgb: 0, 0, 0;
  7 |   --background-start-rgb: 214, 219, 220;
  8 |   --background-end-rgb: 255, 255, 255;
  9 | }
 10 | 
 11 | @media (prefers-color-scheme: dark) {
 12 |   :root {
 13 |     --foreground-rgb: 255, 255, 255;
 14 |     --background-start-rgb: 0, 0, 0;
 15 |     --background-end-rgb: 0, 0, 0;
 16 |   }
 17 | }
 18 | 
 19 | @layer utilities {
 20 |   .text-balance {
 21 |     text-wrap: balance;
 22 |   }
 23 |   
 24 |   .container {
 25 |     @apply px-4 mx-auto;
 26 |     max-width: 100%;
 27 |   }
 28 |   
 29 |   @screen sm {
 30 |     .container {
 31 |       max-width: 640px;
 32 |     }
 33 |   }
 34 |   
 35 |   @screen md {
 36 |     .container {
 37 |       max-width: 768px;
 38 |     }
 39 |   }
 40 |   
 41 |   @screen lg {
 42 |     .container {
 43 |       max-width: 1024px;
 44 |     }
 45 |   }
 46 |   
 47 |   @screen xl {
 48 |     .container {
 49 |       max-width: 1280px;
 50 |     }
 51 |   }
 52 | }
 53 | 
 54 | @layer base {
 55 |   :root {
 56 |     --background: 0 0% 100%;
 57 |     --foreground: 240 10% 3.9%;
 58 |     --card: 0 0% 100%;
 59 |     --card-foreground: 240 10% 3.9%;
 60 |     --popover: 0 0% 100%;
 61 |     --popover-foreground: 240 10% 3.9%;
 62 |     --primary: 240 5.9% 10%;
 63 |     --primary-foreground: 0 0% 98%;
 64 |     --secondary: 240 4.8% 95.9%;
 65 |     --secondary-foreground: 240 5.9% 10%;
 66 |     --muted: 240 4.8% 95.9%;
 67 |     --muted-foreground: 240 3.8% 46.1%;
 68 |     --accent: 240 4.8% 95.9%;
 69 |     --accent-foreground: 240 5.9% 10%;
 70 |     --destructive: 0 84.2% 60.2%;
 71 |     --destructive-foreground: 0 0% 98%;
 72 |     --border: 240 5.9% 90%;
 73 |     --input: 240 5.9% 90%;
 74 |     --ring: 240 10% 3.9%;
 75 |     --chart-1: 12 76% 61%;
 76 |     --chart-2: 173 58% 39%;
 77 |     --chart-3: 197 37% 24%;
 78 |     --chart-4: 43 74% 66%;
 79 |     --chart-5: 27 87% 67%;
 80 |     --radius: 0.5rem;
 81 |   }
 82 |   .dark {
 83 |     --background: 240 10% 3.9%;
 84 |     --foreground: 0 0% 98%;
 85 |     --card: 240 10% 3.9%;
 86 |     --card-foreground: 0 0% 98%;
 87 |     --popover: 240 10% 3.9%;
 88 |     --popover-foreground: 0 0% 98%;
 89 |     --primary: 0 0% 98%;
 90 |     --primary-foreground: 240 5.9% 10%;
 91 |     --secondary: 240 3.7% 15.9%;
 92 |     --secondary-foreground: 0 0% 98%;
 93 |     --muted: 240 3.7% 15.9%;
 94 |     --muted-foreground: 240 5% 64.9%;
 95 |     --accent: 240 3.7% 15.9%;
 96 |     --accent-foreground: 0 0% 98%;
 97 |     --destructive: 0 62.8% 30.6%;
 98 |     --destructive-foreground: 0 0% 98%;
 99 |     --border: 240 3.7% 15.9%;
100 |     --input: 240 3.7% 15.9%;
101 |     --ring: 240 4.9% 83.9%;
102 |     --chart-1: 220 70% 50%;
103 |     --chart-2: 160 60% 45%;
104 |     --chart-3: 30 80% 55%;
105 |     --chart-4: 280 65% 60%;
106 |     --chart-5: 340 75% 55%;
107 |   }
108 | }
109 | 
110 | @layer base {
111 |   * {
112 |     @apply border-border;
113 |   }
114 |   body {
115 |     @apply bg-background text-foreground;
116 |   }
117 | }
118 | 
119 | /* Responsive typography */
120 | html {
121 |   font-size: 14px;
122 | }
123 | 
124 | @screen md {
125 |   html {
126 |     font-size: 16px;
127 |   }
128 | }
129 | 


--------------------------------------------------------------------------------
/src/app/components/ApiKeysTable.js:
--------------------------------------------------------------------------------
 1 | import { useState } from 'react';
 2 | 
 3 | export default function ApiKeysTable({ apiKeys, onEdit, onDelete, onCopy, showNotification }) {
 4 |   const [visibleKeys, setVisibleKeys] = useState({});
 5 | 
 6 |   const toggleKeyVisibility = (id) => {
 7 |     setVisibleKeys(prev => ({ ...prev, [id]: !prev[id] }));
 8 |   };
 9 | 
10 |   return (
11 |     <table className="w-full">
12 |       <thead>
13 |         <tr className="text-left text-sm text-gray-500 border-b">
14 |           <th className="pb-2">NAME</th>
15 |           <th className="pb-2">USAGE</th>
16 |           <th className="pb-2">KEY</th>
17 |           <th className="pb-2">OPTIONS</th>
18 |         </tr>
19 |       </thead>
20 |       <tbody>
21 |         {apiKeys.map((key) => (
22 |           <tr key={key.id} className="border-b">
23 |             <td className="py-3">{key.name}</td>
24 |             <td className="py-3">{key.usage}</td>
25 |             <td className="py-3">
26 |               {visibleKeys[key.id] ? key.value : `${key.value.slice(0, 8)}${'*'.repeat(key.value.length - 8)}`}
27 |             </td>
28 |             <td className="py-3">
29 |               <button 
30 |                 onClick={() => toggleKeyVisibility(key.id)}
31 |                 className="mr-2 text-gray-600 hover:text-gray-900"
32 |               >
33 |                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
34 |                   <path strokeLinecap="round" strokeLinejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" />
35 |                   <path strokeLinecap="round" strokeLinejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
36 |                 </svg>
37 |               </button>
38 |               <button 
39 |                 onClick={() => onCopy(key.value)}
40 |                 className="mr-2 text-gray-600 hover:text-gray-900"
41 |               >
42 |                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
43 |                   <path strokeLinecap="round" strokeLinejoin="round" d="M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184" />
44 |                 </svg>
45 |               </button>
46 |               <button
47 |                 onClick={() => onEdit(key)}
48 |                 className="mr-2 text-gray-600 hover:text-gray-900"
49 |               >
50 |                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
51 |                   <path strokeLinecap="round" strokeLinejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
52 |                 </svg>
53 |               </button>
54 |               <button
55 |                 onClick={() => onDelete(key.id)}
56 |                 className="text-gray-600 hover:text-gray-900"
57 |               >
58 |                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" strokeWidth={1.5} stroke="currentColor" className="w-5 h-5">
59 |                   <path strokeLinecap="round" strokeLinejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
60 |                 </svg>
61 |               </button>
62 |             </td>
63 |           </tr>
64 |         ))}
65 |       </tbody>
66 |     </table>
67 |   );
68 | }


--------------------------------------------------------------------------------
/src/app/playground/page.tsx:
--------------------------------------------------------------------------------
  1 | 'use client';
  2 | 
  3 | import { useState } from 'react';
  4 | import { useRouter } from 'next/navigation';
  5 | import Notification from '../components/Notification';
  6 | import Sidebar from '../components/Sidebar';
  7 | 
  8 | const Playground = () => {
  9 |   const [apiKey, setApiKey] = useState('');
 10 |   const [githubUrl, setGithubUrl] = useState('');
 11 |   const [response, setResponse] = useState<any>(null);
 12 |   const [notification, setNotification] = useState<{ message: string; type: 'success' | 'error' } | null>(null);
 13 |   const [isLoading, setIsLoading] = useState(false);
 14 |   const router = useRouter();
 15 | 
 16 |   const handleSubmit = async (e: React.FormEvent) => {
 17 |     e.preventDefault();
 18 |     setIsLoading(true);
 19 |     setResponse(null);
 20 | 
 21 |     try {
 22 |       const response = await fetch('/api/github-summarizer', {
 23 |         method: 'POST',
 24 |         headers: {
 25 |           'Content-Type': 'application/json',
 26 |           'x-api-key': apiKey,
 27 |         },
 28 |         body: JSON.stringify({ githubUrl: githubUrl }),
 29 |       });
 30 | 
 31 |       const data = await response.json();
 32 | 
 33 |       if (response.ok) {
 34 |         setResponse(data);
 35 |         setNotification({ message: 'Successfully fetched response', type: 'success' });
 36 |       } else {
 37 |         setResponse(data);
 38 |         setNotification({ message: data.error || 'An error occurred', type: 'error' });
 39 |       }
 40 |     } catch (error) {
 41 |       setNotification({ message: 'An error occurred', type: 'error' });
 42 |     } finally {
 43 |       setIsLoading(false);
 44 |     }
 45 |   };
 46 | 
 47 |   return (
 48 |     <div className="flex min-h-screen">
 49 |       <div className="w-64 flex-shrink-0">
 50 |         <Sidebar />
 51 |       </div>
 52 |       <div className="flex-grow p-10 overflow-y-auto">
 53 |         <div className="max-w-4xl mx-auto">
 54 |           <h1 className="text-2xl font-bold mb-4">API Playground</h1>
 55 |           <form onSubmit={handleSubmit} className="max-w-md space-y-4">
 56 |             <div>
 57 |               <label htmlFor="apiKey" className="block text-sm font-medium text-gray-700">
 58 |                 API Key
 59 |               </label>
 60 |               <input
 61 |                 type="text"
 62 |                 id="apiKey"
 63 |                 value={apiKey}
 64 |                 onChange={(e) => setApiKey(e.target.value)}
 65 |                 className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
 66 |                 required
 67 |               />
 68 |             </div>
 69 |             <div>
 70 |               <label htmlFor="githubUrl" className="block text-sm font-medium text-gray-700">
 71 |                 GitHub URL
 72 |               </label>
 73 |               <input
 74 |                 type="url"
 75 |                 id="githubUrl"
 76 |                 value={githubUrl}
 77 |                 onChange={(e) => setGithubUrl(e.target.value)}
 78 |                 className="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
 79 |                 required
 80 |               />
 81 |             </div>
 82 |             <button
 83 |               type="submit"
 84 |               className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
 85 |               disabled={isLoading}
 86 |             >
 87 |               {isLoading ? 'Loading...' : 'Submit'}
 88 |             </button>
 89 |           </form>
 90 |           {notification && (
 91 |             <Notification
 92 |               message={notification.message}
 93 |               type={notification.type}
 94 |               onClose={() => setNotification(null)}
 95 |             />
 96 |           )}
 97 |           {response && (
 98 |             <div className="mt-8">
 99 |               <h2 className="text-xl font-semibold mb-2">Response</h2>
100 |               <pre className="bg-gray-100 p-4 rounded-md whitespace-pre-wrap overflow-x-auto">
101 |                 {JSON.stringify(response, null, 2)}
102 |               </pre>
103 |             </div>
104 |           )}
105 |         </div>
106 |       </div>
107 |     </div>
108 |   );
109 | };
110 | 
111 | export default Playground;


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # 🌻 Dandi API - Boilerplate for AI Micro SaaS Applications
  2 | 
  3 | **🤯 🤯 This repo was buikt with ENGLISH as the programming language with Cursor IDE and v0.🤯**
  4 | 
  5 | 
  6 | ![Logo](https://github.com/emarco177/dandi/blob/main/public/demo.gif)
  7 | 
  8 | Dandi API is a comprehensive boilerplate repository for building AI-powered micro SaaS applications. It provides a solid foundation with essential components and functionalities needed to run an end-to-end micro SaaS application.
  9 | 
 10 | The service itself offers powerful insights, summaries, and analytics for open source GitHub repositories.
 11 | 
 12 | **🌐 Live Application: [https://www.dandi.cloud/](https://www.dandi.cloud/)**
 13 | 
 14 | 
 15 | 
 16 | ## 🚀 Key Features
 17 | 
 18 | - **Complete Micro SaaS Structure**: Implements all necessary components for a fully functional AI micro SaaS application.
 19 | - **API Key Management**: Built-in system for handling API keys, UI heavily inspired by [Tavily](https://www.tavily.com/).
 20 | - **Rate Limiting**: Integrated rate limiting for API protection.
 21 | - **SSO Login**: Implemented Single Sign-On functionality.
 22 | - **AI Integration**: Leverages LangChain JS for AI capabilities.
 23 | 
 24 | ## 🛠️ Built with Cursor IDE and v0
 25 | 
 26 | This entire project was developed using [Cursor IDE](https://cursor.com/), primarily through prompting with Cursor Composer and [v0](https://v0.dev/) . As a developer without frontend or full-stack experience, this project demonstrates the power of AI-assisted development.
 27 | 
 28 | **ENGLISH IS THE NEW PROGRAMMING LANGUAGE.**
 29 | [![udemy](https://img.shields.io/badge/Cursor%20Udemy%20Course-%20Coupon%20%2412.99-brightgreen)](https://www.udemy.com/course/cursor-ai-ide/?couponCode=BLACK-FRIDAY-2024)
 30 | 
 31 | ## 🧰 Tech Stack (TBH, Cursor did it all for me)
 32 | 
 33 | - **Frontend**: React, Next.js 13 (App Router), Tailwind CSS
 34 | - **Backend**: Node.js, Next.js API Routes
 35 | - **Database**: Supabase (PostgreSQL)
 36 | - **Authentication**: NextAuth.js
 37 | - **UI Components**: Shadcn UI, Radix UI
 38 | - **API**: RESTful API with rate limiting and API key authentication
 39 | - **AI**: LangChain JS 🦜🔗
 40 | - **Deployment**: Vercel 
 41 | 
 42 | 
 43 | 
 44 | ## 🚀 Getting Started
 45 | 
 46 | To run this project locally, follow these steps:
 47 | 
 48 | 1. Clone the repository:
 49 |    ```
 50 |    git clone https://github.com/emarco177/dandi.git
 51 |    cd dandi
 52 |    ```
 53 | 
 54 | 2. Install dependencies:
 55 |    ```
 56 |    yarn install
 57 |    ```
 58 | 
 59 | 3. Set up environment variables:
 60 |    Create a `.env.local` file in the root directory and add the necessary environment variables (refer to the Environment Variables section below).
 61 | 
 62 | 4. Run the development server:
 63 |    ```
 64 |    yarn dev
 65 |    ```
 66 | 
 67 | 5. Open [http://localhost:3000](http://localhost:3000) in your browser to see the application.
 68 | 
 69 | ## 🔐 Environment Variables
 70 | 
 71 | Create a `.env.local` file in the root directory with the following variables:
 72 | 
 73 | ```
 74 | DB_URL=
 75 | DB_NAME=
 76 | DB_USER=
 77 | DB_PASSWORD=
 78 | GOOGLE_CLIENT_ID=
 79 | GOOGLE_CLIENT_SECRET=
 80 | NEXTAUTH_SECRET=
 81 | NEXTAUTH_URL=
 82 | NEXT_PUBLIC_SUPABASE_URL=
 83 | NEXT_PUBLIC_SUPABASE_ANON_KEY=
 84 | ```
 85 | 
 86 | Note: Keep your `.env.local` file secure and never commit it to version control.
 87 | 
 88 | ## 🏗️ Build and Production
 89 | 
 90 | To build the project for production:
 91 | 
 92 | ```
 93 | yarn build
 94 | ```
 95 | 
 96 | To run the production build locally:
 97 | 
 98 | ```
 99 | yarn start
100 | ```
101 | 
102 | ## 📚 See How to Build This Project with Cursor and v0
103 | 
104 | For a detailed video tutorial on how to build this micro SaaS application from scratch with cursor and v0, check out my Udemy course:
105 | 
106 | [Cursor AI: Full Stack development with AI powered CoPilot](https://www.udemy.com/course/cursor-ai-ide/?couponCode=MAY-2025)
107 | 
108 | 🚀 From Backend to Full-Stack with Cursor IDE and v0 Magic!
109 | 
110 | In this course, I will show you how to build this entire app rapidly using AI:
111 | - 🖥️ Most of Cursor IDE & v0 by Vercel
112 | - 🧠 AI-Driven Development Workflows
113 | - 🛠️ Building a Complete AI Micro SaaS (LangChain JS)
114 | - 💡 Prompting Techniques for Coding and working with AI 
115 | - 💡 Cursor Copilot best practices (at least for me)
116 | 
117 | 
118 | 
119 | ## 🤝 Contributing
120 | 
121 | Contributions are welcome! Please feel free to submit a Pull Request.
122 | 
123 | ## 📄 License
124 | 
125 | This project is licensed under the Apache-2.0 license.
126 | 
127 | ## 🔗 Links
128 | [![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://www.udemy.com/course/langchain/?referralCode=D981B8213164A3EA91AC)
129 | [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/eden-marco/)
130 | [![twitter](https://img.shields.io/badge/twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://www.udemy.com/user/eden-marco/)
131 | 


--------------------------------------------------------------------------------
/src/app/components/Sidebar.js:
--------------------------------------------------------------------------------
  1 | 'use client';
  2 | 
  3 | import Link from 'next/link';
  4 | import Image from 'next/image';
  5 | import { usePathname } from 'next/navigation';
  6 | import { useState } from 'react';
  7 | import { useSession, signOut } from 'next-auth/react';
  8 | 
  9 | const Sidebar = () => {
 10 |   const pathname = usePathname();
 11 |   const [isOpen, setIsOpen] = useState(true);
 12 |   const { data: session } = useSession();
 13 | 
 14 |   const isActive = (path) => pathname === path;
 15 | 
 16 |   const handleLogout = async () => {
 17 |     await signOut({ callbackUrl: '/' });
 18 |   };
 19 | 
 20 |   return (
 21 |     <>
 22 |       <div className={`fixed top-0 left-0 h-screen bg-white shadow-lg transition-all duration-300 ${isOpen ? 'w-64' : 'w-0'} overflow-hidden flex flex-col`}>
 23 |         <div className="p-6">
 24 |           <h1 className="text-2xl font-bold">Dandi AI</h1>
 25 |         </div>
 26 |         <nav className="mt-6 flex-grow">
 27 |           <Link href="/dashboards" className={`flex items-center px-6 py-3 ${isActive('/dashboards') ? 'bg-purple-100 text-purple-600' : 'text-gray-600 hover:bg-gray-100'}`}>
 28 |             <svg className="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 29 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
 30 |             </svg>
 31 |             Overview
 32 |           </Link>
 33 |           {/* <Link href="/research-assistant" className={`flex items-center px-6 py-3 ${isActive('/research-assistant') ? 'bg-purple-100 text-purple-600' : 'text-gray-600 hover:bg-gray-100'}`}>
 34 |             <svg className="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 35 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path>
 36 |             </svg>
 37 |             Research Assistant
 38 |           </Link> */}
 39 |           {/* <Link href="/research-reports" className={`flex items-center px-6 py-3 ${isActive('/research-reports') ? 'bg-purple-100 text-purple-600' : 'text-gray-600 hover:bg-gray-100'}`}>
 40 |             <svg className="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 41 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
 42 |             </svg>
 43 |             Research Reports
 44 |           </Link> */}
 45 |           <Link href="/playground" className={`flex items-center px-6 py-3 ${isActive('/playground') ? 'bg-purple-100 text-purple-600' : 'text-gray-600 hover:bg-gray-100'}`}>
 46 |             <svg className="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 47 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path>
 48 |             </svg>
 49 |             API Playground
 50 |           </Link>
 51 |           <Link href="/invoices" className={`flex items-center px-6 py-3 ${isActive('/invoices') ? 'bg-purple-100 text-purple-600' : 'text-gray-600 hover:bg-gray-100'}`}>
 52 |             <svg className="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 53 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path>
 54 |             </svg>
 55 |             Invoices
 56 |           </Link>
 57 |           <Link href="/documentation" className={`flex items-center px-6 py-3 ${isActive('/documentation') ? 'bg-purple-100 text-purple-600' : 'text-gray-600 hover:bg-gray-100'}`}>
 58 |             <svg className="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
 59 |               <path strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path>
 60 |             </svg>
 61 |             Documentation
 62 |           </Link>
 63 |         </nav>
 64 |         {session?.user && (
 65 |           <div className="p-4 border-t border-gray-200">
 66 |             <div className="flex items-center mb-4">
 67 |               {session.user.image ? (
 68 |                 <Image
 69 |                   src={session.user.image}
 70 |                   alt="Profile"
 71 |                   width={40}
 72 |                   height={40}
 73 |                   className="rounded-full mr-3"
 74 |                 />
 75 |               ) : (
 76 |                 <div className="w-10 h-10 bg-gray-300 rounded-full mr-3 flex items-center justify-center">
 77 |                   <span className="text-gray-600 text-xl">
 78 |                     {session.user.name?.charAt(0) || session.user.email?.charAt(0)}
 79 |                   </span>
 80 |                 </div>
 81 |               )}
 82 |               <div>
 83 |                 <p className="font-semibold text-sm">{session.user.name}</p>
 84 |                 <p className="text-xs text-gray-500">{session.user.email}</p>
 85 |               </div>
 86 |             </div>
 87 |             <button
 88 |               onClick={handleLogout}
 89 |               className="w-full py-2 px-4 bg-red-500 text-white rounded-md hover:bg-red-600 transition-colors duration-300"
 90 |             >
 91 |               Logout
 92 |             </button>
 93 |           </div>
 94 |         )}
 95 |       </div>
 96 |       <button
 97 |         onClick={() => setIsOpen(!isOpen)}
 98 |         className={`fixed top-4 left-4 z-50 p-2 rounded-full bg-purple-500 text-white transition-all duration-300 ${isOpen ? 'left-64' : 'left-4'}`}
 99 |       >
100 |         {isOpen ? (
101 |           <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
102 |             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
103 |           </svg>
104 |         ) : (
105 |           <svg xmlns="http://www.w3.org/2000/svg" className="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
106 |             <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
107 |           </svg>
108 |         )}
109 |       </button>
110 |     </>
111 |   );
112 | };
113 | 
114 | export default Sidebar;
115 | 


--------------------------------------------------------------------------------
/src/app/dashboards/page.js:
--------------------------------------------------------------------------------
  1 | "use client";
  2 | 
  3 | import { useState, useEffect } from "react";
  4 | import { useSession } from "next-auth/react";
  5 | import Notification from '../components/Notification';
  6 | import Sidebar from '../components/Sidebar';
  7 | import ApiKeysTable from '../components/ApiKeysTable';
  8 | import CreateApiKeyModal from '../components/CreateApiKeyModal';
  9 | import EditApiKeyModal from '../components/EditApiKeyModal';
 10 | import Link from 'next/link';
 11 | 
 12 | export default function Dashboard() {
 13 |   const [apiKeys, setApiKeys] = useState([]);
 14 |   const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
 15 |   const [editingKey, setEditingKey] = useState(null);
 16 |   const [notification, setNotification] = useState(null);
 17 |   const { data: session } = useSession();
 18 | 
 19 |   useEffect(() => {
 20 |     if (session) {
 21 |       fetchApiKeysData();
 22 |     }
 23 |   }, [session]);
 24 | 
 25 |   const fetchApiKeysData = async () => {
 26 |     try {
 27 |       const response = await fetch('/api/api-keys', {
 28 |         headers: {
 29 |           'Authorization': `Bearer ${session.accessToken}`
 30 |         }
 31 |       });
 32 |       if (!response.ok) throw new Error('Failed to fetch API keys');
 33 |       const data = await response.json();
 34 |       setApiKeys(data);
 35 |     } catch (error) {
 36 |       showNotification('Failed to fetch API keys', 'error');
 37 |     }
 38 |   };
 39 | 
 40 |   const showNotification = (message, type = 'success') => {
 41 |     setNotification({ message, type });
 42 |   };
 43 | 
 44 |   const handleCreateApiKey = async (name, limit) => {
 45 |     try {
 46 |       const response = await fetch('/api/api-keys', {
 47 |         method: 'POST',
 48 |         headers: {
 49 |           'Content-Type': 'application/json',
 50 |           'Authorization': `Bearer ${session.accessToken}`
 51 |         },
 52 |         body: JSON.stringify({ name, limit })
 53 |       });
 54 |       if (!response.ok) throw new Error('Failed to create API key');
 55 |       const newKey = await response.json();
 56 |       setApiKeys([...apiKeys, newKey]);
 57 |       setIsCreateModalOpen(false);
 58 |       showNotification('API key created successfully');
 59 |     } catch (error) {
 60 |       showNotification('Failed to create API key', 'error');
 61 |     }
 62 |   };
 63 | 
 64 |   const handleUpdateApiKey = async (updatedKey) => {
 65 |     try {
 66 |       const response = await fetch(`/api/api-keys/${updatedKey.id}`, {
 67 |         method: 'PUT',
 68 |         headers: {
 69 |           'Content-Type': 'application/json',
 70 |           'Authorization': `Bearer ${session.accessToken}`
 71 |         },
 72 |         body: JSON.stringify({ name: updatedKey.name })
 73 |       });
 74 |       if (!response.ok) throw new Error('Failed to update API key');
 75 |       const updated = await response.json();
 76 |       const updatedKeys = apiKeys.map(key => 
 77 |         key.id === updated.id ? updated : key
 78 |       );
 79 |       setApiKeys(updatedKeys);
 80 |       setEditingKey(null);
 81 |       showNotification('API key updated successfully');
 82 |     } catch (error) {
 83 |       showNotification('Failed to update API key', 'error');
 84 |     }
 85 |   };
 86 | 
 87 |   const handleDeleteApiKey = async (id) => {
 88 |     try {
 89 |       const response = await fetch(`/api/api-keys/${id}`, {
 90 |         method: 'DELETE',
 91 |         headers: {
 92 |           'Authorization': `Bearer ${session.accessToken}`
 93 |         }
 94 |       });
 95 |       if (!response.ok) throw new Error('Failed to delete API key');
 96 |       const updatedKeys = apiKeys.filter(key => key.id !== id);
 97 |       setApiKeys(updatedKeys);
 98 |       showNotification('API key deleted successfully');
 99 |     } catch (error) {
100 |       showNotification('Failed to delete API key', 'error');
101 |     }
102 |   };
103 | 
104 |   const copyToClipboard = async (text) => {
105 |     try {
106 |       await navigator.clipboard.writeText(text);
107 |       showNotification('Copied API Key to clipboard');
108 |     } catch (err) {
109 |       showNotification('Failed to copy API key. Please try again.', 'error');
110 |     }
111 |   };
112 | 
113 |   return (
114 |     <div className="flex flex-col md:flex-row min-h-screen">
115 |       <Sidebar className="w-full md:w-64 md:fixed md:h-screen" />
116 |       <div className="w-full md:ml-64 p-4 md:p-8 flex-grow">
117 |         <div className="max-w-6xl mx-auto space-y-6">
118 |           {notification && (
119 |             <Notification
120 |               message={notification.message}
121 |               type={notification.type}
122 |               onClose={() => setNotification(null)}
123 |             />
124 |           )}
125 |           
126 |           <h1 className="text-2xl md:text-3xl font-bold">Overview</h1>
127 |           
128 |           {/* Current Plan */}
129 |           <div className="p-4 md:p-6 rounded-lg bg-gradient-to-r from-purple-500 via-pink-500 to-orange-500 text-white">
130 |             <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-4">
131 |               <span className="text-sm font-medium mb-2 sm:mb-0">CURRENT PLAN</span>
132 |               <button className="bg-white bg-opacity-20 text-white text-sm px-3 py-1 rounded hover:bg-opacity-30 transition-colors">
133 |                 Manage Plan
134 |               </button>
135 |             </div>
136 |             <h2 className="text-2xl md:text-3xl font-bold mb-4">Dandi API</h2>
137 |             <div>
138 |               <span className="text-sm font-medium">API Limit</span>
139 |               <div className="w-full bg-white bg-opacity-20 rounded-full h-2 mt-2">
140 |                 <div className="bg-white h-2 rounded-full" style={{width: '2.4%'}}></div>
141 |               </div>
142 |               <span className="text-sm mt-1 inline-block">24 / 1,000 Requests</span>
143 |             </div>
144 |           </div>
145 | 
146 |           {/* API Keys */}
147 |           <div>
148 |             <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-4">
149 |               <h2 className="text-xl font-semibold mb-2 sm:mb-0">API Keys</h2>
150 |               <button
151 |                 onClick={() => setIsCreateModalOpen(true)}
152 |                 className="bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600 transition-colors w-full sm:w-auto"
153 |               >
154 |                 + Create New Key
155 |               </button>
156 |             </div>
157 |             <p className="text-sm text-gray-600 mb-4">
158 |               The key is used to authenticate your requests to the Research API. To learn more, see the documentation page.
159 |             </p>
160 |             <div className="overflow-x-auto bg-white shadow rounded-lg">
161 |               <ApiKeysTable 
162 |                 apiKeys={apiKeys}
163 |                 onEdit={setEditingKey}
164 |                 onDelete={handleDeleteApiKey}
165 |                 onCopy={copyToClipboard}
166 |                 showNotification={showNotification}
167 |               />
168 |             </div>
169 |           </div>
170 | 
171 |           <CreateApiKeyModal
172 |             isOpen={isCreateModalOpen}
173 |             onClose={() => setIsCreateModalOpen(false)}
174 |             onCreate={handleCreateApiKey}
175 |           />
176 | 
177 |           <EditApiKeyModal
178 |             apiKey={editingKey}
179 |             isOpen={!!editingKey}
180 |             onClose={() => setEditingKey(null)}
181 |             onUpdate={handleUpdateApiKey}
182 |           />
183 |         </div>
184 |       </div>
185 |     </div>
186 |   );
187 | }


--------------------------------------------------------------------------------
/src/app/page.tsx:
--------------------------------------------------------------------------------
  1 | import { Button } from "@/components/ui/button"
  2 | import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
  3 | import { Badge } from "@/components/ui/badge"
  4 | import { Check, Github, Star, GitPullRequest, Tags } from "lucide-react"
  5 | import Link from "next/link"
  6 | import SignInButton from "./components/SignInButton"
  7 | import { ApiDemo } from "./components/ApiDemo"
  8 | 
  9 | export default function LandingPage() {
 10 |   return (
 11 |     <div className="flex flex-col min-h-screen bg-gradient-to-b from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
 12 |       <header className="px-4 lg:px-6 h-16 flex items-center backdrop-blur-sm bg-white/30 dark:bg-gray-800/30 sticky top-0 z-50">
 13 |         <Link className="flex items-center justify-center" href="#">
 14 |           <Github className="h-6 w-6 mr-2" />
 15 |           <span className="font-bold">Dandi Github Analyzer</span>
 16 |         </Link>
 17 |         <nav className="ml-auto flex gap-4 sm:gap-6">
 18 |           <Link className="text-sm font-medium hover:underline underline-offset-4" href="#">
 19 |             Features
 20 |           </Link>
 21 |           <Link className="text-sm font-medium hover:underline underline-offset-4" href="#">
 22 |             Pricing
 23 |           </Link>
 24 |           <Link className="text-sm font-medium hover:underline underline-offset-4" href="#">
 25 |             About
 26 |           </Link>
 27 |         </nav>
 28 |         <div className="flex items-center gap-4 ml-4">
 29 |           <Button asChild variant="outline" size="sm">
 30 |             <Link href="/dashboards">Dashboards</Link>
 31 |           </Button>
 32 |           <SignInButton />
 33 |         </div>
 34 |       </header>
 35 |       <main className="flex-1">
 36 |         <section className="w-full py-12 md:py-24 lg:py-32 xl:py-48">
 37 |           <div className="container px-4 md:px-6">
 38 |             <div className="flex flex-col items-center space-y-4 text-center">
 39 |               <div className="space-y-2">
 40 |                 <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl md:text-6xl lg:text-7xl/none bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400">
 41 |                   Unlock GitHub Insights with Dandi
 42 |                 </h1>
 43 |                 <p className="mx-auto max-w-[700px] text-gray-500 md:text-xl dark:text-gray-400">
 44 |                   Get powerful insights, summaries, and analytics for open source GitHub repositories. Discover trends, track important updates, and stay ahead of the curve.
 45 |                 </p>
 46 |               </div>
 47 |               <div className="space-x-4">
 48 |                 <Button size="lg" className="bg-blue-500 hover:bg-blue-600 text-white">Get Started</Button>
 49 |                 <Button variant="outline" size="lg" className="border-blue-500 text-blue-500 hover:bg-blue-50 dark:hover:bg-gray-800">
 50 |                   Learn More
 51 |                 </Button>
 52 |               </div>
 53 |             </div>
 54 |           </div>
 55 |         </section>
 56 | 
 57 |         <section className="w-full py-12 md:py-24 lg:py-32 bg-white dark:bg-gray-800">
 58 |           <div className="container px-4 md:px-6">
 59 |             <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl text-center mb-12 bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400">Key Features</h2>
 60 |             <div className="grid gap-6 lg:grid-cols-3 lg:gap-12">
 61 |               <Card>
 62 |                 <CardHeader>
 63 |                   <Star className="w-8 h-8 mb-2" />
 64 |                   <CardTitle>Repository Insights</CardTitle>
 65 |                 </CardHeader>
 66 |                 <CardContent>
 67 |                   <p>Get comprehensive summaries and analytics for any GitHub repository.</p>
 68 |                 </CardContent>
 69 |               </Card>
 70 |               <Card>
 71 |                 <CardHeader>
 72 |                   <GitPullRequest className="w-8 h-8 mb-2" />
 73 |                   <CardTitle>Important PRs</CardTitle>
 74 |                 </CardHeader>
 75 |                 <CardContent>
 76 |                   <p>Track and analyze the most impactful pull requests in real-time.</p>
 77 |                 </CardContent>
 78 |               </Card>
 79 |               <Card>
 80 |                 <CardHeader>
 81 |                   <Tags className="w-8 h-8 mb-2" />
 82 |                   <CardTitle>Version Updates</CardTitle>
 83 |                 </CardHeader>
 84 |                 <CardContent>
 85 |                   <p>Stay informed about the latest version releases and changelogs.</p>
 86 |                 </CardContent>
 87 |               </Card>
 88 |             </div>
 89 |           </div>
 90 |         </section>
 91 |         <section className="w-full py-12 md:py-24 lg:py-32">
 92 |           <div className="container px-4 md:px-6">
 93 |             <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl text-center mb-12 bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400">Try It Out</h2>
 94 |             <ApiDemo />
 95 |           </div>
 96 |         </section>
 97 |         <section className="w-full py-12 md:py-24 lg:py-32 bg-gray-50 dark:bg-gray-900">
 98 |           <div className="container px-4 md:px-6">
 99 |             <h2 className="text-3xl font-bold tracking-tighter sm:text-5xl text-center mb-12 bg-clip-text text-transparent bg-gradient-to-r from-blue-500 to-teal-400">Pricing Plans</h2>
100 |             <div className="grid gap-6 lg:grid-cols-3 lg:gap-12">
101 |               <Card>
102 |                 <CardHeader>
103 |                   <CardTitle>Free</CardTitle>
104 |                   <CardDescription>For individual developers</CardDescription>
105 |                 </CardHeader>
106 |                 <CardContent>
107 |                   <p className="text-4xl font-bold">$0</p>
108 |                   <p className="text-sm text-gray-500 dark:text-gray-400">per month</p>
109 |                   <ul className="mt-4 space-y-2">
110 |                     <li className="flex items-center">
111 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
112 |                       Basic repository insights
113 |                     </li>
114 |                     <li className="flex items-center">
115 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
116 |                       Limited to 200 requests
117 |                     </li>
118 |                     <li className="flex items-center">
119 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
120 |                       Daily updates
121 |                     </li>
122 |                   </ul>
123 |                 </CardContent>
124 |                 <CardFooter>
125 |                   <Button className="w-full">Get Started</Button>
126 |                 </CardFooter>
127 |               </Card>
128 |               <Card className="relative">
129 |               <Badge className="absolute top-4 right-4" variant="secondary">Coming Soon</Badge>
130 |                 <CardHeader>
131 |                   <CardTitle>Pro</CardTitle>
132 |                   <CardDescription>For professional developers</CardDescription>
133 |                 </CardHeader>
134 |                 <CardContent>
135 |                   <p className="text-4xl font-bold">$19</p>
136 |                   <p className="text-sm text-gray-500 dark:text-gray-400">per month</p>
137 |                   <ul className="mt-4 space-y-2">
138 |                     <li className="flex items-center">
139 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
140 |                       Advanced repository insights
141 |                     </li>
142 |                     <li className="flex items-center">
143 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
144 |                       Unlimited repositories
145 |                     </li>
146 |                     <li className="flex items-center">
147 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
148 |                       Real-time updates
149 |                     </li>
150 |                   </ul>
151 |                 </CardContent>
152 |                 <CardFooter>
153 |                 <Button className="w-full" disabled>Coming Soon</Button>
154 |                 </CardFooter>
155 |               </Card>
156 |               <Card className="relative">
157 |               <Badge className="absolute top-4 right-4" variant="secondary">Coming Soon</Badge>
158 |                 <CardHeader>
159 |                   <CardTitle>Enterprise</CardTitle>
160 |                   <CardDescription>For large teams and organizations</CardDescription>
161 |                 </CardHeader>
162 |                 <CardContent>
163 |                   <p className="text-4xl font-bold">Custom</p>
164 |                   <p className="text-sm text-gray-500 dark:text-gray-400">contact for pricing</p>
165 |                   <ul className="mt-4 space-y-2">
166 |                     <li className="flex items-center">
167 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
168 |                       Custom integrations
169 |                     </li>
170 |                     <li className="flex items-center">
171 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
172 |                       Dedicated support
173 |                     </li>
174 |                     <li className="flex items-center">
175 |                       <Check className="w-5 h-5 mr-2 text-green-500" />
176 |                       Advanced analytics
177 |                     </li>
178 |                   </ul>
179 |                 </CardContent>
180 |                 <CardFooter>
181 |                 <Button className="w-full" disabled>Coming Soon</Button>
182 |                 </CardFooter>
183 |               </Card>
184 |             </div>
185 |           </div>
186 |         </section>
187 |       </main>
188 |       <footer className="flex flex-col gap-2 sm:flex-row py-6 w-full shrink-0 items-center px-4 md:px-6 border-t bg-white/50 dark:bg-gray-800/50 backdrop-blur-sm">
189 |         <p className="text-xs text-gray-500 dark:text-gray-400">© 2024 Dandi Github Analyzer. All rights reserved.</p>
190 |         <nav className="sm:ml-auto flex gap-4 sm:gap-6">
191 |           <Link className="text-xs hover:underline underline-offset-4" href="/privacy-policy">
192 |             Terms of Service
193 |           </Link>
194 |           <Link className="text-xs hover:underline underline-offset-4" href="/terms-of-service">
195 |             Privacy
196 |           </Link>
197 |         </nav>
198 |       </footer>
199 |     </div>
200 |   )
201 | }


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                                  Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "[]"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright [yyyy] [name of copyright owner]
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.


--------------------------------------------------------------------------------