Added leptos example.

JonasKruckenberg · Aug 2, 2024 · 8ba6adf · 8ba6adf
1 parent f2eb0e7
commit 8ba6adf
Show file tree

Hide file tree

Showing 36 changed files with 922 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -75,6 +75,9 @@ These API bindings are not completely on-par with `@tauri-apps/api` yet, but her
 
 The current API also very closely mirrors the JS API even though that might not be the most ergonomic choice, ideas for improving the API with quality-of-life features beyond the regular JS API interface are very welcome.
 
+## Examples
+The [`examples/leptos`] crate provides examples of how to use most of the implemented functionality.
+
 [wasm-bindgen]: https://github.com/rustwasm/wasm-bindgen
 [tauri allowlist]: https://tauri.app/v1/api/config#allowlistconfig
 [`esbuild`]: https://esbuild.github.io/getting-started/#install-esbuild
diff --git a/examples/leptos/.gitignore b/examples/leptos/.gitignore
@@ -0,0 +1,3 @@
+/dist/
+/target/
+/Cargo.lock
diff --git a/examples/leptos/.taurignore b/examples/leptos/.taurignore
@@ -0,0 +1,3 @@
+/src
+/public
+/Cargo.toml
diff --git a/examples/leptos/.vscode/extensions.json b/examples/leptos/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["tauri-apps.tauri-vscode", "rust-lang.rust-analyzer"]
+}
diff --git a/examples/leptos/.vscode/settings.json b/examples/leptos/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "emmet.includeLanguages": {
+    "rust": "html"
+  }
+}
diff --git a/examples/leptos/Cargo.toml b/examples/leptos/Cargo.toml
@@ -0,0 +1,22 @@
+[package]
+name = "test-tauri-events-ui"
+version = "0.0.0"
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+[dependencies]
+leptos = { version = "0.6", features = ["csr", "nightly"] }
+wasm-bindgen = "0.2"
+wasm-bindgen-futures = "0.4"
+js-sys = "0.3"
+serde = { version = "1", features = ["derive"] }
+serde-wasm-bindgen = "0.6"
+console_error_panic_hook = "0.1.7"
+tauri-sys = { path = "../tauri-sys", features = ["all"] }
+futures = "0.3"
+tracing = "0.1.40"
+tracing-subscriber = "0.3.18"
+tracing-web = "0.1.3"
+
+[workspace]
+members = ["src-tauri"]
diff --git a/examples/leptos/README.md b/examples/leptos/README.md
@@ -0,0 +1,7 @@
+# Tauri + Leptos
+
+This template should help get you started developing with Tauri and Leptos.
+
+## Recommended IDE Setup
+
+[VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer).
diff --git a/examples/leptos/Trunk.toml b/examples/leptos/Trunk.toml
@@ -0,0 +1,10 @@
+[build]
+target = "./index.html"
+
+[watch]
+ignore = ["./src-tauri"]
+
+[serve]
+address = "127.0.0.1"
+port = 1420
+open = false
diff --git a/examples/leptos/index.html b/examples/leptos/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>Tauri + Leptos App</title>
+    <link data-trunk rel="css" href="styles.css" />
+    <link data-trunk rel="copy-dir" href="public" />
+    <link data-trunk rel="rust" data-wasm-opt="z" />
+  </head>
+  <body></body>
+</html>
diff --git a/examples/leptos/public/leptos.svg b/examples/leptos/public/leptos.svg
diff --git a/examples/leptos/public/tauri.svg b/examples/leptos/public/tauri.svg
diff --git a/examples/leptos/src-tauri/.gitignore b/examples/leptos/src-tauri/.gitignore
@@ -0,0 +1,7 @@
+# Generated by Cargo
+# will have compiled files and executables
+/target/
+
+# Generated by Tauri
+# will have schema files for capabilities auto-completion
+/gen/schemas
diff --git a/examples/leptos/src-tauri/Cargo.toml b/examples/leptos/src-tauri/Cargo.toml
@@ -0,0 +1,20 @@
+[package]
+name = "test-tauri-events"
+version = "0.0.0"
+description = "A Tauri App"
+authors = ["you"]
+edition = "2021"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[build-dependencies]
+# tauri-build = { version = "2.0.0-beta", features = [] }
+tauri-build = { path = "../../tauri/core/tauri-build", features = [] }
+
+[dependencies]
+tauri = { path = "../../tauri/core/tauri", features = [] }
+tauri-plugin-shell = { path = "../../plugins-workspace/plugins/shell" }
+serde = { version = "1", features = ["derive"] }
+serde_json = "1"
+tracing = "0.1.40"
+tracing-subscriber = "0.3.18"
diff --git a/examples/leptos/src-tauri/build.rs b/examples/leptos/src-tauri/build.rs
@@ -0,0 +1,3 @@
+fn main() {
+    tauri_build::build()
+}
diff --git a/examples/leptos/src-tauri/capabilities/default.json b/examples/leptos/src-tauri/capabilities/default.json
@@ -0,0 +1,17 @@
+{
+  "$schema": "../gen/schemas/desktop-schema.json",
+  "identifier": "default",
+  "description": "Capability for the main window",
+  "windows": ["main"],
+  "permissions": [
+    "core:path:default",
+    "core:event:default",
+    "core:window:default",
+    "core:app:default",
+    "core:image:default",
+    "core:resources:default",
+    "core:menu:default",
+    "core:tray:default",
+    "shell:allow-open"
+  ]
+}
diff --git a/examples/leptos/src-tauri/icons/128x128.png b/examples/leptos/src-tauri/icons/128x128.png
diff --git a/examples/leptos/src-tauri/icons/[email protected] b/examples/leptos/src-tauri/icons/[email protected]
diff --git a/examples/leptos/src-tauri/icons/32x32.png b/examples/leptos/src-tauri/icons/32x32.png
diff --git a/examples/leptos/src-tauri/icons/Square107x107Logo.png b/examples/leptos/src-tauri/icons/Square107x107Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square142x142Logo.png b/examples/leptos/src-tauri/icons/Square142x142Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square150x150Logo.png b/examples/leptos/src-tauri/icons/Square150x150Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square284x284Logo.png b/examples/leptos/src-tauri/icons/Square284x284Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square30x30Logo.png b/examples/leptos/src-tauri/icons/Square30x30Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square310x310Logo.png b/examples/leptos/src-tauri/icons/Square310x310Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square44x44Logo.png b/examples/leptos/src-tauri/icons/Square44x44Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square71x71Logo.png b/examples/leptos/src-tauri/icons/Square71x71Logo.png
diff --git a/examples/leptos/src-tauri/icons/Square89x89Logo.png b/examples/leptos/src-tauri/icons/Square89x89Logo.png
diff --git a/examples/leptos/src-tauri/icons/StoreLogo.png b/examples/leptos/src-tauri/icons/StoreLogo.png
diff --git a/examples/leptos/src-tauri/icons/icon.icns b/examples/leptos/src-tauri/icons/icon.icns
diff --git a/examples/leptos/src-tauri/icons/icon.ico b/examples/leptos/src-tauri/icons/icon.ico
diff --git a/examples/leptos/src-tauri/icons/icon.png b/examples/leptos/src-tauri/icons/icon.png
diff --git a/examples/leptos/src-tauri/src/main.rs b/examples/leptos/src-tauri/src/main.rs
@@ -0,0 +1,41 @@
+// Prevents additional console window on Windows in release, DO NOT REMOVE!!
+#![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
+
+use tauri::{Emitter, Manager};
+
+fn main() {
+    logging::enable();
+    tauri::Builder::default()
+        .invoke_handler(tauri::generate_handler![trigger_listen_events,])
+        .run(tauri::generate_context!())
+        .expect("error while running tauri application");
+}
+
+#[tauri::command]
+fn trigger_listen_events(app: tauri::AppHandle) {
+    tracing::debug!("trigger_listen_event");
+    std::thread::spawn({
+        move || {
+            for i in 1..=100 {
+                app.emit("event::listen", i).unwrap();
+                std::thread::sleep(std::time::Duration::from_millis(500));
+            }
+        }
+    });
+}
+
+mod logging {
+    use tracing_subscriber::{filter::LevelFilter, fmt, prelude::*, Layer, Registry};
+
+    const MAX_LOG_LEVEL: LevelFilter = LevelFilter::DEBUG;
+
+    pub fn enable() {
+        let console_logger = fmt::layer()
+            .with_writer(std::io::stdout)
+            .pretty()
+            .with_filter(MAX_LOG_LEVEL);
+
+        let subscriber = Registry::default().with(console_logger);
+        tracing::subscriber::set_global_default(subscriber).unwrap();
+    }
+}
diff --git a/examples/leptos/src-tauri/tauri.conf.json b/examples/leptos/src-tauri/tauri.conf.json
@@ -0,0 +1,35 @@
+{
+  "productName": "test-tauri-events",
+  "version": "0.0.0",
+  "identifier": "com.tauri.dev",
+  "build": {
+    "beforeDevCommand": "trunk serve",
+    "devUrl": "http://localhost:1420",
+    "beforeBuildCommand": "trunk build",
+    "frontendDist": "../dist"
+  },
+  "app": {
+    "withGlobalTauri": true,
+    "windows": [
+      {
+        "title": "test-tauri-events",
+        "width": 800,
+        "height": 600
+      }
+    ],
+    "security": {
+      "csp": null
+    }
+  },
+  "bundle": {
+    "active": true,
+    "targets": "all",
+    "icon": [
+      "icons/32x32.png",
+      "icons/128x128.png",
+      "icons/[email protected]",
+      "icons/icon.icns",
+      "icons/icon.ico"
+    ]
+  }
+}