fix: restore Trunk link tag for Cargo.toml to resolve SyntaxError in browser

Cargo.lock

@@ -320,9 +320,11 @@ dependencies = [
  "dotenvy",
  "futures",
  "governor",
+ "icons",
  "jsonwebtoken",
  "leptos",
  "leptos_axum",
+ "leptos_ui",
  "mime_guess",
  "openssl",
  "quick-xml",
@@ -343,6 +345,7 @@ dependencies = [
  "tower_governor",
  "tracing",
  "tracing-subscriber",
+ "tw_merge",
  "utoipa",
  "utoipa-swagger-ui",
  "web-push",

Cargo.toml

@@ -2,6 +2,9 @@
 members = ["backend", "frontend", "shared"]
 resolver = "2"
 
+[[workspace.metadata.leptos]]
+tailwind-input-file = "frontend/input.css"
+
 [profile.release]
 # En küçük binary boyutu
 opt-level = "z"

backend/Cargo.toml

@@ -46,4 +46,7 @@ governor = "0.10.4"
 # Leptos
 leptos = { version = "0.8.15", features = ["nightly"] }
 leptos_axum = { version = "0.8.7" }
-jsonwebtoken = "9"
+jsonwebtoken = "9"
+tw_merge = { version = "0.1.17", features = ["variant"] }
+icons = { version = "0.18.0", features = ["leptos"] }
+leptos_ui = "0.3.20"

backend/src/main.rs

@@ -1,3 +1,4 @@
+mod components;
 mod diff;
 mod handlers;
 #[cfg(feature = "push-notifications")]

frontend/index.html

@@ -20,7 +20,7 @@
     <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
 
     <!-- Trunk Assets -->
-    <script data-trunk rel="rust" src="Cargo.toml" data-wasm-opt="0" data-preload="false"></script>
+    <link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="0" data-preload="false" />
     <link data-trunk rel="css" href="public/tailwind.css" />
     <link data-trunk rel="copy-file" href="manifest.json" />
     <link data-trunk rel="copy-file" href="icon-192.png" />

frontend/src/components/ui/progress.rs

@@ -0,0 +1,26 @@
+use leptos::prelude::*;
+use tailwind_fuse::tw_merge;
+
+#[component]
+pub fn Progress(
+    #[prop(into)] value: Signal<f64>,
+    #[prop(optional, into)] class: String,
+) -> impl IntoView {
+    let progress_style = move || format!("transform: translateX(-{}%);", 100.0 - value.get().clamp(0.0, 100.0));
+
+    view! {
+        <div
+            data-name="Progress"
+            class=tw_merge!(
+                "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
+                class
+            )
+        >
+            <div
+                data-name="ProgressIndicator"
+                class="h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out"
+                style=progress_style
+            />
+        </div>
+    }
+}

package.json

@@ -0,0 +1,8 @@
+{
+  "dependencies": {
+    "@tailwindcss/cli": "^4.1.18",
+    "tailwindcss": "^4.1.18",
+    "tw-animate-css": "^1.4.0"
+  },
+  "type": "module"
+}

ui_config.toml

@@ -0,0 +1,2 @@
+base_color = "neutral"
+base_path_components = "backend/src/components"