[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import Link from "next/link" import { ArrowRight, Bot, Clock, CreditCard } from "lucide-react" export default function Home() { return (

Stats Bot Hosting Service

Host your Discord stats bot securely with our easy-to-use platform. Pay for the time you need.

Easy Setup Configure your bot in minutes with our simple setup process

Just provide your bot token and we'll handle the rest. Your bot will be up and running in no time.

Flexible Hosting Pay only for the time you need

Choose from 1 hour to unlimited hosting. Admins can extend or reduce hosting time as needed.

Simple Payments Pay via Linkvertise or direct payment

Complete a Linkvertise offer for 1 hour of hosting or contact us directly for longer hosting periods.

) } [V0_FILE]typescriptreact:file="app/api/auth/route.ts" isMerged="true" import { NextResponse } from "next/server" // This would be a server-side route handler for Discord OAuth authentication export async function GET(request: Request) { const { searchParams } = new URL(request.url) const code = searchParams.get("code") if (!code) { return NextResponse.json({ error: "No code provided" }, { status: 400 }) } try { // In a real implementation, you would: // 1. Exchange the code for an access token with Discord // 2. Use the access token to get the user's Discord information // 3. Create or update the user in your database // 4. Create a session for the user return NextResponse.redirect(new URL("/dashboard", request.url)) } catch (error) { console.error("Authentication error:", error) return NextResponse.json({ error: "Authentication failed" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="app/api/bots/route.ts" isEdit="true" isMerged="true" import { NextResponse } from "next/server" // This would handle bot registration and management export async function POST(request: Request) { try { const body = await request.json() const { botToken, targetChannelId, creatorId } = body // In a real implementation, you would: // 1. Validate the user is authenticated // 2. Securely store the bot token (encrypted) // 3. Set up the hosting environment for the bot // 4. Start the Python process with the provided configuration return NextResponse.json({ success: true, message: "Bot registered successfully", bot: { id: Math.floor(Math.random() * 1000), name: "Stats Bot", status: "stopped", uptime: "0h", expiresIn: "1h", type: "stats", }, }) } catch (error) { console.error("Bot registration error:", error) return NextResponse.json({ error: "Failed to register bot" }, { status: 500 }) } } export async function GET(request: Request) { // In a real implementation, you would: // 1. Validate the user is authenticated // 2. Fetch the user's bots from your database return NextResponse.json({ bots: [ { id: 1, name: "Stats Bot", status: "running", uptime: "2h 15m", expiresIn: "45m", type: "stats", }, ], }) } [V0_FILE]typescriptreact:file="lib/supabase-function.ts" isMerged="true" // This file would contain the code for your Supabase Function // that handles the actual bot hosting export const createSupabaseFunction = ` // This is pseudocode for what would go in your Supabase Function import { serve } from 'https://deno.land/std@0.168.0/http/server.ts' import { createClient } from 'https://esm.sh/@supabase/supabase-js@2' const supabase = createClient( Deno.env.get('SUPABASE_URL') ?? '', Deno.env.get('SUPABASE_ANON_KEY') ?? '' ) // This function would handle the Discord bot hosting serve(async (req) => { const { method } = req // Handle CORS preflight requests if (method === 'OPTIONS') { return new Response('ok', { headers: corsHeaders }) } try { const { action, botId, token, duration } = await req.json() // Verify the user is authorized (admin check would go here) const { data: { user } } = await supabase.auth.getUser() if (!user) { return new Response( JSON.stringify({ error: 'Unauthorized' }), { status: 401, headers: { 'Content-Type': 'application/json' } } ) } // Check if user is admin const isAdmin = [ '1172966783167242423', '1226611383156740167' ].includes(user.id) // Handle different actions switch (action) { case 'start': // Start the bot with the provided token // This would use a secure method to store and use the token return new Response( JSON.stringify({ success: true, message: 'Bot started' }), { status: 200, headers: { 'Content-Type': 'application/json' } } ) case 'stop': // Stop the running bot return new Response( JSON.stringify({ success: true, message: 'Bot stopped' }), { status: 200, headers: { 'Content-Type': 'application/json' } } ) case 'register': // Register a new bot return new Response( JSON.stringify({ success: true, message: 'Bot registered' }), { status: 200, headers: { 'Content-Type': 'application/json' } } ) default: return new Response( JSON.stringify({ error: 'Invalid action' }), { status: 400, headers: { 'Content-Type': 'application/json' } } ) } } catch (error) { return new Response( JSON.stringify({ error: error.message }), { status: 500, headers: { 'Content-Type': 'application/json' } } ) } }) ` [V0_FILE]typescriptreact:file="components/auth-button.tsx" isMerged="true" "use client" import { Button } from "@/components/ui/button" import { useState } from "react" export function AuthButton() { const [isLoading, setIsLoading] = useState(false) const handleAuth = async () => { setIsLoading(true) // In a real implementation, this would redirect to Discord's OAuth flow // The URL would look something like: // https://discord.com/api/oauth2/authorize?client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=identify%20bot try { window.location.href = "/api/auth/discord" } catch (error) { console.error("Authentication error:", error) } finally { setIsLoading(false) } } return ( ) } [V0_FILE]typescriptreact:file="tailwind.config.js" isMerged="true" /** @type {import('tailwindcss').Config} */ module.exports = { darkMode: ["class"], content: [ "./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}", "*.{js,ts,jsx,tsx,mdx}", ], theme: { container: { center: true, padding: "2rem", screens: { "2xl": "1400px", }, }, extend: { colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", ring: "hsl(var(--ring))", background: "hsl(var(--background))", foreground: "hsl(var(--foreground))", primary: { DEFAULT: "hsl(var(--primary))", foreground: "hsl(var(--primary-foreground))", }, secondary: { DEFAULT: "hsl(var(--secondary))", foreground: "hsl(var(--secondary-foreground))", }, destructive: { DEFAULT: "hsl(var(--destructive))", foreground: "hsl(var(--destructive-foreground))", }, muted: { DEFAULT: "hsl(var(--muted))", foreground: "hsl(var(--muted-foreground))", }, accent: { DEFAULT: "hsl(var(--accent))", foreground: "hsl(var(--accent-foreground))", }, popover: { DEFAULT: "hsl(var(--popover))", foreground: "hsl(var(--popover-foreground))", }, card: { DEFAULT: "hsl(var(--card))", foreground: "hsl(var(--card-foreground))", }, }, borderRadius: { lg: "var(--radius)", md: "calc(var(--radius) - 2px)", sm: "calc(var(--radius) - 4px)", }, keyframes: { "accordion-down": { from: { height: 0 }, to: { height: "var(--radix-accordion-content-height)" }, }, "accordion-up": { from: { height: "var(--radix-accordion-content-height)" }, to: { height: 0 }, }, }, animation: { "accordion-down": "accordion-down 0.2s ease-out", "accordion-up": "accordion-up 0.2s ease-out", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="app/auth/page.tsx" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { useRouter } from "next/navigation" import { useToast } from "@/hooks/use-toast" export default function AuthPage() { const router = useRouter() const { toast } = useToast() const [isLoading, setIsLoading] = useState(false) const handleAuth = async () => { setIsLoading(true) try { // In a real implementation, this would redirect to Discord's OAuth flow // The URL would look something like: // https://discord.com/api/oauth2/authorize?client_id=YOUR_CLIENT_ID&redirect_uri=YOUR_REDIRECT_URI&response_type=code&scope=identify%20bot // Simulate successful authentication setTimeout(() => { toast({ title: "Authentication successful", description: "You have been authenticated with Discord.", }) router.push("/dashboard") }, 2000) } catch (error) { toast({ title: "Authentication failed", description: "An error occurred during authentication.", variant: "destructive", }) } finally { setIsLoading(false) } } return (

Connect with Discord Authenticate with Discord to start hosting your bot

We'll need permission to access your Discord account to verify your identity and set up your bot.

By connecting, you agree to our Terms of Service and Privacy Policy.

) } [V0_FILE]typescriptreact:file="app/api/bots/[id]/route.ts" isMerged="true" import { NextResponse } from "next/server" export async function PATCH(request: Request, { params }: { params: { id: string } }) { try { const id = params.id const body = await request.json() const { action, duration } = body // In a real implementation, you would: // 1. Validate the user is authenticated // 2. Check if the user has permission to modify this bot // 3. Perform the requested action (start, stop, add time) let message = "" switch (action) { case "start": // Start the bot process message = "Bot started successfully" break case "stop": // Stop the bot process message = "Bot stopped successfully" break case "addTime": // Add hosting time message = `Added ${duration} hours of hosting time` break default: return NextResponse.json({ error: "Invalid action" }, { status: 400 }) } return NextResponse.json({ success: true, message, }) } catch (error) { console.error("Bot action error:", error) return NextResponse.json({ error: "Failed to perform action" }, { status: 500 }) } } export async function DELETE(request: Request, { params }: { params: { id: string } }) { try { const id = params.id // In a real implementation, you would: // 1. Validate the user is authenticated // 2. Check if the user has permission to delete this bot // 3. Stop the bot process and remove it from the database return NextResponse.json({ success: true, message: "Bot deleted successfully", }) } catch (error) { console.error("Bot deletion error:", error) return NextResponse.json({ error: "Failed to delete bot" }, { status: 500 }) } } [V0_FILE]typescriptreact:file="lib/bot-runner.ts" isMerged="true" // This file would contain the code for running the Discord bot // using the provided configuration export const runBot = async (config: { botToken: string targetChannelId: string creatorId: string }) => { // In a real implementation, this would: // 1. Create a Python process // 2. Pass the configuration to the process // 3. Monitor the process and handle errors // Example of how you might spawn a Python process: /* import { spawn } from 'child_process'; const process = spawn('python', ['bot.py'], { env: { ...process.env, BOT_TOKEN: config.botToken, TARGET_CHANNEL_ID: config.targetChannelId, CREATOR_ID: config.creatorId } }); process.stdout.on('data', (data) => { console.log(`Bot output: ${data}`); }); process.stderr.on('data', (data) => { console.error(`Bot error: ${data}`); }); process.on('close', (code) => { console.log(`Bot process exited with code ${code}`); }); return process; */ // For demonstration purposes, we'll just return a mock process return { id: Math.random().toString(36).substring(7), status: "running", kill: () => console.log("Bot process killed"), } } [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]typescriptreact:file="components/ui/alert.tsx" isMerged="true"
import * as 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<HTMLDivElement> & VariantProps<typeof alertVariants>
>(({ className, variant, ...props }, ref) => (
  <div ref={ref} role="alert" className={cn(alertVariants({ variant }), className)} {...props} />
))
Alert.displayName = "Alert"

const AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(
  ({ className, ...props }, ref) => (
    <h5 ref={ref} className={cn("mb-1 font-medium leading-none tracking-tight", className)} {...props} />
  ),
)
AlertTitle.displayName = "AlertTitle"

const AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(
  ({ className, ...props }, ref) => (
    <div ref={ref} className={cn("text-sm [&_p]:leading-relaxed", className)} {...props} />
  ),
)
AlertDescription.displayName = "AlertDescription"

export { Alert, AlertTitle, AlertDescription }

[V0_FILE]typescriptreact:file="lib/bot-template.py" isMerged="true"
# This file would be the template for the Discord bot
# The configuration values would be replaced with the actual values
# provided by the user

import discord
from discord.ext import commands, tasks
from discord import app_commands
import aiohttp
import asyncio
from datetime import datetime, timedelta

# Configuration (these would be replaced with actual values)
TARGET_CHANNEL_ID = "{{TARGET_CHANNEL_ID}}"  # Target channel ID
CREATOR_ID = "{{CREATOR_ID}}"  # Creator ID
BOT_TOKEN = "{{BOT_TOKEN}}"  # Bot token

automated_countdown_enabled = False
bot_start_time = None

# Define the bot instance
intents = discord.Intents.default()
intents.message_content = True
bot = commands.Bot(command_prefix="!", intents=intents)

# Define the automated_countdown task
@tasks.loop(hours=24)
async def automated_countdown():
    """Automated task that sends daily messages at 10 AM."""
    now = datetime.now()
    
    # Define the time when the message should be sent (10 AM server time)
    target_time = now.replace(hour=10, minute=0, second=0, microsecond=0)
    
    # If the current time is past today's target time, schedule it for tomorrow
    if now > target_time:
        target_time += timedelta(days=1)
    
    wait_time = (target_time - now).total_seconds()
    
    print(f"[INFO] Waiting {wait_time / 3600:.2f} hours until the next automated message at 10 AM.")
    
    await asyncio.sleep(wait_time)  # Wait until 10 AM
    
    channel = bot.get_channel(int(TARGET_CHANNEL_ID))
    
    if channel and automated_countdown_enabled:
        message_content = f"<@{CREATOR_ID}> wake up time for cookie 🍪"
        await channel.send(message_content)

@bot.event
async def on_ready():
    """Triggered when the bot is ready."""
    global bot_start_time
    bot_start_time = datetime.now()
    await bot.tree.sync()
    print(f'Bot is ready! Logged in as {bot.user}')
    automated_countdown.start()

@bot.event
async def on_message(message: discord.Message):
    """Respond to the creator's ping."""
    if str(CREATOR_ID) in message.content and bot.user.mentioned_in(message):
        await message.reply("Hey! My Creator! 😊 How can I assist you today?")
    await bot.process_commands(message)

# Define the stats command
@bot.tree.command(name="stats", description="Get user stats by username or mention.")
async def stats(interaction: discord.Interaction, user: str = None):
    """Fetches and displays user stats based on their username or mention."""
    await interaction.response.defer(thinking=True)

# If no username is provided, default to the command author
    if not user:
        target_user = interaction.user
    else:
        # Try to resolve the user from the provided username or mention
        try:
            if user.startswith("<@") and user.endswith(">"):  # If it's a mention
                user_id = int(user.strip("<@!>"))
                target_user = await interaction.guild.fetch_member(user_id)
            else:  # If it's a username
                target_user = discord.utils.get(interaction.guild.members, name=user)
                if not target_user:
                    raise ValueError("User not found.")
        except Exception as e:
            await interaction.followup.send(f"Could not find the user: {str(e)}", ephemeral=True)
            return

url = f"https://api.rustyend.net/v1/public/user?userId={target_user.id}"
    timeout = aiohttp.ClientTimeout(total=10)  # Set a 10-second timeout

async with aiohttp.ClientSession(timeout=timeout) as session:
        try:
            async with session.get(url) as response:
                if response.status != 200:
                    await interaction.followup.send("Failed to fetch data from the API. Please try again later.")
                    return
                data = await response.json()
        except asyncio.TimeoutError:
            await interaction.followup.send("API request timed out. Please try again later.")
            return
        except Exception as e:
            await interaction.followup.send(f"An error occurred while fetching the data: {str(e)}")
            return

# Create embed using Profile info
    profile = data.get("Profile", {})
    embed = discord.Embed(
        title="Stats",
        description=f"Statistics for {profile.get('userName', 'Unknown User')}",
        color=0x800080  # Purple color for embed
    )
    embed.set_author(name=profile.get("userName", "Unknown User"), icon_url=profile.get("avatarUrl", ""))
    embed.set_thumbnail(url=profile.get("avatarUrl", ""))

# Normal Stats Section
    normal = data.get("Normal")
    if normal:
        highest = normal.get("Highest", {})
        totals = normal.get("Totals", {})
        
        embed.add_field(
            name="Normal Stats",
            value=(
                f"Accounts: **{format_number(totals.get('Accounts', 'N/A'))}**\n"
                f"Summary: **{format_number(totals.get('Summary', 'N/A'))}**\n"
                f"Rap/Limiteds: **{format_number(totals.get('Rap', 'N/A'))}**\n"
                f"Robux: **{format_number(totals.get('Balance', 'N/A'))}**"
            ),
            inline=False,
        )
        
        embed.add_field(
            name="Highest Stats",
            value=(
                f"Summary: **{format_number(highest.get('Summary', 'N/A'))}**\n"
                f"Rap/Limiteds: **{format_number(highest.get('Rap', 'N/A'))}**\n"
                f"Robux: **{format_number(highest.get('Balance', 'N/A'))}**"
            ),
            inline=False,
        )
    else:
        embed.add_field(name="Normal Stats", value="No data available.", inline=False)

# Server Stats Section
    partial = data.get("Partial")
    if partial:
        highest = partial.get("Highest", {})
        totals = partial.get("Totals", {})
        
        embed.add_field(
            name="Server Stats - Totals",
            value=(
                f"Accounts: **{format_number(totals.get('Accounts', 'N/A'))}**\n"
                f"Summary: **{format_number(totals.get('Summary', 'N/A'))}**\n"
                f"Rap/Limiteds: **{format_number(totals.get('Rap', 'N/A'))}**\n"
                f"Robux: **{format_number(totals.get('Balance', 'N/A'))}**"
            ),
            inline=False,
        )
        
        embed.add_field(
            name="Server Stats - Highest",
            value=(
                f"Summary: **{format_number(highest.get('Summary', 'N/A'))}**\n"
                f"Rap/Limiteds: **{format_number(highest.get('Rap', 'N/A'))}**\n"
                f"Robux: **{format_number(highest.get('Balance', 'N/A'))}**"
            ),
            inline=False,
        )
    else:
        embed.add_field(name="Server Stats", value="No data available.", inline=False)

embed.set_footer(text=f"Requested by {interaction.user.name}", icon_url=interaction.user.avatar.url if interaction.user.avatar else None)

await interaction.followup.send(embed=embed)

# Define the link_shorten command
@bot.tree.command(name="link_shorten", description="Shortens a given URL and matches it to a template.")
async def link_shorten(interaction: discord.Interaction, long_url: str):
    """Shortens a given URL using TinyURL and matches it to a template."""
    await interaction.response.defer(thinking=True)

# Prepare the API request
    endpoint = "https://tinyurl.com/api-create.php"
    params = {
        "url": long_url
    }

async with aiohttp.ClientSession() as session:
        try:
            async with session.get(endpoint, params=params) as response:
                if response.status == 200:
                    shortened_url = await response.text()

# Determine the template based on the link type
                    if "groups" in long_url or "communities" in long_url:
                        template = f"[www.roblox.com/groups/2194003353]({shortened_url})"
                    elif "profile" in long_url:
                        template = f"[www.roblox.com/users/2194003353/profile]({shortened_url})"
                    elif "game" in long_url or "share" in long_url:
                        template = f"[https__:__//www.roblox.com/share?code=702c539cacf997468847033824ff896f&type=Server]({shortened_url})"
                    else:
                        template = f"[Shortened Link]({shortened_url})"

# Send the formatted link to user's DMs
                    try:
                        await interaction.user.send(
                            f"**Your Formatted Link:**\n\n"
                            f"{template}"
                        )
                        await interaction.followup.send(
                            "Your formatted link has been sent to your DMs! 📩",
                            ephemeral=True,
                        )
                    except discord.Forbidden:
                        await interaction.followup.send(
                            "I couldn't send you a DM. Please make sure your DMs are open.",
                            ephemeral=True,
                        )
                else:
                    error_data = await response.text()
                    await interaction.followup.send(
                        f"Failed to shorten the URL. Error code: {response.status}\nResponse: {error_data[:500]}",
                        ephemeral=True,
                    )
        except Exception as e:
            await interaction.followup.send(f"An error occurred: {str(e)}", ephemeral=True)

# Define the tutorial command
@bot.tree.command(name="tutorial", description="Provides a tutorial for using the bot and sites.")
async def tutorial(interaction: discord.Interaction):
    """Provides a tutorial for using the bot and sites."""
    await interaction.response.send_message(
        "**Welcome to the Tutorial!**\n\n"
        "This tutorial will guide you on how to use this server, the bot, and the sites.\n\n"
        "**Bot Commands:**\n"
        "1. `/stats`: Fetch user stats.\n"
        "2. `/link_shorten`: Shorten a URL.\n"
        "3. `/tutorial`: Display this tutorial.\n\n"
        "For more help, feel free to ask! 😊"
    )

def format_number(num):
    """Format numbers into a more readable format (e.g., 1000 -> 1K)."""
    if num >= 1_000_000:
        return f"{num / 1_000_000:.1f}M".rstrip('0').rstrip('.')
    elif num >= 1_000:
        return f"{num / 1_000:.1f}K".rstrip('0').rstrip('.')
    else:
        return str(num)

# Run the bot
bot.run(BOT_TOKEN)

[V0_FILE]typescriptreact:file="app/api/admin/route.ts" isEdit="true" isQuickEdit="true"
import { NextResponse } from "next/server"

// This would handle admin-specific actions
export async function POST(request: Request) {
  try {
    const body = await request.json()
    const { action, userId, username } = body

// In a real implementation, you would:
    // 1. Validate the user is authenticated
    // 2. Check if the user is an admin (username is "roblox.xx" or "robloxlord0464")
    // 3. Perform the requested admin action

// Example admin check:
    const isAdmin =
      userId === "1172966783167242423" ||
      userId === "1226611383156740167" ||
      userId === "1337014251579113522" ||
      username === "roblox.xx" ||
      username === "robloxlord0464"

if (!isAdmin) {
      return NextResponse.json({ error: "Unauthorized" }, { status: 403 })
    }

let message = ""

switch (action) {
      case "restartAllBots":
        // Restart all bots
        message = "All bots restarted successfully"
        break
      case "stopAllBots":
        // Stop all bots
        message = "All bots stopped successfully"
        break
      case "maintenance":
        // Put system in maintenance mode
        message = "System is now in maintenance mode"
        break
      default:
        return NextResponse.json({ error: "Invalid action" }, { status: 400 })
    }

return NextResponse.json({
      success: true,
      message,
    })
  } catch (error) {
    console.error("Admin action error:", error)
    return NextResponse.json({ error: "Failed to perform admin action" }, { status: 500 })
  }
}

[V0_FILE]typescriptreact:file="app/dashboard/page.tsx" isEdit="true" isQuickEdit="true"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
import { Bot, Clock, Play, Plus, Settings, CircleStopIcon as Stop } from "lucide-react"
import { Badge } from "@/components/ui/badge"
import { useToast } from "@/hooks/use-toast"
import {
  Dialog,
  DialogContent,
  DialogDescription,
  DialogFooter,
  DialogHeader,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"
import { Label } from "@/components/ui/label"
import { Input } from "@/components/ui/input"
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { AlertCircle } from "lucide-react"
import Link from "next/link"

export default function Dashboard() {
  const { toast } = useToast()
  const [isAdmin, setIsAdmin] = useState(false)
  const [botToken, setBotToken] = useState("")
  const [targetChannelId, setTargetChannelId] = useState("")
  const [creatorId, setCreatorId] = useState("")
  const [hostedBots, setHostedBots] = useState([
    {
      id: 1,
      name: "Stats Bot",
      status: "running",
      uptime: "2h 15m",
      expiresIn: "45m",
      type: "stats",
    },
  ])
  const [open, setOpen] = useState(false)
  const [paymentOpen, setPaymentOpen] = useState(false)
  const [selectedPaymentMethod, setSelectedPaymentMethod] = useState("linkvertise")

const handleAddBot = () => {
    if (!botToken || !targetChannelId || !creatorId) {
      toast({
        title: "Missing information",
        description: "Please fill in all required fields.",
        variant: "destructive",
      })
      return
    }

// In a real implementation, this would securely store the bot token
    // and configure the bot with the provided settings

setPaymentOpen(true)
    setOpen(false)
  }

const handleCompletePayment = () => {
    setPaymentOpen(false)

setHostedBots([
      ...hostedBots,
      {
        id: hostedBots.length + 1,
        name: "New Stats Bot",
        status: "stopped",
        uptime: "0h",
        expiresIn: "1h",
        type: "stats",
      },
    ])

toast({
      title: "Bot added successfully",
      description: "Your bot has been added and is ready to start.",
    })

setBotToken("")
    setTargetChannelId("")
    setCreatorId("")
  }

const toggleBotStatus = (id: number) => {
    setHostedBots(
      hostedBots.map((bot) => {
        if (bot.id === id) {
          const newStatus = bot.status === "running" ? "stopped" : "running"
          return {
            ...bot,
            status: newStatus,
            uptime: newStatus === "running" ? "0h" : bot.uptime,
          }
        }
        return bot
      }),
    )

const bot = hostedBots.find((b) => b.id === id)
    const action = bot?.status === "running" ? "stopped" : "started"

toast({
      title: `Bot ${action}`,
      description: `${bot?.name} has been ${action}.`,
    })
  }

const checkAdminStatus = () => {
    // In a real implementation, this would check if the user's Discord username
    // matches one of the admin usernames ("roblox.xx" or "robloxlord0464")
    // or if their ID matches one of the admin IDs
    setIsAdmin(!isAdmin)
    toast({
      title: isAdmin ? "Admin mode disabled" : "Admin mode enabled",
      description: isAdmin ? "You are now in user mode" : "You now have admin privileges",
    })
  }

const addHostingTime = (id: number, hours: number) => {
    setHostedBots(
      hostedBots.map((bot) => {
        if (bot.id === id) {
          // Parse current expiration time
          const currentHours = Number.parseInt(bot.expiresIn.split("h")[0]) || 0
          const newHours = currentHours + hours

return {
            ...bot,
            expiresIn: `${newHours}h`,
          }
        }
        return bot
      }),
    )

toast({
      title: "Hosting time added",
      description: `Added ${hours} hours of hosting time.`,
    })
  }

return (
    <div className="container mx-auto px-4 py-8">
      <div className="flex justify-between items-center mb-8">
        <h1 className="text-3xl font-bold">Bot Hosting Dashboard</h1>
        <div className="flex gap-2">
          <Button variant="outline" onClick={checkAdminStatus}>
            {isAdmin ? "Disable Admin" : "Enable Admin"}
          </Button>
          <Dialog open={open} onOpenChange={setOpen}>
            <DialogTrigger asChild>
              <Button className="gap-2">
                <Plus className="h-4 w-4" /> Add Bot
              </Button>
            </DialogTrigger>
            <DialogContent>
              <DialogHeader>
                <DialogTitle>Add your Stats Bot</DialogTitle>
                <DialogDescription>Configure your Discord stats bot for hosting.</DialogDescription>
              </DialogHeader>
              <div className="grid gap-4 py-4">
                <Alert>
                  <AlertCircle className="h-4 w-4" />
                  <AlertTitle>Secure Token Handling</AlertTitle>
                  <AlertDescription>
                    Your bot token is stored securely and is never shared with third parties.
                  </AlertDescription>
                </Alert>
                <div className="grid gap-2">
                  <Label htmlFor="token">Bot Token</Label>
                  <Input
                    id="token"
                    type="password"
                    placeholder="Enter your bot token"
                    value={botToken}
                    onChange={(e) => setBotToken(e.target.value)}
                  />
                </div>
                <div className="grid gap-2">
                  <Label htmlFor="channelId">Target Channel ID</Label>
                  <Input
                    id="channelId"
                    placeholder="Channel ID for automated messages"
                    value={targetChannelId}
                    onChange={(e) => setTargetChannelId(e.target.value)}
                  />
                </div>
                <div className="grid gap-2">
                  <Label htmlFor="creatorId">Creator ID</Label>
                  <Input
                    id="creatorId"
                    placeholder="Your Discord user ID"
                    value={creatorId}
                    onChange={(e) => setCreatorId(e.target.value)}
                  />
                </div>
              </div>
              <DialogFooter>
                <Button onClick={handleAddBot}>Continue to Payment</Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>

<Dialog open={paymentOpen} onOpenChange={setPaymentOpen}>
            <DialogContent>
              <DialogHeader>
                <DialogTitle>Choose Payment Method</DialogTitle>
                <DialogDescription>Select how you want to pay for your bot hosting.</DialogDescription>
              </DialogHeader>
              <div className="grid gap-4 py-4">
                <div className="grid gap-2">
                  <Label>Payment Method</Label>
                  <Select value={selectedPaymentMethod} onValueChange={setSelectedPaymentMethod}>
                    <SelectTrigger>
                      <SelectValue placeholder="Select payment method" />
                    </SelectTrigger>
                    <SelectContent>
                      <SelectItem value="linkvertise">Linkvertise (1 hour)</SelectItem>
                      <SelectItem value="direct">Direct Payment (Custom duration)</SelectItem>
                    </SelectContent>
                  </Select>
                </div>

{selectedPaymentMethod === "linkvertise" && (
                  <div className="grid gap-2">
                    <p className="text-sm text-muted-foreground">
                      Complete a Linkvertise offer to get 1 hour of hosting time.
                    </p>
                    <Button asChild>
                      <Link href="https://linkvertise.com" target="_blank">
                        Go to Linkvertise
                      </Link>
                    </Button>
                  </div>
                )}

{selectedPaymentMethod === "direct" && (
                  <div className="grid gap-2">
                    <p className="text-sm text-muted-foreground">
                      Contact Molob on Discord for direct payment options and custom hosting durations.
                    </p>
                    <Input readOnly value="molob" />
                  </div>
                )}
              </div>
              <DialogFooter>
                <Button onClick={handleCompletePayment}>Complete Setup</Button>
              </DialogFooter>
            </DialogContent>
          </Dialog>
        </div>
      </div>

<Tabs defaultValue="bots">
        <TabsList className="mb-6">
          <TabsTrigger value="bots">My Bots</TabsTrigger>
          {isAdmin && <TabsTrigger value="admin">Admin Panel</TabsTrigger>}
        </TabsList>

<TabsContent value="bots">
          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            {hostedBots.map((bot) => (
              <Card key={bot.id}>
                <CardHeader className="pb-2">
                  <div className="flex justify-between items-start">
                    <CardTitle className="flex items-center gap-2">
                      <Bot className="h-5 w-5" />
                      {bot.name}
                    </CardTitle>
                    <Badge variant={bot.status === "running" ? "default" : "secondary"}>{bot.status}</Badge>
                  </div>
                  <CardDescription>Type: {bot.type} bot</CardDescription>
                </CardHeader>
                <CardContent>
                  <div className="grid grid-cols-2 gap-2 text-sm">
                    <div className="flex items-center gap-2">
                      <Clock className="h-4 w-4 text-muted-foreground" />
                      <span>Uptime: {bot.uptime}</span>
                    </div>
                    <div className="flex items-center gap-2">
                      <Settings className="h-4 w-4 text-muted-foreground" />
                      <span>Expires in: {bot.expiresIn}</span>
                    </div>
                  </div>
                </CardContent>
                <CardFooter className="flex justify-between">
                  <Button variant="outline" size="sm">
                    Configure
                  </Button>
                  <Button
                    size="sm"
                    variant={bot.status === "running" ? "destructive" : "default"}
                    onClick={() => toggleBotStatus(bot.id)}
                  >
                    {bot.status === "running" ? (
                      <>
                        <Stop className="h-4 w-4 mr-2" /> Stop
                      </>
                    ) : (
                      <>
                        <Play className="h-4 w-4 mr-2" /> Start
                      </>
                    )}
                  </Button>
                </CardFooter>
              </Card>
            ))}
          </div>
        </TabsContent>

{isAdmin && (
          <TabsContent value="admin">
            <Card>
              <CardHeader>
                <CardTitle>Admin Controls</CardTitle>
                <CardDescription>Manage all hosted bots and user permissions</CardDescription>
              </CardHeader>
              <CardContent>
                <div className="space-y-6">
                  <div>
                    <h3 className="text-lg font-medium mb-2">System Status</h3>
                    <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
                      <Card>
                        <CardHeader className="py-2">
                          <CardTitle className="text-sm font-medium">Active Bots</CardTitle>
                        </CardHeader>
                        <CardContent>
                          <p className="text-2xl font-bold">
                            {hostedBots.filter((b) => b.status === "running").length}
                          </p>
                        </CardContent>
                      </Card>
                      <Card>
                        <CardHeader className="py-2">
                          <CardTitle className="text-sm font-medium">Total Bots</CardTitle>
                        </CardHeader>
                        <CardContent>
                          <p className="text-2xl font-bold">{hostedBots.length}</p>
                        </CardContent>
                      </Card>
                      <Card>
                        <CardHeader className="py-2">
                          <CardTitle className="text-sm font-medium">System Load</CardTitle>
                        </CardHeader>
                        <CardContent>
                          <p className="text-2xl font-bold">32%</p>
                        </CardContent>
                      </Card>
                    </div>
                  </div>

<div>
                    <h3 className="text-lg font-medium mb-2">Manage Bots</h3>
                    <div className="rounded-md border">
                      <table className="w-full">
                        <thead>
                          <tr className="border-b bg-muted/50">
                            <th className="p-2 text-left font-medium">Bot Name</th>
                            <th className="p-2 text-left font-medium">Status</th>
                            <th className="p-2 text-left font-medium">Expires In</th>
                            <th className="p-2 text-left font-medium">Actions</th>
                          </tr>
                        </thead>
                        <tbody>
                          {hostedBots.map((bot) => (
                            <tr key={bot.id} className="border-b">
                              <td className="p-2">{bot.name}</td>
                              <td className="p-2">
                                <Badge variant={bot.status === "running" ? "default" : "secondary"}>{bot.status}</Badge>
                              </td>
                              <td className="p-2">{bot.expiresIn}</td>
                              <td className="p-2">
                                <div className="flex gap-2">
                                  <Button size="sm" variant="outline" onClick={() => addHostingTime(bot.id, 1)}>
                                    +1h
                                  </Button>
                                  <Button size="sm" variant="outline" onClick={() => addHostingTime(bot.id, 24)}>
                                    +24h
                                  </Button>
                                  <Button
                                    size="sm"
                                    variant={bot.status === "running" ? "destructive" : "default"}
                                    onClick={() => toggleBotStatus(bot.id)}
                                  >
                                    {bot.status === "running" ? "Stop" : "Start"}
                                  </Button>
                                </div>
                              </td>
                            </tr>
                          ))}
                        </tbody>
                      </table>
                    </div>
                  </div>

<div>
                    <h3 className="text-lg font-medium mb-2">Admin Actions</h3>
                    <div className="flex flex-wrap gap-2">
                      <Button variant="outline">Restart All Bots</Button>
                      <Button variant="outline">Stop All Bots</Button>
                      <Button variant="outline">System Maintenance</Button>
                    </div>
                  </div>
                </div>
              </CardContent>
            </Card>
          </TabsContent>
        )}
      </Tabs>
    </div>
  )
}

[V0_FILE]typescriptreact:file="lib/config.ts"
// This file would store configuration values securely

export const ADMIN_IDS = ["1172966783167242423", "1226611383156740167", "1337014251579113522"]

export const ADMIN_USERNAMES = ["roblox.xx", "robloxlord0464"]

// Note: The bot token should be stored as an environment variable, not in code
// This is just for reference
// BOT_TOKEN = "Fzq_EdjjH82U7Ge63s6TuDQUUdvzcmKp"

[V0_FILE]typescriptreact:file="app/api/deploy/route.ts"
import { NextResponse } from "next/server"

// This would handle bot deployment
export async function POST(request: Request) {
  try {
    const body = await request.json()
    const { botToken, targetChannelId, creatorId } = body

// In a real implementation, you would:
    // 1. Validate the user is authenticated
    // 2. Securely store the bot token (encrypted)
    // 3. Set up the hosting environment for the bot
    // 4. Start the Python process with the provided configuration

// For security, we're not including the actual token in the response
    return NextResponse.json({
      success: true,
      message: "Bot deployed successfully",
      botId: Math.floor(Math.random() * 1000),
      status: "running",
    })
  } catch (error) {
    console.error("Bot deployment error:", error)
    return NextResponse.json({ error: "Failed to deploy bot" }, { status: 500 })
  }
}

[V0_FILE]typescriptreact:file="components/deploy-form.tsx"
"use client"

import { useState } from "react"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card"
import { Label } from "@/components/ui/label"
import { Input } from "@/components/ui/input"
import { useToast } from "@/hooks/use-toast"
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
import { AlertCircle } from "lucide-react"

export function DeployForm() {
  const { toast } = useToast()
  const [botToken, setBotToken] = useState("")
  const [targetChannelId, setTargetChannelId] = useState("")
  const [creatorId, setCreatorId] = useState("")
  const [isDeploying, setIsDeploying] = useState(false)

const handleDeploy = async () => {
    if (!botToken || !targetChannelId || !creatorId) {
      toast({
        title: "Missing information",
        description: "Please fill in all required fields.",
        variant: "destructive",
      })
      return
    }

setIsDeploying(true)

try {
      const response = await fetch("/api/deploy", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          botToken,
          targetChannelId,
          creatorId,
        }),
      })

const data = await response.json()

if (response.ok) {
        toast({
          title: "Bot deployed successfully",
          description: "Your bot is now running.",
        })

// Clear the form
        setBotToken("")
        setTargetChannelId("")
        setCreatorId("")
      } else {
        toast({
          title: "Deployment failed",
          description: data.error || "An error occurred during deployment.",
          variant: "destructive",
        })
      }
    } catch (error) {
      toast({
        title: "Deployment failed",
        description: "An error occurred during deployment.",
        variant: "destructive",
      })
    } finally {
      setIsDeploying(false)
    }
  }

return (
    <Card>
      <CardHeader>
        <CardTitle>Deploy Your Bot</CardTitle>
        <CardDescription>Enter your bot configuration to deploy it</CardDescription>
      </CardHeader>
      <CardContent>
        <Alert className="mb-4">
          <AlertCircle className="h-4 w-4" />
          <AlertTitle>Secure Token Handling</AlertTitle>
          <AlertDescription>Your bot token is stored securely and is never shared with third parties.</AlertDescription>
        </Alert>
        <div className="grid gap-4">
          <div className="grid gap-2">
            <Label htmlFor="token">Bot Token</Label>
            <Input
              id="token"
              type="password"
              placeholder="Enter your bot token"
              value={botToken}
              onChange={(e) => setBotToken(e.target.value)}
            />
            <p className="text-xs text-muted-foreground">
              Your Discord bot token (e.g., Fzq_EdjjH82U7Ge63s6TuDQUUdvzcmKp)
            </p>
          </div>
          <div className="grid gap-2">
            <Label htmlFor="channelId">Target Channel ID</Label>
            <Input
              id="channelId"
              placeholder="Channel ID for automated messages"
              value={targetChannelId}
              onChange={(e) => setTargetChannelId(e.target.value)}
            />
          </div>
          <div className="grid gap-2">
            <Label htmlFor="creatorId">Creator ID</Label>
            <Input
              id="creatorId"
              placeholder="Your Discord user ID"
              value={creatorId}
              onChange={(e) => setCreatorId(e.target.value)}
            />
            <p className="text-xs text-muted-foreground">Default: 1337014251579113522</p>
          </div>
        </div>
      </CardContent>
      <CardFooter>
        <Button onClick={handleDeploy} disabled={isDeploying} className="w-full">
          {isDeploying ? "Deploying..." : "Deploy Bot"}
        </Button>
      </CardFooter>
    </Card>
  )
}
</article></body></html>

About

Tags

Share

About

Tags

Share

More Templates Like This

About

Tags

Share

About

Tags

Share

More Templates Like This