chore: update build artifacts for v1.4.27

feat: build-time favicon injection from favicon.png via placeholder (v1.4.27)
chore: update build artifacts for v1.4.26
2026-02-26 09:50:46 +01:00 · 2026-02-26 09:50:17 +01:00 · 2026-02-26 09:15:15 +01:00 · 2026-02-26 09:15:10 +01:00 · 2026-02-26 09:03:12 +01:00 · 2026-02-26 09:03:07 +01:00
10 changed files with 72 additions and 29 deletions
--- a/build-bookmarklet.sh
+++ b/build-bookmarklet.sh
@@ -7,7 +7,7 @@ SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
 DIST_DIR="$SCRIPT_DIR/dist"
 CSS_FILE="$SCRIPT_DIR/style.css"
 JS_FILE="$SCRIPT_DIR/kantine.js"
-FAVICON_FILE="$SCRIPT_DIR/favicon.svg"
+FAVICON_FILE="$SCRIPT_DIR/favicon.png"

 # === VERSION ===
 if [ -f "$SCRIPT_DIR/version.txt" ]; then
@@ -26,14 +26,14 @@ 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
 if [ ! -f "$FAVICON_FILE" ]; then echo "ERROR: $FAVICON_FILE not found"; exit 1; fi

-# Generate favicon Base64 data URI
+# Generate favicon Base64 data URI from PNG
 FAVICON_B64=$(base64 -w0 "$FAVICON_FILE")
-FAVICON_URI="data:image/svg+xml;base64,${FAVICON_B64}"
+FAVICON_URL="data:image/png;base64,${FAVICON_B64}"

 CSS_CONTENT=$(cat "$CSS_FILE")

-# Inject version into JS
-JS_CONTENT=$(cat "$JS_FILE" | sed "s|{{VERSION}}|$VERSION|g")
+# 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
@@ -107,7 +107,7 @@ cat > "$DIST_DIR/install.html" << INSTALLEOF
 <head>
    <meta charset="UTF-8">
    <title>Kantine Wrapper Installer ($VERSION)</title>
