[V0_FILE]typescriptreact:file="components/windows98.tsx" isFixed="true" isQuickEdit="true" // This contains our Windows 98-style UI components import { cn } from "@/lib/utils" import type React from "react" interface WindowProps extends React.HTMLAttributes { title: string children: React.ReactNode } export function Window({ title, children, className, ...props }: WindowProps) { return (

{title}

{children}

) } export function Button({ children, className, ...props }: React.ButtonHTMLAttributes) { return ( ) } export function MenuBar() { return (

File Tools View Sounds Registration Help

) } [V0_FILE]typescriptreact:file="components/action-panel.tsx" isQuickEdit="true" import { Button } from "@/components/ui/button" import { Backpack, Stethoscope, DollarSign, Store, Calendar } from "lucide-react" interface ActionPanelProps { onEndDay: () => void onOpenInventory: () => void onOpenHospital: () => void onOpenLoanShark: () => void onOpenStore: () => void isStoreAvailable: boolean } export function ActionPanel({ onEndDay, onOpenInventory, onOpenHospital, onOpenLoanShark, onOpenStore, isStoreAvailable, }: ActionPanelProps) { return (

{isStoreAvailable && ( )}

) } [V0_FILE]typescriptreact:file="components/game-over.tsx" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" interface GameOverProps { message: string onRestart: () => void } export function GameOver({ message, onRestart }: GameOverProps) { return (

Game Over

