Virtual Pet Simulator

\n {pet.species === \"cat\" ? \"🐱\" : \"🐶\"}\n {EMOTIONS[pet.emotion]}\n

Name: {pet.name}

Health: {pet.health}

Happiness: {pet.happiness}

Last fed: {new Date(pet.lastFed).toLocaleString()}

\n \n \n \n

\n {FOODS.map((food, index) => (\n \n ))}\n

\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nasync function server(request: Request): Promise {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const SCHEMA_VERSION = 1;\n const KEY = \"virtualPetSim\";\n\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_pets_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL,\n species TEXT NOT NULL,\n health INTEGER NOT NULL,\n happiness INTEGER NOT NULL,\n emotion TEXT NOT NULL,\n lastFed DATETIME NOT NULL\n )\n `);\n\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/pet\") {\n const pet = await getPet();\n return new Response(JSON.stringify(pet), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/interact\") {\n const { action } = await request.json();\n const updatedPet = await updatePet(action);\n return new Response(JSON.stringify(updatedPet), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(\n `\n \n \n Virtual Pet Simulator\n \n \n \n

\n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nasync function getPet() {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const SCHEMA_VERSION = 1;\n const KEY = \"virtualPetSim\";\n\n let pet = (await sqlite.execute(`SELECT * FROM ${KEY}_pets_${SCHEMA_VERSION} LIMIT 1`)).rows[0];\n\n if (!pet) {\n pet = {\n name: \"Fluffy\",\n species: Math.random() > 0.5 ? \"cat\" : \"dog\",\n health: 100,\n happiness: 100,\n emotion: \"happy\",\n lastFed: new Date().toISOString(),\n };\n\n await sqlite.execute(\n `INSERT INTO ${KEY}_pets_${SCHEMA_VERSION} (name, species, health, happiness, emotion, lastFed) VALUES (?, ?, ?, ?, ?, ?)`,\n [pet.name, pet.species, pet.health, pet.happiness, pet.emotion, pet.lastFed],\n );\n }\n\n return pet;\n}\n\nasync function updatePet(action) {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const SCHEMA_VERSION = 1;\n const KEY = \"virtualPetSim\";\n\n let pet = await getPet();\n\n switch (action) {\n case \"pet\":\n pet.happiness = Math.min(100, pet.happiness + 10);\n pet.emotion = \"happy\";\n break;\n case \"play\":\n pet.happiness = Math.min(100, pet.happiness + 15);\n pet.health = Math.max(0, pet.health - 5);\n pet.emotion = \"happy\";\n break;\n case \"sleep\":\n pet.health = Math.min(100, pet.health + 20);\n pet.emotion = \"sleepy\";\n break;\n default:\n if (action.startsWith(\"feed_\")) {\n const foodIndex = parseInt(action.split(\"_\")[1]);\n pet.health = Math.min(100, pet.health + 10);\n pet.happiness = Math.min(100, pet.happiness + 5);\n pet.lastFed = new Date().toISOString();\n pet.emotion = \"happy\";\n }\n }\n\n // Time passes...\n const timePassed = Math.floor((Date.now() - new Date(pet.lastFed).getTime()) / (1000 * 60 * 60));\n pet.health = Math.max(0, pet.health - timePassed);\n pet.happiness = Math.max(0, pet.happiness - timePassed);\n\n if (pet.health < 30 || pet.happiness < 30) {\n pet.emotion = \"sad\";\n } else if (pet.health < 50 || pet.happiness < 50) {\n pet.emotion = \"angry\";\n }\n\n if (new Date(pet.lastFed).getTime() < Date.now() - 1000 * 60 * 60 * 4) {\n pet.emotion = \"hungry\";\n }\n\n await sqlite.execute(\n `UPDATE ${KEY}_pets_${SCHEMA_VERSION} SET health = ?, happiness = ?, emotion = ?, lastFed = ? WHERE id = 1`,\n [pet.health, pet.happiness, pet.emotion, pet.lastFed],\n );\n\n return pet;\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n background-color: #f0f0f0;\n}\n\n.container {\n background-color: white;\n padding: 20px;\n border-radius: 10px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.pet-container {\n margin: 20px 0;\n}\n\n.pet {\n font-size: 4em;\n}\n\n.actions {\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n\nbutton {\n padding: 10px;\n font-size: 1em;\n cursor: pointer;\n}\n\n.food-options {\n display: flex;\n justify-content: center;\n gap: 5px;\n margin-top: 10px;\n}\n\n.food-options button {\n font-size: 1.5em;\n padding: 5px 10px;\n}\n`;\n\nexport default server;","deleted","label",[98],"permalink","https://www.val.town/x/muhammad_owais_warsi/virtualPetSim/code/main.tsx","extension","actionData","errors"]