KPool Gaming Cafe

\n 🎱 KPool Gaming Zone\n

\n \n

\n\n

\n {selectedCategory === \"cafe\" && (\n

\n {cafeMenu.map((item, index) => (\n \n

{item.icon}

{item.name}

{item.price}

{item.description}

\n ))}\n \n )}\n\n {selectedCategory === \"tournament\" && currentUser && (\n

\n {randomChallenge\n ? (\n

\n {randomChallenge.icon} {randomChallenge.name}\n

\n {randomChallenge.description}\n

\n Difficulty: {randomChallenge.difficulty}\n Points: {challengePointsMap[randomChallenge.difficulty]}\n

\n\n {isChallengeStarted\n ? (\n

\n Time: {challengeTimer} seconds\n

\n )\n : (\n \n Start Challenge ▶️\n \n )}\n\n {isChallengeStarted && (\n \n Complete Challenge ✅\n \n )}\n

\n )\n : (\n

No More Challenges

You've completed all available challenges!

\n )}\n

\n\n

Global Challenge History

\n {globalChallengeHistory.map((challenge, index) => (\n

\n {challenge.player_name}\n {challenge.challenge_name}\n

\n Score: {challenge.score}\n Time: {challenge.time} sec\n {new Date(challenge.created_at).toLocaleDateString()}\n

\n ))}\n

\n )}\n \n \n );\n}\n\nconst styles = {\n container: {\n fontFamily: \"'Segoe UI', Tahoma, Geneva, Verdana, sans-serif\",\n backgroundColor: \"#0f0f1a\",\n color: \"#e0e0e0\",\n minHeight: \"100vh\",\n position: \"relative\",\n overflow: \"hidden\",\n },\n backgroundOverlay: {\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n background: \"linear-gradient(135deg, rgba(15,15,26,0.9) 0%, rgba(30,30,50,0.9) 100%)\",\n zIndex: 1,\n },\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: \"20px 5%\",\n backgroundColor: \"rgba(22, 22, 36, 0.7)\",\n backdropFilter: \"blur(10px)\",\n position: \"relative\",\n zIndex: 2,\n },\n logo: {\n fontSize: \"24px\",\n fontWeight: \"bold\",\n display: \"flex\",\n alignItems: \"center\",\n gap: \"10px\",\n color: \"#4CAF50\",\n },\n navigation: {\n display: \"flex\",\n gap: \"15px\",\n },\n navButton: {\n padding: \"10px 20px\",\n border: \"none\",\n borderRadius: \"20px\",\n color: \"white\",\n cursor: \"pointer\",\n transition: \"all 0.3s ease\",\n fontWeight: \"bold\",\n },\n main: {\n maxWidth: \"1200px\",\n margin: \"0 auto\",\n padding: \"20px\",\n position: \"relative\",\n zIndex: 2,\n },\n menuGrid: {\n display: \"grid\",\n gridTemplateColumns: \"repeat(auto-fill, minmax(250px, 1fr))\",\n gap: \"20px\",\n },\n menuItem: {\n display: \"flex\",\n alignItems: \"center\",\n gap: \"15px\",\n backgroundColor: \"rgba(44, 44, 60, 0.7)\",\n padding: \"15px\",\n borderRadius: \"10px\",\n backdropFilter: \"blur(5px)\",\n transition: \"transform 0.3s ease\",\n },\n menuItemIcon: {\n fontSize: \"3em\",\n marginRight: \"15px\",\n },\n menuItemTitle: {\n margin: 0,\n color: \"#4CAF50\",\n fontSize: \"1.2em\",\n },\n menuItemPrice: {\n margin: \"5px 0\",\n color: \"#e0e0e0\",\n fontWeight: \"bold\",\n },\n menuItemDescription: {\n margin: 0,\n color: \"#a0a0a0\",\n fontSize: \"0.9em\",\n },\n tournamentLayout: {\n display: \"grid\",\n gridTemplateColumns: \"1fr 1fr\",\n gap: \"20px\",\n },\n challengeSection: {\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"20px\",\n },\n glassCard: {\n backgroundColor: \"rgba(44, 44, 60, 0.7)\",\n backdropFilter: \"blur(10px)\",\n borderRadius: \"15px\",\n padding: \"25px\",\n boxShadow: \"0 8px 32px 0 rgba(31, 38, 135, 0.37)\",\n },\n challengeTitle: {\n color: \"#4CAF50\",\n margin: 0,\n marginBottom: \"15px\",\n },\n challengeDescription: {\n color: \"#a0a0a0\",\n marginBottom: \"15px\",\n },\n challengeStats: {\n display: \"flex\",\n justifyContent: \"space-between\",\n marginBottom: \"15px\",\n color: \"#e0e0e0\",\n },\n primaryButton: {\n width: \"100%\",\n padding: \"12px\",\n backgroundColor: \"#4CAF50\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n cursor: \"pointer\",\n transition: \"background-color 0.3s ease\",\n },\n secondaryButton: {\n width: \"100%\",\n padding: \"12px\",\n backgroundColor: \"#2196F3\",\n color: \"white\",\n border: \"none\",\n borderRadius: \"25px\",\n cursor: \"pointer\",\n transition: \"background-color 0.3s ease\",\n marginTop: \"10px\",\n },\n globalChallengeHistorySection: {\n backgroundColor: \"rgba(44, 44, 60, 0.7)\",\n backdropFilter: \"blur(10px)\",\n borderRadius: \"15px\",\n padding: \"25px\",\n boxShadow: \"0 8px 32px 0 rgba(31, 38, 135, 0.37)\",\n },\n scrollableTable: {\n maxHeight: \"500px\",\n overflowY: \"auto\",\n },\n historyItem: {\n backgroundColor: \"rgba(30, 30, 45, 0.7)\",\n borderRadius: \"10px\",\n padding: \"15px\",\n marginBottom: \"10px\",\n },\n historyItemHeader: {\n display: \"flex\",\n justifyContent: \"space-between\",\n marginBottom: \"10px\",\n color: \"#4CAF50\",\n },\n historyItemDetails: {\n display: \"flex\",\n justifyContent: \"space-between\",\n color: \"#a0a0a0\",\n },\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Server-side code remains the same as in the previous implementation\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"KPoolCafeGameMenu\";\n const SCHEMA_VERSION = 11;\n\n // Create tables for users, challenges, and scores\n try {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_users_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL UNIQUE,\n password TEXT NOT NULL,\n total_points INTEGER DEFAULT 0,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_challenges_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_id INTEGER,\n player_name TEXT,\n challenge_name TEXT NOT NULL,\n score INTEGER NOT NULL,\n time INTEGER NOT NULL,\n status TEXT DEFAULT 'Pending',\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY(user_id) REFERENCES ${KEY}_users_${SCHEMA_VERSION}(id)\n )\n `);\n } catch (error) {\n console.error(\"Table creation error:\", error);\n }\n\n const url = new URL(request.url);\n\n // Existing routes remain the same as in the previous implementation\n // (global challenge history, submit score, etc.)\n\n return new Response(\n `\n \n \n KPool Gaming Cafe\n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n}","deleted","label",[99],"permalink","https://www.val.town/x/Kpool/KPoolCafeGameMenu/code/main.tsx","extension","actionData","errors"]