From 2b5ac3d83d6dd9a5df014eee68f14997bb7bb870 Mon Sep 17 00:00:00 2001
From: g5fighter <grmapal2@gmail.com>
Date: Wed, 10 Jun 2026 11:27:27 +0200
Subject: [PATCH] fix(linux): render UI correctly in AppImage (CSP + SVG
 sizing)

The Linux AppImage launched but rendered only a giant logo with no
layout. Root cause: Tauri injects a per-load 'nonce-...' into the CSP
style-src at runtime. Per the CSP spec, a nonce in style-src makes the
browser ignore 'unsafe-inline', so Angular's runtime-injected component
<style> tags (which carry no nonce) were all blocked by WebKitGTK. With
no component CSS, .brand-logo { width: 42px } never applied and the
<img> fell back to the SVG's 320mm (~1210px) intrinsic size.

- tauri.conf.json: dangerousDisableAssetCspModification ["style-src"]
  so Tauri leaves style-src verbatim (keeps 'unsafe-inline', no nonce)
  while still nonce-protecting script-src.
- tauri.svg: 320mm -> 320 intrinsic size (defense in depth).
- Also bundles GStreamer media framework + build deps for the webview
  (fixes the earlier appsink error) and bumps version to 0.1.3.

Verified: rebuilt AppImage now renders the full UI correctly.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .github/workflows/publish.yml | 9 ++++++++-
 .gitignore                    | 3 +++
 package.json                  | 2 +-
 src-tauri/tauri.conf.json     | 8 +++++++-
 src/assets/tauri.svg          | 4 ++--
 5 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 11a9581..8a0d26c 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -79,7 +79,14 @@ jobs:
             libxdo-dev \
             libssl-dev \
             libayatana-appindicator3-dev \
-            librsvg2-dev
+            librsvg2-dev \
+            gstreamer1.0-plugins-base \
+            gstreamer1.0-plugins-good \
+            gstreamer1.0-plugins-bad \
+            gstreamer1.0-libav \
+            libgstreamer1.0-dev \
+            libgstreamer-plugins-base1.0-dev \
+            patchelf
 
       # ── macOS ────────────────────────────────────────────────────────────────
       - name: Install Dependencies (macOS)
diff --git a/.gitignore b/.gitignore
index 5bb8490..a5f471f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -131,3 +131,6 @@ requirements-dev.txt
 .factorypath
 .act-secrets
 .pnpm-store/
+
+# Claude Code local agent memory/config
+.claude/
diff --git a/package.json b/package.json
index b4439df..7cee12a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tauri-app",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
diff --git a/src-tauri/tauri.conf.json b/src-tauri/tauri.conf.json
index b45beda..9388183 100644
--- a/src-tauri/tauri.conf.json
+++ b/src-tauri/tauri.conf.json
@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "tauri-app",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "identifier": "com.imagelabelia.app",
   "build": {
     "beforeDevCommand": "npm run start",
@@ -19,6 +19,7 @@
     ],
     "security": {
       "csp": "default-src 'self'; img-src 'self' asset: https://asset.localhost data:; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; connect-src ipc: http://ipc.localhost",
+      "dangerousDisableAssetCspModification": ["style-src"],
       "assetProtocol": {
         "enable": true,
         "scope": {
@@ -30,6 +31,11 @@
   "bundle": {
     "active": true,
     "targets": "all",
+    "linux": {
+      "appimage": {
+        "bundleMediaFramework": true
+      }
+    },
     "icon": [
       "icons/32x32.png",
       "icons/128x128.png",
diff --git a/src/assets/tauri.svg b/src/assets/tauri.svg
index 5e3a318..5e47f7b 100644
--- a/src/assets/tauri.svg
+++ b/src/assets/tauri.svg
@@ -2,8 +2,8 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="320mm"
-   height="320mm"
+   width="320"
+   height="320"
    viewBox="0 0 320 320"
    version="1.1"
    id="svg1"