{message}

) } [V0_FILE]typescriptreact:file="components/price-history-chart.tsx" import { useState } from "react" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts" interface PriceHistoryChartProps { priceHistory: { [key: string]: { day: number; price: number }[] } } export function PriceHistoryChart({ priceHistory }: PriceHistoryChartProps) { const [selectedDrug, setSelectedDrug] = useState(Object.keys(priceHistory)[0]) const data = selectedDrug ? priceHistory[selectedDrug] : [] return ( Price History

) } [V0_FILE]typescriptreact:file="components/price-history-modal.tsx" isQuickEdit="true" import { useState, useMemo } from "react" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts" import { INITIAL_DRUGS, type Drug } from "@/lib/game-logic" interface PriceHistoryModalProps { isOpen: boolean onClose: () => void priceHistory: { [key: string]: { day: number; price: number }[] } } export function PriceHistoryModal({ isOpen, onClose, priceHistory }: PriceHistoryModalProps) { const [selectedDrug, setSelectedDrug] = useState(INITIAL_DRUGS[0].name) const data = useMemo(() => priceHistory[selectedDrug] || [], [selectedDrug, priceHistory]) const selectedDrugInfo = INITIAL_DRUGS.find((drug) => drug.name === selectedDrug) as Drug const yAxisDomain = useMemo(() => { if (selectedDrugInfo) { const minPrice = Math.floor(selectedDrugInfo.minPrice * 0.9) const maxPrice = Math.ceil(selectedDrugInfo.maxPrice * 1.1) return [minPrice, maxPrice] } return undefined }, [selectedDrugInfo]) const formatPrice = (value: number) => `$${value.toLocaleString()}` return ( ) } [V0_FILE]typescriptreact:file="components/help-modal.tsx" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" interface HelpModalProps { isOpen: boolean onClose: () => void } export function HelpModal({ isOpen, onClose }: HelpModalProps) { return ( ) } [V0_FILE]typescriptreact:file="components/ui/window.tsx" isQuickEdit="true" import { useState } from "react" import { Button } from "@/components/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" import { Volume2, VolumeX, Save, FolderOpen, RefreshCw } from "lucide-react" interface MenuBarProps { onOpenHelp: () => void onToggleSound: () => void isSoundOn: boolean onSaveGame: () => void onLoadGame: () => void onNewGame: () => void onOpenSettings: () => void } export function MenuBar({ onOpenHelp, onToggleSound, isSoundOn, onSaveGame, onLoadGame, onNewGame, onOpenSettings, }: MenuBarProps) { const [activeMenu, setActiveMenu] = useState(null) const handleMenuClick = (menu: string) => { setActiveMenu(activeMenu === menu ? null : menu) } return (

New Game Save Game Load Game {isSoundOn ? ( <> Mute ) : ( <> Unmute )}

) } [V0_FILE]typescript:file="lib/game-logic.ts" export const INITIAL_CASH = 2000 export const INITIAL_DEBT = 5500 export const MAX_DAYS = 30 export const TRENCHCOAT_CAPACITY = 100 export const TAXI_COST = 100 // Cost to travel between locations export const HOURS_PER_DAY = 24 export interface Drug { name: string minPrice: number maxPrice: number } export const INITIAL_DRUGS: Drug[] = [ { name: "Acid", minPrice: 1000, maxPrice: 4400 }, { name: "Cocaine", minPrice: 15000, maxPrice: 29000 }, { name: "Hashish", minPrice: 480, maxPrice: 1280 }, { name: "Heroin", minPrice: 5500, maxPrice: 13000 }, { name: "Weed", minPrice: 315, maxPrice: 890 }, { name: "Ecstasy", minPrice: 1500, maxPrice: 4400 }, { name: "Crack", minPrice: 1000, maxPrice: 3500 }, { name: "Mushrooms", minPrice: 600, maxPrice: 1300 }, ] export const LOCATIONS = [ { name: "Bronx", distance: 1, travelTime: 2 }, { name: "Manhattan", distance: 2, travelTime: 3 }, { name: "Queens", distance: 3, travelTime: 4 }, { name: "Brooklyn", distance: 2, travelTime: 3 }, { name: "Staten Island", distance: 4, travelTime: 5 }, { name: "Central Park", distance: 1, travelTime: 1 }, ] export const INITIAL_INVENTORY_SLOTS = 10 export const MAX_INVENTORY_SLOTS = 200 export const STORE_ITEMS = [ { name: "Larger Trenchcoat", price: 1000, effect: "Increases inventory capacity by 10" }, { name: "Fake ID", price: 500, effect: "Reduces chance of random police encounters" }, { name: "Burner Phone", price: 300, effect: "Increases chance of finding better deals" }, { name: "Bulletproof Vest", price: 2000, effect: "Reduces health loss from violent encounters" }, { name: "Bribe Money", price: 1500, effect: "Allows you to bribe your way out of some situations" }, ] export function generateDrugPrices(drugs: Drug[]): { [key: string]: number } { return drugs.reduce( (acc, drug) => { acc[drug.name] = Math.floor(Math.random() * (drug.maxPrice - drug.minPrice + 1) + drug.minPrice) return acc }, {} as { [key: string]: number }, ) } export function calculateTotalInventoryValue( inventory: { [key: string]: number }, prices: { [key: string]: number }, ): number { return Object.entries(inventory).reduce((total, [drug, quantity]) => { return total + (prices[drug] || 0) * quantity }, 0) } export function getRandomStoreLocations(): string[] { const shuffled = [...LOCATIONS].sort(() => 0.5 - Math.random()) return shuffled.slice(0, 2).map((location) => location.name) } [V0_FILE]typescriptreact:file="components/inventory-modal.tsx" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Card } from "@/components/ui/card" import { ScrollArea } from "@/components/ui/scroll-area" import { Pill, Syringe, Cannabis, Dna, Candy, Snowflake, Zap, MouseIcon as Mushroom } from "lucide-react" import type React from "react" interface InventoryModalProps { isOpen: boolean onClose: () => void inventory: { [key: string]: number } inventorySlots: number } const drugIcons: { [key: string]: React.ElementType } = { Acid: Pill, Cocaine: Snowflake, Hashish: Cannabis, Heroin: Syringe, Weed: Cannabis, Ecstasy: Candy, Crack: Zap, Mushrooms: Mushroom, } export function InventoryModal({ isOpen, onClose, inventory, inventorySlots }: InventoryModalProps) { const inventoryItems = Object.entries(inventory) const emptySlots = Math.max(0, inventorySlots - inventoryItems.length) return ( ) } [V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" import { Toaster } from "@/components/ui/toaster" import type React from "react" export default function RootLayout({ children }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescriptreact:file="tailwind.config.js" isQuickEdit="true" /** @type {import('tailwindcss').Config} */ module.exports = { content: ["./pages/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./app/**/*.{ts,tsx}", "./src/**/*.{ts,tsx}"], 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", }, backgroundImage: { "neutral-gradient": "linear-gradient(to bottom right, #1a1a2e, #16213e, #0f3460, #1a1a2e)", }, }, }, plugins: [require("tailwindcss-animate")], } [V0_FILE]typescriptreact:file="components/random-event-modal.tsx" isQuickEdit="true" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import type { RandomEvent } from "@/lib/random-events" interface RandomEventModalProps { isOpen: boolean onClose: () => void event: RandomEvent | null } export function RandomEventModal({ isOpen, onClose, event }: RandomEventModalProps) { if (!event) return null return ( ) } [V0_FILE]typescriptreact:file="components/subway-lady-modal.tsx" isQuickEdit="true" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" interface SubwayLadyModalProps { isOpen: boolean onClose: () => void saying: string | null } export function SubwayLadyModal({ isOpen, onClose, saying }: SubwayLadyModalProps) { if (!saying) return null return ( ) } [V0_FILE]typescriptreact:file="components/hospital.tsx" isQuickEdit="true" "use client" import { useState } from "react" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, } from "@/components/ui/dialog" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { pharmacyItems, type PharmacyItem } from "@/lib/pharmacy-items" import Image from "next/image" interface HospitalProps { isOpen: boolean onClose: () => void health: number cash: number inventory: { [key: string]: number } onHeal: (amount: number) => void onBuyPharmacyItem: (item: string, quantity: number) => void onUsePharmacyItem: (item: string) => void } export function Hospital({ isOpen, onClose, health, cash, inventory, onHeal, onBuyPharmacyItem, onUsePharmacyItem, }: HospitalProps) { const [healAmount, setHealAmount] = useState(1) const [activeTab, setActiveTab] = useState("heal") const maxHeal = Math.min(100 - health, Math.floor(cash / 100)) const healCost = healAmount * 100 const handleHeal = () => { onHeal(healAmount) setHealAmount(1) } const handleBuyPharmacyItem = (item: PharmacyItem) => { onBuyPharmacyItem(item.name, 1) } const handleUsePharmacyItem = (item: PharmacyItem) => { onUsePharmacyItem(item.name) } return ( ) } [V0_FILE]typescript:file="lib/pharmacy-items.ts" isFixed="true" isQuickEdit="true" interface GameState { health: number inventorySlots: number day: number antibioticsEffect?: number adrenalineEffect?: number } export interface PharmacyItem { name: string description: string price: number effect: (state: GameState) => Partial } export const pharmacyItems: PharmacyItem[] = [ { name: "Painkillers", description: "Relieves pain and increases health by 10%", price: 50, effect: (state) => ({ health: Math.min(100, state.health + 10) }), }, { name: "Medpack", description: "A complete medical kit that restores 25% health", price: 100, effect: (state) => ({ health: Math.min(100, state.health + 25) }), }, { name: "Bandage", description: "Basic first aid that increases health by 5%", price: 25, effect: (state) => ({ health: Math.min(100, state.health + 5) }), }, { name: "Adrenaline Shot", description: "Temporarily increases inventory capacity by 10 slots for one day", price: 200, effect: (state) => ({ inventorySlots: state.inventorySlots + 10, adrenalineEffect: state.day }), }, { name: "Antibiotics", description: "Prevents health loss for 3 days", price: 150, effect: (state) => ({ antibioticsEffect: state.day + 3 }), }, ] [V0_FILE]typescriptreact:file="lib/game-state.ts" isQuickEdit="true" import { INITIAL_CASH, INITIAL_DEBT, MAX_DAYS, INITIAL_DRUGS, LOCATIONS, generateDrugPrices, TAXI_COST, INITIAL_INVENTORY_SLOTS, MAX_INVENTORY_SLOTS, HOURS_PER_DAY, STORE_ITEMS, } from "./game-logic" import type { RandomEvent } from "./random-events" import { pharmacyItems } from "./pharmacy-items" import { getRandomStoreLocations } from "./store-items" export interface GameState { cash: number debt: number day: number location: { name: string; distance: number } inventory: { [key: string]: number painkillers?: number medpacks?: number bandages?: number adrenalineShots?: number antibiotics?: number } prices: { [key: string]: number } health: number message: string gameOver: boolean priceHistory: { [key: string]: { day: number; price: number }[] } inventorySlots: number currentEvent: RandomEvent | null subwayLadySaying: string | null currentMusic: string | null currentActivity: string | null adrenalineEffect: number | null antibioticsEffect: number | null purchasePrices: { [key: string]: number } remainingTime: number storeLocations: string[] } export const initialGameState: GameState = { cash: INITIAL_CASH, debt: INITIAL_DEBT, day: 1, location: LOCATIONS[0], inventory: {}, prices: generateDrugPrices(INITIAL_DRUGS), health: 100, message: "Welcome to Dope Wars! Start trading to make money and pay off your debt.", gameOver: false, priceHistory: Object.fromEntries( INITIAL_DRUGS.map((drug) => [drug.name, [{ day: 1, price: generateDrugPrices([drug])[drug.name] }]]), ), inventorySlots: INITIAL_INVENTORY_SLOTS, currentEvent: null, subwayLadySaying: null, currentMusic: null, currentActivity: null, adrenalineEffect: null, antibioticsEffect: null, purchasePrices: {}, remainingTime: HOURS_PER_DAY, storeLocations: getRandomStoreLocations(), } type GameAction = | { type: "BUY_DRUG"; drug: string; quantity: number } | { type: "SELL_DRUG"; drug: string; quantity: number } | { type: "TRAVEL"; location: string } | { type: "END_DAY" } | { type: "BORROW"; amount: number } | { type: "REPAY"; amount: number } | { type: "INCREASE_INVENTORY_SLOTS"; amount: number } | { type: "RESTART" } | { type: "LOAD_GAME"; state: GameState } | { type: "SET_RANDOM_EVENT"; event: RandomEvent } | { type: "CLEAR_RANDOM_EVENT" } | { type: "SET_SUBWAY_LADY_SAYING"; saying: string } | { type: "CLEAR_SUBWAY_LADY_SAYING" } | { type: "SET_RANDOM_MUSIC"; music: string } | { type: "SET_RANDOM_ACTIVITY"; activity: string } | { type: "HEAL"; amount: number } | { type: "BUY_PHARMACY_ITEM"; item: string; quantity: number } | { type: "USE_PHARMACY_ITEM"; item: string } | { type: "BUY_STORE_ITEM"; item: string } | { type: "UPDATE_STORE_LOCATIONS" } function checkGameOver(state: GameState): Partial { if (state.health <= 0) { return { gameOver: true, message: "Game Over: You died!" } } if (state.day > MAX_DAYS) { const totalValue = state.cash + Object.entries(state.inventory).reduce( (total, [drug, quantity]) => total + (state.prices[drug] || 0) * quantity, 0, ) if (totalValue > state.debt) { return { gameOver: true, message: `Congratulations! You won with a net worth of $${totalValue - state.debt}!` } } else { return { gameOver: true, message: `Game Over: You couldn't pay off your debt. You're $${state.debt - totalValue} short.`, } } } return {} } export function gameReducer(state: GameState, action: GameAction): GameState { if (state.gameOver && action.type !== "RESTART" && action.type !== "LOAD_GAME") { return state } let newState: GameState = { ...state } switch (action.type) { case "BUY_DRUG": { const { drug, quantity } = action const cost = state.prices[drug] * quantity if (cost > state.cash) { return { ...state, message: "Not enough cash to buy!" } } const newInventoryQuantity = (state.inventory[drug] || 0) + quantity const totalInventoryItems = Object.values(state.inventory).reduce((sum, qty) => sum + qty, 0) + quantity if (totalInventoryItems > state.inventorySlots) { return { ...state, message: "Not enough inventory slots!" } } newState = { ...state, cash: state.cash - cost, inventory: { ...state.inventory, [drug]: newInventoryQuantity }, message: `Bought ${quantity} ${drug} for $${cost}`, } const price = state.prices[drug] const currentTotalValue = (state.inventory[drug] || 0) * (state.purchasePrices[drug] || 0) const newTotalValue = currentTotalValue + quantity * price const newTotalQuantity = (state.inventory[drug] || 0) + quantity newState.purchasePrices = { ...state.purchasePrices, [drug]: newTotalValue / newTotalQuantity, } break } case "SELL_DRUG": { const { drug, quantity } = action const currentQuantity = state.inventory[drug] || 0 if (quantity > currentQuantity) { return { ...state, message: "You don't have enough to sell!" } } const revenue = state.prices[drug] * quantity const newInventoryQuantity = currentQuantity - quantity const newInventory = { ...state.inventory } if (newInventoryQuantity === 0) { delete newInventory[drug] } else { newInventory[drug] = newInventoryQuantity } newState = { ...state, cash: state.cash + revenue, inventory: newInventory, message: `Sold ${quantity} ${drug} for $${revenue}`, } if (newInventoryQuantity === 0) { const { [drug]: _, ...restPurchasePrices } = newState.purchasePrices newState.purchasePrices = restPurchasePrices } break } case "TRAVEL": { const newLocation = LOCATIONS.find((loc) => loc.name === action.location) if (!newLocation) { return { ...state, message: "Invalid location!" } } const travelCost = TAXI_COST * newLocation.distance if (state.cash < travelCost) { return { ...state, message: `Not enough cash to travel to ${newLocation.name}. You need $${travelCost}.` } } if (state.remainingTime < newLocation.travelTime) { return { ...state, message: `Not enough time to travel to ${newLocation.name}. You need ${newLocation.travelTime} hours.`, } } const newPrices = generateDrugPrices(INITIAL_DRUGS) newState = { ...state, location: newLocation, cash: state.cash - travelCost, prices: newPrices, remainingTime: state.remainingTime - newLocation.travelTime, message: `Traveled to ${newLocation.name} for $${travelCost}. It took ${newLocation.travelTime} hours. New prices are available!`, } // Update price history when traveling newState.priceHistory = Object.fromEntries( Object.entries(newPrices).map(([drug, price]) => [ drug, [...(state.priceHistory[drug] || []), { day: state.day, price }], ]), ) break } case "END_DAY": { const interestRate = 0.1 // 10% daily interest const newDebt = Math.floor(state.debt * (1 + interestRate)) const newPrices = generateDrugPrices(INITIAL_DRUGS) const newDay = state.day + 1 newState = { ...state, day: newDay, prices: newPrices, debt: newDebt, priceHistory: Object.fromEntries( Object.entries(newPrices).map(([drug, price]) => [ drug, [...(state.priceHistory[drug] || []), { day: newDay, price }], ]), ), message: `Day ${newDay} begins. Prices have changed! Your debt has increased to $${newDebt} due to interest.`, currentEvent: null, subwayLadySaying: null, currentMusic: null, currentActivity: null, remainingTime: HOURS_PER_DAY, storeLocations: getRandomStoreLocations(), } if (state.adrenalineEffect === state.day) { newState.inventorySlots -= 10 } if (state.antibioticsEffect && state.antibioticsEffect > newState.day) { // Prevent health loss } else { // Apply daily health loss (e.g., 5% per day) newState.health = Math.max(0, newState.health - 5) } newState = { ...newState, adrenalineEffect: state.adrenalineEffect === state.day ? null : state.adrenalineEffect, antibioticsEffect: state.antibioticsEffect && state.antibioticsEffect <= newState.day ? null : state.antibioticsEffect, } break } case "BORROW": { const { amount } = action newState = { ...state, cash: state.cash + amount, debt: state.debt + amount, message: `Borrowed $${amount} from the loan shark. Your debt is now $${state.debt + amount}.`, } break } case "REPAY": { const { amount } = action if (amount > state.cash) { return { ...state, message: "You don't have enough cash to repay that much!" } } if (amount > state.debt) { return { ...state, message: "You're trying to repay more than you owe!" } } newState = { ...state, cash: state.cash - amount, debt: state.debt - amount, message: `Repaid $${amount} to the loan shark. Your remaining debt is $${state.debt - amount}.`, } break } case "INCREASE_INVENTORY_SLOTS": { const newSlots = Math.min(state.inventorySlots + action.amount, MAX_INVENTORY_SLOTS) newState = { ...state, inventorySlots: newSlots, message: `Increased inventory slots to ${newSlots}`, } break } case "RESTART": return initialGameState case "LOAD_GAME": return action.state case "SET_RANDOM_EVENT": { const { event } = action const eventEffect = event.action(state) newState = { ...state, ...eventEffect, currentEvent: event, message: eventEffect.message || event.effect, } break } case "CLEAR_RANDOM_EVENT": return { ...state, currentEvent: null } case "SET_SUBWAY_LADY_SAYING": return { ...state, subwayLadySaying: action.saying } case "CLEAR_SUBWAY_LADY_SAYING": return { ...state, subwayLadySaying: null } case "SET_RANDOM_MUSIC": return { ...state, currentMusic: action.music } case "SET_RANDOM_ACTIVITY": return { ...state, currentActivity: action.activity } case "HEAL": { const { amount } = action const healCost = amount * 100 if (healCost > state.cash) { return { ...state, message: "Not enough cash to heal!" } } newState = { ...state, cash: state.cash - healCost, health: Math.min(100, state.health + amount), message: `Healed ${amount}% for $${healCost}. New health: ${Math.min(100, state.health + amount)}%`, } break } case "BUY_PHARMACY_ITEM": { const { item, quantity } = action const pharmacyItem = pharmacyItems.find((i) => i.name.toLowerCase() === item.toLowerCase()) if (!pharmacyItem) { return { ...state, message: "Invalid pharmacy item!" } } const cost = pharmacyItem.price * quantity if (cost > state.cash) { return { ...state, message: "Not enough cash to buy!" } } newState = { ...state, cash: state.cash - cost, inventory: { ...state.inventory, [item.toLowerCase()]: (state.inventory[item.toLowerCase()] || 0) + quantity, }, message: `Bought ${quantity} ${pharmacyItem.name} for $${cost}`, } break } case "USE_PHARMACY_ITEM": { const { item } = action const pharmacyItem = pharmacyItems.find((i) => i.name.toLowerCase() === item.toLowerCase()) if (!pharmacyItem) { return { ...state, message: "Invalid pharmacy item!" } } if (!state.inventory[item.toLowerCase()] || state.inventory[item.toLowerCase()] <= 0) { return { ...state, message: `You don't have any ${pharmacyItem.name} to use!` } } const effect = pharmacyItem.effect(state) newState = { ...state, ...effect, inventory: { ...state.inventory, [item.toLowerCase()]: state.inventory[item.toLowerCase()] - 1, }, message: `Used ${pharmacyItem.name}. ${pharmacyItem.description}`, } break } case "BUY_STORE_ITEM": { const item = STORE_ITEMS.find((i) => i.name === action.item) if (!item || state.cash < item.price) { return { ...state, message: "Not enough cash to buy this item!" } } const newState = { ...state, cash: state.cash - item.price } switch (item.name) { case "Larger Trenchcoat": newState.inventorySlots += 10 break case "Fake ID": // Implement logic to reduce police encounters break case "Burner Phone": // Implement logic to increase chances of better deals break case "Bulletproof Vest": // Implement logic to reduce health loss break case "Bribe Money": // Implement logic for bribing break } return { ...newState, message: `Bought ${item.name} for $${item.price}` } } case "UPDATE_STORE_LOCATIONS": { return { ...state, storeLocations: getRandomStoreLocations() } } default: return state } return { ...newState, ...checkGameOver(newState) } } [V0_FILE]typescriptreact:file="components/stats-panel.tsx" isQuickEdit="true" import { Progress } from "@/components/ui/progress" import { Card } from "@/components/ui/card" import { HOURS_PER_DAY } from "@/lib/game-logic" interface StatsPanelProps { day: number cash: number debt: number health: number remainingTime: number } export function StatsPanel({ day, cash, debt, health, remainingTime }: StatsPanelProps) { return (