-    <link rel="icon" type="image/svg+xml" href="$FAVICON_URI">
+    <link rel="icon" type="image/png" href="$FAVICON_URL">
    <style>
        body { font-family: 'Inter', sans-serif; max-width: 600px; margin: 40px auto; padding: 20px; background: #1a1a2e; color: #eee; }
        h1 { color: #029AA8; } /* Knapp Teal */
@@ -207,9 +207,9 @@ echo "document.getElementById('bookmarklet-link').href = " >> "$DIST_DIR/install
 echo "$JS_CONTENT" | python3 -c "
 import sys, json, urllib.parse

-# 1. Read JS and Replace VERSION
+# 1. Read JS and Replace VERSION + Favicon
 js_template = sys.stdin.read()
-js = js_template.replace('{{VERSION}}', '$VERSION')
+js = js_template.replace('{{VERSION}}', '$VERSION').replace('{{FAVICON_DATA_URI}}', '$FAVICON_URL')

 # 2. Prepare CSS for injection via createElement('style')
 css = open('$CSS_FILE').read().replace('\n', ' ').replace('  ', ' ')
@@ -243,6 +243,13 @@ $CHANGELOG_HTML
 EOF

 cat >> "$DIST_DIR/install.html" << INSTALLEOF
+        // Dynamic favicon injection (overrides proxy defaults like htmlpreview.github.io)
+        document.querySelectorAll('link[rel*="icon"]').forEach(function(el) { el.remove(); });
+        var fi = document.createElement('link');
+        fi.rel = 'icon';
+        fi.type = 'image/png';
+        fi.href = '$FAVICON_URL';
+        document.head.appendChild(fi);
        document.getElementById('bookmarklet-link').textContent = 'Kantine $VERSION';
    </script>
 </body>
--- a/changelog.md
+++ b/changelog.md
@@ -1,3 +1,15 @@
+## v1.4.27
+- 🔧 **Build**: Favicon wird jetzt sauber aus `favicon.png` per Build-Script als PNG-Base64-Data-URI generiert und über `{{FAVICON_DATA_URI}}` Platzhalter in `kantine.js` + `install.html` injiziert. Funktioniert auf allen Browsern und Proxy-Diensten.
+
+## v1.4.26
+- 🎨 **Favicon**: Von SVG-Base64 auf PNG-Datei (`favicon.png`) umgestellt, verlinkt via raw.githubusercontent.com. Funktioniert zuverlässig auf allen Browsern und Proxy-Diensten (htmlpreview.github.io).
+
+## v1.4.25
+- 🐛 **Bugfix**: Favicon wird in `install.html` jetzt zusätzlich per JavaScript injiziert, um Proxy-Dienste wie htmlpreview.github.io zu überschreiben. Release-Script pusht nun auch `main` Branch zu GitHub.
+
+## v1.4.24
+- 🐛 **Bugfix**: Favicon-Encoding korrigiert – `encodeURIComponent` verursachte doppeltes Encoding der Farbcodes (`%23` → `%2523`). Auf Base64 umgestellt, funktioniert nun auch unter Chrome/Windows.
+
 ## v1.4.23
 - 🐛 **Bugfix**: Favicon wird jetzt beim Ausführen des Bookmarklets in die Seite injiziert (ersetzt das Bessa-Favicon im Tab). Chrome cached das Icon und übernimmt es anschließend auch in die Lesezeichenleiste.

--- a/dist/bookmarklet-payload.js
+++ b/dist/bookmarklet-payload.js
--- a/dist/bookmarklet.txt
+++ b/dist/bookmarklet.txt
--- a/dist/install.html
+++ b/dist/install.html
--- a/dist/kantine-standalone.html
+++ b/dist/kantine-standalone.html
@@ -2000,14 +2000,14 @@ body {
        // Replace entire page content
        document.title = 'Kantine Weekly Menu';

-        // Inject custom favicon (triangle + fork & knife)
+        // Inject custom favicon (triangle + fork & knife PNG)
        if (document.querySelectorAll) {
            document.querySelectorAll('link[rel*="icon"]').forEach(el => el.remove());
        }
        const favicon = document.createElement('link');
        favicon.rel = 'icon';
-        favicon.type = 'image/svg+xml';
-        favicon.href = 'data:image/svg+xml,' + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(2,10)"><rect x="1" y="0" width="1.8" height="16" rx=".9" fill="%23333"/><rect x="4.6" y="0" width="1.8" height="16" rx=".9" fill="%23333"/><rect x="8.2" y="0" width="1.8" height="16" rx=".9" fill="%23333"/><rect x="1" y="14" width="9" height="3.5" rx="1.5" fill="%23333"/><rect x="3.5" y="16.5" width="4" height="24" rx="2" fill="%23333"/></g><polygon points="32,8 47,48 17,48" fill="none" stroke="%23333" stroke-width="4" stroke-linejoin="round"/><g transform="translate(50,10)"><path d="M3,0C3,0,3,0,3,0L3,17L10,14C10,6,7,0,3,0Z" fill="%23333"/><rect x="1.5" y="0" width="2" height="18" rx="1" fill="%23333"/><rect x="1.5" y="16.5" width="8.5" height="3.5" rx="1.2" fill="%23333"/><rect x="3.5" y="19" width="4" height="22" rx="2" fill="%23333"/></g></svg>');
+        favicon.type = 'image/png';
+        favicon.href = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC9UlEQVR4AcRVO28TQRCe2UtAQgkFShWIkoDogiAdFUo6XoYGIRoePwSw4Q/QUCBRgIA/gLCokBL+QIKBAipwwkt0pAlwvhtmxrvH+Xy39tkxjG5uZmdf3zf7MvCfZSgA59Y2ppfefp8YhsPAACqNj/Nk4ncT4faHk+tf5wYFMTAAIrgOgJOIMDWGv27AgDIQgPNvPs8g4VU3J7IvMVcuY70AKq+aJINlbRyFVUAIOAstUfE1Bm2R9qfXmvfaJf/fCyCvqzIlvKZ1SI94CZ6ozzGt0wKAMXS4nw1aGkActW4LYyCIgmC8ZoKxm+JLLIrCW3Z+4FgwGf68kJQLnNIAeODLMhYx+6dH9m+K8uSPJcZ74Uo6CwBxO1NSWaDlASAEDELYV8GKKcgCIZ4487p50DbLNX0DSDNz7N2I2Sy4OAIgxnARPNI3gFjWXgYiXfuEvYRE01mQcqJElxI/x+kJQI6U7afrmWVv6yCdBY2h2Q1Av8HAXS0X/HoC0IuAOzvLO7/KxdwvyQLXItBxANzFG/M+eMQL4NmxWSTAO64/AT1Qpi6QsVqHoCciU1VY9AKQXsxkWSzvfPKx1zb8M+5EsC+fkBBbpF4AuvMJjkpnZt9QhlLwqLZJZUHH8LT3AtCdj4DaH82K2j5+mgXbLkrfjjaWNoUAFDmB3nrSAYm2xPajmgXbEAkzt6OtsKYQQCznHkFuPYJhBCGIPFnIBZBmL2sPQ4ovC7kA4r/sIyix9rk4+ebkXVSYhS4AHez5xSuz9rkA7IkoykIXgDT7fs597qSpoHH3AubvhQ4AWfaym+uLszW5TMRCCZE+ojIGL4HejnlZ6AAQRWGNGwcyD7/lL8+uby7thMYIqyCCmoUapCQBcKrx6QAC6osn9YbgIT/mKzuhMhZYQZ6j8v7LlC3yY2k9DMIWuwkg9kf00RaFsMcNnkz4fGH+G42NzxKZ5VHq9uTeufrC9EYXAAlIRX1xZnWU+uLQvh8yl9MkAy7wr+3IAfQi9AcAAP//cvfPmgAAAAZJREFUAwAATd1Qkd2fWwAAAABJRU5ErkJggg==';
        document.head.appendChild(favicon);

        // Inject Google Fonts if not already present
@@ -2031,7 +2031,7 @@ body {
                    <div class="brand">
                        <span class="material-icons-round logo-icon">restaurant_menu</span>
                        <div class="header-left">
-                            <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">v1.4.23</small></h1>
+                            <h1>Kantinen Übersicht <small class="version-tag" style="font-size: 0.6em; opacity: 0.7; font-weight: 400; cursor: pointer;" title="Klick für Versionsmenü">v1.4.27</small></h1>
                            <div id="last-updated-subtitle" class="subtitle"></div>
                        </div>
                        <div class="nav-group" style="margin-left: 1rem;">
@@ -2173,7 +2173,7 @@ body {
                    </div>
                    <div class="modal-body">
                        <div style="margin-bottom: 1rem;">
-                            <strong>Aktuell:</strong> <span id="version-current">v1.4.23</span>
+                            <strong>Aktuell:</strong> <span id="version-current">v1.4.27</span>
                        </div>
                        <div class="dev-toggle">
                            <label style="display:flex;align-items:center;gap:8px;cursor:pointer;">
@@ -4026,7 +4026,7 @@ body {

    // Periodic update check (runs on init + every hour)
    async function checkForUpdates() {
-        const currentVersion = 'v1.4.23';
+        const currentVersion = 'v1.4.27';
        const devMode = localStorage.getItem('kantine_dev_mode') === 'true';

        try {
@@ -4067,7 +4067,7 @@ body {
        const modal = document.getElementById('version-modal');
        const container = document.getElementById('version-list-container');
        const devToggle = document.getElementById('dev-mode-toggle');
-        const currentVersion = 'v1.4.23';
+        const currentVersion = 'v1.4.27';

        if (!modal) return;
        modal.classList.remove('hidden');
--- a/favicon.png
+++ b/favicon.png
--- a/kantine.js
+++ b/kantine.js
@@ -50,14 +50,14 @@
        // Replace entire page content
        document.title = 'Kantine Weekly Menu';

-        // Inject custom favicon (triangle + fork & knife)
+        // Inject custom favicon (triangle + fork & knife PNG)
        if (document.querySelectorAll) {
            document.querySelectorAll('link[rel*="icon"]').forEach(el => el.remove());
        }
        const favicon = document.createElement('link');
        favicon.rel = 'icon';
-        favicon.type = 'image/svg+xml';
-        favicon.href = 'data:image/svg+xml,' + encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g transform="translate(2,10)"><rect x="1" y="0" width="1.8" height="16" rx=".9" fill="%23333"/><rect x="4.6" y="0" width="1.8" height="16" rx=".9" fill="%23333"/><rect x="8.2" y="0" width="1.8" height="16" rx=".9" fill="%23333"/><rect x="1" y="14" width="9" height="3.5" rx="1.5" fill="%23333"/><rect x="3.5" y="16.5" width="4" height="24" rx="2" fill="%23333"/></g><polygon points="32,8 47,48 17,48" fill="none" stroke="%23333" stroke-width="4" stroke-linejoin="round"/><g transform="translate(50,10)"><path d="M3,0C3,0,3,0,3,0L3,17L10,14C10,6,7,0,3,0Z" fill="%23333"/><rect x="1.5" y="0" width="2" height="18" rx="1" fill="%23333"/><rect x="1.5" y="16.5" width="8.5" height="3.5" rx="1.2" fill="%23333"/><rect x="3.5" y="19" width="4" height="22" rx="2" fill="%23333"/></g></svg>');
+        favicon.type = 'image/png';
+        favicon.href = '{{FAVICON_DATA_URI}}';
        document.head.appendChild(favicon);

        // Inject Google Fonts if not already present
--- a/release.sh
+++ b/release.sh
@@ -49,8 +49,9 @@ echo "=== Pushing to remotes ==="
 git push origin HEAD
 git push origin --force tag "$VERSION"

-# If a remote named 'github' exists, push tags there too
+# If a remote named 'github' exists, push branch and tags there too
 if git remote | grep -q "^github$"; then
+    git push github HEAD
    git push github --force tag "$VERSION"
 fi

--- a/version.txt
+++ b/version.txt
@@ -1 +1 @@
-v1.4.23
+v1.4.27
Author	SHA1	Message	Date
Kantine Wrapper	bc1a91b7d7	chore: update build artifacts for v1.4.27	2026-02-26 09:50:46 +01:00
Kantine Wrapper	7d5beedfbb	feat: build-time favicon injection from favicon.png via placeholder (v1.4.27)	2026-02-26 09:50:17 +01:00
Kantine Wrapper	0651d517b2	chore: update build artifacts for v1.4.26	2026-02-26 09:15:15 +01:00
Kantine Wrapper	c5e236e095	feat: favicon switched to PNG file served via raw GitHub URL (v1.4.26)	2026-02-26 09:15:10 +01:00
Kantine Wrapper	a5bff19796	chore: update build artifacts for v1.4.25	2026-02-26 09:03:12 +01:00
Kantine Wrapper	284f3d9a32	fix: dynamic favicon injection + push main to GitHub (v1.4.25)	2026-02-26 09:03:07 +01:00
Kantine Wrapper	7ce82ce82e	chore: update build artifacts for v1.4.24	2026-02-26 08:58:38 +01:00
Kantine Wrapper	ce12684193	fix: push main branch to GitHub in release script	2026-02-26 08:58:25 +01:00
Kantine Wrapper	6cee38e99f	chore: update build artifacts for v1.4.24	2026-02-26 08:35:15 +01:00
Kantine Wrapper	88758427fd	fix: favicon base64 encoding for Chrome/Windows compatibility (v1.4.24)	2026-02-26 08:35:09 +01:00