#!/bin/bash # Build script for Kantine Bookmarklet # Creates a self-contained bookmarklet URL and standalone HTML file set -e SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)" DIST_DIR="$SCRIPT_DIR/dist" CSS_FILE="$SCRIPT_DIR/style.css" JS_FILE="$SCRIPT_DIR/dist/kantine.bundle.js" FAVICON_FILE="$SCRIPT_DIR/favicon.png" # === VERSION === if [ -f "$SCRIPT_DIR/version.txt" ]; then VERSION=$(cat "$SCRIPT_DIR/version.txt" | tr -d '\n') else echo "ERROR: version.txt not found" exit 1 fi mkdir -p "$DIST_DIR" echo "=== Kantine Bookmarklet Builder ($VERSION) ===" # Ensure npm dependencies are installed and run Webpack to build the bundle echo "Running npm install to ensure dependencies..." npm install --silent echo "Running webpack..." npx webpack # Check files exist if [ ! -f "$CSS_FILE" ]; then echo "ERROR: $CSS_FILE not found"; exit 1; fi if [ ! -f "$JS_FILE" ]; then echo "ERROR: $JS_FILE not found"; exit 1; fi # Generate favicon.png from favicon_base.png if base exists FAVICON_BASE="$SCRIPT_DIR/favicon_base.png" if [ -f "$FAVICON_BASE" ]; then echo "Generating 40x40 favicon.png from favicon_base.png..." python3 -c " import sys from PIL import Image try: img = Image.open('$FAVICON_BASE') img_resized = img.resize((40, 40), Image.Resampling.LANCZOS) img_resized.save('$FAVICON_FILE') except Exception as e: print('Favicon generation error:', e) sys.exit(1) " fi if [ ! -f "$FAVICON_FILE" ]; then echo "ERROR: $FAVICON_FILE not found"; exit 1; fi # Generate favicon Base64 data URI from PNG FAVICON_B64=$(base64 -w0 "$FAVICON_FILE") FAVICON_URL="data:image/png;base64,${FAVICON_B64}" CSS_CONTENT=$(cat "$CSS_FILE") # Inject version and favicon into JS JS_CONTENT=$(cat "$JS_FILE" | sed "s|{{VERSION}}|$VERSION|g" | sed "s|{{FAVICON_DATA_URI}}|$FAVICON_URL|g") # === 1. Build standalone HTML (for local testing/dev) === cat > "$DIST_DIR/kantine-standalone.html" << HTMLEOF Kantine Weekly Menu (Standalone) HTMLEOF echo "✅ Standalone HTML: $DIST_DIR/kantine-standalone.html" # === 2. Build bookmarklet (JavaScript URL) === # The bookmarklet injects CSS + JS into the current page # Escape CSS for embedding in JS string CSS_ESCAPED=$(echo "$CSS_CONTENT" | sed "s/'/\\\\'/g" | tr '\n' ' ' | sed 's/ */ /g') # Create a minified version for the injected bookmarklet payloads echo "Minifying JS with Terser..." TEMP_JS=$(mktemp) echo "$JS_CONTENT" > "$TEMP_JS" JS_MINIFIED=$(npx -y terser "$TEMP_JS" --compress --mangle) rm -f "$TEMP_JS" cat > "$DIST_DIR/bookmarklet-payload.js" << PAYLOADEOF javascript:(function(){ if(window.__KANTINE_LOADED){alert('Kantine Wrapper already loaded!');return;} var s=document.createElement('style');s.textContent='${CSS_ESCAPED}';document.head.appendChild(s); // Inject JS logic var sc=document.createElement('script'); sc.textContent=$(echo "$JS_MINIFIED" | python3 -c "import sys,json; print(json.dumps(sys.stdin.read()))" 2>/dev/null || echo "$JS_MINIFIED" | sed 's/\\/\\\\/g' | sed "s/'/\\\\'/g" | sed 's/"/\\\\"/g' | tr '\n' ' ' | sed 's/^/"/' | sed 's/$/"/'); document.head.appendChild(sc); })(); PAYLOADEOF # URL-encode for bookmark BOOKMARKLET_RAW=$(cat "$DIST_DIR/bookmarklet-payload.js" | tr '\n' ' ' | sed 's/ */ /g') echo "javascript:${BOOKMARKLET_RAW}" > "$DIST_DIR/bookmarklet.txt" echo "✅ Bookmarklet URL: $DIST_DIR/bookmarklet.txt" # === 3. Create an easy-to-use HTML installer page === cat > "$DIST_DIR/install.html" << INSTALLEOF Kantine Wrapper Installer ($VERSION)

Logo Kantine Wrapper $VERSION

"Mahlzeit! Jetzt bessa einfach."

👇 Diesen Button in die Lesezeichen-Leiste ziehen:

⏳ Wird generiert...

So funktioniert's

  1. Ziehe den Button oben in deine Lesezeichen-Leiste (Drag & Drop)
  2. Navigiere zu web.bessa.app/knapp-kantine
  3. Klicke auf das Lesezeichen Kantine $VERSION

✨ Features

⚠️ Haftungsausschluss:
Die Verwendung dieses Bookmarklets erfolgt auf eigene Verantwortung. Der Entwickler übernimmt keine Haftung für Schäden, Datenverlust oder ungewollte Bestellungen, die durch die Nutzung dieser Software entstehen.
Changelog & Version History

Powered by Kaufis-Kitchen 👨‍🍳

INSTALLEOF echo "✅ Installer page: $DIST_DIR/install.html" echo "" echo "=== Build Complete ===" echo "Files in $DIST_DIR:" ls -la "$DIST_DIR/" # === 4. Run build-time tests === echo "" echo "=== Running Logic Tests ===" timeout 15s node "$SCRIPT_DIR/test_logic.js" LOGIC_EXIT=$? if [ $LOGIC_EXIT -ne 0 ]; then echo "❌ Logic tests FAILED or TIMED OUT (Exit: $LOGIC_EXIT)! See above for details." exit 1 fi echo "=== Running DOM Interaction Tests ===" timeout 15s node "$SCRIPT_DIR/tests/test_dom.js" DOM_EXIT=$? if [ $DOM_EXIT -ne 0 ]; then echo "❌ DOM UI tests FAILED or TIMED OUT (Exit: $DOM_EXIT)! Regressions detected." # Ensure playwright processes are killed if they leak pkill -f playwright || true pkill -f "node.*test_dom" || true exit 1 fi echo "=== Running Build Tests ===" timeout 15s python3 "$SCRIPT_DIR/test_build.py" TEST_EXIT=$? if [ $TEST_EXIT -ne 0 ]; then echo "❌ Build tests FAILED or TIMED OUT (Exit: $TEST_EXIT)! See above for details." exit 1 fi echo "✅ All build tests passed."