This package is a Tauri extension to give you a fully-typed RPC layer for Tauri commands. The TS types corresponding to your pre-defined Rust backend API are generated on runtime, after which they can be used to call the backend from your Typescript frontend framework of choice.
First, add the following crates to your Cargo.toml
:
# src-tauri/Cargo.toml
[dependencies]
taurpc = "0.1.0"
ts-rs = "6.2"
tokio = { version = "1", features = ["full"] }
Then, declare and implement your RPC methods.
// src-tauri/src/main.rs
#[taurpc::procedures]
trait Api {
async fn hello_world();
}
#[derive(Clone)]
struct ApiImpl;
#[taurpc::resolvers]
impl Api for ApiImpl {
async fn hello_world(self) {
println!("Hello world");
}
}
#[tokio::main]
fn main() {
tauri::Builder::default()
.invoke_handler(taurpc::create_rpc_handler(ApiImpl.into_handler()))
.run(tauri::generate_context!())
.expect("error while running tauri application");
}
The #[taurpc::procedures]
trait will generate everything necessary for handling calls and the type-generation. Now, you should run pnpm tauri dev
to generate and export the TS types (the types will be exported to node_moduldes/.taurpc
).
Then on the frontend install the taurpc package.
pnpm install taurpc
Now you can call your backend with types from inside typescript frontend files.
import { createTauRPCProxy } from 'taurpc'
const taurpc = await createTauRPCProxy()
await taurpc.hello_world()
The types for taurpc are generated once you start your application, run pnpm tauri dev
. If the types are not picked up by the LSP, you may have to restart typescript to reload the types.
You can find a complete example (using Svelte) here.
If you want to you structs for the inputs/outputs of procedures, you should always add #[taurpc::rpc_struct]
to make sure the coresponding ts types are generated.
#[taurpc::rpc_struct]
struct User {
user_id: u32,
first_name: String,
last_name: String,
}
#[taurpc::procedures]
trait Api {
async fn get_user() -> User;
}
To share some state between procedures, you can add fields on the API implementation struct. If the state requires to be mutable, you need to use a container that enables interior mutability, like a Mutex.
You can use the window
and app_handle
arguments just like with Tauri's commands. Tauri docs
// src-tauri/src/main.rs
use std::sync::{Arc, Mutex};
use tauri::{Manager, Runtime, State, Window};
type MyState = Arc<Mutex<String>>;
#[taurpc::procedures]
trait Api {
async fn method_with_state();
async fn method_with_window<R: Runtime>(window: Window<R>);
}
#[derive(Clone)]
struct ApiImpl {
state: MyState
};
#[taurpc::resolvers]
impl Api for ApiImpl {
async fn with_state(self) {
// ...
// self.state.lock()
// ...
}
async fn with_window<R: Runtime>(self, window: Window<R>) {
// ...
}
}
#[tokio::main]
fn main() {
tauri::Builder::default()
.invoke_handler(taurpc::create_rpc_handler(
ApiImpl {
state: Arc::new(Mutex::new("state".to_string())),
}
.into_handler(),
))
.run(tauri::generate_context!())
.expect("error while running tauri application");
}
You can return a Result<T, E>
to return an error if the procedure fails. This is will reject the promise on the frontend and throw an error.
If you're working with error types from Rust's std library, they will probably not implement serde::Serialize
which is required for anything that is returned in the procedure.
In simple scenarios you can use map_err
to convert these errors to String
s. For more complex scenarios, you can create your own error type that implements serde::Serialize
.
You can find an example using thiserror here.
You can also find more information about this in the Tauri guides.
- Basic inputs
- Struct inputs
- Sharing state
- Use Tauri's managed state?
- Renaming methods
- Merging routers
- Custom error handling
- Typed outputs
- Async methods - async traits👀
- Allow sync methods
- Calling the frontend