Format all files

Author: TeenBiscuits

.prettierignore

@@ -0,0 +1,63 @@
+# Dependencies
+node_modules
+.pnp
+.pnp.js
+.yarn
+
+# Testing
+coverage
+
+# Next.js
+.next
+out
+build
+
+# Production
+dist
+
+# Misc
+.DS_Store
+*.pem
+
+# Debug logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# Environment variables
+.env
+.env*.local
+
+# Vercel
+.vercel
+
+# TypeScript
+*.tsbuildinfo
+next-env.d.ts
+
+# Package manager locks
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+bun.lock
+
+# Git
+.git
+.github
+
+# Docker
+Dockerfile
+docker-compose.yml
+.dockerignore
+
+# Generated files
+public/images/real/*.jpg
+public/images/ai/*.jpg
+*.jpeg
+*.jpg
+*.png
+*.gif
+*.svg
+*.ico
+*.webp

.prettierrc

@@ -0,0 +1,3 @@
+{
+  "plugins": ["prettier-plugin-tailwindcss"]
+}

bun.lock

@@ -1,10 +1,12 @@
 import { defineConfig, globalIgnores } from "eslint/config";
 import nextVitals from "eslint-config-next/core-web-vitals";
 import nextTs from "eslint-config-next/typescript";
+import eslintConfigPrettier from "eslint-config-prettier/flat";
 
 const eslintConfig = defineConfig([
   ...nextVitals,
   ...nextTs,
+  ...eslintConfigPrettier,
   // Override default ignores of eslint-config-next.
   globalIgnores([
     // Default ignores of eslint-config-next:

eslint.config.mjs

@@ -7,7 +7,10 @@
     "dev:next": "next dev",
     "build": "next build",
     "start": "NODE_ENV=production bun run server.ts",
-    "lint": "eslint",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
     "setup-images": "bun run scripts/setup-images.ts",
     "download-real": "bun run scripts/download-real-images.ts",
     "generate-ai": "bun run scripts/generate-ai-images.ts"
@@ -33,7 +36,9 @@
     "baseline-browser-mapping": "^2.8.32",
     "eslint": "^9.39.1",
     "eslint-config-next": "16.0.5",
-    "prettier": "3.7.3",
+    "eslint-config-prettier": "^10.1.8",
+    "prettier": "3.7.4",
+    "prettier-plugin-tailwindcss": "^0.7.2",
     "tailwindcss": "^4.1.17",
     "typescript": "^5.9.3"
   }

package.json

@@ -50,7 +50,7 @@ Total images: 360
 - **real_0038.jpg** - Photo by [Dan Freeman](https://unsplash.com/@danfreemanphoto) (@danfreemanphoto) on [Unsplash](https://unsplash.com)
 - **real_0039.jpg** - Photo by [Luke van Zyl](https://unsplash.com/@lukevz) (@lukevz) on [Unsplash](https://unsplash.com)
 - **real_0040.jpg** - Photo by [Timon Studler](https://unsplash.com/@derstudi) (@derstudi) on [Unsplash](https://unsplash.com)
-- **real_0041.jpg** - Photo by [Ryoji Iwata](https://unsplash.com/@ryoji__iwata) (@ryoji__iwata) on [Unsplash](https://unsplash.com)
+- **real_0041.jpg** - Photo by [Ryoji Iwata](https://unsplash.com/@ryoji__iwata) (@ryoji\_\_iwata) on [Unsplash](https://unsplash.com)
 - **real_0042.jpg** - Photo by [Elevate](https://unsplash.com/@elevatebeer) (@elevatebeer) on [Unsplash](https://unsplash.com)
 - **real_0043.jpg** - Photo by [Jacek Dylag](https://unsplash.com/@dylu) (@dylu) on [Unsplash](https://unsplash.com)
 - **real_0044.jpg** - Photo by [Ivana Cajina](https://unsplash.com/@von_co) (@von_co) on [Unsplash](https://unsplash.com)
@@ -59,9 +59,9 @@ Total images: 360
 - **real_0047.jpg** - Photo by [Brooke Cagle](https://unsplash.com/@brookecagle) (@brookecagle) on [Unsplash](https://unsplash.com)
 - **real_0048.jpg** - Photo by [Rob Curran](https://unsplash.com/@curranrob) (@curranrob) on [Unsplash](https://unsplash.com)
 - **real_0049.jpg** - Photo by [Christopher Campbell](https://unsplash.com/@chrisjoelcampbell) (@chrisjoelcampbell) on [Unsplash](https://unsplash.com)
-- **real_0050.jpg** - Photo by [mauro  mora](https://unsplash.com/@mauromora) (@mauromora) on [Unsplash](https://unsplash.com)
+- **real_0050.jpg** - Photo by [mauro mora](https://unsplash.com/@mauromora) (@mauromora) on [Unsplash](https://unsplash.com)
 - **real_0051.jpg** - Photo by [Brooke Cagle](https://unsplash.com/@brookecagle) (@brookecagle) on [Unsplash](https://unsplash.com)
-- **real_0052.jpg** - Photo by [Christopher Burns](https://unsplash.com/@christopher__burns) (@christopher__burns) on [Unsplash](https://unsplash.com)
+- **real_0052.jpg** - Photo by [Christopher Burns](https://unsplash.com/@christopher__burns) (@christopher\_\_burns) on [Unsplash](https://unsplash.com)
 - **real_0053.jpg** - Photo by [Priscilla Du Preez 🇨🇦](https://unsplash.com/@priscilladupreez) (@priscilladupreez) on [Unsplash](https://unsplash.com)
 - **real_0054.jpg** - Photo by [Nicholas Green](https://unsplash.com/@nickxshotz) (@nickxshotz) on [Unsplash](https://unsplash.com)
 - **real_0055.jpg** - Photo by [Matt Bennett](https://unsplash.com/@mbennettphoto) (@mbennettphoto) on [Unsplash](https://unsplash.com)
@@ -139,14 +139,14 @@ Total images: 360
 - **real_0127.jpg** - Photo by [Russell Ferrer](https://unsplash.com/@russfr) (@russfr) on [Unsplash](https://unsplash.com)
 - **real_0128.jpg** - Photo by [AKASH DEY](https://unsplash.com/@theinstant) (@theinstant) on [Unsplash](https://unsplash.com)
 - **real_0129.jpg** - Photo by [Mets](https://unsplash.com/@_metss_) (@_metss_) on [Unsplash](https://unsplash.com)
-- **real_0130.jpg** - Photo by [Nico Nugroho](https://unsplash.com/@nicoardiann_) (@nicoardiann_) on [Unsplash](https://unsplash.com)
+- **real_0130.jpg** - Photo by [Nico Nugroho](https://unsplash.com/@nicoardiann_) (@nicoardiann\_) on [Unsplash](https://unsplash.com)
 - **real_0131.jpg** - Photo by [Tyler Donaghy](https://unsplash.com/@tylerdonaghy) (@tylerdonaghy) on [Unsplash](https://unsplash.com)
 - **real_0132.jpg** - Photo by [Tyler Donaghy](https://unsplash.com/@tylerdonaghy) (@tylerdonaghy) on [Unsplash](https://unsplash.com)
 - **real_0133.jpg** - Photo by [Tyler Donaghy](https://unsplash.com/@tylerdonaghy) (@tylerdonaghy) on [Unsplash](https://unsplash.com)
 - **real_0134.jpg** - Photo by [Tyler Donaghy](https://unsplash.com/@tylerdonaghy) (@tylerdonaghy) on [Unsplash](https://unsplash.com)
 - **real_0135.jpg** - Photo by [Phakphoom Srinorajan](https://unsplash.com/@bukphak) (@bukphak) on [Unsplash](https://unsplash.com)
 - **real_0136.jpg** - Photo by [Vincenzo De Simone](https://unsplash.com/@vincydesy) (@vincydesy) on [Unsplash](https://unsplash.com)
-- **real_0137.jpg** - Photo by [pine  watt](https://unsplash.com/@pinewatt) (@pinewatt) on [Unsplash](https://unsplash.com)
+- **real_0137.jpg** - Photo by [pine watt](https://unsplash.com/@pinewatt) (@pinewatt) on [Unsplash](https://unsplash.com)
 - **real_0138.jpg** - Photo by [Kalen Emsley](https://unsplash.com/@kalenemsley) (@kalenemsley) on [Unsplash](https://unsplash.com)
 - **real_0139.jpg** - Photo by [Mark Harpur](https://unsplash.com/@luckybeanz) (@luckybeanz) on [Unsplash](https://unsplash.com)
 - **real_0140.jpg** - Photo by [Luca Bravo](https://unsplash.com/@lucabravo) (@lucabravo) on [Unsplash](https://unsplash.com)
@@ -216,7 +216,7 @@ Total images: 360
 - **real_0204.jpg** - Photo by [Steve Carter](https://unsplash.com/@stvcrtr) (@stvcrtr) on [Unsplash](https://unsplash.com)
 - **real_0205.jpg** - Photo by [Kaidi Guo](https://unsplash.com/@kaidi_guo) (@kaidi_guo) on [Unsplash](https://unsplash.com)
 - **real_0206.jpg** - Photo by [Jules Marvin Eguilos](https://unsplash.com/@jmeguilos) (@jmeguilos) on [Unsplash](https://unsplash.com)
-- **real_0207.jpg** - Photo by [Renato Pozzi](https://unsplash.com/@askides__) (@askides__) on [Unsplash](https://unsplash.com)
+- **real_0207.jpg** - Photo by [Renato Pozzi](https://unsplash.com/@askides__) (@askides\_\_) on [Unsplash](https://unsplash.com)
 - **real_0208.jpg** - Photo by [Sebastian Unrau](https://unsplash.com/@sebastian_unrau) (@sebastian_unrau) on [Unsplash](https://unsplash.com)
 - **real_0209.jpg** - Photo by [Steven Kamenar](https://unsplash.com/@skamenar) (@skamenar) on [Unsplash](https://unsplash.com)
 - **real_0210.jpg** - Photo by [Sergei A](https://unsplash.com/@sakulich) (@sakulich) on [Unsplash](https://unsplash.com)
@@ -237,7 +237,7 @@ Total images: 360
 - **real_0225.jpg** - Photo by [Zdeněk Macháček](https://unsplash.com/@zmachacek) (@zmachacek) on [Unsplash](https://unsplash.com)
 - **real_0226.jpg** - Photo by [Scott Carroll](https://unsplash.com/@scottcarroll) (@scottcarroll) on [Unsplash](https://unsplash.com)
 - **real_0227.jpg** - Photo by [sutirta budiman](https://unsplash.com/@sutirtab) (@sutirtab) on [Unsplash](https://unsplash.com)
-- **real_0228.jpg** - Photo by [Randall  Ruiz](https://unsplash.com/@ruizra) (@ruizra) on [Unsplash](https://unsplash.com)
+- **real_0228.jpg** - Photo by [Randall Ruiz](https://unsplash.com/@ruizra) (@ruizra) on [Unsplash](https://unsplash.com)
 - **real_0229.jpg** - Photo by [Vincent van Zalinge](https://unsplash.com/@vincentvanzalinge) (@vincentvanzalinge) on [Unsplash](https://unsplash.com)
 - **real_0230.jpg** - Photo by [Geranimo](https://unsplash.com/@geraninmo) (@geraninmo) on [Unsplash](https://unsplash.com)
 - **real_0231.jpg** - Photo by [David Clode](https://unsplash.com/@davidclode) (@davidclode) on [Unsplash](https://unsplash.com)
@@ -261,7 +261,7 @@ Total images: 360
 - **real_0249.jpg** - Photo by [Jeena Paradies](https://unsplash.com/@jeena) (@jeena) on [Unsplash](https://unsplash.com)
 - **real_0250.jpg** - Photo by [Lidia Nikole](https://unsplash.com/@lidia_nikole) (@lidia_nikole) on [Unsplash](https://unsplash.com)
 - **real_0251.jpg** - Photo by [Ioann-Mark Kuznietsov](https://unsplash.com/@mrrrk_smith) (@mrrrk_smith) on [Unsplash](https://unsplash.com)
-- **real_0252.jpg** - Photo by [Arno Smit](https://unsplash.com/@_entreprenerd) (@_entreprenerd) on [Unsplash](https://unsplash.com)
+- **real_0252.jpg** - Photo by [Arno Smit](https://unsplash.com/@_entreprenerd) (@\_entreprenerd) on [Unsplash](https://unsplash.com)
 - **real_0253.jpg** - Photo by [Annie Spratt](https://unsplash.com/@anniespratt) (@anniespratt) on [Unsplash](https://unsplash.com)
 - **real_0254.jpg** - Photo by [Ray Hennessy](https://unsplash.com/@rayhennessy) (@rayhennessy) on [Unsplash](https://unsplash.com)
 - **real_0255.jpg** - Photo by [Nature Uninterrupted Photography](https://unsplash.com/@natureuninterrupted1) (@natureuninterrupted1) on [Unsplash](https://unsplash.com)

public/images/real/ATTRIBUTION.md

@@ -186,9 +186,9 @@ export default function HostPage() {
   // Creating room
   if (state.status === "creating" || !state.roomId) {
     return (
-      <div className="min-h-dvh flex items-center justify-center bg-gray-50">
-        <div className="text-center space-y-4">
-          <div className="w-16 h-16 border-4 border-gray-300 border-t-blue-600 rounded-full animate-spin mx-auto" />
+      <div className="flex min-h-dvh items-center justify-center bg-gray-50">
+        <div className="space-y-4 text-center">
+          <div className="mx-auto h-16 w-16 animate-spin rounded-full border-4 border-gray-300 border-t-blue-600" />
           <p className="text-gray-600">Creating room...</p>
         </div>
       </div>
@@ -198,11 +198,11 @@ export default function HostPage() {
   // Lobby - waiting for players
   if (state.status === "lobby") {
     return (
-      <main className="min-h-dvh flex flex-col bg-gray-50">
-        <header className="p-4 flex justify-between items-center">
+      <main className="flex min-h-dvh flex-col bg-gray-50">
+        <header className="flex items-center justify-between p-4">
           <Link
             href="/"
-            className="text-gray-600 hover:text-gray-900 transition-colors"
+            className="text-gray-600 transition-colors hover:text-gray-900"
           >
             ← {t("back")}
           </Link>
@@ -212,7 +212,7 @@ export default function HostPage() {
           <LanguageSwitcher />
         </header>
 
-        <div className="flex-1 flex flex-col lg:flex-row items-center justify-center gap-8 p-8">
+        <div className="flex flex-1 flex-col items-center justify-center gap-8 p-8 lg:flex-row">
           {/* QR Code */}
           <QRCodeDisplay url={getJoinUrl()} roomCode={state.roomId} />
 
