Erreichbarkeit auf 0.0.0.0; Projekt zu "canteen-menu" umbenannt

- next dev/start binden jetzt explizit an 0.0.0.0 statt nur localhost
  (Docker war über die Port-Freigabe bereits erreichbar, jetzt auch
  beim nativen npm-Betrieb); docker-compose.yml macht das Binden an
  alle Interfaces zusätzlich explizit
- package.json-Name, Docker-Image/Container/Netzwerk-Namen, lokaler
  DB-Name (canteen_menu), Browser-Tab-Titel und README auf den
  englischen Projektnamen "canteen-menu" umgestellt; deutsche
  In-App-Texte für die Kantinen-Mitarbeiter bleiben unverändert
- Supabase-Projekt (Anzeigename) und native lokale Postgres-DB
  entsprechend umbenannt (Ref/URL/Keys unverändert)

.claude/launch.json

@@ -2,7 +2,7 @@
   "version": "0.0.1",
   "configurations": [
     {
-      "name": "speisekarte-dev",
+      "name": "canteen-menu-dev",
       "runtimeExecutable": "C:\\Program Files\\nodejs\\npm.cmd",
       "runtimeArgs": ["run", "dev"],
       "port": 3000

README.md

@@ -1,4 +1,4 @@
-# Speisekarte – Betriebskantine
+# Canteen Menu – Speisekarte für die Betriebskantine
 
 Digitale Speisekarte für eine Firmenkantine (ca. 250 Mitarbeiter) mit
 öffentlicher Wochenansicht, Kantinen-Bereich zur Pflege der Gerichte und
@@ -53,7 +53,7 @@ docker compose --env-file .env.local --profile dev up dev
 
 ```bash
 npm install
-npm run dev            # http://localhost:3000
+npm run dev            # http://localhost:3000 (bindet an 0.0.0.0, auch im LAN erreichbar)
 ```
 
 ## Umgebungsvariablen (Live-Betrieb)
@@ -81,7 +81,7 @@ Oder klassisch ohne Docker:
 ```bash
 npm ci
 npm run build
-npm run start          # Port 3000 (hinter Reverse-Proxy betreiben)
+npm run start          # Port 3000, bindet an 0.0.0.0 (hinter Reverse-Proxy betreiben)
 ```
 
 ### Passkeys für die Produktions-Domain freischalten
@@ -90,8 +90,8 @@ Passkeys sind an die Domain gebunden. Aktuell ist `localhost` konfiguriert.
 Vor dem Livegang in der Supabase-Konfiguration (Management API oder
 Dashboard → Authentication → Settings) anpassen:
 
-- `webauthn_rp_id` = `speisekarte.example.de` (die echte Domain, ohne Protokoll)
+- `webauthn_rp_id` = `menu.example.de` (die echte Domain, ohne Protokoll)
-- `webauthn_rp_origins` = `https://speisekarte.example.de`
+- `webauthn_rp_origins` = `https://menu.example.de`
 - `passkey_enabled` = `true` (bereits aktiv)
 
 ## Datenbank
@@ -116,7 +116,7 @@ Sicherheitsmodell (Row Level Security):
 
 ### Lokale PostgreSQL-Kopie
 
-Die Datenbank `speisekarte` (Kopie von Schema + Daten aus Supabase, inkl.
+Die Datenbank `canteen_menu` (Kopie von Schema + Daten aus Supabase, inkl.
 Minimal-Stubs für `auth`/`storage`) gibt es in zwei Varianten:
 
 **Per Docker:** Der Dienst `db` aus `docker-compose.yml` spielt die

app/layout.tsx

@@ -13,7 +13,7 @@ const geistSans = Geist({
 });
 
 export const metadata: Metadata = {
-  title: "Speisekarte",
+  title: "Canteen Menu",
   description: "Speisekarte der Betriebskantine",
 };
 

components/DishManager.tsx

@@ -19,6 +19,8 @@ export default function DishManager() {
   const [form, setForm] = useState<DishForm | null>(null);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
+  const [selected, setSelected] = useState<Set<string>>(new Set());
+  const [bulkBusy, setBulkBusy] = useState(false);
 
   const load = useCallback(async () => {
     const { data, error } = await supabase
@@ -64,9 +66,51 @@ export default function DishManager() {
       return;
     const { error } = await supabase.from("dishes").delete().eq("id", dish.id);
     if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
+    setSelected((prev) => {
+      const next = new Set(prev);
+      next.delete(dish.id);
+      return next;
+    });
     await load();
   }
 
+  function toggleOne(id: string) {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+
+  function toggleAll() {
+    setSelected((prev) =>
+      prev.size === dishes.length ? new Set() : new Set(dishes.map((d) => d.id))
+    );
+  }
+
+  async function removeSelected() {
+    if (selected.size === 0) return;
+    if (
+      !window.confirm(
+        `${selected.size} Gericht(e) wirklich löschen? Sie werden auch aus allen Wochenplänen entfernt.`
+      )
+    )
+      return;
+    setBulkBusy(true);
+    setError(null);
+    const { error } = await supabase
+      .from("dishes")
+      .delete()
+      .in("id", Array.from(selected));
+    if (error) setError(`Löschen fehlgeschlagen: ${error.message}`);
+    setSelected(new Set());
+    setBulkBusy(false);
+    await load();
+  }
+
+  const allSelected = dishes.length > 0 && selected.size === dishes.length;
+
   return (
     <div className="max-w-3xl">
       <div className="flex items-center gap-3 mb-4">
@@ -137,41 +181,72 @@ export default function DishManager() {
       {loading ? (
         <p className="text-gray-500">Lade Gerichte…</p>
       ) : (
-        <ul className="divide-y divide-gray-200 border border-gray-200 rounded-md bg-white">
+        <>
-          {dishes.map((dish) => (
+          {dishes.length > 0 && (
-            <li key={dish.id} className="flex items-center gap-3 px-4 py-2">
+            <div className="flex items-center gap-3 mb-2 text-sm">
-              <span className="mr-auto">
+              <label className="flex items-center gap-2 cursor-pointer">
-                <span className="font-semibold">{dish.name}</span>{" "}
+                <input
-                <span className="text-gray-500">– {formatPrice(dish.price)}</span>
+                  type="checkbox"
+                  checked={allSelected}
+                  onChange={toggleAll}
+                />
+                Alle auswählen
+              </label>
+              <span className="text-gray-500">
+                {selected.size} ausgewählt
               </span>
               <button
                 type="button"
-                className="btn btn-primary"
+                className="btn btn-del ml-auto"
-                onClick={() =>
+                onClick={removeSelected}
-                  setForm({
+                disabled={selected.size === 0 || bulkBusy}
-                    id: dish.id,
-                    name: dish.name,
-                    price: String(dish.price).replace(".", ","),
-                  })
-                }
               >
-                Bearbeiten
+                Ausgewählte löschen{selected.size > 0 ? ` (${selected.size})` : ""}
               </button>
-              <button
+            </div>
-                type="button"
-                className="btn btn-del"
-                onClick={() => remove(dish)}
-              >
-                Löschen
-              </button>
-            </li>
-          ))}
-          {dishes.length === 0 && (
-            <li className="px-4 py-3 text-gray-500">
-              Noch keine Gerichte angelegt.
-            </li>
           )}
-        </ul>
+          <ul className="divide-y divide-gray-200 border border-gray-200 rounded-md bg-white">
+            {dishes.map((dish) => (
+              <li key={dish.id} className="flex items-center gap-3 px-4 py-2">
+                <input
+                  type="checkbox"
+                  checked={selected.has(dish.id)}
+                  onChange={() => toggleOne(dish.id)}
+                  aria-label={`${dish.name} auswählen`}
+                />
+                <span className="mr-auto">
+                  <span className="font-semibold">{dish.name}</span>{" "}
+                  <span className="text-gray-500">– {formatPrice(dish.price)}</span>
+                </span>
+                <button
+                  type="button"
+                  className="btn btn-primary"
+                  onClick={() =>
+                    setForm({
+                      id: dish.id,
+                      name: dish.name,
+                      price: String(dish.price).replace(".", ","),
+                    })
+                  }
+                >
+                  Bearbeiten
+                </button>
+                <button
+                  type="button"
+                  className="btn btn-del"
+                  onClick={() => remove(dish)}
+                >
+                  Löschen
+                </button>
+              </li>
+            ))}
+            {dishes.length === 0 && (
+              <li className="px-4 py-3 text-gray-500">
+                Noch keine Gerichte angelegt.
+              </li>
+            )}
+          </ul>
+        </>
       )}
     </div>
   );

docker-compose.yml

@@ -1,5 +1,5 @@
 # =============================================================
-# Speisekarte – Docker-Setup
+# Canteen Menu – Docker-Setup
 #
 # Produktion (App + lokale PostgreSQL-Kopie):
 #   docker compose --env-file .env.local up -d --build
@@ -10,12 +10,11 @@
 # Die --env-file-Angabe speist NEXT_PUBLIC_* in den Build und
 # SUPABASE_SERVICE_ROLE_KEY in die Laufzeit-Umgebung.
 #
-# "name" fixiert den Compose-Projektnamen explizit auf "speisekarte" –
+# "name" fixiert den Compose-Projektnamen explizit auf "canteen-menu" –
-# ohne diese Angabe leitet Compose ihn aus dem Ordnernamen ab und wirft
+# ohne diese Angabe leitet Compose ihn aus dem Ordnernamen ab.
-# dabei nicht-alphanumerische Zeichen (das "ß" in "Speißekarte") weg.
 # =============================================================
 
-name: speisekarte
+name: canteen-menu
 
 services:
   # ---------- Next.js-App (Produktions-Build) ----------
@@ -25,14 +24,14 @@ services:
       args:
         NEXT_PUBLIC_SUPABASE_URL: ${NEXT_PUBLIC_SUPABASE_URL}
         NEXT_PUBLIC_SUPABASE_ANON_KEY: ${NEXT_PUBLIC_SUPABASE_ANON_KEY}
-    image: speisekarte-app
+    image: canteen-menu-app
-    container_name: speisekarte-app
+    container_name: canteen-menu-app
     environment:
       NEXT_PUBLIC_SUPABASE_URL: ${NEXT_PUBLIC_SUPABASE_URL}
       NEXT_PUBLIC_SUPABASE_ANON_KEY: ${NEXT_PUBLIC_SUPABASE_ANON_KEY}
       SUPABASE_SERVICE_ROLE_KEY: ${SUPABASE_SERVICE_ROLE_KEY}
     ports:
-      - "3000:3000"
+      - "0.0.0.0:3000:3000"
     restart: unless-stopped
 
   # ---------- Lokale PostgreSQL-Kopie (Ablage/Auswertungen) ----------
@@ -40,10 +39,10 @@ services:
   # automatisch in alphabetischer Reihenfolge eingespielt.
   db:
     image: postgres:17-alpine
-    container_name: speisekarte-db
+    container_name: canteen-menu-db
     environment:
-      POSTGRES_DB: speisekarte
+      POSTGRES_DB: canteen_menu
-      POSTGRES_PASSWORD: ${LOCAL_PG_PASSWORD:-speisekarte}
+      POSTGRES_PASSWORD: ${LOCAL_PG_PASSWORD:-canteen_menu}
     ports:
       # Host-Port 5433, da 5432 meist schon von einer nativen
       # PostgreSQL-Installation belegt ist.
@@ -56,7 +55,7 @@ services:
   # ---------- Dev-Server (nur mit --profile dev) ----------
   dev:
     image: node:24-alpine
-    container_name: speisekarte-dev
+    container_name: canteen-menu-dev
     profiles: ["dev"]
     working_dir: /app
     command: sh -c "npm install && npm run dev"
@@ -65,7 +64,7 @@ services:
       NEXT_PUBLIC_SUPABASE_ANON_KEY: ${NEXT_PUBLIC_SUPABASE_ANON_KEY}
       SUPABASE_SERVICE_ROLE_KEY: ${SUPABASE_SERVICE_ROLE_KEY}
     ports:
-      - "3000:3000"
+      - "0.0.0.0:3000:3000"
     volumes:
       - .:/app
       - dev_node_modules:/app/node_modules

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "speisekarte",
+  "name": "canteen-menu",
   "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "speisekarte",
+      "name": "canteen-menu",
       "version": "0.1.0",
       "dependencies": {
         "@supabase/ssr": "^0.12.3",

package.json

@@ -1,11 +1,11 @@
 {
-  "name": "speisekarte",
+  "name": "canteen-menu",
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -H 0.0.0.0",
     "build": "next build",
-    "start": "next start",
+    "start": "next start -H 0.0.0.0",
     "lint": "eslint"
   },
   "dependencies": {

scripts/sync-local-db.ps1

@@ -37,11 +37,11 @@ $SchemaFile = Join-Path $LocalDir "10_schema.sql"
 
 # 2. Lokale Datenbank neu aufbauen
 $env:PGPASSWORD = $env:LOCAL_PG_PASSWORD
-& "$PgBin\psql" -h localhost -U postgres -c "drop database if exists speisekarte;"
+& "$PgBin\psql" -h localhost -U postgres -c "drop database if exists canteen_menu;"
-& "$PgBin\psql" -h localhost -U postgres -c "create database speisekarte;"
+& "$PgBin\psql" -h localhost -U postgres -c "create database canteen_menu;"
 
 foreach ($file in @("00_stubs.sql", "10_schema.sql", "15_auth_users.sql", "20_data.sql")) {
-  & "$PgBin\psql" -h localhost -U postgres -d speisekarte -q -f (Join-Path $LocalDir $file)
+  & "$PgBin\psql" -h localhost -U postgres -d canteen_menu -q -f (Join-Path $LocalDir $file)
 }
 
-Write-Host "Lokale Datenbank 'speisekarte' wurde aktualisiert."
+Write-Host "Lokale Datenbank 'canteen_menu' wurde aktualisiert."