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 crate to your dependencies:
# src-tauri/Cargo.toml
[dependencies]
taurpc = "0.1.0"
ts-rs = "6.2"
Then, declare and implement your RPC methods.
// src-tauri/src/main.rs
#[taurpc::procedures]
trait Api {
fn hello_world();
}
#[derive(Clone)]
struct ApiImpl;
impl Api for ApiImpl {
fn hello_world(self) {
println!("Hello world");
}
}
fn main() {
tauri::Builder::default()
.invoke_handler(taurpc::create_rpc_handler(ApiImpl.into_handler()))
.run(tauri::generate_context!())
.expect("error while running tauri application");
}
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()
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 {
fn get_user() -> User;
}
- Basic inputs
- Struct inputs
- State extractors
- Renaming methods
- Merging routers
- Custom error handling
- Typed outputs
- Async methods
- Calling the frontend