@@ -223,10 +223,10 @@ export default function HostPage() {
             <button
               onClick={startGame}
               disabled={state.players.length === 0}
-              className={`w-full py-4 font-bold text-xl rounded-2xl transition-all shadow-material-2 ${
+              className={`shadow-material-2 w-full rounded-2xl py-4 text-xl font-bold transition-all ${
                 state.players.length > 0
-                  ? "bg-green-600 text-white hover:bg-green-700 transform hover:scale-105"
-                  : "bg-gray-200 text-gray-500 cursor-not-allowed"
+                  ? "transform bg-green-600 text-white hover:scale-105 hover:bg-green-700"
+                  : "cursor-not-allowed bg-gray-200 text-gray-500"
               }`}
             >
               {state.players.length > 0 ? t("startGame") : t("minPlayers")}
@@ -242,15 +242,15 @@ export default function HostPage() {
   // Game finished - show leaderboard
   if (state.status === "finished") {
     return (
-      <main className="min-h-dvh flex flex-col bg-gray-50">
-        <header className="p-4 flex justify-between items-center">
+      <main className="flex min-h-dvh flex-col bg-gray-50">
+        <header className="flex items-center justify-between p-4">
           <div className="text-2xl font-bold text-gray-900">
             {tGame("title")}
           </div>
           <LanguageSwitcher />
         </header>
 
-        <div className="flex-1 flex flex-col items-center justify-center p-8">
+        <div className="flex flex-1 flex-col items-center justify-center p-8">
           <Leaderboard
             players={state.players}
             totalRounds={state.totalRounds}
@@ -259,7 +259,7 @@ export default function HostPage() {
           <div className="mt-8 flex gap-4">
             <Link
               href="/"
-              className="px-8 py-4 bg-gray-100 text-gray-700 font-bold rounded-2xl hover:bg-gray-200 transition-all"
+              className="rounded-2xl bg-gray-100 px-8 py-4 font-bold text-gray-700 transition-all hover:bg-gray-200"
             >
               {tGame("backToHome")}
             </Link>
@@ -273,9 +273,9 @@ export default function HostPage() {
 
   // Playing or showing result
   return (
-    <main className="min-h-dvh flex flex-col p-4 md:p-8 bg-gray-50">
+    <main className="flex min-h-dvh flex-col bg-gray-50 p-4 md:p-8">
       {/* Header */}
-      <header className="flex items-center justify-between mb-4">
+      <header className="mb-4 flex items-center justify-between">
         <div className="flex items-center gap-4">
           <span className="text-gray-600">
             {tGame("round")} {state.currentRound} {tGame("of")}{" "}
@@ -297,7 +297,7 @@ export default function HostPage() {
       )}
 
       {/* Image */}
-      <div className="flex-1 flex flex-col items-center justify-center">
+      <div className="flex flex-1 flex-col items-center justify-center">
         {state.currentImage && (
           <GameImage
             src={state.currentImage.src}