[V0_FILE]typescriptreact:file="components/footer.tsx" isEdit="true" isMerged="true" import Link from "next/link" export function Footer() { return ( ) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import Link from "next/link" export default function HomePage() { return (

{/* Hero Section */}

Secure Key System

Welcome to{" "} Dark Hub{" "} Key System

Get secure access keys for premium Roblox scripts. Fast, reliable, and trusted by thousands of users.

{/* Features Section */}

Why Choose Dark Hub?

Fast, secure, and reliable key generation system

Secure & Safe All keys are generated with advanced encryption and expire after 24 hours for maximum security.

Lightning Fast Get your access key in seconds. Complete simple tasks and receive instant access to premium scripts.

Trusted Community Join thousands of satisfied users who trust Dark Hub for their Roblox scripting needs.

{/* CTA Section */}

Ready to Get Started?

Join our community and get access to premium Roblox scripts today.

) } [V0_FILE]typescriptreact:file="components/ui/badge.tsx" isMerged="true" import type * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const badgeVariants = cva( "inline-flex items-center rounded-full 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", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80", secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80", destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80", outline: "text-foreground", }, }, defaultVariants: { variant: "default", }, }, ) export interface BadgeProps extends React.HTMLAttributes, VariantProps {} function Badge({ className, variant, ...props }: BadgeProps) { return

} export { Badge, badgeVariants } [V0_FILE]typescriptreact:file="scripts/cleanup-keys.js" isMerged="true" // Maintenance script to clean up expired keys // This can be run periodically to keep the keys.json file clean import { cleanupExpiredKeys } from "../lib/key-utils.js" async function main() { console.log("Starting key cleanup...") try { await cleanupExpiredKeys() console.log("Key cleanup completed successfully") } catch (error) { console.error("Error during key cleanup:", error) process.exit(1) } } main() [V0_FILE]typescriptreact:file="app/script/page.tsx" isEdit="true" isMerged="true" "use client" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { Button } from "@/components/ui/button" import { CheckCircle, Download, ExternalLink } from "lucide-react" export default function ScriptPage() { return (

{/* Success Header */}

Dark Hub Script Access

Premium scripts are now available for everyone. No key required!

Free Access Available

{/* Script Download Section */}

Dark Hub Script Main script with all premium features

Copy and paste this into your executor:


                      loadstring(game:HttpGet("https://github.com/GalaxyPro02/Dark-Hub/blob/main/DarkHub"))()

Alternative Link Backup script link for reliability

Alternative script source:


                      loadstring(game:HttpGet("https://pastebin.com/raw/darkhub"))()

{/* Instructions */} How to Use Follow these steps to run the script

Open your Roblox executor (Synapse X, KRNL, etc.)
Copy one of the script codes above
Paste the code into your executor
Click "Execute" or "Inject"
The Dark Hub GUI will appear in your game

{/* Support */}

Need help or having issues?

) } [V0_FILE]typescriptreact:file="components/ui/alert.tsx" isFixed="true" isQuickEdit="true" isMerged="true" import React from "react" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const alertVariants = cva( "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", { variants: { variant: { default: "bg-background text-foreground", destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive", }, }, defaultVariants: { variant: "default", }, }, ) const Alert = React.forwardRef< HTMLDivElement, React.HTMLAttributes & VariantProps >(({ className, variant, ...props }, ref) => (

)) Alert.displayName = "Alert" const AlertTitle = React.forwardRef>( ({ className, ...props }, ref) => (

), ) AlertTitle.displayName = "AlertTitle" const AlertDescription = React.forwardRef>( ({ className, ...props }, ref) => (
), ) AlertDescription.displayName = "AlertDescription" export { Alert, AlertTitle, AlertDescription } [V0_FILE]typescriptreact:file="app/help/page.tsx" isMerged="true" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" import { Key, AlertCircle, Clock, Shield } from "lucide-react" import Link from "next/link" export default function HelpPage() { return (

{/* Header /}

Help & Support

Everything you need to know about getting and using Dark Hub keys

{/ Quick Start Guide /} Quick Start Guide Follow these steps to get your access key

1

Get Your Key

Click "Get Key" and complete the 3 simple tasks

2

Verify Key

Enter your key on the verification page

3

Access Scripts

Copy the script and paste it into your executor

{/ FAQ Section /} Frequently Asked Questions Common questions and answers about the key system What is a Dark Hub key? A Dark Hub key is a unique access code that allows you to use premium Roblox scripts. Each key is generated specifically for you and expires after 24 hours for security purposes. How do I get a key?

To get a key, you need to complete 3 simple tasks:

Join our Discord server

Complete the first Linkvertise verification

Complete the second Linkvertise verification

After completing all tasks, you can generate your unique access key.

My key expired, what do I do? Keys expire after 24 hours for security reasons. If your key has expired, you'll need to get a new one by completing the tasks again. This helps keep our system secure and prevents unauthorized access. My key isn't working, why?

There are several reasons why a key might not work:

The key has expired (keys last 24 hours)

The key has already been used (single-use only)

You copied the key incorrectly

The key format is wrong

Try getting a new key or contact support if the problem persists.

How do I use the script after verification?

After your key is verified:

Open your Roblox executor (Synapse X, KRNL, etc.)

Copy the script code from the access page

Paste it into your executor

Click "Execute" or "Inject"

The Dark Hub GUI will appear in your game

Is Dark Hub safe to use? Yes, Dark Hub is designed with security in mind. Our key system ensures that only verified users can access the scripts, and we regularly update our security measures. However, always use scripts responsibly and be aware of Roblox's terms of service. Can I have multiple keys? Each user can generate one key at a time. Once you use a key, you'll need to complete the tasks again to get a new one. This system helps prevent abuse and keeps our service running smoothly for everyone. {/ Key Information /}

24 Hour Validity
All keys expire after 24 hours to maintain security and prevent unauthorized sharing.

Single Use
Each key can only be used once. After verification, you'll need a new key for future access.

Unique Format
Keys follow the format: DARKHUBKEY-XXXXXX-XXXXXX with random characters for security.

{/ Troubleshooting /} Troubleshooting Common issues and how to solve them

Tasks won't complete

Make sure you actually visit the links and complete the required actions. The system automatically detects when tasks are finished.

Key verification fails

Double-check that you copied the entire key correctly, including all dashes. Keys are case-sensitive.

Script doesn't load

Ensure your executor is working properly and that you have a stable internet connection. Try the alternative script link if the main one doesn't work.

{/ Contact Support /} Still Need Help? Our community is here to support you
If you couldn't find the answer to your question, don't hesitate to reach out for help.

) } [V0_FILE]typescriptreact:file="app/discord/page.tsx" isMerged="true" "use client" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { MessageCircle, Users, Shield, Zap, ExternalLink, CheckCircle } from "lucide-react" export default function DiscordPage() { const handleJoinDiscord = () => { // Replace with your actual Discord invite link window.open("https://discord.gg/darkhub", "_blank") } return (

{/ Header /}

Join Our Discord

Connect with the Dark Hub community for support, updates, and exclusive content
5,000+ Active Members
{/ Main Discord Card /} Dark Hub Official Discord The best place to get help, share scripts, and stay updated with the latest features

5,000+ Members

24/7 Active

Verified Server

Joining our Discord is required to complete the first task for key generation
{/ Features Grid /}

Instant Support
Get help from our experienced community members and staff 24/7. No question is too small!

Latest Updates
Be the first to know about new script releases, updates, and exclusive features for Discord members.

Active Community
Connect with fellow Roblox scripters, share experiences, and learn from the best in the community.

{/ What You'll Find /} What You'll Find in Our Discord Explore all the channels and features available to members

General chat and discussions

Script sharing and requests

Technical support channels

Announcements and updates

VIP member exclusive channels

Game-specific script channels

Community events and giveaways

Direct access to developers

{/ Rules Preview /} Server Rules Preview Keep these in mind when you join our community
• Be respectful to all members and staff

• No spamming or excessive self-promotion

• Keep discussions relevant to the channel topic

• No sharing of malicious scripts or exploits

• Follow Discord's Terms of Service

Full rules will be available in the server after joining
{/ Call to Action /} Ready to Join? Become part of the largest Dark Hub community and unlock exclusive benefits
Joining is free and takes less than 30 seconds

) } [V0_FILE]typescriptreact:file="components/ui/accordion.tsx" isMerged="true" "use client" import as React from "react" import * as AccordionPrimitive from "@radix-ui/react-accordion" import { ChevronDown } from "lucide-react" import { cn } from "@/lib/utils" const Accordion = AccordionPrimitive.Root const AccordionItem = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( )) AccordionItem.displayName = "AccordionItem" const AccordionTrigger = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( svg]:rotate-180", className, )} {...props} > {children} )) AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName const AccordionContent = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => (
{children}
)) AccordionContent.displayName = AccordionPrimitive.Content.displayName export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } [V0_FILE]typescriptreact:file="app/get-key/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="components/navbar.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import Link from "next/link" import { usePathname } from "next/navigation" import { Button } from "@/components/ui/button" import { cn } from "@/lib/utils" const navItems = [ { name: "Home", href: "/" }, { name: "Get Key", href: "/get-key" }, { name: "Script", href: "/script" }, { name: "Help", href: "/help" }, { name: "Discord", href: "/discord" }, { name: "Settings", href: "/settings" }, // Added Settings link for admin access ] export function Navbar() { const pathname = usePathname() return (

{/* Logo /}
D
Dark Hub {/ Navigation Links /}
{navItems.map((item) => ( ))}
{/ Mobile Menu Button /}

) } [V0_FILE]typescriptreact:file="components/ui/label.tsx" isMerged="true" "use client" import as React from "react" import * as LabelPrimitive from "@radix-ui/react-label" import { cva, type VariantProps } from "class-variance-authority" import { cn } from "@/lib/utils" const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70") const Label = React.forwardRef< React.ElementRef, React.ComponentPropsWithoutRef & VariantProps >(({ className, ...props }, ref) => ( )) Label.displayName = LabelPrimitive.Root.displayName export { Label } [V0_FILE]typescriptreact:file="components/ui/textarea.tsx" isMerged="true" import * as React from "react" import { cn } from "@/lib/utils" export interface TextareaProps extends React.TextareaHTMLAttributes {} const Textarea = React.forwardRef(({ className, ...props }, ref) => { return ( ) }) Textarea.displayName = "Textarea" export { Textarea } [V0_FILE]markdown:file="README.md" isEdit="true" isMerged="true" # Dark Hub Key System A modern Roblox script key system with task completion flow. ## Features - No Key Required: Scripts are freely accessible to everyone - Optional Key Generation: Users can still generate keys by completing tasks - Task System: Complete Discord join + 2 Linkvertise links to generate keys - 24-Hour Key Expiration: Keys automatically expire and are cleaned up - Modern Dark Theme: Gaming-focused UI with responsive design ## Task Completion Redirects ### Linkvertise Redirect URLs When users complete Linkvertise tasks, they should be redirected back to your site with specific parameters to automatically mark tasks as complete: #### Linkvertise #1 Completion: \`\`\` https://your-site.com/get-key?task1=completed \`\`\` #### Linkvertise #2 Completion: \`\`\` https://your-site.com/get-key?task2=completed \`\`\` ### How to Set Up Redirects 1. In your Linkvertise dashboard, set the redirect URL for each link: - Link #1: `https://your-site.com/get-key?task1=completed` - Link #2: `https://your-site.com/get-key?task2=completed` 2. The system automatically detects these parameters and marks the corresponding tasks as complete 3. Users can then generate keys once all tasks are marked complete ### Configuration Update these values in your Linkvertise links: - Discord Invite: `https://discord.gg/your-invite` - Linkvertise Link #1: Your first monetized link with redirect to `?task1=completed` - Linkvertise Link #2: Your second monetized link with redirect to `?task2=completed` ### API Endpoints - `GET /api/generatekey` - Generate a new key (requires completed tasks) - `GET /api/checkkey?key=XXXX` - Check if a key is valid ### Key Format Keys are generated in the format: `DARKHUBKEY-XXXXXX-XXXXXX` ### File Structure \`\`\` app/ ├── page.tsx # Homepage ├── get-key/page.tsx # Task completion system ├── generate-key/page.tsx # Key generation (after tasks) ├── script/page.tsx # Script access (no key required) ├── help/page.tsx # Help documentation ├── discord/page.tsx # Discord community page └── api/ ├── generatekey/route.ts # Key generation API └── checkkey/route.ts # Key validation API data/ └── keys.json # Key storage (auto-managed) scripts/ └── cleanup-keys.js # Cleanup expired keys \`\`\` ## Installation 1. Clone or download the project 2. Install dependencies: `npm install` 3. Set up environment variables (optional): - `DISCORD_WEBHOOK_URL` - For key generation logging 4. Run the development server: `npm run dev` 5. Configure your Linkvertise redirect URLs as described above ## Support - Visit the Help page for detailed instructions - Join our Discord community for support - Check the FAQ section for common issues [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark )); :root { / Updated color tokens for gaming dark theme / --background: oklch(0.145 0.02 240); / Dark slate background / --foreground: oklch(0.985 0 0); / Pure white text / --card: oklch(0.18 0.02 240); / Slightly lighter card background / --card-foreground: oklch(0.95 0.01 180); / Light cyan text on cards / --popover: oklch(0.18 0.02 240); / Popover background / --popover-foreground: oklch(0.985 0 0); / White popover text / --primary: oklch(0.45 0.15 200); / Cyan primary color / --primary-foreground: oklch(0.985 0 0); / White on primary / --secondary: oklch(0.65 0.2 35); / Orange secondary / --secondary-foreground: oklch(0.985 0 0); / White on secondary / --muted: oklch(0.35 0.02 240); / Muted background / --muted-foreground: oklch(0.7 0.01 240); / Muted text / --accent: oklch(0.7 0.25 35); / Bright orange accent / --accent-foreground: oklch(0.985 0 0); / White on accent / --destructive: oklch(0.55 0.25 15); / Red for destructive actions / --destructive-foreground: oklch(0.985 0 0); / White on destructive / --border: oklch(0.3 0.02 240); / Border color / --input: oklch(0.18 0.02 240); / Input background / --ring: oklch(0.45 0.15 200 / 0.3); / Focus ring / --chart-1: oklch(0.95 0.01 180); --chart-2: oklch(0.7 0.25 35); --chart-3: oklch(0.65 0.2 35); --chart-4: oklch(0.45 0.15 200); --chart-5: oklch(0.35 0.02 240); --radius: 0.5rem; --sidebar: oklch(0.18 0.02 240); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.45 0.15 200); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.65 0.2 35); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.3 0.02 240); --sidebar-ring: oklch(0.45 0.15 200 / 0.3); } .dark { / Dark mode uses same tokens since this is primarily a dark theme / --background: oklch(0.145 0.02 240); --foreground: oklch(0.985 0 0); --card: oklch(0.18 0.02 240); --card-foreground: oklch(0.95 0.01 180); --popover: oklch(0.18 0.02 240); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.45 0.15 200); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.65 0.2 35); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.35 0.02 240); --muted-foreground: oklch(0.7 0.01 240); --accent: oklch(0.7 0.25 35); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.55 0.25 15); --destructive-foreground: oklch(0.985 0 0); --border: oklch(0.3 0.02 240); --input: oklch(0.18 0.02 240); --ring: oklch(0.45 0.15 200 / 0.3); --chart-1: oklch(0.95 0.01 180); --chart-2: oklch(0.7 0.25 35); --chart-3: oklch(0.65 0.2 35); --chart-4: oklch(0.45 0.15 200); --chart-5: oklch(0.35 0.02 240); --sidebar: oklch(0.18 0.02 240); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.45 0.15 200); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.65 0.2 35); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.3 0.02 240); --sidebar-ring: oklch(0.45 0.15 200 / 0.3); } @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { GeistSans } from "geist/font/sans" import { GeistMono } from "geist/font/mono" import { Suspense } from "react" import "./globals.css" export const metadata: Metadata = { title: "Dark Hub - Roblox Script Key System", description: "Secure key system for Dark Hub Roblox scripts. Get your access keys quickly and safely.", generator: "Dark Hub", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( <html lang="en" className="dark"> <body className={`font-sans ${GeistSans.variable} ${GeistMono.variable} antialiased`}> <Suspense fallback={null}>{children}</Suspense> </body> </html> ) } [V0_FILE]json:file="data/keys.json" isEdit="true" isMerged="true" { "keys": [] } [V0_FILE]typescriptreact:file="lib/config-utils.ts" isMerged="true" export interface Config { siteName: string description: string discordInvite: string linkvertise1: string linkvertise2: string webhookUrl: string keyExpiration: number // hours adminPassword: string } const defaultConfig: Config = { siteName: "Dark Hub", description: "Secure key system for Dark Hub Roblox scripts. Get your access keys quickly and safely.", discordInvite: "https://discord.gg/your-invite", linkvertise1: "https://linkvertise.com/your-link-1", linkvertise2: "https://linkvertise.com/your-link-2", webhookUrl: process.env.DISCORD_WEBHOOK_URL || "", keyExpiration: 24, adminPassword: "admin123", } export async function getConfig(): Promise<Config> { try { const fs = await import("fs/promises") const path = await import("path") const configPath = path.join(process.cwd(), "data", "config.json") try { const configData = await fs.readFile(configPath, "utf-8") return { ...defaultConfig, ...JSON.parse(configData) } } catch { // Create config file if it doesn't exist await fs.mkdir(path.dirname(configPath), { recursive: true }) await fs.writeFile(configPath, JSON.stringify(defaultConfig, null, 2)) return defaultConfig } } catch { return defaultConfig } } export async function updateConfig(newConfig: Partial<Config>): Promise<Config> { try { const fs = await import("fs/promises") const path = await import("path") const configPath = path.join(process.cwd(), "data", "config.json") const currentConfig = await getConfig() const updatedConfig = { ...currentConfig, ...newConfig } await fs.mkdir(path.dirname(configPath), { recursive: true }) await fs.writeFile(configPath, JSON.stringify(updatedConfig, null, 2)) return updatedConfig } catch (error) { console.error("Failed to update config:", error) throw new Error("Failed to update configuration") } } [V0_FILE]typescriptreact:file="app/settings/page.tsx" isMerged="true" "use client" import { useState, useEffect } from "react" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Alert, AlertDescription } from "@/components/ui/alert" interface Config { siteName: string description: string discordInvite: string linkvertise1: string linkvertise2: string keyExpiration: number } export default function SettingsPage() { const [config, setConfig] = useState<Config | null>(null) const [password, setPassword] = useState("") const [isAuthenticated, setIsAuthenticated] = useState(false) const [loading, setLoading] = useState(false) const [message, setMessage] = useState("") useEffect(() => { fetchConfig() }, []) const fetchConfig = async () => { try { const response = await fetch("/api/config") const data = await response.json() setConfig(data) } catch (error) { console.error("Failed to fetch config:", error) } } const handleAuth = async () => { setLoading(true) try { const response = await fetch("/api/config", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ password }), }) if (response.ok) { setIsAuthenticated(true) setMessage("Authentication successful!") } else { setMessage("Invalid password") } } catch (error) { setMessage("Authentication failed") } setLoading(false) } const handleSave = async () => { if (!config) return setLoading(true) try { const response = await fetch("/api/config", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ password, ...config }), }) if (response.ok) { setMessage("Settings saved successfully!") } else { setMessage("Failed to save settings") } } catch (error) { setMessage("Failed to save settings") } setLoading(false) } if (!isAuthenticated) { return ( <div className="min-h-screen flex flex-col"> <Navbar /> <main className="flex-1 flex items-center justify-center p-4"> <Card className="w-full max-w-md"> <CardHeader> <CardTitle>Admin Access</CardTitle> <CardDescription>Enter admin password to access settings</CardDescription> </CardHeader> <CardContent className="space-y-4"> <div> <Label htmlFor="password">Password</Label> <Input id="password" type="password" value={password} onChange={(e) => setPassword(e.target.value)} onKeyDown={(e) => e.key === "Enter" && handleAuth()} /> </div> <Button onClick={handleAuth} disabled={loading} className="w-full"> {loading ? "Authenticating..." : "Access Settings"} </Button> {message && ( <Alert> <AlertDescription>{message}</AlertDescription> </Alert> )} </CardContent> </Card> </main> <Footer /> </div> ) } if (!config) { return ( <div className="min-h-screen flex flex-col"> <Navbar /> <main className="flex-1 flex items-center justify-center"> <div>Loading...</div> </main> <Footer /> </div> ) } return ( <div className="min-h-screen flex flex-col"> <Navbar /> <main className="flex-1 p-4"> <div className="max-w-4xl mx-auto space-y-6"> <div> <h1 className="text-3xl font-bold">Admin Settings</h1> <p className="text-muted-foreground">Configure your key system settings</p> </div> <Card> <CardHeader> <CardTitle>Site Configuration</CardTitle> <CardDescription>Basic site settings and information</CardDescription> </CardHeader> <CardContent className="space-y-4"> <div> <Label htmlFor="siteName">Site Name</Label> <Input id="siteName" value={config.siteName} onChange={(e) => setConfig({ ...config, siteName: e.target.value })} /> </div> <div> <Label htmlFor="description">Description</Label> <Textarea id="description" value={config.description} onChange={(e) => setConfig({ ...config, description: e.target.value })} /> </div> </CardContent> </Card> <Card> <CardHeader> <CardTitle>Task Links</CardTitle> <CardDescription>Configure the links for task completion</CardDescription> </CardHeader> <CardContent className="space-y-4"> <div> <Label htmlFor="discordInvite">Discord Invite Link</Label> <Input id="discordInvite" value={config.discordInvite} onChange={(e) => setConfig({ ...config, discordInvite: e.target.value })} /> </div> <div> <Label htmlFor="linkvertise1">Linkvertise Link 1</Label> <Input id="linkvertise1" value={config.linkvertise1} onChange={(e) => setConfig({ ...config, linkvertise1: e.target.value })} /> </div> <div> <Label htmlFor="linkvertise2">Linkvertise Link 2</Label> <Input id="linkvertise2" value={config.linkvertise2} onChange={(e) => setConfig({ ...config, linkvertise2: e.target.value })} /> </div> </CardContent> </Card> <Card> <CardHeader> <CardTitle>Key Settings</CardTitle> <CardDescription>Configure key expiration and behavior</CardDescription> </CardHeader> <CardContent> <div> <Label htmlFor="keyExpiration">Key Expiration (hours)</Label> <Input id="keyExpiration" type="number" value={config.keyExpiration} onChange={(e) => setConfig({ ...config, keyExpiration: Number.parseInt(e.target.value) || 24 })} /> </div> </CardContent> </Card> <div className="flex gap-4"> <Button onClick={handleSave} disabled={loading}> {loading ? "Saving..." : "Save Settings"} </Button> <Button variant="outline" onClick={() => setIsAuthenticated(false)}> Logout </Button> </div> {message && ( <Alert> <AlertDescription>{message}</AlertDescription> </Alert> )} </div> </main> <Footer /> </div> ) } [V0_FILE]json:file="data/config.json" isMerged="true" { "siteName": "Dark Hub", "description": "Secure key system for Dark Hub Roblox scripts. Get your access keys quickly and safely.", "discordInvite": "https://discord.com/invite/F3QzKxpZrA", "linkvertise1": "https://link-hub.net/1348959/YZ4E9wTtl8UC", "linkvertise2": "https://link-hub.net/1348959/dWcRmNpZfYus", "webhookUrl": "https://discord.com/api/webhooks/1410872849178034297/TJp05m2ELQlrX63HK1oVyuAEcRyVm7PMriLNqDwCbyjOHBPnquoFmN6nhNnnNnDjozX3", "keyExpiration": 24, "adminPassword": "siamking5485" } [V0_FILE]typescriptreact:file="app/get-key/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useCallback } from "react" import { useSearchParams } from "next/navigation" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Badge } from "@/components/ui/badge" import { CheckCircle, Circle, ExternalLink } from "lucide-react" import Link from "next/link" interface TaskStatus { discord: boolean linkvertise1: boolean linkvertise2: boolean } interface Config { siteName: string description: string discordInvite: string linkvertise1: string linkvertise2: string keyExpiration: number } export default function GetKeyPage() { const searchParams = useSearchParams() const [taskStatus, setTaskStatus] = useState<TaskStatus>({ discord: false, linkvertise1: false, linkvertise2: false, }) const [config, setConfig] = useState<Config | null>(null) const [isInitialized, setIsInitialized] = useState(false) useEffect(() => { const fetchConfig = async () => { try { const response = await fetch("/api/config") const configData = await response.json() setConfig(configData) } catch (error) { console.error("Failed to load config:", error) } } fetchConfig() }, []) useEffect(() => { if (isInitialized) return const savedStatus = localStorage.getItem("darkHubTaskStatus") let initialStatus = { discord: false, linkvertise1: false, linkvertise2: false, } if (savedStatus) { try { initialStatus = JSON.parse(savedStatus) } catch (error) { console.error("Failed to parse saved task status:", error) } } // Check URL parameters for completed tasks const task1Complete = searchParams.get("task1") === "completed" const task2Complete = searchParams.get("task2") === "completed" if (task1Complete || task2Complete) { initialStatus = { ...initialStatus, linkvertise1: task1Complete || initialStatus.linkvertise1, linkvertise2: task2Complete || initialStatus.linkvertise2, } } setTaskStatus(initialStatus) setIsInitialized(true) }, [searchParams, isInitialized]) useEffect(() => { if (!isInitialized) return localStorage.setItem("darkHubTaskStatus", JSON.stringify(taskStatus)) }, [taskStatus, isInitialized]) const handleTaskComplete = useCallback((task: keyof TaskStatus) => { setTaskStatus((prev) => ({ ...prev, [task]: true, })) }, []) const allTasksComplete = taskStatus.discord && taskStatus.linkvertise1 && taskStatus.linkvertise2 const handleDiscordClick = useCallback(() => { const discordUrl = config?.discordInvite || "https://discord.gg/darkhub" window.open(discordUrl, "_blank") // Mark as completed after a short delay setTimeout(() => { handleTaskComplete("discord") }, 1000) }, [config?.discordInvite, handleTaskComplete]) const handleLinkvertise1Click = useCallback(() => { const currentUrl = window.location.origin + window.location.pathname const redirectUrl = `${currentUrl}?task1=completed` const linkvertiseUrl = config?.linkvertise1 || "https://linkvertise.com/your-first-link" const fullUrl = `${linkvertiseUrl}?r=${encodeURIComponent(redirectUrl)}` window.open(fullUrl, "_blank") }, [config?.linkvertise1]) const handleLinkvertise2Click = useCallback(() => { const currentUrl = window.location.origin + window.location.pathname const redirectUrl = `${currentUrl}?task2=completed` const linkvertiseUrl = config?.linkvertise2 || "https://linkvertise.com/your-second-link" const fullUrl = `${linkvertiseUrl}?r=${encodeURIComponent(redirectUrl)}` window.open(fullUrl, "_blank") }, [config?.linkvertise2]) if (!config || !isInitialized) { return ( <div className="min-h-screen flex flex-col"> <Navbar /> <main className="flex-1 flex items-center justify-center"> <div>Loading...</div> </main> <Footer /> </div> ) } return ( <div className="min-h-screen flex flex-col"> <Navbar /> <main className="flex-1 py-12 px-4 sm:px-6 lg:px-8"> <div className="max-w-4xl mx-auto"> {/* Header /} <div className="text-center mb-12"> <h1 className="text-4xl font-bold text-foreground mb-4">Get Your Access Key</h1> <p className="text-muted-foreground text-lg"> Complete the following tasks to unlock your premium script access key </p> <div className="mt-6"> <Badge variant={allTasksComplete ? "default" : "secondary"} className="text-sm px-4 py-2"> {allTasksComplete ? "All Tasks Complete!" : `${Object.values(taskStatus).filter(Boolean).length}/3 Tasks Complete`} </Badge> </div> <p className="text-sm text-muted-foreground mt-2">Keys expire after {config.keyExpiration} hours</p> </div> {/ Task Cards /} <div className="space-y-6 mb-12"> {/ Task 1: Join Discord /} <Card className={`border-2 transition-all ${taskStatus.discord ? "border-primary bg-primary/5" : "border-border"}`} > <CardHeader> <div className="flex items-center justify-between"> <div className="flex items-center space-x-3"> {taskStatus.discord ? ( <CheckCircle className="w-6 h-6 text-primary" /> ) : ( <Circle className="w-6 h-6 text-muted-foreground" /> )} <div> <CardTitle className="text-xl">Step 1: Join Discord</CardTitle> <CardDescription>Join our Discord community to get support and updates</CardDescription> </div> </div> <Badge variant={taskStatus.discord ? "default" : "outline"}> {taskStatus.discord ? "Completed" : "Pending"} </Badge> </div> </CardHeader> <CardContent> <Button onClick={handleDiscordClick} disabled={taskStatus.discord} className="w-full sm:w-auto" variant={taskStatus.discord ? "outline" : "default"} > {taskStatus.discord ? "Already Joined" : "Join Discord"} <ExternalLink className="w-4 h-4 ml-2" /> </Button> </CardContent> </Card> {/ Task 2: Linkvertise #1 /} <Card className={`border-2 transition-all ${taskStatus.linkvertise1 ? "border-primary bg-primary/5" : "border-border"}`} > <CardHeader> <div className="flex items-center justify-between"> <div className="flex items-center space-x-3"> {taskStatus.linkvertise1 ? ( <CheckCircle className="w-6 h-6 text-primary" /> ) : ( <Circle className="w-6 h-6 text-muted-foreground" /> )} <div> <CardTitle className="text-xl">Step 2: Complete Linkvertise #1</CardTitle> <CardDescription>Complete the first verification link to continue</CardDescription> </div> </div> <Badge variant={taskStatus.linkvertise1 ? "default" : "outline"}> {taskStatus.linkvertise1 ? "Completed" : "Pending"} </Badge> </div> </CardHeader> <CardContent> <Button onClick={handleLinkvertise1Click} disabled={taskStatus.linkvertise1 || !taskStatus.discord} className="w-full sm:w-auto" variant={taskStatus.linkvertise1 ? "outline" : "default"} > {taskStatus.linkvertise1 ? "Already Completed" : "Continue to Linkvertise #1"} <ExternalLink className="w-4 h-4 ml-2" /> </Button> {!taskStatus.discord && <p className="text-sm text-muted-foreground mt-2">Complete Step 1 first</p>} </CardContent> </Card> {/ Task 3: Linkvertise #2 /} <Card className={`border-2 transition-all ${taskStatus.linkvertise2 ? "border-primary bg-primary/5" : "border-border"}`} > <CardHeader> <div className="flex items-center justify-between"> <div className="flex items-center space-x-3"> {taskStatus.linkvertise2 ? ( <CheckCircle className="w-6 h-6 text-primary" /> ) : ( <Circle className="w-6 h-6 text-muted-foreground" /> )} <div> <CardTitle className="text-xl">Step 3: Complete Linkvertise #2</CardTitle> <CardDescription>Complete the final verification link</CardDescription> </div> </div> <Badge variant={taskStatus.linkvertise2 ? "default" : "outline"}> {taskStatus.linkvertise2 ? "Completed" : "Pending"} </Badge> </div> </CardHeader> <CardContent> <Button onClick={handleLinkvertise2Click} disabled={taskStatus.linkvertise2 || !taskStatus.linkvertise1} className="w-full sm:w-auto" variant={taskStatus.linkvertise2 ? "outline" : "default"} > {taskStatus.linkvertise2 ? "Already Completed" : "Continue to Linkvertise #2"} <ExternalLink className="w-4 h-4 ml-2" /> </Button> {!taskStatus.linkvertise1 && ( <p className="text-sm text-muted-foreground mt-2">Complete Step 2 first</p> )} </CardContent> </Card> </div> {/ Key Generation Section /} <Card className={`border-2 ${allTasksComplete ? "border-accent bg-accent/5" : "border-muted bg-muted/20"}`}> <CardHeader> <CardTitle className="text-2xl text-center"> {allTasksComplete ? "Generate Your Key" : "Complete All Tasks First"} </CardTitle> <CardDescription className="text-center"> {allTasksComplete ? `All tasks completed! You can now generate your access key (expires in ${config.keyExpiration} hours).` : "Finish all the tasks above to unlock key generation."} </CardDescription> </CardHeader> <CardContent className="text-center"> {allTasksComplete ? ( <Link href="/generate-key"> <Button size="lg" className="text-lg px-8 py-6 bg-accent hover:bg-accent/90"> Generate Access Key </Button> </Link> ) : ( <Button size="lg" disabled className="text-lg px-8 py-6"> Generate Access Key </Button> )} </CardContent> </Card> {/ Help Section /} <div className="mt-12 text-center"> <p className="text-muted-foreground mb-4">Need help completing the tasks?</p> <div className="flex flex-col sm:flex-row gap-4 justify-center"> <Link href="/help"> <Button variant="outline">View Help Guide</Button> </Link> <Link href="/discord"> <Button variant="outline">Get Support</Button> </Link> </div> </div> </div> </main> <Footer /> </div> ) } [V0_FILE]typescriptreact:file="app/generate-key/page.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect } from "react" import { Navbar } from "@/components/navbar" import { Footer } from "@/components/footer" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Badge } from "@/components/ui/badge" import { Copy, Key, Shield, Clock } from "lucide-react" import { useRouter } from "next/navigation" import Link from "next/link" interface TaskStatus { discord: boolean linkvertise1: boolean linkvertise2: boolean } export default function GenerateKeyPage() { const [taskStatus, setTaskStatus] = useState<TaskStatus>({ discord: false, linkvertise1: false, linkvertise2: false, }) const [generatedKey, setGeneratedKey] = useState<string>("") const [isGenerating, setIsGenerating] = useState(false) const [keyGenerated, setKeyGenerated] = useState(false) const router = useRouter() // Check task completion status useEffect(() => { const savedStatus = localStorage.getItem("darkHubTaskStatus") if (savedStatus) { const status = JSON.parse(savedStatus) setTaskStatus(status) // Redirect if tasks not completed const allComplete = status.discord && status.linkvertise1 && status.linkvertise2 if (!allComplete) { router.push("/get-key") return } } else { router.push("/get-key") return } }, [router]) const generateKey = async () => { setIsGenerating(true) try { const response = await fetch("/api/generatekey", { method: "POST", headers: { "Content-Type": "application/json", }, }) if (response.ok) { const data = await response.json() setGeneratedKey(data.key) setKeyGenerated(true) console.log("[v0] Key generated successfully:", data.key) } else { const errorData = await response.json() console.error("[v0] Failed to generate key:", errorData) alert("Failed to generate key. Please try again.") } } catch (error) { console.error("[v0] Error generating key:", error) alert("Network error. Please check your connection and try again.") } finally { setIsGenerating(false) } } const copyToClipboard = async () => { try { await navigator.clipboard.writeText(generatedKey) alert("Key copied to clipboard!") } catch (error) { console.error("Failed to copy key:", error) const textArea = document.createElement("textarea") textArea.value = generatedKey document.body.appendChild(textArea) textArea.select() document.execCommand("copy") document.body.removeChild(textArea) alert("Key copied to clipboard!") } } const allTasksComplete = taskStatus.discord && taskStatus.linkvertise1 && taskStatus.linkvertise2 if (!allTasksComplete) { return null // Will redirect via useEffect } return ( <div className="min-h-screen flex flex-col"> <Navbar /> <main className="flex-1 py-12 px-4 sm:px-6 lg:px-8"> <div className="max-w-2xl mx-auto"> {/ Header /} <div className="text-center mb-12"> <div className="w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center mx-auto mb-6"> <Key className="w-8 h-8 text-primary" /> </div> <h1 className="text-4xl font-bold text-foreground mb-4">Generate Access Key</h1> <p className="text-muted-foreground text-lg">All tasks completed! Generate your unique access key below.</p> </div> {/ Key Generation Card /} <Card className="border-2 border-primary/20 bg-primary/5"> <CardHeader> <CardTitle className="text-2xl text-center">Your Access Key</CardTitle> <CardDescription className="text-center"> {keyGenerated ? "Your key has been generated and will expire in 24 hours" : "Click the button below to generate your unique access key"} </CardDescription> </CardHeader> <CardContent className="space-y-6"> {keyGenerated ? ( <> <div className="space-y-4"> <div className="flex items-center space-x-2"> <Input value={generatedKey} readOnly className="font-mono text-center bg-background" /> <Button onClick={copyToClipboard} size="icon" variant="outline"> <Copy className="w-4 h-4" /> </Button> </div> <div className="flex items-center justify-center space-x-4 text-sm text-muted-foreground"> <div className="flex items-center space-x-1"> <Clock className="w-4 h-4" /> <span>Expires in 24h</span> </div> <div className="flex items-center space-x-1"> <Shield className="w-4 h-4" /> <span>Secure</span> </div> </div> </div> <div className="text-center space-y-4"> <Badge variant="default" className="px-4 py-2"> Key Generated Successfully </Badge> <div className="space-y-2"> <p className="text-sm text-muted-foreground"> Copy your key and use it to access premium scripts </p> <div className="flex flex-col sm:flex-row gap-2 justify-center"> <Link href="/script"> <Button variant="outline">View Scripts</Button> </Link> <Link href="/help"> <Button variant="outline">How to Use</Button> </Link> </div> </div> </div> </> ) : ( <div className="text-center"> <Button onClick={generateKey} disabled={isGenerating} size="lg" className="text-lg px-8 py-6"> {isGenerating ? "Generating..." : "Generate Key"} </Button> </div> )} </CardContent> </Card> {/ Important Notes /} <Card className="mt-8 border-accent/20 bg-accent/5"> <CardHeader> <CardTitle className="text-lg flex items-center space-x-2"> <Shield className="w-5 h-5 text-accent" /> <span>Important Notes</span> </CardTitle> </CardHeader> <CardContent className="space-y-2 text-sm text-muted-foreground"> <p>• Your key will expire automatically after 24 hours for security</p> <p>• Each key is unique and can only be used once</p> <p>• Keep your key safe and do not share it with others</p> <p>• If you lose your key, you can generate a new one by completing the tasks again</p> </CardContent> </Card> </div> </main> <Footer /> </div> ) } [V0_FILE]typescriptreact:file="lib/key-utils.ts" isEdit="true" isQuickEdit="true" isMerged="true" import { promises as fs } from "fs" import path from "path" import { getConfig } from "./config-utils" interface KeyData { key: string createdAt: string expiresAt: string ip: string used: boolean } interface KeyStorage { keys: KeyData[] } const KEYS_FILE_PATH = path.join(process.cwd(), "data", "keys.json") // Ensure data directory exists async function ensureDataDirectory() { const dataDir = path.join(process.cwd(), "data") try { await fs.access(dataDir) } catch { await fs.mkdir(dataDir, { recursive: true }) } } // Generate a unique key in the format DARKHUBKEY-ABC123-XYZ789 export function generateUniqueKey(): string { const prefix = "DARKHUBKEY" const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" const generateSegment = (length: number) => { let result = "" for (let i = 0; i < length; i++) { result += chars.charAt(Math.floor(Math.random() chars.length)) } return result } const segment1 = generateSegment(6) const segment2 = generateSegment(6) return `${prefix}-${segment1}-${segment2}` } // Load keys from storage async function loadKeys(): Promise<KeyStorage> { await ensureDataDirectory() try { const data = await fs.readFile(KEYS_FILE_PATH, "utf-8") return JSON.parse(data) } catch { // File doesn't exist or is invalid, return empty storage return { keys: [] } } } // Save keys to storage async function saveKeys(storage: KeyStorage): Promise<void> { await ensureDataDirectory() await fs.writeFile(KEYS_FILE_PATH, JSON.stringify(storage, null, 2)) } // Save a new key export async function saveKey(key: string, ip: string): Promise<void> { try { console.log("[v0] Saving key to storage...") const config = await getConfig() const storage = await loadKeys() const expiresAt = new Date() expiresAt.setHours(expiresAt.getHours() + config.keyExpiration) const keyData: KeyData = { key, createdAt: new Date().toISOString(), expiresAt: expiresAt.toISOString(), ip, used: false, } storage.keys.push(keyData) await saveKeys(storage) console.log("[v0] Key saved successfully") } catch (error) { console.error("[v0] Error saving key:", error) throw error } } // Check if a key is valid export async function validateKey(key: string): Promise<{ valid: boolean; reason?: string }> { const storage = await loadKeys() const keyData = storage.keys.find((k) => k.key === key) if (!keyData) { return { valid: false, reason: "Key not found" } } if (keyData.used) { return { valid: false, reason: "Key already used" } } const now = new Date() const expiresAt = new Date(keyData.expiresAt) if (now > expiresAt) { return { valid: false, reason: "Key expired" } } return { valid: true } } // Mark a key as used export async function markKeyAsUsed(key: string): Promise<void> { const storage = await loadKeys() const keyData = storage.keys.find((k) => k.key === key) if (keyData) { keyData.used = true await saveKeys(storage) } } // Clean up expired keys (optional maintenance function) export async function cleanupExpiredKeys(): Promise<void> { const storage = await loadKeys() const now = new Date() storage.keys = storage.keys.filter((keyData) => { const expiresAt = new Date(keyData.expiresAt) return now <= expiresAt }) await saveKeys(storage) } // Log key generation to Discord webhook export async function logToDiscord(key: string, ip: string): Promise<void> { try { console.log("[v0] Sending Discord webhook...") const config = await getConfig() const webhookUrl = config.webhookUrl || process.env.DISCORD_WEBHOOK_URL if (!webhookUrl) { console.warn("[v0] Discord webhook URL not configured") return } const embed = { title: "🔑 New Key Generated", color: 0x00ff88, // Green color fields: [ { name: "Key", value: `\`${key}\``, inline: true, }, { name: "IP Address", value: ip, inline: true, }, { name: "Generated At", value: new Date().toLocaleString(), inline: true, }, ], footer: { text: config.siteName + " Key System", }, timestamp: new Date().toISOString(), } const response = await fetch(webhookUrl, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ embeds: [embed], }), }) if (!response.ok) { console.error("[v0] Failed to send Discord webhook:", response.statusText) } else { console.log("[v0] Discord webhook sent successfully") } } catch (error) { console.error("[v0] Error sending Discord webhook:", error) } } [V0_FILE]typescriptreact:file="lib/supabase/client.ts" isMerged="true" import { createBrowserClient } from "@supabase/ssr" export function createClient() { return createBrowserClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!) } [V0_FILE]typescriptreact:file="lib/supabase/server.ts" isMerged="true" import { createServerClient } from "@supabase/ssr" import { cookies } from "next/headers" export async function createClient() { const cookieStore = await cookies() return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { try { cookiesToSet.forEach(({ name, value, options }) => cookieStore.set(name, value, options)) } catch { // The "setAll" method was called from a Server Component. // This can be ignored if you have middleware refreshing // user sessions. } }, }, }) } [V0_FILE]sql:file="scripts/001_create_tables.sql" isMerged="true" -- Create keys table for storing generated keys CREATE TABLE IF NOT EXISTS public.keys ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), key_value TEXT NOT NULL UNIQUE, created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(), expires_at TIMESTAMP WITH TIME ZONE NOT NULL, ip_address INET, user_agent TEXT, is_used BOOLEAN DEFAULT FALSE, used_at TIMESTAMP WITH TIME ZONE ); -- Create config table for storing site configuration CREATE TABLE IF NOT EXISTS public.config ( id UUID PRIMARY KEY DEFAULT gen_random_uuid(), key TEXT NOT NULL UNIQUE, value JSONB NOT NULL, updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW() ); -- Enable RLS on both tables ALTER TABLE public.keys ENABLE ROW LEVEL SECURITY; ALTER TABLE public.config ENABLE ROW LEVEL SECURITY; -- Create policies for keys table (public read access for key validation) CREATE POLICY "Allow public to read keys for validation" ON public.keys FOR SELECT USING (true); CREATE POLICY "Allow public to insert keys" ON public.keys FOR INSERT WITH CHECK (true); CREATE POLICY "Allow public to update keys" ON public.keys FOR UPDATE USING (true); -- Create policies for config table (public read access) CREATE POLICY "Allow public to read config" ON public.config FOR SELECT USING (true); CREATE POLICY "Allow public to update config" ON public.config FOR UPDATE USING (true); CREATE POLICY "Allow public to insert config" ON public.config FOR INSERT WITH CHECK (true); -- Insert default configuration INSERT INTO public.config (key, value) VALUES ('site_name', '"Dark Hub"'), ('site_description', '"Secure key system for Dark Hub Roblox scripts"'), ('discord_invite', '"https://discord.gg/darkhub"'), ('linkvertise_1', '"https://linkvertise.com/your-link-1"'), ('linkvertise_2', '"https://linkvertise.com/your-link-2"'), ('key_expiration_hours', '24'), ('discord_webhook_url', '""'), ('admin_password', '"admin123"') ON CONFLICT (key) DO NOTHING; -- Create index for better performance CREATE INDEX IF NOT EXISTS idx_keys_expires_at ON public.keys(expires_at); CREATE INDEX IF NOT EXISTS idx_keys_key_value ON public.keys(key_value); CREATE INDEX IF NOT EXISTS idx_config_key ON public.config(key); [V0_FILE]typescriptreact:file="lib/database-utils.ts" isMerged="true" import { createClient } from "@/lib/supabase/server" export interface KeyRecord { id: string key_value: string created_at: string expires_at: string ip_address?: string user_agent?: string is_used: boolean used_at?: string } export interface ConfigRecord { key: string value: any } export async function generateKey(): Promise<string> { // Generate a unique key in the format: DARKHUBKEY-ABC123-XYZ789 const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789" const part1 = Array.from({ length: 6 }, () => chars[Math.floor(Math.random() * chars.length)]).join("") const part2 = Array.from({ length: 6 }, () => chars[Math.floor(Math.random() * chars.length)]).join("") return `DARKHUBKEY-${part1}-${part2}` } export async function saveKey(keyValue: string, ipAddress?: string, userAgent?: string): Promise<KeyRecord> { const supabase = await createClient() // Get expiration hours from config const { data: configData } = await supabase.from("config").select("value").eq("key", "key_expiration_hours").single() const expirationHours = configData?.value || 24 const expiresAt = new Date() expiresAt.setHours(expiresAt.getHours() + expirationHours) const { data, error } = await supabase .from("keys") .insert({ key_value: keyValue, expires_at: expiresAt.toISOString(), ip_address: ipAddress, user_agent: userAgent, }) .select() .single() if (error) { console.error("Database error saving key:", error) throw new Error("Failed to save key to database") } return data } export async function validateKey(keyValue: string): Promise<{ valid: boolean; key?: KeyRecord }> { const supabase = await createClient() const { data, error } = await supabase.from("keys").select("*").eq("key_value", keyValue).single() if (error || !data) { return { valid: false } } // Check if key is expired const now = new Date() const expiresAt = new Date(data.expires_at) if (now > expiresAt) { return { valid: false } } return { valid: true, key: data } } export async function getConfig(key: string): Promise<any> { const supabase = await createClient() const { data, error } = await supabase.from("config").select("value").eq("key", key).single() if (error || !data) { return null } return data.value } export async function updateConfig(key: string, value: any): Promise<void> { const supabase = await createClient() const { error } = await supabase.from("config").upsert({ key, value, updated_at: new Date().toISOString(), }) if (error) { console.error("Database error updating config:", error) throw new Error("Failed to update configuration") } } export async function cleanupExpiredKeys(): Promise<number> { const supabase = await createClient() const { data, error } = await supabase.from("keys").delete().lt("expires_at", new Date().toISOString()).select("id") if (error) { console.error("Database error cleaning up keys:", error) return 0 } return data?.length || 0 } export async function logToDiscord(keyValue: string, ipAddress?: string): Promise<void> { try { const webhookUrl = await getConfig("discord_webhook_url") if (!webhookUrl || webhookUrl === "") { console.log("No Discord webhook URL configured") return } const embed = { title: "🔑 New Key Generated", color: 0x00ff88, fields: [ { name: "Key", value: `\`${keyValue}\``, inline: true, }, { name: "IP Address", value: ipAddress || "Unknown", inline: true, }, { name: "Timestamp", value: new Date().toISOString(), inline: false, }, ], footer: { text: "Dark Hub Key System", }, } await fetch(webhookUrl, { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ embeds: [embed], }), }) } catch (error) { console.error("Failed to log to Discord:", error) } } [V0_FILE]typescriptreact:file="scripts/cleanup-expired-keys.js" isMerged="true" import { cleanupExpiredKeys } from "../lib/database-utils.js" async function cleanup() { try { console.log("Starting cleanup of expired keys...") const deletedCount = await cleanupExpiredKeys() console.log(`Cleanup completed. Deleted ${deletedCount} expired keys.`) } catch (error) { console.error("Cleanup failed:", error) } } cleanup() [V0_FILE]typescriptreact:file="app/api/generatekey/route.ts" isEdit="true" import { type NextRequest, NextResponse } from "next/server" import { generateKey, saveKey, logToDiscord } from "@/lib/database-utils" export async function POST(request: NextRequest) { try { console.log("[v0] Key generation request received") // Get client IP address const forwarded = request.headers.get("x-forwarded-for") const ip = forwarded ? forwarded.split(",")[0] : request.headers.get("x-real-ip") || "unknown" const userAgent = request.headers.get("user-agent") || "unknown" console.log("[v0] Client IP:", ip) const key = await generateKey() console.log("[v0] Generated key:", key) const keyRecord = await saveKey(key, ip, userAgent) console.log("[v0] Key saved to database") // Log to Discord webhook await logToDiscord(key, ip) console.log("[v0] Discord webhook sent") return NextResponse.json({ success: true, key: key, expiresAt: keyRecord.expires_at, }) } catch (error) { console.error("[v0] Error generating key:", error) return NextResponse.json( { success: false, error: "Failed to generate key", details: error instanceof Error ? error.message : "Unknown error", }, { status: 500 }, ) } } [V0_FILE]typescriptreact:file="app/api/checkkey/route.ts" isEdit="true" import { type NextRequest, NextResponse } from "next/server" import { validateKey } from "@/lib/database-utils" export async function GET(request: NextRequest) { try { const { searchParams } = new URL(request.url) const key = searchParams.get("key") if (!key) { return NextResponse.json({ status: "invalid", message: "No key provided" }, { status: 400 }) } const validation = await validateKey(key) if (validation.valid) { return NextResponse.json({ status: "valid", message: "Access granted", }) } else { return NextResponse.json({ status: "invalid", message: "Invalid or expired key", }) } } catch (error) { console.error("Error checking key:", error) return NextResponse.json({ status: "error", message: "Internal server error" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/api/config/route.ts" isEdit="true" import { type NextRequest, NextResponse } from "next/server" import { getConfig, updateConfig } from "@/lib/database-utils" export async function GET() { try { const siteName = await getConfig("site_name") const siteDescription = await getConfig("site_description") const discordInvite = await getConfig("discord_invite") const linkvertise1 = await getConfig("linkvertise_1") const linkvertise2 = await getConfig("linkvertise_2") const keyExpiration = await getConfig("key_expiration_hours") const publicConfig = { siteName, siteDescription, discordInvite, linkvertise1, linkvertise2, keyExpiration, } return NextResponse.json(publicConfig) } catch (error) { console.error("Config fetch error:", error) return NextResponse.json({ error: "Failed to fetch config" }, { status: 500 }) } } export async function POST(request: NextRequest) { try { const body = await request.json() const { password, ...configUpdates } = body const adminPassword = await getConfig("admin_password") if (password !== adminPassword) { return NextResponse.json({ error: "Invalid admin password" }, { status: 401 }) } for (const [key, value] of Object.entries(configUpdates)) { await updateConfig(key, value) } // Return updated public config const siteName = await getConfig("site_name") const siteDescription = await getConfig("site_description") const discordInvite = await getConfig("discord_invite") const linkvertise1 = await getConfig("linkvertise_1") const linkvertise2 = await getConfig("linkvertise_2") const keyExpiration = await getConfig("key_expiration_hours") const publicConfig = { siteName, siteDescription, discordInvite, linkvertise1, linkvertise2, keyExpiration, } return NextResponse.json({ success: true, config: publicConfig, }) } catch (error) { console.error("Config update error:", error) return NextResponse.json({ error: "Failed to update config" }, { status: 500 }) } }</article></body></html>