wasm-bindings

wasm-bindgen conventions for compiling a Rust core to WebAssembly for JavaScript: wasm-pack packaging, JsValue mapping, async futures, bundle-size tuning, web-sys/js-sys, and TypeScript defs. Load whe

Files1

View on GitHub

SKILL.md

GitHub
  • Use wasm-bindgen for JavaScript interop. Use wasm-pack for building and packaging.
  • Map Rust types to JS with #[wasm_bindgen]. Use JsValue for dynamic types, typed wrappers for known types.
  • Handle errors with Result<T, JsValue>. Convert Rust errors to descriptive JS error messages.
  • Support both browser (ES modules) and Node.js (CommonJS/ESM) targets.
  • Async: use wasm-bindgen-futures for Promise-returning functions. Never block the main thread.
  • Bundle size: use opt-level = "z", lto = true, codegen-units = 1 in release profile.
  • Use web-sys and js-sys for Web API access. Feature-gate platform-specific APIs.
  • Test with wasm-pack test --headless --firefox and a JS test runner (e.g., Vitest or Jest) for JS integration tests.
  • Generate TypeScript definitions automatically. Keep .d.ts files in sync with Rust exports.
  • Anti-patterns: no std::thread (single-threaded), no synchronous I/O, no panics (becomes JS exception).

Related in testing

frontend-testing-langgenius-dify

Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, s...

by langgenius
127,079

skill-creator-langgenius-dify

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an exist...

by langgenius
127,079

browser-use-browser-use-browser-use

Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs...

by browser-use
76,633