1 unstable release

0.1.0	Dec 3, 2022

#20 in #elm

MIT license

130KB
3.5K SLoC

Duid

Djedou user interface design is a web framework for creating fast and interactive client side web application in Rust webassembly following Elm Architecture.

Testing

Step 0:

Add the WebAssembly target
rustup target add wasm32-unknown-unknown
Install wasm-pack and cargo install basic-http-server

Run provided Test

cd .\examples\counter\
wasm-pack build --target web --release
basic-http-server -a 127.0.0.1:4000

Run your own test

Move to your project root (here it is examples/counter).
Make sure to have an index.html file in your root project that has a content like this:

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" name="viewport" />
    <title>duid</title>
</head>

<body>
    <div id="app"></div>
    <script type="module">
        import init, { duid } from './pkg/index.js';
        (async () => {
            await init();
            await duid(document.querySelector('#app'));
        })();
    </script>
</body>

</html>

Make sure to have following crate in your Cargo.toml file

duid = { path = "../../", features = ["default"] }
wasm-bindgen = "0.2"

Run this command: wasm-pack build --target web --release
For dev run: basic-http-server -a 127.0.0.1:4000

Dependencies

~12MB
~215K SLoC