goofmint

#[wasm_bindgen(start)]
pub fn run() {
    log(&format!("Hello, {}!", name()));
    let x = MyClass::new();
    assert_eq!(x.number(), 42);
    x.set_number(10);
    log(&x.render());
}

goofmint

#[wasm_bindgen]
extern "C" {
    #[wasm_bindgen(js_namespace = console)]
    fn log(s: &str);
}

goofmint

extern "C" {
    fn name() -> String;

    type MyClass;

    #[wasm_bindgen(constructor)]
    fn new() -> MyClass;

    #[wasm_bindgen(method, getter)]
    fn number(this: &MyClass) -> u32;

goofmint

use wasm_bindgen::prelude::*;

#[wasm_bindgen(module = "/defined-in-js.js")]

goofmint

export function name() {
    return 'World';
}

export class MyClass {
    constructor() {
        this._number = 42;
    }

    get number() {

goofmint

export const loadPageInto = (main) => {
  main.innerText = 'Video game page';
}

goofmint

link.addEventListener('click', async (event) => {
  event.preventDefault();
  try {
    const module = await import(`/${link.dataset.entryModule}.mjs`);
    // The module exports a function named `loadPageInto`.
    module.loadPageInto(main);
  } catch (error) {
    main.textContent = error.message;
  }
});

goofmint

<nav>
  <a href="books.html" data-entry-module="books">Books</a>
  <a href="movies.html" data-entry-module="movies">Movies</a>
  <a href="video-games.html" data-entry-module="video-games">Video Games</a>
</nav>

goofmint

const module = await import(`/${link.dataset.entryModule}.mjs`);

goofmint

<script type="module">
  import * as module from './utils.mjs';
  module.default();
  // → logs 'Hi from the default export!'
  module.doStuff();
  // → logs 'Doing stuff…'
</script>