tauri/examples/web
Amr Bashir 01f6aa3405
build: migrate repo to use pnpm as the package manager (#10607)
* build: migrate repo to use `pnpm` as the pacakge manager

* corepack enable

* update lock file

* format files

* format .github

* fix audit js

* wrap in quotes

* --frozen-lockfile

* simplify packageManager field

* lockfile

* remove cache from audit workflow
2024-08-16 23:04:08 -03:00
..
core chore: update license headers 2024 (#9043) 2024-03-01 08:29:01 -03:00
src build: migrate repo to use pnpm as the package manager (#10607) 2024-08-16 23:04:08 -03:00
static feat(examples): add desktop/web application example (#5537) 2022-11-03 18:01:47 -03:00
.gitignore feat(examples): add desktop/web application example (#5537) 2022-11-03 18:01:47 -03:00
.npmrc feat(examples): add desktop/web application example (#5537) 2022-11-03 18:01:47 -03:00
package.json feat(examples): add desktop/web application example (#5537) 2022-11-03 18:01:47 -03:00
README.md feat(examples): add desktop/web application example (#5537) 2022-11-03 18:01:47 -03:00
svelte.config.js chore: update license headers 2024 (#9043) 2024-03-01 08:29:01 -03:00
tsconfig.json feat(examples): add desktop/web application example (#5537) 2022-11-03 18:01:47 -03:00
vite.config.ts chore: update license headers 2024 (#9043) 2024-03-01 08:29:01 -03:00
yarn.lock feat(examples): add desktop/web application example (#5537) 2022-11-03 18:01:47 -03:00

Desktop / Web Example

This example showcases an application that has shares code between a desktop and a Web target.

The Web application uses WASM to communicate with the Rust backend, while the desktop app leverages Tauri commands.

Architecture

The Rust code lives in the core/ folder and it is a Cargo workspace with three crates:

  • tauri: desktop application. Contains the commands that are used by the frontend to access the Rust APIs;
  • wasm: library that is compiled to WASM to be used by the Web application;
  • api: code shared between the Tauri and the WASM crates. Most of the logic should live here, with only the specifics in the tauri and wasm crates.

The Rust code bridge is defined in the src/api/ folder, which defines desktop/index.js and a web/index.js interfaces. To access the proper interface according to the build target, a resolve alias is defined in vite.config.js, so the API can be imported with import * as api from '$api'.

Running the desktop application

Use the following commands to run the desktop application:

yarn
yarn tauri dev

Running the Web application

Use the following commands to run the Web application:

yarn
yarn dev:web