Installation#

#Prerequis

1. Toolchain Rust

   Installez Rust via rustup :

   curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

2. Cible WASM

   Ajoutez la cible de compilation WebAssembly :

   rustup target add wasm32-unknown-unknown

3. Trunk (utilisateurs Leptos)

   Installez Trunk pour compiler et servir les applications Leptos :

   cargo install trunk

#Ajouter rs-grid a votre projet

Leptos

Vanilla JS

Dioxus

Yew

Ajoutez les crates necessaires a votre Cargo.toml :

[dependencies]
rs-grid-core   = { path = "../crates/rs-grid-core" }
rs-grid-scene  = { path = "../crates/rs-grid-scene" }
rs-grid-web    = { path = "../crates/rs-grid-web" }
rs-grid-leptos = { path = "../crates/rs-grid-leptos" }

Note

rs-grid n'est pas encore publie sur crates.io. Utilisez des dependances par chemin local ou par git pour le moment.

Compilez le package WASM avec wasm-pack :

cd crates/rs-grid-web
wasm-pack build --target web

Puis importez le module ES dans votre HTML :

<script type="module">
  import init, { JsGrid } from './pkg/rs_grid_web.js';
  await init();
  const grid = new JsGrid(canvas, 1000, 10);
</script>

Ajoutez les crates necessaires a votre Cargo.toml :

[dependencies]
rs-grid-core   = { path = "../crates/rs-grid-core" }
rs-grid-scene  = { path = "../crates/rs-grid-scene" }
rs-grid-web    = { path = "../crates/rs-grid-web" }
rs-grid-dioxus = { path = "../crates/rs-grid-dioxus" }

Note

rs-grid n'est pas encore publie sur crates.io. Utilisez des dependances par chemin local ou par git pour le moment.

Ajoutez les crates necessaires a votre Cargo.toml :

[dependencies]
rs-grid-core  = { path = "../crates/rs-grid-core" }
rs-grid-scene = { path = "../crates/rs-grid-scene" }
rs-grid-web   = { path = "../crates/rs-grid-web" }
rs-grid-yew   = { path = "../crates/rs-grid-yew" }

Note

rs-grid n'est pas encore publie sur crates.io. Utilisez des dependances par chemin local ou par git pour le moment.

#Graphe de dependances des crates

Les dependances vont dans un seul sens -- n'introduisez jamais de dependance inverse :

rs-grid-leptos → rs-grid-web → rs-grid-render-canvas → rs-grid-scene → rs-grid-core
rs-grid-dioxus → rs-grid-web → rs-grid-render-canvas → rs-grid-scene → rs-grid-core
rs-grid-yew    → rs-grid-web → rs-grid-render-canvas → rs-grid-scene → rs-grid-core

#Verifier votre installation

# Verifier que tout le workspace compile
cargo check --workspace

# Lancer les tests unitaires
cargo test --workspace

# Compiler et servir l'application de demo
cd examples/basic-leptos
trunk serve