feat(leptos): frontend crate scaffold with empty app

- frontend/ crate compiles to WASM via trunk - empty Leptos app mounted to body via wasm_bindgen(start) - dependencies: leptos 0.7 CSR, leptos-use, lucide-leptos, gloo-net, web-sys - workspace cargo check passes (first time the workspace compiles end-to-end) - trunk build produces 65KB WASM + 25KB JS glue Deviations from brief: - lucide-leptos: 0.5 (brief) -> 3 (only version published) - web-sys: removed invalid features ArrayBuffer/DataView (in js-sys/wasm-bindgen) - src/main.rs -> src/lib.rs with #[wasm_bindgen(start)] to avoid bin/lib duplicate artifact
2026-07-03 17:09:44 +07:00
parent f67bc5125b
commit c4c43ce912
8 changed files with 2647 additions and 0 deletions
@@ -13,3 +13,5 @@ logs/
 .moon/docker
 worktrees/
 .worktrees/
+frontend-leptos/frontend/dist/
+target/
@@ -0,0 +1,49 @@
+[package]
+name = "frontend"
+version = "0.1.0"
+edition = "2021"
+
+[lib]
+crate-type = ["cdylib", "rlib"]
+
+[dependencies]
+leptos = { version = "0.7", features = ["csr"] }
+leptos-use = "0.14"
+lucide-leptos = "3"
+shared-types = { path = "../shared-types" }
+wasm-bindgen = "0.2"
+js-sys = "0.3"
+web-sys = { version = "0.3", features = [
+    "WebSocket",
+    "MessageEvent",
+    "CloseEvent",
+    "CanvasRenderingContext2d",
+    "AudioContext",
+    "AudioBuffer",
+    "AudioBufferSourceNode",
+    "Window",
+    "Document",
+    "Element",
+    "HtmlElement",
+    "KeyboardEvent",
+    "Storage",
+    "IntersectionObserver",
+    "ResizeObserver",
+    "Url",
+    "Headers",
+    "Request",
+    "RequestInit",
+    "Response",
+    "HtmlInputElement",
+    "HtmlAudioElement",
+    "HtmlCanvasElement",
+    "MediaDevices",
+    "MediaStream",
+    "Navigator",
+    "console",
+] }
+gloo-net = "0.6"
+serde = { version = "1", features = ["derive"] }
+serde-wasm-bindgen = "0.6"
+wasm-logger = "0.2"
+console_error_panic_hook = "0.1"
@@ -0,0 +1,7 @@
+[build]
+target = "index.html"
+dist = "dist"
+
+[serve]
+port = 8080
+open = false
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="id">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta name="theme-color" content="#23a1eb" />
+  <title>IMPHNEN -- Discord Moderation</title>
+  <link data-trunk rel="rust" data-crate="frontend" data-wasm="frontend.wasm" />
+  <link data-trunk rel="copy-dir" href="public/" />
+  <!-- Poppins font -->
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />
+  <!-- Preload WASM (Trunk inlines this, but just in case) -->
+  <link rel="preload" href="/frontend.wasm" as="fetch" crossorigin="anonymous" />
+</head>
+<body>
+  <!-- Leptos CSR mounts to document.body by default -->
+</body>
+</html>
@@ -0,0 +1 @@
+# Trunk copies this directory to dist/
@@ -0,0 +1,10 @@
+use leptos::prelude::*;
+
+#[component]
+pub fn App() -> impl IntoView {
+    view! {
+        <div style="display: flex; align-items: center; justify-content: center; height: 100vh; font-family: 'Poppins', sans-serif; font-size: 1.5rem; background: #0f172a; color: #e2e8f0;">
+            "Hello from Leptos"
+        </div>
+    }
+}
@@ -0,0 +1,14 @@
+pub mod app;
+
+use wasm_bindgen::prelude::*;
+
+#[wasm_bindgen(start)]
+pub fn start() {
+    // Set up panic hook for better error messages in the browser console
+    console_error_panic_hook::set_once();
+    // Initialize logger
+    wasm_logger::init(wasm_logger::Config::default());
+
+    // Mount the Leptos app to the body
+    leptos::mount::mount_to_body(app::App);
+}