Do More in the Browser with Wasm Components

on YouTube ↗26m

" summary

Converts Web IDL into a reusable browser.wit package so non‑JS languages can call DOM APIs; a single proxy of the global object and a generated glue layer (claimed to be <100 lines) maps calls into JS. Uses a jco transpiler and WASI runtimes to run Rust and Python components in the browser; examples include a 79 KB hello, a 562 KB GitHub manager, and one 138 MB outlier. Runs server‑style components inside a service worker that intercepts HTTP requests so full apps run client‑side; promise integration is in Chrome origin trial.

AI-written summary · about

" chapters (8)

1. 0:00Introduction to Wasm
2. 0:50The component model and WIT
3. 2:18Bridging web APIs with WIT
4. 4:58Web component demo
5. 6:31Transpilation with JCO
6. 8:32WASI browser challenges
7. 11:04Service worker demonstration
8. 17:26Q&A and final discussion

" related talks

• 18mAn introduction to the WebAssembly component modelMikkel Mørk Hegnhøj · NDC Oslo 2024
• 50mWeb AssemblyBrian Sletten · Developer Summit 2020
• 39mJavaScript Toolchain for WebAssembly ComponentsGuy Bedford · WasmCon 2023
• 56mKEYNOTE: WebAssembly Update: The Proposals, Wasi, And The Component ModelBrian Sletten · LambdaConf 2024
• 32mBringing WebAssembly outside the web with WASILin Clark · Full Stack Fest 2019
• 34mWasm Components for Every LanguageKyle Brown · WasmCon 2023
• 37mBeyond the browser: Moving forward with a more Declarative Future with WebAssemblyShivay Lamba · XtremeJS 2023
• 48mWebAssembly Beyond the BrowserMete Atamel · JCON Europe 2023