diff --git a/playground/README.md b/playground/README.md index ccddf89..96a206e 100644 --- a/playground/README.md +++ b/playground/README.md @@ -18,3 +18,36 @@ Clone the repository and start exploring different markdown badge implementation git clone https://github.com/inttter/md-badges.git cd md-badges/playground ``` + +## Building with `wasm-pack` + +To build the Rust code for WebAssembly and integrate it with the web frontend, follow these steps: + +1. **Install `wasm-pack`** (if you haven't already): + +```bash +cargo install wasm-pack +``` + +2. **Build the Rust project for the web target**: + +```bash +cd rust +cargo install +wasm-pack build --target web --out-dir ../web/pkg +``` + +This command compiles the Rust code to WebAssembly and outputs the generated files to the `../web/pkg` directory. + +3. **Start the web frontend** (if applicable): + +Navigate to the `web` directory and start your frontend development server as needed. + +```bash +cd ../web +# For example, if using npm: +npm install +npm run dev +``` + +Now you can experiment with the playground using the latest Rust-to-WebAssembly integration.