Game Stats

Day

{day}/30

Cash

${cash.toLocaleString()}

Debt

${debt.toLocaleString()}

Health

{health}%

Time {remainingTime}/{HOURS_PER_DAY}h

) } [V0_FILE]typescriptreact:file="components/drug-list.tsx" isQuickEdit="true" import { useState } from "react" import { Card } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { ChevronUp, ChevronDown, TrendingUp, ShoppingCart, DollarSign } from "lucide-react" import { DrugPriceHistoryModal } from "./drug-price-history-modal" interface DrugListProps { drugs: { [key: string]: number } inventory: { [key: string]: number } purchasePrices: { [key: string]: number } cash: number onBuy: (drug: string, quantity: number) => void onSell: (drug: string, quantity: number) => void priceHistory: { [key: string]: { day: number; price: number }[] } } export function DrugList({ drugs, inventory, purchasePrices, cash, onBuy, onSell, priceHistory }: DrugListProps) { const [quantities, setQuantities] = useState<{ [key: string]: number }>({}) const [selectedDrug, setSelectedDrug] = useState(null) const handleQuantityChange = (drug: string, delta: number) => { setQuantities((prev) => ({ ...prev, [drug]: Math.max(0, (prev[drug] || 0) + delta), })) } const handleBuy = (drug: string) => { const quantity = quantities[drug] || 0 if (quantity > 0) { onBuy(drug, quantity) setQuantities({ ...quantities, [drug]: 0 }) } } const handleSell = (drug: string) => { const quantity = quantities[drug] || 0 if (quantity > 0) { onSell(drug, quantity) setQuantities({ ...quantities, [drug]: 0 }) } } const calculatePNL = (drug: string, currentPrice: number) => { const purchasePrice = purchasePrices[drug] || 0 const quantity = inventory[drug] || 0 const pnl = (currentPrice - purchasePrice) * quantity return pnl } return (

Available drugs

Drug Price Owned PNL Qty Actions {Object.entries(drugs).map(([drug, price]) => { const pnl = calculatePNL(drug, price) return (

{drug}

${price.toLocaleString()} {inventory[drug] || 0} 0 ? "text-green-600" : pnl < 0 ? "text-red-600" : "" }`} > ${pnl.toLocaleString()}

{quantities[drug] || 0}

) })}

{selectedDrug && ( setSelectedDrug(null)} drugName={selectedDrug} priceHistory={priceHistory[selectedDrug] || []} /> )} ) } [V0_FILE]typescriptreact:file="components/loan-shark.tsx" isQuickEdit="true" import { useState } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" import Image from "next/image" interface LoanSharkProps { isOpen: boolean onClose: () => void cash: number debt: number onBorrow: (amount: number) => void onRepay: (amount: number) => void } export function LoanShark({ isOpen, onClose, cash, debt, onBorrow, onRepay }: LoanSharkProps) { const [amount, setAmount] = useState("") return ( ) } [V0_FILE]typescriptreact:file="app/globals.css" isQuickEdit="true" @tailwind base; @tailwind components; @tailwind utilities; @layer base { :root { --background: 220 20% 10%; --foreground: 220 10% 90%; --muted: 220 15% 20%; --muted-foreground: 220 10% 70%; --popover: 220 20% 10%; --popover-foreground: 220 10% 90%; --card: 220 20% 15%; --card-foreground: 220 10% 90%; --border: 220 15% 25%; --input: 220 15% 25%; --primary: 220 90% 50%; --primary-foreground: 220 10% 98%; --secondary: 220 20% 20%; --secondary-foreground: 220 10% 90%; --accent: 220 30% 25%; --accent-foreground: 220 10% 90%; --destructive: 0 100% 50%; --destructive-foreground: 220 10% 98%; --ring: 220 90% 50%; --radius: 0.5rem; } * { @apply border-border; } body { @apply bg-background text-foreground; } } @layer utilities { .glass { @apply bg-white bg-opacity-20 backdrop-filter backdrop-blur-lg; } .dark .glass { @apply bg-gray-800 bg-opacity-30; } .hover-lift { @apply transition-all duration-300 ease-in-out; } .hover-lift:hover { @apply transform -translate-y-1 shadow-lg; } .pulse { animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } } [V0_FILE]typescriptreact:file="components/drug-price-history-modal.tsx" isQuickEdit="true" import { useMemo } from "react" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from "recharts" import { INITIAL_DRUGS, type Drug } from "@/lib/game-logic" interface DrugPriceHistoryModalProps { isOpen: boolean onClose: () => void drugName: string priceHistory: { day: number; price: number }[] } export function DrugPriceHistoryModal({ isOpen, onClose, drugName, priceHistory }: DrugPriceHistoryModalProps) { const selectedDrugInfo = INITIAL_DRUGS.find((drug) => drug.name === drugName) as Drug const yAxisDomain = useMemo(() => { if (selectedDrugInfo) { const minPrice = Math.floor(selectedDrugInfo.minPrice * 0.9) const maxPrice = Math.ceil(selectedDrugInfo.maxPrice * 1.1) return [minPrice, maxPrice] } return undefined }, [selectedDrugInfo]) const formatPrice = (value: number) => `$${value.toLocaleString()}` return ( ) } [V0_FILE]typescript:file="lib/random-events.ts" isFixed="true" isQuickEdit="true" import type { GameState } from "./game-state" import { INITIAL_DRUGS } from "./game-logic" export interface RandomEvent { title: string description: string effect: string action: (state: GameState) => Partial } const randomEvents: RandomEvent[] = [ { title: "Police Bust", description: "The police caught you with drugs!", effect: "You lose some drugs and cash.", action: (state) => { const lostDrugs = Object.keys(state.inventory)[Math.floor(Math.random() * Object.keys(state.inventory).length)] const newInventory = { ...state.inventory } if (lostDrugs) { delete newInventory[lostDrugs] } const lostCash = Math.floor(state.cash * 0.1) return { inventory: newInventory, cash: Math.max(0, state.cash - lostCash), health: Math.max(0, state.health - 10), message: lostDrugs ? `Police bust! You lost all your ${lostDrugs} and $${lostCash}. Your health decreased by 10.` : `Police bust! You lost $${lostCash}. Your health decreased by 10.`, } }, }, { title: "Found Stash", description: "You found a hidden stash of drugs!", effect: "You gain some free drugs.", action: (state) => { const randomDrug = INITIAL_DRUGS[Math.floor(Math.random() * INITIAL_DRUGS.length)].name const foundAmount = Math.floor(Math.random() * 5) + 1 // 1 to 5 units return { inventory: { ...state.inventory, [randomDrug]: (state.inventory[randomDrug] || 0) + foundAmount, }, message: `Lucky day! You found ${foundAmount} ${randomDrug}.`, } }, }, { title: "Market Crash", description: "The drug market crashed!", effect: "All prices have been halved.", action: (state) => ({ prices: Object.fromEntries(Object.entries(state.prices).map(([drug, price]) => [drug, Math.floor(price * 0.5)])), message: "The drug market crashed! All prices have been halved.", }), }, { title: "Market Boom", description: "The drug market is booming!", effect: "All prices have increased by 50%.", action: (state) => ({ prices: Object.fromEntries(Object.entries(state.prices).map(([drug, price]) => [drug, Math.floor(price * 1.5)])), message: "The drug market is booming! All prices have increased by 50%.", }), }, { title: "Generous Stranger", description: "A stranger gave you some cash!", effect: "You gain some cash.", action: (state) => ({ cash: state.cash + 1000, message: "A generous stranger gave you $1,000!", }), }, { title: "Mugged in Subway", description: "You got mugged in the subway!", effect: "You lose some cash.", action: (state) => { const lostCash = Math.floor(state.cash * 0.2) return { cash: Math.max(0, state.cash - lostCash), message: `You got mugged in the subway! You lost $${lostCash}.`, } }, }, { title: "Health Boost", description: "You found a health pack!", effect: "Your health increases.", action: (state) => ({ health: Math.min(100, state.health + 20), message: "You found a health pack! Your health increased by 20.", }), }, ] export function triggerRandomEvent(state: GameState): RandomEvent { const event = randomEvents[Math.floor(Math.random() * randomEvents.length)] const eventEffect = event.action(state) return { ...event, effect: eventEffect.message || event.effect } } const subwayLadySayings = [ "Wouldn't it be funny if everyone suddenly quacked at once?", "The Pope was once Jewish, you know", "I'll bet you have some really interesting dreams", "So I think I'm going to Amsterdam this year", "Son, you need a yellow haircut", "I think it's wonderful what they're doing with incense these days", "I wasn't always a woman, you know", "Does your mother know you're a dope dealer?", "Are you high on something?", "Oh, you must be from California", "I used to be a hippie, myself", "There's nothing like having lots of money", "You look like an aardvark!", "I don't believe in Ronald Reagan", "Courage! Bush is a noodle!", "Haven't I seen you on TV?", "We're winning the war for drugs!", "A day without dope is like night", "We only use 20% of our brains, so why not burn out the other 80%", "I'm soliciting contributions for Zombies for Christ", "I'd like to sell you an edible poodle", "Winners don't do drugs... unless they do", "Kill a cop for Christ!", "I am the walrus!", "Jesus loves you more than you will know", "I feel an unaccountable urge to dye my hair blue", "Wasn't Jane Fonda wonderful in Barbarella", "Just say No... well, maybe... ok, what the hell!", "Would you like a jelly baby?", "Drugs can be your friend!", ] export function getSubwayLadySaying(): string { return subwayLadySayings[Math.floor(Math.random() * subwayLadySayings.length)] } export const randomMusic = [ "`Are you Experienced` by Jimi Hendrix", "`Cheeba Cheeba` by Tone Loc", "`Comin' in to Los Angeles` by Arlo Guthrie", "`Commercial` by Spanky and Our Gang", "`Late in the Evening` by Paul Simon", "`Light Up` by Styx", "`Mexico` by Jefferson Airplane", ] export function getRandomMusic(): string { return randomMusic[Math.floor(Math.random() * randomMusic.length)] } export const randomActivities = ["have a beer", "smoke a joint", "smoke a cigar", "smoke a Djarum", "smoke a cigarette"] export function getRandomActivity(): string { return randomActivities[Math.floor(Math.random() * randomActivities.length)] } [V0_FILE]typescriptreact:file="lib/store-items.ts" isQuickEdit="true" import { LOCATIONS, STORE_ITEMS } from "./game-logic" export { STORE_ITEMS } export function getRandomStoreLocations(): string[] { const shuffled = [...LOCATIONS].sort(() => 0.5 - Math.random()) return shuffled.slice(0, 2).map((location) => location.name) } [V0_FILE]typescriptreact:file="components/store.tsx" isQuickEdit="true" import Image from "next/image" import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog" import { Button } from "@/components/ui/button" import { STORE_ITEMS } from "@/lib/game-logic" interface StoreProps { isOpen: boolean onClose: () => void onBuyItem: (item: string) => void cash: number } export function Store({ isOpen, onClose, onBuyItem, cash }: StoreProps) { return ( ) } [V0_FILE]typescriptreact:file="components/location-panel.tsx" isQuickEdit="true" import { Button } from "@/components/ui/button" import { Card } from "@/components/ui/card" import { LOCATIONS, TAXI_COST } from "@/lib/game-logic" import Image from "next/image" interface LocationPanelProps { currentLocation: { name: string; distance: number; travelTime: number } onTravel: (location: string) => void cash: number remainingTime: number } const locationCoordinates: { [key: string]: { x: number; y: number } } = { Bronx: { x: 75, y: 15 }, Manhattan: { x: 60, y: 20 }, Queens: { x: 75, y: 45 }, Brooklyn: { x: 55, y: 70 }, "Staten Island": { x: 15, y: 75 }, "Central Park": { x: 45, y: 42 }, } export function LocationPanel({ currentLocation, onTravel, cash, remainingTime }: LocationPanelProps) { return (

Current Location: {currentLocation.name}

Remaining Time: {remainingTime} hours

{locationCoordinates[currentLocation.name] && ( <>

)}

{LOCATIONS.map((location) => { const travelCost = TAXI_COST * location.distance const canTravel = cash >= travelCost && remainingTime >= location.travelTime && location.name !== currentLocation.name return ( ) })}

) } [V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useReducer, useState, useCallback, useEffect } from "react" import { StatsPanel } from "@/components/stats-panel" import { LocationPanel } from "@/components/location-panel" import { DrugList } from "@/components/drug-list" import { ActionPanel } from "@/components/action-panel" import { LoanShark } from "@/components/loan-shark" import { GameOver } from "@/components/game-over" import { InventoryModal } from "@/components/inventory-modal" import { RandomEventModal } from "@/components/random-event-modal" import { SubwayLadyModal } from "@/components/subway-lady-modal" import { Hospital } from "@/components/hospital" import { Card } from "@/components/ui/card" import { useToast } from "@/components/ui/use-toast" import { triggerRandomEvent, getSubwayLadySaying, getRandomMusic, getRandomActivity } from "@/lib/random-events" import { gameReducer, initialGameState } from "@/lib/game-state" import { Store } from "@/components/store" export default function DopeWars() { const [gameState, dispatch] = useReducer(gameReducer, initialGameState) const [isInventoryOpen, setIsInventoryOpen] = useState(false) const [isRandomEventOpen, setIsRandomEventOpen] = useState(false) const [isSubwayLadyOpen, setIsSubwayLadyOpen] = useState(false) const [isHospitalOpen, setIsHospitalOpen] = useState(false) const [isLoanSharkOpen, setIsLoanSharkOpen] = useState(false) const [isStoreOpen, setIsStoreOpen] = useState(false) const { toast } = useToast() const restartGame = useCallback(() => { dispatch({ type: "RESTART" }) }, []) const handleHeal = useCallback((amount: number) => { dispatch({ type: "HEAL", amount }) setIsHospitalOpen(false) }, []) const handleBuyStoreItem = useCallback((item: string) => { dispatch({ type: "BUY_STORE_ITEM", item }) }, []) useEffect(() => { if (gameState.currentEvent) { setIsRandomEventOpen(true) } }, [gameState.currentEvent]) useEffect(() => { if (gameState.subwayLadySaying) { setIsSubwayLadyOpen(true) } }, [gameState.subwayLadySaying]) const handleEndDay = useCallback(() => { dispatch({ type: "END_DAY" }) if (Math.random() < 0.3) { // 30% chance of random event const event = triggerRandomEvent(gameState) dispatch({ type: "SET_RANDOM_EVENT", event }) } else if (Math.random() < 0.2) { // 20% chance of subway lady (only if no random event occurred) const saying = getSubwayLadySaying() dispatch({ type: "SET_SUBWAY_LADY_SAYING", saying }) } dispatch({ type: "SET_RANDOM_MUSIC", music: getRandomMusic() }) dispatch({ type: "SET_RANDOM_ACTIVITY", activity: getRandomActivity() }) }, [gameState]) if (gameState.gameOver) { return } return (

setIsInventoryOpen(true)} onOpenHospital={() => setIsHospitalOpen(true)} onOpenLoanShark={() => setIsLoanSharkOpen(true)} onOpenStore={() => setIsStoreOpen(true)} isStoreAvailable={gameState.storeLocations.includes(gameState.location.name)} />

Event Log

{gameState.message}

dispatch({ type: "TRAVEL", location })} cash={gameState.cash} remainingTime={gameState.remainingTime} />

{gameState.currentActivity && (

You {gameState.currentActivity}

)} {(gameState.adrenalineEffect || gameState.antibioticsEffect) && (

Active Effects

{gameState.adrenalineEffect && (

Adrenaline Shot: +10 inventory slots (expires end of day {gameState.adrenalineEffect})

)} {gameState.antibioticsEffect && (

Antibiotics: Prevent health loss (expires end of day {gameState.antibioticsEffect})

)} )}

dispatch({ type: "BUY_DRUG", drug, quantity })} onSell={(drug, quantity) => dispatch({ type: "SELL_DRUG", drug, quantity })} priceHistory={gameState.priceHistory} />

setIsLoanSharkOpen(false)} cash={gameState.cash} debt={gameState.debt} onBorrow={(amount) => dispatch({ type: "BORROW", amount })} onRepay={(amount) => dispatch({ type: "REPAY", amount })} /> setIsInventoryOpen(false)} inventory={gameState.inventory} inventorySlots={gameState.inventorySlots} /> { setIsRandomEventOpen(false) dispatch({ type: "CLEAR_RANDOM_EVENT" }) }} event={gameState.currentEvent} /> { setIsSubwayLadyOpen(false) dispatch({ type: "CLEAR_SUBWAY_LADY_SAYING" }) }} saying={gameState.subwayLadySaying} /> setIsHospitalOpen(false)} health={gameState.health} cash={gameState.cash} inventory={gameState.inventory} onHeal={handleHeal} onBuyPharmacyItem={(item, quantity) => dispatch({ type: "BUY_PHARMACY_ITEM", item, quantity })} onUsePharmacyItem={(item) => dispatch({ type: "USE_PHARMACY_ITEM", item })} /> setIsStoreOpen(false)} onBuyItem={handleBuyStoreItem} cash={gameState.cash} />

) }

Game Over

Game Objective

Controls

Tips

City Hospital

{item.name}

About

Tags

Share

About

Tags

Share

More from lifelessrealm

More Templates Like This

About

Tags

Share

About

Tags

Share

More from lifelessrealm

More Templates Like This