Kantine Wrapper Bookmarklet

Ein intelligentes Bookmarklet für die Mitarbeiter-Kantine der Bessa App. Dieses Skript erweitert die Standardansicht um eine Wochenübersicht, Kostenkontrolle und verbesserte Usability.

🚀 Features

• Wochenübersicht: Zeigt alle Tage der aktuellen Woche auf einen Blick.
• Bestell-Countdown: ⏳ Roter Alarm 1h vor Bestellschluss.
• Smart Highlights: 🌟 Markiere deine Favoriten (z.B. "Schnitzel", "Vegetarisch").
• Bestellstatus: Farbige Indikatoren für bestellte Menüs.
• Kostenkontrolle: Summiert automatisch den Gesamtpreis der Woche.
• Session Reuse: Nutzt automatisch eine bestehende Login-Session (Loggt dich automatisch ein).
• Menu Badges: Zeigt Menü-Codes (M1, M2+) direkt im Header.
• Changelog: Übersicht über neue Funktionen direkt im Installer.

📦 Installation

1. Öffne die Datei dist/install.html in deinem Browser.
2. Ziehe den blauen Button "Kantine Wrapper" in deine Lesezeichen-Leiste.
3. Fertig!

usage

1. Navigiere zu https://web.bessa.app/knapp-kantine.
2. Klicke auf das "Kantine Wrapper" Lesezeichen.
3. Die Seite wird neu geladen und zeigt das erweiterte Menü. (Bei vorhandenem Login entfällt die Anmeldung).

🛠️ Entwicklung

Voraussetzungen

• Node.js (optional, nur für Build-Scripts)
• Bash (für build-bookmarklet.sh)

Projektstruktur

Quelldateien

• kantine.js: Der Haupt-Quellcode des Bookmarklets (UI, API-Logik, Rendering).
• style.css: Das komplette Design (CSS mit Light/Dark Mode).
• mock-data.js: Mock-Fetch-Interceptor mit realistischen Dummy-Menüdaten für Standalone-Tests.
• build-bookmarklet.sh: Build-Skript – erzeugt alle dist/-Artefakte.
• test_build.py: Automatische Build-Tests, laufen am Ende jedes Builds.

dist/ – Build-Artefakte

Datei	Beschreibung
bookmarklet.txt	Die rohe Bookmarklet-URL (javascript:...). Enthält CSS + JS als selbstextrahierendes IIFE. Kann direkt als Lesezeichen-URL eingefügt werden.
bookmarklet-payload.js	Der entpackte Bookmarklet-Payload (JS). Erstellt <style> + <script> Elemente und injiziert sie in die Seite. Nützlich zum Debuggen.
install.html	Installer-Seite mit Drag & Drop Button, Anleitung, Feature-Liste und Changelog. Kann lokal oder gehostet geöffnet werden.
kantine-standalone.html	Eigenständige HTML-Datei mit eingebettetem CSS + JS + Mock-Daten. Lädt automatisch Dummy-Menüs für UI-Tests ohne API-Zugriff.

Build

Um Änderungen an kantine.js oder style.css wirksam zu machen, führe den Build aus:

./build-bookmarklet.sh

📝 Lizenz

Internes Tool.