git.iko.soy/dodrio
on e967d2e help sign in
f1ba4fd
swap
0 ahead, 268 behind
96 files changed+3593−9157
since splitsnapshots
unifiedsplit
.gitignore−1 .travis.yml+10−19 Cargo.lock+297−696 Cargo.toml+13−64 README.md+23−60 benches/benches.rs−118 build.sh+10−3 crates/js-api/Cargo.toml−22 crates/js-api/src/lib.rs−324 examples/counter/.gitignore+7 examples/counter/.travis.yml+11 examples/counter/Cargo.toml+6−6 examples/counter/LICENSE-APACHE+201 examples/counter/LICENSE-MIT+25 examples/counter/README.md+1−1 examples/counter/index.html+3−3 examples/counter/src/lib.rs+35−24 examples/game-of-life/Cargo.toml−29 examples/game-of-life/README.md−23 examples/game-of-life/index.html−44 examples/game-of-life/src/lib.rs−218 examples/hello-world/.gitignore+7 examples/hello-world/.travis.yml+11 examples/hello-world/Cargo.toml+4−4 examples/hello-world/LICENSE-APACHE+201 examples/hello-world/LICENSE-MIT+25 examples/hello-world/README.md+1−1 examples/hello-world/index.html+3−3 examples/hello-world/src/lib.rs+21−12 examples/input-form/.gitignore+7 examples/input-form/.travis.yml+11 examples/input-form/Cargo.toml+4−4 examples/input-form/LICENSE-APACHE+201 examples/input-form/LICENSE-MIT+25 examples/input-form/README.md+1−1 examples/input-form/index.html+3−3 examples/input-form/src/lib.rs+42−32 examples/js-component/Cargo.toml−26 examples/js-component/README.md−23 examples/js-component/greeting.js−41 examples/js-component/index.html−14 examples/js-component/src/lib.rs−63 examples/moire/Cargo.toml−43 examples/moire/README.md−26 examples/moire/index.html−67 examples/moire/src/colors.rs−162 examples/moire/src/lib.rs−259 examples/sierpinski-triangle/Cargo.toml−28 examples/sierpinski-triangle/README.md−24 examples/sierpinski-triangle/ferris.png examples/sierpinski-triangle/index.html−69 examples/sierpinski-triangle/src/lib.rs−157 examples/todomvc/Cargo.toml+26−15 examples/todomvc/README.md+4−1 examples/todomvc/css/app.css+8 examples/todomvc/index.html+5−5 examples/todomvc/package-lock.json+16 examples/todomvc/package.json+7 examples/todomvc/src/controller.rs+68−84 examples/todomvc/src/lib.rs+9−10 examples/todomvc/src/router.rs+22−28 examples/todomvc/src/todo.rs+158−158 examples/todomvc/src/todos.rs+299−149 examples/todomvc/src/visibility.rs+4−4 js/change-list-interpreter.js−377 js/change-list.js+257 js/package-lock.json+5 js/package.json+11 js/strace.js−80 publish.sh−11 src/builder.rs−1075 src/cached.rs+76−141 src/cached_set.rs−186 src/change_list.rs+380 src/change_list/emitter.rs−292 src/change_list/js.rs−40 src/change_list/mod.rs−353 src/change_list/strings.rs−66 src/change_list/traversal.rs−344 src/diff.rs−1125 src/events.rs+84−123 src/lib.rs+34−93 src/logging.rs−65 src/node.rs+100−167 src/render.rs+49−72 src/render_context.rs−104 src/strace.rs−22 src/vdom.rs+336−182 tests/web/cached.js−11 tests/web/cached.rs+52−242 tests/web/events.rs+191−70 tests/web/js_api.rs−153 tests/web/keyed.js−25 tests/web/keyed.rs−269 tests/web/main.rs+41−65 tests/web/render.rs+142−233
.gitignore−1
@@ -1,4 +1,3 @@
11/target
22**/*.rs.bk
33wasm-pack.log
4−/.vscode
.travis.yml+10−19
@@ -16,6 +16,7 @@ install:
1616 - *INSTALL_NODE_VIA_NVM
1717 - *INSTALL_WASM_PACK
1818 - rustup target add wasm32-unknown-unknown
19+ - rustup component add rustfmt
1920
2021matrix:
2122 include:
@@ -25,30 +26,20 @@ matrix:
2526 - name: "build (beta)"
2627 rust: beta
2728 script: INSTALL=1 ./build.sh
29+ - name: "build (nightly)"
30+ rust: nightly
31+ script: INSTALL=1 ./build.sh
2832 - name: "headless browser tests (firefox)"
2933 rust: stable
3034 addons:
3135 firefox: latest
32− script: wasm-pack test --firefox --headless -- --features xxx-unstable-internal-use-only
36+ script: wasm-pack test --firefox --headless
37+ - name: "headless browser tests (chrome)"
38+ rust: stable
39+ addons:
40+ chrome: stable
41+ script: wasm-pack test --chrome --headless
3342 - name: "native tests"
3443 rust: stable
3544 install: echo "no install"
3645 script: cargo test --all
37−
38− # TODO: A bug in `rustc` is making `js-sys` broken on nightly:
39− # https://github.com/rust-lang/rust/issues/69315
40− # - name: "build (nightly)"
41− # rust: nightly
42− # script: INSTALL=1 ./build.sh
43− # - name: "check native benches"
44− # rust: nightly
45− # install: echo "no install"
46− # script: cargo check --benches --features xxx-unstable-internal-use-only
47−
48− # TODO: `chromedriver` is complaining about ports or something. Temporarily
49− # disable in CI until we figure it out.
50− # - name: "headless browser tests (chrome)"
51− # rust: stable
52− # addons:
53− # chrome: stable
54− # script: wasm-pack test --chrome --headless -- --features xxx-unstable-internal-use-only
Cargo.lock+297−696
@@ -1,426 +1,186 @@
11# This file is automatically @generated by Cargo.
22# It is not intended for manual editing.
33[[package]]
4−name = "anyhow"
5−version = "1.0.25"
4+name = "aho-corasick"
5+version = "0.6.9"
66source = "registry+https://github.com/rust-lang/crates.io-index"
7+dependencies = [
8+ "memchr 2.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
9+]
710
811[[package]]
912name = "atty"
10−version = "0.2.13"
13+version = "0.2.11"
1114source = "registry+https://github.com/rust-lang/crates.io-index"
1215dependencies = [
13− "libc 0.2.66 (registry+https://github.com/rust-lang/crates.io-index)",
14− "winapi 0.3.8 (registry+https://github.com/rust-lang/crates.io-index)",
16+ "libc 0.2.48 (registry+https://github.com/rust-lang/crates.io-index)",
17+ "termion 1.5.1 (registry+https://github.com/rust-lang/crates.io-index)",
18+ "winapi 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)",
1519]
1620
1721[[package]]
1822name = "autocfg"
19−version = "0.1.7"
23+version = "0.1.2"
2024source = "registry+https://github.com/rust-lang/crates.io-index"
2125
2226[[package]]
23−name = "bitflags"
24−version = "1.2.1"
27+name = "backtrace"
28+version = "0.3.13"
2529source = "registry+https://github.com/rust-lang/crates.io-index"
30+dependencies = [
31+ "autocfg 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
32+ "backtrace-sys 0.1.28 (registry+https://github.com/rust-lang/crates.io-index)",
33+ "cfg-if 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
34+ "libc 0.2.48 (registry+https://github.com/rust-lang/crates.io-index)",
35+ "rustc-demangle 0.1.13 (registry+https://github.com/rust-lang/crates.io-index)",
36+ "winapi 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)",
37+]
2638
2739[[package]]
28−name = "bstr"
29−version = "0.2.8"
40+name = "backtrace-sys"
41+version = "0.1.28"
3042source = "registry+https://github.com/rust-lang/crates.io-index"
3143dependencies = [
32− "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
33− "memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
34− "regex-automata 0.1.8 (registry+https://github.com/rust-lang/crates.io-index)",
35− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
44+ "cc 1.0.29 (registry+https://github.com/rust-lang/crates.io-index)",
45+ "libc 0.2.48 (registry+https://github.com/rust-lang/crates.io-index)",
3646]
3747
3848[[package]]
3949name = "bumpalo"
40−version = "2.6.0"
41−source = "registry+https://github.com/rust-lang/crates.io-index"
42−
43−[[package]]
44−name = "byteorder"
45−version = "1.3.2"
50+version = "2.0.0"
4651source = "registry+https://github.com/rust-lang/crates.io-index"
4752
4853[[package]]
49−name = "cast"
50−version = "0.2.3"
54+name = "cc"
55+version = "1.0.29"
5156source = "registry+https://github.com/rust-lang/crates.io-index"
52−dependencies = [
53− "rustc_version 0.2.3 (registry+https://github.com/rust-lang/crates.io-index)",
54−]
5557
5658[[package]]
5759name = "cfg-if"
58−version = "0.1.10"
59−source = "registry+https://github.com/rust-lang/crates.io-index"
60−
61−[[package]]
62−name = "clap"
63−version = "2.33.0"
60+version = "0.1.6"
6461source = "registry+https://github.com/rust-lang/crates.io-index"
65−dependencies = [
66− "bitflags 1.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
67− "textwrap 0.11.0 (registry+https://github.com/rust-lang/crates.io-index)",
68− "unicode-width 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
69−]
7062
7163[[package]]
7264name = "console_error_panic_hook"
73−version = "0.1.6"
65+version = "0.1.5"
7466source = "registry+https://github.com/rust-lang/crates.io-index"
7567dependencies = [
76− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
77− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
68+ "cfg-if 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
69+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
7870]
7971
8072[[package]]
8173name = "console_log"
82−version = "0.2.0"
83−source = "registry+https://github.com/rust-lang/crates.io-index"
84−dependencies = [
85− "log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)",
86− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
87−]
88−
89−[[package]]
90−name = "criterion"
91−version = "0.3.3"
92−source = "registry+https://github.com/rust-lang/crates.io-index"
93−dependencies = [
94− "atty 0.2.13 (registry+https://github.com/rust-lang/crates.io-index)",
95− "cast 0.2.3 (registry+https://github.com/rust-lang/crates.io-index)",
96− "clap 2.33.0 (registry+https://github.com/rust-lang/crates.io-index)",
97− "criterion-plot 0.4.3 (registry+https://github.com/rust-lang/crates.io-index)",
98− "csv 1.1.1 (registry+https://github.com/rust-lang/crates.io-index)",
99− "itertools 0.9.0 (registry+https://github.com/rust-lang/crates.io-index)",
100− "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
101− "num-traits 0.2.10 (registry+https://github.com/rust-lang/crates.io-index)",
102− "oorandom 11.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
103− "plotters 0.2.12 (registry+https://github.com/rust-lang/crates.io-index)",
104− "rayon 1.3.0 (registry+https://github.com/rust-lang/crates.io-index)",
105− "regex 1.3.3 (registry+https://github.com/rust-lang/crates.io-index)",
106− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
107− "serde_cbor 0.11.1 (registry+https://github.com/rust-lang/crates.io-index)",
108− "serde_derive 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
109− "serde_json 1.0.57 (registry+https://github.com/rust-lang/crates.io-index)",
110− "tinytemplate 1.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
111− "walkdir 2.3.1 (registry+https://github.com/rust-lang/crates.io-index)",
112−]
113−
114−[[package]]
115−name = "criterion-plot"
116−version = "0.4.3"
117−source = "registry+https://github.com/rust-lang/crates.io-index"
118−dependencies = [
119− "cast 0.2.3 (registry+https://github.com/rust-lang/crates.io-index)",
120− "itertools 0.9.0 (registry+https://github.com/rust-lang/crates.io-index)",
121−]
122−
123−[[package]]
124−name = "crossbeam-deque"
125−version = "0.7.2"
126−source = "registry+https://github.com/rust-lang/crates.io-index"
127−dependencies = [
128− "crossbeam-epoch 0.8.0 (registry+https://github.com/rust-lang/crates.io-index)",
129− "crossbeam-utils 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)",
130−]
131−
132−[[package]]
133−name = "crossbeam-epoch"
134−version = "0.8.0"
135−source = "registry+https://github.com/rust-lang/crates.io-index"
136−dependencies = [
137− "autocfg 0.1.7 (registry+https://github.com/rust-lang/crates.io-index)",
138− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
139− "crossbeam-utils 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)",
140− "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
141− "memoffset 0.5.3 (registry+https://github.com/rust-lang/crates.io-index)",
142− "scopeguard 1.0.0 (registry+https://github.com/rust-lang/crates.io-index)",
143−]
144−
145−[[package]]
146−name = "crossbeam-queue"
147−version = "0.2.0"
148−source = "registry+https://github.com/rust-lang/crates.io-index"
149−dependencies = [
150− "crossbeam-utils 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)",
151−]
152−
153−[[package]]
154−name = "crossbeam-utils"
155−version = "0.7.0"
156−source = "registry+https://github.com/rust-lang/crates.io-index"
157−dependencies = [
158− "autocfg 0.1.7 (registry+https://github.com/rust-lang/crates.io-index)",
159− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
160− "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
161−]
162−
163−[[package]]
164−name = "csv"
165−version = "1.1.1"
166−source = "registry+https://github.com/rust-lang/crates.io-index"
167−dependencies = [
168− "bstr 0.2.8 (registry+https://github.com/rust-lang/crates.io-index)",
169− "csv-core 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
170− "itoa 0.4.4 (registry+https://github.com/rust-lang/crates.io-index)",
171− "ryu 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
172− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
173−]
174−
175−[[package]]
176−name = "csv-core"
177−version = "0.1.6"
74+version = "0.1.2"
17875source = "registry+https://github.com/rust-lang/crates.io-index"
17976dependencies = [
180− "memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
77+ "log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)",
78+ "web-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
18179]
18280
18381[[package]]
18482name = "dodrio"
185−version = "0.2.0"
186−dependencies = [
187− "bumpalo 2.6.0 (registry+https://github.com/rust-lang/crates.io-index)",
188− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
189− "console_log 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
190− "criterion 0.3.3 (registry+https://github.com/rust-lang/crates.io-index)",
191− "dodrio-js-api 0.2.0",
192− "futures 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
193− "fxhash 0.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
194− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
195− "log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)",
196− "longest-increasing-subsequence 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
197− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
198− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
199− "wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)",
200− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
201− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
202−]
203−
204−[[package]]
205−name = "dodrio-counter"
20683version = "0.1.0"
20784dependencies = [
208− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
209− "console_log 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
210− "dodrio 0.2.0",
211− "log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)",
212− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
213− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
214− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
85+ "bumpalo 2.0.0 (registry+https://github.com/rust-lang/crates.io-index)",
86+ "console_log 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
87+ "futures 0.1.25 (registry+https://github.com/rust-lang/crates.io-index)",
88+ "js-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
89+ "log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)",
90+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
91+ "wasm-bindgen-futures 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
92+ "wasm-bindgen-test 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
93+ "web-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
21594]
21695
21796[[package]]
218−name = "dodrio-game-of-life"
97+name = "dodrio-counter"
21998version = "0.1.0"
22099dependencies = [
221− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
222− "dodrio 0.2.0",
223− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
224− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
225− "wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)",
226− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
227− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
100+ "console_error_panic_hook 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
101+ "console_log 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
102+ "dodrio 0.1.0",
103+ "log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)",
104+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
105+ "wasm-bindgen-test 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
106+ "web-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
228107]
229108
230109[[package]]
231110name = "dodrio-hello-world"
232111version = "0.1.0"
233112dependencies = [
234− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
235− "dodrio 0.2.0",
236− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
237− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
238− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
113+ "console_error_panic_hook 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
114+ "dodrio 0.1.0",
115+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
116+ "wasm-bindgen-test 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
117+ "web-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
239118]
240119
241120[[package]]
242121name = "dodrio-input-form"
243122version = "0.1.0"
244123dependencies = [
245− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
246− "dodrio 0.2.0",
247− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
248− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
249− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
250−]
251−
252−[[package]]
253−name = "dodrio-js-api"
254−version = "0.2.0"
255−dependencies = [
256− "dodrio 0.2.0",
257− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
258− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
259− "wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)",
260− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
261−]
262−
263−[[package]]
264−name = "dodrio-js-component"
265−version = "0.1.0"
266−dependencies = [
267− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
268− "dodrio 0.2.0",
269− "dodrio-js-api 0.2.0",
270− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
271− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
272− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
273−]
274−
275−[[package]]
276−name = "dodrio-moire"
277−version = "0.1.0"
278−dependencies = [
279− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
280− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
281− "console_log 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
282− "dodrio 0.2.0",
283− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
284− "log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)",
285− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
286− "wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)",
287− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
288− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
289−]
290−
291−[[package]]
292−name = "dodrio-sierpinski"
293−version = "0.1.0"
294−dependencies = [
295− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
296− "dodrio 0.2.0",
297− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
298− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
299− "wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)",
300− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
301− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
124+ "console_error_panic_hook 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
125+ "dodrio 0.1.0",
126+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
127+ "wasm-bindgen-test 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
128+ "web-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
302129]
303130
304131[[package]]
305132name = "dodrio-todomvc"
306133version = "0.1.0"
307134dependencies = [
308− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
309− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
310− "console_log 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
311− "dodrio 0.2.0",
312− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
313− "log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)",
314− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
315− "serde_json 1.0.57 (registry+https://github.com/rust-lang/crates.io-index)",
316− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
317− "wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)",
318− "wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
319− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
135+ "cfg-if 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
136+ "console_error_panic_hook 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
137+ "console_log 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
138+ "dodrio 0.1.0",
139+ "futures 0.1.25 (registry+https://github.com/rust-lang/crates.io-index)",
140+ "log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)",
141+ "serde 1.0.87 (registry+https://github.com/rust-lang/crates.io-index)",
142+ "serde_json 1.0.38 (registry+https://github.com/rust-lang/crates.io-index)",
143+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
144+ "wasm-bindgen-futures 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
145+ "wasm-bindgen-test 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
146+ "web-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
320147]
321148
322149[[package]]
323−name = "either"
324−version = "1.5.3"
325−source = "registry+https://github.com/rust-lang/crates.io-index"
326−
327−[[package]]
328−name = "futures"
329−version = "0.3.5"
150+name = "env_logger"
151+version = "0.6.0"
330152source = "registry+https://github.com/rust-lang/crates.io-index"
331153dependencies = [
332− "futures-channel 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
333− "futures-core 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
334− "futures-executor 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
335− "futures-io 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
336− "futures-sink 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
337− "futures-task 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
338− "futures-util 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
154+ "atty 0.2.11 (registry+https://github.com/rust-lang/crates.io-index)",
155+ "humantime 1.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
156+ "log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)",
157+ "regex 1.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
158+ "termcolor 1.0.4 (registry+https://github.com/rust-lang/crates.io-index)",
339159]
340160
341161[[package]]
342−name = "futures-channel"
343−version = "0.3.5"
344−source = "registry+https://github.com/rust-lang/crates.io-index"
345−dependencies = [
346− "futures-core 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
347− "futures-sink 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
348−]
349−
350−[[package]]
351−name = "futures-core"
352−version = "0.3.5"
353−source = "registry+https://github.com/rust-lang/crates.io-index"
354−
355−[[package]]
356−name = "futures-executor"
357−version = "0.3.5"
358−source = "registry+https://github.com/rust-lang/crates.io-index"
359−dependencies = [
360− "futures-core 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
361− "futures-task 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
362− "futures-util 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
363−]
364−
365−[[package]]
366−name = "futures-io"
367−version = "0.3.5"
368−source = "registry+https://github.com/rust-lang/crates.io-index"
369−
370−[[package]]
371−name = "futures-macro"
372−version = "0.3.5"
373−source = "registry+https://github.com/rust-lang/crates.io-index"
374−dependencies = [
375− "proc-macro-hack 0.5.11 (registry+https://github.com/rust-lang/crates.io-index)",
376− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
377− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
378− "syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)",
379−]
380−
381−[[package]]
382−name = "futures-sink"
383−version = "0.3.5"
384−source = "registry+https://github.com/rust-lang/crates.io-index"
385−
386−[[package]]
387−name = "futures-task"
388−version = "0.3.5"
389−source = "registry+https://github.com/rust-lang/crates.io-index"
390−dependencies = [
391− "once_cell 1.3.1 (registry+https://github.com/rust-lang/crates.io-index)",
392−]
393−
394−[[package]]
395−name = "futures-util"
396−version = "0.3.5"
162+name = "failure"
163+version = "0.1.5"
397164source = "registry+https://github.com/rust-lang/crates.io-index"
398165dependencies = [
399− "futures-channel 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
400− "futures-core 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
401− "futures-io 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
402− "futures-macro 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
403− "futures-sink 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
404− "futures-task 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
405− "memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
406− "pin-project 0.4.16 (registry+https://github.com/rust-lang/crates.io-index)",
407− "pin-utils 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
408− "proc-macro-hack 0.5.11 (registry+https://github.com/rust-lang/crates.io-index)",
409− "proc-macro-nested 0.1.3 (registry+https://github.com/rust-lang/crates.io-index)",
410− "slab 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)",
166+ "backtrace 0.3.13 (registry+https://github.com/rust-lang/crates.io-index)",
167+ "failure_derive 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
411168]
412169
413170[[package]]
414−name = "fxhash"
415−version = "0.2.1"
171+name = "failure_derive"
172+version = "0.1.5"
416173source = "registry+https://github.com/rust-lang/crates.io-index"
417174dependencies = [
418− "byteorder 1.3.2 (registry+https://github.com/rust-lang/crates.io-index)",
175+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
176+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
177+ "syn 0.15.26 (registry+https://github.com/rust-lang/crates.io-index)",
178+ "synstructure 0.10.1 (registry+https://github.com/rust-lang/crates.io-index)",
419179]
420180
421181[[package]]
422−name = "half"
423−version = "1.6.0"
182+name = "futures"
183+version = "0.1.25"
424184source = "registry+https://github.com/rust-lang/crates.io-index"
425185
426186[[package]]
@@ -428,489 +188,355 @@ name = "heck"
428188version = "0.3.1"
429189source = "registry+https://github.com/rust-lang/crates.io-index"
430190dependencies = [
431− "unicode-segmentation 1.6.0 (registry+https://github.com/rust-lang/crates.io-index)",
191+ "unicode-segmentation 1.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
432192]
433193
434194[[package]]
435−name = "hermit-abi"
436−version = "0.1.3"
195+name = "humantime"
196+version = "1.2.0"
437197source = "registry+https://github.com/rust-lang/crates.io-index"
438198dependencies = [
439− "libc 0.2.66 (registry+https://github.com/rust-lang/crates.io-index)",
440−]
441−
442−[[package]]
443−name = "itertools"
444−version = "0.9.0"
445−source = "registry+https://github.com/rust-lang/crates.io-index"
446−dependencies = [
447− "either 1.5.3 (registry+https://github.com/rust-lang/crates.io-index)",
199+ "quick-error 1.2.2 (registry+https://github.com/rust-lang/crates.io-index)",
448200]
449201
450202[[package]]
451203name = "itoa"
452−version = "0.4.4"
204+version = "0.4.3"
453205source = "registry+https://github.com/rust-lang/crates.io-index"
454206
455207[[package]]
456208name = "js-sys"
457−version = "0.3.32"
209+version = "0.3.11"
458210source = "registry+https://github.com/rust-lang/crates.io-index"
459211dependencies = [
460− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
212+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
461213]
462214
463215[[package]]
464216name = "lazy_static"
465−version = "1.4.0"
217+version = "1.2.0"
466218source = "registry+https://github.com/rust-lang/crates.io-index"
467219
468220[[package]]
469221name = "libc"
470−version = "0.2.66"
222+version = "0.2.48"
471223source = "registry+https://github.com/rust-lang/crates.io-index"
472224
473225[[package]]
474226name = "log"
475−version = "0.4.11"
227+version = "0.4.6"
476228source = "registry+https://github.com/rust-lang/crates.io-index"
477229dependencies = [
478− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
230+ "cfg-if 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
479231]
480232
481−[[package]]
482−name = "longest-increasing-subsequence"
483−version = "0.1.0"
484−source = "registry+https://github.com/rust-lang/crates.io-index"
485−
486233[[package]]
487234name = "memchr"
488−version = "2.2.1"
489−source = "registry+https://github.com/rust-lang/crates.io-index"
490−dependencies = [
491− "libc 0.2.66 (registry+https://github.com/rust-lang/crates.io-index)",
492−]
493−
494−[[package]]
495−name = "memoffset"
496−version = "0.5.3"
235+version = "2.2.0"
497236source = "registry+https://github.com/rust-lang/crates.io-index"
498−dependencies = [
499− "rustc_version 0.2.3 (registry+https://github.com/rust-lang/crates.io-index)",
500−]
501237
502238[[package]]
503239name = "nom"
504−version = "4.2.3"
240+version = "4.2.0"
505241source = "registry+https://github.com/rust-lang/crates.io-index"
506242dependencies = [
507− "memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)",
243+ "memchr 2.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
508244 "version_check 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
509245]
510246
511247[[package]]
512−name = "num-traits"
513−version = "0.2.10"
514−source = "registry+https://github.com/rust-lang/crates.io-index"
515−dependencies = [
516− "autocfg 0.1.7 (registry+https://github.com/rust-lang/crates.io-index)",
517−]
518−
519−[[package]]
520−name = "num_cpus"
521−version = "1.11.1"
522−source = "registry+https://github.com/rust-lang/crates.io-index"
523−dependencies = [
524− "hermit-abi 0.1.3 (registry+https://github.com/rust-lang/crates.io-index)",
525− "libc 0.2.66 (registry+https://github.com/rust-lang/crates.io-index)",
526−]
527−
528−[[package]]
529−name = "once_cell"
530−version = "1.3.1"
531−source = "registry+https://github.com/rust-lang/crates.io-index"
532−
533−[[package]]
534−name = "oorandom"
535−version = "11.1.0"
536−source = "registry+https://github.com/rust-lang/crates.io-index"
537−
538−[[package]]
539−name = "pin-project"
540−version = "0.4.16"
541−source = "registry+https://github.com/rust-lang/crates.io-index"
542−dependencies = [
543− "pin-project-internal 0.4.16 (registry+https://github.com/rust-lang/crates.io-index)",
544−]
545−
546−[[package]]
547−name = "pin-project-internal"
548−version = "0.4.16"
549−source = "registry+https://github.com/rust-lang/crates.io-index"
550−dependencies = [
551− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
552− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
553− "syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)",
554−]
555−
556−[[package]]
557−name = "pin-utils"
558−version = "0.1.0"
559−source = "registry+https://github.com/rust-lang/crates.io-index"
560−
561−[[package]]
562−name = "plotters"
563−version = "0.2.12"
564−source = "registry+https://github.com/rust-lang/crates.io-index"
565−dependencies = [
566− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
567− "num-traits 0.2.10 (registry+https://github.com/rust-lang/crates.io-index)",
568− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
569− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
570−]
571−
572−[[package]]
573−name = "proc-macro-hack"
574−version = "0.5.11"
248+name = "proc-macro2"
249+version = "0.4.27"
575250source = "registry+https://github.com/rust-lang/crates.io-index"
576251dependencies = [
577− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
578− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
579− "syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)",
252+ "unicode-xid 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
580253]
581254
582255[[package]]
583−name = "proc-macro-nested"
584−version = "0.1.3"
256+name = "quick-error"
257+version = "1.2.2"
585258source = "registry+https://github.com/rust-lang/crates.io-index"
586259
587−[[package]]
588−name = "proc-macro2"
589−version = "1.0.18"
590−source = "registry+https://github.com/rust-lang/crates.io-index"
591−dependencies = [
592− "unicode-xid 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
593−]
594−
595260[[package]]
596261name = "quote"
597−version = "1.0.2"
262+version = "0.6.11"
598263source = "registry+https://github.com/rust-lang/crates.io-index"
599264dependencies = [
600− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
265+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
601266]
602267
603268[[package]]
604−name = "rayon"
605−version = "1.3.0"
269+name = "redox_syscall"
270+version = "0.1.51"
606271source = "registry+https://github.com/rust-lang/crates.io-index"
607−dependencies = [
608− "crossbeam-deque 0.7.2 (registry+https://github.com/rust-lang/crates.io-index)",
609− "either 1.5.3 (registry+https://github.com/rust-lang/crates.io-index)",
610− "rayon-core 1.7.0 (registry+https://github.com/rust-lang/crates.io-index)",
611−]
612272
613273[[package]]
614−name = "rayon-core"
615−version = "1.7.0"
274+name = "redox_termios"
275+version = "0.1.1"
616276source = "registry+https://github.com/rust-lang/crates.io-index"
617277dependencies = [
618− "crossbeam-deque 0.7.2 (registry+https://github.com/rust-lang/crates.io-index)",
619− "crossbeam-queue 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
620− "crossbeam-utils 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)",
621− "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
622− "num_cpus 1.11.1 (registry+https://github.com/rust-lang/crates.io-index)",
278+ "redox_syscall 0.1.51 (registry+https://github.com/rust-lang/crates.io-index)",
623279]
624280
625281[[package]]
626282name = "regex"
627−version = "1.3.3"
628−source = "registry+https://github.com/rust-lang/crates.io-index"
629−dependencies = [
630− "regex-syntax 0.6.13 (registry+https://github.com/rust-lang/crates.io-index)",
631−]
632−
633−[[package]]
634−name = "regex-automata"
635−version = "0.1.8"
283+version = "1.1.0"
636284source = "registry+https://github.com/rust-lang/crates.io-index"
637285dependencies = [
638− "byteorder 1.3.2 (registry+https://github.com/rust-lang/crates.io-index)",
286+ "aho-corasick 0.6.9 (registry+https://github.com/rust-lang/crates.io-index)",
287+ "memchr 2.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
288+ "regex-syntax 0.6.5 (registry+https://github.com/rust-lang/crates.io-index)",
289+ "thread_local 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)",
290+ "utf8-ranges 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
639291]
640292
641293[[package]]
642294name = "regex-syntax"
643−version = "0.6.13"
644−source = "registry+https://github.com/rust-lang/crates.io-index"
645−
646−[[package]]
647−name = "rustc_version"
648−version = "0.2.3"
295+version = "0.6.5"
649296source = "registry+https://github.com/rust-lang/crates.io-index"
650297dependencies = [
651− "semver 0.9.0 (registry+https://github.com/rust-lang/crates.io-index)",
298+ "ucd-util 0.1.3 (registry+https://github.com/rust-lang/crates.io-index)",
652299]
653300
654301[[package]]
655−name = "ryu"
656−version = "1.0.2"
302+name = "rustc-demangle"
303+version = "0.1.13"
657304source = "registry+https://github.com/rust-lang/crates.io-index"
658305
659306[[package]]
660−name = "same-file"
661−version = "1.0.5"
307+name = "ryu"
308+version = "0.2.7"
662309source = "registry+https://github.com/rust-lang/crates.io-index"
663−dependencies = [
664− "winapi-util 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
665−]
666310
667311[[package]]
668312name = "scoped-tls"
669−version = "1.0.0"
670−source = "registry+https://github.com/rust-lang/crates.io-index"
671−
672−[[package]]
673−name = "scopeguard"
674−version = "1.0.0"
313+version = "0.1.2"
675314source = "registry+https://github.com/rust-lang/crates.io-index"
676315
677316[[package]]
678−name = "semver"
679−version = "0.9.0"
317+name = "serde"
318+version = "1.0.87"
680319source = "registry+https://github.com/rust-lang/crates.io-index"
681320dependencies = [
682− "semver-parser 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)",
321+ "serde_derive 1.0.87 (registry+https://github.com/rust-lang/crates.io-index)",
683322]
684323
685324[[package]]
686−name = "semver-parser"
687−version = "0.7.0"
688−source = "registry+https://github.com/rust-lang/crates.io-index"
689−
690−[[package]]
691−name = "serde"
692−version = "1.0.114"
325+name = "serde_derive"
326+version = "1.0.87"
693327source = "registry+https://github.com/rust-lang/crates.io-index"
694328dependencies = [
695− "serde_derive 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
329+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
330+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
331+ "syn 0.15.26 (registry+https://github.com/rust-lang/crates.io-index)",
696332]
697333
698334[[package]]
699−name = "serde_cbor"
700−version = "0.11.1"
335+name = "serde_json"
336+version = "1.0.38"
701337source = "registry+https://github.com/rust-lang/crates.io-index"
702338dependencies = [
703− "half 1.6.0 (registry+https://github.com/rust-lang/crates.io-index)",
704− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
339+ "itoa 0.4.3 (registry+https://github.com/rust-lang/crates.io-index)",
340+ "ryu 0.2.7 (registry+https://github.com/rust-lang/crates.io-index)",
341+ "serde 1.0.87 (registry+https://github.com/rust-lang/crates.io-index)",
705342]
706343
707344[[package]]
708−name = "serde_derive"
709−version = "1.0.114"
345+name = "sourcefile"
346+version = "0.1.4"
710347source = "registry+https://github.com/rust-lang/crates.io-index"
711−dependencies = [
712− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
713− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
714− "syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)",
715−]
716348
717349[[package]]
718−name = "serde_json"
719−version = "1.0.57"
350+name = "syn"
351+version = "0.15.26"
720352source = "registry+https://github.com/rust-lang/crates.io-index"
721353dependencies = [
722− "itoa 0.4.4 (registry+https://github.com/rust-lang/crates.io-index)",
723− "ryu 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
724− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
354+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
355+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
356+ "unicode-xid 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
725357]
726358
727359[[package]]
728−name = "slab"
729−version = "0.4.2"
730−source = "registry+https://github.com/rust-lang/crates.io-index"
731−
732−[[package]]
733−name = "sourcefile"
734−version = "0.1.4"
360+name = "synstructure"
361+version = "0.10.1"
735362source = "registry+https://github.com/rust-lang/crates.io-index"
363+dependencies = [
364+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
365+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
366+ "syn 0.15.26 (registry+https://github.com/rust-lang/crates.io-index)",
367+ "unicode-xid 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)",
368+]
736369
737370[[package]]
738−name = "syn"
739−version = "1.0.33"
371+name = "termcolor"
372+version = "1.0.4"
740373source = "registry+https://github.com/rust-lang/crates.io-index"
741374dependencies = [
742− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
743− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
744− "unicode-xid 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
375+ "wincolor 1.0.1 (registry+https://github.com/rust-lang/crates.io-index)",
745376]
746377
747378[[package]]
748−name = "textwrap"
749−version = "0.11.0"
379+name = "termion"
380+version = "1.5.1"
750381source = "registry+https://github.com/rust-lang/crates.io-index"
751382dependencies = [
752− "unicode-width 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
383+ "libc 0.2.48 (registry+https://github.com/rust-lang/crates.io-index)",
384+ "redox_syscall 0.1.51 (registry+https://github.com/rust-lang/crates.io-index)",
385+ "redox_termios 0.1.1 (registry+https://github.com/rust-lang/crates.io-index)",
753386]
754387
755388[[package]]
756−name = "tinytemplate"
757−version = "1.1.0"
389+name = "thread_local"
390+version = "0.3.6"
758391source = "registry+https://github.com/rust-lang/crates.io-index"
759392dependencies = [
760− "serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)",
761− "serde_json 1.0.57 (registry+https://github.com/rust-lang/crates.io-index)",
393+ "lazy_static 1.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
762394]
763395
764396[[package]]
765−name = "unicode-segmentation"
766−version = "1.6.0"
397+name = "ucd-util"
398+version = "0.1.3"
767399source = "registry+https://github.com/rust-lang/crates.io-index"
768400
769401[[package]]
770−name = "unicode-width"
771−version = "0.1.6"
402+name = "unicode-segmentation"
403+version = "1.2.1"
772404source = "registry+https://github.com/rust-lang/crates.io-index"
773405
774406[[package]]
775407name = "unicode-xid"
776−version = "0.2.0"
408+version = "0.1.0"
777409source = "registry+https://github.com/rust-lang/crates.io-index"
778410
779411[[package]]
780−name = "version_check"
781−version = "0.1.5"
412+name = "utf8-ranges"
413+version = "1.0.2"
782414source = "registry+https://github.com/rust-lang/crates.io-index"
783415
784416[[package]]
785−name = "walkdir"
786−version = "2.3.1"
417+name = "version_check"
418+version = "0.1.5"
787419source = "registry+https://github.com/rust-lang/crates.io-index"
788−dependencies = [
789− "same-file 1.0.5 (registry+https://github.com/rust-lang/crates.io-index)",
790− "winapi 0.3.8 (registry+https://github.com/rust-lang/crates.io-index)",
791− "winapi-util 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
792−]
793420
794421[[package]]
795422name = "wasm-bindgen"
796−version = "0.2.55"
423+version = "0.2.34"
797424source = "registry+https://github.com/rust-lang/crates.io-index"
798425dependencies = [
799− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
800− "wasm-bindgen-macro 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
426+ "wasm-bindgen-macro 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
801427]
802428
803429[[package]]
804430name = "wasm-bindgen-backend"
805−version = "0.2.55"
431+version = "0.2.34"
806432source = "registry+https://github.com/rust-lang/crates.io-index"
807433dependencies = [
808− "bumpalo 2.6.0 (registry+https://github.com/rust-lang/crates.io-index)",
809− "lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
810− "log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)",
811− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
812− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
813− "syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)",
814− "wasm-bindgen-shared 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
434+ "lazy_static 1.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
435+ "log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)",
436+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
437+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
438+ "syn 0.15.26 (registry+https://github.com/rust-lang/crates.io-index)",
439+ "wasm-bindgen-shared 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
815440]
816441
817442[[package]]
818443name = "wasm-bindgen-futures"
819−version = "0.4.5"
444+version = "0.3.11"
820445source = "registry+https://github.com/rust-lang/crates.io-index"
821446dependencies = [
822− "cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)",
823− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
824− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
825− "web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
447+ "futures 0.1.25 (registry+https://github.com/rust-lang/crates.io-index)",
448+ "js-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
449+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
826450]
827451
828452[[package]]
829453name = "wasm-bindgen-macro"
830−version = "0.2.55"
454+version = "0.2.34"
831455source = "registry+https://github.com/rust-lang/crates.io-index"
832456dependencies = [
833− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
834− "wasm-bindgen-macro-support 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
457+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
458+ "wasm-bindgen-macro-support 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
835459]
836460
837461[[package]]
838462name = "wasm-bindgen-macro-support"
839−version = "0.2.55"
463+version = "0.2.34"
840464source = "registry+https://github.com/rust-lang/crates.io-index"
841465dependencies = [
842− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
843− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
844− "syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)",
845− "wasm-bindgen-backend 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
846− "wasm-bindgen-shared 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
466+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
467+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
468+ "syn 0.15.26 (registry+https://github.com/rust-lang/crates.io-index)",
469+ "wasm-bindgen-backend 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
470+ "wasm-bindgen-shared 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
847471]
848472
849473[[package]]
850474name = "wasm-bindgen-shared"
851−version = "0.2.55"
475+version = "0.2.34"
852476source = "registry+https://github.com/rust-lang/crates.io-index"
853477
854478[[package]]
855479name = "wasm-bindgen-test"
856−version = "0.3.5"
480+version = "0.2.34"
857481source = "registry+https://github.com/rust-lang/crates.io-index"
858482dependencies = [
859− "console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)",
860− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
861− "scoped-tls 1.0.0 (registry+https://github.com/rust-lang/crates.io-index)",
862− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
863− "wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)",
864− "wasm-bindgen-test-macro 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)",
483+ "console_error_panic_hook 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
484+ "futures 0.1.25 (registry+https://github.com/rust-lang/crates.io-index)",
485+ "js-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
486+ "scoped-tls 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
487+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
488+ "wasm-bindgen-futures 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
489+ "wasm-bindgen-test-macro 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
865490]
866491
867492[[package]]
868493name = "wasm-bindgen-test-macro"
869−version = "0.3.5"
494+version = "0.2.34"
870495source = "registry+https://github.com/rust-lang/crates.io-index"
871496dependencies = [
872− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
873− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
497+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
498+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
874499]
875500
876501[[package]]
877502name = "wasm-bindgen-webidl"
878−version = "0.2.55"
503+version = "0.2.28"
879504source = "registry+https://github.com/rust-lang/crates.io-index"
880505dependencies = [
881− "anyhow 1.0.25 (registry+https://github.com/rust-lang/crates.io-index)",
506+ "failure 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
882507 "heck 0.3.1 (registry+https://github.com/rust-lang/crates.io-index)",
883− "log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)",
884− "proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)",
885− "quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)",
886− "syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)",
887− "wasm-bindgen-backend 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
888− "weedle 0.10.0 (registry+https://github.com/rust-lang/crates.io-index)",
508+ "log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)",
509+ "proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)",
510+ "quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)",
511+ "syn 0.15.26 (registry+https://github.com/rust-lang/crates.io-index)",
512+ "wasm-bindgen-backend 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
513+ "weedle 0.8.0 (registry+https://github.com/rust-lang/crates.io-index)",
889514]
890515
891516[[package]]
892517name = "web-sys"
893−version = "0.3.32"
518+version = "0.3.11"
894519source = "registry+https://github.com/rust-lang/crates.io-index"
895520dependencies = [
896− "anyhow 1.0.25 (registry+https://github.com/rust-lang/crates.io-index)",
897− "js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)",
521+ "env_logger 0.6.0 (registry+https://github.com/rust-lang/crates.io-index)",
522+ "failure 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)",
523+ "js-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)",
898524 "sourcefile 0.1.4 (registry+https://github.com/rust-lang/crates.io-index)",
899− "wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
900− "wasm-bindgen-webidl 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)",
525+ "wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)",
526+ "wasm-bindgen-webidl 0.2.28 (registry+https://github.com/rust-lang/crates.io-index)",
901527]
902528
903529[[package]]
904530name = "weedle"
905−version = "0.10.0"
531+version = "0.8.0"
906532source = "registry+https://github.com/rust-lang/crates.io-index"
907533dependencies = [
908− "nom 4.2.3 (registry+https://github.com/rust-lang/crates.io-index)",
534+ "nom 4.2.0 (registry+https://github.com/rust-lang/crates.io-index)",
909535]
910536
911537[[package]]
912538name = "winapi"
913−version = "0.3.8"
539+version = "0.3.6"
914540source = "registry+https://github.com/rust-lang/crates.io-index"
915541dependencies = [
916542 "winapi-i686-pc-windows-gnu 0.4.0 (registry+https://github.com/rust-lang/crates.io-index)",
@@ -927,7 +553,7 @@ name = "winapi-util"
927553version = "0.1.2"
928554source = "registry+https://github.com/rust-lang/crates.io-index"
929555dependencies = [
930− "winapi 0.3.8 (registry+https://github.com/rust-lang/crates.io-index)",
556+ "winapi 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)",
931557]
932558
933559[[package]]
@@ -935,101 +561,76 @@ name = "winapi-x86_64-pc-windows-gnu"
935561version = "0.4.0"
936562source = "registry+https://github.com/rust-lang/crates.io-index"
937563
564+[[package]]
565+name = "wincolor"
566+version = "1.0.1"
567+source = "registry+https://github.com/rust-lang/crates.io-index"
568+dependencies = [
569+ "winapi 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)",
570+ "winapi-util 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)",
571+]
572+
938573[metadata]
939−"checksum anyhow 1.0.25 (registry+https://github.com/rust-lang/crates.io-index)" = "9267dff192e68f3399525901e709a48c1d3982c9c072fa32f2127a0cb0babf14"
940−"checksum atty 0.2.13 (registry+https://github.com/rust-lang/crates.io-index)" = "1803c647a3ec87095e7ae7acfca019e98de5ec9a7d01343f611cf3152ed71a90"
941−"checksum autocfg 0.1.7 (registry+https://github.com/rust-lang/crates.io-index)" = "1d49d90015b3c36167a20fe2810c5cd875ad504b39cff3d4eae7977e6b7c1cb2"
942−"checksum bitflags 1.2.1 (registry+https://github.com/rust-lang/crates.io-index)" = "cf1de2fe8c75bc145a2f577add951f8134889b4795d47466a54a5c846d691693"
943−"checksum bstr 0.2.8 (registry+https://github.com/rust-lang/crates.io-index)" = "8d6c2c5b58ab920a4f5aeaaca34b4488074e8cc7596af94e6f8c6ff247c60245"
944−"checksum bumpalo 2.6.0 (registry+https://github.com/rust-lang/crates.io-index)" = "ad807f2fc2bf185eeb98ff3a901bd46dc5ad58163d0fa4577ba0d25674d71708"
945−"checksum byteorder 1.3.2 (registry+https://github.com/rust-lang/crates.io-index)" = "a7c3dd8985a7111efc5c80b44e23ecdd8c007de8ade3b96595387e812b957cf5"
946−"checksum cast 0.2.3 (registry+https://github.com/rust-lang/crates.io-index)" = "4b9434b9a5aa1450faa3f9cb14ea0e8c53bb5d2b3c1bfd1ab4fc03e9f33fbfb0"
947−"checksum cfg-if 0.1.10 (registry+https://github.com/rust-lang/crates.io-index)" = "4785bdd1c96b2a846b2bd7cc02e86b6b3dbf14e7e53446c4f54c92a361040822"
948−"checksum clap 2.33.0 (registry+https://github.com/rust-lang/crates.io-index)" = "5067f5bb2d80ef5d68b4c87db81601f0b75bca627bc2ef76b141d7b846a3c6d9"
949−"checksum console_error_panic_hook 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)" = "b8d976903543e0c48546a91908f21588a680a8c8f984df9a5d69feccb2b2a211"
950−"checksum console_log 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "501a375961cef1a0d44767200e66e4a559283097e91d0730b1d75dfb2f8a1494"
951−"checksum criterion 0.3.3 (registry+https://github.com/rust-lang/crates.io-index)" = "70daa7ceec6cf143990669a04c7df13391d55fb27bd4079d252fca774ba244d8"
952−"checksum criterion-plot 0.4.3 (registry+https://github.com/rust-lang/crates.io-index)" = "e022feadec601fba1649cfa83586381a4ad31c6bf3a9ab7d408118b05dd9889d"
953−"checksum crossbeam-deque 0.7.2 (registry+https://github.com/rust-lang/crates.io-index)" = "c3aa945d63861bfe624b55d153a39684da1e8c0bc8fba932f7ee3a3c16cea3ca"
954−"checksum crossbeam-epoch 0.8.0 (registry+https://github.com/rust-lang/crates.io-index)" = "5064ebdbf05ce3cb95e45c8b086f72263f4166b29b97f6baff7ef7fe047b55ac"
955−"checksum crossbeam-queue 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "dfd6515864a82d2f877b42813d4553292c6659498c9a2aa31bab5a15243c2700"
956−"checksum crossbeam-utils 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "ce446db02cdc3165b94ae73111e570793400d0794e46125cc4056c81cbb039f4"
957−"checksum csv 1.1.1 (registry+https://github.com/rust-lang/crates.io-index)" = "37519ccdfd73a75821cac9319d4fce15a81b9fcf75f951df5b9988aa3a0af87d"
958−"checksum csv-core 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)" = "9b5cadb6b25c77aeff80ba701712494213f4a8418fcda2ee11b6560c3ad0bf4c"
959−"checksum either 1.5.3 (registry+https://github.com/rust-lang/crates.io-index)" = "bb1f6b1ce1c140482ea30ddd3335fc0024ac7ee112895426e0a629a6c20adfe3"
960−"checksum futures 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "1e05b85ec287aac0dc34db7d4a569323df697f9c55b99b15d6b4ef8cde49f613"
961−"checksum futures-channel 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "f366ad74c28cca6ba456d95e6422883cfb4b252a83bed929c83abfdbbf2967d5"
962−"checksum futures-core 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "59f5fff90fd5d971f936ad674802482ba441b6f09ba5e15fd8b39145582ca399"
963−"checksum futures-executor 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "10d6bb888be1153d3abeb9006b11b02cf5e9b209fda28693c31ae1e4e012e314"
964−"checksum futures-io 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "de27142b013a8e869c14957e6d2edeef89e97c289e69d042ee3a49acd8b51789"
965−"checksum futures-macro 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "d0b5a30a4328ab5473878237c447333c093297bded83a4983d10f4deea240d39"
966−"checksum futures-sink 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "3f2032893cb734c7a05d85ce0cc8b8c4075278e93b24b66f9de99d6eb0fa8acc"
967−"checksum futures-task 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "bdb66b5f09e22019b1ab0830f7785bcea8e7a42148683f99214f73f8ec21a626"
968−"checksum futures-util 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "8764574ff08b701a084482c3c7031349104b07ac897393010494beaa18ce32c6"
969−"checksum fxhash 0.2.1 (registry+https://github.com/rust-lang/crates.io-index)" = "c31b6d751ae2c7f11320402d34e41349dd1016f8d5d45e48c4312bc8625af50c"
970−"checksum half 1.6.0 (registry+https://github.com/rust-lang/crates.io-index)" = "d36fab90f82edc3c747f9d438e06cf0a491055896f2a279638bb5beed6c40177"
574+"checksum aho-corasick 0.6.9 (registry+https://github.com/rust-lang/crates.io-index)" = "1e9a933f4e58658d7b12defcf96dc5c720f20832deebe3e0a19efd3b6aaeeb9e"
575+"checksum atty 0.2.11 (registry+https://github.com/rust-lang/crates.io-index)" = "9a7d5b8723950951411ee34d271d99dddcc2035a16ab25310ea2c8cfd4369652"
576+"checksum autocfg 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "a6d640bee2da49f60a4068a7fae53acde8982514ab7bae8b8cea9e88cbcfd799"
577+"checksum backtrace 0.3.13 (registry+https://github.com/rust-lang/crates.io-index)" = "b5b493b66e03090ebc4343eb02f94ff944e0cbc9ac6571491d170ba026741eb5"
578+"checksum backtrace-sys 0.1.28 (registry+https://github.com/rust-lang/crates.io-index)" = "797c830ac25ccc92a7f8a7b9862bde440715531514594a6154e3d4a54dd769b6"
579+"checksum bumpalo 2.0.0 (registry+https://github.com/rust-lang/crates.io-index)" = "bfa2dc7f1b2cc9e9b0d80ab7765699bd5314653930f7f54ba635a13bdd406165"
580+"checksum cc 1.0.29 (registry+https://github.com/rust-lang/crates.io-index)" = "4390a3b5f4f6bce9c1d0c00128379df433e53777fdd30e92f16a529332baec4e"
581+"checksum cfg-if 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)" = "082bb9b28e00d3c9d39cc03e64ce4cea0f1bb9b3fde493f0cbc008472d22bdf4"
582+"checksum console_error_panic_hook 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)" = "6c5dd2c094474ec60a6acaf31780af270275e3153bafff2db5995b715295762e"
583+"checksum console_log 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "1e7871d2947441b0fdd8e2bd1ce2a2f75304f896582c0d572162d48290683c48"
584+"checksum env_logger 0.6.0 (registry+https://github.com/rust-lang/crates.io-index)" = "afb070faf94c85d17d50ca44f6ad076bce18ae92f0037d350947240a36e9d42e"
585+"checksum failure 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)" = "795bd83d3abeb9220f257e597aa0080a508b27533824adf336529648f6abf7e2"
586+"checksum failure_derive 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)" = "ea1063915fd7ef4309e222a5a07cf9c319fb9c7836b1f89b85458672dbb127e1"
587+"checksum futures 0.1.25 (registry+https://github.com/rust-lang/crates.io-index)" = "49e7653e374fe0d0c12de4250f0bdb60680b8c80eed558c5c7538eec9c89e21b"
971588"checksum heck 0.3.1 (registry+https://github.com/rust-lang/crates.io-index)" = "20564e78d53d2bb135c343b3f47714a56af2061f1c928fdb541dc7b9fdd94205"
972−"checksum hermit-abi 0.1.3 (registry+https://github.com/rust-lang/crates.io-index)" = "307c3c9f937f38e3534b1d6447ecf090cafcc9744e4a6360e8b037b2cf5af120"
973−"checksum itertools 0.9.0 (registry+https://github.com/rust-lang/crates.io-index)" = "284f18f85651fe11e8a991b2adb42cb078325c996ed026d994719efcfca1d54b"
974−"checksum itoa 0.4.4 (registry+https://github.com/rust-lang/crates.io-index)" = "501266b7edd0174f8530248f87f99c88fbe60ca4ef3dd486835b8d8d53136f7f"
975−"checksum js-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)" = "1c840fdb2167497b0bd0db43d6dfe61e91637fa72f9d061f8bd17ddc44ba6414"
976−"checksum lazy_static 1.4.0 (registry+https://github.com/rust-lang/crates.io-index)" = "e2abad23fbc42b3700f2f279844dc832adb2b2eb069b2df918f455c4e18cc646"
977−"checksum libc 0.2.66 (registry+https://github.com/rust-lang/crates.io-index)" = "d515b1f41455adea1313a4a2ac8a8a477634fbae63cc6100e3aebb207ce61558"
978−"checksum log 0.4.11 (registry+https://github.com/rust-lang/crates.io-index)" = "4fabed175da42fed1fa0746b0ea71f412aa9d35e76e95e59b192c64b9dc2bf8b"
979−"checksum longest-increasing-subsequence 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "b3bd0dd2cd90571056fdb71f6275fada10131182f84899f4b2a916e565d81d86"
980−"checksum memchr 2.2.1 (registry+https://github.com/rust-lang/crates.io-index)" = "88579771288728879b57485cc7d6b07d648c9f0141eb955f8ab7f9d45394468e"
981−"checksum memoffset 0.5.3 (registry+https://github.com/rust-lang/crates.io-index)" = "75189eb85871ea5c2e2c15abbdd541185f63b408415e5051f5cac122d8c774b9"
982−"checksum nom 4.2.3 (registry+https://github.com/rust-lang/crates.io-index)" = "2ad2a91a8e869eeb30b9cb3119ae87773a8f4ae617f41b1eb9c154b2905f7bd6"
983−"checksum num-traits 0.2.10 (registry+https://github.com/rust-lang/crates.io-index)" = "d4c81ffc11c212fa327657cb19dd85eb7419e163b5b076bede2bdb5c974c07e4"
984−"checksum num_cpus 1.11.1 (registry+https://github.com/rust-lang/crates.io-index)" = "76dac5ed2a876980778b8b85f75a71b6cbf0db0b1232ee12f826bccb00d09d72"
985−"checksum once_cell 1.3.1 (registry+https://github.com/rust-lang/crates.io-index)" = "b1c601810575c99596d4afc46f78a678c80105117c379eb3650cf99b8a21ce5b"
986−"checksum oorandom 11.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "ebcec7c9c2a95cacc7cd0ecb89d8a8454eca13906f6deb55258ffff0adeb9405"
987−"checksum pin-project 0.4.16 (registry+https://github.com/rust-lang/crates.io-index)" = "81d480cb4e89522ccda96d0eed9af94180b7a5f93fb28f66e1fd7d68431663d1"
988−"checksum pin-project-internal 0.4.16 (registry+https://github.com/rust-lang/crates.io-index)" = "a82996f11efccb19b685b14b5df818de31c1edcee3daa256ab5775dd98e72feb"
989−"checksum pin-utils 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "8b870d8c151b6f2fb93e84a13146138f05d02ed11c7e7c54f8826aaaf7c9f184"
990−"checksum plotters 0.2.12 (registry+https://github.com/rust-lang/crates.io-index)" = "4e3bb8da247d27ae212529352020f3e5ee16e83c0c258061d27b08ab92675eeb"
991−"checksum proc-macro-hack 0.5.11 (registry+https://github.com/rust-lang/crates.io-index)" = "ecd45702f76d6d3c75a80564378ae228a85f0b59d2f3ed43c91b4a69eb2ebfc5"
992−"checksum proc-macro-nested 0.1.3 (registry+https://github.com/rust-lang/crates.io-index)" = "369a6ed065f249a159e06c45752c780bda2fb53c995718f9e484d08daa9eb42e"
993−"checksum proc-macro2 1.0.18 (registry+https://github.com/rust-lang/crates.io-index)" = "beae6331a816b1f65d04c45b078fd8e6c93e8071771f41b8163255bbd8d7c8fa"
994−"checksum quote 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)" = "053a8c8bcc71fcce321828dc897a98ab9760bef03a4fc36693c231e5b3216cfe"
995−"checksum rayon 1.3.0 (registry+https://github.com/rust-lang/crates.io-index)" = "db6ce3297f9c85e16621bb8cca38a06779ffc31bb8184e1be4bed2be4678a098"
996−"checksum rayon-core 1.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "08a89b46efaf957e52b18062fb2f4660f8b8a4dde1807ca002690868ef2c85a9"
997−"checksum regex 1.3.3 (registry+https://github.com/rust-lang/crates.io-index)" = "b5508c1941e4e7cb19965abef075d35a9a8b5cdf0846f30b4050e9b55dc55e87"
998−"checksum regex-automata 0.1.8 (registry+https://github.com/rust-lang/crates.io-index)" = "92b73c2a1770c255c240eaa4ee600df1704a38dc3feaa6e949e7fcd4f8dc09f9"
999−"checksum regex-syntax 0.6.13 (registry+https://github.com/rust-lang/crates.io-index)" = "e734e891f5b408a29efbf8309e656876276f49ab6a6ac208600b4419bd893d90"
1000−"checksum rustc_version 0.2.3 (registry+https://github.com/rust-lang/crates.io-index)" = "138e3e0acb6c9fb258b19b67cb8abd63c00679d2851805ea151465464fe9030a"
1001−"checksum ryu 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)" = "bfa8506c1de11c9c4e4c38863ccbe02a305c8188e85a05a784c9e11e1c3910c8"
1002−"checksum same-file 1.0.5 (registry+https://github.com/rust-lang/crates.io-index)" = "585e8ddcedc187886a30fa705c47985c3fa88d06624095856b36ca0b82ff4421"
1003−"checksum scoped-tls 1.0.0 (registry+https://github.com/rust-lang/crates.io-index)" = "ea6a9290e3c9cf0f18145ef7ffa62d68ee0bf5fcd651017e586dc7fd5da448c2"
1004−"checksum scopeguard 1.0.0 (registry+https://github.com/rust-lang/crates.io-index)" = "b42e15e59b18a828bbf5c58ea01debb36b9b096346de35d941dcb89009f24a0d"
1005−"checksum semver 0.9.0 (registry+https://github.com/rust-lang/crates.io-index)" = "1d7eb9ef2c18661902cc47e535f9bc51b78acd254da71d375c2f6720d9a40403"
1006−"checksum semver-parser 0.7.0 (registry+https://github.com/rust-lang/crates.io-index)" = "388a1df253eca08550bef6c72392cfe7c30914bf41df5269b68cbd6ff8f570a3"
1007−"checksum serde 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)" = "5317f7588f0a5078ee60ef675ef96735a1442132dc645eb1d12c018620ed8cd3"
1008−"checksum serde_cbor 0.11.1 (registry+https://github.com/rust-lang/crates.io-index)" = "1e18acfa2f90e8b735b2836ab8d538de304cbb6729a7360729ea5a895d15a622"
1009−"checksum serde_derive 1.0.114 (registry+https://github.com/rust-lang/crates.io-index)" = "2a0be94b04690fbaed37cddffc5c134bf537c8e3329d53e982fe04c374978f8e"
1010−"checksum serde_json 1.0.57 (registry+https://github.com/rust-lang/crates.io-index)" = "164eacbdb13512ec2745fb09d51fd5b22b0d65ed294a1dcf7285a360c80a675c"
1011−"checksum slab 0.4.2 (registry+https://github.com/rust-lang/crates.io-index)" = "c111b5bd5695e56cffe5129854aa230b39c93a305372fdbb2668ca2394eea9f8"
589+"checksum humantime 1.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "3ca7e5f2e110db35f93b837c81797f3714500b81d517bf20c431b16d3ca4f114"
590+"checksum itoa 0.4.3 (registry+https://github.com/rust-lang/crates.io-index)" = "1306f3464951f30e30d12373d31c79fbd52d236e5e896fd92f96ec7babbbe60b"
591+"checksum js-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)" = "838d3c46e859486a1c7d24defa6fb2a4d4a7fc64ab79079a2b8dd6a92b4c327f"
592+"checksum lazy_static 1.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "a374c89b9db55895453a74c1e38861d9deec0b01b405a82516e9d5de4820dea1"
593+"checksum libc 0.2.48 (registry+https://github.com/rust-lang/crates.io-index)" = "e962c7641008ac010fa60a7dfdc1712449f29c44ef2d4702394aea943ee75047"
594+"checksum log 0.4.6 (registry+https://github.com/rust-lang/crates.io-index)" = "c84ec4b527950aa83a329754b01dbe3f58361d1c5efacd1f6d68c494d08a17c6"
595+"checksum memchr 2.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "2efc7bc57c883d4a4d6e3246905283d8dae951bb3bd32f49d6ef297f546e1c39"
596+"checksum nom 4.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "b30adc557058ce00c9d0d7cb3c6e0b5bc6f36e2e2eabe74b0ba726d194abd588"
597+"checksum proc-macro2 0.4.27 (registry+https://github.com/rust-lang/crates.io-index)" = "4d317f9caece796be1980837fd5cb3dfec5613ebdb04ad0956deea83ce168915"
598+"checksum quick-error 1.2.2 (registry+https://github.com/rust-lang/crates.io-index)" = "9274b940887ce9addde99c4eee6b5c44cc494b182b97e73dc8ffdcb3397fd3f0"
599+"checksum quote 0.6.11 (registry+https://github.com/rust-lang/crates.io-index)" = "cdd8e04bd9c52e0342b406469d494fcb033be4bdbe5c606016defbb1681411e1"
600+"checksum redox_syscall 0.1.51 (registry+https://github.com/rust-lang/crates.io-index)" = "423e376fffca3dfa06c9e9790a9ccd282fafb3cc6e6397d01dbf64f9bacc6b85"
601+"checksum redox_termios 0.1.1 (registry+https://github.com/rust-lang/crates.io-index)" = "7e891cfe48e9100a70a3b6eb652fef28920c117d366339687bd5576160db0f76"
602+"checksum regex 1.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "37e7cbbd370869ce2e8dff25c7018702d10b21a20ef7135316f8daecd6c25b7f"
603+"checksum regex-syntax 0.6.5 (registry+https://github.com/rust-lang/crates.io-index)" = "8c2f35eedad5295fdf00a63d7d4b238135723f92b434ec06774dad15c7ab0861"
604+"checksum rustc-demangle 0.1.13 (registry+https://github.com/rust-lang/crates.io-index)" = "adacaae16d02b6ec37fdc7acfcddf365978de76d1983d3ee22afc260e1ca9619"
605+"checksum ryu 0.2.7 (registry+https://github.com/rust-lang/crates.io-index)" = "eb9e9b8cde282a9fe6a42dd4681319bfb63f121b8a8ee9439c6f4107e58a46f7"
606+"checksum scoped-tls 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "332ffa32bf586782a3efaeb58f127980944bbc8c4d6913a86107ac2a5ab24b28"
607+"checksum serde 1.0.87 (registry+https://github.com/rust-lang/crates.io-index)" = "2e20fde37801e83c891a2dc4ebd3b81f0da4d1fb67a9e0a2a3b921e2536a58ee"
608+"checksum serde_derive 1.0.87 (registry+https://github.com/rust-lang/crates.io-index)" = "633e97856567e518b59ffb2ad7c7a4fd4c5d91d9c7f32dd38a27b2bf7e8114ea"
609+"checksum serde_json 1.0.38 (registry+https://github.com/rust-lang/crates.io-index)" = "27dce848e7467aa0e2fcaf0a413641499c0b745452aaca1194d24dedde9e13c9"
1012610"checksum sourcefile 0.1.4 (registry+https://github.com/rust-lang/crates.io-index)" = "4bf77cb82ba8453b42b6ae1d692e4cdc92f9a47beaf89a847c8be83f4e328ad3"
1013−"checksum syn 1.0.33 (registry+https://github.com/rust-lang/crates.io-index)" = "e8d5d96e8cbb005d6959f119f773bfaebb5684296108fb32600c00cde305b2cd"
1014−"checksum textwrap 0.11.0 (registry+https://github.com/rust-lang/crates.io-index)" = "d326610f408c7a4eb6f51c37c330e496b08506c9457c9d34287ecc38809fb060"
1015−"checksum tinytemplate 1.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "6d3dc76004a03cec1c5932bca4cdc2e39aaa798e3f82363dd94f9adf6098c12f"
1016−"checksum unicode-segmentation 1.6.0 (registry+https://github.com/rust-lang/crates.io-index)" = "e83e153d1053cbb5a118eeff7fd5be06ed99153f00dbcd8ae310c5fb2b22edc0"
1017−"checksum unicode-width 0.1.6 (registry+https://github.com/rust-lang/crates.io-index)" = "7007dbd421b92cc6e28410fe7362e2e0a2503394908f417b68ec8d1c364c4e20"
1018−"checksum unicode-xid 0.2.0 (registry+https://github.com/rust-lang/crates.io-index)" = "826e7639553986605ec5979c7dd957c7895e93eabed50ab2ffa7f6128a75097c"
611+"checksum syn 0.15.26 (registry+https://github.com/rust-lang/crates.io-index)" = "f92e629aa1d9c827b2bb8297046c1ccffc57c99b947a680d3ccff1f136a3bee9"
612+"checksum synstructure 0.10.1 (registry+https://github.com/rust-lang/crates.io-index)" = "73687139bf99285483c96ac0add482c3776528beac1d97d444f6e91f203a2015"
613+"checksum termcolor 1.0.4 (registry+https://github.com/rust-lang/crates.io-index)" = "4096add70612622289f2fdcdbd5086dc81c1e2675e6ae58d6c4f62a16c6d7f2f"
614+"checksum termion 1.5.1 (registry+https://github.com/rust-lang/crates.io-index)" = "689a3bdfaab439fd92bc87df5c4c78417d3cbe537487274e9b0b2dce76e92096"
615+"checksum thread_local 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)" = "c6b53e329000edc2b34dbe8545fd20e55a333362d0a321909685a19bd28c3f1b"
616+"checksum ucd-util 0.1.3 (registry+https://github.com/rust-lang/crates.io-index)" = "535c204ee4d8434478593480b8f86ab45ec9aae0e83c568ca81abf0fd0e88f86"
617+"checksum unicode-segmentation 1.2.1 (registry+https://github.com/rust-lang/crates.io-index)" = "aa6024fc12ddfd1c6dbc14a80fa2324d4568849869b779f6bd37e5e4c03344d1"
618+"checksum unicode-xid 0.1.0 (registry+https://github.com/rust-lang/crates.io-index)" = "fc72304796d0818e357ead4e000d19c9c174ab23dc11093ac919054d20a6a7fc"
619+"checksum utf8-ranges 1.0.2 (registry+https://github.com/rust-lang/crates.io-index)" = "796f7e48bef87609f7ade7e06495a87d5cd06c7866e6a5cbfceffc558a243737"
1019620"checksum version_check 0.1.5 (registry+https://github.com/rust-lang/crates.io-index)" = "914b1a6776c4c929a602fafd8bc742e06365d4bcbe48c30f9cca5824f70dc9dd"
1020−"checksum walkdir 2.3.1 (registry+https://github.com/rust-lang/crates.io-index)" = "777182bc735b6424e1a57516d35ed72cb8019d85c8c9bf536dccb3445c1a2f7d"
1021−"checksum wasm-bindgen 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)" = "29ae32af33bacd663a9a28241abecf01f2be64e6a185c6139b04f18b6385c5f2"
1022−"checksum wasm-bindgen-backend 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)" = "1845584bd3593442dc0de6e6d9f84454a59a057722f36f005e44665d6ab19d85"
1023−"checksum wasm-bindgen-futures 0.4.5 (registry+https://github.com/rust-lang/crates.io-index)" = "1458706aa1b8fe6898d19433c9f110d93a05d1f22ae6adf55810409a94df34b4"
1024−"checksum wasm-bindgen-macro 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)" = "87fcc747e6b73c93d22c947a6334644d22cfec5abd8b66238484dc2b0aeb9fe4"
1025−"checksum wasm-bindgen-macro-support 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)" = "3dc4b3f2c4078c8c4a5f363b92fcf62604c5913cbd16c6ff5aaf0f74ec03f570"
1026−"checksum wasm-bindgen-shared 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)" = "ca0b78d6d3be8589b95d1d49cdc0794728ca734adf36d7c9f07e6459508bb53d"
1027−"checksum wasm-bindgen-test 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "ed5833682054e941db0b7e2b4877b61bbaafd680608e40d268e070d34558b305"
1028−"checksum wasm-bindgen-test-macro 0.3.5 (registry+https://github.com/rust-lang/crates.io-index)" = "9c5dcf70d21d0ff0ea5cdb97dba9a9b56ddad4a9bd10c8912eedc55618be022f"
1029−"checksum wasm-bindgen-webidl 0.2.55 (registry+https://github.com/rust-lang/crates.io-index)" = "3126356474ceb717c8fb5549ae387c9fbf4872818454f4d87708bee997214bb5"
1030−"checksum web-sys 0.3.32 (registry+https://github.com/rust-lang/crates.io-index)" = "98405c0a2e722ed3db341b4c5b70eb9fe0021621f7350bab76df93b09b649bbf"
1031−"checksum weedle 0.10.0 (registry+https://github.com/rust-lang/crates.io-index)" = "3bb43f70885151e629e2a19ce9e50bd730fd436cfd4b666894c9ce4de9141164"
1032−"checksum winapi 0.3.8 (registry+https://github.com/rust-lang/crates.io-index)" = "8093091eeb260906a183e6ae1abdba2ef5ef2257a21801128899c3fc699229c6"
621+"checksum wasm-bindgen 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)" = "0f71ae64fc0c84c202fbaf421f2433a9529adf8ab6b5145fc4bc557da39d006b"
622+"checksum wasm-bindgen-backend 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)" = "a566cfa6bc9802a13a49a89df84b28f2d3ac92e169c1d30fd4fdd800981ba956"
623+"checksum wasm-bindgen-futures 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)" = "3408930b9c2bf6658ecc2f4f902b5f36b1ee99d3c288fe593567f595b8ff4081"
624+"checksum wasm-bindgen-macro 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)" = "01869df54a1821867d100eb1c351fad50a10248463c3097e990c3ed0fac7233a"
625+"checksum wasm-bindgen-macro-support 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)" = "1e727ad9d3811bbf0f6d0b8b3cc784169e832ca6ed8a9190587ebfde87893d70"
626+"checksum wasm-bindgen-shared 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)" = "77b13edbe385eb9b3f7f17960f6dbf0adcdb8dac422c7f14a6279426c052336f"
627+"checksum wasm-bindgen-test 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)" = "5d2220139a62fccd897d00f2a3ef953a9fcd2082461bfa50d8a9f9c0c85a6c94"
628+"checksum wasm-bindgen-test-macro 0.2.34 (registry+https://github.com/rust-lang/crates.io-index)" = "12201f5a4fe123303e93efbb1f799e9577312c6e53cb00f6539ace9355b70ad5"
629+"checksum wasm-bindgen-webidl 0.2.28 (registry+https://github.com/rust-lang/crates.io-index)" = "e8acb042c9989ffa6128467193bc7fe046b475a6151b9f31b0cfe7e5b313cc11"
630+"checksum web-sys 0.3.11 (registry+https://github.com/rust-lang/crates.io-index)" = "254e5875171dad18fda43e02054d83bc0699d447b72297110bc7c2a647572416"
631+"checksum weedle 0.8.0 (registry+https://github.com/rust-lang/crates.io-index)" = "26a4c67f132386d965390b8a734d5d10adbcd30eb5cc74bd9229af8b83f10044"
632+"checksum winapi 0.3.6 (registry+https://github.com/rust-lang/crates.io-index)" = "92c1eb33641e276cfa214a0522acad57be5c56b10cb348b3c5117db75f3ac4b0"
1033633"checksum winapi-i686-pc-windows-gnu 0.4.0 (registry+https://github.com/rust-lang/crates.io-index)" = "ac3b87c63620426dd9b991e5ce0329eff545bccbbb34f3be09ff6fb6ab51b7b6"
1034634"checksum winapi-util 0.1.2 (registry+https://github.com/rust-lang/crates.io-index)" = "7168bab6e1daee33b4557efd0e95d5ca70a03706d39fa5f3fe7a236f584b03c9"
1035635"checksum winapi-x86_64-pc-windows-gnu 0.4.0 (registry+https://github.com/rust-lang/crates.io-index)" = "712e227841d057c1ee1cd2fb22fa7e5a5461ae8e48fa2ca79ec42cfc1931183f"
636+"checksum wincolor 1.0.1 (registry+https://github.com/rust-lang/crates.io-index)" = "561ed901ae465d6185fa7864d63fbd5720d0ef718366c9a4dc83cf6170d7e9ba"
Cargo.toml+13−64
@@ -1,59 +1,22 @@
11[package]
2+name = "dodrio"
3+version = "0.1.0"
24authors = ["Nick Fitzgerald <fitzgen@gmail.com>"]
3−categories = ["wasm", "web-programming"]
4−description = "A fast, bump-allocated virtual DOM library."
55edition = "2018"
6−keywords = ["virtual-dom", "vdom", "render", "bump"]
7−license = "MPL-2.0"
8−name = "dodrio"
9−readme = "./README.md"
10−repository = "https://github.com/fitzgen/dodrio"
11−version = "0.2.0"
12−
13−[badges]
14−travis-ci = { repository = "fitzgen/dodrio" }
15−
16−[lib]
17−path = "src/lib.rs"
18−bench = false
19−
20−[[test]]
21−name = "web"
22−path = "tests/web/main.rs"
23−required-features = ["xxx-unstable-internal-use-only"]
24−
25−[[bench]]
26−name = "benches"
27−path = "benches/benches.rs"
28−harness = false
29−required-features = ["xxx-unstable-internal-use-only"]
306
317[features]
32−# Don't rely on this feature! Its behavior will change and it could go away at
33−# any time. This enables monkey-patching DOM methods so that we wrap them and
34−# trace what DOM methods are used and how many times they are invoked when
35−# applying our emitted change lists to the physical DOM. This is useful for
36−# evaluating the differences between how Dodrio applies changes from virtual
37−# nodes to the physical DOM versus how other virtual DOM libraries do the same.
38−xxx-unstable-strace = []
39−
40−# Don't use this feature! It only exists for exposing otherwise-internal APIs
41−# for testing and benchmarks.
42−xxx-unstable-internal-use-only = []
8+default = []
439
4410[dependencies]
45−bumpalo = "2.6.0"
46−cfg-if = "0.1.10"
47−fxhash = "0.2.1"
48−js-sys = "0.3.32"
49−log = { version = "0.4.11", optional = true }
50−longest-increasing-subsequence = "0.1.0"
51−serde = { version = "1.0.114", optional = true }
52−wasm-bindgen = "0.2.55"
53−wasm-bindgen-futures = "0.4.5"
11+bumpalo = "2.0.0"
12+futures = "0.1"
13+wasm-bindgen = "0.2.34"
14+wasm-bindgen-futures = "0.3.10"
15+js-sys = "0.3.10"
16+log = "0.4.6"
5417
5518[dependencies.web-sys]
56−version = "0.3.32"
19+version = "0.3.10"
5720features = [
5821 "console",
5922 "Document",
@@ -64,14 +27,11 @@ features = [
6427]
6528
6629[dev-dependencies]
67−console_log = "0.2.0"
68−dodrio-js-api = { version = "=0.2.0", path = "./crates/js-api" }
69−futures = "0.3.5"
70−log = "0.4.11"
71−wasm-bindgen-test = "0.3.5"
30+wasm-bindgen-test = "0.2"
31+console_log = "0.1.2"
7232
7333[dev-dependencies.web-sys]
74−version = "0.3.32"
34+version = "0.3.10"
7535features = [
7636 "Attr",
7737 "EventTarget",
@@ -80,12 +40,6 @@ features = [
8040 "NodeList",
8141]
8242
83−[target.'cfg(not(target_arch = "wasm32"))'.dev-dependencies]
84−criterion = "0.3.3"
85−
86−[profile.bench]
87−debug = true
88−
8943[profile.release]
9044incremental = false
9145lto = true
@@ -93,13 +47,8 @@ opt-level = "s"
9347
9448[workspace]
9549members = [
96− "./crates/js-api",
9750 "./examples/counter",
98− "./examples/game-of-life",
9951 "./examples/hello-world",
10052 "./examples/input-form",
101− "./examples/js-component",
102− "./examples/moire",
103− "./examples/sierpinski-triangle",
10453 "./examples/todomvc",
10554]
README.md+23−60
@@ -1,14 +1,15 @@
1−# Dodrio
1+# `dodrio`
22
3−A fast, bump-allocated virtual DOM library for Rust and WebAssembly. Note that
4−Dodrio is still **experimental**.
3+`dodrio` is an **experimental** virtual DOM library for Rust and WebAssembly. It
4+is a proving ground for a bump allocation-based virtual DOM architecture, that I
5+believe is the best way to take advantage of WebAssembly's strengths in the
6+context of a virtual DOM library.
57
68<!-- START doctoc generated TOC please keep comment here to allow auto update -->
79<!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
810
911
1012- [Warning](#warning)
11−- [Examples](#examples)
1213- [Design](#design)
1314 - [Bump Allocation](#bump-allocation)
1415 - [Change List as Stack Machine](#change-list-as-stack-machine)
@@ -18,53 +19,11 @@ Dodrio is still **experimental**.
1819
1920## Warning
2021
21−I reiterate that Dodrio is in a very **experimental** state. It probably has
22−bugs, and no one is using it in production.
23−
24−## Examples
25−
26−Here is the classic "Hello, World!" example:
27−
28−```rust
29−struct Hello {
30− who: String,
31−}
32−
33−impl Render for Hello {
34− fn render<'a>(&self, cx: &mut RenderContext<a>) -> Node<'a> {
35− let who = bumpalo::format!(in cx.bump, "Hello, {}!", self.who);
36− div(cx)
37− .children([text(who.into_bump_str())])
38− .finish()
39− }
40−}
41−```
42−
43−More examples can be found in [the `examples`
44−directory](https://github.com/fitzgen/dodrio/tree/master/examples), including:
45−
46−* [`counter`](https://github.com/fitzgen/dodrio/tree/master/examples/counter):
47− Incrementing and decrementing a counter.
48−* [`input-form`](https://github.com/fitzgen/dodrio/tree/master/examples/input-form):
49− Reading an `<input>` and displaying its contents.
50−* [`todomvc`](https://github.com/fitzgen/dodrio/tree/master/examples/todomvc):
51− An implementation of the infamous TodoMVC application.
52−* [`moire`](https://github.com/fitzgen/dodrio/tree/master/examples/moire): The
53− WebRender Moiré patterns demo.
54−* [`game-of-life`](https://github.com/fitzgen/dodrio/tree/master/examples/game-of-life):
55− The Rust and WebAssembly book's Game of Life tutorial rendered with Dodrio
56− instead of to 2D canvas.
57−* [`js-component`](https://github.com/fitzgen/dodrio/tree/master/examples/js-component):
58− Defines a rendering component in JavaScript with the `dodrio-js-api` crate.
59−
60−## Cargo Features
61−
62−* `log` &mdash; enable debugging-oriented log messages with the `log` crate's
63− facade. You still have to initialize a logger for the messages to go anywhere,
64− such as [`console_log`](https://github.com/iamcodemaker/console_log).
65−
66−* `serde` &mdash; enable `serde::{Serialize, Deserialize}` implementations for
67− `Cached<R>` where `R` is serializable and deserializable.
22+I reiterate that `dodrio` is in a very **experimental** state. It has not
23+actually been profiled or tuned for performance yet, so while I think the design
24+should yield a very fast virtual DOM library, `dodrio` is almost certainly not
25+fast right now. Additionally, it is probably riddled with bugs, and is assuredly
26+missing features that are critical for actually building Web applications.
6827
6928## Design
7029
@@ -74,7 +33,7 @@ Bump allocation is essentially the fastest method of allocating objects. It has
7433constraints, but works particularly well when allocation lifetimes match program
7534phases. And virtual DOMs are very phase oriented.
7635
77−Dodrio maintains three bump allocation arenas:
36+`dodrio` maintains three bump allocation arenas:
7837
79381. The newest, most up-to-date virtual DOM. The virtual DOM nodes themselves and
8039 any temporary containers needed while creating them are allocated into this
@@ -87,12 +46,12 @@ Dodrio maintains three bump allocation arenas:
8746
8847Rendering happens as follows:
8948
90−1. The application state is rendered into bump allocation arena (1).
91−2. (1) is diffed with (2) and the changes are emitted into (3).
92−3. JavaScript code applies the change list in (3) to the physical DOM.
93−4. (1) and (2) are swapped, double-buffering style, and the new (1) has its bump
94− allocation pointer reset, as does (3).
95−5. Rinse and repeat.
49+* The application state is rendered into bump allocation arena (1).
50+* (1) diffed with (2) and the changes are emitted into (3).
51+* JavaScript code applies the change list in (3) to the physical DOM.
52+* (1) and (2) are swapped, double-buffering style, and the new (1) has its bump
53+ allocation pointer reset, as does (3).
54+* Rinse and repeat.
9655
9756### Change List as Stack Machine
9857
@@ -103,6 +62,10 @@ diffs, a task that is essentially a tree traversal.
10362
10463### Library — Not Framework
10564
106−Dodrio is just a library. (And did I mention it is experimental?!) It is not a
65+`dodrio` is just a library. (And did I mention it is experimental?!) It is not a
10766full-fledged, complete, batteries-included solution for all frontend Web
108−development. And it never intends to become that either.
67+development. And it never intends to become that either. Its highest ambition is
68+to prove that its bump allocation-based design is a good one, and maaaayyyyyybe
69+become a production-grade virtual DOM library that you could plug into a larger
70+application or toolkit eventually. But it will never be a complete,
71+batteries-included framework.
benches/benches.rsdeleted−118
@@ -1,118 +0,0 @@
1−#![cfg(all(
2− feature = "xxx-unstable-internal-use-only",
3− not(target_arch = "wasm32")
4−))]
5−
6−use criterion::{
7− black_box, criterion_group, criterion_main, Benchmark, Criterion, ParameterizedBenchmark,
8− Throughput,
9−};
10−use dodrio::{
11− builder::*,
12− bumpalo::{self, Bump},
13− CachedSet, Node, Render, RenderContext, Vdom,
14−};
15−use std::cell::RefCell;
16−use std::convert::TryInto;
17−
18−/// The simplest thing we can render: `<div/>`.
19−struct Empty;
20−impl<'a> Render<'a> for Empty {
21− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
22− div(&cx).finish()
23− }
24−}
25−
26−/// Render a list that is `self.0` items long, has attributes and listeners.
27−struct SimpleList(usize);
28−impl<'a> Render<'a> for SimpleList {
29− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
30− let mut children = bumpalo::collections::Vec::with_capacity_in(self.0, cx.bump);
31− children.extend((0..self.0).map(|_| {
32− li(&cx)
33− .attr("class", "my-list-item")
34− .on("click", |_root, _vdom, _event| {
35− panic!("no one should call this")
36− })
37− .children([text("a list item")])
38− .finish()
39− }));
40− ol(&cx).attr("id", "my-list").children(children).finish()
41− }
42−}
43−
44−fn criterion_benchmark(c: &mut Criterion) {
45− c.bench(
46− "render",
47− Benchmark::new("empty", {
48− let mut bump = Bump::new();
49− let cached_set = RefCell::new(CachedSet::default());
50− let mut templates = Default::default();
51− move |b| {
52− bump.reset();
53− let mut cx = RenderContext::new(&bump, &cached_set, &mut templates);
54− b.iter(|| {
55− black_box(Empty.render(&mut cx));
56− })
57− }
58− }),
59− );
60−
61− c.bench(
62− "render",
63− ParameterizedBenchmark::new(
64− "list",
65− {
66− let mut bump = Bump::new();
67− let cached_set = RefCell::new(CachedSet::default());
68− let mut templates = Default::default();
69− move |b, n| {
70− bump.reset();
71− let mut cx = RenderContext::new(&bump, &cached_set, &mut templates);
72− b.iter(|| {
73− black_box(SimpleList(*n).render(&mut cx));
74− })
75− }
76− },
77− vec![100, 1_000, 10_000],
78− )
79− .throughput(|n| Throughput::Elements((*n).try_into().unwrap())),
80− );
81−
82− c.bench(
83− "render-and-diff",
84− ParameterizedBenchmark::new(
85− "same-list",
86− |b, &n| {
87− let vdom = Vdom::new(&(), SimpleList(n));
88− b.iter(|| {
89− vdom.immediately_render_and_diff(SimpleList(n));
90− black_box(&vdom);
91− })
92− },
93− vec![100, 1_000, 10_000],
94− )
95− .with_function("empty-to-full-list-to-empty", |b, &n| {
96− b.iter(|| {
97− let vdom = Vdom::new(&(), Empty);
98− vdom.immediately_render_and_diff(SimpleList(n));
99− black_box(&vdom);
100− vdom.immediately_render_and_diff(Empty);
101− black_box(&vdom);
102− });
103− })
104− .with_function("append-one-and-remove-one", |b, &n| {
105− let vdom = Vdom::new(&(), SimpleList(n));
106− b.iter(|| {
107− vdom.immediately_render_and_diff(SimpleList(n + 1));
108− black_box(&vdom);
109− vdom.immediately_render_and_diff(SimpleList(n));
110− black_box(&vdom);
111− })
112− })
113− .throughput(|n| Throughput::Elements((*n).try_into().unwrap())),
114− );
115−}
116−
117−criterion_group!(benches, criterion_benchmark);
118−criterion_main!(benches);
build.sh+10−3
@@ -3,9 +3,16 @@
33cd $(dirname $0)
44set -eux
55
6−cargo fmt --all || true
7−cargo build --all --target wasm32-unknown-unknown
6+function with_dir {
7+ pushd $1
8+ shift
9+ $@
10+ popd
11+}
12+
13+cargo fmt --all
14+cargo check --all --target wasm32-unknown-unknown
815
916for x in ./examples/*; do
10− wasm-pack build --target web "$x"
17+ wasm-pack build --target no-modules "$x"
1118done
crates/js-api/Cargo.tomldeleted−22
@@ -1,22 +0,0 @@
1−[package]
2−authors = ["Nick Fitzgerald <fitzgen@gmail.com>"]
3−categories = ["wasm", "web-programming"]
4−description = "An API for implementing Dodrio rendering components with JavaScript"
5−edition = "2018"
6−keywords = ["javascript", "js", "vdom", "virtual-dom"]
7−license = "MPL-2.0"
8−name = "dodrio-js-api"
9−repository = "https://github.com/fitzgen/dodrio"
10−version = "0.2.0"
11−
12−[badges]
13−travis-ci = { repository = "fitzgen/dodrio" }
14−
15−[dependencies]
16−dodrio = { version = "=0.2.0", path = "../.." }
17−wasm-bindgen = "0.2.55"
18−js-sys = "0.3.32"
19−wasm-bindgen-futures = "0.4.5"
20−
21−[dev-dependencies]
22−wasm-bindgen-test = "0.3.5"
crates/js-api/src/lib.rsdeleted−324
@@ -1,324 +0,0 @@
1−/*!
2−
3−Implementing `dodrio` render components with JavaScript.
4−
5−This crate provides a Rust type `JsRender` that wraps a JavaScript object with a
6−`render` method. `JsRender` implements `dodrio::Render` by calling its wrapped
7−object's `render` method to get a JavaScript virtual DOM represented as a tree
8−of JavaScript values. It then converts this tree of JavaScript values into
9−`dodrio`'s normal bump-allocated virtual DOM representation.
10−
11−This is likely much slower than rendering virtual DOMs directly into the bump
12−allocator from the Rust side of things! Additionally, the shape of the
13−JavaScript virtual DOM is a bit funky and unidiomatic. Keep in mind that this
14−crate exists as a proof of concept for integrating JavaScript components into
15−`dodrio` -- which is itself *also* experimental -- and so this crate definitely
16−has some rough edges.
17−
18−# Example
19−
20−Here is a JavaScript implementation of a rendering component:
21−
22−```javascript
23−class Greeting {
24− constructor(who) {
25− this.who = who;
26− }
27−
28− render() {
29− return {
30− tagName: "p",
31− attributes: [
32− {
33− name: "class",
34− value: "greeting",
35− },
36− ],
37− listeners: [
38− {
39− on: "click",
40− callback: this.onClick.bind(this),
41− }
42− ],
43− children: [
44− "Hello, ",
45− {
46− tagName: "strong",
47− children: [this.who],
48− }
49− ],
50− };
51− }
52−
53− async onClick(vdom, event) {
54− // Be more excited!
55− this.who += "!";
56−
57− // Schedule a re-render.
58− await vdom.render();
59−
60− console.log("re-rendering finished!");
61− }
62−}
63−```
64−
65−And here is a Rust rendering component that internally uses the JS rendering
66−component:
67−
68−```rust,no_run
69−use dodrio::{Node, Render, RenderContext, Vdom};
70−use dodrio_js_api::JsRender;
71−use js_sys::Object;
72−use wasm_bindgen::prelude::*;
73−
74−#[wasm_bindgen]
75−extern {
76− // Import the JS `Greeting` class.
77− #[wasm_bindgen(extends = Object)]
78− #[derive(Clone, Debug)]
79− type Greeting;
80−
81− // And the `Greeting` class's constructor.
82− #[wasm_bindgen(constructor)]
83− fn new(who: &str) -> Greeting;
84−}
85−
86−/// This is our Rust rendering component that wraps the JS rendering component.
87−pub struct GreetingViaJs {
88− js: JsRender,
89−}
90−
91−impl GreetingViaJs {
92− /// Create a new `GreetingViaJs`, which will internally create a new JS
93− /// `Greeting`.
94− pub fn new(who: &str) -> GreetingViaJs {
95− let js = JsRender::new(Greeting::new(who));
96− GreetingViaJs { js }
97− }
98−}
99−
100−/// And finally the `Render` implementation! This adds a `<p>` element and some
101−/// text around whatever the inner JS `Greeting` component renders.
102−impl<'a> Render<'a> for GreetingViaJs {
103− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
104− use dodrio::builder::*;
105− p(&cx)
106− .children([
107− text("JavaScript says: "),
108− self.js.render(cx),
109− ])
110− .finish()
111− }
112−}
113−```
114−
115− */
116−#![deny(missing_docs, missing_debug_implementations)]
117−
118−use dodrio::{builder, bumpalo, Node, Render, RenderContext};
119−use js_sys::{Object, Promise, Reflect};
120−use wasm_bindgen::prelude::*;
121−use wasm_bindgen::JsCast;
122−
123−#[wasm_bindgen]
124−extern "C" {
125− /// A rendering component implemented in JavaScript.
126− ///
127− /// The rendering API is a bit duck-typed: any JS object with a `render`
128− /// method that returns a virtual DOM as JS values with the right shape
129− /// works.
130− ///
131− /// See `JsRender::new` for converting existing JS objects into `JsRender`s.
132− #[derive(Debug, Clone)]
133− pub type JsRender;
134− #[wasm_bindgen(structural, method)]
135− fn render(this: &JsRender) -> JsValue;
136−
137− #[wasm_bindgen(extends = Object)]
138− #[derive(Debug, Clone)]
139− type Element;
140− #[wasm_bindgen(structural, getter, method, js_name = tagName)]
141− fn tag_name(this: &Element) -> String;
142− #[wasm_bindgen(structural, getter, method)]
143− fn listeners(this: &Element) -> js_sys::Array;
144− #[wasm_bindgen(structural, getter, method)]
145− fn attributes(this: &Element) -> js_sys::Array;
146− #[wasm_bindgen(structural, getter, method)]
147− fn children(this: &Element) -> js_sys::Array;
148−
149− #[wasm_bindgen(extends = Object)]
150− #[derive(Debug, Clone)]
151− type Listener;
152− #[wasm_bindgen(structural, getter, method)]
153− fn on(this: &Listener) -> String;
154− #[wasm_bindgen(structural, getter, method)]
155− fn callback(this: &Listener) -> js_sys::Function;
156−
157− #[wasm_bindgen(extends = Object)]
158− #[derive(Debug, Clone)]
159− type Attribute;
160− #[wasm_bindgen(structural, getter, method)]
161− fn name(this: &Attribute) -> String;
162− #[wasm_bindgen(structural, getter, method)]
163− fn value(this: &Attribute) -> String;
164−}
165−
166−/// A weak handle to a virtual DOM.
167−///
168−/// This is essentially the same as `dodrio::VdomWeak`, but exposed to
169−/// JavaScript.
170−#[wasm_bindgen]
171−#[derive(Clone, Debug)]
172−pub struct VdomWeak {
173− inner: dodrio::VdomWeak,
174−}
175−
176−impl VdomWeak {
177− fn new(inner: dodrio::VdomWeak) -> VdomWeak {
178− VdomWeak { inner }
179− }
180−}
181−
182−#[wasm_bindgen]
183−impl VdomWeak {
184− /// Schedule re-rendering of the virtual DOM. A promise is returned that is
185− /// resolved after the rendering has happened.
186− pub fn render(&self) -> Promise {
187− let future = self.inner.render();
188−
189− wasm_bindgen_futures::future_to_promise(async move {
190− if let Err(e) = future.await {
191− let msg = e.to_string();
192− Err(js_sys::Error::new(&msg).into())
193− } else {
194− Ok(JsValue::null())
195− }
196− })
197− }
198−}
199−
200−impl JsRender {
201− /// Convert a `js_sys::Object` into a `JsRender`.
202− ///
203− /// The given object must have a `render` method that conforms to the
204− /// duck-typed virtual DOM interface which is described in the crate-level
205− /// documentation.
206− pub fn new<O>(object: O) -> JsRender
207− where
208− O: Into<Object>,
209− {
210− let object = object.into();
211− debug_assert!(
212− has_property(&object, "render"),
213− "JS rendering components must have a `render` method"
214− );
215− object.unchecked_into::<JsRender>()
216− }
217−}
218−
219−impl<'a> Render<'a> for JsRender {
220− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
221− create(cx, self.render())
222− }
223−}
224−
225−fn has_property(obj: &Object, property: &str) -> bool {
226− Reflect::has(obj, &property.into()).unwrap_or_default()
227−}
228−
229−fn create<'a>(cx: &mut RenderContext<'a>, val: JsValue) -> Node<'a> {
230− if let Some(txt) = val.as_string() {
231− let text = bumpalo::collections::String::from_str_in(&txt, cx.bump);
232− return builder::text(text.into_bump_str());
233− }
234−
235− let elem = val.unchecked_into::<Element>();
236− debug_assert!(
237− elem.is_instance_of::<Object>(),
238− "JS render methods should only return strings for text nodes or objects for elements"
239− );
240− debug_assert!(
241− has_property(&elem, "tagName"),
242− "element objects returned by JS render methods must have a `tagName` property"
243− );
244−
245− let tag_name = elem.tag_name();
246− let tag_name = bumpalo::collections::String::from_str_in(&tag_name, cx.bump);
247−
248− builder::ElementBuilder::new(cx.bump, tag_name.into_bump_str())
249− .listeners({
250− let mut listeners =
251− bumpalo::collections::Vec::new_in(cx.bump);
252− if has_property(&elem, "listeners") {
253− let js_listeners = elem.listeners();
254− listeners.reserve(js_listeners.length() as usize);
255− js_listeners.for_each(&mut |listener, _index, _array| {
256− let listener = listener.unchecked_into::<Listener>();
257− debug_assert!(
258− listener.is_instance_of::<Object>(),
259− "listeners returned by JS render methods must be objects"
260− );
261− debug_assert!(
262− has_property(&listener, "on"),
263− "listener objects returned by JS render methods must have an `on` property"
264− );
265− debug_assert!(
266− has_property(&listener, "callback"),
267− "listener objects returned by JS render methods must have an `callback` property"
268− );
269− let on = listener.on();
270− let on = bumpalo::collections::String::from_str_in(&on, cx.bump);
271− let callback = listener.callback();
272− let elem = elem.clone();
273− listeners.push(builder::on(cx.bump, on.into_bump_str(), move |_root, vdom, event| {
274− let vdom = VdomWeak::new(vdom);
275− let vdom: JsValue = vdom.into();
276− if let Err(e) = callback.call2(&elem, &vdom, &event) {
277− wasm_bindgen::throw_val(e);
278− }
279− }));
280− });
281− }
282− listeners
283− })
284− .attributes({
285− let mut attributes = bumpalo::collections::Vec::new_in(cx.bump);
286− if has_property(&elem, "attributes") {
287− let js_attributes = elem.attributes();
288− attributes.reserve(js_attributes.length() as usize);
289− js_attributes.for_each(&mut |attribute, _index, _array| {
290− let attribute = attribute.unchecked_into::<Attribute>();
291− debug_assert!(
292− attribute.is_instance_of::<Object>(),
293− "attributes returned by JS render methods must be objects"
294− );
295− debug_assert!(
296− has_property(&attribute, "name"),
297− "attribute objects returned by JS render methods must have a `name` property"
298− );
299− debug_assert!(
300− has_property(&attribute, "value"),
301− "attribute objects returned by JS render methods must have a `value` property"
302− );
303− let name = attribute.name();
304− let name = bumpalo::collections::String::from_str_in(&name, cx.bump);
305− let value = attribute.value();
306− let value = bumpalo::collections::String::from_str_in(&value, cx.bump);
307− attributes.push(builder::attr(name.into_bump_str(), value.into_bump_str()));
308− });
309− }
310− attributes
311− })
312− .children({
313− let mut children = bumpalo::collections::Vec::new_in(cx.bump);
314− if has_property(&elem, "children") {
315− let js_children = elem.children();
316− children.reserve(js_children.length() as usize);
317− js_children.for_each(&mut |child, _index, _array| {
318− children.push(create(cx, child));
319− });
320− }
321− children
322− })
323− .finish()
324−}
examples/counter/.gitignorenew file+7
@@ -0,0 +1,7 @@
1+dist
2+node_modules
3+crate/bin
4+crate/pkg
5+crate/target
6+crate/wasm-pack.log
7+crate/Cargo.lock
examples/counter/.travis.ymlnew file+11
@@ -0,0 +1,11 @@
1+language: rust
2+
3+install:
4+ - curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
5+ - source ~/.nvm/nvm.sh
6+ - nvm install v10.5
7+ - curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -f
8+
9+script:
10+ - npm install
11+ - npm run build
examples/counter/Cargo.toml+6−6
@@ -10,14 +10,14 @@ crate-type = ["cdylib"]
1010[features]
1111
1212[dependencies]
13−console_error_panic_hook = "0.1.6"
14−console_log = "0.2.0"
13+console_error_panic_hook = "0.1.1"
14+console_log = "0.1.2"
1515dodrio = { path = "../.." }
16−log = "0.4.11"
17−wasm-bindgen = "0.2.55"
16+log = "0.4.6"
17+wasm-bindgen = "0.2"
1818
1919[dependencies.web-sys]
20−version = "0.3.32"
20+version = "0.3.8"
2121features = [
2222 "console",
2323 "Document",
@@ -30,4 +30,4 @@ features = [
3030]
3131
3232[dev-dependencies]
33−wasm-bindgen-test = "0.3.5"
33+wasm-bindgen-test = "0.2"
examples/counter/LICENSE-APACHEnew file+201
@@ -0,0 +1,201 @@
1+ Apache License
2+ Version 2.0, January 2004
3+ http://www.apache.org/licenses/
4+
5+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6+
7+1. Definitions.
8+
9+ "License" shall mean the terms and conditions for use, reproduction,
10+ and distribution as defined by Sections 1 through 9 of this document.
11+
12+ "Licensor" shall mean the copyright owner or entity authorized by
13+ the copyright owner that is granting the License.
14+
15+ "Legal Entity" shall mean the union of the acting entity and all
16+ other entities that control, are controlled by, or are under common
17+ control with that entity. For the purposes of this definition,
18+ "control" means (i) the power, direct or indirect, to cause the
19+ direction or management of such entity, whether by contract or
20+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
21+ outstanding shares, or (iii) beneficial ownership of such entity.
22+
23+ "You" (or "Your") shall mean an individual or Legal Entity
24+ exercising permissions granted by this License.
25+
26+ "Source" form shall mean the preferred form for making modifications,
27+ including but not limited to software source code, documentation
28+ source, and configuration files.
29+
30+ "Object" form shall mean any form resulting from mechanical
31+ transformation or translation of a Source form, including but
32+ not limited to compiled object code, generated documentation,
33+ and conversions to other media types.
34+
35+ "Work" shall mean the work of authorship, whether in Source or
36+ Object form, made available under the License, as indicated by a
37+ copyright notice that is included in or attached to the work
38+ (an example is provided in the Appendix below).
39+
40+ "Derivative Works" shall mean any work, whether in Source or Object
41+ form, that is based on (or derived from) the Work and for which the
42+ editorial revisions, annotations, elaborations, or other modifications
43+ represent, as a whole, an original work of authorship. For the purposes
44+ of this License, Derivative Works shall not include works that remain
45+ separable from, or merely link (or bind by name) to the interfaces of,
46+ the Work and Derivative Works thereof.
47+
48+ "Contribution" shall mean any work of authorship, including
49+ the original version of the Work and any modifications or additions
50+ to that Work or Derivative Works thereof, that is intentionally
51+ submitted to Licensor for inclusion in the Work by the copyright owner
52+ or by an individual or Legal Entity authorized to submit on behalf of
53+ the copyright owner. For the purposes of this definition, "submitted"
54+ means any form of electronic, verbal, or written communication sent
55+ to the Licensor or its representatives, including but not limited to
56+ communication on electronic mailing lists, source code control systems,
57+ and issue tracking systems that are managed by, or on behalf of, the
58+ Licensor for the purpose of discussing and improving the Work, but
59+ excluding communication that is conspicuously marked or otherwise
60+ designated in writing by the copyright owner as "Not a Contribution."
61+
62+ "Contributor" shall mean Licensor and any individual or Legal Entity
63+ on behalf of whom a Contribution has been received by Licensor and
64+ subsequently incorporated within the Work.
65+
66+2. Grant of Copyright License. Subject to the terms and conditions of
67+ this License, each Contributor hereby grants to You a perpetual,
68+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69+ copyright license to reproduce, prepare Derivative Works of,
70+ publicly display, publicly perform, sublicense, and distribute the
71+ Work and such Derivative Works in Source or Object form.
72+
73+3. Grant of Patent License. Subject to the terms and conditions of
74+ this License, each Contributor hereby grants to You a perpetual,
75+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76+ (except as stated in this section) patent license to make, have made,
77+ use, offer to sell, sell, import, and otherwise transfer the Work,
78+ where such license applies only to those patent claims licensable
79+ by such Contributor that are necessarily infringed by their
80+ Contribution(s) alone or by combination of their Contribution(s)
81+ with the Work to which such Contribution(s) was submitted. If You
82+ institute patent litigation against any entity (including a
83+ cross-claim or counterclaim in a lawsuit) alleging that the Work
84+ or a Contribution incorporated within the Work constitutes direct
85+ or contributory patent infringement, then any patent licenses
86+ granted to You under this License for that Work shall terminate
87+ as of the date such litigation is filed.
88+
89+4. Redistribution. You may reproduce and distribute copies of the
90+ Work or Derivative Works thereof in any medium, with or without
91+ modifications, and in Source or Object form, provided that You
92+ meet the following conditions:
93+
94+ (a) You must give any other recipients of the Work or
95+ Derivative Works a copy of this License; and
96+
97+ (b) You must cause any modified files to carry prominent notices
98+ stating that You changed the files; and
99+
100+ (c) You must retain, in the Source form of any Derivative Works
101+ that You distribute, all copyright, patent, trademark, and
102+ attribution notices from the Source form of the Work,
103+ excluding those notices that do not pertain to any part of
104+ the Derivative Works; and
105+
106+ (d) If the Work includes a "NOTICE" text file as part of its
107+ distribution, then any Derivative Works that You distribute must
108+ include a readable copy of the attribution notices contained
109+ within such NOTICE file, excluding those notices that do not
110+ pertain to any part of the Derivative Works, in at least one
111+ of the following places: within a NOTICE text file distributed
112+ as part of the Derivative Works; within the Source form or
113+ documentation, if provided along with the Derivative Works; or,
114+ within a display generated by the Derivative Works, if and
115+ wherever such third-party notices normally appear. The contents
116+ of the NOTICE file are for informational purposes only and
117+ do not modify the License. You may add Your own attribution
118+ notices within Derivative Works that You distribute, alongside
119+ or as an addendum to the NOTICE text from the Work, provided
120+ that such additional attribution notices cannot be construed
121+ as modifying the License.
122+
123+ You may add Your own copyright statement to Your modifications and
124+ may provide additional or different license terms and conditions
125+ for use, reproduction, or distribution of Your modifications, or
126+ for any such Derivative Works as a whole, provided Your use,
127+ reproduction, and distribution of the Work otherwise complies with
128+ the conditions stated in this License.
129+
130+5. Submission of Contributions. Unless You explicitly state otherwise,
131+ any Contribution intentionally submitted for inclusion in the Work
132+ by You to the Licensor shall be under the terms and conditions of
133+ this License, without any additional terms or conditions.
134+ Notwithstanding the above, nothing herein shall supersede or modify
135+ the terms of any separate license agreement you may have executed
136+ with Licensor regarding such Contributions.
137+
138+6. Trademarks. This License does not grant permission to use the trade
139+ names, trademarks, service marks, or product names of the Licensor,
140+ except as required for reasonable and customary use in describing the
141+ origin of the Work and reproducing the content of the NOTICE file.
142+
143+7. Disclaimer of Warranty. Unless required by applicable law or
144+ agreed to in writing, Licensor provides the Work (and each
145+ Contributor provides its Contributions) on an "AS IS" BASIS,
146+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147+ implied, including, without limitation, any warranties or conditions
148+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149+ PARTICULAR PURPOSE. You are solely responsible for determining the
150+ appropriateness of using or redistributing the Work and assume any
151+ risks associated with Your exercise of permissions under this License.
152+
153+8. Limitation of Liability. In no event and under no legal theory,
154+ whether in tort (including negligence), contract, or otherwise,
155+ unless required by applicable law (such as deliberate and grossly
156+ negligent acts) or agreed to in writing, shall any Contributor be
157+ liable to You for damages, including any direct, indirect, special,
158+ incidental, or consequential damages of any character arising as a
159+ result of this License or out of the use or inability to use the
160+ Work (including but not limited to damages for loss of goodwill,
161+ work stoppage, computer failure or malfunction, or any and all
162+ other commercial damages or losses), even if such Contributor
163+ has been advised of the possibility of such damages.
164+
165+9. Accepting Warranty or Additional Liability. While redistributing
166+ the Work or Derivative Works thereof, You may choose to offer,
167+ and charge a fee for, acceptance of support, warranty, indemnity,
168+ or other liability obligations and/or rights consistent with this
169+ License. However, in accepting such obligations, You may act only
170+ on Your own behalf and on Your sole responsibility, not on behalf
171+ of any other Contributor, and only if You agree to indemnify,
172+ defend, and hold each Contributor harmless for any liability
173+ incurred by, or claims asserted against, such Contributor by reason
174+ of your accepting any such warranty or additional liability.
175+
176+END OF TERMS AND CONDITIONS
177+
178+APPENDIX: How to apply the Apache License to your work.
179+
180+ To apply the Apache License to your work, attach the following
181+ boilerplate notice, with the fields enclosed by brackets "[]"
182+ replaced with your own identifying information. (Don't include
183+ the brackets!) The text should be enclosed in the appropriate
184+ comment syntax for the file format. We also recommend that a
185+ file or class name and description of purpose be included on the
186+ same "printed page" as the copyright notice for easier
187+ identification within third-party archives.
188+
189+Copyright [yyyy] [name of copyright owner]
190+
191+Licensed under the Apache License, Version 2.0 (the "License");
192+you may not use this file except in compliance with the License.
193+You may obtain a copy of the License at
194+
195+ http://www.apache.org/licenses/LICENSE-2.0
196+
197+Unless required by applicable law or agreed to in writing, software
198+distributed under the License is distributed on an "AS IS" BASIS,
199+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200+See the License for the specific language governing permissions and
201+limitations under the License.
examples/counter/LICENSE-MITnew file+25
@@ -0,0 +1,25 @@
1+Copyright (c) 2015 The Rust Project Developers
2+
3+Permission is hereby granted, free of charge, to any
4+person obtaining a copy of this software and associated
5+documentation files (the "Software"), to deal in the
6+Software without restriction, including without
7+limitation the rights to use, copy, modify, merge,
8+publish, distribute, sublicense, and/or sell copies of
9+the Software, and to permit persons to whom the Software
10+is furnished to do so, subject to the following
11+conditions:
12+
13+The above copyright notice and this permission notice
14+shall be included in all copies or substantial portions
15+of the Software.
16+
17+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
18+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
19+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
20+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
21+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
22+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
23+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
24+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
25+DEALINGS IN THE SOFTWARE.
examples/counter/README.md+1−1
@@ -9,7 +9,7 @@ See `src/lib.rs`.
99## Build
1010
1111```
12−wasm-pack build --target web
12+wasm-pack build --target no-modules
1313```
1414
1515## Serve
examples/counter/index.html+3−3
@@ -5,9 +5,9 @@
55 <title>Counter</title>
66 </head>
77 <body>
8− <script type="module">
9− import init from "./pkg/dodrio_counter.js";
10− init("./pkg/dodrio_counter_bg.wasm");
8+ <script src="pkg/dodrio_counter.js"></script>
9+ <script>
10+ wasm_bindgen("pkg/dodrio_counter_bg.wasm");
1111 </script>
1212 </body>
1313</html>
examples/counter/src/lib.rsmode 100755 → 100644+35−24
@@ -1,8 +1,9 @@
1−use dodrio::{bumpalo, Node, Render, RenderContext};
1+use dodrio::bumpalo::{self, Bump};
2+use dodrio::{on, Node, Render};
23use log::*;
34use wasm_bindgen::prelude::*;
45
5−/// A counter that can be incremented and decremented!
6+/// A counter that can be incremented and decrmented!
67struct Counter {
78 count: isize,
89}
@@ -26,17 +27,24 @@ impl Counter {
2627
2728// The `Render` implementation for `Counter`s displays the current count and has
2829// buttons to increment and decrement the count.
29−impl<'a> Render<'a> for Counter {
30− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
31− use dodrio::builder::*;
32−
30+impl Render for Counter {
31+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> dodrio::Node<'bump>
32+ where
33+ 'a: 'bump,
34+ {
3335 // Stringify the count as a bump-allocated string.
34− let count = bumpalo::format!(in cx.bump, "{}", self.count);
36+ let count = bumpalo::format!(in bump, "{}", self.count);
3537
36− div(&cx)
37− .children([
38− button(&cx)
39− .on("click", |root, vdom, _event| {
38+ Node::element(
39+ bump,
40+ "div",
41+ [],
42+ [],
43+ [
44+ Node::element(
45+ bump,
46+ "button",
47+ [on(bump, "click", |root, vdom, _event| {
4048 // Cast the root render component to a `Counter`, since
4149 // we know that's what it is.
4250 let counter = root.unwrap_mut::<Counter>();
@@ -47,21 +55,24 @@ impl<'a> Render<'a> for Counter {
4755 // Since the count has updated, we should re-render the
4856 // counter on the next animation frame.
4957 vdom.schedule_render();
50− })
51− .children([text("+")])
52− .finish(),
53− text(count.into_bump_str()),
54− button(&cx)
55− .on("click", |root, vdom, _event| {
58+ })],
59+ [],
60+ [Node::text("+")],
61+ ),
62+ Node::text(count.into_bump_str()),
63+ Node::element(
64+ bump,
65+ "button",
66+ [on(bump, "click", |root, vdom, _event| {
5667 // Same as above, but decrementing instead of incrementing.
57− let counter = root.unwrap_mut::<Counter>();
58− counter.decrement();
68+ root.unwrap_mut::<Counter>().decrement();
5969 vdom.schedule_render();
60− })
61− .children([text("-")])
62− .finish(),
63− ])
64− .finish()
70+ })],
71+ [],
72+ [Node::text("-")],
73+ ),
74+ ],
75+ )
6576 }
6677}
6778
examples/game-of-life/Cargo.tomldeleted−29
@@ -1,29 +0,0 @@
1−[package]
2−name = "dodrio-game-of-life"
3−version = "0.1.0"
4−authors = ["Nick Fitzgerald <fitzgen@gmail.com>"]
5−edition = "2018"
6−
7−[lib]
8−crate-type = ["cdylib"]
9−
10−[features]
11−
12−[dependencies]
13−dodrio = { path = "../.." }
14−wasm-bindgen = "0.2.55"
15−console_error_panic_hook = "0.1.6"
16−js-sys = "0.3.32"
17−wasm-bindgen-futures = "0.4.5"
18−
19−[dependencies.web-sys]
20−version = "0.3.32"
21−features = [
22− "Document",
23− "HtmlElement",
24− "Node",
25− "Window",
26−]
27−
28−[dev-dependencies]
29−wasm-bindgen-test = "0.3.5"
examples/game-of-life/README.mddeleted−23
@@ -1,23 +0,0 @@
1−# Conway's Game of Life
2−
3−A port of the [Rust and WebAssembly tutorial's Game of Life
4−implementation](https://rustwasm.github.io/book/game-of-life/introduction.html)
5−to rendering to HTML with Dodrio instead of to a canvas via JavaScript.
6−
7−## Source
8−
9−See `src/lib.rs`.
10−
11−## Build
12−
13−```
14−wasm-pack build --target web
15−```
16−
17−## Serve
18−
19−Use any HTTP server, for example:
20−
21−```
22−python -m SimpleHTTPServer
23−```
examples/game-of-life/index.htmldeleted−44
@@ -1,44 +0,0 @@
1−<!DOCTYPE html>
2−<html>
3− <head>
4− <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
5− <title>Conway's Game of Life</title>
6− <style>
7− .cell {
8− display: inline-block;
9− width: 1vh;
10− height: 1vh;
11− border: 1px #cccccc solid;
12− margin: -1px;
13− padding: 0;
14− }
15−
16− .row {
17− height: 1vh;
18− margin: 0;
19− padding: 0;
20− }
21−
22− body {
23− width: 100vw;
24− height: 100vh;
25− display: flex;
26− align-items: center;
27− justify-content: center;
28− padding: 0;
29− margin: 0;
30− }
31−
32− html {
33− padding: 0;
34− margin: 0;
35− }
36− </style>
37− </head>
38− <body>
39− <script type="module">
40− import init from "./pkg/dodrio_game_of_life.js";
41− init("./pkg/dodrio_game_of_life_bg.wasm");
42− </script>
43− </body>
44−</html>
examples/game-of-life/src/lib.rsdeleted−218
@@ -1,218 +0,0 @@
1−use dodrio::{bumpalo, Node, Render, RenderContext, Vdom};
2−use std::cell::RefCell;
3−use std::rc::Rc;
4−use wasm_bindgen::{prelude::*, JsCast};
5−
6−#[repr(u8)]
7−#[derive(Clone, Copy, Debug, PartialEq, Eq)]
8−pub enum Cell {
9− Dead = 0,
10− Alive = 1,
11−}
12−
13−/// The universe containing all of the cells for our Game of Life.
14−struct Universe {
15− width: u32,
16− height: u32,
17− cells: Vec<Cell>,
18−}
19−
20−impl Universe {
21− /// Construct a new universe.
22− pub fn new() -> Universe {
23− let width = 64;
24− let height = 64;
25−
26− let cells = (0..width * height)
27− .map(|i| {
28− if i % 2 == 0 || i % 7 == 0 {
29− Cell::Alive
30− } else {
31− Cell::Dead
32− }
33− })
34− .collect();
35−
36− Universe {
37− width,
38− height,
39− cells,
40− }
41− }
42−
43− /// Compute one tick of the universe.
44− pub fn tick(&mut self) {
45− let mut next = self.cells.clone();
46−
47− for row in 0..self.height {
48− for col in 0..self.width {
49− let idx = self.get_index(row, col);
50− let cell = self.cells[idx];
51− let live_neighbors = self.live_neighbor_count(row, col);
52−
53− let next_cell = match (cell, live_neighbors) {
54− // Rule 1: Any live cell with fewer than two live neighbours
55− // dies, as if caused by underpopulation.
56− (Cell::Alive, x) if x < 2 => Cell::Dead,
57− // Rule 2: Any live cell with two or three live neighbours
58− // lives on to the next generation.
59− (Cell::Alive, 2) | (Cell::Alive, 3) => Cell::Alive,
60− // Rule 3: Any live cell with more than three live
61− // neighbours dies, as if by overpopulation.
62− (Cell::Alive, x) if x > 3 => Cell::Dead,
63− // Rule 4: Any dead cell with exactly three live neighbours
64− // becomes a live cell, as if by reproduction.
65− (Cell::Dead, 3) => Cell::Alive,
66− // All other cells remain in the same state.
67− (otherwise, _) => otherwise,
68− };
69−
70− next[idx] = next_cell;
71− }
72− }
73−
74− self.cells = next;
75− }
76−
77− fn get_index(&self, row: u32, column: u32) -> usize {
78− (row * self.width + column) as usize
79− }
80−
81− fn live_neighbor_count(&self, row: u32, column: u32) -> u8 {
82− let mut count = 0;
83−
84− let north = if row == 0 { self.height - 1 } else { row - 1 };
85−
86− let south = if row == self.height - 1 { 0 } else { row + 1 };
87−
88− let west = if column == 0 {
89− self.width - 1
90− } else {
91− column - 1
92− };
93−
94− let east = if column == self.width - 1 {
95− 0
96− } else {
97− column + 1
98− };
99−
100− let nw = self.get_index(north, west);
101− count += self.cells[nw] as u8;
102−
103− let n = self.get_index(north, column);
104− count += self.cells[n] as u8;
105−
106− let ne = self.get_index(north, east);
107− count += self.cells[ne] as u8;
108−
109− let w = self.get_index(row, west);
110− count += self.cells[w] as u8;
111−
112− let e = self.get_index(row, east);
113− count += self.cells[e] as u8;
114−
115− let sw = self.get_index(south, west);
116− count += self.cells[sw] as u8;
117−
118− let s = self.get_index(south, column);
119− count += self.cells[s] as u8;
120−
121− let se = self.get_index(south, east);
122− count += self.cells[se] as u8;
123−
124− count
125− }
126−}
127−
128−/// The rendering implementation for our Game of Life.
129−impl<'a> Render<'a> for Universe {
130− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
131− use dodrio::builder::*;
132−
133− let mut rows = bumpalo::collections::Vec::with_capacity_in(self.height as usize, cx.bump);
134−
135− for row in self.cells.chunks(self.width as usize) {
136− let mut cells =
137− bumpalo::collections::Vec::with_capacity_in(self.width as usize, cx.bump);
138−
139− for cell in row {
140− cells.push(
141− span(&cx)
142− .attr("class", "cell")
143− .attr(
144− "style",
145− match cell {
146− Cell::Alive => "background-color: black",
147− Cell::Dead => "background-color: white",
148− },
149− )
150− .finish(),
151− );
152− }
153−
154− rows.push(div(&cx).attr("class", "row").children(cells).finish());
155− }
156−
157− div(&cx).attr("class", "universe").children(rows).finish()
158− }
159−}
160−
161−#[wasm_bindgen(start)]
162−pub fn run() {
163− // Set up the panic hook for debugging when things go wrong.
164− console_error_panic_hook::set_once();
165−
166− // Grab the document's `<body>`.
167− let window = web_sys::window().unwrap_throw();
168− let document = window.document().unwrap_throw();
169− let body = document.body().unwrap_throw();
170−
171− // Create a new Game of Life `Universe` render component.
172− let universe = Universe::new();
173−
174− // Create a virtual DOM and mount it and the `Universe` render component to the
175− // `<body>`.
176− let vdom = Vdom::new(body.as_ref(), universe);
177−
178− // Kick off a loop that keeps computing a tick of the universe and then
179− // re-rendering on every animation frame.
180− let rc = <Rc<RefCell<Option<Closure<dyn FnMut()>>>>>::default();
181− let rc2 = rc.clone();
182− let window2 = window.clone();
183− let weak = vdom.weak();
184− let f = Closure::wrap(Box::new(move || {
185− weak.schedule_render();
186−
187− wasm_bindgen_futures::spawn_local({
188− let weak = weak.clone();
189− async move {
190− let fut = weak.with_component(|root| {
191− let universe = root.unwrap_mut::<Universe>();
192− universe.tick();
193− });
194−
195− if fut.await.is_err() {
196− wasm_bindgen::throw_str("impossible, we always keep the vdom alive");
197− }
198− }
199− });
200−
201− window
202− .request_animation_frame(
203− rc.borrow()
204− .as_ref()
205− .unwrap_throw()
206− .as_ref()
207− .unchecked_ref::<js_sys::Function>(),
208− )
209− .unwrap_throw();
210− }) as Box<dyn FnMut()>);
211− window2
212− .request_animation_frame(f.as_ref().unchecked_ref::<js_sys::Function>())
213− .unwrap_throw();
214− *rc2.borrow_mut() = Some(f);
215−
216− // Run the virtual DOM forever and don't unmount it.
217− vdom.forget();
218−}
examples/hello-world/.gitignorenew file+7
@@ -0,0 +1,7 @@
1+dist
2+node_modules
3+crate/bin
4+crate/pkg
5+crate/target
6+crate/wasm-pack.log
7+crate/Cargo.lock
examples/hello-world/.travis.ymlnew file+11
@@ -0,0 +1,11 @@
1+language: rust
2+
3+install:
4+ - curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
5+ - source ~/.nvm/nvm.sh
6+ - nvm install v10.5
7+ - curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -f
8+
9+script:
10+ - npm install
11+ - npm run build
examples/hello-world/Cargo.toml+4−4
@@ -11,11 +11,11 @@ crate-type = ["cdylib"]
1111
1212[dependencies]
1313dodrio = { path = "../.." }
14−wasm-bindgen = "0.2.55"
15−console_error_panic_hook = "0.1.6"
14+wasm-bindgen = "0.2"
15+console_error_panic_hook = "0.1.1"
1616
1717[dependencies.web-sys]
18−version = "0.3.32"
18+version = "0.3.8"
1919features = [
2020 "Document",
2121 "HtmlElement",
@@ -24,4 +24,4 @@ features = [
2424]
2525
2626[dev-dependencies]
27−wasm-bindgen-test = "0.3.5"
27+wasm-bindgen-test = "0.2"
examples/hello-world/LICENSE-APACHEnew file+201
@@ -0,0 +1,201 @@
1+ Apache License
2+ Version 2.0, January 2004
3+ http://www.apache.org/licenses/
4+
5+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6+
7+1. Definitions.
8+
9+ "License" shall mean the terms and conditions for use, reproduction,
10+ and distribution as defined by Sections 1 through 9 of this document.
11+
12+ "Licensor" shall mean the copyright owner or entity authorized by
13+ the copyright owner that is granting the License.
14+
15+ "Legal Entity" shall mean the union of the acting entity and all
16+ other entities that control, are controlled by, or are under common
17+ control with that entity. For the purposes of this definition,
18+ "control" means (i) the power, direct or indirect, to cause the
19+ direction or management of such entity, whether by contract or
20+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
21+ outstanding shares, or (iii) beneficial ownership of such entity.
22+
23+ "You" (or "Your") shall mean an individual or Legal Entity
24+ exercising permissions granted by this License.
25+
26+ "Source" form shall mean the preferred form for making modifications,
27+ including but not limited to software source code, documentation
28+ source, and configuration files.
29+
30+ "Object" form shall mean any form resulting from mechanical
31+ transformation or translation of a Source form, including but
32+ not limited to compiled object code, generated documentation,
33+ and conversions to other media types.
34+
35+ "Work" shall mean the work of authorship, whether in Source or
36+ Object form, made available under the License, as indicated by a
37+ copyright notice that is included in or attached to the work
38+ (an example is provided in the Appendix below).
39+
40+ "Derivative Works" shall mean any work, whether in Source or Object
41+ form, that is based on (or derived from) the Work and for which the
42+ editorial revisions, annotations, elaborations, or other modifications
43+ represent, as a whole, an original work of authorship. For the purposes
44+ of this License, Derivative Works shall not include works that remain
45+ separable from, or merely link (or bind by name) to the interfaces of,
46+ the Work and Derivative Works thereof.
47+
48+ "Contribution" shall mean any work of authorship, including
49+ the original version of the Work and any modifications or additions
50+ to that Work or Derivative Works thereof, that is intentionally
51+ submitted to Licensor for inclusion in the Work by the copyright owner
52+ or by an individual or Legal Entity authorized to submit on behalf of
53+ the copyright owner. For the purposes of this definition, "submitted"
54+ means any form of electronic, verbal, or written communication sent
55+ to the Licensor or its representatives, including but not limited to
56+ communication on electronic mailing lists, source code control systems,
57+ and issue tracking systems that are managed by, or on behalf of, the
58+ Licensor for the purpose of discussing and improving the Work, but
59+ excluding communication that is conspicuously marked or otherwise
60+ designated in writing by the copyright owner as "Not a Contribution."
61+
62+ "Contributor" shall mean Licensor and any individual or Legal Entity
63+ on behalf of whom a Contribution has been received by Licensor and
64+ subsequently incorporated within the Work.
65+
66+2. Grant of Copyright License. Subject to the terms and conditions of
67+ this License, each Contributor hereby grants to You a perpetual,
68+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69+ copyright license to reproduce, prepare Derivative Works of,
70+ publicly display, publicly perform, sublicense, and distribute the
71+ Work and such Derivative Works in Source or Object form.
72+
73+3. Grant of Patent License. Subject to the terms and conditions of
74+ this License, each Contributor hereby grants to You a perpetual,
75+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76+ (except as stated in this section) patent license to make, have made,
77+ use, offer to sell, sell, import, and otherwise transfer the Work,
78+ where such license applies only to those patent claims licensable
79+ by such Contributor that are necessarily infringed by their
80+ Contribution(s) alone or by combination of their Contribution(s)
81+ with the Work to which such Contribution(s) was submitted. If You
82+ institute patent litigation against any entity (including a
83+ cross-claim or counterclaim in a lawsuit) alleging that the Work
84+ or a Contribution incorporated within the Work constitutes direct
85+ or contributory patent infringement, then any patent licenses
86+ granted to You under this License for that Work shall terminate
87+ as of the date such litigation is filed.
88+
89+4. Redistribution. You may reproduce and distribute copies of the
90+ Work or Derivative Works thereof in any medium, with or without
91+ modifications, and in Source or Object form, provided that You
92+ meet the following conditions:
93+
94+ (a) You must give any other recipients of the Work or
95+ Derivative Works a copy of this License; and
96+
97+ (b) You must cause any modified files to carry prominent notices
98+ stating that You changed the files; and
99+
100+ (c) You must retain, in the Source form of any Derivative Works
101+ that You distribute, all copyright, patent, trademark, and
102+ attribution notices from the Source form of the Work,
103+ excluding those notices that do not pertain to any part of
104+ the Derivative Works; and
105+
106+ (d) If the Work includes a "NOTICE" text file as part of its
107+ distribution, then any Derivative Works that You distribute must
108+ include a readable copy of the attribution notices contained
109+ within such NOTICE file, excluding those notices that do not
110+ pertain to any part of the Derivative Works, in at least one
111+ of the following places: within a NOTICE text file distributed
112+ as part of the Derivative Works; within the Source form or
113+ documentation, if provided along with the Derivative Works; or,
114+ within a display generated by the Derivative Works, if and
115+ wherever such third-party notices normally appear. The contents
116+ of the NOTICE file are for informational purposes only and
117+ do not modify the License. You may add Your own attribution
118+ notices within Derivative Works that You distribute, alongside
119+ or as an addendum to the NOTICE text from the Work, provided
120+ that such additional attribution notices cannot be construed
121+ as modifying the License.
122+
123+ You may add Your own copyright statement to Your modifications and
124+ may provide additional or different license terms and conditions
125+ for use, reproduction, or distribution of Your modifications, or
126+ for any such Derivative Works as a whole, provided Your use,
127+ reproduction, and distribution of the Work otherwise complies with
128+ the conditions stated in this License.
129+
130+5. Submission of Contributions. Unless You explicitly state otherwise,
131+ any Contribution intentionally submitted for inclusion in the Work
132+ by You to the Licensor shall be under the terms and conditions of
133+ this License, without any additional terms or conditions.
134+ Notwithstanding the above, nothing herein shall supersede or modify
135+ the terms of any separate license agreement you may have executed
136+ with Licensor regarding such Contributions.
137+
138+6. Trademarks. This License does not grant permission to use the trade
139+ names, trademarks, service marks, or product names of the Licensor,
140+ except as required for reasonable and customary use in describing the
141+ origin of the Work and reproducing the content of the NOTICE file.
142+
143+7. Disclaimer of Warranty. Unless required by applicable law or
144+ agreed to in writing, Licensor provides the Work (and each
145+ Contributor provides its Contributions) on an "AS IS" BASIS,
146+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147+ implied, including, without limitation, any warranties or conditions
148+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149+ PARTICULAR PURPOSE. You are solely responsible for determining the
150+ appropriateness of using or redistributing the Work and assume any
151+ risks associated with Your exercise of permissions under this License.
152+
153+8. Limitation of Liability. In no event and under no legal theory,
154+ whether in tort (including negligence), contract, or otherwise,
155+ unless required by applicable law (such as deliberate and grossly
156+ negligent acts) or agreed to in writing, shall any Contributor be
157+ liable to You for damages, including any direct, indirect, special,
158+ incidental, or consequential damages of any character arising as a
159+ result of this License or out of the use or inability to use the
160+ Work (including but not limited to damages for loss of goodwill,
161+ work stoppage, computer failure or malfunction, or any and all
162+ other commercial damages or losses), even if such Contributor
163+ has been advised of the possibility of such damages.
164+
165+9. Accepting Warranty or Additional Liability. While redistributing
166+ the Work or Derivative Works thereof, You may choose to offer,
167+ and charge a fee for, acceptance of support, warranty, indemnity,
168+ or other liability obligations and/or rights consistent with this
169+ License. However, in accepting such obligations, You may act only
170+ on Your own behalf and on Your sole responsibility, not on behalf
171+ of any other Contributor, and only if You agree to indemnify,
172+ defend, and hold each Contributor harmless for any liability
173+ incurred by, or claims asserted against, such Contributor by reason
174+ of your accepting any such warranty or additional liability.
175+
176+END OF TERMS AND CONDITIONS
177+
178+APPENDIX: How to apply the Apache License to your work.
179+
180+ To apply the Apache License to your work, attach the following
181+ boilerplate notice, with the fields enclosed by brackets "[]"
182+ replaced with your own identifying information. (Don't include
183+ the brackets!) The text should be enclosed in the appropriate
184+ comment syntax for the file format. We also recommend that a
185+ file or class name and description of purpose be included on the
186+ same "printed page" as the copyright notice for easier
187+ identification within third-party archives.
188+
189+Copyright [yyyy] [name of copyright owner]
190+
191+Licensed under the Apache License, Version 2.0 (the "License");
192+you may not use this file except in compliance with the License.
193+You may obtain a copy of the License at
194+
195+ http://www.apache.org/licenses/LICENSE-2.0
196+
197+Unless required by applicable law or agreed to in writing, software
198+distributed under the License is distributed on an "AS IS" BASIS,
199+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200+See the License for the specific language governing permissions and
201+limitations under the License.
examples/hello-world/LICENSE-MITnew file+25
@@ -0,0 +1,25 @@
1+Copyright (c) 2015 The Rust Project Developers
2+
3+Permission is hereby granted, free of charge, to any
4+person obtaining a copy of this software and associated
5+documentation files (the "Software"), to deal in the
6+Software without restriction, including without
7+limitation the rights to use, copy, modify, merge,
8+publish, distribute, sublicense, and/or sell copies of
9+the Software, and to permit persons to whom the Software
10+is furnished to do so, subject to the following
11+conditions:
12+
13+The above copyright notice and this permission notice
14+shall be included in all copies or substantial portions
15+of the Software.
16+
17+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
18+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
19+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
20+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
21+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
22+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
23+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
24+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
25+DEALINGS IN THE SOFTWARE.
examples/hello-world/README.md+1−1
@@ -9,7 +9,7 @@ See `src/lib.rs`.
99## Build
1010
1111```
12−wasm-pack build --target web
12+wasm-pack build --target no-modules
1313```
1414
1515## Serve
examples/hello-world/index.html+3−3
@@ -5,9 +5,9 @@
55 <title>Hello, World!</title>
66 </head>
77 <body>
8− <script type="module">
9− import init from "./pkg/dodrio_hello_world.js";
10− init("./pkg/dodrio_hello_world_bg.wasm");
8+ <script src="pkg/dodrio_hello_world.js"></script>
9+ <script>
10+ wasm_bindgen("pkg/dodrio_hello_world_bg.wasm");
1111 </script>
1212 </body>
1313</html>
examples/hello-world/src/lib.rs+21−12
@@ -1,20 +1,31 @@
1−use dodrio::{builder::*, bumpalo};
2−use dodrio::{Node, Render, RenderContext, Vdom};
1+use dodrio::bumpalo::Bump;
2+use dodrio::{Node, Render, Vdom};
33use wasm_bindgen::prelude::*;
44
55/// A rendering component that displays a greeting.
6−struct Hello {
6+struct Hello<'who> {
77 /// Who to greet.
8− who: String,
8+ who: &'who str,
99}
1010
1111// The `Render` implementation describes how to render a `Hello` component into
1212// HTML.
13−impl<'a> Render<'a> for Hello {
14− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
15− let msg = bumpalo::format!(in cx.bump, "Hello, {}!", self.who);
16− let msg = msg.into_bump_str();
17− p(&cx).children([text(msg)]).finish()
13+impl<'who> Render for Hello<'who> {
14+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
15+ where
16+ 'a: 'bump,
17+ {
18+ Node::element(
19+ bump,
20+ // The element's tag name. In this case a `<p>` element.
21+ "p",
22+ // Event listeners. Empty in this case.
23+ [],
24+ // Attributes. Again, empty in this case.
25+ [],
26+ // Child nodes.
27+ [Node::text("Hello, "), Node::text(self.who), Node::text("!")],
28+ )
1829 }
1930}
2031
@@ -29,9 +40,7 @@ pub fn run() {
2940 let body = document.body().unwrap_throw();
3041
3142 // Create a new `Hello` render component.
32− let component = Hello {
33− who: String::from("World"),
34− };
43+ let component = Hello { who: "World" };
3544
3645 // Create a virtual DOM and mount it and the `Hello` render component to the
3746 // `<body>`.
examples/input-form/.gitignorenew file+7
@@ -0,0 +1,7 @@
1+dist
2+node_modules
3+crate/bin
4+crate/pkg
5+crate/target
6+crate/wasm-pack.log
7+crate/Cargo.lock
examples/input-form/.travis.ymlnew file+11
@@ -0,0 +1,11 @@
1+language: rust
2+
3+install:
4+ - curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash
5+ - source ~/.nvm/nvm.sh
6+ - nvm install v10.5
7+ - curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -f
8+
9+script:
10+ - npm install
11+ - npm run build
examples/input-form/Cargo.toml+4−4
@@ -11,11 +11,11 @@ crate-type = ["cdylib"]
1111
1212[dependencies]
1313dodrio = { path = "../.." }
14−wasm-bindgen = "0.2.55"
15−console_error_panic_hook = "0.1.6"
14+wasm-bindgen = "0.2"
15+console_error_panic_hook = "0.1.1"
1616
1717[dependencies.web-sys]
18−version = "0.3.32"
18+version = "0.3.8"
1919features = [
2020 "console",
2121 "Document",
@@ -29,4 +29,4 @@ features = [
2929]
3030
3131[dev-dependencies]
32−wasm-bindgen-test = "0.3.5"
32+wasm-bindgen-test = "0.2"
examples/input-form/LICENSE-APACHEnew file+201
@@ -0,0 +1,201 @@
1+ Apache License
2+ Version 2.0, January 2004
3+ http://www.apache.org/licenses/
4+
5+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
6+
7+1. Definitions.
8+
9+ "License" shall mean the terms and conditions for use, reproduction,
10+ and distribution as defined by Sections 1 through 9 of this document.
11+
12+ "Licensor" shall mean the copyright owner or entity authorized by
13+ the copyright owner that is granting the License.
14+
15+ "Legal Entity" shall mean the union of the acting entity and all
16+ other entities that control, are controlled by, or are under common
17+ control with that entity. For the purposes of this definition,
18+ "control" means (i) the power, direct or indirect, to cause the
19+ direction or management of such entity, whether by contract or
20+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
21+ outstanding shares, or (iii) beneficial ownership of such entity.
22+
23+ "You" (or "Your") shall mean an individual or Legal Entity
24+ exercising permissions granted by this License.
25+
26+ "Source" form shall mean the preferred form for making modifications,
27+ including but not limited to software source code, documentation
28+ source, and configuration files.
29+
30+ "Object" form shall mean any form resulting from mechanical
31+ transformation or translation of a Source form, including but
32+ not limited to compiled object code, generated documentation,
33+ and conversions to other media types.
34+
35+ "Work" shall mean the work of authorship, whether in Source or
36+ Object form, made available under the License, as indicated by a
37+ copyright notice that is included in or attached to the work
38+ (an example is provided in the Appendix below).
39+
40+ "Derivative Works" shall mean any work, whether in Source or Object
41+ form, that is based on (or derived from) the Work and for which the
42+ editorial revisions, annotations, elaborations, or other modifications
43+ represent, as a whole, an original work of authorship. For the purposes
44+ of this License, Derivative Works shall not include works that remain
45+ separable from, or merely link (or bind by name) to the interfaces of,
46+ the Work and Derivative Works thereof.
47+
48+ "Contribution" shall mean any work of authorship, including
49+ the original version of the Work and any modifications or additions
50+ to that Work or Derivative Works thereof, that is intentionally
51+ submitted to Licensor for inclusion in the Work by the copyright owner
52+ or by an individual or Legal Entity authorized to submit on behalf of
53+ the copyright owner. For the purposes of this definition, "submitted"
54+ means any form of electronic, verbal, or written communication sent
55+ to the Licensor or its representatives, including but not limited to
56+ communication on electronic mailing lists, source code control systems,
57+ and issue tracking systems that are managed by, or on behalf of, the
58+ Licensor for the purpose of discussing and improving the Work, but
59+ excluding communication that is conspicuously marked or otherwise
60+ designated in writing by the copyright owner as "Not a Contribution."
61+
62+ "Contributor" shall mean Licensor and any individual or Legal Entity
63+ on behalf of whom a Contribution has been received by Licensor and
64+ subsequently incorporated within the Work.
65+
66+2. Grant of Copyright License. Subject to the terms and conditions of
67+ this License, each Contributor hereby grants to You a perpetual,
68+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
69+ copyright license to reproduce, prepare Derivative Works of,
70+ publicly display, publicly perform, sublicense, and distribute the
71+ Work and such Derivative Works in Source or Object form.
72+
73+3. Grant of Patent License. Subject to the terms and conditions of
74+ this License, each Contributor hereby grants to You a perpetual,
75+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
76+ (except as stated in this section) patent license to make, have made,
77+ use, offer to sell, sell, import, and otherwise transfer the Work,
78+ where such license applies only to those patent claims licensable
79+ by such Contributor that are necessarily infringed by their
80+ Contribution(s) alone or by combination of their Contribution(s)
81+ with the Work to which such Contribution(s) was submitted. If You
82+ institute patent litigation against any entity (including a
83+ cross-claim or counterclaim in a lawsuit) alleging that the Work
84+ or a Contribution incorporated within the Work constitutes direct
85+ or contributory patent infringement, then any patent licenses
86+ granted to You under this License for that Work shall terminate
87+ as of the date such litigation is filed.
88+
89+4. Redistribution. You may reproduce and distribute copies of the
90+ Work or Derivative Works thereof in any medium, with or without
91+ modifications, and in Source or Object form, provided that You
92+ meet the following conditions:
93+
94+ (a) You must give any other recipients of the Work or
95+ Derivative Works a copy of this License; and
96+
97+ (b) You must cause any modified files to carry prominent notices
98+ stating that You changed the files; and
99+
100+ (c) You must retain, in the Source form of any Derivative Works
101+ that You distribute, all copyright, patent, trademark, and
102+ attribution notices from the Source form of the Work,
103+ excluding those notices that do not pertain to any part of
104+ the Derivative Works; and
105+
106+ (d) If the Work includes a "NOTICE" text file as part of its
107+ distribution, then any Derivative Works that You distribute must
108+ include a readable copy of the attribution notices contained
109+ within such NOTICE file, excluding those notices that do not
110+ pertain to any part of the Derivative Works, in at least one
111+ of the following places: within a NOTICE text file distributed
112+ as part of the Derivative Works; within the Source form or
113+ documentation, if provided along with the Derivative Works; or,
114+ within a display generated by the Derivative Works, if and
115+ wherever such third-party notices normally appear. The contents
116+ of the NOTICE file are for informational purposes only and
117+ do not modify the License. You may add Your own attribution
118+ notices within Derivative Works that You distribute, alongside
119+ or as an addendum to the NOTICE text from the Work, provided
120+ that such additional attribution notices cannot be construed
121+ as modifying the License.
122+
123+ You may add Your own copyright statement to Your modifications and
124+ may provide additional or different license terms and conditions
125+ for use, reproduction, or distribution of Your modifications, or
126+ for any such Derivative Works as a whole, provided Your use,
127+ reproduction, and distribution of the Work otherwise complies with
128+ the conditions stated in this License.
129+
130+5. Submission of Contributions. Unless You explicitly state otherwise,
131+ any Contribution intentionally submitted for inclusion in the Work
132+ by You to the Licensor shall be under the terms and conditions of
133+ this License, without any additional terms or conditions.
134+ Notwithstanding the above, nothing herein shall supersede or modify
135+ the terms of any separate license agreement you may have executed
136+ with Licensor regarding such Contributions.
137+
138+6. Trademarks. This License does not grant permission to use the trade
139+ names, trademarks, service marks, or product names of the Licensor,
140+ except as required for reasonable and customary use in describing the
141+ origin of the Work and reproducing the content of the NOTICE file.
142+
143+7. Disclaimer of Warranty. Unless required by applicable law or
144+ agreed to in writing, Licensor provides the Work (and each
145+ Contributor provides its Contributions) on an "AS IS" BASIS,
146+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147+ implied, including, without limitation, any warranties or conditions
148+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149+ PARTICULAR PURPOSE. You are solely responsible for determining the
150+ appropriateness of using or redistributing the Work and assume any
151+ risks associated with Your exercise of permissions under this License.
152+
153+8. Limitation of Liability. In no event and under no legal theory,
154+ whether in tort (including negligence), contract, or otherwise,
155+ unless required by applicable law (such as deliberate and grossly
156+ negligent acts) or agreed to in writing, shall any Contributor be
157+ liable to You for damages, including any direct, indirect, special,
158+ incidental, or consequential damages of any character arising as a
159+ result of this License or out of the use or inability to use the
160+ Work (including but not limited to damages for loss of goodwill,
161+ work stoppage, computer failure or malfunction, or any and all
162+ other commercial damages or losses), even if such Contributor
163+ has been advised of the possibility of such damages.
164+
165+9. Accepting Warranty or Additional Liability. While redistributing
166+ the Work or Derivative Works thereof, You may choose to offer,
167+ and charge a fee for, acceptance of support, warranty, indemnity,
168+ or other liability obligations and/or rights consistent with this
169+ License. However, in accepting such obligations, You may act only
170+ on Your own behalf and on Your sole responsibility, not on behalf
171+ of any other Contributor, and only if You agree to indemnify,
172+ defend, and hold each Contributor harmless for any liability
173+ incurred by, or claims asserted against, such Contributor by reason
174+ of your accepting any such warranty or additional liability.
175+
176+END OF TERMS AND CONDITIONS
177+
178+APPENDIX: How to apply the Apache License to your work.
179+
180+ To apply the Apache License to your work, attach the following
181+ boilerplate notice, with the fields enclosed by brackets "[]"
182+ replaced with your own identifying information. (Don't include
183+ the brackets!) The text should be enclosed in the appropriate
184+ comment syntax for the file format. We also recommend that a
185+ file or class name and description of purpose be included on the
186+ same "printed page" as the copyright notice for easier
187+ identification within third-party archives.
188+
189+Copyright [yyyy] [name of copyright owner]
190+
191+Licensed under the Apache License, Version 2.0 (the "License");
192+you may not use this file except in compliance with the License.
193+You may obtain a copy of the License at
194+
195+ http://www.apache.org/licenses/LICENSE-2.0
196+
197+Unless required by applicable law or agreed to in writing, software
198+distributed under the License is distributed on an "AS IS" BASIS,
199+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200+See the License for the specific language governing permissions and
201+limitations under the License.
examples/input-form/LICENSE-MITnew file+25
@@ -0,0 +1,25 @@
1+Copyright (c) 2015 The Rust Project Developers
2+
3+Permission is hereby granted, free of charge, to any
4+person obtaining a copy of this software and associated
5+documentation files (the "Software"), to deal in the
6+Software without restriction, including without
7+limitation the rights to use, copy, modify, merge,
8+publish, distribute, sublicense, and/or sell copies of
9+the Software, and to permit persons to whom the Software
10+is furnished to do so, subject to the following
11+conditions:
12+
13+The above copyright notice and this permission notice
14+shall be included in all copies or substantial portions
15+of the Software.
16+
17+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
18+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
19+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
20+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
21+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
22+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
23+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
24+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
25+DEALINGS IN THE SOFTWARE.
examples/input-form/README.md+1−1
@@ -10,7 +10,7 @@ See `src/lib.rs`.
1010## Build
1111
1212```
13−wasm-pack build --target web
13+wasm-pack build --target no-modules
1414```
1515
1616## Serve
examples/input-form/index.html+3−3
@@ -5,9 +5,9 @@
55 <title>Input Form</title>
66 </head>
77 <body>
8− <script type="module">
9− import init from "./pkg/dodrio_input_form.js";
10− init("./pkg/dodrio_input_form_bg.wasm");
8+ <script src="pkg/dodrio_input_form.js"></script>
9+ <script>
10+ wasm_bindgen("pkg/dodrio_input_form_bg.wasm");
1111 </script>
1212 </body>
1313</html>
examples/input-form/src/lib.rs+42−32
@@ -1,4 +1,5 @@
1−use dodrio::{bumpalo, Node, Render, RenderContext};
1+use dodrio::bumpalo::{self, Bump};
2+use dodrio::{on, Attribute, Node, Render};
23use wasm_bindgen::prelude::*;
34use wasm_bindgen::JsCast;
45
@@ -23,40 +24,49 @@ impl SayHelloTo {
2324
2425// The `Render` implementation has a text `<input>` and a `<div>` that shows a
2526// greeting to the `<input>`'s value.
26−impl<'a> Render<'a> for SayHelloTo {
27− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
28− use dodrio::builder::*;
27+impl Render for SayHelloTo {
28+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> dodrio::Node<'bump>
29+ where
30+ 'a: 'bump,
31+ {
32+ let input = Node::element(
33+ bump,
34+ "input",
35+ [on(bump, "input", |root, vdom, event| {
36+ // If the event's target is our input...
37+ let input = match event
38+ .target()
39+ .and_then(|t| t.dyn_into::<web_sys::HtmlInputElement>().ok())
40+ {
41+ None => return,
42+ Some(input) => input,
43+ };
2944
30− div(&cx)
31− .children([
32− input(&cx)
33− .attr("type", "text")
34− .attr(
35− "value",
36− bumpalo::format!(in cx.bump, "{}", self.who).into_bump_str(),
37− )
38− .on("input", |root, vdom, event| {
39− // If the event's target is our input...
40− let input = match event
41− .target()
42− .and_then(|t| t.dyn_into::<web_sys::HtmlInputElement>().ok())
43− {
44− None => return,
45− Some(input) => input,
46− };
45+ // ...then get its value and update who we are greeting.
46+ let value = input.value();
47+ let hello = root.unwrap_mut::<SayHelloTo>();
48+ hello.set_who(value);
4749
48− // ...then get its value and update who we are greeting.
49− let value = input.value();
50− let hello = root.unwrap_mut::<SayHelloTo>();
51− hello.set_who(value);
50+ // Finally, re-render the component on the next animation frame.
51+ vdom.schedule_render();
52+ })],
53+ [
54+ Attribute {
55+ name: "type",
56+ value: "text",
57+ },
58+ Attribute {
59+ name: "value",
60+ value: &self.who,
61+ },
62+ ],
63+ [],
64+ );
5265
53− // Finally, re-render the component on the next animation frame.
54− vdom.schedule_render();
55− })
56− .finish(),
57− text(bumpalo::format!(in cx.bump, "Hello, {}!", self.who).into_bump_str()),
58− ])
59− .finish()
66+ let hello = bumpalo::format!(in bump, "Hello, {}!", self.who);
67+ let hello = Node::text(hello.into_bump_str());
68+
69+ Node::element(bump, "div", [], [], [input, hello])
6070 }
6171}
6272
examples/js-component/Cargo.tomldeleted−26
@@ -1,26 +0,0 @@
1−[package]
2−name = "dodrio-js-component"
3−version = "0.1.0"
4−authors = ["Nick Fitzgerald <fitzgen@gmail.com>"]
5−edition = "2018"
6−
7−[lib]
8−crate-type = ["cdylib"]
9−
10−[features]
11−
12−[dependencies]
13−dodrio = { path = "../.." }
14−dodrio-js-api = { path = "../../crates/js-api" }
15−wasm-bindgen = "0.2.55"
16−console_error_panic_hook = "0.1.6"
17−js-sys = "0.3.32"
18−
19−[dependencies.web-sys]
20−version = "0.3.32"
21−features = [
22− "Document",
23− "HtmlElement",
24− "Node",
25− "Window",
26−]
examples/js-component/README.mddeleted−23
@@ -1,23 +0,0 @@
1−# Defining a Rendering Component in JavaScript
2−
3−Heterogeneous Rust and JavaScript rendering component trees!
4−
5−## Source
6−
7−See `greeting.js` for the JavaScript code.
8−
9−See `src/lib.rs` for the Rust code.
10−
11−## Build
12−
13−```
14−wasm-pack build --target web
15−```
16−
17−## Serve
18−
19−Use any HTTP server, for example:
20−
21−```
22−python -m SimpleHTTPServer
23−```
examples/js-component/greeting.jsdeleted−41
@@ -1,41 +0,0 @@
1−// A rendering component defined in JavaScript!
2−class Greeting {
3− constructor(who) {
4− this.who = who;
5− }
6−
7− render() {
8− return {
9− tagName: "p",
10− attributes: [
11− {
12− name: "class",
13− value: "greeting",
14− },
15− ],
16− listeners: [
17− {
18− on: "click",
19− callback: this.onClick.bind(this),
20− }
21− ],
22− children: [
23− "Hello, ",
24− {
25− tagName: "strong",
26− children: [this.who],
27− }
28− ],
29− };
30− }
31−
32− async onClick(vdom, event) {
33− // Be more excited!
34− this.who += "!";
35−
36− // Schedule a re-render.
37− await vdom.render();
38−
39− console.log("re-rendering finished!");
40− }
41−}
examples/js-component/index.htmldeleted−14
@@ -1,14 +0,0 @@
1−<!DOCTYPE html>
2−<html>
3− <head>
4− <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
5− <title>A JavaScript component!</title>
6− </head>
7− <body>
8− <script src="greeting.js"></script>
9− <script type="module">
10− import init from "./pkg/dodrio_js_component.js";
11− init("./pkg/dodrio_js_component_bg.wasm");
12− </script>
13− </body>
14−</html>
examples/js-component/src/lib.rsdeleted−63
@@ -1,63 +0,0 @@
1−use dodrio::{Node, Render, RenderContext, Vdom};
2−use dodrio_js_api::JsRender;
3−use js_sys::Object;
4−use wasm_bindgen::prelude::*;
5−
6−#[wasm_bindgen]
7−extern "C" {
8− // Import the JS `Greeting` class.
9− #[wasm_bindgen(extends = Object)]
10− #[derive(Clone, Debug)]
11− type Greeting;
12−
13− // And the `Greeting` class's constructor.
14− #[wasm_bindgen(constructor)]
15− fn new(who: &str) -> Greeting;
16−}
17−
18−/// This is our Rust rendering component that wraps the JS rendering component.
19−pub struct GreetingViaJs {
20− js: JsRender,
21−}
22−
23−impl GreetingViaJs {
24− /// Create a new `GreetingViaJs`, which will internally create a new JS
25− /// `Greeting`.
26− pub fn new(who: &str) -> GreetingViaJs {
27− let js = JsRender::new(Greeting::new(who));
28− GreetingViaJs { js }
29− }
30−}
31−
32−/// Here's the `Render` implementation! This adds a `<p>` element and some text
33−/// around whatever the inner JS `Greeting` component renders.
34−impl<'a> Render<'a> for GreetingViaJs {
35− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
36− use dodrio::builder::*;
37− p(&cx)
38− .children([text("JavaScript says: "), self.js.render(cx)])
39− .finish()
40− }
41−}
42−
43−/// Finally our main initialization function that kicks everything off!
44−#[wasm_bindgen(start)]
45−pub fn run() {
46− // Set up the panic hook for debugging when things go wrong.
47− console_error_panic_hook::set_once();
48−
49− // Grab the document's `<body>`.
50− let window = web_sys::window().unwrap_throw();
51− let document = window.document().unwrap_throw();
52− let body = document.body().unwrap_throw();
53−
54− // Create a new `GreetingViaJs` render component.
55− let component = GreetingViaJs::new("World");
56−
57− // Create a virtual DOM and mount it and the `GreetingViaJs` render component to the
58− // `<body>`.
59− let vdom = Vdom::new(body.as_ref(), component);
60−
61− // Run the virtual DOM forever and don't unmount it.
62− vdom.forget();
63−}
examples/moire/Cargo.tomldeleted−43
@@ -1,43 +0,0 @@
1−[package]
2−name = "dodrio-moire"
3−version = "0.1.0"
4−authors = ["Nick Fitzgerald <fitzgen@gmail.com>"]
5−edition = "2018"
6−
7−[lib]
8−crate-type = ["cdylib"]
9−
10−[dependencies]
11−cfg-if = "0.1.10"
12−dodrio = { path = "../.." }
13−log = "0.4.11"
14−wasm-bindgen = "0.2.55"
15−wasm-bindgen-futures = "0.4.5"
16−
17−# Optional dependencies for logging.
18−console_error_panic_hook = { optional = true, version = "0.1.6" }
19−console_log = { optional = true, version = "0.2.0" }
20−js-sys = "0.3.32"
21−
22−[dependencies.web-sys]
23−version = "0.3.32"
24−features = [
25− "Document",
26− "Element",
27− "Event",
28− "EventTarget",
29− "HtmlElement",
30− "HtmlInputElement",
31− "Node",
32− "Performance",
33− "Window",
34−]
35−
36−[dev-dependencies]
37−wasm-bindgen-test = "0.3.5"
38−
39−[features]
40−logging = [
41− "console_log",
42− "console_error_panic_hook",
43−]
examples/moire/README.mddeleted−26
@@ -1,26 +0,0 @@
1−# Moiré Patterns!
2−
3−This was originally a demo meant to show off [WebRender][], and so the
4−performance bottleneck is painting, not DOM manipulation, but it looks cool
5−either way!
6−
7−[WebRender]: https://hacks.mozilla.org/2017/10/the-whole-web-at-maximum-fps-how-webrender-gets-rid-of-jank/
8−
9−## Source
10−
11−See `src/lib.rs` for the main bits, and `src/colors.rs` for HSV to RGB color
12−conversion and other color utilities.
13−
14−## Build
15−
16−```
17−wasm-pack build --target web
18−```
19−
20−## Serve
21−
22−Use any HTTP server, for example:
23−
24−```
25−python -m SimpleHTTPServer
26−```
examples/moire/index.htmldeleted−67
@@ -1,67 +0,0 @@
1−<!DOCTYPE html>
2−<html>
3− <head>
4− <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
5− <title>Moire patterns! Originally a WebRender demo</title>
6− <style>
7− main {
8− position: absolute;
9− top: 0;
10− left: 0;
11− right: 0;
12− bottom: 0;
13− overflow: hidden;
14− }
15− .circle {
16− border-radius: 50%;
17− position: absolute;
18− top: 50%;
19− left: 50%;
20− border-style: solid;
21− border-width: 3px;
22− }
23− .object {
24− position: absolute;
25− width: 100%;
26− height: 100%;
27− left: 0;
28− top: 0;
29− }
30− code {
31− position: relative;
32− font-size: 150%;
33− z-index: 10;
34− }
35− #circle-count {
36− position: absolute;
37− margin-top: 30px;
38− z-index: 2;
39− }
40− </style>
41− </head>
42− <body>
43− <code>FPS: <output id="fps"></code></code>
44− <div id="scene"></div>
45− <script type="module">
46− import init from "./pkg/dodrio_moire.js";
47− init("./pkg/dodrio_moire_bg.wasm");
48− </script>
49− <script>
50− let lastTime = 0
51− let frameCount = 0
52− const fps = document.getElementById('fps')
53− function updateFPS(time) {
54− frameCount++
55− if (lastTime + 1000.0 <= time) {
56− fps.textContent = frameCount
57− lastTime = time
58− frameCount = 0
59− }
60− }
61− requestAnimationFrame(function loop(now) {
62− updateFPS(now);
63− requestAnimationFrame(loop);
64− })
65− </script>
66− </body>
67−</html>
examples/moire/src/colors.rsdeleted−162
@@ -1,162 +0,0 @@
1−//! Color utility functions.
2−
3−use std::f64;
4−
5−/// An RGB color.
6−#[derive(Copy, Clone)]
7−pub struct Rgb {
8− pub r: u8,
9− pub g: u8,
10− pub b: u8,
11−}
12−
13−/// An HSV color.
14−#[derive(Copy, Clone)]
15−pub struct Hsv {
16− pub h: f64,
17− pub s: f64,
18− pub v: f64,
19−}
20−
21−/// Convert an RGB color into HSV.
22−impl From<Rgb> for Hsv {
23− fn from(Rgb { r, g, b }: Rgb) -> Hsv {
24− let r = r as f64 / 255.0;
25− let g = g as f64 / 255.0;
26− let b = b as f64 / 255.0;
27− let max = f64::max(f64::max(r, g), b);
28− let min = f64::min(f64::min(r, g), b);
29− let v = max;
30− let diff = v - min;
31− let mut h = 0.0;
32− let mut s = 0.0;
33− if diff != 0.0 {
34− s = diff / v;
35− let diffc = |c| (v - c) / 6.0 / diff + 1.0 / 2.0;
36− let rr = diffc(r);
37− let gg = diffc(g);
38− let bb = diffc(b);
39− if r == v {
40− h = bb - gg;
41− } else if g == v {
42− h = (1.0 / 3.0) + rr - bb;
43− } else if b == v {
44− h = (2.0 / 3.0) + gg - rr;
45− }
46− }
47− Hsv { h, s, v }
48− }
49−}
50−
51−/// Convert an HSV color into RGB.
52−impl From<Hsv> for Rgb {
53− fn from(Hsv { h, s, v }: Hsv) -> Rgb {
54− let i = (h * 6.0).floor();
55− let f = h * 6.0 - i;
56− let p = v * (1.0 - s);
57− let q = v * (1.0 - f * s);
58− let t = v * (1.0 - (1.0 - f) * s);
59− let r;
60− let g;
61− let b;
62− match i as u64 % 6 {
63− 0 => {
64− r = v;
65− g = t;
66− b = p;
67− }
68− 1 => {
69− r = q;
70− g = v;
71− b = p;
72− }
73− 2 => {
74− r = p;
75− g = v;
76− b = t;
77− }
78− 3 => {
79− r = p;
80− g = q;
81− b = v;
82− }
83− 4 => {
84− r = t;
85− g = p;
86− b = v;
87− }
88− 5 => {
89− r = v;
90− g = p;
91− b = q;
92− }
93− _ => wasm_bindgen::throw_str("impossible"),
94− }
95− let r = (r * 255.0).round() as u8;
96− let g = (g * 255.0).round() as u8;
97− let b = (b * 255.0).round() as u8;
98− Rgb { r, g, b }
99− }
100−}
101−
102−/// Linearly interpolate between two values.
103−fn lerp(a: f64, b: f64, t: f64) -> f64 {
104− a + (b - a) * t
105−}
106−
107−/// Clamp the `x` value to within the range `lo..hi`.
108−fn clamp(lo: f64, hi: f64, x: f64) -> f64 {
109− if x < lo {
110− lo
111− } else if x > hi {
112− hi
113− } else {
114− x
115− }
116−}
117−
118−/// Linearly interpolate two HSV colors and convert the result into RGB.
119−fn lerp_hsv_to_rgb(a: Hsv, b: Hsv, t: f64) -> Rgb {
120− let h = lerp(a.h, b.h, t);
121− let s = lerp(a.s, b.s, t);
122− let v = lerp(a.v, b.v, t);
123− let hsv = Hsv { h, s, v };
124− hsv.into()
125−}
126−
127−thread_local! {
128− static PALETTES: [(Hsv, Hsv); 3] = [
129− (
130− (Rgb { r: 0xfe, g: 0xf6, b: 0xdf }).into(),
131− (Rgb { r: 0x64, g: 0xc3, b: 0xc8 }).into(),
132− ),
133− (
134− (Rgb { r: 0xfc, g: 0xcf, b: 0x74 }).into(),
135− (Rgb { r: 0x41, g: 0x65, b: 0x7f }).into(),
136− ),
137− (
138− (Rgb { r: 0xd9, g: 0xe0, b: 0xe8 }).into(),
139− (Rgb { r: 0x94, g: 0x5d, b: 0x72 }).into(),
140− ),
141− ];
142−}
143−
144−/// Get a color from our color palette that is linearly interpolated based on
145−/// the `t` elapsed time value.
146−///
147−/// The `which` function allows callers to select whether they want the
148−/// foreground or background color.
149−pub fn get_interpolated_color<F>(mut which: F, t: f64) -> Rgb
150−where
151− F: FnMut((Hsv, Hsv)) -> Hsv,
152−{
153− PALETTES.with(|palettes| {
154− let t = t * (palettes.len() as f64);
155− let prev_index = t.floor() as usize % palettes.len();
156− let next_index = (prev_index + 1) % palettes.len();
157− let t = clamp(-0.5, 0.5, (t % 1.0 - 0.5) * 5.0) + 0.5;
158− let a = which(palettes[prev_index]);
159− let b = which(palettes[next_index]);
160− lerp_hsv_to_rgb(a, b, t)
161− })
162−}
examples/moire/src/lib.rsdeleted−259
@@ -1,259 +0,0 @@
1−mod colors;
2−
3−use cfg_if::cfg_if;
4−use dodrio::{bumpalo, Node, Render, RenderContext, Vdom};
5−use std::cell::RefCell;
6−use std::rc::Rc;
7−use std::str;
8−use wasm_bindgen::{prelude::*, JsCast};
9−
10−/// This is the main function that is automatically invoked when the wasm module
11−/// is loaded.
12−#[wasm_bindgen(start)]
13−pub fn run() {
14− // Set up the panic hook for debugging when things go wrong.
15− init_logging();
16−
17− // Grab the document's `<body>`.
18− let window = web_sys::window().unwrap_throw();
19− let document = window.document().unwrap_throw();
20− let scene = document.get_element_by_id("scene").unwrap_throw();
21−
22− // Create a new `Moire` render component.
23− let component = Moire::new();
24−
25− // Create a virtual DOM and mount it and the `Moire` render component to the
26− // scene.
27− let vdom = Vdom::new(&scene, component);
28−
29− // Kick off a loop that keeps re-rendering on every animation frame.
30− let rc = <Rc<RefCell<Option<Closure<dyn FnMut()>>>>>::default();
31− let rc2 = rc.clone();
32− let window2 = window.clone();
33− let weak = vdom.weak();
34− let f = Closure::wrap(Box::new(move || {
35− weak.schedule_render();
36− window
37− .request_animation_frame(
38− rc.borrow()
39− .as_ref()
40− .unwrap_throw()
41− .as_ref()
42− .unchecked_ref::<js_sys::Function>(),
43− )
44− .unwrap_throw();
45− }) as Box<dyn FnMut()>);
46− window2
47− .request_animation_frame(f.as_ref().unchecked_ref::<js_sys::Function>())
48− .unwrap_throw();
49− *rc2.borrow_mut() = Some(f);
50−
51− // Run the virtual DOM forever and don't unmount it.
52− vdom.forget();
53−}
54−
55−cfg_if! {
56− if #[cfg(feature = "logging")] {
57− fn init_logging() {
58− console_error_panic_hook::set_once();
59− console_log::init_with_level(log::Level::Trace)
60− .expect_throw("should initialize logging OK");
61− }
62− } else {
63− fn init_logging() {
64− // Do nothing.
65− }
66− }
67−}
68−
69−/// A rendering component that renders two overlapping sets of concentric
70−/// circles that move around and form Moiré patterns.
71−///
72−/// https://en.wikipedia.org/wiki/Moir%C3%A9_pattern
73−pub struct Moire {
74− // How many circles to render in each of our sets. This is controlled by the
75− // `<input>` slider.
76− count: u32,
77−}
78−
79−impl Moire {
80− /// Construct a new `Moire` rendering component.
81− ///
82− /// Defaults to 200 circles.
83− pub fn new() -> Moire {
84− Moire { count: 200 }
85− }
86−
87− /// Callback for "change" events emitted on the `<input>` slider that
88− /// controls how many circles we render on each frame.
89− fn on_change(&mut self, event: web_sys::Event) {
90− // Get the `<input>` element.
91− let input = event
92− .target()
93− .unwrap_throw()
94− .unchecked_into::<web_sys::HtmlInputElement>();
95−
96− // Parse its new value.
97− let value = input.value();
98− let value: u32 = value
99− .parse()
100− .expect_throw("<input type=\"range\"> value should always be an integer");
101−
102− // And update our circle count!
103− self.count = value;
104− }
105−}
106−
107−impl<'a> Render<'a> for Moire {
108− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
109− use dodrio::builder::*;
110−
111− let elapsed = web_sys::window()
112− .unwrap_throw()
113− .performance()
114− .unwrap_throw()
115− .now();
116− let elapsed = elapsed / 1600.0;
117−
118− main(&cx)
119− .attr("style", self.moire_style(cx, elapsed))
120− .children([
121− // The `<input>` that lets users control how many circles to
122− // render.
123− input(&cx)
124− .attr("id", "circle-count")
125− .attr("type", "range")
126− .attr("min", "30")
127− .attr("max", "500")
128− .attr("value", {
129− let count = bumpalo::format!(in cx.bump, "{}", self.count);
130− count.into_bump_str()
131− })
132− .on("change", |root, _vdom, event| {
133− root.unwrap_mut::<Moire>().on_change(event);
134−
135− // Note: there is no need to manually schedule a
136− // re-render here, since we already started a
137− // `requestAnimationFrame` loop that automatically
138− // re-renders on every frame in the `run` function.
139− })
140− .finish(),
141− // And the actual concentric circles that form the Moire patterns.
142− self.orbiting_objects(cx, elapsed),
143− self.lemniscate_objects(cx, elapsed),
144− ])
145− .finish()
146− }
147−}
148−
149−/// Rendering helper methods.
150−impl Moire {
151− /// Generate the main Moire element's inline CSS styles.
152− fn moire_style<'a>(&self, cx: &mut RenderContext<'a>, elapsed: f64) -> &'a str {
153− let elapsed = elapsed / 3.0;
154− let color = colors::get_interpolated_color(|(_, bg)| bg, elapsed % 1.0);
155− let style = bumpalo::format!(
156− in cx.bump,
157− "background-color: rgb({}, {}, {})",
158− color.r,
159− color.g,
160− color.b
161− );
162− style.into_bump_str()
163− }
164−
165− /// Generate the orbiting circle objects.
166− fn orbiting_objects<'a>(&self, cx: &mut RenderContext<'a>, elapsed: f64) -> Node<'a> {
167− const D: f64 = 200.0;
168− let x = elapsed.sin() * D;
169− let y = elapsed.cos() * D;
170− self.moving_object(cx, elapsed, x, y)
171− }
172−
173− /// Generate the lemniscate circle objects that interact with the orbiting
174− /// circle objects to form Moire patterns.
175− fn lemniscate_objects<'a>(&self, cx: &mut RenderContext<'a>, elapsed: f64) -> Node<'a> {
176− const A: f64 = 150.0;
177− let x = elapsed.sin() * A;
178− let y = elapsed.sin() * elapsed.cos() * A;
179− self.moving_object(cx, elapsed, x, y)
180− }
181−
182− fn moving_object<'a>(
183− &self,
184− cx: &mut RenderContext<'a>,
185− elapsed: f64,
186− x: f64,
187− y: f64,
188− ) -> Node<'a> {
189− use dodrio::builder::*;
190− div(&cx)
191− .attr("class", "object")
192− .attr("style", self.moving_object_style(cx, x, y))
193− .children([self.circle(cx, elapsed, self.count)])
194− .finish()
195− }
196−
197− /// Generate inline CSS styles for a moving object.
198− fn moving_object_style<'a>(&self, cx: &mut RenderContext<'a>, x: f64, y: f64) -> &'a str {
199− bumpalo::format!(in cx.bump, "left: {}px; top: {}px;", x, y).into_bump_str()
200− }
201−
202− /// Recursively generate `self.count` concentric circles.
203− fn circle<'a>(&self, cx: &mut RenderContext<'a>, elapsed: f64, n: u32) -> Node<'a> {
204− use dodrio::builder::*;
205−
206− let r = n * 16;
207−
208− let mut circle = div(&cx)
209− .attr("class", "circle")
210− .attr("data-radius", {
211− let r = bumpalo::format!(in cx.bump, "{}", r);
212− r.into_bump_str()
213− })
214− .attr("style", self.circle_style(cx, elapsed, n, r));
215−
216− if n > 0 {
217− circle = circle.child(self.circle(cx, elapsed, n - 1));
218− }
219−
220− circle.finish()
221− }
222−
223− /// Generate inline CSS styles for a circle.
224− fn circle_style<'a>(
225− &self,
226− cx: &mut RenderContext<'a>,
227− elapsed: f64,
228− n: u32,
229− r: u32,
230− ) -> &'a str {
231− let (border, alpha) = self.circle_color(elapsed, n);
232− let margin = r / 2 + 3;
233− let style = bumpalo::format!(
234− in cx.bump,
235− "border-color: rgba({}, {}, {}, {});\
236− margin-left: -{}px;\
237− margin-top: -{}px;\
238− width: {}px;\
239− height: {}px;",
240− border.r,
241− border.g,
242− border.b,
243− alpha,
244− margin,
245− margin,
246− r,
247− r
248− );
249− style.into_bump_str()
250− }
251−
252− /// Compute the color for a circle.
253− fn circle_color(&self, elapsed: f64, n: u32) -> (colors::Rgb, f64) {
254− let elapsed = elapsed / 3.0;
255− let base = colors::get_interpolated_color(|(fg, _)| fg, elapsed % 1.0);
256− let lightness = 1.0 - (n as f64) / (self.count as f64);
257− (base, lightness)
258− }
259−}
examples/sierpinski-triangle/Cargo.tomldeleted−28
@@ -1,28 +0,0 @@
1−[package]
2−name = "dodrio-sierpinski"
3−version = "0.1.0"
4−authors = ["Steven Seguin <steven.seguin@gmail.com>"]
5−edition = "2018"
6−
7−[lib]
8−crate-type = ["cdylib"]
9−
10−[dependencies]
11−dodrio = { path = "../.." }
12−wasm-bindgen = "0.2.55"
13−console_error_panic_hook = "0.1.6"
14−js-sys = "0.3.32"
15−wasm-bindgen-futures = "0.4.5"
16−
17−[dependencies.web-sys]
18−version = "0.3.32"
19−features = [
20− "Document",
21− "HtmlElement",
22− "Node",
23− "Performance",
24− "Window",
25−]
26−
27−[dev-dependencies]
28−wasm-bindgen-test = "0.3.5"
examples/sierpinski-triangle/README.mddeleted−24
@@ -1,24 +0,0 @@
1−# Sierpinski Triangle
2−
3−A Sierpinkski triangle that constantly shrinks and grows, and whose nodes have
4−a value that increments by one every second.
5−
6−Ported from the React Fiber example [here](https://github.com/claudiopro/react-fiber-vs-stack-demo).
7−
8−## Source
9−
10−See `src/lib.rs`.
11−
12−## Build
13−
14−```
15−wasm-pack build --target web
16−```
17−
18−## Serve
19−
20−Use any HTTP server, for example:
21−
22−```
23−python -m SimpleHTTPServer
24−```
examples/sierpinski-triangle/ferris.pngdeleted

Binary file not shown.

examples/sierpinski-triangle/index.htmldeleted−69
@@ -1,69 +0,0 @@
1−<!DOCTYPE html>
2−<html>
3−
4−<head>
5− <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
6− <title>Sierpinski Triangle</title>
7− <style>
8− .container {
9− position: absolute;
10− transform-origin: 0 0;
11− left: 50%;
12− top: 50%;
13− width: 10px;
14− height: 10px;
15− background: #eee;
16− }
17−
18− .dot {
19− position: absolute;
20− background: #61dafb;
21− font: normal 15px sans-serif;
22− text-align: center;
23− cursor: pointer;
24− }
25−
26− .dot:hover {
27− background: url("ferris.png") no-repeat center center;
28− z-index: 999;
29− }
30−
31− code {
32− position: relative;
33− font-size: 150%;
34− }
35− </style>
36−</head>
37−
38−<body>
39− <code>FPS: <output id="fps">...</output></code>
40− <div id="scene"></div>
41−
42− <script type="module">
43− import init from "./pkg/dodrio_sierpinski.js";
44− init("./pkg/dodrio_sierpinski_bg.wasm");
45− </script>
46−
47− <script>
48− let lastTime = 0;
49− let frameCount = 0;
50− const fps = document.getElementById('fps');
51−
52− function updateFPS(time) {
53− frameCount++;
54− if (lastTime + 1000.0 <= time) {
55− fps.textContent = frameCount;
56− lastTime = time;
57− frameCount = 0;
58− }
59− }
60−
61− requestAnimationFrame(function loop(now) {
62− updateFPS(now);
63− requestAnimationFrame(loop);
64− })
65−
66− </script>
67−</body>
68−
69−</html>
examples/sierpinski-triangle/src/lib.rsdeleted−157
@@ -1,157 +0,0 @@
1−use dodrio::{bumpalo, Node, Render, RenderContext, Vdom};
2−use std::cell::RefCell;
3−use std::rc::Rc;
4−use wasm_bindgen::{prelude::*, JsCast};
5−use web_sys::Window;
6−
7−// Triangle container defining target size.
8−struct Container {
9− size: f64,
10−}
11−
12−impl Container {
13− // Construct a new container.
14− pub fn new() -> Container {
15− Container { size: 25.0 }
16− }
17−
18− // Generate the container style to fluctuate triangle width.
19− fn container_transform<'a>(&self, cx: &mut RenderContext<'a>, elapsed: f64) -> &'a str {
20− let t = elapsed % 10.0;
21− let scale = 0.45 + (if t > 5.0 { 10.0 - t } else { t }) / 40.0;
22− let transform = bumpalo::format!(
23− in cx.bump,
24− "transform: scaleX({}) scaleY(0.7) translateZ(0.1px)",
25− scale
26− );
27− transform.into_bump_str()
28− }
29−
30− // Generate the dot's position on the grid.
31− fn dot_style<'a>(&self, cx: &mut RenderContext<'a>, x: f64, y: f64) -> &'a str {
32− let s = self.size * 1.3;
33− let radius = s / 2.0;
34− let styles = bumpalo::format!(
35− in cx.bump,
36− r#"
37− width: {}px;
38− height: {}px;
39− left: {}px;
40− top: {}px;
41− border-radius: {}px;
42− line-height: {}px;
43− "#,
44− s, s, x, y, radius, s
45− );
46− styles.into_bump_str()
47− }
48−
49− // Create a dot node.
50− fn dot<'a>(&self, cx: &mut RenderContext<'a>, x: f64, y: f64, content: u32) -> Node<'a> {
51− use dodrio::builder::{div, text};
52−
53− div(&cx)
54− .attr("class", "dot")
55− .attr("style", self.dot_style(cx, x, y))
56− .child(text(
57− bumpalo::format!(in cx.bump, "{}", content).into_bump_str(),
58− ))
59− .finish()
60− }
61−
62− // Create a flattened vector of dot nodes (arranged in recursive triangles)
63− fn triangle<'a>(
64− &self,
65− cx: &mut RenderContext<'a>,
66− x: f64,
67− y: f64,
68− s: f64,
69− content: u32,
70− children: &mut bumpalo::collections::Vec<Node<'a>>,
71− ) {
72− if s <= self.size {
73− children.push(self.dot(cx, x, y, content));
74− return;
75− }
76−
77− let s = s / 2.0;
78−
79− // Top of triangle
80− self.triangle(cx, x, y - (s / 2.0), s, content, children);
81− // Bottom-left of triangle
82− self.triangle(cx, x - s, y + (s / 2.0), s, content, children);
83− // Bottom-right of triangle
84− self.triangle(cx, x + s, y + (s / 2.0), s, content, children);
85− }
86−}
87−
88−impl<'a> Render<'a> for Container {
89− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
90− use dodrio::builder::div;
91−
92− let elapsed = web_sys::window()
93− .unwrap_throw()
94− .performance()
95− .unwrap_throw()
96− .now()
97− / 1000.0;
98−
99− let modulus = elapsed as u32 % 10;
100−
101− let mut children = bumpalo::collections::Vec::new_in(cx.bump);
102− self.triangle(cx, 0.0, 0.0, 1000.0, modulus, &mut children);
103−
104− div(&cx)
105− .attr("class", "container")
106− .attr("style", self.container_transform(cx, elapsed))
107− .children(children)
108− .finish()
109− }
110−}
111−
112−// Kick off a loop that keeps re-rendering on every animation frame.
113−fn animate(window: Window, vdom: Vdom) {
114− let rc = <Rc<RefCell<Option<Closure<dyn FnMut()>>>>>::default();
115− let rc2 = rc.clone();
116− let window2 = window.clone();
117− let weak = vdom.weak();
118− let f = Closure::wrap(Box::new(move || {
119− weak.schedule_render();
120− window
121− .request_animation_frame(
122− rc.borrow()
123− .as_ref()
124− .unwrap_throw()
125− .as_ref()
126− .unchecked_ref::<js_sys::Function>(),
127− )
128− .unwrap_throw();
129− }) as Box<dyn FnMut()>);
130− window2
131− .request_animation_frame(f.as_ref().unchecked_ref::<js_sys::Function>())
132− .unwrap_throw();
133− *rc2.borrow_mut() = Some(f);
134−
135− // Run the virtual DOM and its listeners forever.
136− vdom.forget();
137−}
138−
139−#[wasm_bindgen(start)]
140−pub fn run() {
141− // Set up the panic hook
142− console_error_panic_hook::set_once();
143−
144− // Get the scene element to render within
145− let window = web_sys::window().unwrap();
146− let document = window.document().unwrap();
147− let scene = document.get_element_by_id("scene").unwrap();
148−
149− // Construct a new Container component.
150− let container = Container::new();
151−
152− // Mount our container component to the scene div.
153− let vdom = Vdom::new(&scene, container);
154−
155− // Kick off animation loop
156− animate(window, vdom);
157−}
examples/todomvc/Cargo.toml+26−15
@@ -5,21 +5,32 @@ name = "dodrio-todomvc"
55version = "0.1.0"
66
77[dependencies]
8−cfg-if = "0.1.10"
9−dodrio = { path = "../..", features = ["serde"] }
10−js-sys = "0.3.32"
11−serde = { features = ["derive"], version = "1.0.114" }
12−serde_json = "1.0.57"
13−wasm-bindgen = "0.2.55"
14−wasm-bindgen-futures = "0.4.5"
15−
16−# Optional dependencies for logging.
17−console_error_panic_hook = { optional = true, version = "0.1.6" }
18−console_log = { optional = true, version = "0.2.0" }
19−log = { optional = true, version = "0.4.11" }
8+cfg-if = "0.1.6"
9+futures = "0.1"
10+serde_json = "1.0.38"
11+wasm-bindgen = "0.2"
12+wasm-bindgen-futures = "0.3"
13+
14+[dependencies.console_error_panic_hook]
15+optional = true
16+version = "0.1.1"
17+
18+[dependencies.console_log]
19+optional = true
20+version = "0.1.2"
21+
22+[dependencies.dodrio]
23+path = "../.."
24+
25+[dependencies.log]
26+optional = true
27+version = "0.4.6"
28+
29+[dependencies.serde]
30+features = ["derive"]
31+version = "1"
2032
2133[dependencies.web-sys]
22−version = "0.3.32"
2334features = [
2435 "Document",
2536 "Event",
@@ -32,15 +43,15 @@ features = [
3243 "Node",
3344 "Window",
3445]
46+version = "0.3.8"
3547
3648[dev-dependencies]
37−wasm-bindgen-test = "0.3.5"
49+wasm-bindgen-test = "0.2"
3850
3951[features]
4052logging = [
4153 "console_log",
4254 "console_error_panic_hook",
43− "log",
4455]
4556
4657[lib]
examples/todomvc/README.md+4−1
@@ -21,7 +21,10 @@ most important are:
2121## Build
2222
2323```
24−wasm-pack build --target web
24+# Get the TodoMVC CSS styles.
25+npm install
26+
27+wasm-pack build --target no-modules
2528```
2629
2730## Serve
examples/todomvc/css/app.cssnew file+8
@@ -0,0 +1,8 @@
1+/*
2+
3+app-template.css overrides
4+
5+remove this comment if used
6+remove this file if not
7+
8+*/
examples/todomvc/index.html+5−5
@@ -4,8 +4,8 @@
44 <meta charset="utf-8">
55 <meta name="viewport" content="width=device-width, initial-scale=1">
66 <title>dodrio • TodoMVC</title>
7− <link rel="stylesheet" href="https://unpkg.com/todomvc-common@^1.0.0/base.css">
8− <link rel="stylesheet" href="https://unpkg.com/todomvc-app-css@^2.0.0/index.css">
7+ <link rel="stylesheet" href="node_modules/todomvc-common/base.css">
8+ <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
99 </head>
1010 <body>
1111 <section class="todoapp">
@@ -13,9 +13,9 @@
1313 <footer class="info">
1414 <p>Double-click to edit a todo</p>
1515 </footer>
16− <script type="module">
17− import init from "./pkg/dodrio_todomvc.js";
18− init("./pkg/dodrio_todomvc_bg.wasm");
16+ <script src="pkg/dodrio_todomvc.js"></script>
17+ <script>
18+ wasm_bindgen("pkg/dodrio_todomvc_bg.wasm");
1919 </script>
2020 </body>
2121</html>
examples/todomvc/package-lock.jsonnew file+16
@@ -0,0 +1,16 @@
1+{
2+ "requires": true,
3+ "lockfileVersion": 1,
4+ "dependencies": {
5+ "todomvc-app-css": {
6+ "version": "2.1.2",
7+ "resolved": "https://registry.npmjs.org/todomvc-app-css/-/todomvc-app-css-2.1.2.tgz",
8+ "integrity": "sha512-WgXLWY4snfC7yBkpzFb6xRmUbB06NGuji6njCByte0byW2DUpmyhh32o4sCQ8HX/pTwm71huKQlFiKYxR/2iVQ=="
9+ },
10+ "todomvc-common": {
11+ "version": "1.0.5",
12+ "resolved": "https://registry.npmjs.org/todomvc-common/-/todomvc-common-1.0.5.tgz",
13+ "integrity": "sha512-D8kEJmxVMQIWwztEdH+WeiAfXRbbSCpgXq4NkYi+gduJ2tr8CNq7sYLfJvjpQ10KD9QxJwig57rvMbV2QAESwQ=="
14+ }
15+ }
16+}
examples/todomvc/package.jsonnew file+7
@@ -0,0 +1,7 @@
1+{
2+ "private": true,
3+ "dependencies": {
4+ "todomvc-app-css": "^2.0.0",
5+ "todomvc-common": "^1.0.0"
6+ }
7+}
examples/todomvc/src/controller.rs+68−84
@@ -6,7 +6,6 @@ use crate::todos::{Todos, TodosActions};
66use crate::visibility::Visibility;
77use dodrio::{RootRender, VdomWeak};
88use serde::{Deserialize, Serialize};
9−use std::ops::{Deref, DerefMut};
109
1110/// The controller for the TodoMVC app.
1211///
@@ -15,126 +14,111 @@ use std::ops::{Deref, DerefMut};
1514///
1615/// One could imagine alternative controller implementations with `*Actions`
1716/// trait implementations for (e.g.) testing that will assert various expected
18−/// action methods are called after rendering todo items and sending DOM events.
17+/// action methods are called after rendering TODO items and sending DOM events.
1918#[derive(Default, Deserialize, Serialize)]
2019pub struct Controller;
2120
21+/// Invoke `f` with the root `Todos` component, save the (likely just modified)
22+/// todos to local storage, and schedule a new `dodrio` render.
23+fn with_todos<F>(root: &mut dyn RootRender, vdom: VdomWeak, f: F)
24+where
25+ F: FnOnce(&mut Todos),
26+{
27+ let todos = root.unwrap_mut::<Todos>();
28+ f(todos);
29+ todos.save_to_local_storage();
30+ vdom.schedule_render();
31+}
32+
2233impl TodosActions for Controller {
2334 fn toggle_all(root: &mut dyn RootRender, vdom: VdomWeak) {
24− let mut todos = AutoCommitTodos::new(root, vdom);
25− let all_complete = todos.todos().iter().all(|t| t.is_complete());
26− for t in todos.todos_mut() {
27− t.set_complete(!all_complete);
28− }
35+ with_todos(root, vdom, |todos| {
36+ let all_complete = todos.todos().iter().all(|t| t.is_complete());
37+ for t in todos.todos_mut() {
38+ t.set_complete(!all_complete);
39+ }
40+ });
2941 }
3042
3143 fn update_draft(root: &mut dyn RootRender, vdom: VdomWeak, draft: String) {
32− let mut todos = AutoCommitTodos::new(root, vdom);
33− todos.set_draft(draft);
44+ with_todos(root, vdom, |todos| {
45+ todos.set_draft(draft);
46+ });
3447 }
3548
3649 fn finish_draft(root: &mut dyn RootRender, vdom: VdomWeak) {
37− let mut todos = AutoCommitTodos::new(root, vdom);
38− let title = todos.take_draft();
39− let title = title.trim();
40− if !title.is_empty() {
41− let id = todos.todos().len();
42− let new = Todo::new(id, title);
43− todos.add_todo(new);
44− }
50+ with_todos(root, vdom, |todos| {
51+ let title = todos.take_draft();
52+ let title = title.trim();
53+ if !title.is_empty() {
54+ let id = todos.todos().len();
55+ let new = Todo::new(id, title);
56+ todos.add_todo(new);
57+ }
58+ });
4559 }
4660
4761 fn change_visibility(root: &mut dyn RootRender, vdom: VdomWeak, vis: Visibility) {
48− let mut todos = AutoCommitTodos::new(root, vdom);
49− todos.set_visibility(vis);
62+ with_todos(root, vdom, |todos| {
63+ todos.set_visibility(vis);
64+ });
5065 }
5166
5267 fn delete_completed(root: &mut dyn RootRender, vdom: VdomWeak) {
53− let mut todos = AutoCommitTodos::new(root, vdom);
54− todos.delete_completed();
68+ with_todos(root, vdom, |todos| {
69+ todos.delete_completed();
70+ });
5571 }
5672}
5773
5874impl TodoActions for Controller {
5975 fn toggle_completed(root: &mut dyn RootRender, vdom: VdomWeak, id: usize) {
60− let mut todos = AutoCommitTodos::new(root, vdom);
61− let t = &mut todos.todos_mut()[id];
62− let completed = t.is_complete();
63− t.set_complete(!completed);
76+ with_todos(root, vdom, |todos| {
77+ let t = &mut todos.todos_mut()[id];
78+ let completed = t.is_complete();
79+ t.set_complete(!completed);
80+ });
6481 }
6582
6683 fn delete(root: &mut dyn RootRender, vdom: VdomWeak, id: usize) {
67− let mut todos = AutoCommitTodos::new(root, vdom);
68− todos.delete_todo(id);
84+ with_todos(root, vdom, |todos| {
85+ todos.delete_todo(id);
86+ });
6987 }
7088
7189 fn begin_editing(root: &mut dyn RootRender, vdom: VdomWeak, id: usize) {
72− let mut todos = AutoCommitTodos::new(root, vdom);
73− let t = &mut todos.todos_mut()[id];
74− let desc = t.title().to_string();
75− t.set_edits(Some(desc));
90+ with_todos(root, vdom, |todos| {
91+ let t = &mut todos.todos_mut()[id];
92+ let desc = t.title().to_string();
93+ t.set_edits(Some(desc));
94+ });
7695 }
7796
7897 fn update_edits(root: &mut dyn RootRender, vdom: VdomWeak, id: usize, edits: String) {
79− let mut todos = AutoCommitTodos::new(root, vdom);
80− let t = &mut todos.todos_mut()[id];
81− t.set_edits(Some(edits));
98+ with_todos(root, vdom, |todos| {
99+ let t = &mut todos.todos_mut()[id];
100+ t.set_edits(Some(edits));
101+ });
82102 }
83103
84104 fn finish_edits(root: &mut dyn RootRender, vdom: VdomWeak, id: usize) {
85− let mut todos = AutoCommitTodos::new(root, vdom);
86− let t = &mut todos.todos_mut()[id];
87− if let Some(edits) = t.take_edits() {
88− let edits = edits.trim();
89− if edits.is_empty() {
90− todos.delete_todo(id);
91− } else {
92− t.set_title(edits);
105+ with_todos(root, vdom, |todos| {
106+ let t = &mut todos.todos_mut()[id];
107+ if let Some(edits) = t.take_edits() {
108+ let edits = edits.trim();
109+ if edits.is_empty() {
110+ todos.delete_todo(id);
111+ } else {
112+ t.set_title(edits);
113+ }
93114 }
94− }
115+ });
95116 }
96117
97118 fn cancel_edits(root: &mut dyn RootRender, vdom: VdomWeak, id: usize) {
98− let mut todos = AutoCommitTodos::new(root, vdom);
99− let t = &mut todos.todos_mut()[id];
100− let _ = t.take_edits();
101− }
102−}
103−
104−/// An RAII type that dereferences to a `Todos` and once it is dropped, saves
105−/// the (presumably just modified) todos to local storage, and schedules a new
106−/// `dodrio` render.
107−pub struct AutoCommitTodos<'a> {
108− todos: &'a mut Todos,
109− vdom: VdomWeak,
110−}
111−
112−impl AutoCommitTodos<'_> {
113− /// Construct a new `AutoCommitTodos` from the root rendering component and
114− /// `vdom` handle.
115− pub fn new(root: &mut dyn RootRender, vdom: VdomWeak) -> AutoCommitTodos {
116− let todos = root.unwrap_mut::<Todos>();
117− AutoCommitTodos { todos, vdom }
118− }
119−}
120−
121−impl Drop for AutoCommitTodos<'_> {
122− fn drop(&mut self) {
123− self.todos.save_to_local_storage();
124− self.vdom.schedule_render();
125− }
126−}
127−
128−impl Deref for AutoCommitTodos<'_> {
129− type Target = Todos;
130−
131− fn deref(&self) -> &Todos {
132− &self.todos
133− }
134−}
135−
136−impl DerefMut for AutoCommitTodos<'_> {
137− fn deref_mut(&mut self) -> &mut Todos {
138− &mut self.todos
119+ with_todos(root, vdom, |todos| {
120+ let t = &mut todos.todos_mut()[id];
121+ let _ = t.take_edits();
122+ });
139123 }
140124}
examples/todomvc/src/lib.rs+9−10
@@ -10,9 +10,9 @@ pub mod todos;
1010pub mod utils;
1111pub mod visibility;
1212
13−use crate::controller::Controller;
14−use crate::todos::Todos;
13+use controller::Controller;
1514use dodrio::Vdom;
15+use todos::Todos;
1616use wasm_bindgen::prelude::*;
1717
1818/// Run the TodoMVC app!
@@ -20,15 +20,16 @@ use wasm_bindgen::prelude::*;
2020/// Since this is marked `#[wasm_bindgen(start)]` it is automatically invoked
2121/// once the wasm module instantiated on the Web page.
2222#[wasm_bindgen(start)]
23−pub fn run() -> Result<(), JsValue> {
23+pub fn run() {
2424 // Set up the logging for debugging if/when things go wrong.
2525 init_logging();
2626
27− // Grab the todo app container.
27+ // Grab the TODO app container.
2828 let document = utils::document();
2929 let container = document
30− .query_selector(".todoapp")?
31− .ok_or_else(|| js_sys::Error::new("could not find `.todoapp` container"))?;
30+ .query_selector(".todoapp")
31+ .unwrap_throw()
32+ .unwrap_throw();
3233
3334 // Create a new `Todos` render component.
3435 let todos = Todos::<Controller>::new();
@@ -41,16 +42,14 @@ pub fn run() -> Result<(), JsValue> {
4142
4243 // Run the virtual DOM forever and don't unmount it.
4344 vdom.forget();
44−
45− Ok(())
4645}
4746
4847cfg_if::cfg_if! {
4948 if #[cfg(feature = "logging")] {
5049 fn init_logging() {
50+ use log::*;
5151 console_error_panic_hook::set_once();
52− console_log::init_with_level(log::Level::Trace)
53− .expect_throw("should initialize logging OK");
52+ console_log::init_with_level(Level::Trace).expect_throw("should initialize logging OK");
5453 }
5554 } else {
5655 fn init_logging() {
examples/todomvc/src/router.rsmode 100755 → 100644+22−28
@@ -4,13 +4,15 @@ use crate::todos::Todos;
44use crate::utils;
55use crate::visibility::Visibility;
66use dodrio::VdomWeak;
7+use futures::prelude::*;
78use std::str::FromStr;
8−use wasm_bindgen::{prelude::*, JsCast};
9+use wasm_bindgen::prelude::*;
10+use wasm_bindgen::JsCast;
911
1012/// Start the router.
1113pub fn start(vdom: VdomWeak) {
1214 // Callback fired whenever the URL's hash fragment changes. Keeps the root
13− // todos collection's visibility in sync with the `#` fragment.
15+ // TODOs collection's visibility in sync with the `#` fragment.
1416 let on_hash_change = move || {
1517 let new_vis = utils::hash()
1618 .and_then(|hash| {
@@ -28,38 +30,30 @@ pub fn start(vdom: VdomWeak) {
2830 v
2931 });
3032
31− wasm_bindgen_futures::spawn_local({
32− let vdom = vdom.clone();
33− async move {
34− let _ = vdom
35− .with_component({
36− let vdom = vdom.clone();
37− move |root| {
38− let todos = root.unwrap_mut::<Todos>();
39− // If the todos' visibility already matches the event's
40− // visibility, then there is nothing to do (ha). If they
41− // don't match, then we need to update the todos' visibility
42− // and re-render.
43− if todos.visibility() != new_vis {
44− todos.set_visibility(new_vis);
45− vdom.schedule_render();
46− }
47− }
48− })
49− .await;
50− }
51− });
33+ wasm_bindgen_futures::spawn_local(
34+ vdom.with_component({
35+ let vdom = vdom.clone();
36+ move |root| {
37+ let todos = root.unwrap_mut::<Todos>();
38+ // If the todos' visibility already matches the event's
39+ // visibility, then there is nothing to do (ha). If they
40+ // don't match, then we need to update the todos' visibility
41+ // and re-render.
42+ if todos.visibility() != new_vis {
43+ todos.set_visibility(new_vis);
44+ vdom.schedule_render();
45+ }
46+ }
47+ })
48+ .map_err(|_| ()),
49+ );
5250 };
5351
5452 // Call it once to handle the initial `#` fragment.
5553 on_hash_change();
5654
5755 // Now listen for hash changes forever.
58− //
59− // Note that if we ever intended to unmount our todos app, we would want to
60− // provide a method for removing this router's event listener and cleaning
61− // up after ourselves.
62− let on_hash_change = Closure::wrap(Box::new(on_hash_change) as Box<dyn FnMut()>);
56+ let on_hash_change = Closure::wrap(Box::new(on_hash_change) as Box<FnMut()>);
6357 let window = utils::window();
6458 window
6559 .add_event_listener_with_callback("hashchange", on_hash_change.as_ref().unchecked_ref())
examples/todomvc/src/todo.rs+158−158
@@ -1,19 +1,14 @@
1−//! Type definition and `dodrio::Render` implementation for a single todo item.
1+//! Type definition and `dodrio::Render` implementation for a single TODO item.
22
33use crate::keys;
4−use dodrio::{Cached, Node, Render, RenderContext, RootRender, VdomWeak};
4+use dodrio::{bumpalo::Bump, on, Attribute, Node, Render, RootRender, VdomWeak};
55use serde::{Deserialize, Serialize};
66use std::marker::PhantomData;
77use wasm_bindgen::{prelude::*, JsCast};
88
9−/// A single todo item.
10−#[derive(Default)]
11−pub struct Todo<C> {
12− inner: Cached<TodoInner<C>>,
13−}
14−
9+/// A single TODO item.
1510#[derive(Serialize, Deserialize)]
16−struct TodoInner<C> {
11+pub struct Todo<C> {
1712 id: usize,
1813 title: String,
1914 completed: bool,
@@ -25,24 +20,24 @@ struct TodoInner<C> {
2520 _controller: PhantomData<C>,
2621}
2722
28−/// Actions on a single todo item that can be triggered from the UI.
23+/// Actions on a single TODO item that can be triggered from the UI.
2924pub trait TodoActions {
30− /// Toggle the completion state of the todo item with the given id.
25+ /// Toggle the completion state of the TODO item with the given id.
3126 fn toggle_completed(root: &mut dyn RootRender, vdom: VdomWeak, id: usize);
3227
33− /// Delete the todo item with the given id.
28+ /// Delete the TODO item with the given id.
3429 fn delete(root: &mut dyn RootRender, vdom: VdomWeak, id: usize);
3530
36− /// Begin editing the todo item with the given id.
31+ /// Begin editing the TODO item with the given id.
3732 fn begin_editing(root: &mut dyn RootRender, vdom: VdomWeak, id: usize);
3833
39− /// Update the edits for the todo with the given id.
34+ /// Update the edits for the TODO with the given id.
4035 fn update_edits(root: &mut dyn RootRender, vdom: VdomWeak, id: usize, edits: String);
4136
42− /// Finish editing the todo with the given id.
37+ /// Finish editing the TODO with the given id.
4338 fn finish_edits(root: &mut dyn RootRender, vdom: VdomWeak, id: usize);
4439
45− /// Cancel editing the todo with the given id.
40+ /// Cancel editing the TODO with the given id.
4641 fn cancel_edits(root: &mut dyn RootRender, vdom: VdomWeak, id: usize);
4742}
4843
@@ -53,177 +48,182 @@ impl<C> Todo<C> {
5348 let completed = false;
5449 let edits = None;
5550 Todo {
56− inner: Cached::new(TodoInner {
57− id,
58− title,
59− completed,
60− edits,
61− _controller: PhantomData,
62− }),
51+ id,
52+ title,
53+ completed,
54+ edits,
55+ _controller: PhantomData,
6356 }
6457 }
6558
66− /// Set this todo item's id.
59+ /// Set this TODO item's id.
6760 pub fn set_id(&mut self, id: usize) {
68− if id != self.inner.id {
69− Cached::invalidate(&self.inner);
70− }
71− self.inner.id = id;
61+ self.id = id;
7262 }
7363
7464 /// Is this `Todo` complete?
7565 pub fn is_complete(&self) -> bool {
76− self.inner.completed
66+ self.completed
7767 }
7868
7969 /// Mark the `Todo` as complete or not.
8070 pub fn set_complete(&mut self, to: bool) {
81− if to != self.inner.completed {
82− Cached::invalidate(&self.inner);
83− }
84− self.inner.completed = to;
71+ self.completed = to;
8572 }
8673
87− /// Get this todo's title.
74+ /// Get this TODO's title.
8875 pub fn title(&self) -> &str {
89− &self.inner.title
76+ &self.title
9077 }
9178
92− /// Set this todo item's title.
79+ /// Set this TODO item's title.
9380 pub fn set_title<S: Into<String>>(&mut self, title: S) {
94− let title = title.into();
95− if title != self.inner.title {
96− Cached::invalidate(&self.inner);
97− }
98− self.inner.title = title;
81+ self.title = title.into();
9982 }
10083
101− /// Set the edits for this todo.
84+ /// Set the edits for this TODO.
10285 pub fn set_edits<S: Into<String>>(&mut self, edits: Option<S>) {
103− let edits = edits.map(Into::into);
104− if edits != self.inner.edits {
105− Cached::invalidate(&self.inner);
106− }
107− self.inner.edits = edits;
86+ self.edits = edits.map(Into::into);
10887 }
10988
110− /// Take this todo's edits, leaving `None` in their place.
89+ /// Take this TODO's edits, leaving `None` in their place.
11190 pub fn take_edits(&mut self) -> Option<String> {
112− if self.inner.edits.is_some() {
113− Cached::invalidate(&self.inner);
114− }
115− self.inner.edits.take()
116− }
117−}
118−
119−impl<'a, C: TodoActions> Render<'a> for Todo<C> {
120− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
121− use dodrio::{
122− builder::*,
123− bumpalo::{self, collections::String},
124− };
125−
126− let id = self.inner.id;
127− let title = self.inner.edits.as_ref().unwrap_or(&self.inner.title);
128− let title = bumpalo::format!(in cx.bump, "{}", title).into_bump_str();
129−
130− li(&cx)
131− .attr("class", {
132− let mut class = String::new_in(cx.bump);
133− if self.inner.completed {
134− class.push_str("completed ");
135− }
136− if self.inner.edits.is_some() {
137− class.push_str("editing");
138− }
139− class.into_bump_str()
140− })
141− .children([
142− div(&cx)
143− .attr("class", "view")
144− .children([
145− input(&cx)
146− .attr("class", "toggle")
147− .attr("type", "checkbox")
148− .bool_attr("checked", self.inner.completed)
149− .on("click", move |root, vdom, _event| {
150− C::toggle_completed(root, vdom, id);
151− })
152− .finish(),
153− label(&cx)
154− .on("dblclick", move |root, vdom, _event| {
155− C::begin_editing(root, vdom, id);
156− })
157− .children([text(title)])
158− .finish(),
159− button(&cx)
160− .attr("class", "destroy")
161− .on("click", move |root, vdom, _event| {
162− C::delete(root, vdom, id);
163− })
164− .finish(),
165− ])
166− .finish(),
167− input(&cx)
168− .attr("class", "edit")
169− .attr("value", title)
170− .attr("name", "title")
171− .attr(
172− "id",
173− bumpalo::format!(in cx.bump, "todo-{}", id).into_bump_str(),
174− )
175− .on("input", move |root, vdom, event| {
176− let input = event
177− .target()
178− .unwrap_throw()
179− .unchecked_into::<web_sys::HtmlInputElement>();
180− C::update_edits(root, vdom, id, input.value());
181− })
182− .on("blur", move |root, vdom, _event| {
183− C::finish_edits(root, vdom, id);
184− })
185− .on("keydown", move |root, vdom, event| {
186− let event = event.unchecked_into::<web_sys::KeyboardEvent>();
187− match event.key_code() {
188− keys::ENTER => C::finish_edits(root, vdom, id),
189− keys::ESCAPE => C::cancel_edits(root, vdom, id),
190− _ => {}
191− }
192− })
193− .finish(),
194− ])
195− .finish()
91+ self.edits.take()
19692 }
19793}
19894
199−impl<C> Default for TodoInner<C> {
200− fn default() -> Self {
201− TodoInner {
202− id: Default::default(),
203− title: Default::default(),
204− completed: Default::default(),
205− edits: Default::default(),
206− _controller: PhantomData,
207− }
208− }
209−}
210−
211−impl<C> serde::Serialize for Todo<C> {
212− fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
95+impl<C: TodoActions> Render for Todo<C> {
96+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> dodrio::Node<'bump>
21397 where
214− S: serde::Serializer,
98+ 'a: 'bump,
21599 {
216− self.inner.serialize(serializer)
217− }
218−}
100+ use dodrio::bumpalo::{self, collections::String};
219101
220−impl<'de, C> Deserialize<'de> for Todo<C> {
221− fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
222− where
223− D: serde::Deserializer<'de>,
224− {
225− Ok(Todo {
226− inner: <Cached<TodoInner<C>>>::deserialize(deserializer)?,
227− })
102+ let mut class = String::new_in(bump);
103+ if self.completed {
104+ class.push_str("completed ");
105+ }
106+ if self.edits.is_some() {
107+ class.push_str("editing");
108+ }
109+
110+ let id = self.id;
111+ let title = self.edits.as_ref().unwrap_or(&self.title);
112+ let elem_id = bumpalo::format!(in bump, "todo-{}", id);
113+
114+ let mut input_attrs = bumpalo::vec![
115+ in bump;
116+ Attribute {
117+ name: "class",
118+ value: "toggle",
119+ },
120+ Attribute {
121+ name: "type",
122+ value: "checkbox",
123+ }
124+ ];
125+ if self.completed {
126+ input_attrs.push(Attribute {
127+ name: "checked",
128+ value: "",
129+ });
130+ }
131+ let input_attrs = input_attrs.into_bump_slice();
132+
133+ Node::element(
134+ bump,
135+ "li",
136+ [],
137+ [Attribute {
138+ name: "class",
139+ value: class.into_bump_str(),
140+ }],
141+ [
142+ Node::element(
143+ bump,
144+ "div",
145+ [],
146+ [Attribute {
147+ name: "class",
148+ value: "view",
149+ }],
150+ [
151+ Node::element(
152+ bump,
153+ "input",
154+ [on(bump, "click", move |root, vdom, _event| {
155+ C::toggle_completed(root, vdom, id);
156+ })],
157+ input_attrs,
158+ [],
159+ ),
160+ Node::element(
161+ bump,
162+ "label",
163+ [on(bump, "dblclick", move |root, vdom, _event| {
164+ C::begin_editing(root, vdom, id);
165+ })],
166+ [],
167+ [Node::text(title)],
168+ ),
169+ Node::element(
170+ bump,
171+ "button",
172+ [on(bump, "click", move |root, vdom, _event| {
173+ C::delete(root, vdom, id);
174+ })],
175+ [Attribute {
176+ name: "class",
177+ value: "destroy",
178+ }],
179+ [],
180+ ),
181+ ],
182+ ),
183+ Node::element(
184+ bump,
185+ "input",
186+ [
187+ on(bump, "input", move |root, vdom, event| {
188+ let input = event
189+ .target()
190+ .unwrap_throw()
191+ .unchecked_into::<web_sys::HtmlInputElement>();
192+ C::update_edits(root, vdom, id, input.value());
193+ }),
194+ on(bump, "blur", move |root, vdom, _event| {
195+ C::finish_edits(root, vdom, id);
196+ }),
197+ on(bump, "keydown", move |root, vdom, event| {
198+ let event = event.unchecked_into::<web_sys::KeyboardEvent>();
199+ match event.key_code() {
200+ keys::ENTER => C::finish_edits(root, vdom, id),
201+ keys::ESCAPE => C::cancel_edits(root, vdom, id),
202+ _ => {}
203+ }
204+ }),
205+ ],
206+ [
207+ Attribute {
208+ name: "class",
209+ value: "edit",
210+ },
211+ Attribute {
212+ name: "value",
213+ value: title,
214+ },
215+ Attribute {
216+ name: "name",
217+ value: "title",
218+ },
219+ Attribute {
220+ name: "id",
221+ value: elem_id.into_bump_str(),
222+ },
223+ ],
224+ [],
225+ ),
226+ ],
227+ )
228228 }
229229}
examples/todomvc/src/todos.rsmode 100755 → 100644+299−149
@@ -1,17 +1,21 @@
11//! Type definitions and `dodrio::Render` implementation for a collection of
2−//! todo items.
2+//! TODO items.
33
44use crate::controller::Controller;
55use crate::todo::{Todo, TodoActions};
66use crate::visibility::Visibility;
77use crate::{keys, utils};
8−use dodrio::{bumpalo, Node, Render, RenderContext, RootRender, VdomWeak};
8+use dodrio::{
9+ bumpalo::{self, Bump},
10+ on, Attribute, Node, Render, RootRender, VdomWeak,
11+};
912use serde::{Deserialize, Serialize};
1013use std::marker::PhantomData;
1114use std::mem;
12−use wasm_bindgen::{prelude::*, JsCast};
15+use wasm_bindgen::prelude::*;
16+use wasm_bindgen::JsCast;
1317
14−/// A collection of todos.
18+/// A collection of TODOs.
1519#[derive(Default, Serialize, Deserialize)]
1620#[serde(rename = "todos-dodrio", bound = "")]
1721pub struct Todos<C = Controller> {
@@ -28,28 +32,28 @@ pub struct Todos<C = Controller> {
2832}
2933
3034/// Actions for `Todos` that can be triggered by UI interactions.
31−pub trait TodosActions: 'static + TodoActions {
32− /// Toggle the completion state of all todo items.
35+pub trait TodosActions: TodoActions {
36+ /// Toggle the completion state of all TODO items.
3337 fn toggle_all(root: &mut dyn RootRender, vdom: VdomWeak);
3438
35− /// Update the draft todo item's text.
39+ /// Update the draft TODO item's text.
3640 fn update_draft(root: &mut dyn RootRender, vdom: VdomWeak, draft: String);
3741
38− /// Finish the current draft todo item and add it to the collection of
39− /// todos.
42+ /// Finish the current draft TODO item and add it to the collection of
43+ /// TODOs.
4044 fn finish_draft(root: &mut dyn RootRender, vdom: VdomWeak);
4145
42− /// Change the todo item visibility filtering to the given `Visibility`.
46+ /// Change the TODO item visibility filtering to the given `Visibility`.
4347 fn change_visibility(root: &mut dyn RootRender, vdom: VdomWeak, vis: Visibility);
4448
45− /// Delete all completed todo items.
49+ /// Delete all completed TODO items.
4650 fn delete_completed(root: &mut dyn RootRender, vdom: VdomWeak);
4751}
4852
4953impl<C> Todos<C> {
50− /// Construct a new todos set.
54+ /// Construct a new TODOs set.
5155 ///
52− /// If an existing set is available in local storage, then use that,
56+ /// If an existing set is available in local storage, then us that,
5357 /// otherwise create a new set.
5458 pub fn new() -> Self
5559 where
@@ -58,7 +62,7 @@ impl<C> Todos<C> {
5862 Self::from_local_storage().unwrap_or_default()
5963 }
6064
61− /// Deserialize a set of todos from local storage.
65+ /// Deserialize a set of TODOs from local storage.
6266 pub fn from_local_storage() -> Option<Self> {
6367 utils::local_storage()
6468 .get("todomvc-dodrio")
@@ -67,7 +71,7 @@ impl<C> Todos<C> {
6771 .and_then(|json| serde_json::from_str(&json).ok())
6872 }
6973
70− /// Serialize this set of todos to local storage.
74+ /// Serialize this set of TODOs to local storage.
7175 pub fn save_to_local_storage(&self) {
7276 let serialized = serde_json::to_string(self).unwrap_throw();
7377 utils::local_storage()
@@ -75,41 +79,41 @@ impl<C> Todos<C> {
7579 .unwrap_throw();
7680 }
7781
78− /// Add a new todo item to this collection.
82+ /// Add a new TODO item to this collection.
7983 pub fn add_todo(&mut self, todo: Todo<C>) {
8084 self.todos.push(todo);
8185 }
8286
83− /// Delete the todo with the given id.
87+ /// Delete the TODO with the given id.
8488 pub fn delete_todo(&mut self, id: usize) {
8589 self.todos.remove(id);
8690 self.fix_ids();
8791 }
8892
89− /// Delete all completed todo items.
93+ /// Delete all completed TODO items.
9094 pub fn delete_completed(&mut self) {
9195 self.todos.retain(|t| !t.is_complete());
9296 self.fix_ids();
9397 }
9498
95− // Fix all todo identifiers so that they match their index once again.
99+ // Fix all TODO identifiers so that they match their index once again.
96100 fn fix_ids(&mut self) {
97101 for (id, todo) in self.todos.iter_mut().enumerate() {
98102 todo.set_id(id);
99103 }
100104 }
101105
102− /// Get a shared slice of the underlying set of todo items.
106+ /// Get a shared slice of the underlying set of TODO items.
103107 pub fn todos(&self) -> &[Todo<C>] {
104108 &self.todos
105109 }
106110
107− /// Get an exclusive slice of the underlying set of todo items.
111+ /// Get an exclusive slice of the underlying set of TODO items.
108112 pub fn todos_mut(&mut self) -> &mut [Todo<C>] {
109113 &mut self.todos
110114 }
111115
112− /// Set the draft todo item text.
116+ /// Set the draft TODO item text.
113117 pub fn set_draft<S: Into<String>>(&mut self, draft: S) {
114118 self.draft = draft.into();
115119 }
@@ -119,12 +123,12 @@ impl<C> Todos<C> {
119123 mem::replace(&mut self.draft, String::new())
120124 }
121125
122− /// Get the current visibility for these todos.
126+ /// Get the current visibility for these TODOs.
123127 pub fn visibility(&self) -> Visibility {
124128 self.visibility
125129 }
126130
127− /// Set the visibility for these todoS.
131+ /// Set the visibility for these TODOS.
128132 pub fn set_visibility(&mut self, vis: Visibility) {
129133 self.visibility = vis;
130134 }
@@ -132,43 +136,69 @@ impl<C> Todos<C> {
132136
133137/// Rendering helpers.
134138impl<C: TodosActions> Todos<C> {
135− fn header<'a>(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
136− use dodrio::builder::*;
137−
138− header(&cx)
139− .attr("class", "header")
140− .children([
141− h1(&cx).children([text("todos")]).finish(),
142− input(&cx)
143− .on("input", |root, vdom, event| {
144− let input = event
145− .target()
146− .unwrap_throw()
147− .unchecked_into::<web_sys::HtmlInputElement>();
148− C::update_draft(root, vdom, input.value());
149− })
150− .on("keydown", |root, vdom, event| {
151− let event = event.unchecked_into::<web_sys::KeyboardEvent>();
152− if event.key_code() == keys::ENTER {
153− C::finish_draft(root, vdom);
154− }
155− })
156− .attr("class", "new-todo")
157− .attr("placeholder", "What needs to be done?")
158− .attr("autofocus", "")
159− .attr(
160− "value",
161− bumpalo::format!(in cx.bump, "{}", self.draft).into_bump_str(),
162− )
163− .finish(),
164− ])
165− .finish()
139+ fn header<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
140+ where
141+ 'a: 'bump,
142+ {
143+ Node::element(
144+ bump,
145+ "header",
146+ [],
147+ [Attribute {
148+ name: "class",
149+ value: "header",
150+ }],
151+ [
152+ Node::element(bump, "h1", [], [], [Node::text("todos")]),
153+ Node::element(
154+ bump,
155+ "input",
156+ [
157+ on(bump, "input", |root, vdom, event| {
158+ let input = event
159+ .target()
160+ .unwrap_throw()
161+ .unchecked_into::<web_sys::HtmlInputElement>();
162+ C::update_draft(root, vdom, input.value());
163+ }),
164+ on(bump, "keydown", |root, vdom, event| {
165+ let event = event.unchecked_into::<web_sys::KeyboardEvent>();
166+ if event.key_code() == keys::ENTER {
167+ C::finish_draft(root, vdom);
168+ }
169+ }),
170+ ],
171+ [
172+ Attribute {
173+ name: "class",
174+ value: "new-todo",
175+ },
176+ Attribute {
177+ name: "placeholder",
178+ value: "What needs to be done?",
179+ },
180+ Attribute {
181+ name: "autofocus",
182+ value: "",
183+ },
184+ Attribute {
185+ name: "value",
186+ value: &self.draft,
187+ },
188+ ],
189+ [],
190+ ),
191+ ],
192+ )
166193 }
167194
168− fn todos_list<'a>(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
169− use dodrio::{builder::*, bumpalo::collections::Vec};
195+ fn todos_list<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
196+ where
197+ 'a: 'bump,
198+ {
199+ use dodrio::bumpalo::collections::Vec;
170200
171− let mut todos = Vec::with_capacity_in(self.todos.len(), cx.bump);
201+ let mut todos = Vec::new_in(bump);
172202 todos.extend(
173203 self.todos
174204 .iter()
@@ -177,42 +207,93 @@ impl<C: TodosActions> Todos<C> {
177207 Visibility::Active => !t.is_complete(),
178208 Visibility::Completed => t.is_complete(),
179209 })
180− .map(|t| t.render(cx)),
210+ .map(|t| t.render(bump)),
181211 );
182−
183− section(&cx)
184− .attr("class", "main")
185− .attr(
186− "visibility",
187− if self.todos.is_empty() {
188− "hidden"
189− } else {
190− "visible"
212+ let todos = todos.into_bump_slice();
213+
214+ let mut input_attrs = bumpalo::vec![
215+ in bump;
216+ Attribute {
217+ name: "class",
218+ value: "toggle-all",
219+ },
220+ Attribute {
221+ name: "id",
222+ value: "toggle-all",
223+ },
224+ Attribute {
225+ name: "type",
226+ value: "checkbox",
227+ },
228+ Attribute {
229+ name: "name",
230+ value: "toggle",
231+ }
232+ ];
233+ if self.todos.iter().all(|t| t.is_complete()) {
234+ input_attrs.push(Attribute {
235+ name: "checked",
236+ value: "",
237+ });
238+ }
239+ let input_attrs = input_attrs.into_bump_slice();
240+
241+ Node::element(
242+ bump,
243+ "section",
244+ [],
245+ [
246+ Attribute {
247+ name: "class",
248+ value: "main",
191249 },
192− )
193− .children([
194− input(&cx)
195− .attr("class", "toggle-all")
196− .attr("id", "toggle-all")
197− .attr("type", "checkbox")
198− .attr("name", "toggle")
199− .bool_attr("checked", self.todos.iter().all(|t| t.is_complete()))
200− .on("click", |root, vdom, _event| {
250+ Attribute {
251+ name: "visibility",
252+ value: if self.todos.is_empty() {
253+ "hidden"
254+ } else {
255+ "visible"
256+ },
257+ },
258+ ],
259+ [
260+ Node::element(
261+ bump,
262+ "input",
263+ [on(bump, "click", |root, vdom, _event| {
201264 C::toggle_all(root, vdom);
202− })
203− .finish(),
204− label(&cx)
205− .attr("for", "toggle-all")
206− .children([text("Mark all as complete")])
207− .finish(),
208− ul(&cx).attr("class", "todo-list").children(todos).finish(),
209− ])
210− .finish()
265+ })],
266+ input_attrs,
267+ [],
268+ ),
269+ Node::element(
270+ bump,
271+ "label",
272+ [],
273+ [Attribute {
274+ name: "for",
275+ value: "toggle-all",
276+ }],
277+ [Node::text("Mark all as complete")],
278+ ),
279+ Node::element(
280+ bump,
281+ "ul",
282+ [],
283+ [Attribute {
284+ name: "class",
285+ value: "todo-list",
286+ }],
287+ todos,
288+ ),
289+ ],
290+ )
211291 }
212292
213− fn footer<'a>(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
214− use dodrio::builder::*;
215−
293+ fn footer<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
294+ where
295+ 'a: 'bump,
296+ {
216297 let completed_count = self.todos.iter().filter(|t| t.is_complete()).count();
217298 let incomplete_count = self.todos.len() - completed_count;
218299 let items_left = if incomplete_count == 1 {
@@ -220,81 +301,150 @@ impl<C: TodosActions> Todos<C> {
220301 } else {
221302 " items left"
222303 };
223− let incomplete_count = bumpalo::format!(in cx.bump, "{}", incomplete_count);
304+ let incomplete_count = bumpalo::format!(in bump, "{}", incomplete_count);
305+
306+ let attrs = if self.todos.is_empty() {
307+ &bump.alloc([
308+ Attribute {
309+ name: "class",
310+ value: "footer",
311+ },
312+ Attribute {
313+ name: "hidden",
314+ value: "",
315+ },
316+ ])[..]
317+ } else {
318+ &bump.alloc([Attribute {
319+ name: "class",
320+ value: "footer",
321+ }])[..]
322+ };
224323
225324 let clear_completed_text = bumpalo::format!(
226− in cx.bump,
325+ in bump,
227326 "Clear completed ({})",
228327 self.todos.iter().filter(|t| t.is_complete()).count()
229328 );
230329
231− footer(&cx)
232− .attr("class", "footer")
233− .bool_attr("hidden", self.todos.is_empty())
234− .children([
235− span(&cx)
236− .attr("class", "todo-count")
237− .children([
238− strong(&cx)
239− .children([text(incomplete_count.into_bump_str())])
240− .finish(),
241− text(items_left),
242− ])
243− .finish(),
244− ul(&cx)
245− .attr("class", "filters")
246− .children([
247− self.visibility_swap(cx, "#/", Visibility::All),
248− self.visibility_swap(cx, "#/active", Visibility::Active),
249− self.visibility_swap(cx, "#/completed", Visibility::Completed),
250− ])
251− .finish(),
252− button(&cx)
253− .on("click", |root, vdom, _event| {
330+ Node::element(
331+ bump,
332+ "footer",
333+ [],
334+ attrs,
335+ [
336+ Node::element(
337+ bump,
338+ "span",
339+ [],
340+ [Attribute {
341+ name: "class",
342+ value: "todo-count",
343+ }],
344+ [
345+ Node::element(
346+ bump,
347+ "strong",
348+ [],
349+ [],
350+ [Node::text(incomplete_count.into_bump_str())],
351+ ),
352+ Node::text(items_left),
353+ ],
354+ ),
355+ Node::element(
356+ bump,
357+ "ul",
358+ [],
359+ [Attribute {
360+ name: "class",
361+ value: "filters",
362+ }],
363+ [
364+ self.visibility_swap(bump, "#/", Visibility::All),
365+ self.visibility_swap(bump, "#/active", Visibility::Active),
366+ self.visibility_swap(bump, "#/completed", Visibility::Completed),
367+ ],
368+ ),
369+ Node::element(
370+ bump,
371+ "button",
372+ [on(bump, "click", |root, vdom, _event| {
254373 C::delete_completed(root, vdom);
255− })
256− .attr("class", "clear-completed")
257− .bool_attr("hidden", completed_count == 0)
258− .children([text(clear_completed_text.into_bump_str())])
259− .finish(),
260− ])
261− .finish()
374+ })],
375+ {
376+ let mut attrs = bumpalo::vec![
377+ in bump;
378+ Attribute {
379+ name: "class",
380+ value: "clear-completed",
381+ }
382+ ];
383+ if self.todos.iter().all(|t| !t.is_complete()) {
384+ attrs.push(Attribute {
385+ name: "hidden",
386+ value: "",
387+ });
388+ }
389+ attrs
390+ },
391+ [Node::text(clear_completed_text.into_bump_str())],
392+ ),
393+ ],
394+ )
262395 }
263396
264− fn visibility_swap<'a>(
265− &self,
266− cx: &mut RenderContext<'a>,
397+ fn visibility_swap<'a, 'bump>(
398+ &'a self,
399+ bump: &'bump Bump,
267400 url: &'static str,
268401 target_vis: Visibility,
269− ) -> Node<'a> {
270− use dodrio::builder::*;
271−
272− li(&cx)
273− .on("click", move |root, vdom, _event| {
402+ ) -> Node<'bump>
403+ where
404+ 'a: 'bump,
405+ {
406+ Node::element(
407+ bump,
408+ "li",
409+ [on(bump, "click", move |root, vdom, _event| {
274410 C::change_visibility(root, vdom, target_vis);
275− })
276− .children([a(&cx)
277− .attr("href", url)
278− .attr(
279− "class",
280− if self.visibility == target_vis {
281− "selected"
282− } else {
283− ""
411+ })],
412+ [],
413+ [Node::element(
414+ bump,
415+ "a",
416+ [],
417+ [
418+ Attribute {
419+ name: "href",
420+ value: url,
421+ },
422+ Attribute {
423+ name: "class",
424+ value: if self.visibility == target_vis {
425+ "selected"
426+ } else {
427+ ""
428+ },
284429 },
285− )
286− .children([text(target_vis.label())])
287− .finish()])
288− .finish()
430+ ],
431+ [Node::text(target_vis.label())],
432+ )],
433+ )
289434 }
290435}
291436
292−impl<'a, C: TodosActions> Render<'a> for Todos<C> {
293− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
294− use dodrio::builder::*;
295−
296− div(&cx)
297− .children([self.header(cx), self.todos_list(cx), self.footer(cx)])
298− .finish()
437+impl<C: TodosActions> Render for Todos<C> {
438+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
439+ where
440+ 'a: 'bump,
441+ {
442+ Node::element(
443+ bump,
444+ "div",
445+ [],
446+ [],
447+ [self.header(bump), self.todos_list(bump), self.footer(bump)],
448+ )
299449 }
300450}
examples/todomvc/src/visibility.rs+4−4
@@ -3,14 +3,14 @@
33use std::fmt;
44use std::str::FromStr;
55
6−/// The visibility filtering for todo items.
6+/// The visibility filtering for TODO items.
77#[derive(Clone, Copy, Eq, PartialEq)]
88pub enum Visibility {
9− /// Show all todos.
9+ /// Show all TODOs.
1010 All,
11− /// Show only active, incomplete todos.
11+ /// Show only active, incomplete TODOs.
1212 Active,
13− /// Show only inactive, completed todos.
13+ /// Show only inactive, completed TODOs.
1414 Completed,
1515}
1616
js/change-list-interpreter.jsdeleted−377
@@ -1,377 +0,0 @@
1−const decoder = new TextDecoder();
2−
3−function top(stack) {
4− return stack[stack.length - 1];
5−}
6−
7−function string(mem, pointer, length) {
8− const buf = mem.subarray(pointer, pointer + length);
9− return decoder.decode(buf);
10−}
11−
12−const OP_TABLE = [
13− // 0
14− function setText(interpreter, mem8, mem32, i) {
15− const pointer = mem32[i++];
16− const length = mem32[i++];
17− const str = string(mem8, pointer, length);
18− top(interpreter.stack).textContent = str;
19− return i;
20− },
21−
22− // 1
23− function removeSelfAndNextSiblings(interpreter, mem8, mem32, i) {
24− const node = interpreter.stack.pop();
25− let sibling = node.nextSibling;
26− while (sibling) {
27− const temp = sibling.nextSibling;
28− sibling.remove();
29− sibling = temp;
30− }
31− node.remove();
32− return i;
33− },
34−
35− // 2
36− function replaceWith(interpreter, mem8, mem32, i) {
37− const newNode = interpreter.stack.pop();
38− const oldNode = interpreter.stack.pop();
39− oldNode.replaceWith(newNode);
40− interpreter.stack.push(newNode);
41− return i;
42− },
43−
44− // 3
45− function setAttribute(interpreter, mem8, mem32, i) {
46− const nameId = mem32[i++];
47− const valueId = mem32[i++];
48− const name = interpreter.getCachedString(nameId);
49− const value = interpreter.getCachedString(valueId);
50− const node = top(interpreter.stack);
51− node.setAttribute(name, value);
52−
53− // Some attributes are "volatile" and don't work through `setAttribute`.
54− if (name === "value") {
55− node.value = value;
56− }
57− if (name === "checked") {
58− node.checked = true;
59− }
60− if (name === "selected") {
61− node.selected = true;
62− }
63−
64− return i;
65− },
66−
67− // 4
68− function removeAttribute(interpreter, mem8, mem32, i) {
69− const nameId = mem32[i++];
70− const name = interpreter.getCachedString(nameId);
71− const node = top(interpreter.stack);
72− node.removeAttribute(name);
73−
74− // Some attributes are "volatile" and don't work through `removeAttribute`.
75− if (name === "value") {
76− node.value = null;
77− }
78− if (name === "checked") {
79− node.checked = false;
80− }
81− if (name === "selected") {
82− node.selected = false;
83− }
84−
85− return i;
86− },
87−
88− // 5
89− function pushReverseChild(interpreter, mem8, mem32, i) {
90− const n = mem32[i++];
91− const parent = top(interpreter.stack);
92− const children = parent.childNodes;
93− const child = children[children.length - n - 1];
94− interpreter.stack.push(child);
95− return i;
96− },
97−
98− // 6
99− function popPushChild(interpreter, mem8, mem32, i) {
100− const n = mem32[i++];
101− interpreter.stack.pop();
102− const parent = top(interpreter.stack);
103− const children = parent.childNodes;
104− const child = children[n];
105− interpreter.stack.push(child);
106− return i;
107− },
108−
109− // 7
110− function pop(interpreter, mem8, mem32, i) {
111− interpreter.stack.pop();
112− return i;
113− },
114−
115− // 8
116− function appendChild(interpreter, mem8, mem32, i) {
117− const child = interpreter.stack.pop();
118− top(interpreter.stack).appendChild(child);
119− return i;
120− },
121−
122− // 9
123− function createTextNode(interpreter, mem8, mem32, i) {
124− const pointer = mem32[i++];
125− const length = mem32[i++];
126− const text = string(mem8, pointer, length);
127− interpreter.stack.push(document.createTextNode(text));
128− return i;
129− },
130−
131− // 10
132− function createElement(interpreter, mem8, mem32, i) {
133− const tagNameId = mem32[i++];
134− const tagName = interpreter.getCachedString(tagNameId);
135− interpreter.stack.push(document.createElement(tagName));
136− return i;
137− },
138−
139− // 11
140− function newEventListener(interpreter, mem8, mem32, i) {
141− const eventId = mem32[i++];
142− const eventType = interpreter.getCachedString(eventId);
143− const a = mem32[i++];
144− const b = mem32[i++];
145− const el = top(interpreter.stack);
146− el.addEventListener(eventType, interpreter.eventHandler);
147− el[`dodrio-a-${eventType}`] = a;
148− el[`dodrio-b-${eventType}`] = b;
149− return i;
150− },
151−
152− // 12
153− function updateEventListener(interpreter, mem8, mem32, i) {
154− const eventId = mem32[i++];
155− const eventType = interpreter.getCachedString(eventId);
156− const el = top(interpreter.stack);
157− el[`dodrio-a-${eventType}`] = mem32[i++];
158− el[`dodrio-b-${eventType}`] = mem32[i++];
159− return i;
160− },
161−
162− // 13
163− function removeEventListener(interpreter, mem8, mem32, i) {
164− const eventId = mem32[i++];
165− const eventType = interpreter.getCachedString(eventId);
166− const el = top(interpreter.stack);
167− el.removeEventListener(eventType, interpreter.eventHandler);
168− return i;
169− },
170−
171− // 14
172− function addCachedString(interpreter, mem8, mem32, i) {
173− const pointer = mem32[i++];
174− const length = mem32[i++];
175− const id = mem32[i++];
176− const str = string(mem8, pointer, length);
177− interpreter.addCachedString(str, id);
178− return i;
179− },
180−
181− // 15
182− function dropCachedString(interpreter, mem8, mem32, i) {
183− const id = mem32[i++];
184− interpreter.dropCachedString(id);
185− return i;
186− },
187−
188− // 16
189− function createElementNS(interpreter, mem8, mem32, i) {
190− const tagNameId = mem32[i++];
191− const tagName = interpreter.getCachedString(tagNameId);
192− const nsId = mem32[i++];
193− const ns = interpreter.getCachedString(nsId);
194− interpreter.stack.push(document.createElementNS(ns, tagName));
195− return i;
196− },
197−
198− // 17
199− function saveChildrenToTemporaries(interpreter, mem8, mem32, i) {
200− let temp = mem32[i++];
201− const start = mem32[i++];
202− const end = mem32[i++];
203− const parent = top(interpreter.stack);
204− const children = parent.childNodes;
205− for (let i = start; i < end; i++) {
206− interpreter.temporaries[temp++] = children[i];
207− }
208− return i;
209− },
210−
211− // 18
212− function pushChild(interpreter, mem8, mem32, i) {
213− const parent = top(interpreter.stack);
214− const n = mem32[i++];
215− const child = parent.childNodes[n];
216− interpreter.stack.push(child);
217− return i;
218− },
219−
220− // 19
221− function pushTemporary(interpreter, mem8, mem32, i) {
222− const temp = mem32[i++];
223− interpreter.stack.push(interpreter.temporaries[temp]);
224− return i;
225− },
226−
227− // 20
228− function insertBefore(interpreter, mem8, mem32, i) {
229− const before = interpreter.stack.pop();
230− const after = interpreter.stack.pop();
231− after.parentNode.insertBefore(before, after);
232− interpreter.stack.push(before);
233− return i;
234− },
235−
236− // 21
237− function popPushReverseChild(interpreter, mem8, mem32, i) {
238− const n = mem32[i++];
239− interpreter.stack.pop();
240− const parent = top(interpreter.stack);
241− const children = parent.childNodes;
242− const child = children[children.length - n - 1];
243− interpreter.stack.push(child);
244− return i;
245− },
246−
247− // 22
248− function removeChild(interpreter, mem8, mem32, i) {
249− const n = mem32[i++];
250− const parent = top(interpreter.stack);
251− const child = parent.childNodes[n];
252− child.remove();
253− return i;
254− },
255−
256− // 23
257− function setClass(interpreter, mem8, mem32, i) {
258− const classId = mem32[i++];
259− const className = interpreter.getCachedString(classId);
260− top(interpreter.stack).className = className;
261− return i;
262− },
263−
264− // 24
265− function saveTemplate(interpreter, mem8, mem32, i) {
266− const id = mem32[i++];
267− const template = top(interpreter.stack);
268− interpreter.saveTemplate(id, template.cloneNode(true));
269− return i;
270− },
271−
272− // 25
273− function pushTemplate(interpreter, mem8, mem32, i) {
274− const id = mem32[i++];
275− const template = interpreter.getTemplate(id);
276− interpreter.stack.push(template.cloneNode(true));
277− return i;
278− }
279−];
280−
281−export class ChangeListInterpreter {
282− constructor(container) {
283− this.trampoline = null;
284− this.container = container;
285− this.ranges = [];
286− this.stack = [];
287− this.strings = new Map();
288− this.temporaries = [];
289− this.templates = new Map();
290− }
291−
292− unmount() {
293− this.trampoline.mounted = false;
294−
295− // Null out all of our properties just to ensure that if we mistakenly ever
296− // call a method on this instance again, it will throw.
297− this.trampoline = null;
298− this.container = null;
299− this.ranges = null;
300− this.stack = null;
301− this.strings = null;
302− this.temporaries = null;
303− this.templates = null;
304− }
305−
306− addChangeListRange(start, len) {
307− this.ranges.push(start);
308− this.ranges.push(len);
309− }
310−
311− applyChanges(memory) {
312− if (this.ranges.length == 0) {
313− return;
314− }
315−
316− this.stack.push(this.container.firstChild);
317− const mem8 = new Uint8Array(memory.buffer);
318− const mem32 = new Uint32Array(memory.buffer);
319−
320− for (let i = 0; i < this.ranges.length; i += 2) {
321− const start = this.ranges[i];
322− const len = this.ranges[i + 1];
323− this.applyChangeRange(mem8, mem32, start, len);
324− }
325−
326− this.ranges.length = 0;
327− this.stack.length = 0;
328− this.temporaries.length = 0;
329− }
330−
331− applyChangeRange(mem8, mem32, start, len) {
332− const end = (start + len) / 4;
333− for (let i = start / 4; i < end; ) {
334− const op = mem32[i++];
335− i = OP_TABLE[op](this, mem8, mem32, i);
336− }
337− }
338−
339− addCachedString(str, id) {
340− this.strings.set(id, str);
341− }
342−
343− dropCachedString(id) {
344− this.strings.delete(id);
345− }
346−
347− getCachedString(id) {
348− return this.strings.get(id);
349− }
350−
351− saveTemplate(id, template) {
352− this.templates.set(id, template);
353− }
354−
355− getTemplate(id) {
356− return this.templates.get(id);
357− }
358−
359− initEventsTrampoline(trampoline) {
360− this.trampoline = trampoline;
361− trampoline.mounted = true;
362− this.eventHandler = function(event) {
363− if (!trampoline.mounted) {
364− throw new Error("invocation of listener after VDOM has been unmounted");
365− }
366−
367− // `this` always refers to the element the handler was added to.
368− // Since we're adding the handler to all elements our content wants
369− // to listen for events on, this ensures that we always get the right
370− // values for `a` and `b`.
371− const type = event.type;
372− const a = this[`dodrio-a-${type}`];
373− const b = this[`dodrio-b-${type}`];
374− trampoline(event, a, b);
375− }
376− }
377−}
js/change-list.jsnew file+257
@@ -0,0 +1,257 @@
1+const decoder = new TextDecoder();
2+
3+function top(stack) {
4+ return stack[stack.length - 1];
5+}
6+
7+function string(mem, pointer, length) {
8+ const buf = mem.subarray(pointer, pointer + length);
9+ return decoder.decode(buf);
10+}
11+
12+const OP_TABLE = [
13+ // 0
14+ function setText(changeList, mem8, mem32, i) {
15+ const pointer = mem32[i++];
16+ const length = mem32[i++];
17+ const str = string(mem8, pointer, length);
18+ top(changeList.stack).textContent = str;
19+ return i;
20+ },
21+
22+ // 1
23+ function removeSelfAndNextSiblings(changeList, mem8, mem32, i) {
24+ const node = changeList.stack.pop();
25+ let sibling = node.nextSibling;
26+ while (sibling) {
27+ const temp = sibling.nextSibling;
28+ sibling.remove();
29+ sibling = temp;
30+ }
31+ node.remove();
32+ return i;
33+ },
34+
35+ // 2
36+ function replaceWith(changeList, mem8, mem32, i) {
37+ const newNode = changeList.stack.pop();
38+ const oldNode = changeList.stack.pop();
39+ oldNode.replaceWith(newNode);
40+ changeList.stack.push(newNode);
41+ return i;
42+ },
43+
44+ // 3
45+ function setAttribute(changeList, mem8, mem32, i) {
46+ const pointer1 = mem32[i++];
47+ const length1 = mem32[i++];
48+ const name = string(mem8, pointer1, length1);
49+ const pointer2 = mem32[i++];
50+ const length2 = mem32[i++];
51+ const value = string(mem8, pointer2, length2);
52+ const node = top(changeList.stack);
53+ node.setAttribute(name, value);
54+
55+ // Some attributes are "volatile" and don't work through `setAttribute`.
56+ if (name === "value") {
57+ node.value = value;
58+ }
59+ if (name === "checked") {
60+ node.checked = true;
61+ }
62+ if (name === "selected") {
63+ node.selected = true;
64+ }
65+
66+ return i;
67+ },
68+
69+ // 4
70+ function removeAttribute(changeList, mem8, mem32, i) {
71+ const pointer = mem32[i++];
72+ const length = mem32[i++];
73+ const name = string(mem8, pointer, length);
74+ const node = top(changeList.stack);
75+ node.removeAttribute(name);
76+
77+ // Some attributes are "volatile" and don't work through `removeAttribute`.
78+ if (name === "value") {
79+ node.value = null;
80+ }
81+ if (name === "checked") {
82+ node.checked = false;
83+ }
84+ if (name === "selected") {
85+ node.selected = false;
86+ }
87+
88+ return i;
89+ },
90+
91+ // 5
92+ function pushFirstChild(changeList, mem8, mem32, i) {
93+ changeList.stack.push(top(changeList.stack).firstChild);
94+ return i;
95+ },
96+
97+ // 6
98+ function popPushNextSibling(changeList, mem8, mem32, i) {
99+ const node = changeList.stack.pop();
100+ changeList.stack.push(node.nextSibling);
101+ return i;
102+ },
103+
104+ // 7
105+ function pop(changeList, mem8, mem32, i) {
106+ changeList.stack.pop();
107+ return i;
108+ },
109+
110+ // 8
111+ function appendChild(changeList, mem8, mem32, i) {
112+ const child = changeList.stack.pop();
113+ top(changeList.stack).appendChild(child);
114+ return i;
115+ },
116+
117+ // 9
118+ function createTextNode(changeList, mem8, mem32, i) {
119+ const pointer = mem32[i++];
120+ const length = mem32[i++];
121+ const text = string(mem8, pointer, length);
122+ changeList.stack.push(document.createTextNode(text));
123+ return i;
124+ },
125+
126+ // 10
127+ function createElement(changeList, mem8, mem32, i) {
128+ const pointer = mem32[i++];
129+ const length = mem32[i++];
130+ const tagName = string(mem8, pointer, length);
131+ changeList.stack.push(document.createElement(tagName));
132+ return i;
133+ },
134+
135+ // 11
136+ function newEventListener(changeList, mem8, mem32, i) {
137+ const pointer = mem32[i++];
138+ const length = mem32[i++];
139+ const eventType = string(mem8, pointer, length);
140+ const a = mem32[i++];
141+ const b = mem32[i++];
142+ const el = top(changeList.stack);
143+ const listener = new Listener(a, b, eventType, changeList.eventsTrampoline, el);
144+ changeList.listeners.add(listener);
145+ el.addEventListener(eventType, listener.callback);
146+ el[`dodrio-${eventType}`] = listener;
147+ return i;
148+ },
149+
150+ // 12
151+ function updateEventListener(changeList, mem8, mem32, i) {
152+ const pointer = mem32[i++];
153+ const length = mem32[i++];
154+ const eventType = string(mem8, pointer, length);
155+ const el = top(changeList.stack);
156+ const listener = el[`dodrio-${eventType}`];
157+ listener.a = mem32[i++];
158+ listener.b = mem32[i++];
159+ return i;
160+ },
161+
162+ // 13
163+ function removeEventListener(changeList, mem8, mem32, i) {
164+ const pointer = mem32[i++];
165+ const length = mem32[i++];
166+ const eventType = string(mem8, pointer, length);
167+ const el = top(changeList.stack);
168+ const listener = el[`dodrio-${eventType}`];
169+ el.removeEventListener(eventType, listener.callback);
170+ changeList.listeners.delete(listener);
171+ return i;
172+ }
173+];
174+
175+class Listener {
176+ constructor(a, b, eventType, trampoline, el) {
177+ this.a = a;
178+ this.b = b;
179+ this.eventType = eventType;
180+ this.trampoline = trampoline;
181+ this.el = el;
182+ this.callback = this.callback.bind(this);
183+ }
184+
185+ callback(event) {
186+ this.trampoline(event, this.a, this.b);
187+ }
188+}
189+
190+// export
191+class ChangeList {
192+ constructor(container) {
193+ this.listeners = new Set();
194+ this.trampoline = null;
195+ this.container = container;
196+ this.ranges = [];
197+ this.stack = [];
198+ }
199+
200+ unmount() {
201+ for (const listener of this.listeners) {
202+ listener.el.removeEventListener(listener.eventType, listener.callback);
203+ listener.trampoline = () => {
204+ throw new Error("invocation of listener after it has been removed");
205+ };
206+ listener.a = 0;
207+ listener.b = 0;
208+ }
209+
210+ // Null out all of our properties just to ensure that if we mistakenly ever
211+ // call a method on this instance again, it will throw.
212+ this.listeners = null;
213+ this.trampoline = null;
214+ this.container = null;
215+ this.ranges = null;
216+ this.stack = null;
217+ }
218+
219+ addChangeListRange(start, len) {
220+ this.ranges.push(start);
221+ this.ranges.push(len);
222+ }
223+
224+ applyChanges(memory) {
225+ if (this.ranges.length == 0) {
226+ return;
227+ }
228+
229+ this.stack.push(this.container.firstChild);
230+ const mem8 = new Uint8Array(memory.buffer);
231+ const mem32 = new Uint32Array(memory.buffer);
232+
233+ for (let i = 0; i < this.ranges.length; i += 2) {
234+ const start = this.ranges[i];
235+ const len = this.ranges[i + 1];
236+ this.applyChangeRange(mem8, mem32, start, len);
237+ }
238+
239+ this.ranges.length = 0;
240+ this.stack.length = 0;
241+ }
242+
243+ applyChangeRange(mem8, mem32, start, len) {
244+ const end = (start + len) / 4;
245+ for (let i = start / 4; i < end; ) {
246+ const op = mem32[i++];
247+ i = OP_TABLE[op](this, mem8, mem32, i);
248+ }
249+ }
250+
251+ initEventsTrampoline(trampoline) {
252+ this.eventsTrampoline = (...args) => {
253+ trampoline(...args);
254+ };
255+ }
256+}
257+window.ChangeList = ChangeList;
js/package-lock.jsonnew file+5
@@ -0,0 +1,5 @@
1+{
2+ "name": "dodrio",
3+ "version": "0.1.0",
4+ "lockfileVersion": 1
5+}
js/package.jsonnew file+11
@@ -0,0 +1,11 @@
1+{
2+ "name": "dodrio",
3+ "version": "0.1.0",
4+ "description": "Dodrio",
5+ "main": "dodrio.js",
6+ "scripts": {
7+ "test": "echo \"Error: no test specified\" && exit 1"
8+ },
9+ "author": "Nick Fitzgerald <fitzgen@gmail.com>",
10+ "license": "MPL-2.0"
11+}
js/strace.jsdeleted−80
@@ -1,80 +0,0 @@
1−export function initStrace() {
2− instrumentAll(Element.prototype);
3− instrumentAll(Document.prototype);
4− instrumentAll(Node.prototype);
5− instrumentAll(EventTarget.prototype);
6−}
7−
8−const counts = new Map;
9−counts.total = 0;
10−
11−let timer = null;
12−
13−function log(ctorName, kind, key) {
14− counts.total += 1;
15−
16− const entry = `${kind} ${ctorName}#${key}`
17− const count = counts.get(entry);
18− if (count === undefined) {
19− counts.set(entry, 1);
20− } else {
21− counts.set(entry, count + 1);
22− }
23−
24− if (timer !== null) {
25− clearTimeout(timer);
26− }
27− timer = setTimeout(dumpAndReset, 100);
28−}
29−
30−function dumpAndReset() {
31− const data = [...counts]
32− .sort((a, b) => b[1] - a[1])
33− .map(a => ({ "DOM Method": a[0], "Count": a[1] }));
34−
35− data.push({ "DOM Method": "<total>", "Count": counts.total });
36−
37− console.table(data, ["DOM Method", "Count"]);
38−
39− counts.clear();
40− counts.total = 0;
41−}
42−
43−function instrument(proto, key, desc) {
44− const ctorName = proto.constructor.name;
45−
46− if (typeof desc.value == "function") {
47− const f = desc.value;
48− desc.value = function (...args) {
49− log(ctorName, "call", key);
50− return f.apply(this, args);
51− };
52− }
53−
54− if (typeof desc.get == "function") {
55− const get = desc.get;
56− desc.get = function (...args) {
57− log(ctorName, "get", key);
58− return get.apply(this, args);
59− };
60− }
61−
62− if (typeof desc.set == "function") {
63− const set = desc.set;
64− desc.set = function (...args) {
65− log(ctorName, "set", key);
66− return set.apply(this, args);
67− };
68− }
69−
70− Object.defineProperty(proto, key, desc);
71−}
72−
73−function instrumentAll(proto) {
74− for (const key of Object.keys(proto)) {
75− const desc = Object.getOwnPropertyDescriptor(proto, key);
76− if (desc.configurable) {
77− instrument(proto, key, desc);
78− }
79− }
80−}
publish.shdeleted−11
@@ -1,11 +0,0 @@
1−#!/usr/bin/env bash
2−
3−set -ex
4−
5−cd "$(dirname "$0")"
6−
7−cd crates/js-api
8−cargo publish --no-verify $PUBLISH_FLAGS
9−cd ../..
10−
11−cargo publish $PUBLISH_FLAGS
src/builder.rsdeleted−1075
@@ -1,1075 +0,0 @@
1−//! Helpers for building virtual DOM nodes.
2−
3−use crate::{node::NodeKey, Attribute, Listener, Node, RootRender, VdomWeak};
4−use bumpalo::Bump;
5−
6−/// A virtual DOM element builder.
7−///
8−/// Typically constructed with element-specific constructors, eg the `div`
9−/// function for building `<div>` elements or the `button` function for building
10−/// `<button>` elements.
11−#[derive(Clone, Debug)]
12−pub struct ElementBuilder<'a, Listeners, Attributes, Children>
13−where
14− Listeners: 'a + AsRef<[Listener<'a>]>,
15− Attributes: 'a + AsRef<[Attribute<'a>]>,
16− Children: 'a + AsRef<[Node<'a>]>,
17−{
18− bump: &'a Bump,
19− key: NodeKey,
20− tag_name: &'a str,
21− listeners: Listeners,
22− attributes: Attributes,
23− children: Children,
24− namespace: Option<&'a str>,
25−}
26−
27−impl<'a>
28− ElementBuilder<
29− 'a,
30− bumpalo::collections::Vec<'a, Listener<'a>>,
31− bumpalo::collections::Vec<'a, Attribute<'a>>,
32− bumpalo::collections::Vec<'a, Node<'a>>,
33− >
34−{
35− /// Create a new `ElementBuilder` for an element with the given tag name.
36− ///
37− /// In general, only use this constructor if the tag is dynamic (i.e. you
38− /// might build a `<div>` or you might build a `<span>` and you don't know
39− /// until runtime). Prefer using the tag-specific constructors instead:
40− /// `div(bump)` or `span(bump)`, etc.
41− ///
42− /// # Example
43− ///
44− /// ```
45− /// use dodrio::{builder::*, bumpalo::Bump};
46− ///
47− /// let b = Bump::new();
48− ///
49− /// let tag_name = if flip_coin() {
50− /// "div"
51− /// } else {
52− /// "span"
53− /// };
54− ///
55− /// let my_element_builder = ElementBuilder::new(&b, tag_name);
56− /// # fn flip_coin() -> bool { true }
57− /// ```
58− pub fn new<B>(bump: B, tag_name: &'a str) -> Self
59− where
60− B: Into<&'a Bump>,
61− {
62− let bump = bump.into();
63− ElementBuilder {
64− bump,
65− key: NodeKey::NONE,
66− tag_name,
67− listeners: bumpalo::collections::Vec::new_in(bump),
68− attributes: bumpalo::collections::Vec::new_in(bump),
69− children: bumpalo::collections::Vec::new_in(bump),
70− namespace: None,
71− }
72− }
73−}
74−
75−impl<'a, Listeners, Attributes, Children> ElementBuilder<'a, Listeners, Attributes, Children>
76−where
77− Listeners: 'a + AsRef<[Listener<'a>]>,
78− Attributes: 'a + AsRef<[Attribute<'a>]>,
79− Children: 'a + AsRef<[Node<'a>]>,
80−{
81− /// Set the listeners for this element.
82− ///
83− /// You can use this method to customize the backing storage for listeners,
84− /// for example to use a fixed-size array instead of the default
85− /// dynamically-sized `bumpalo::collections::Vec`.
86− ///
87− /// Any listeners already added to the builder will be overridden.
88− ///
89− /// # Example
90− ///
91− /// ```no_run
92− /// use dodrio::{builder::*, bumpalo::Bump};
93− ///
94− /// let b = Bump::new();
95− ///
96− /// // Create a `<div>` with a fixed-size array of two listeners.
97− /// let my_div = div(&b)
98− /// .listeners([
99− /// on(&b, "click", |root, vdom, event| {
100− /// // ...
101− /// }),
102− /// on(&b, "dblclick", |root, vdom, event| {
103− /// // ...
104− /// }),
105− /// ])
106− /// .finish();
107− /// ```
108− #[inline]
109− pub fn listeners<L>(self, listeners: L) -> ElementBuilder<'a, L, Attributes, Children>
110− where
111− L: 'a + AsRef<[Listener<'a>]>,
112− {
113− ElementBuilder {
114− bump: self.bump,
115− key: self.key,
116− tag_name: self.tag_name,
117− listeners,
118− attributes: self.attributes,
119− children: self.children,
120− namespace: self.namespace,
121− }
122− }
123−
124− /// Set the attributes for this element.
125− ///
126− /// You can use this method to customize the backing storage for attributes,
127− /// for example to use a fixed-size array instead of the default
128− /// dynamically-sized `bumpalo::collections::Vec`.
129− ///
130− /// Any attributes already added to the builder will be overridden.
131− ///
132− /// # Example
133− ///
134− /// ```no_run
135− /// use dodrio::{builder::*, bumpalo::Bump, Attribute};
136− ///
137− /// let b = Bump::new();
138− ///
139− /// // Create a `<div>` with a fixed-size array of two attributes.
140− /// let my_div = div(&b)
141− /// .attributes([
142− /// attr("id", "my-div"),
143− /// attr("class", "notification"),
144− /// ])
145− /// .finish();
146− /// ```
147− #[inline]
148− pub fn attributes<A>(self, attributes: A) -> ElementBuilder<'a, Listeners, A, Children>
149− where
150− A: 'a + AsRef<[Attribute<'a>]>,
151− {
152− ElementBuilder {
153− bump: self.bump,
154− key: self.key,
155− tag_name: self.tag_name,
156− listeners: self.listeners,
157− attributes,
158− children: self.children,
159− namespace: self.namespace,
160− }
161− }
162−
163− /// Set the children for this element.
164− ///
165− /// You can use this method to customize the backing storage for children,
166− /// for example to use a fixed-size array instead of the default
167− /// dynamically-sized `bumpalo::collections::Vec`.
168− ///
169− /// Any children already added to the builder will be overridden.
170− ///
171− /// # Example
172− ///
173− /// ```no_run
174− /// use dodrio::{builder::*, bumpalo::Bump};
175− ///
176− /// let b = Bump::new();
177− ///
178− /// // Create a `<div>` with a fixed-size array of two `<span>` children.
179− /// let my_div = div(&b)
180− /// .children([
181− /// span(&b).finish(),
182− /// span(&b).finish(),
183− /// ])
184− /// .finish();
185− /// ```
186− #[inline]
187− pub fn children<C>(self, children: C) -> ElementBuilder<'a, Listeners, Attributes, C>
188− where
189− C: 'a + AsRef<[Node<'a>]>,
190− {
191− ElementBuilder {
192− bump: self.bump,
193− key: self.key,
194− tag_name: self.tag_name,
195− listeners: self.listeners,
196− attributes: self.attributes,
197− children,
198− namespace: self.namespace,
199− }
200− }
201−
202− /// Set the namespace for this element.
203− ///
204− /// # Example
205− ///
206− /// ```no_run
207− /// use dodrio::{builder::*, bumpalo::Bump};
208− ///
209− /// let b = Bump::new();
210− ///
211− /// // Create a `<td>` tag with an xhtml namespace
212− /// let my_td = td(&b)
213− /// .namespace(Some("http://www.w3.org/1999/xhtml"))
214− /// .finish();
215− /// ```
216− #[inline]
217− pub fn namespace(self, namespace: Option<&'a str>) -> Self {
218− ElementBuilder {
219− bump: self.bump,
220− key: self.key,
221− tag_name: self.tag_name,
222− listeners: self.listeners,
223− attributes: self.attributes,
224− children: self.children,
225− namespace,
226− }
227− }
228−
229− /// Set this element's key.
230− ///
231− /// When diffing sets of siblings, if an old sibling and new sibling share a
232− /// key, then they will always reuse the same physical DOM node. This is
233− /// important when using CSS animations, web components, third party JS, or
234− /// anything else that makes the diffing implementation observable.
235− ///
236− /// Do not use keys if such a scenario does not apply. Keyed diffing is
237− /// generally more expensive than not, since it is putting greater
238− /// constraints on the diffing algorithm.
239− ///
240− /// # Invariants You Must Uphold
241− ///
242− /// The key may not be `u32::MAX`, which is a reserved key value.
243− ///
244− /// Keys must be unique among siblings.
245− ///
246− /// All sibling nodes must be keyed, or they must all not be keyed. You may
247− /// not mix keyed and unkeyed siblings.
248− ///
249− /// # Example
250− ///
251− /// ```no_run
252− /// use dodrio::{builder::*, bumpalo::Bump};
253− ///
254− /// let b = Bump::new();
255− ///
256− /// let my_li = li(&b)
257− /// .key(1337)
258− /// .finish();
259− /// ```
260− #[inline]
261− pub fn key(mut self, key: u32) -> Self {
262− use std::u32;
263− debug_assert!(key != u32::MAX);
264− self.key = NodeKey(key);
265− self
266− }
267−
268− /// Create the virtual DOM node described by this builder.
269− ///
270− /// # Example
271− ///
272− /// ```no_run
273− /// use dodrio::{builder::*, bumpalo::Bump, Node};
274− ///
275− /// let b = Bump::new();
276− ///
277− /// // Start with a builder...
278− /// let builder: ElementBuilder<_, _, _> = div(&b);
279− ///
280− /// // ...and finish it to create a virtual DOM node!
281− /// let my_div: Node = builder.finish();
282− /// ```
283− #[inline]
284− pub fn finish(self) -> Node<'a> {
285− let children: &'a Children = self.bump.alloc(self.children);
286− let children: &'a [Node<'a>] = children.as_ref();
287−
288− let listeners: &'a Listeners = self.bump.alloc(self.listeners);
289− let listeners: &'a [Listener<'a>] = listeners.as_ref();
290−
291− let attributes: &'a Attributes = self.bump.alloc(self.attributes);
292− let attributes: &'a [Attribute<'a>] = attributes.as_ref();
293−
294− Node::element(
295− self.bump,
296− self.key,
297− self.tag_name,
298− listeners,
299− attributes,
300− children,
301− self.namespace,
302− )
303− }
304−}
305−
306−impl<'a, Attributes, Children>
307− ElementBuilder<'a, bumpalo::collections::Vec<'a, Listener<'a>>, Attributes, Children>
308−where
309− Attributes: 'a + AsRef<[Attribute<'a>]>,
310− Children: 'a + AsRef<[Node<'a>]>,
311−{
312− /// Add a new event listener to this element.
313− ///
314− /// The `event` string specifies which event will be listened for. The
315− /// `callback` function is the function that will be invoked if the
316− /// specified event occurs.
317− ///
318− /// # Example
319− ///
320− /// ```no_run
321− /// use dodrio::{builder::*, bumpalo::Bump};
322− ///
323− /// let b = Bump::new();
324− ///
325− /// // A button that does something when clicked!
326− /// let my_button = button(&b)
327− /// .on("click", |root, vdom, event| {
328− /// // ...
329− /// })
330− /// .finish();
331− /// ```
332− #[inline]
333− pub fn on<F>(mut self, event: &'a str, callback: F) -> Self
334− where
335− F: 'static + Fn(&mut dyn RootRender, VdomWeak, web_sys::Event),
336− {
337− self.listeners.push(Listener {
338− event,
339− callback: self.bump.alloc(callback),
340− });
341− self
342− }
343−}
344−
345−impl<'a, Listeners, Children>
346− ElementBuilder<'a, Listeners, bumpalo::collections::Vec<'a, Attribute<'a>>, Children>
347−where
348− Listeners: 'a + AsRef<[Listener<'a>]>,
349− Children: 'a + AsRef<[Node<'a>]>,
350−{
351− /// Add a new attribute to this element.
352− ///
353− /// # Example
354− ///
355− /// ```no_run
356− /// use dodrio::{builder::*, bumpalo::Bump};
357− ///
358− /// let b = Bump::new();
359− ///
360− /// // Create the `<div id="my-div"/>` element.
361− /// let my_div = div(&b).attr("id", "my-div").finish();
362− /// ```
363− #[inline]
364− pub fn attr(mut self, name: &'a str, value: &'a str) -> Self {
365− self.attributes.push(Attribute { name, value });
366− self
367− }
368−
369− /// Conditionally add a "boolean-style" attribute to this element.
370− ///
371− /// If the `should_add` parameter is true, then adds an attribute with the
372− /// given `name` and an empty string value. If the `should_add` parameter is
373− /// false, then the attribute is not added.
374− ///
375− /// This method is useful for attributes whose semantics are defined by
376− /// whether or not the attribute is present or not, and whose value is
377− /// ignored. Example attributes like this include:
378− ///
379− /// * `checked`
380− /// * `hidden`
381− /// * `selected`
382− ///
383− /// # Example
384− ///
385− /// ```no_run
386− /// use dodrio::{builder::*, bumpalo::Bump};
387− /// use js_sys::Math;
388− ///
389− /// let b = Bump::new();
390− ///
391− /// // Create the `<div>` that is randomly hidden 50% of the time.
392− /// let my_div = div(&b)
393− /// .bool_attr("hidden", Math::random() >= 0.5)
394− /// .finish();
395− /// ```
396− pub fn bool_attr(mut self, name: &'a str, should_add: bool) -> Self {
397− if should_add {
398− self.attributes.push(Attribute { name, value: "" });
399− }
400− self
401− }
402−}
403−
404−impl<'a, Listeners, Attributes>
405− ElementBuilder<'a, Listeners, Attributes, bumpalo::collections::Vec<'a, Node<'a>>>
406−where
407− Listeners: 'a + AsRef<[Listener<'a>]>,
408− Attributes: 'a + AsRef<[Attribute<'a>]>,
409−{
410− /// Add a new child to this element.
411− ///
412− /// # Example
413− ///
414− /// ```no_run
415− /// use dodrio::{builder::*, bumpalo::Bump};
416− /// use js_sys::Math;
417− ///
418− /// let b = Bump::new();
419− ///
420− /// // Create `<p><span></span></p>`.
421− /// let my_div = p(&b)
422− /// .child(span(&b).finish())
423− /// .finish();
424− /// ```
425− #[inline]
426− pub fn child(mut self, child: Node<'a>) -> Self {
427− self.children.push(child);
428− self
429− }
430−}
431−
432−macro_rules! builder_constructors {
433− ( $(
434− $(#[$attr:meta])*
435− $name:ident;
436− )* ) => {
437− $(
438− $(#[$attr])*
439− #[inline]
440− pub fn $name<'a, B>(
441− bump: B,
442− ) -> ElementBuilder<
443− 'a,
444− bumpalo::collections::Vec<'a, Listener<'a>>,
445− bumpalo::collections::Vec<'a, Attribute<'a>>,
446− bumpalo::collections::Vec<'a, Node<'a>>,
447− >
448− where
449− B: Into<&'a Bump>
450− {
451− ElementBuilder::new(bump, stringify!($name))
452− }
453− )*
454− };
455− ( $(
456− $(#[$attr:meta])*
457− $name:ident <> $namespace:tt;
458− )* ) => {
459− $(
460− $(#[$attr])*
461− #[inline]
462− pub fn $name<'a>(
463− bump: &'a Bump,
464− ) -> ElementBuilder<
465− 'a,
466− bumpalo::collections::Vec<'a, Listener<'a>>,
467− bumpalo::collections::Vec<'a, Attribute<'a>>,
468− bumpalo::collections::Vec<'a, Node<'a>>,
469− > {
470− let builder = ElementBuilder::new(bump, stringify!($name));
471− builder.namespace(Some($namespace))
472− }
473− )*
474− }
475−}
476−
477−// Organized in the same order as
478−// https://developer.mozilla.org/en-US/docs/Web/HTML/Element
479−//
480−// Does not include obsolete elements.
481−builder_constructors! {
482− // Document metadata
483−
484− /// Build a
485− /// [`<base>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base)
486− /// element.
487− base;
488− /// Build a
489− /// [`<head>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/head)
490− /// element.
491− head;
492− /// Build a
493− /// [`<link>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link)
494− /// element.
495− link;
496− /// Build a
497− /// [`<meta>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta)
498− /// element.
499− meta;
500− /// Build a
501− /// [`<style>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/style)
502− /// element.
503− style;
504− /// Build a
505− /// [`<title>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/title)
506− /// element.
507− title;
508−
509− // Sectioning root
510−
511− /// Build a
512− /// [`<body>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body)
513− /// element.
514− body;
515−
516− // Content sectioning
517−
518− /// Build a
519− /// [`<address>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address)
520− /// element.
521− address;
522− /// Build a
523− /// [`<article>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article)
524− /// element.
525− article;
526− /// Build a
527− /// [`<aside>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside)
528− /// element.
529− aside;
530− /// Build a
531− /// [`<footer>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer)
532− /// element.
533− footer;
534− /// Build a
535− /// [`<header>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header)
536− /// element.
537− header;
538− /// Build a
539− /// [`<h1>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h1)
540− /// element.
541− h1;
542− /// Build a
543− /// [`<h2>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h2)
544− /// element.
545− h2;
546− /// Build a
547− /// [`<h3>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h3)
548− /// element.
549− h3;
550− /// Build a
551− /// [`<h4>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h4)
552− /// element.
553− h4;
554− /// Build a
555− /// [`<h5>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h5)
556− /// element.
557− h5;
558− /// Build a
559− /// [`<h6>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/h6)
560− /// element.
561− h6;
562− /// Build a
563− /// [`<hgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup)
564− /// element.
565− hgroup;
566− /// Build a
567− /// [`<main>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main)
568− /// element.
569− main;
570− /// Build a
571− /// [`<nav>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/nav)
572− /// element.
573− nav;
574− /// Build a
575− /// [`<section>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section)
576− /// element.
577− section;
578−
579− // Text content
580−
581− /// Build a
582− /// [`<blockquote>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote)
583− /// element.
584− blockquote;
585− /// Build a
586− /// [`<dd>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dd)
587− /// element.
588− dd;
589− /// Build a
590− /// [`<div>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/div)
591− /// element.
592− div;
593− /// Build a
594− /// [`<dl>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl)
595− /// element.
596− dl;
597− /// Build a
598− /// [`<dt>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dt)
599− /// element.
600− dt;
601− /// Build a
602− /// [`<figcaption>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption)
603− /// element.
604− figcaption;
605− /// Build a
606− /// [`<figure>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure)
607− /// element.
608− figure;
609− /// Build a
610− /// [`<hr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hr)
611− /// element.
612− hr;
613− /// Build a
614− /// [`<li>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li)
615− /// element.
616− li;
617− /// Build a
618− /// [`<ol>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol)
619− /// element.
620− ol;
621− /// Build a
622− /// [`<p>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/p)
623− /// element.
624− p;
625− /// Build a
626− /// [`<pre>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre)
627− /// element.
628− pre;
629− /// Build a
630− /// [`<ul>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ul)
631− /// element.
632− ul;
633−
634− // Inline text semantics
635−
636− /// Build a
637− /// [`<a>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a)
638− /// element.
639− a;
640− /// Build a
641− /// [`<abbr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/abbr)
642− /// element.
643− abbr;
644− /// Build a
645− /// [`<b>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b)
646− /// element.
647− b;
648− /// Build a
649− /// [`<bdi>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdi)
650− /// element.
651− bdi;
652− /// Build a
653− /// [`<bdo>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/bdo)
654− /// element.
655− bdo;
656− /// Build a
657− /// [`<br>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br)
658− /// element.
659− br;
660− /// Build a
661− /// [`<cite>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/cite)
662− /// element.
663− cite;
664− /// Build a
665− /// [`<code>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code)
666− /// element.
667− code;
668− /// Build a
669− /// [`<data>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data)
670− /// element.
671− data;
672− /// Build a
673− /// [`<dfn>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dfn)
674− /// element.
675− dfn;
676− /// Build a
677− /// [`<em>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em)
678− /// element.
679− em;
680− /// Build a
681− /// [`<i>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i)
682− /// element.
683− i;
684− /// Build a
685− /// [`<kbd>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd)
686− /// element.
687− kbd;
688− /// Build a
689− /// [`<mark>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark)
690− /// element.
691− mark;
692− /// Build a
693− /// [`<q>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/q)
694− /// element.
695− q;
696− /// Build a
697− /// [`<rb>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rb)
698− /// element.
699− rb;
700− /// Build a
701− /// [`<rp>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rp)
702− /// element.
703− rp;
704− /// Build a
705− /// [`<rt>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rt)
706− /// element.
707− rt;
708− /// Build a
709− /// [`<rtc>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/rtc)
710− /// element.
711− rtc;
712− /// Build a
713− /// [`<ruby>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ruby)
714− /// element.
715− ruby;
716− /// Build a
717− /// [`<s>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/s)
718− /// element.
719− s;
720− /// Build a
721− /// [`<samp>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/samp)
722− /// element.
723− samp;
724− /// Build a
725− /// [`<small>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/small)
726− /// element.
727− small;
728− /// Build a
729− /// [`<span>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/span)
730− /// element.
731− span;
732− /// Build a
733− /// [`<strong>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong)
734− /// element.
735− strong;
736− /// Build a
737− /// [`<sub>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sub)
738− /// element.
739− sub;
740− /// Build a
741− /// [`<sup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/sup)
742− /// element.
743− sup;
744− /// Build a
745− /// [`<time>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time)
746− /// element.
747− time;
748− /// Build a
749− /// [`<u>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u)
750− /// element.
751− u;
752− /// Build a
753− /// [`<var>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var)
754− /// element.
755− var;
756− /// Build a
757− /// [`<wbr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr)
758− /// element.
759− wbr;
760−
761− // Image and multimedia
762−
763− /// Build a
764− /// [`<area>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/area)
765− /// element.
766− area;
767− /// Build a
768− /// [`<audio>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio)
769− /// element.
770− audio;
771− /// Build a
772− /// [`<img>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img)
773− /// element.
774− img;
775− /// Build a
776− /// [`<map>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/map)
777− /// element.
778− map;
779− /// Build a
780− /// [`<track>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track)
781− /// element.
782− track;
783− /// Build a
784− /// [`<video>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video)
785− /// element.
786− video;
787−
788− // Embedded content
789−
790− /// Build a
791− /// [`<embed>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/embed)
792− /// element.
793− embed;
794− /// Build a
795− /// [`<iframe>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe)
796− /// element.
797− iframe;
798− /// Build a
799− /// [`<object>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/object)
800− /// element.
801− object;
802− /// Build a
803− /// [`<param>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/param)
804− /// element.
805− param;
806− /// Build a
807− /// [`<picture>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture)
808− /// element.
809− picture;
810− /// Build a
811− /// [`<source>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source)
812− /// element.
813− source;
814−
815− // Scripting
816−
817− /// Build a
818− /// [`<canvas>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas)
819− /// element.
820− canvas;
821− /// Build a
822− /// [`<noscript>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript)
823− /// element.
824− noscript;
825− /// Build a
826− /// [`<script>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script)
827− /// element.
828− script;
829−
830− // Demarcating edits
831−
832− /// Build a
833− /// [`<del>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del)
834− /// element.
835− del;
836− /// Build a
837− /// [`<ins>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ins)
838− /// element.
839− ins;
840−
841− // Table content
842−
843− /// Build a
844− /// [`<caption>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/caption)
845− /// element.
846− caption;
847− /// Build a
848− /// [`<col>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/col)
849− /// element.
850− col;
851− /// Build a
852− /// [`<colgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/colgroup)
853− /// element.
854− colgroup;
855− /// Build a
856− /// [`<table>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table)
857− /// element.
858− table;
859− /// Build a
860− /// [`<tbody>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tbody)
861− /// element.
862− tbody;
863− /// Build a
864− /// [`<td>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td)
865− /// element.
866− td;
867− /// Build a
868− /// [`<tfoot>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tfoot)
869− /// element.
870− tfoot;
871− /// Build a
872− /// [`<th>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/th)
873− /// element.
874− th;
875− /// Build a
876− /// [`<thead>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/thead)
877− /// element.
878− thead;
879− /// Build a
880− /// [`<tr>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/tr)
881− /// element.
882− tr;
883−
884− // Forms
885−
886− /// Build a
887− /// [`<button>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button)
888− /// element.
889− button;
890− /// Build a
891− /// [`<datalist>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist)
892− /// element.
893− datalist;
894− /// Build a
895− /// [`<fieldset>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset)
896− /// element.
897− fieldset;
898− /// Build a
899− /// [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)
900− /// element.
901− form;
902− /// Build a
903− /// [`<input>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input)
904− /// element.
905− input;
906− /// Build a
907− /// [`<label>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label)
908− /// element.
909− label;
910− /// Build a
911− /// [`<legend>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/legend)
912− /// element.
913− legend;
914− /// Build a
915− /// [`<meter>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter)
916− /// element.
917− meter;
918− /// Build a
919− /// [`<optgroup>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup)
920− /// element.
921− optgroup;
922− /// Build a
923− /// [`<option>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option)
924− /// element.
925− option;
926− /// Build a
927− /// [`<output>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output)
928− /// element.
929− output;
930− /// Build a
931− /// [`<progress>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress)
932− /// element.
933− progress;
934− /// Build a
935− /// [`<select>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select)
936− /// element.
937− select;
938− /// Build a
939− /// [`<textarea>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea)
940− /// element.
941− textarea;
942−
943− // Interactive elements
944−
945− /// Build a
946− /// [`<details>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details)
947− /// element.
948− details;
949− /// Build a
950− /// [`<dialog>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog)
951− /// element.
952− dialog;
953− /// Build a
954− /// [`<menu>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menu)
955− /// element.
956− menu;
957− /// Build a
958− /// [`<menuitem>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/menuitem)
959− /// element.
960− menuitem;
961− /// Build a
962− /// [`<summary>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary)
963− /// element.
964− summary;
965−
966− // Web components
967−
968− /// Build a
969− /// [`<slot>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/slot)
970− /// element.
971− slot;
972− /// Build a
973− /// [`<template>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)
974− /// element.
975− template;
976−}
977−
978−builder_constructors! {
979− // SVG components
980−
981− /// Build a
982− /// [`<svg>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/svg)
983− /// element.
984− svg <> "http://www.w3.org/2000/svg" ;
985− /// Build a
986− /// [`<path>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path)
987− /// element.
988− path <> "http://www.w3.org/2000/svg";
989− /// Build a
990− /// [`<circle>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/circle)
991− /// element.
992− circle <> "http://www.w3.org/2000/svg";
993− /// Build a
994− /// [`<ellipse>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/ellipse)
995− /// element.
996− ellipse <> "http://www.w3.org/2000/svg";
997− /// Build a
998− /// [`<line>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/line)
999− /// element.
1000− line <> "http://www.w3.org/2000/svg";
1001− /// Build a
1002− /// [`<polygon>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/polygon)
1003− /// element.
1004− polygon <> "http://www.w3.org/2000/svg";
1005− /// Build a
1006− /// [`<polyline>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/polyline)
1007− /// element.
1008− polyline <> "http://www.w3.org/2000/svg";
1009− /// Build a
1010− /// [`<rect>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/rect)
1011− /// element.
1012− rect <> "http://www.w3.org/2000/svg";
1013− /// Build a
1014− /// [`<image>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image)
1015− /// element.
1016− image <> "http://www.w3.org/2000/svg";
1017−}
1018−
1019−/// Construct a text node.
1020−///
1021−/// This is `dodrio`'s virtual DOM equivalent of `document.createTextNode`.
1022−///
1023−/// # Example
1024−///
1025−/// ```no_run
1026−/// use dodrio::builder::*;
1027−///
1028−/// let my_text = text("hello, dodrio!");
1029−/// ```
1030−#[inline]
1031−pub fn text<'a>(contents: &'a str) -> Node<'a> {
1032− Node::text(contents)
1033−}
1034−
1035−/// Construct an attribute for an element.
1036−///
1037−/// # Example
1038−///
1039−/// This example creates the `id="my-id"` for some element like `<div
1040−/// id="my-id"/>`.
1041−///
1042−/// ```no_run
1043−/// use dodrio::builder::*;
1044−///
1045−/// let my_id_attr = attr("id", "my-id");
1046−/// ```
1047−pub fn attr<'a>(name: &'a str, value: &'a str) -> Attribute<'a> {
1048− Attribute { name, value }
1049−}
1050−
1051−/// Create an event listener.
1052−///
1053−/// `event` is the type of event to listen for, e.g. `"click"`. The `callback`
1054−/// is the function that will be invoked when the event occurs.
1055−///
1056−/// # Example
1057−///
1058−/// ```no_run
1059−/// use dodrio::{builder::*, bumpalo::Bump};
1060−///
1061−/// let b = Bump::new();
1062−///
1063−/// let listener = on(&b, "click", |root, vdom, event| {
1064−/// // do something when a click happens...
1065−/// });
1066−/// ```
1067−pub fn on<'a, F>(bump: &'a Bump, event: &'a str, callback: F) -> Listener<'a>
1068−where
1069− F: Fn(&mut dyn RootRender, VdomWeak, web_sys::Event) + 'static,
1070−{
1071− Listener {
1072− event,
1073− callback: bump.alloc(callback),
1074− }
1075−}
src/cached.rs+76−141
@@ -1,52 +1,46 @@
1−use crate::{
2− cached_set::CachedSet,
3− node::{CachedNode, NodeKey},
4− Node, Render, RenderContext,
5−};
6−use std::any::TypeId;
7−use std::cell::Cell;
1+use crate::{Node, Render};
2+use bumpalo::Bump;
3+use std::cell::RefCell;
4+use std::mem;
85use std::ops::{Deref, DerefMut};
96
7+// TODO: This implementation will only cache the rendering (generation of the
8+// virtual DOM) but not the diffing of the cached subtree. We could skip diffing
9+// for cached tree by adding `fn is_cached(&self) -> bool` to `Node` that we can
10+// check during diffing. This comes at the cost of bloating `Node`'s size (since
11+// we don't have any padding to sneak an extra `bool` field into). We should
12+// investigate whether it is worth adding this or not.
13+
1014/// A renderable that supports caching for when rendering is expensive but can
1115/// generate the same DOM tree.
12−///
13−/// # Example
14−///
15−/// The [TodoMVC
16−/// example](https://github.com/fitzgen/dodrio/blob/master/examples/todomvc/src/todo.rs)
17−/// caches individual todo items.
18−#[derive(Clone, Debug, Default)]
19−pub struct Cached<R>
20−where
21− R: Default,
22−{
16+#[derive(Debug)]
17+pub struct Cached<R> {
2318 inner: R,
24− cached: Cell<Option<CachedNode>>,
25−}
26−
27−pub_unstable_internal! {
28− #[derive(Clone, Copy, PartialEq, Eq, Debug, Hash)]
29− pub(crate) struct TemplateId(TypeId);
19+ bump: bumpalo::Bump,
20+ // Actually a self-reference into `self.bump`. Safe because we ensure that
21+ // whenever we hand out a cached node, we use a lifetime that cannot outlive
22+ // its owning `Cached<R>`.
23+ cached: RefCell<Option<Node<'static>>>,
3024}
3125
32−impl<R> Cached<R>
33−where
34− R: Default,
35−{
26+impl<R> Cached<R> {
3627 /// Construct a new `Cached<R>` of an inner `R`.
3728 ///
3829 /// # Example
3930 ///
4031 /// ```
41− /// use dodrio::{Cached, Node, Render, RenderContext};
32+ /// use bumpalo::Bump;
33+ /// use dodrio::{Cached, Node, Render};
4234 ///
43− /// #[derive(Default)]
4435 /// pub struct Counter {
4536 /// count: u32,
4637 /// }
4738 ///
48− /// impl<'a> Render<'a> for Counter {
49− /// fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
39+ /// impl Render for Counter {
40+ /// fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
41+ /// where
42+ /// 'a: 'bump
43+ /// {
5044 /// // ...
5145 /// # unimplemented!()
5246 /// }
@@ -60,8 +54,13 @@ where
6054 /// ```
6155 #[inline]
6256 pub fn new(inner: R) -> Cached<R> {
63− let cached = Cell::new(None);
64− Cached { inner, cached }
57+ let bump = Bump::new();
58+ let cached = RefCell::new(None);
59+ Cached {
60+ inner,
61+ bump,
62+ cached,
63+ }
6564 }
6665
6766 /// Invalidate the cached rendering.
@@ -73,25 +72,28 @@ where
7372 /// # Example
7473 ///
7574 /// The `Cached<Hello>` component must have its cache invalidated whenever
76− /// the `who` string is changed, or else the cached rendering will keep
75+ /// the `who` string is changed, or else the cached rendering whill keep
7776 /// displaying greetings to old `who`s.
7877 ///
7978 /// ```
80− /// use dodrio::{bumpalo, Cached, Node, Render, RenderContext};
79+ /// use bumpalo::Bump;
80+ /// use dodrio::{Cached, Node, Render};
8181 ///
8282 /// /// A component that renders to "<p>Hello, {who}!</p>"
83− /// #[derive(Default)]
8483 /// pub struct Hello {
8584 /// who: String
8685 /// }
8786 ///
88− /// impl<'a> Render<'a> for Hello {
89− /// fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
90− /// use dodrio::builder::*;
91− /// let greeting = bumpalo::format!(in cx.bump, "Hello, {}!", self.who);
92− /// p(&cx)
93− /// .children([text(greeting.into_bump_str())])
94− /// .finish()
87+ /// impl Render for Hello {
88+ /// fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
89+ /// where
90+ /// 'a: 'bump,
91+ /// {
92+ /// Node::element(bump, "p", [], [], [
93+ /// Node::text("Hello, "),
94+ /// Node::text(&self.who),
95+ /// Node::text("!"),
96+ /// ])
9597 /// }
9698 /// }
9799 ///
@@ -103,30 +105,18 @@ where
103105 /// }
104106 /// ```
105107 #[inline]
106− pub fn invalidate(cached: &Self) {
107− cached.cached.set(None);
108+ pub fn invalidate(cached: &mut Self) {
109+ *cached.cached.borrow_mut() = None;
108110 }
109111
110112 /// Convert a `Cached<R>` back into a plain `R`.
111113 #[inline]
112− pub fn into_inner(cached: Self) -> R {
114+ pub fn into_inner(cached: Cached<R>) -> R {
113115 cached.inner
114116 }
115117}
116118
117−impl<R> Cached<R>
118−where
119− R: 'static + Default,
120−{
121− pub(crate) fn template_id() -> TemplateId {
122− TemplateId(TypeId::of::<R>())
123− }
124−}
125−
126−impl<R> Deref for Cached<R>
127−where
128− R: Default,
129−{
119+impl<R> Deref for Cached<R> {
130120 type Target = R;
131121
132122 fn deref(&self) -> &R {
@@ -134,96 +124,41 @@ where
134124 }
135125}
136126
137−impl<R> DerefMut for Cached<R>
138−where
139− R: Default,
140−{
127+impl<R> DerefMut for Cached<R> {
141128 fn deref_mut(&mut self) -> &mut R {
142129 &mut self.inner
143130 }
144131}
145132
146−impl<'a, R> Render<'a> for Cached<R>
147−where
148− R: 'static + Default + for<'b> Render<'b>,
149−{
150− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
151− let template = cx.template::<R>();
152− let cached = match self.cached.get() {
153− // This does-the-cache-contain-this-id check is necessary because
154− // the same `Cached<R>` instance can be rendered into vdom A, which
155− // will save the results into A's cached set and yield id X. Then,
156− // it can be rendered *again* into a second vdom B, and B's cached
157− // set does not have the saved results for id X. If we didn't have
158− // this check, instead of a cache miss, we would have a panic.
159− //
160− // This scenario should basically never happen in the real world,
161− // however. If we ever find that it is worth sharing a cached render
162− // component between multiple vdoms, and want to avoid these
163− // "unnecessary" cache misses, we can do this:
164− //
165− // * Make each `Cached<R>` have an instance id and generation
166− // counter.
167− //
168− // * On invalidation, bump the generation counter.
169− //
170− // * Add a generation member to the `CacheEntry`.
171− //
172− // * Each vdom maintains a map from `Cached<R>` instance id to
173− // `CacheEntry`s.
174− //
175− // * We only re-use the cached results if the `Cached<R>`'s
176− // generation counter matches the entry in the vdom's cached set.
177− //
178− // This is all do-able but is a bit more book keeping than we really
179− // want to do unless it is well motivated.
180− Some(cached)
181− if {
182− let cached_set = cx.cached_set.borrow();
183− cached_set.contains(cached.id)
184− } =>
185− {
186− cached
187− }
188− _ => {
189− let mut key = NodeKey::NONE;
190− let id = CachedSet::insert(cx, false, template, |nested_cx| {
191− let node = self.inner.render(nested_cx);
192− key = node.key();
193− node
194− });
195− let cached = CachedNode { id, key };
196− self.cached.set(Some(cached));
197− cached
198− }
199− };
200−
201− cached.into()
202− }
133+unsafe fn extend_node_lifetime<'a>(node: Node<'a>) -> Node<'static> {
134+ mem::transmute(node)
203135}
204136
205−#[cfg(feature = "serde")]
206−impl<R> serde::Serialize for Cached<R>
207−where
208− R: Default + serde::Serialize,
209−{
210− fn serialize<S>(&self, serializer: S) -> Result<S::Ok, S::Error>
137+impl<R: Render> Render for Cached<R> {
138+ fn render<'a, 'bump>(&'a self, _: &'bump Bump) -> Node<'bump>
211139 where
212− S: serde::Serializer,
140+ 'a: 'bump,
213141 {
214− self.inner.serialize(serializer)
215− }
216−}
142+ let mut cached = self.cached.borrow_mut();
217143
218−#[cfg(feature = "serde")]
219−impl<'de, R> serde::Deserialize<'de> for Cached<R>
220−where
221− R: Default + serde::Deserialize<'de>,
222−{
223− fn deserialize<D>(deserializer: D) -> Result<Self, D::Error>
224− where
225− D: serde::Deserializer<'de>,
226− {
227− R::deserialize(deserializer).map(Cached::new)
144+ if let Some(cached) = cached.as_ref() {
145+ // The cached node is actually a self-reference, so it has the `'a`
146+ // lifetime.
147+ let cached: Node<'a> = cached.clone();
148+
149+ // But the `'a` lifetime outlives `'bump`, so we can safely convert
150+ // it to the narrower `'bump` lifetime.
151+ let cached: Node<'bump> = cached;
152+
153+ // Return the cached rendering!
154+ return cached;
155+ }
156+
157+ // We don't have a cached node. Render into our own `Bump`, cache it for
158+ // future renders, and return it. Same lifetimes as above.
159+ let node: Node<'a> = self.inner.render(&self.bump);
160+ *cached = Some(unsafe { extend_node_lifetime(node.clone()) });
161+ let node: Node<'bump> = node;
162+ node
228163 }
229164}
src/cached_set.rsdeleted−186
@@ -1,186 +0,0 @@
1−use crate::{
2− events::EventsRegistry,
3− node::{Node, NodeKind},
4− render_context::RenderContext,
5−};
6−use bumpalo::Bump;
7−use fxhash::{FxHashMap, FxHashSet};
8−use std::sync::atomic::{AtomicUsize, Ordering};
9−use std::u32;
10−use wasm_bindgen::prelude::*;
11−
12−static ID_COUNTER: AtomicUsize = AtomicUsize::new(0);
13−
14−pub_unstable_internal! {
15− #[derive(Debug, Default)]
16− pub(crate) struct CachedSet {
17− items: FxHashMap<CacheId, CacheEntry>,
18− }
19−}
20−
21−pub_unstable_internal! {
22− #[derive(Clone, Copy, PartialEq, Eq, Debug, Hash)]
23− pub(crate) struct CacheId(u32);
24−}
25−
26−#[derive(Debug)]
27−pub(crate) struct CacheEntry {
28− bump: Bump,
29−
30− // Actually a reference into `bump`.
31− node: *const Node<'static>,
32−
33− // All the other cached entries that `node` references (including transitive
34− // edges). By eagerly following transitive edges and recording them the
35− // once, we don't have to repeat the tracing every time we want to garbage
36− // collect cache entries.
37− edges: FxHashSet<CacheId>,
38−
39− // The template for this cached virtual subtree.
40− //
41− // When a cache entry has a template, that means that the `ChangeList` will
42− // lazily build a physical DOM subtree based on the template, and when we
43− // create new versions of this cached result, we clone the template's
44− // physical DOM subtree and then modify it, rather than building the cached
45− // result up from scratch. This is a nice win because we bounce between JS
46− // and DOM methods less often, and get the C++ DOM implementation to do most
47− // of the subtree construction for us.
48− template: Option<CacheId>,
49−
50− // Whether this entry should never be garbage collected. Typically only
51− // templates are pinned.
52− pinned: bool,
53−}
54−
55−impl From<CacheId> for u32 {
56− #[inline]
57− fn from(id: CacheId) -> u32 {
58− id.0
59− }
60−}
61−
62−impl CachedSet {
63− pub(crate) fn new_roots_set(&self) -> FxHashSet<CacheId> {
64− let mut roots = FxHashSet::default();
65− roots.reserve(self.items.len());
66− roots
67− }
68−
69− pub(crate) fn gc(&mut self, registry: &mut EventsRegistry, roots: FxHashSet<CacheId>) {
70− let mut marked = FxHashSet::default();
71− marked.reserve(self.items.len());
72−
73− for root in roots {
74− if marked.insert(root) {
75− let entry = self
76− .items
77− .get(&root)
78− .expect_throw("CachedSet::gc: should have root in cached set");
79−
80− // NB: no need to recurse here because `edges` already contains
81− // transitive edges!
82− marked.extend(entry.edges.iter().cloned());
83− }
84− }
85−
86− self.items.retain(|id, entry| {
87− let keep = entry.pinned || marked.contains(id);
88− if !keep {
89− let node: &Node = unsafe { &*entry.node };
90− registry.remove_subtree(node);
91− }
92− keep
93− });
94− }
95−
96− // Trace all the transitive edges to other cached entries that the given
97− // node has.
98− fn trace(&self, node: &Node) -> FxHashSet<CacheId> {
99− let mut edges = FxHashSet::default();
100− self.trace_recursive(&mut edges, node);
101− edges
102− }
103−
104− fn trace_recursive(&self, edges: &mut FxHashSet<CacheId>, node: &Node) {
105− match &node.kind {
106− NodeKind::Text(_) => return,
107− NodeKind::Cached(c) => {
108− debug_assert!(self.items.contains_key(&c.id));
109− edges.insert(c.id);
110− edges.extend(
111− self.items
112− .get(&c.id)
113− .expect_throw("CachedSet::trace: should have c.id in cached set")
114− .edges
115− .iter()
116− .cloned(),
117− );
118− }
119− NodeKind::Element(el) => {
120− for child in el.children {
121− self.trace_recursive(edges, child);
122− }
123− }
124− }
125− }
126−
127− fn next_id(&mut self) -> CacheId {
128− let next = ID_COUNTER.fetch_add(1, Ordering::AcqRel) as u32;
129− let next = if next == u32::MAX { None } else { Some(next) };
130− CacheId(next.expect_throw("ID_COUNTER overflowed"))
131− }
132−
133− pub(crate) fn insert<F>(
134− cx: &mut RenderContext,
135− pinned: bool,
136− template: Option<CacheId>,
137− f: F,
138− ) -> CacheId
139− where
140− F: for<'a> FnOnce(&mut RenderContext<'a>) -> Node<'a>,
141− {
142− let set = cx.cached_set;
143− let bump = Bump::new();
144− let (node, edges) = {
145− let mut nested_cx = RenderContext::new(&bump, cx.cached_set, cx.templates);
146− let node = f(&mut nested_cx);
147− let node = bump.alloc(node);
148− let edges = {
149− let set = set.borrow();
150− set.trace(node)
151− };
152− (
153− node as *mut Node<'_> as usize as *const Node<'static>,
154− edges,
155− )
156− };
157−
158− let entry = CacheEntry {
159− bump,
160− node,
161− edges,
162− template,
163− pinned,
164− };
165−
166− let mut set = set.borrow_mut();
167− let id = set.next_id();
168− set.items.insert(id, entry);
169− id
170− }
171−
172− /// Does the cached set contain a cached node with the given id?
173− pub fn contains(&self, id: CacheId) -> bool {
174− self.items.contains_key(&id)
175− }
176−
177− /// Get the cached node and its template (if any) for the given cache id.
178− pub fn get(&self, id: CacheId) -> (&Node, Option<CacheId>) {
179− let entry = self
180− .items
181− .get(&id)
182− .expect_throw("CachedSet::get: should have id in set");
183− let node: &Node = unsafe { &*entry.node };
184− (node, entry.template)
185− }
186−}
src/change_list.rsnew file+380
@@ -0,0 +1,380 @@
1+use crate::Listener;
2+use bumpalo::Bump;
3+use log::*;
4+use std::fmt;
5+use std::sync::Once;
6+use wasm_bindgen::prelude::*;
7+
8+pub mod js {
9+ use wasm_bindgen::prelude::*;
10+
11+ #[wasm_bindgen]
12+ extern "C" {
13+ #[derive(Clone, Debug)]
14+ pub type ChangeList;
15+
16+ #[wasm_bindgen(constructor)]
17+ pub fn new(container: &web_sys::Node) -> ChangeList;
18+
19+ #[wasm_bindgen(structural, method)]
20+ pub fn unmount(this: &ChangeList);
21+
22+ #[wasm_bindgen(structural, method, js_name = addChangeListRange)]
23+ pub fn add_change_list_range(this: &ChangeList, start: usize, len: usize);
24+
25+ #[wasm_bindgen(structural, method, js_name = applyChanges)]
26+ pub fn apply_changes(this: &ChangeList, memory: JsValue);
27+
28+ #[wasm_bindgen(structural, method, js_name = initEventsTrampoline)]
29+ pub fn init_events_trampoline(
30+ this: &ChangeList,
31+ trampoline: &Closure<Fn(web_sys::Event, u32, u32)>,
32+ );
33+ }
34+}
35+
36+pub(crate) struct ChangeList {
37+ bump: Bump,
38+ js: js::ChangeList,
39+ events_trampoline: Option<Closure<Fn(web_sys::Event, u32, u32)>>,
40+}
41+
42+impl Drop for ChangeList {
43+ fn drop(&mut self) {
44+ debug!("Dropping ChangeList");
45+ self.js.unmount();
46+ }
47+}
48+
49+impl fmt::Debug for ChangeList {
50+ fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result {
51+ f.debug_struct("ChangeList")
52+ .field("bump", &self.bump)
53+ .field("js", &self.js)
54+ .field("events_trampoline", &"..")
55+ .finish()
56+ }
57+}
58+
59+impl ChangeList {
60+ pub(crate) fn new(container: &web_sys::Node) -> ChangeList {
61+ // XXX: Because wasm-bindgen-test doesn't support third party JS
62+ // dependencies, we can't use `wasm_bindgen(module = "...")` for our
63+ // `ChangeList` JS import. Instead, this *should* be a local JS snippet,
64+ // but that isn't implemented yet:
65+ // https://github.com/rustwasm/rfcs/pull/6
66+ static EVAL: Once = Once::new();
67+ EVAL.call_once(|| {
68+ js_sys::eval(include_str!("../js/change-list.js"))
69+ .expect("should eval change-list.js OK");
70+ });
71+
72+ let bump = Bump::new();
73+ let js = js::ChangeList::new(container);
74+ ChangeList {
75+ bump,
76+ js,
77+ events_trampoline: None,
78+ }
79+ }
80+
81+ pub(crate) fn apply_changes(&mut self) {
82+ let js = &self.js;
83+ unsafe {
84+ self.bump.each_allocated_chunk(|ch| {
85+ js.add_change_list_range(ch.as_ptr() as usize, ch.len());
86+ });
87+ }
88+ js.apply_changes(wasm_bindgen::memory());
89+ self.bump.reset();
90+ }
91+
92+ pub(crate) fn init_events_trampoline(
93+ &mut self,
94+ trampoline: Closure<Fn(web_sys::Event, u32, u32)>,
95+ ) {
96+ debug_assert!(self.events_trampoline.is_none());
97+ self.js.init_events_trampoline(&trampoline);
98+ self.events_trampoline = Some(trampoline);
99+ }
100+}
101+
102+#[repr(u32)]
103+#[derive(Clone, Copy, Debug)]
104+enum ChangeDiscriminant {
105+ /// Immediates: `(pointer, length)`
106+ ///
107+ /// Stack: `[... TextNode] -> [... TextNode]`
108+ ///
109+ /// ```text
110+ /// stack.top().textContent = String(pointer, length)
111+ /// ```
112+ SetText = 0,
113+
114+ /// Immediates: `()`
115+ ///
116+ /// Stack: `[... Node] -> [...]`
117+ ///
118+ /// ```text
119+ /// node = stack.pop()
120+ /// while (node.nextSibling) {
121+ /// node.nextSibling.remove();
122+ /// }
123+ /// node.remove()
124+ /// ```
125+ RemoveSelfAndNextSiblings = 1,
126+
127+ /// Immediates: `()`
128+ ///
129+ /// Stack: `[... Node Node] -> [... Node]`
130+ ///
131+ /// ```text
132+ /// new = stack.pop()
133+ /// old = stack.pop()
134+ /// old.replaceWith(new)
135+ /// stack.push(new)
136+ /// ```
137+ ReplaceWith = 2,
138+
139+ /// Immediates: `(pointer1, length1, pointer2, length2)`
140+ ///
141+ /// Stack: `[... Node] -> [... Node]`
142+ ///
143+ /// ```text
144+ /// stack.top().setAttribute(String(pointer1, length1), String(pointer2, length2))
145+ /// ```
146+ SetAttribute = 3,
147+
148+ /// Immediates: (pointer, length)
149+ ///
150+ /// Stack: `[... Node] -> [... Node]`
151+ ///
152+ /// ```text
153+ /// stack.top().removeAttribute(String(pointer, length))
154+ /// ```
155+ RemoveAttribute = 4,
156+
157+ /// Immediates: `()`
158+ ///
159+ /// Stack: `[... Node] -> [... Node node]`
160+ ///
161+ /// ```text
162+ /// stack.push(stack.top().firstChild)
163+ /// ```
164+ PushFirstChild = 5,
165+
166+ /// Immediates: `()`
167+ ///
168+ /// Stack: `[... Node] -> [... Node]`
169+ ///
170+ /// ```text
171+ /// stack.push(stack.pop().nextSibling)
172+ /// ```
173+ PopPushNextSibling = 6,
174+
175+ /// Immediates: `()`
176+ ///
177+ /// Stack: `[... T] -> [...]`
178+ ///
179+ /// ```text
180+ /// stack.pop()
181+ /// ```
182+ Pop = 7,
183+
184+ /// Immediates: `()`
185+ ///
186+ /// Stack: `[... Node Node] -> [... Node]`
187+ ///
188+ /// ```text
189+ /// child = stack.pop()
190+ /// stack.top().appendChild(child)
191+ /// ```
192+ AppendChild = 8,
193+
194+ /// Immediates: `(pointer, length)`
195+ ///
196+ /// Stack: `[...] -> [... Node]`
197+ ///
198+ /// ```text
199+ /// stack.push(createTextNode(String(pointer, length)))
200+ /// ```
201+ CreateTextNode = 9,
202+
203+ /// Immediates: `(pointer, length)`
204+ ///
205+ /// Stack: `[...] -> [... Node]`
206+ ///
207+ /// ```text
208+ /// stack.push(createElement(String(pointer, length))
209+ /// ```
210+ CreateElement = 10,
211+
212+ /// Immediate: `(pointer, length, A, B)`
213+ ///
214+ /// Stack: `[... Node] -> [... Node]`
215+ ///
216+ /// ```text
217+ /// event = String(pointer, length)
218+ /// callback = ProxyToRustCallback(A, B);
219+ /// stack.top().addEventListener(event, callback);
220+ /// ```
221+ NewEventListener = 11,
222+
223+ /// Immediate: `(pointer, length, A, B)`
224+ ///
225+ /// Stack: `[... Node] -> [... Node]`
226+ ///
227+ /// ```text
228+ /// event = String(pointer, length)
229+ /// new_callback = ProxyToRustCallback(A, B);
230+ /// stack.top().updateEventlistener(new_callback)
231+ /// ```
232+ UpdateEventListener = 12,
233+
234+ /// Immediates: `(pointer, length)`
235+ ///
236+ /// Stack: `[... Node] -> [... Node]`
237+ ///
238+ /// ```text
239+ /// stack.top().removeEventListener(String(pointer, length));
240+ /// ```
241+ RemoveEventListener = 13,
242+}
243+
244+// Allocation utilities to ensure that we only allocation sequences of `u32`s
245+// into the change list's bump arena without any padding. This helps maintain
246+// the invariants required for `Bump::each_allocated_chunk`'s safety.
247+impl ChangeList {
248+ // Allocate an opcode with zero immediates.
249+ fn op0(&self, discriminant: ChangeDiscriminant) {
250+ self.bump.alloc(discriminant as u32);
251+ }
252+
253+ // Note: no 1-immediate opcodes at this time.
254+
255+ // Allocate an opcode with two immediates.
256+ fn op2(&self, discriminant: ChangeDiscriminant, a: u32, b: u32) {
257+ self.bump.alloc([discriminant as u32, a, b]);
258+ }
259+
260+ // Note: no 3-immediate opcodes at this time.
261+
262+ // Allocate an opcode with four immediates.
263+ fn op4(&self, discriminant: ChangeDiscriminant, a: u32, b: u32, c: u32, d: u32) {
264+ self.bump.alloc([discriminant as u32, a, b, c, d]);
265+ }
266+}
267+
268+impl ChangeList {
269+ pub(crate) fn emit_set_text(&self, text: &str) {
270+ debug!("emit_set_text({:?})", text);
271+ self.op2(
272+ ChangeDiscriminant::SetText,
273+ text.as_ptr() as u32,
274+ text.len() as u32,
275+ );
276+ }
277+
278+ pub(crate) fn emit_remove_self_and_next_siblings(&self) {
279+ debug!("emit_remove_self_and_next_siblings()");
280+ self.op0(ChangeDiscriminant::RemoveSelfAndNextSiblings);
281+ }
282+
283+ pub(crate) fn emit_replace_with(&self) {
284+ debug!("emit_replace_with()");
285+ self.op0(ChangeDiscriminant::ReplaceWith);
286+ }
287+
288+ pub(crate) fn emit_set_attribute(&self, name: &str, value: &str) {
289+ debug!("emit_set_attribute({:?}, {:?})", name, value);
290+ self.op4(
291+ ChangeDiscriminant::SetAttribute,
292+ name.as_ptr() as u32,
293+ name.len() as u32,
294+ value.as_ptr() as u32,
295+ value.len() as u32,
296+ );
297+ }
298+
299+ pub(crate) fn emit_remove_attribute(&self, name: &str) {
300+ debug!("emit_remove_attribute({:?})", name);
301+ self.op2(
302+ ChangeDiscriminant::RemoveAttribute,
303+ name.as_ptr() as u32,
304+ name.len() as u32,
305+ );
306+ }
307+
308+ pub(crate) fn emit_push_first_child(&self) {
309+ debug!("emit_push_first_child()");
310+ self.op0(ChangeDiscriminant::PushFirstChild);
311+ }
312+
313+ pub(crate) fn emit_pop_push_next_sibling(&self) {
314+ debug!("emit_pop_push_next_sibling()");
315+ self.op0(ChangeDiscriminant::PopPushNextSibling);
316+ }
317+
318+ pub(crate) fn emit_pop(&self) {
319+ debug!("emit_pop()");
320+ self.op0(ChangeDiscriminant::Pop);
321+ }
322+
323+ pub(crate) fn emit_append_child(&self) {
324+ debug!("emit_append_child()");
325+ self.op0(ChangeDiscriminant::AppendChild);
326+ }
327+
328+ pub(crate) fn emit_create_text_node(&self, text: &str) {
329+ debug!("emit_create_text_node({:?})", text);
330+ self.op2(
331+ ChangeDiscriminant::CreateTextNode,
332+ text.as_ptr() as u32,
333+ text.len() as u32,
334+ );
335+ }
336+
337+ pub(crate) fn emit_create_element(&self, tag_name: &str) {
338+ debug!("emit_create_element({:?})", tag_name);
339+ self.op2(
340+ ChangeDiscriminant::CreateElement,
341+ tag_name.as_ptr() as u32,
342+ tag_name.len() as u32,
343+ );
344+ }
345+
346+ pub(crate) fn emit_new_event_listener(&self, listener: &Listener) {
347+ debug!("emit_new_event_listener({:?})", listener);
348+ let (a, b) = listener.get_callback_parts();
349+ debug_assert!(a != 0);
350+ self.op4(
351+ ChangeDiscriminant::NewEventListener,
352+ listener.event.as_ptr() as u32,
353+ listener.event.len() as u32,
354+ a,
355+ b,
356+ );
357+ }
358+
359+ pub(crate) fn emit_update_event_listener(&self, listener: &Listener) {
360+ debug!("emit_update_event_listener({:?})", listener);
361+ let (a, b) = listener.get_callback_parts();
362+ debug_assert!(a != 0);
363+ self.op4(
364+ ChangeDiscriminant::UpdateEventListener,
365+ listener.event.as_ptr() as u32,
366+ listener.event.len() as u32,
367+ a,
368+ b,
369+ );
370+ }
371+
372+ pub(crate) fn emit_remove_event_listener(&self, event: &str) {
373+ debug!("emit_remove_event_listener({:?})", event);
374+ self.op2(
375+ ChangeDiscriminant::RemoveEventListener,
376+ event.as_ptr() as u32,
377+ event.len() as u32,
378+ );
379+ }
380+}
src/change_list/emitter.rsdeleted−292
@@ -1,292 +0,0 @@
1−//! The `InstructionEmitter` is responsible for encoding change list
2−//! instructions and ensuring that each instruction has the correct number of
3−//! immediates. It ensures that the resulting change list instruction stream is
4−//! *syntactically* correct (opcodes have the correct arity of immediate
5−//! arguments, etc), while `ChangeListBuilder` wraps an emitter and additionally
6−//! ensures that the resulting change list program is *semantically* correct
7−//! (doesn't reference cached strings before they've been added to the cache,
8−//! etc).
9−//!
10−//! We encode the instructions directly into a dedicated bump arena. We
11−//! eventually pass the bump arena's chunks to the interpreter in JS, so it is
12−//! critical that nothing other than change list instructions are allocated
13−//! inside this bump, and that the instructions themselves do not contain any
14−//! padding or uninitialized memory. See the documentation for the the
15−//! `Bump::each_allocated_chunk` method for details.
16−
17−use bumpalo::Bump;
18−
19−#[derive(Debug)]
20−pub(crate) struct InstructionEmitter {
21− bump: Bump,
22−}
23−
24−impl InstructionEmitter {
25− /// Construct a new `InstructionEmitter` with its own bump arena.
26− pub fn new() -> InstructionEmitter {
27− let bump = Bump::new();
28− InstructionEmitter { bump }
29− }
30−
31− /// Invoke the given function with each of the allocated instruction
32− /// sequences that this emitter has built up.
33− #[cfg_attr(feature = "xxx-unstable-internal-use-only", allow(dead_code))]
34− pub fn each_instruction_sequence<F>(&mut self, f: F)
35− where
36− F: FnMut(&[u8]),
37− {
38− // Note: the safety invariants required for `each_allocated_chunk` are
39− // maintained by the fact that everything we encode as allocations in
40− // the bump arena are in the form of `u32`s, and therefore we don't have
41− // any uninitialized memory padding in the arena.
42− unsafe {
43− self.bump.each_allocated_chunk(f);
44− }
45− }
46−
47− /// Reset to an empty sequence of instructions.
48− pub fn reset(&mut self) {
49− self.bump.reset();
50− }
51−}
52−
53−macro_rules! define_change_list_instructions {
54− ( $(
55− $( #[$attr:meta] )*
56− $name:ident (
57− $($immediate:ident),*
58− ) = $discriminant:expr,
59− )* ) => {
60− impl InstructionEmitter {
61− $(
62− $( #[$attr] )*
63− #[inline]
64− pub fn $name(&self $(, $immediate: u32)*) {
65− self.bump.alloc_with(|| [$discriminant $(, $immediate )* ]);
66− }
67− )*
68− }
69− }
70−}
71−
72−define_change_list_instructions! {
73− /// Stack: `[... TextNode] -> [... TextNode]`
74− ///
75− /// ```text
76− /// stack.top().textContent = readString(pointer, length)
77− /// ```
78− set_text(pointer, length) = 0,
79−
80− /// Stack: `[... Node] -> [...]`
81− ///
82− /// ```text
83− /// node = stack.pop()
84− /// while (node.nextSibling) {
85− /// node.nextSibling.remove();
86− /// }
87− /// node.remove()
88− /// ```
89− remove_self_and_next_siblings() = 1,
90−
91− /// Stack: `[... Node Node] -> [... Node]`
92− ///
93− /// ```text
94− /// new = stack.pop()
95− /// old = stack.pop()
96− /// old.replaceWith(new)
97− /// stack.push(new)
98− /// ```
99− replace_with() = 2,
100−
101− /// Stack: `[... Node] -> [... Node]`
102− ///
103− /// ```text
104− /// stack.top().setAttribute(getCachedString(attribute_key), getCachedString(value_key))
105− /// ```
106− set_attribute(attribute_key, value_key) = 3,
107−
108− /// Stack: `[... Node] -> [... Node]`
109− ///
110− /// ```text
111− /// stack.top().removeAttribute(getCachedString(attribute_key))
112− /// ```
113− remove_attribute(attribute_key) = 4,
114−
115− /// Stack: `[... Node] -> [... Node Node]`
116− ///
117− /// ```text
118− /// parent = stack.top()
119− /// child = parent.childNodes[parent.childNodes.length - n - 1]
120− /// stack.push(child)
121− /// ```
122− push_reverse_child(n) = 5,
123−
124− /// Stack: `[... Node Node] -> [... Node Node]`
125− ///
126− /// ```text
127− /// stack.pop();
128− /// parent = stack.top();
129− /// child = parent.childNodes[n]
130− /// stack.push(child)
131− /// ```
132− pop_push_child(n) = 6,
133−
134− /// Stack: `[... T] -> [...]`
135− ///
136− /// ```text
137− /// stack.pop()
138− /// ```
139− pop() = 7,
140−
141− /// Stack: `[... Node Node] -> [... Node]`
142− ///
143− /// ```text
144− /// child = stack.pop()
145− /// stack.top().appendChild(child)
146− /// ```
147− append_child() = 8,
148−
149− /// Stack: `[...] -> [... Node]`
150− ///
151− /// ```text
152− /// stack.push(document.createTextNode(readString(pointer, length)))
153− /// ```
154− create_text_node(pointer, length) = 9,
155−
156− /// Stack: `[...] -> [... Node]`
157− ///
158− /// ```text
159− /// stack.push(document.createElement(getCachedString(tag_name_key))
160− /// ```
161− create_element(tag_name_key) = 10,
162−
163− /// Stack: `[... Node] -> [... Node]`
164− ///
165− /// ```text
166− /// event = getCachedString(event_key)
167− /// callback = createProxyToRustCallback(a, b)
168− /// stack.top().addEventListener(event, callback)
169− /// ```
170− new_event_listener(event_key, a, b) = 11,
171−
172− /// Stack: `[... Node] -> [... Node]`
173− ///
174− /// ```text
175− /// event = getCachedString(event_key)
176− /// new_callback = createProxyToRustCallback(a, b);
177− /// stack.top().updateEventlistener(new_callback)
178− /// ```
179− update_event_listener(event_key, a, b) = 12,
180−
181− /// Stack: `[... Node] -> [... Node]`
182− ///
183− /// ```text
184− /// stack.top().removeEventListener(getCachedString(event_key));
185− /// ```
186− remove_event_listener(event_key) = 13,
187−
188− /// Stack: `[...] -> [...]`
189− ///
190− /// ```text
191− /// addCachedString(readString(pointer, length), key);
192− /// ```
193− add_cached_string(pointer, length, key) = 14,
194−
195− /// Stack: `[...] -> [...]`
196− ///
197− /// ```text
198− /// dropCachedString(key);
199− /// ```
200− drop_cached_string(key) = 15,
201−
202− /// Stack: `[...] -> [... Node]`
203− ///
204− /// ```text
205− /// tag_name = getCachedString(tag_name_key)
206− /// namespace = getCachedString(tag_name_key)
207− /// stack.push(document.createElementNS(tag_name, namespace))
208− /// ```
209− create_element_ns(tag_name_key, namespace_key) = 16,
210−
211− /// Stack: `[...] -> [...]`
212− ///
213− /// ```text
214− /// parent = stack.top()
215− /// children = parent.childNodes
216− /// temp = temp_base
217− /// for i in start .. end:
218− /// temporaries[temp] = children[i]
219− /// temp += 1
220− /// ```
221− save_children_to_temporaries(temp_base, start, end) = 17,
222−
223− /// Stack: `[... Node] -> [... Node Node]`
224− ///
225− /// ```text
226− /// parent = stack.top()
227− /// child = parent.childNodes[n]
228− /// stack.push(child)
229− /// ```
230− push_child(n) = 18,
231−
232− /// Stack: `[...] -> [... Node]`
233− ///
234− /// ```text
235− /// stack.push(temporaries[temp])
236− /// ```
237− push_temporary(temp) = 19,
238−
239− /// Stack: `[... Node Node] -> [... Node]`
240− ///
241− /// ```text
242− /// before = stack.pop()
243− /// after = stack.pop()
244− /// after.insertBefore(before)
245− /// stack.push(before)
246− /// ```
247− insert_before() = 20,
248−
249− /// Stack: `[... Node Node] -> [... Node Node]`
250− ///
251− /// ```text
252− /// stack.pop()
253− /// parent = stack.top()
254− /// child = parent.childNodes[parent.childNodes.length - n - 1]
255− /// stack.push(child)
256− /// ```
257− pop_push_reverse_child(n) = 21,
258−
259− /// Stack: `[... Node] -> [... Node]`
260− ///
261− /// ```text
262− /// parent = stack.top()
263− /// child = parent.childNodes[n]
264− /// child.remove()
265− /// ```
266− remove_child(n) = 22,
267−
268− /// Stack: `[... Node] -> [... Node]`
269− ///
270− /// ```text
271− /// class = getCachedString(class)
272− /// node = stack.top()
273− /// node.className = class
274− /// ```
275− set_class(class) = 23,
276−
277− /// Stack: `[... Node] -> [... Node]`
278− ///
279− /// ```text
280− /// template = stack.top()
281− /// saveTemplate(id, template)
282− /// ```
283− save_template(id) = 24,
284−
285− /// Stack: `[...] -> [... Node]`
286− ///
287− /// ```text
288− /// template = getTemplate(id)
289− /// stack.push(template.cloneNode(true))
290− /// ```
291− push_template(id) = 25,
292−}
src/change_list/js.rsdeleted−40
@@ -1,40 +0,0 @@
1−cfg_if::cfg_if! {
2− if #[cfg(all(feature = "xxx-unstable-internal-use-only", not(target_arch = "wasm32")))] {
3− #[derive(Clone, Debug)]
4− pub struct ChangeListInterpreter {}
5− impl ChangeListInterpreter {
6− pub fn new(_container: &crate::Element) -> ChangeListInterpreter {
7− ChangeListInterpreter {}
8− }
9− pub fn unmount(&self) {}
10− pub fn add_change_list_range(&self, _start: usize, _len: usize) {}
11− pub fn init_events_trampoline(&self, _trampoline: &crate::EventsTrampoline) {}
12− }
13− } else {
14− use wasm_bindgen::prelude::*;
15−
16− #[wasm_bindgen(module = "/js/change-list-interpreter.js")]
17− extern "C" {
18− #[derive(Clone, Debug)]
19− pub type ChangeListInterpreter;
20−
21− #[wasm_bindgen(constructor)]
22− pub fn new(container: &web_sys::Element) -> ChangeListInterpreter;
23−
24− #[wasm_bindgen(structural, method)]
25− pub fn unmount(this: &ChangeListInterpreter);
26−
27− #[wasm_bindgen(structural, method, js_name = addChangeListRange)]
28− pub fn add_change_list_range(this: &ChangeListInterpreter, start: usize, len: usize);
29−
30− #[wasm_bindgen(structural, method, js_name = applyChanges)]
31− pub fn apply_changes(this: &ChangeListInterpreter, memory: JsValue);
32−
33− #[wasm_bindgen(structural, method, js_name = initEventsTrampoline)]
34− pub fn init_events_trampoline(
35− this: &ChangeListInterpreter,
36− trampoline: &crate::EventsTrampoline,
37− );
38− }
39− }
40−}
src/change_list/mod.rsdeleted−353
@@ -1,353 +0,0 @@
1−pub(crate) mod emitter;
2−pub(crate) mod strings;
3−pub(crate) mod traversal;
4−
5−// Note: has to be `pub` because of `wasm-bindgen` visibility restrictions.
6−pub mod js;
7−
8−use self::emitter::InstructionEmitter;
9−use self::strings::{StringKey, StringsCache};
10−use self::traversal::{MoveTo, Traversal};
11−use crate::{cached_set::CacheId, Listener};
12−use fxhash::FxHashSet;
13−
14−#[derive(Debug)]
15−pub(crate) struct ChangeListPersistentState {
16− strings: StringsCache,
17− emitter: InstructionEmitter,
18− traversal: Traversal,
19− interpreter: js::ChangeListInterpreter,
20− templates: FxHashSet<CacheId>,
21−}
22−
23−pub(crate) struct ChangeListBuilder<'a> {
24− state: &'a mut ChangeListPersistentState,
25− next_temporary: u32,
26− forcing_new_listeners: bool,
27−}
28−
29−impl Drop for ChangeListPersistentState {
30− fn drop(&mut self) {
31− self.interpreter.unmount();
32− }
33−}
34−
35−impl ChangeListPersistentState {
36− pub(crate) fn new(container: &crate::Element) -> ChangeListPersistentState {
37− let strings = StringsCache::new();
38− let emitter = InstructionEmitter::new();
39− let traversal = Traversal::new();
40− let interpreter = js::ChangeListInterpreter::new(container);
41− let templates = Default::default();
42− ChangeListPersistentState {
43− strings,
44− emitter,
45− traversal,
46− interpreter,
47− templates,
48− }
49− }
50−
51− pub(crate) fn init_events_trampoline(&mut self, trampoline: &crate::EventsTrampoline) {
52− self.interpreter.init_events_trampoline(trampoline);
53− }
54−
55− pub(crate) fn builder<'a>(&'a mut self) -> ChangeListBuilder<'a> {
56− ChangeListBuilder {
57− state: self,
58− next_temporary: 0,
59− forcing_new_listeners: false,
60− }
61− }
62−}
63−
64−cfg_if::cfg_if! {
65− if #[cfg(all(feature = "xxx-unstable-internal-use-only", not(target_arch = "wasm32")))] {
66− impl ChangeListBuilder<'_> {
67− pub(crate) fn finish(self) {
68− self.state.strings.drop_unused_strings(&self.state.emitter);
69−
70− // Nothing to actually apply the changes to.
71−
72− self.state.emitter.reset();
73− self.state.traversal.reset();
74− }
75− }
76− } else {
77− impl ChangeListBuilder<'_> {
78− pub(crate) fn finish(self) {
79− self.state.strings.drop_unused_strings(&self.state.emitter);
80−
81− // Apply the changes.
82− let interpreter = &self.state.interpreter;
83− self.state.emitter.each_instruction_sequence(|seq| {
84− interpreter.add_change_list_range(seq.as_ptr() as usize, seq.len());
85− });
86− interpreter.apply_changes(wasm_bindgen::memory());
87−
88− self.state.emitter.reset();
89− self.state.traversal.reset();
90− }
91− }
92− }
93−}
94−
95−/// Traversal methods.
96−impl ChangeListBuilder<'_> {
97− pub fn go_down(&mut self) {
98− self.state.traversal.down();
99− }
100−
101− pub fn go_down_to_child(&mut self, index: usize) {
102− self.state.traversal.down();
103− self.state.traversal.sibling(index);
104− }
105−
106− pub fn go_down_to_reverse_child(&mut self, index: usize) {
107− self.state.traversal.down();
108− self.state.traversal.reverse_sibling(index);
109− }
110−
111− pub fn go_up(&mut self) {
112− self.state.traversal.up();
113− }
114−
115− pub fn go_to_sibling(&mut self, index: usize) {
116− self.state.traversal.sibling(index);
117− }
118−
119− pub fn go_to_temp_sibling(&mut self, temp: u32) {
120− self.state.traversal.up();
121− self.state.traversal.down_to_temp(temp);
122− }
123−
124− pub fn go_down_to_temp_child(&mut self, temp: u32) {
125− self.state.traversal.down_to_temp(temp);
126− }
127−
128− pub fn commit_traversal(&mut self) {
129− if self.state.traversal.is_committed() {
130− return;
131− }
132−
133− for mv in self.state.traversal.commit() {
134− match mv {
135− MoveTo::Parent => {
136− debug!("emit: pop");
137− self.state.emitter.pop();
138− }
139− MoveTo::Child(n) => {
140− debug!("emit: push_child({})", n);
141− self.state.emitter.push_child(n);
142− }
143− MoveTo::ReverseChild(n) => {
144− debug!("emit: push_reverse_child({})", n);
145− self.state.emitter.push_reverse_child(n);
146− }
147− MoveTo::Sibling(n) => {
148− debug!("emit: pop_push_child({})", n);
149− self.state.emitter.pop_push_child(n);
150− }
151− MoveTo::ReverseSibling(n) => {
152− debug!("emit: pop_push_reverse_child({})", n);
153− self.state.emitter.pop_push_reverse_child(n);
154− }
155− MoveTo::TempChild(temp) => {
156− debug!("emit: push_temporary({})", temp);
157− self.state.emitter.push_temporary(temp);
158− }
159− }
160− }
161− }
162−
163− pub fn traversal_is_committed(&self) -> bool {
164− self.state.traversal.is_committed()
165− }
166−}
167−
168−impl ChangeListBuilder<'_> {
169− pub fn next_temporary(&self) -> u32 {
170− self.next_temporary
171− }
172−
173− pub fn set_next_temporary(&mut self, next_temporary: u32) {
174− self.next_temporary = next_temporary;
175− }
176−
177− pub fn save_children_to_temporaries(&mut self, start: usize, end: usize) -> u32 {
178− debug_assert!(self.traversal_is_committed());
179− debug_assert!(start < end);
180− let temp_base = self.next_temporary;
181− debug!(
182− "emit: save_children_to_temporaries({}, {}, {})",
183− temp_base, start, end
184− );
185− self.next_temporary = temp_base + (end - start) as u32;
186− self.state
187− .emitter
188− .save_children_to_temporaries(temp_base, start as u32, end as u32);
189− temp_base
190− }
191−
192− pub fn push_temporary(&self, temp: u32) {
193− debug_assert!(self.traversal_is_committed());
194− debug!("emit: push_temporary({})", temp);
195− self.state.emitter.push_temporary(temp);
196− }
197−
198− pub fn remove_child(&self, child: usize) {
199− debug_assert!(self.traversal_is_committed());
200− debug!("emit: remove_child({})", child);
201− self.state.emitter.remove_child(child as u32);
202− }
203−
204− pub fn insert_before(&self) {
205− debug_assert!(self.traversal_is_committed());
206− debug!("emit: insert_before()");
207− self.state.emitter.insert_before();
208− }
209−
210− pub fn ensure_string(&mut self, string: &str) -> StringKey {
211− self.state
212− .strings
213− .ensure_string(string, &self.state.emitter)
214− }
215−
216− pub fn set_text(&self, text: &str) {
217− debug_assert!(self.traversal_is_committed());
218− debug!("emit: set_text({:?})", text);
219− self.state
220− .emitter
221− .set_text(text.as_ptr() as u32, text.len() as u32);
222− }
223−
224− pub fn remove_self_and_next_siblings(&self) {
225− debug_assert!(self.traversal_is_committed());
226− debug!("emit: remove_self_and_next_siblings()");
227− self.state.emitter.remove_self_and_next_siblings();
228− }
229−
230− pub fn replace_with(&self) {
231− debug_assert!(self.traversal_is_committed());
232− debug!("emit: replace_with()");
233− self.state.emitter.replace_with();
234− }
235−
236− pub fn set_attribute(&mut self, name: &str, value: &str, is_namespaced: bool) {
237− debug_assert!(self.traversal_is_committed());
238− if name == "class" && !is_namespaced {
239− let class_id = self.ensure_string(value);
240− debug!("emit: set_class({:?})", value);
241− self.state.emitter.set_class(class_id.into());
242− } else {
243− let name_id = self.ensure_string(name);
244− let value_id = self.ensure_string(value);
245− debug!("emit: set_attribute({:?}, {:?})", name, value);
246− self.state
247− .emitter
248− .set_attribute(name_id.into(), value_id.into());
249− }
250− }
251−
252− pub fn remove_attribute(&mut self, name: &str) {
253− debug_assert!(self.traversal_is_committed());
254− debug!("emit: remove_attribute({:?})", name);
255− let name_id = self.ensure_string(name);
256− self.state.emitter.remove_attribute(name_id.into());
257− }
258−
259− pub fn append_child(&self) {
260− debug_assert!(self.traversal_is_committed());
261− debug!("emit: append_child()");
262− self.state.emitter.append_child();
263− }
264−
265− pub fn create_text_node(&self, text: &str) {
266− debug_assert!(self.traversal_is_committed());
267− debug!("emit: create_text_node({:?})", text);
268− self.state
269− .emitter
270− .create_text_node(text.as_ptr() as u32, text.len() as u32);
271− }
272−
273− pub fn create_element(&mut self, tag_name: &str) {
274− debug_assert!(self.traversal_is_committed());
275− debug!("emit: create_element({:?})", tag_name);
276− let tag_name_id = self.ensure_string(tag_name);
277− self.state.emitter.create_element(tag_name_id.into());
278− }
279−
280− pub fn create_element_ns(&mut self, tag_name: &str, ns: &str) {
281− debug_assert!(self.traversal_is_committed());
282− debug!("emit: create_element_ns({:?}, {:?})", tag_name, ns);
283− let tag_name_id = self.ensure_string(tag_name);
284− let ns_id = self.ensure_string(ns);
285− self.state
286− .emitter
287− .create_element_ns(tag_name_id.into(), ns_id.into());
288− }
289−
290− pub fn push_force_new_listeners(&mut self) -> bool {
291− let old = self.forcing_new_listeners;
292− self.forcing_new_listeners = true;
293− old
294− }
295−
296− pub fn pop_force_new_listeners(&mut self, previous: bool) {
297− debug_assert!(self.forcing_new_listeners);
298− self.forcing_new_listeners = previous;
299− }
300−
301− pub fn new_event_listener(&mut self, listener: &Listener) {
302− debug_assert!(self.traversal_is_committed());
303− debug!("emit: new_event_listener({:?})", listener);
304− let (a, b) = listener.get_callback_parts();
305− debug_assert!(a != 0);
306− let event_id = self.ensure_string(listener.event);
307− self.state.emitter.new_event_listener(event_id.into(), a, b);
308− }
309−
310− pub fn update_event_listener(&mut self, listener: &Listener) {
311− debug_assert!(self.traversal_is_committed());
312−
313− if self.forcing_new_listeners {
314− self.new_event_listener(listener);
315− return;
316− }
317−
318− debug!("emit: update_event_listener({:?})", listener);
319− let (a, b) = listener.get_callback_parts();
320− debug_assert!(a != 0);
321− let event_id = self.ensure_string(listener.event);
322− self.state
323− .emitter
324− .update_event_listener(event_id.into(), a, b);
325− }
326−
327− pub fn remove_event_listener(&mut self, event: &str) {
328− debug_assert!(self.traversal_is_committed());
329− debug!("emit: remove_event_listener({:?})", event);
330− let event_id = self.ensure_string(event);
331− self.state.emitter.remove_event_listener(event_id.into());
332− }
333−
334− #[inline]
335− pub fn has_template(&mut self, id: CacheId) -> bool {
336− self.state.templates.contains(&id)
337− }
338−
339− pub fn save_template(&mut self, id: CacheId) {
340− debug_assert!(self.traversal_is_committed());
341− debug_assert!(!self.has_template(id));
342− debug!("emit: save_template({:?})", id);
343− self.state.templates.insert(id);
344− self.state.emitter.save_template(id.into());
345− }
346−
347− pub fn push_template(&mut self, id: CacheId) {
348− debug_assert!(self.traversal_is_committed());
349− debug_assert!(self.has_template(id));
350− debug!("emit: push_template({:?})", id);
351− self.state.emitter.push_template(id.into());
352− }
353−}
src/change_list/strings.rsdeleted−66
@@ -1,66 +0,0 @@
1−use crate::change_list::emitter::InstructionEmitter;
2−use fxhash::FxHashMap;
3−
4−#[derive(Clone, Copy, Debug, PartialEq, Eq)]
5−pub struct StringKey(u32);
6−
7−impl From<StringKey> for u32 {
8− #[inline]
9− fn from(key: StringKey) -> u32 {
10− key.0
11− }
12−}
13−
14−#[derive(Debug)]
15−struct StringsCacheEntry {
16− key: StringKey,
17− used: bool,
18−}
19−
20−#[derive(Debug, Default)]
21−pub(crate) struct StringsCache {
22− entries: FxHashMap<String, StringsCacheEntry>,
23− next_string_key: u32,
24−}
25−
26−impl StringsCache {
27− /// Create a new, empty strings cache.
28− pub fn new() -> StringsCache {
29− Default::default()
30− }
31−
32− /// Ensure that the given string is cached, and get its key.
33− pub fn ensure_string(&mut self, string: &str, emitter: &InstructionEmitter) -> StringKey {
34− if let Some(entry) = self.entries.get_mut(string) {
35− entry.used = true;
36− entry.key
37− } else {
38− let key = StringKey(self.next_string_key);
39− self.next_string_key += 1;
40− let entry = StringsCacheEntry { key, used: true };
41− self.entries.insert(string.to_string(), entry);
42− emitter.add_cached_string(string.as_ptr() as u32, string.len() as u32, key.into());
43− key
44− }
45− }
46−
47− pub fn drop_unused_strings(&mut self, emitter: &InstructionEmitter) {
48− self.entries.retain(|string, entry| {
49− if entry.used {
50− // Since this entry was used during while rendering this frame,
51− // it is likely going to be used for the next frame as well. So
52− // we keep it in the cache so that we don't have to repopulate
53− // and resync the cache next frame (assuming it is reused), but
54− // we set the `used` flag to false so that if it is not used
55− // next frame, it will be cleaned up.
56− entry.used = false;
57− true
58− } else {
59− let key = entry.key.into();
60− debug!("emit: drop_cached_string({}) = {:?}", key, string);
61− emitter.drop_cached_string(key);
62− false
63− }
64− });
65− }
66−}
src/change_list/traversal.rsdeleted−344
@@ -1,344 +0,0 @@
1−//! Keeps track of where we are moving in a DOM tree, and shortens traversal
2−//! paths between mutations to their minimal number of operations.
3−
4−#[derive(Clone, Copy, Debug, PartialEq, Eq)]
5−pub enum MoveTo {
6− /// Move from the current node up to its parent.
7− Parent,
8−
9− /// Move to the current node's n^th child.
10− Child(u32),
11−
12− /// Move to the current node's n^th from last child.
13− ReverseChild(u32),
14−
15− /// Move to the n^th sibling. Not relative from the current
16− /// location. Absolute indexed within all of the current siblings.
17− Sibling(u32),
18−
19− /// Move to the n^th from last sibling. Not relative from the current
20− /// location. Absolute indexed within all of the current siblings.
21− ReverseSibling(u32),
22−
23− /// Move down to the given saved temporary child.
24− TempChild(u32),
25−}
26−
27−#[derive(Debug)]
28−pub struct Traversal {
29− uncommitted: Vec<MoveTo>,
30−}
31−
32−impl Traversal {
33− /// Construct a new `Traversal` with its internal storage backed by the
34− /// given bump arena.
35− pub fn new() -> Traversal {
36− Traversal {
37− uncommitted: Vec::with_capacity(32),
38− }
39− }
40−
41− /// Move the traversal up in the tree.
42− pub fn up(&mut self) {
43− match self.uncommitted.last() {
44− Some(MoveTo::Sibling(_)) | Some(MoveTo::ReverseSibling(_)) => {
45− self.uncommitted.pop();
46− self.uncommitted.push(MoveTo::Parent);
47− }
48− Some(MoveTo::TempChild(_)) | Some(MoveTo::Child(_)) | Some(MoveTo::ReverseChild(_)) => {
49− self.uncommitted.pop();
50− // And we're back at the parent.
51− }
52− _ => {
53− self.uncommitted.push(MoveTo::Parent);
54− }
55− }
56− }
57−
58− /// Move the traversal down in the tree to the first child of the current
59− /// node.
60− pub fn down(&mut self) {
61− if let Some(&MoveTo::Parent) = self.uncommitted.last() {
62− self.uncommitted.pop();
63− self.sibling(0);
64− } else {
65− self.uncommitted.push(MoveTo::Child(0));
66− }
67− }
68−
69− /// Move the traversal to the n^th sibling.
70− pub fn sibling(&mut self, index: usize) {
71− let index = index as u32;
72− match self.uncommitted.last_mut() {
73− Some(MoveTo::Sibling(ref mut n)) | Some(MoveTo::Child(ref mut n)) => {
74− *n = index;
75− }
76− Some(MoveTo::ReverseSibling(_)) => {
77− self.uncommitted.pop();
78− self.uncommitted.push(MoveTo::Sibling(index));
79− }
80− Some(MoveTo::TempChild(_)) | Some(MoveTo::ReverseChild(_)) => {
81− self.uncommitted.pop();
82− self.uncommitted.push(MoveTo::Child(index))
83− }
84− _ => {
85− self.uncommitted.push(MoveTo::Sibling(index));
86− }
87− }
88− }
89−
90− /// Move the the n^th from last sibling.
91− pub fn reverse_sibling(&mut self, index: usize) {
92− let index = index as u32;
93− match self.uncommitted.last_mut() {
94− Some(MoveTo::ReverseSibling(ref mut n)) | Some(MoveTo::ReverseChild(ref mut n)) => {
95− *n = index;
96− }
97− Some(MoveTo::Sibling(_)) => {
98− self.uncommitted.pop();
99− self.uncommitted.push(MoveTo::ReverseSibling(index));
100− }
101− Some(MoveTo::TempChild(_)) | Some(MoveTo::Child(_)) => {
102− self.uncommitted.pop();
103− self.uncommitted.push(MoveTo::ReverseChild(index))
104− }
105− _ => {
106− self.uncommitted.push(MoveTo::ReverseSibling(index));
107− }
108− }
109− }
110−
111− /// Go to the given saved temporary.
112− pub fn down_to_temp(&mut self, temp: u32) {
113− match self.uncommitted.last() {
114− Some(MoveTo::Sibling(_)) | Some(MoveTo::ReverseSibling(_)) => {
115− self.uncommitted.pop();
116− }
117− Some(MoveTo::Parent)
118− | Some(MoveTo::TempChild(_))
119− | Some(MoveTo::Child(_))
120− | Some(MoveTo::ReverseChild(_))
121− | None => {
122− // Can't remove moves to parents since we rely on their stack
123− // pops.
124− }
125− }
126− self.uncommitted.push(MoveTo::TempChild(temp));
127− }
128−
129− /// Are all the traversal's moves committed? That is, are there no moves
130− /// that have *not* been committed yet?
131− #[inline]
132− pub fn is_committed(&self) -> bool {
133− self.uncommitted.is_empty()
134− }
135−
136− /// Commit this traversals moves and return the optimized path from the last
137− /// commit.
138− #[inline]
139− pub fn commit(&mut self) -> Moves {
140− Moves {
141− inner: self.uncommitted.drain(..),
142− }
143− }
144−
145− #[inline]
146− pub fn reset(&mut self) {
147− self.uncommitted.clear();
148− }
149−}
150−
151−pub struct Moves<'a> {
152− inner: std::vec::Drain<'a, MoveTo>,
153−}
154−
155−impl Iterator for Moves<'_> {
156− type Item = MoveTo;
157−
158− #[inline]
159− fn next(&mut self) -> Option<MoveTo> {
160− self.inner.next()
161− }
162−}
163−
164−#[cfg(test)]
165−mod tests {
166− use super::*;
167−
168− #[test]
169− fn test_traversal() {
170− fn t<F>(f: F) -> Box<dyn FnMut(&mut Traversal)>
171− where
172− F: 'static + FnMut(&mut Traversal),
173− {
174− Box::new(f) as _
175− }
176−
177− for (mut traverse, expected_moves) in vec![
178− (
179− t(|t| {
180− t.down();
181− }),
182− vec![MoveTo::Child(0)],
183− ),
184− (
185− t(|t| {
186− t.up();
187− }),
188− vec![MoveTo::Parent],
189− ),
190− (
191− t(|t| {
192− t.sibling(42);
193− }),
194− vec![MoveTo::Sibling(42)],
195− ),
196− (
197− t(|t| {
198− t.down();
199− t.up();
200− }),
201− vec![],
202− ),
203− (
204− t(|t| {
205− t.down();
206− t.sibling(2);
207− t.up();
208− }),
209− vec![],
210− ),
211− (
212− t(|t| {
213− t.down();
214− t.sibling(3);
215− }),
216− vec![MoveTo::Child(3)],
217− ),
218− (
219− t(|t| {
220− t.down();
221− t.sibling(4);
222− t.sibling(8);
223− }),
224− vec![MoveTo::Child(8)],
225− ),
226− (
227− t(|t| {
228− t.sibling(1);
229− t.sibling(1);
230− }),
231− vec![MoveTo::Sibling(1)],
232− ),
233− (
234− t(|t| {
235− t.reverse_sibling(3);
236− }),
237− vec![MoveTo::ReverseSibling(3)],
238− ),
239− (
240− t(|t| {
241− t.down();
242− t.reverse_sibling(3);
243− }),
244− vec![MoveTo::ReverseChild(3)],
245− ),
246− (
247− t(|t| {
248− t.down();
249− t.reverse_sibling(3);
250− t.up();
251− }),
252− vec![],
253− ),
254− (
255− t(|t| {
256− t.down();
257− t.reverse_sibling(3);
258− t.reverse_sibling(6);
259− }),
260− vec![MoveTo::ReverseChild(6)],
261− ),
262− (
263− t(|t| {
264− t.up();
265− t.reverse_sibling(3);
266− t.reverse_sibling(6);
267− }),
268− vec![MoveTo::Parent, MoveTo::ReverseSibling(6)],
269− ),
270− (
271− t(|t| {
272− t.up();
273− t.sibling(3);
274− t.sibling(6);
275− }),
276− vec![MoveTo::Parent, MoveTo::Sibling(6)],
277− ),
278− (
279− t(|t| {
280− t.sibling(3);
281− t.sibling(6);
282− t.up();
283− }),
284− vec![MoveTo::Parent],
285− ),
286− (
287− t(|t| {
288− t.reverse_sibling(3);
289− t.reverse_sibling(6);
290− t.up();
291− }),
292− vec![MoveTo::Parent],
293− ),
294− (
295− t(|t| {
296− t.down();
297− t.down_to_temp(3);
298− }),
299− vec![MoveTo::Child(0), MoveTo::TempChild(3)],
300− ),
301− (
302− t(|t| {
303− t.down_to_temp(3);
304− t.sibling(5);
305− }),
306− vec![MoveTo::Child(5)],
307− ),
308− (
309− t(|t| {
310− t.down_to_temp(3);
311− t.reverse_sibling(5);
312− }),
313− vec![MoveTo::ReverseChild(5)],
314− ),
315− (
316− t(|t| {
317− t.down_to_temp(3);
318− t.up();
319− }),
320− vec![],
321− ),
322− (
323− t(|t| {
324− t.sibling(2);
325− t.up();
326− t.down_to_temp(3);
327− }),
328− vec![MoveTo::Parent, MoveTo::TempChild(3)],
329− ),
330− (
331− t(|t| {
332− t.up();
333− t.down_to_temp(3);
334− }),
335− vec![MoveTo::Parent, MoveTo::TempChild(3)],
336− ),
337− ] {
338− let mut traversal = Traversal::new();
339− traverse(&mut traversal);
340− let actual_moves: Vec<_> = traversal.commit().collect();
341− assert_eq!(actual_moves, expected_moves);
342− }
343− }
344−}
src/diff.rsdeleted−1125
@@ -1,1125 +0,0 @@
1−use crate::{
2− cached_set::{CacheId, CachedSet},
3− change_list::ChangeListBuilder,
4− events::EventsRegistry,
5− node::{Attribute, ElementNode, Listener, Node, NodeKind, TextNode},
6−};
7−use fxhash::{FxHashMap, FxHashSet};
8−use std::cmp::Ordering;
9−use std::u32;
10−use wasm_bindgen::UnwrapThrowExt;
11−
12−// Diff the `old` node with the `new` node. Emits instructions to modify a
13−// physical DOM node that reflects `old` into something that reflects `new`.
14−//
15−// Upon entry to this function, the physical DOM node must be on the top of the
16−// change list stack:
17−//
18−// [... node]
19−//
20−// The change list stack is in the same state when this function exits.
21−pub(crate) fn diff(
22− cached_set: &CachedSet,
23− change_list: &mut ChangeListBuilder,
24− registry: &mut EventsRegistry,
25− old: &Node,
26− new: &Node,
27− cached_roots: &mut FxHashSet<CacheId>,
28−) {
29− match (&new.kind, &old.kind) {
30− (
31− &NodeKind::Text(TextNode { text: new_text }),
32− &NodeKind::Text(TextNode { text: old_text }),
33− ) => {
34− if new_text != old_text {
35− change_list.commit_traversal();
36− change_list.set_text(new_text);
37− }
38− }
39−
40− (&NodeKind::Text(_), &NodeKind::Element(_)) => {
41− change_list.commit_traversal();
42− create(cached_set, change_list, registry, new, cached_roots);
43− registry.remove_subtree(&old);
44− change_list.replace_with();
45− }
46−
47− (&NodeKind::Element(_), &NodeKind::Text(_)) => {
48− change_list.commit_traversal();
49− create(cached_set, change_list, registry, new, cached_roots);
50− // Note: text nodes cannot have event listeners, so we don't need to
51− // remove the old node's listeners from our registry her.
52− change_list.replace_with();
53− }
54−
55− (
56− &NodeKind::Element(ElementNode {
57− key: _,
58− tag_name: new_tag_name,
59− listeners: new_listeners,
60− attributes: new_attributes,
61− children: new_children,
62− namespace: new_namespace,
63− }),
64− &NodeKind::Element(ElementNode {
65− key: _,
66− tag_name: old_tag_name,
67− listeners: old_listeners,
68− attributes: old_attributes,
69− children: old_children,
70− namespace: old_namespace,
71− }),
72− ) => {
73− if new_tag_name != old_tag_name || new_namespace != old_namespace {
74− change_list.commit_traversal();
75− create(cached_set, change_list, registry, new, cached_roots);
76− registry.remove_subtree(&old);
77− change_list.replace_with();
78− return;
79− }
80− diff_listeners(change_list, registry, old_listeners, new_listeners);
81− diff_attributes(change_list, old_attributes, new_attributes, new_namespace.is_some());
82− diff_children(
83− cached_set,
84− change_list,
85− registry,
86− old_children,
87− new_children,
88− cached_roots,
89− );
90− }
91−
92− // Both the new and old nodes are cached.
93− (&NodeKind::Cached(ref new), &NodeKind::Cached(ref old)) => {
94− cached_roots.insert(new.id);
95−
96− if new.id == old.id {
97− // This is the same cached node, so nothing has changed!
98− return;
99− }
100−
101− let (new, new_template) = cached_set.get(new.id);
102− let (old, old_template) = cached_set.get(old.id);
103− if new_template == old_template {
104− // If they are both using the same template, then just diff the
105− // subtrees.
106− diff(cached_set, change_list, registry, old, new, cached_roots);
107− } else {
108− // Otherwise, they are probably different enough that
109− // re-constructing the subtree from scratch should be faster.
110− // This doubly holds true if we have a new template.
111− change_list.commit_traversal();
112− create_and_replace(
113− cached_set,
114− change_list,
115− registry,
116− new_template,
117− old,
118− new,
119− cached_roots,
120− );
121− }
122− }
123−
124− // New cached node when the old node was not cached. In this scenario,
125− // we assume that they are pretty different, and it isn't worth diffing
126− // the subtrees, so we just create the new cached node afresh.
127− (&NodeKind::Cached(ref c), _) => {
128− change_list.commit_traversal();
129− cached_roots.insert(c.id);
130− let (new, new_template) = cached_set.get(c.id);
131− create_and_replace(
132− cached_set,
133− change_list,
134− registry,
135− new_template,
136− old,
137− new,
138− cached_roots,
139− );
140− }
141−
142− // Old cached node and new non-cached node. Again, assume that they are
143− // probably pretty different and create the new non-cached node afresh.
144− (_, &NodeKind::Cached(_)) => {
145− change_list.commit_traversal();
146− create(cached_set, change_list, registry, new, cached_roots);
147− registry.remove_subtree(&old);
148− change_list.replace_with();
149− }
150− }
151−}
152−
153−// Diff event listeners between `old` and `new`.
154−//
155−// The listeners' node must be on top of the change list stack:
156−//
157−// [... node]
158−//
159−// The change list stack is left unchanged.
160−fn diff_listeners(
161− change_list: &mut ChangeListBuilder,
162− registry: &mut EventsRegistry,
163− old: &[Listener],
164− new: &[Listener],
165−) {
166− if !old.is_empty() || !new.is_empty() {
167− change_list.commit_traversal();
168− }
169−
170− 'outer1: for new_l in new {
171− unsafe {
172− // Safety relies on removing `new_l` from the registry manually at
173− // the end of its lifetime. This happens below in the `'outer2`
174− // loop, and elsewhere in diffing when removing old dom trees.
175− registry.add(new_l);
176− }
177−
178− for old_l in old {
179− if new_l.event == old_l.event {
180− change_list.update_event_listener(new_l);
181− continue 'outer1;
182− }
183− }
184−
185− change_list.new_event_listener(new_l);
186− }
187−
188− 'outer2: for old_l in old {
189− registry.remove(old_l);
190−
191− for new_l in new {
192− if new_l.event == old_l.event {
193− continue 'outer2;
194− }
195− }
196− change_list.remove_event_listener(old_l.event);
197− }
198−}
199−
200−// Diff a node's attributes.
201−//
202−// The attributes' node must be on top of the change list stack:
203−//
204−// [... node]
205−//
206−// The change list stack is left unchanged.
207−fn diff_attributes(change_list: &mut ChangeListBuilder, old: &[Attribute], new: &[Attribute], is_namespaced: bool) {
208− // Do O(n^2) passes to add/update and remove attributes, since
209− // there are almost always very few attributes.
210− 'outer: for new_attr in new {
211− if new_attr.is_volatile() {
212− change_list.commit_traversal();
213− change_list.set_attribute(new_attr.name, new_attr.value, is_namespaced);
214− } else {
215− for old_attr in old {
216− if old_attr.name == new_attr.name {
217− if old_attr.value != new_attr.value {
218− change_list.commit_traversal();
219− change_list.set_attribute(new_attr.name, new_attr.value, is_namespaced);
220− }
221− continue 'outer;
222− }
223− }
224−
225− change_list.commit_traversal();
226− change_list.set_attribute(new_attr.name, new_attr.value, is_namespaced);
227− }
228− }
229−
230− 'outer2: for old_attr in old {
231− for new_attr in new {
232− if old_attr.name == new_attr.name {
233− continue 'outer2;
234− }
235− }
236−
237− change_list.commit_traversal();
238− change_list.remove_attribute(old_attr.name);
239− }
240−}
241−
242−// Diff the given set of old and new children.
243−//
244−// The parent must be on top of the change list stack when this function is
245−// entered:
246−//
247−// [... parent]
248−//
249−// the change list stack is in the same state when this function returns.
250−fn diff_children(
251− cached_set: &CachedSet,
252− change_list: &mut ChangeListBuilder,
253− registry: &mut EventsRegistry,
254− old: &[Node],
255− new: &[Node],
256− cached_roots: &mut FxHashSet<CacheId>,
257−) {
258− if new.is_empty() {
259− if !old.is_empty() {
260− change_list.commit_traversal();
261− remove_all_children(change_list, registry, old);
262− }
263− return;
264− }
265−
266− if new.len() == 1 {
267− match (old.first(), &new[0]) {
268− (
269− Some(&Node {
270− kind: NodeKind::Text(TextNode { text: old_text }),
271− }),
272− &Node {
273− kind: NodeKind::Text(TextNode { text: new_text }),
274− },
275− ) if old_text == new_text => {
276− // Don't take this fast path...
277− }
278− (
279− _,
280− &Node {
281− kind: NodeKind::Text(TextNode { text }),
282− },
283− ) => {
284− change_list.commit_traversal();
285− change_list.set_text(text);
286− for o in old {
287− registry.remove_subtree(o);
288− }
289− return;
290− }
291− (_, _) => {}
292− }
293− }
294−
295− if old.is_empty() {
296− if !new.is_empty() {
297− change_list.commit_traversal();
298− create_and_append_children(cached_set, change_list, registry, new, cached_roots);
299− }
300− return;
301− }
302−
303− let new_is_keyed = new[0].key().is_some();
304− let old_is_keyed = old[0].key().is_some();
305−
306− debug_assert!(
307− new.iter().all(|n| n.key().is_some() == new_is_keyed),
308− "all siblings must be keyed or all siblings must be non-keyed"
309− );
310− debug_assert!(
311− old.iter().all(|o| o.key().is_some() == old_is_keyed),
312− "all siblings must be keyed or all siblings must be non-keyed"
313− );
314−
315− if new_is_keyed && old_is_keyed {
316− let t = change_list.next_temporary();
317− diff_keyed_children(cached_set, change_list, registry, old, new, cached_roots);
318− change_list.set_next_temporary(t);
319− } else {
320− diff_non_keyed_children(cached_set, change_list, registry, old, new, cached_roots);
321− }
322−}
323−
324−// Diffing "keyed" children.
325−//
326−// With keyed children, we care about whether we delete, move, or create nodes
327−// versus mutate existing nodes in place. Presumably there is some sort of CSS
328−// transition animation that makes the virtual DOM diffing algorithm
329−// observable. By specifying keys for nodes, we know which virtual DOM nodes
330−// must reuse (or not reuse) the same physical DOM nodes.
331−//
332−// This is loosely based on Inferno's keyed patching implementation. However, we
333−// have to modify the algorithm since we are compiling the diff down into change
334−// list instructions that will be executed later, rather than applying the
335−// changes to the DOM directly as we compare virtual DOMs.
336−//
337−// https://github.com/infernojs/inferno/blob/36fd96/packages/inferno/src/DOM/patching.ts#L530-L739
338−//
339−// When entering this function, the parent must be on top of the change list
340−// stack:
341−//
342−// [... parent]
343−//
344−// Upon exiting, the change list stack is in the same state.
345−fn diff_keyed_children(
346− cached_set: &CachedSet,
347− change_list: &mut ChangeListBuilder,
348− registry: &mut EventsRegistry,
349− old: &[Node],
350− new: &[Node],
351− cached_roots: &mut FxHashSet<CacheId>,
352−) {
353− if cfg!(debug_assertions) {
354− let mut keys = FxHashSet::default();
355− let mut assert_unique_keys = |children: &[Node]| {
356− keys.clear();
357− for child in children {
358− let key = child.key();
359− debug_assert!(
360− key.is_some(),
361− "if any sibling is keyed, all siblings must be keyed"
362− );
363− keys.insert(key);
364− }
365− debug_assert_eq!(
366− children.len(),
367− keys.len(),
368− "keyed siblings must each have a unique key"
369− );
370− };
371− assert_unique_keys(old);
372− assert_unique_keys(new);
373− }
374−
375− // First up, we diff all the nodes with the same key at the beginning of the
376− // children.
377− //
378− // `shared_prefix_count` is the count of how many nodes at the start of
379− // `new` and `old` share the same keys.
380− let shared_prefix_count =
381− match diff_keyed_prefix(cached_set, change_list, registry, old, new, cached_roots) {
382− KeyedPrefixResult::Finished => return,
383− KeyedPrefixResult::MoreWorkToDo(count) => count,
384− };
385−
386− // Next, we find out how many of the nodes at the end of the children have
387− // the same key. We do _not_ diff them yet, since we want to emit the change
388− // list instructions such that they can be applied in a single pass over the
389− // DOM. Instead, we just save this information for later.
390− //
391− // `shared_suffix_count` is the count of how many nodes at the end of `new`
392− // and `old` share the same keys.
393− let shared_suffix_count = old[shared_prefix_count..]
394− .iter()
395− .rev()
396− .zip(new[shared_prefix_count..].iter().rev())
397− .take_while(|&(old, new)| old.key() == new.key())
398− .count();
399−
400− let old_shared_suffix_start = old.len() - shared_suffix_count;
401− let new_shared_suffix_start = new.len() - shared_suffix_count;
402−
403− // Ok, we now hopefully have a smaller range of children in the middle
404− // within which to re-order nodes with the same keys, remove old nodes with
405− // now-unused keys, and create new nodes with fresh keys.
406− diff_keyed_middle(
407− cached_set,
408− change_list,
409− registry,
410− &old[shared_prefix_count..old_shared_suffix_start],
411− &new[shared_prefix_count..new_shared_suffix_start],
412− cached_roots,
413− shared_prefix_count,
414− shared_suffix_count,
415− old_shared_suffix_start,
416− );
417−
418− // Finally, diff the nodes at the end of `old` and `new` that share keys.
419− let old_suffix = &old[old_shared_suffix_start..];
420− let new_suffix = &new[new_shared_suffix_start..];
421− debug_assert_eq!(old_suffix.len(), new_suffix.len());
422− if !old_suffix.is_empty() {
423− diff_keyed_suffix(
424− cached_set,
425− change_list,
426− registry,
427− old_suffix,
428− new_suffix,
429− cached_roots,
430− new_shared_suffix_start,
431− );
432− }
433−}
434−
435−enum KeyedPrefixResult {
436− // Fast path: we finished diffing all the children just by looking at the
437− // prefix of shared keys!
438− Finished,
439− // There is more diffing work to do. Here is a count of how many children at
440− // the beginning of `new` and `old` we already processed.
441− MoreWorkToDo(usize),
442−}
443−
444−// Diff the prefix of children in `new` and `old` that share the same keys in
445−// the same order.
446−//
447−// Upon entry of this function, the change list stack must be:
448−//
449−// [... parent]
450−//
451−// Upon exit, the change list stack is the same.
452−fn diff_keyed_prefix(
453− cached_set: &CachedSet,
454− change_list: &mut ChangeListBuilder,
455− registry: &mut EventsRegistry,
456− old: &[Node],
457− new: &[Node],
458− cached_roots: &mut FxHashSet<CacheId>,
459−) -> KeyedPrefixResult {
460− change_list.go_down();
461− let mut shared_prefix_count = 0;
462−
463− for (i, (old, new)) in old.iter().zip(new.iter()).enumerate() {
464− if old.key() != new.key() {
465− break;
466− }
467−
468− change_list.go_to_sibling(i);
469− diff(cached_set, change_list, registry, old, new, cached_roots);
470− shared_prefix_count += 1;
471− }
472−
473− // If that was all of the old children, then create and append the remaining
474− // new children and we're finished.
475− if shared_prefix_count == old.len() {
476− change_list.go_up();
477− change_list.commit_traversal();
478− create_and_append_children(
479− cached_set,
480− change_list,
481− registry,
482− &new[shared_prefix_count..],
483− cached_roots,
484− );
485− return KeyedPrefixResult::Finished;
486− }
487−
488− // And if that was all of the new children, then remove all of the remaining
489− // old children and we're finished.
490− if shared_prefix_count == new.len() {
491− change_list.go_to_sibling(shared_prefix_count);
492− change_list.commit_traversal();
493− remove_self_and_next_siblings(change_list, registry, &old[shared_prefix_count..]);
494− return KeyedPrefixResult::Finished;
495− }
496−
497− change_list.go_up();
498− KeyedPrefixResult::MoreWorkToDo(shared_prefix_count)
499−}
500−
501−// The most-general, expensive code path for keyed children diffing.
502−//
503−// We find the longest subsequence within `old` of children that are relatively
504−// ordered the same way in `new` (via finding a longest-increasing-subsequence
505−// of the old child's index within `new`). The children that are elements of
506−// this subsequence will remain in place, minimizing the number of DOM moves we
507−// will have to do.
508−//
509−// Upon entry to this function, the change list stack must be:
510−//
511−// [... parent]
512−//
513−// Upon exit from this function, it will be restored to that same state.
514−fn diff_keyed_middle(
515− cached_set: &CachedSet,
516− change_list: &mut ChangeListBuilder,
517− registry: &mut EventsRegistry,
518− old: &[Node],
519− mut new: &[Node],
520− cached_roots: &mut FxHashSet<CacheId>,
521− shared_prefix_count: usize,
522− shared_suffix_count: usize,
523− old_shared_suffix_start: usize,
524−) {
525− // Should have already diffed the shared-key prefixes and suffixes.
526− debug_assert_ne!(new.first().map(|n| n.key()), old.first().map(|o| o.key()));
527− debug_assert_ne!(new.last().map(|n| n.key()), old.last().map(|o| o.key()));
528−
529− // The algorithm below relies upon using `u32::MAX` as a sentinel
530− // value, so if we have that many new nodes, it won't work. This
531− // check is a bit academic (hence only enabled in debug), since
532− // wasm32 doesn't have enough address space to hold that many nodes
533− // in memory.
534− debug_assert!(new.len() < u32::MAX as usize);
535−
536− // Map from each `old` node's key to its index within `old`.
537− let mut old_key_to_old_index = FxHashMap::default();
538− old_key_to_old_index.reserve(old.len());
539− old_key_to_old_index.extend(old.iter().enumerate().map(|(i, o)| (o.key(), i)));
540−
541− // The set of shared keys between `new` and `old`.
542− let mut shared_keys = FxHashSet::default();
543− // Map from each index in `new` to the index of the node in `old` that
544− // has the same key.
545− let mut new_index_to_old_index = Vec::with_capacity(new.len());
546− new_index_to_old_index.extend(new.iter().map(|n| {
547− let key = n.key();
548− if let Some(&i) = old_key_to_old_index.get(&key) {
549− shared_keys.insert(key);
550− i
551− } else {
552− u32::MAX as usize
553− }
554− }));
555−
556− // If none of the old keys are reused by the new children, then we
557− // remove all the remaining old children and create the new children
558− // afresh.
559− if shared_suffix_count == 0 && shared_keys.is_empty() {
560− if shared_prefix_count == 0 {
561− change_list.commit_traversal();
562− remove_all_children(change_list, registry, old);
563− } else {
564− change_list.go_down_to_child(shared_prefix_count);
565− change_list.commit_traversal();
566− remove_self_and_next_siblings(change_list, registry, &old[shared_prefix_count..]);
567− }
568− create_and_append_children(cached_set, change_list, registry, new, cached_roots);
569− return;
570− }
571−
572− // Save each of the old children whose keys are reused in the new
573− // children.
574− let mut old_index_to_temp = vec![u32::MAX; old.len()];
575− let mut start = 0;
576− loop {
577− let end = (start..old.len())
578− .find(|&i| {
579− let key = old[i].key();
580− !shared_keys.contains(&key)
581− })
582− .unwrap_or(old.len());
583−
584− if end - start > 0 {
585− change_list.commit_traversal();
586− let mut t = change_list.save_children_to_temporaries(
587− shared_prefix_count + start,
588− shared_prefix_count + end,
589− );
590− for i in start..end {
591− old_index_to_temp[i] = t;
592− t += 1;
593− }
594− }
595−
596− debug_assert!(end <= old.len());
597− if end == old.len() {
598− break;
599− } else {
600− start = end + 1;
601− }
602− }
603−
604− // Remove any old children whose keys were not reused in the new
605− // children. Remove from the end first so that we don't mess up indices.
606− let mut removed_count = 0;
607− for (i, old_child) in old.iter().enumerate().rev() {
608− if !shared_keys.contains(&old_child.key()) {
609− registry.remove_subtree(old_child);
610− change_list.commit_traversal();
611− change_list.remove_child(i + shared_prefix_count);
612− removed_count += 1;
613− }
614− }
615−
616− // If there aren't any more new children, then we are done!
617− if new.is_empty() {
618− return;
619− }
620−
621− // The longest increasing subsequence within `new_index_to_old_index`. This
622− // is the longest sequence on DOM nodes in `old` that are relatively ordered
623− // correctly within `new`. We will leave these nodes in place in the DOM,
624− // and only move nodes that are not part of the LIS. This results in the
625− // maximum number of DOM nodes left in place, AKA the minimum number of DOM
626− // nodes moved.
627− let mut new_index_is_in_lis = FxHashSet::default();
628− new_index_is_in_lis.reserve(new_index_to_old_index.len());
629− let mut predecessors = vec![0; new_index_to_old_index.len()];
630− let mut starts = vec![0; new_index_to_old_index.len()];
631− longest_increasing_subsequence::lis_with(
632− &new_index_to_old_index,
633− &mut new_index_is_in_lis,
634− |a, b| a < b,
635− &mut predecessors,
636− &mut starts,
637− );
638−
639− // Now we will iterate from the end of the new children back to the
640− // beginning, diffing old children we are reusing and if they aren't in the
641− // LIS moving them to their new destination, or creating new children. Note
642− // that iterating in reverse order lets us use `Node.prototype.insertBefore`
643− // to move/insert children.
644− //
645− // But first, we ensure that we have a child on the change list stack that
646− // we can `insertBefore`. We handle this once before looping over `new`
647− // children, so that we don't have to keep checking on every loop iteration.
648− if shared_suffix_count > 0 {
649− // There is a shared suffix after these middle children. We will be
650− // inserting before that shared suffix, so add the first child of that
651− // shared suffix to the change list stack.
652− //
653− // [... parent]
654− change_list.go_down_to_child(old_shared_suffix_start - removed_count);
655− // [... parent first_child_of_shared_suffix]
656− } else {
657− // There is no shared suffix coming after these middle children.
658− // Therefore we have to process the last child in `new` and move it to
659− // the end of the parent's children if it isn't already there.
660− let last_index = new.len() - 1;
661− let last = new.last().unwrap_throw();
662− new = &new[..new.len() - 1];
663− if shared_keys.contains(&last.key()) {
664− let old_index = new_index_to_old_index[last_index];
665− let temp = old_index_to_temp[old_index];
666− // [... parent]
667− change_list.go_down_to_temp_child(temp);
668− // [... parent last]
669− diff(
670− cached_set,
671− change_list,
672− registry,
673− &old[old_index],
674− last,
675− cached_roots,
676− );
677− if new_index_is_in_lis.contains(&last_index) {
678− // Don't move it, since it is already where it needs to be.
679− } else {
680− change_list.commit_traversal();
681− // [... parent last]
682− change_list.append_child();
683− // [... parent]
684− change_list.go_down_to_temp_child(temp);
685− // [... parent last]
686− }
687− } else {
688− change_list.commit_traversal();
689− // [... parent]
690− create(cached_set, change_list, registry, last, cached_roots);
691− // [... parent last]
692− change_list.append_child();
693− // [... parent]
694− change_list.go_down_to_reverse_child(0);
695− // [... parent last]
696− }
697− }
698−
699− for (new_index, new_child) in new.iter().enumerate().rev() {
700− let old_index = new_index_to_old_index[new_index];
701− if old_index == u32::MAX as usize {
702− debug_assert!(!shared_keys.contains(&new_child.key()));
703− change_list.commit_traversal();
704− // [... parent successor]
705− create(cached_set, change_list, registry, new_child, cached_roots);
706− // [... parent successor new_child]
707− change_list.insert_before();
708− // [... parent new_child]
709− } else {
710− debug_assert!(shared_keys.contains(&new_child.key()));
711− let temp = old_index_to_temp[old_index];
712− debug_assert_ne!(temp, u32::MAX);
713−
714− if new_index_is_in_lis.contains(&new_index) {
715− // [... parent successor]
716− change_list.go_to_temp_sibling(temp);
717− // [... parent new_child]
718− } else {
719− change_list.commit_traversal();
720− // [... parent successor]
721− change_list.push_temporary(temp);
722− // [... parent successor new_child]
723− change_list.insert_before();
724− // [... parent new_child]
725− }
726−
727− diff(
728− cached_set,
729− change_list,
730− registry,
731− &old[old_index],
732− new_child,
733− cached_roots,
734− );
735− }
736− }
737−
738− // [... parent child]
739− change_list.go_up();
740− // [... parent]
741−}
742−
743−// Diff the suffix of keyed children that share the same keys in the same order.
744−//
745−// The parent must be on the change list stack when we enter this function:
746−//
747−// [... parent]
748−//
749−// When this function exits, the change list stack remains the same.
750−fn diff_keyed_suffix(
751− cached_set: &CachedSet,
752− change_list: &mut ChangeListBuilder,
753− registry: &mut EventsRegistry,
754− old: &[Node],
755− new: &[Node],
756− cached_roots: &mut FxHashSet<CacheId>,
757− new_shared_suffix_start: usize,
758−) {
759− debug_assert_eq!(old.len(), new.len());
760− debug_assert!(!old.is_empty());
761−
762− // [... parent]
763− change_list.go_down();
764− // [... parent new_child]
765−
766− for (i, (old_child, new_child)) in old.iter().zip(new.iter()).enumerate() {
767− change_list.go_to_sibling(new_shared_suffix_start + i);
768− diff(
769− cached_set,
770− change_list,
771− registry,
772− old_child,
773− new_child,
774− cached_roots,
775− );
776− }
777−
778− // [... parent]
779− change_list.go_up();
780−}
781−
782−// Diff children that are not keyed.
783−//
784−// The parent must be on the top of the change list stack when entering this
785−// function:
786−//
787−// [... parent]
788−//
789−// the change list stack is in the same state when this function returns.
790−fn diff_non_keyed_children(
791− cached_set: &CachedSet,
792− change_list: &mut ChangeListBuilder,
793− registry: &mut EventsRegistry,
794− old: &[Node],
795− new: &[Node],
796− cached_roots: &mut FxHashSet<CacheId>,
797−) {
798− // Handled these cases in `diff_children` before calling this function.
799− debug_assert!(!new.is_empty());
800− debug_assert!(!old.is_empty());
801−
802− // [... parent]
803− change_list.go_down();
804− // [... parent child]
805−
806− for (i, (new_child, old_child)) in new.iter().zip(old.iter()).enumerate() {
807− // [... parent prev_child]
808− change_list.go_to_sibling(i);
809− // [... parent this_child]
810− diff(
811− cached_set,
812− change_list,
813− registry,
814− old_child,
815− new_child,
816− cached_roots,
817− );
818− }
819−
820− match old.len().cmp(&new.len()) {
821− Ordering::Greater => {
822− // [... parent prev_child]
823− change_list.go_to_sibling(new.len());
824− // [... parent first_child_to_remove]
825− change_list.commit_traversal();
826− remove_self_and_next_siblings(change_list, registry, &old[new.len()..]);
827− // [... parent]
828− }
829− Ordering::Less => {
830− // [... parent last_child]
831− change_list.go_up();
832− // [... parent]
833− change_list.commit_traversal();
834− create_and_append_children(
835− cached_set,
836− change_list,
837− registry,
838− &new[old.len()..],
839− cached_roots,
840− );
841− }
842− Ordering::Equal => {
843− // [... parent child]
844− change_list.go_up();
845− // [... parent]
846− }
847− }
848−}
849−
850−// Create the given children and append them to the parent node.
851−//
852−// The parent node must currently be on top of the change list stack:
853−//
854−// [... parent]
855−//
856−// When this function returns, the change list stack is in the same state.
857−fn create_and_append_children(
858− cached_set: &CachedSet,
859− change_list: &mut ChangeListBuilder,
860− registry: &mut EventsRegistry,
861− new: &[Node],
862− cached_roots: &mut FxHashSet<CacheId>,
863−) {
864− debug_assert!(change_list.traversal_is_committed());
865− for child in new {
866− create(cached_set, change_list, registry, child, cached_roots);
867− change_list.append_child();
868− }
869−}
870−
871−// Remove all of a node's children.
872−//
873−// The change list stack must have this shape upon entry to this function:
874−//
875−// [... parent]
876−//
877−// When this function returns, the change list stack is in the same state.
878−fn remove_all_children(
879− change_list: &mut ChangeListBuilder,
880− registry: &mut EventsRegistry,
881− old: &[Node],
882−) {
883− debug_assert!(change_list.traversal_is_committed());
884− for child in old {
885− registry.remove_subtree(child);
886− }
887− // Fast way to remove all children: set the node's textContent to an empty
888− // string.
889− change_list.set_text("");
890−}
891−
892−// Remove the current child and all of its following siblings.
893−//
894−// The change list stack must have this shape upon entry to this function:
895−//
896−// [... parent child]
897−//
898−// After the function returns, the child is no longer on the change list stack:
899−//
900−// [... parent]
901−fn remove_self_and_next_siblings(
902− change_list: &mut ChangeListBuilder,
903− registry: &mut EventsRegistry,
904− old: &[Node],
905−) {
906− debug_assert!(change_list.traversal_is_committed());
907− for child in old {
908− registry.remove_subtree(child);
909− }
910− change_list.remove_self_and_next_siblings();
911−}
912−
913−// Emit instructions to create the given virtual node.
914−//
915−// The change list stack may have any shape upon entering this function:
916−//
917−// [...]
918−//
919−// When this function returns, the new node is on top of the change list stack:
920−//
921−// [... node]
922−fn create(
923− cached_set: &CachedSet,
924− change_list: &mut ChangeListBuilder,
925− registry: &mut EventsRegistry,
926− node: &Node,
927− cached_roots: &mut FxHashSet<CacheId>,
928−) {
929− debug_assert!(change_list.traversal_is_committed());
930− match node.kind {
931− NodeKind::Text(TextNode { text }) => {
932− change_list.create_text_node(text);
933− }
934− NodeKind::Element(&ElementNode {
935− key: _,
936− tag_name,
937− listeners,
938− attributes,
939− children,
940− namespace,
941− }) => {
942− if let Some(namespace) = namespace {
943− change_list.create_element_ns(tag_name, namespace);
944− } else {
945− change_list.create_element(tag_name);
946− }
947−
948− for l in listeners {
949− unsafe {
950− registry.add(l);
951− }
952− change_list.new_event_listener(l);
953− }
954−
955− for attr in attributes {
956− change_list.set_attribute(&attr.name, &attr.value, namespace.is_some());
957− }
958−
959− // Fast path: if there is a single text child, it is faster to
960− // create-and-append the text node all at once via setting the
961− // parent's `textContent` in a single change list instruction than
962− // to emit three instructions to (1) create a text node, (2) set its
963− // text content, and finally (3) append the text node to this
964− // parent.
965− if children.len() == 1 {
966− if let Node {
967− kind: NodeKind::Text(TextNode { text }),
968− } = children[0]
969− {
970− change_list.set_text(text);
971− return;
972− }
973− }
974−
975− for child in children {
976− create(cached_set, change_list, registry, child, cached_roots);
977− change_list.append_child();
978− }
979− }
980− NodeKind::Cached(ref c) => {
981− cached_roots.insert(c.id);
982− let (node, template) = cached_set.get(c.id);
983− if let Some(template) = template {
984− create_with_template(
985− cached_set,
986− change_list,
987− registry,
988− template,
989− node,
990− cached_roots,
991− );
992− } else {
993− create(cached_set, change_list, registry, node, cached_roots);
994− }
995− }
996− }
997−}
998−
999−// Get or create the template.
1000−//
1001−// Upon entering this function the change list stack may be in any shape:
1002−//
1003−// [...]
1004−//
1005−// When this function returns, it leaves a freshly cloned copy of the template
1006−// on the top of the change list stack:
1007−//
1008−// [... template]
1009−#[inline]
1010−fn get_or_create_template<'a>(
1011− cached_set: &'a CachedSet,
1012− change_list: &mut ChangeListBuilder,
1013− registry: &mut EventsRegistry,
1014− cached_roots: &mut FxHashSet<CacheId>,
1015− template_id: CacheId,
1016−) -> (&'a Node<'a>, bool) {
1017− let (template, template_template) = cached_set.get(template_id);
1018− debug_assert!(
1019− template_template.is_none(),
1020− "templates should not be templated themselves"
1021− );
1022−
1023− // If we haven't already created and saved the physical DOM subtree for this
1024− // template, do that now.
1025− if change_list.has_template(template_id) {
1026− // Clone the template and push it onto the stack.
1027− //
1028− // [...]
1029− change_list.push_template(template_id);
1030− // [... template]
1031−
1032− (template, true)
1033− } else {
1034− // [...]
1035− create(cached_set, change_list, registry, template, cached_roots);
1036− // [... template]
1037− change_list.save_template(template_id);
1038− // [... template]
1039−
1040− (template, false)
1041− }
1042−}
1043−
1044−fn create_and_replace(
1045− cached_set: &CachedSet,
1046− change_list: &mut ChangeListBuilder,
1047− registry: &mut EventsRegistry,
1048− new_template: Option<CacheId>,
1049− old: &Node,
1050− new: &Node,
1051− cached_roots: &mut FxHashSet<CacheId>,
1052−) {
1053− debug_assert!(change_list.traversal_is_committed());
1054−
1055− if let Some(template_id) = new_template {
1056− let (template, needs_listeners) =
1057− get_or_create_template(cached_set, change_list, registry, cached_roots, template_id);
1058− change_list.replace_with();
1059−
1060− let mut old_forcing = None;
1061− if needs_listeners {
1062− old_forcing = Some(change_list.push_force_new_listeners());
1063− }
1064−
1065− diff(
1066− cached_set,
1067− change_list,
1068− registry,
1069− template,
1070− new,
1071− cached_roots,
1072− );
1073−
1074− if let Some(old) = old_forcing {
1075− change_list.pop_force_new_listeners(old);
1076− }
1077−
1078− change_list.commit_traversal();
1079− } else {
1080− create(cached_set, change_list, registry, new, cached_roots);
1081− change_list.replace_with();
1082− }
1083− registry.remove_subtree(old);
1084−}
1085−
1086−fn create_with_template(
1087− cached_set: &CachedSet,
1088− change_list: &mut ChangeListBuilder,
1089− registry: &mut EventsRegistry,
1090− template_id: CacheId,
1091− node: &Node,
1092− cached_roots: &mut FxHashSet<CacheId>,
1093−) {
1094− debug_assert!(change_list.traversal_is_committed());
1095−
1096− // [...]
1097− let (template, needs_listeners) =
1098− get_or_create_template(cached_set, change_list, registry, cached_roots, template_id);
1099− // [... template]
1100−
1101− // Now diff the node with its template.
1102− //
1103− // We must force adding new listeners instead of updating existing ones,
1104− // since listeners don't get cloned in `cloneNode`.
1105− let mut old_forcing = None;
1106− if needs_listeners {
1107− old_forcing = Some(change_list.push_force_new_listeners());
1108− }
1109−
1110− diff(
1111− cached_set,
1112− change_list,
1113− registry,
1114− template,
1115− node,
1116− cached_roots,
1117− );
1118−
1119− if let Some(old) = old_forcing {
1120− change_list.pop_force_new_listeners(old);
1121− }
1122−
1123− // Make sure that we come back up to the level we were at originally.
1124− change_list.commit_traversal();
1125−}
src/events.rs+84−123
@@ -1,138 +1,99 @@
1−use crate::{node::Node, vdom::VdomInner, Listener};
1+use crate::vdom::{VdomInner, VdomWeak};
2+use crate::{Listener, ListenerCallback};
3+use log::*;
24use std::cell::RefCell;
5+use std::collections::HashMap;
6+use std::fmt;
7+use std::mem;
38use std::rc::{Rc, Weak};
9+use wasm_bindgen::closure::Closure;
10+use wasm_bindgen::prelude::*;
411
5−cfg_if::cfg_if! {
6− if #[cfg(all(feature = "xxx-unstable-internal-use-only", not(target_arch = "wasm32")))] {
7− #[derive(Debug)]
8− pub(crate) struct EventsRegistry {}
9− impl EventsRegistry {
10− pub(crate) fn new(_vdom: Weak<VdomInner>) -> (
11− Rc<RefCell<EventsRegistry>>,
12− crate::EventsTrampoline,
13− ) {
14− (Rc::new(RefCell::new(EventsRegistry {})), ())
15− }
16− pub(crate) fn remove(&mut self, _listener: &Listener) {}
17− pub(crate) fn remove_subtree(&mut self, _node: &Node) {}
18− pub(crate) unsafe fn add<'a>(&mut self, _listener: &'a Listener<'a>) {}
19− pub(crate) fn clear_active_listeners(&mut self) {}
20− }
21− } else {
22− use crate::{
23− node::{ElementNode, ListenerCallback, NodeKind},
24− vdom::VdomWeak,
25− };
26− use fxhash::FxHashMap;
27− use std::fmt;
28− use std::mem;
29− use wasm_bindgen::closure::Closure;
30− use wasm_bindgen::prelude::*;
31−
32− /// The events registry manages event listeners for a virtual DOM.
33− ///
34− /// The events registry is persistent across virtual DOM rendering and double
35− /// buffering.
36− pub(crate) struct EventsRegistry {
37− vdom: Weak<VdomInner>,
38− active: FxHashMap<(u32, u32), ListenerCallback<'static>>,
39− }
40−
41− impl fmt::Debug for EventsRegistry {
42− fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result {
43− f.debug_struct("EventsRegistry")
44− .field("active", &self.active.keys().collect::<Vec<_>>())
45− .finish()
46− }
47− }
48−
49− impl EventsRegistry {
50− /// Construct a new events registry and JS function trampoline that weakly
51− /// holds the new registry and can be used by JS to invoke listeners on the
52− /// Rust side.
53− pub(crate) fn new(
54− vdom: Weak<VdomInner>,
55− ) -> (
56− Rc<RefCell<EventsRegistry>>,
57− crate::EventsTrampoline,
58− ) {
59− let registry = Rc::new(RefCell::new(EventsRegistry {
60− vdom,
61− active: FxHashMap::default(),
62− }));
63−
64− let weak_registry = Rc::downgrade(&registry);
65− let closure = Closure::wrap(Box::new(move |event, a, b| {
66− debug_assert!(a != 0);
12+/// The events registry manages event listeners for a virtual DOM.
13+///
14+/// The events registry is persistent across virtual DOM rendering and double
15+/// buffering.
16+pub(crate) struct EventsRegistry {
17+ vdom: Weak<VdomInner>,
18+ active: HashMap<(u32, u32), ListenerCallback<'static>>,
19+}
6720
68− // if the VdomInnerExclusive is keeping this closure alive, then the
69− // VdomInnerExclusive should also be keeping the registry alive
70− let registry = weak_registry.upgrade().unwrap_throw();
71− let registry = registry.borrow();
21+impl fmt::Debug for EventsRegistry {
22+ fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result {
23+ f.debug_struct("EventsRegistry")
24+ .field("active", &self.active.keys().collect::<Vec<_>>())
25+ .finish()
26+ }
27+}
7228
73− match registry.active.get(&(a, b)) {
74− None => warn!(
75− "EventsRegistry closure invoked with unknown listener parts: \
76− (0x{:x}, 0x{:x})",
77− a, b
78− ),
79− Some(callback) => {
80− let vdom = registry.vdom.upgrade().expect_throw(
81− "if the registry is still around, then the vdom should still be around",
82− );
83− let vdom_weak = VdomWeak::new(&vdom);
84− let mut vdom = vdom.exclusive.borrow_mut();
85− let component = vdom.component_raw_mut();
86− callback(component, vdom_weak, event);
87− }
88− }
89− }) as Box<dyn Fn(web_sys::Event, u32, u32)>);
29+impl EventsRegistry {
30+ /// Construct a new events registry and JS function trampoline that weakly
31+ /// holds the new registry and can be used by JS to invoke listeners on the
32+ /// Rust side.
33+ pub(crate) fn new(
34+ vdom: Weak<VdomInner>,
35+ ) -> (
36+ Rc<RefCell<EventsRegistry>>,
37+ Closure<Fn(web_sys::Event, u32, u32)>,
38+ ) {
39+ let registry = Rc::new(RefCell::new(EventsRegistry {
40+ vdom,
41+ active: HashMap::new(),
42+ }));
9043
91− (registry, closure)
92− }
44+ let weak_registry = Rc::downgrade(&registry);
45+ let closure = Closure::wrap(Box::new(move |event, a, b| {
46+ debug!("Events trampoline invoked with (0x{:x}, 0x{:x})", a, b);
47+ debug_assert!(a != 0);
9348
94− pub(crate) fn remove(&mut self, listener: &Listener) {
95− let id = listener.get_callback_parts();
96− debug_assert!(id.0 != 0);
97− self.active.remove(&id);
98− }
49+ // if the VdomInnerExclusive is keeping this closure alive, then the
50+ // VdomInnerExclusive should also be keeping the registry alive
51+ let registry = weak_registry.upgrade().unwrap_throw();
52+ let registry = registry.borrow();
9953
100− pub(crate) fn remove_subtree(&mut self, node: &Node) {
101− match node.kind {
102− NodeKind::Cached(_) | NodeKind::Text(_) => {},
103− NodeKind::Element(&ElementNode {listeners, children, ..}) => {
104− for l in listeners {
105− self.remove(l);
106− }
107− for child in children {
108− self.remove_subtree(child)
109− }
110− }
54+ match registry.active.get(&(a, b)) {
55+ None => warn!(
56+ "EventsRegistry closure invoked with unknown listener parts: \
57+ (0x{:x}, 0x{:x})",
58+ a, b
59+ ),
60+ Some(callback) => {
61+ let vdom = registry.vdom.upgrade().expect_throw(
62+ "if the registry is still around, then the vdom should still be around",
63+ );
64+ let vdom_weak = VdomWeak::new(&vdom);
65+ let mut vdom = vdom.exclusive.borrow_mut();
66+ let component = vdom.component_raw_mut();
67+ callback(component, vdom_weak, event);
11168 }
11269 }
70+ }) as Box<Fn(web_sys::Event, u32, u32)>);
71+
72+ (registry, closure)
73+ }
11374
114− /// Add an event listener to the registry, exposing to JS.
115− ///
116− /// # Unsafety
117− ///
118− /// The listener's lifetime is extended to `'static` and it is the
119− /// caller's responsibility to ensure that the listener is not kept
120− /// in the registry after it is dropped. This is maintained during
121− /// diffing.
122− pub(crate) unsafe fn add<'a>(&mut self, listener: &'a Listener<'a>) {
123− let id = listener.get_callback_parts();
124− debug_assert!(id.0 != 0);
75+ /// Add an event listener to the registry, exposing to JS.
76+ ///
77+ /// # Unsafety
78+ ///
79+ /// The listener's lifetime is extended to `'static` and it is the caller's
80+ /// responsibility to ensure that the listener is not kept in the registry
81+ /// after it is dropped. This is typically done via clearing the whole
82+ /// registry on each render and repopulating it during diffing.
83+ pub(crate) unsafe fn add<'a>(&mut self, listener: &'a Listener<'a>) {
84+ let id = listener.get_callback_parts();
85+ debug!("EventsRegistry::add(0x{:x}, 0x{:x})", id.0, id.1);
86+ debug_assert!(id.0 != 0);
12587
126− let callback =
127− mem::transmute::<ListenerCallback<'a>, ListenerCallback<'static>>(listener.callback);
128− let old = self.active.insert(id, callback);
129− debug_assert!(old.is_none());
130− }
88+ let callback =
89+ mem::transmute::<ListenerCallback<'a>, ListenerCallback<'static>>(listener.callback);
90+ let old = self.active.insert(id, callback);
91+ debug_assert!(old.is_none());
92+ }
13193
132− /// Clear all event listeners from the registry.
133− pub(crate) fn clear_active_listeners(&mut self) {
134− self.active.clear();
135− }
136− }
94+ /// Clear all event listeners from the registry.
95+ pub(crate) fn clear_active_listeners(&mut self) {
96+ debug!("EventsRegistry::clear_active_listeners()");
97+ self.active.clear();
13798 }
13899}
src/lib.rs+34−93
@@ -3,7 +3,7 @@
33//! ## Example
44//!
55//! ```no_run
6−//! use dodrio::{bumpalo, Attribute, Node, Render, RenderContext};
6+//! use dodrio::{on, bumpalo::Bump, Attribute, Node, Render};
77//! use wasm_bindgen::UnwrapThrowExt;
88//!
99//! /// A component that greets someone.
@@ -18,31 +18,39 @@
1818//! }
1919//! }
2020//!
21−//! impl<'a, 'who> Render<'a> for Hello<'who> {
22−//! fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
23−//! use dodrio::builder::*;
24−//!
25−//! let id = bumpalo::format!(in cx.bump, "hello-{}", self.who);
26−//! let who = bumpalo::collections::String::from_str_in(self.who, cx.bump).into_bump_str();
27−//!
28−//! div(&cx)
29−//! .attr("id", id.into_bump_str())
30−//! .on("click", |root, _vdom, _event| {
21+//! impl<'who> Render for Hello<'who> {
22+//! fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
23+//! where
24+//! 'a: 'bump,
25+//! {
26+//! let id = bumpalo::format!(in bump, "hello-{}", self.who);
27+//! Node::element(
28+//! bump,
29+//! // The element's tag name. In this case a `<p>` element.
30+//! "p",
31+//! // Listeners.
32+//! [on(bump, "click", |root, _vdom, _event| {
3133//! let hello = root.unwrap_mut::<Hello>();
32−//! web_sys::window()
33−//! .expect_throw("should have a `Window` on the Web")
34−//! .alert_with_message(hello.who);
35−//! })
36−//! .children([
37−//! text("Hello, "),
38−//! strong(&cx)
39−//! .children([
40−//! text(who),
41−//! text("!"),
42−//! ])
43−//! .finish(),
44−//! ])
45−//! .finish()
34+//! let window = web_sys::window().expect_throw("should have a `Window` on the Web");
35+//! window.alert_with_message(hello.who);
36+//! })],
37+//! // Attributes.
38+//! [Attribute { name: "id", value: id.into_bump_str() }],
39+//! // Child nodes.
40+//! [
41+//! Node::text("Hello, "),
42+//! Node::element(
43+//! bump,
44+//! "strong",
45+//! [],
46+//! [],
47+//! [
48+//! Node::text(self.who),
49+//! Node::text("!"),
50+//! ],
51+//! ),
52+//! ],
53+//! )
4654//! }
4755//! }
4856//! ```
@@ -51,85 +59,18 @@
5159// Re-export the `bumpalo` crate.
5260pub use bumpalo;
5361
54−cfg_if::cfg_if! {
55− if #[cfg(feature = "log")] {
56− #[macro_use]
57− extern crate log;
58− } else {
59− #[macro_use]
60− mod logging;
61− }
62−}
63−
64−// A macro to expose items unstably, only for internal/testing usage.
65−cfg_if::cfg_if! {
66− if #[cfg(feature = "xxx-unstable-internal-use-only")] {
67− macro_rules! pub_unstable_internal {
68− ( $(#[$attr:meta])* pub(crate) $( $thing:tt )* ) => {
69− #[doc(hidden)]
70− $( #[$attr] )*
71− pub $( $thing )*
72− }
73− }
74− } else {
75− macro_rules! pub_unstable_internal {
76− ( $(#[$attr:meta])* pub(crate) $( $thing:tt )* ) => {
77− $( #[$attr] )*
78− pub(crate) $( $thing )*
79− }
80− }
81− }
82−}
83−
8462// Only `pub` so that the wasm-bindgen bindings work.
8563#[doc(hidden)]
8664pub mod change_list;
8765
8866mod cached;
89−mod cached_set;
90−mod diff;
9167mod events;
9268mod node;
9369mod render;
94−mod render_context;
95−mod strace;
9670mod vdom;
9771
98−pub mod builder;
99−
10072// Re-export items at the top level.
10173pub use self::cached::Cached;
102−pub use self::node::{Attribute, Listener, Node, NodeKey};
74+pub use self::node::{on, Attribute, ElementNode, Listener, ListenerCallback, Node, TextNode};
10375pub use self::render::{Render, RootRender};
104−pub use self::render_context::RenderContext;
10576pub use self::vdom::{Vdom, VdomWeak};
106−
107−cfg_if::cfg_if! {
108− if #[cfg(all(target_arch = "wasm32", not(feature = "xxx-unstable-internal-use-only")))] {
109− use wasm_bindgen::__rt::WasmRefCell as RefCell;
110− } else {
111− use std::cell::RefCell;
112− }
113−}
114−
115−// Polyfill some Web stuff for benchmarking...
116−cfg_if::cfg_if! {
117− if #[cfg(all(feature = "xxx-unstable-internal-use-only", not(target_arch = "wasm32")))] {
118− /// An element node in the physical DOM.
119− pub type Element = ();
120−
121− pub(crate) type EventsTrampoline = ();
122− } else {
123− /// An element node in the physical DOM.
124− pub type Element = web_sys::Element;
125−
126− pub(crate) type EventsTrampoline = wasm_bindgen::closure::Closure<dyn Fn(web_sys::Event, u32, u32)>;
127− }
128−}
129−
130−cfg_if::cfg_if! {
131− if #[cfg(feature = "xxx-unstable-internal-use-only")] {
132− pub use self::cached_set::{CachedSet};
133− pub use self::node::{ElementNode, NodeKind, TextNode};
134− }
135−}
src/logging.rsdeleted−65
@@ -1,65 +0,0 @@
1−#[allow(unused_macros)]
2−macro_rules! debug {
3− ( $( $e:expr ),* $(,)* ) => {
4− if false {
5− $(
6− let _ = $e;
7− )*
8− }
9− }
10−}
11−
12−#[allow(unused_macros)]
13−macro_rules! error {
14− ( $( $e:expr ),* $(,)* ) => {
15− if false {
16− $(
17− let _ = $e;
18− )*
19− }
20− }
21−}
22−
23−#[allow(unused_macros)]
24−macro_rules! info {
25− ( $( $e:expr ),* $(,)* ) => {
26− if false {
27− $(
28− let _ = $e;
29− )*
30− }
31− }
32−}
33−
34−#[allow(unused_macros)]
35−macro_rules! log {
36− ( $( $e:expr ),* $(,)* ) => {
37− if false {
38− $(
39− let _ = $e;
40− )*
41− }
42− }
43−}
44−
45−#[allow(unused_macros)]
46−macro_rules! trace {
47− ( $( $e:expr ),* $(,)* ) => {
48− if false {
49− $(
50− let _ = $e;
51− )*
52− }
53− }
54−}
55−
56−#[allow(unused_macros)]
57−macro_rules! warn {
58− ( $( $e:expr ),* $(,)* ) => {
59− if false {
60− $(
61− let _ = $e;
62− )*
63− }
64− }
65−}
src/node.rs+100−167
@@ -1,111 +1,33 @@
1−use crate::{cached_set::CacheId, RootRender, VdomWeak};
1+use crate::{RootRender, VdomWeak};
22use bumpalo::Bump;
33use std::fmt;
4−use std::iter;
54use std::mem;
6−use std::u32;
75
8−/// A virtual DOM node.
6+/// A node is either a text node or an element.
97#[derive(Debug, Clone)]
10−pub struct Node<'a> {
11− #[cfg(feature = "xxx-unstable-internal-use-only")]
12− #[doc(hidden)]
13− pub kind: NodeKind<'a>,
8+pub enum Node<'a> {
9+ /// A text node.
10+ Text(TextNode<'a>),
1411
15− #[cfg(not(feature = "xxx-unstable-internal-use-only"))]
16− pub(crate) kind: NodeKind<'a>,
12+ /// An element potentially with attributes and children.
13+ Element(ElementNode<'a>),
1714}
1815
19−pub_unstable_internal! {
20− /// A node is either a text node or an element.
21− #[derive(Debug, Clone)]
22− pub(crate) enum NodeKind<'a> {
23− /// A text node.
24− Text(TextNode<'a>),
25−
26− /// An element potentially with attributes and children.
27− Element(&'a ElementNode<'a>),
28−
29− /// A node in the vdom's `CachedSet`. This allows us to avoid
30− /// re-rendering and re-diffing subtrees.
31− Cached(CachedNode),
32− }
33−}
34−
35−pub_unstable_internal! {
36− /// Text nodes are just a string of text. They cannot have attributes or
37− /// children.
38− #[derive(Debug, Clone)]
39− pub(crate) struct TextNode<'a> {
40− pub text: &'a str,
41− }
42−}
43−
44−pub_unstable_internal! {
45− /// Elements have a tag name, zero or more attributes, and zero or more
46− /// children.
47− #[derive(Debug, Clone)]
48− pub(crate) struct ElementNode<'a> {
49− pub key: NodeKey,
50− pub tag_name: &'a str,
51− pub listeners: &'a [Listener<'a>],
52− pub attributes: &'a [Attribute<'a>],
53− pub children: &'a [Node<'a>],
54− pub namespace: Option<&'a str>,
55− }
56−}
57−
58−pub_unstable_internal! {
59− /// A cached node exists in an arena that is internal to the `Vdom`. It
60− /// allows us to avoid both re-rendering a sub-tree and re-diffing
61− /// it. `CachedNode`s cannot contain cycles, since they can only contain
62− /// other `CachedNode`s that already exist when they are being constructed.
63− #[derive(Debug, Clone, Copy)]
64− pub(crate) struct CachedNode {
65− pub id: CacheId,
66− // Always a copy of the inner cached node's key.
67− pub key: NodeKey,
68− }
69−}
70−
71−/// The key for keyed children.
72−///
73−/// Keys must be unique among siblings.
74−///
75−/// If any sibling is keyed, then they all must be keyed.
76−#[derive(Clone, Copy, Debug, PartialEq, Eq, Hash)]
77−pub struct NodeKey(pub(crate) u32);
78−
79−impl Default for NodeKey {
80− fn default() -> NodeKey {
81− NodeKey::NONE
82− }
16+/// Text nodes are just a string of text. They cannot have attributes or
17+/// children.
18+#[derive(Debug, Clone)]
19+pub struct TextNode<'a> {
20+ pub(crate) text: &'a str,
8321}
8422
85−impl NodeKey {
86− /// The default, lack of a key.
87− pub const NONE: NodeKey = NodeKey(u32::MAX);
88−
89− /// Is this key `NodeKey::NONE`?
90− #[inline]
91− pub fn is_none(&self) -> bool {
92− *self == Self::NONE
93− }
94−
95− /// Is this key not `NodeKey::NONE`?
96− #[inline]
97− pub fn is_some(&self) -> bool {
98− !self.is_none()
99− }
100−
101− /// Create a new `NodeKey`.
102− ///
103− /// `key` must not be `u32::MAX`.
104− #[inline]
105− pub fn new(key: u32) -> Self {
106− debug_assert_ne!(key, u32::MAX);
107− NodeKey(key)
108− }
23+/// Elements have a tag name, zero or more attributes, and zero or more
24+/// children.
25+#[derive(Debug, Clone)]
26+pub struct ElementNode<'a> {
27+ pub(crate) tag_name: &'a str,
28+ pub(crate) listeners: &'a [Listener<'a>],
29+ pub(crate) attributes: &'a [Attribute<'a>],
30+ pub(crate) children: &'a [Node<'a>],
10931}
11032
11133/// An event listener callback function.
@@ -114,33 +36,26 @@ impl NodeKey {
11436///
11537/// 1. The virtual DOM's root rendering component.
11638/// 2. A capability to scheduler virtual DOM re-rendering.
117−/// 3. The event that occurred.
118−pub(crate) type ListenerCallback<'a> =
39+/// 3. The event that ocurred.
40+pub type ListenerCallback<'a> =
11941 &'a (dyn Fn(&mut dyn RootRender, VdomWeak, web_sys::Event) + 'static);
12042
12143/// An event listener.
12244pub struct Listener<'a> {
12345 /// The type of event to listen for.
124− pub(crate) event: &'a str,
46+ pub event: &'a str,
12547 /// The callback to invoke when the event happens.
126− pub(crate) callback: ListenerCallback<'a>,
48+ pub callback: ListenerCallback<'a>,
12749}
12850
12951/// An attribute on a DOM node, such as `id="my-thing"` or
13052/// `href="https://example.com"`.
13153#[derive(Clone, Debug)]
13254pub struct Attribute<'a> {
133− pub(crate) name: &'a str,
134− pub(crate) value: &'a str,
135−}
136−
137−impl<'a> From<CachedNode> for Node<'a> {
138− #[inline]
139− fn from(c: CachedNode) -> Self {
140− Node {
141− kind: NodeKind::Cached(c),
142− }
143− }
55+ /// The attribute name, such as `id`.
56+ pub name: &'a str,
57+ /// The attribute value, such as `"my-thing"`.
58+ pub value: &'a str,
14459}
14560
14661impl fmt::Debug for Listener<'_> {
@@ -156,18 +71,6 @@ impl fmt::Debug for Listener<'_> {
15671}
15772
15873impl<'a> Attribute<'a> {
159− /// Get this attribute's name, such as `"id"` in `<div id="my-thing" />`.
160− #[inline]
161− pub fn name(&self) -> &'a str {
162− self.name
163− }
164−
165− /// The attribute value, such as `"my-thing"` in `<div id="my-thing" />`.
166− #[inline]
167− pub fn value(&self) -> &'a str {
168− self.value
169− }
170−
17174 /// Certain attributes are considered "volatile" and can change via user
17275 /// input that we can't see when diffing against the old virtual DOM. For
17376 /// these attributes, we want to always re-set the attribute on the physical
@@ -182,67 +85,81 @@ impl<'a> Attribute<'a> {
18285}
18386
18487impl<'a> Node<'a> {
185− /// Low-level constructor for making a new `Node` of type element with given
186− /// parts.
187− ///
188− /// This is primarily intended for JSX and templating proc-macros to compile
189− /// down into. If you are building nodes by-hand, prefer using the
190− /// `dodrio::builder::*` APIs.
88+ /// Construct a new element node with the given tag name and children.
19189 #[inline]
192− pub fn element(
90+ pub fn element<Listeners, Attributes, Children>(
19391 bump: &'a Bump,
194− key: NodeKey,
19592 tag_name: &'a str,
196− listeners: &'a [Listener<'a>],
197− attributes: &'a [Attribute<'a>],
198− children: &'a [Node<'a>],
199− namespace: Option<&'a str>,
200− ) -> Node<'a> {
201− let element = bump.alloc_with(|| ElementNode {
202− key,
93+ listeners: Listeners,
94+ attributes: Attributes,
95+ children: Children,
96+ ) -> Node<'a>
97+ where
98+ Listeners: 'a + AsRef<[Listener<'a>]>,
99+ Attributes: 'a + AsRef<[Attribute<'a>]>,
100+ Children: 'a + AsRef<[Node<'a>]>,
101+ {
102+ let children: &'a Children = bump.alloc(children);
103+ let children: &'a [Node<'a>] = children.as_ref();
104+
105+ let listeners: &'a Listeners = bump.alloc(listeners);
106+ let listeners: &'a [Listener<'a>] = listeners.as_ref();
107+
108+ let attributes: &'a Attributes = bump.alloc(attributes);
109+ let attributes: &'a [Attribute<'a>] = attributes.as_ref();
110+
111+ Node::Element(ElementNode {
203112 tag_name,
204113 listeners,
205114 attributes,
206115 children,
207− namespace,
208− });
116+ })
117+ }
209118
210− Node {
211− kind: NodeKind::Element(element),
119+ /// Is this node a text node?
120+ pub fn is_text(&self) -> bool {
121+ match self {
122+ Node::Text(_) => true,
123+ _ => false,
212124 }
213125 }
214126
215− /// Construct a new text node with the given text.
216− #[inline]
217− pub(crate) fn text(text: &'a str) -> Node<'a> {
218− Node {
219− kind: NodeKind::Text(TextNode { text }),
127+ /// Is this node an element?
128+ pub fn is_element(&self) -> bool {
129+ match self {
130+ Node::Element { .. } => true,
131+ _ => false,
220132 }
221133 }
222134
135+ /// Construct a new text node with the given text.
223136 #[inline]
224− pub(crate) fn key(&self) -> NodeKey {
225− match &self.kind {
226− NodeKind::Text(_) => NodeKey::NONE,
227− NodeKind::Element(e) => e.key,
228− NodeKind::Cached(c) => c.key,
229− }
137+ pub fn text(text: &'a str) -> Node<'a> {
138+ Node::Text(TextNode { text })
230139 }
231140}
232141
233−/// A node can become an iterator that yields the node itself once.
234−///
235−/// This implementation of `IntoIterator` mostly exists to improve the
236−/// `typed-html` ergonomics, where the macro invokes `.into_iter()` on the child
237−/// contents of a tag. By implementing `IntoIterator` here, we avoid having to
238−/// do nasty shenanigans like `<p>vec![$contents]</p>` instead of plain old
239−/// `<p>$contents</p>`.
240−impl<'a> IntoIterator for Node<'a> {
241− type Item = Node<'a>;
242− type IntoIter = iter::Once<Self::Item>;
142+impl<'a> TextNode<'a> {
143+ /// Get this text node's text content.
144+ pub fn text(&self) -> &'a str {
145+ self.text
146+ }
147+}
243148
244− fn into_iter(self) -> Self::IntoIter {
245− iter::once(self)
149+impl<'a> ElementNode<'a> {
150+ /// Get this element's tag name.
151+ pub fn tag_name(&self) -> &'a str {
152+ self.tag_name
153+ }
154+
155+ /// Get this element's attributes.
156+ pub fn attributes(&self) -> &'a [Attribute<'a>] {
157+ self.attributes
158+ }
159+
160+ /// Get this element's attributes.
161+ pub fn children(&self) -> &'a [Node<'a>] {
162+ self.children
246163 }
247164}
248165
@@ -269,3 +186,19 @@ impl Listener<'_> {
269186 }
270187 }
271188}
189+
190+/// Utility function for creating event listeners and downcasting the component
191+/// to its `RootRender` concrete type.
192+pub fn on<'a, F>(bump: &'a Bump, event: &'a str, callback: F) -> Listener<'a>
193+where
194+ F: Fn(&mut dyn RootRender, VdomWeak, web_sys::Event) + 'static,
195+{
196+ Listener {
197+ event,
198+ callback: bump.alloc(
199+ move |component: &mut dyn RootRender, vdom: VdomWeak, event: web_sys::Event| {
200+ callback(component, vdom, event);
201+ },
202+ ),
203+ }
204+}
src/render.rs+49−72
@@ -1,4 +1,5 @@
1−use crate::{Node, RenderContext};
1+use crate::Node;
2+use bumpalo::Bump;
23use std::any::Any;
34use std::rc::Rc;
45use wasm_bindgen::UnwrapThrowExt;
@@ -10,52 +11,64 @@ use wasm_bindgen::UnwrapThrowExt;
1011///
1112/// ## `Bump` Allocation
1213///
13−/// `Render` implementations can use the `Bump` inside the provided
14−/// `RenderContext` for very fast allocation for anything that needs to be
15−/// temporarily allocated during rendering.
14+/// `Render` implementations can use the provided `Bump` for very fast
15+/// allocation for anything that needs to be allocated during rendering.
16+///
17+/// ## The `'a: 'bump` Lifetime Bound
18+///
19+/// The `'a: 'bump` bounds enforce that `self` outlives the given bump
20+/// allocator. This means that if `self` contains a string, the string does not
21+/// need to be copied into the output `Node` and can be used by reference
22+/// instead (i.e. it prevents accidentally using the string after its been
23+/// freed). The `'a: 'bump` bound also enables abstractions like
24+/// `dodrio::Cached` that can re-use cached `Node`s across `render`s without
25+/// copying them.
1626///
1727/// ## Example
1828///
1929/// ```no_run
20−/// use dodrio::{Node, Render, RenderContext};
30+/// use dodrio::{Bump, Node, Render};
2131///
2232/// pub struct MyComponent;
2333///
24−/// impl<'a> Render<'a> for MyComponent {
25−/// fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
26−/// use dodrio::builder::*;
27−///
28−/// p(&cx)
29−/// .children([
30−/// text("This is "),
31−/// strong(&cx).children([text("my component")]).finish(),
32−/// text(" rendered!"),
33−/// ])
34−/// .finish()
34+/// impl Render for MyComponent {
35+/// fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
36+/// where
37+/// 'a: 'bump
38+/// {
39+/// Node::text("This is my component rendered!")
3540/// }
3641/// }
3742/// ```
38−pub trait Render<'a> {
39− /// Render `self` as a virtual DOM. Use the given context's `Bump` for
40− /// temporary allocations.
41− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a>;
43+pub trait Render {
44+ /// Render `self` as a virtual DOM. Use the given `Bump` for temporary
45+ /// allocations.
46+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
47+ where
48+ 'a: 'bump;
4249}
4350
44−impl<'a, 'r, R> Render<'a> for &'r R
51+impl<'r, R> Render for &'r R
4552where
46− R: Render<'a>,
53+ R: Render,
4754{
48− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
49− (**self).render(cx)
55+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
56+ where
57+ 'a: 'bump,
58+ {
59+ (**self).render(bump)
5060 }
5161}
5262
53−impl<'a, R> Render<'a> for Rc<R>
63+impl<R> Render for Rc<R>
5464where
55− R: Render<'a>,
65+ R: Render,
5666{
57− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
58− (**self).render(cx)
67+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
68+ where
69+ 'a: 'bump,
70+ {
71+ (**self).render(bump)
5972 }
6073}
6174
@@ -69,24 +82,21 @@ where
6982/// You do not need to implement this trait by hand: there is a blanket
7083/// implementation for all `Render` types that fulfill the `RootRender`
7184/// requirements.
72−pub trait RootRender: Any + for<'a> Render<'a> {
85+pub trait RootRender: Any + Render {
7386 /// Get this `&RootRender` trait object as an `&Any` trait object reference.
74− fn as_any(&self) -> &dyn Any;
87+ fn as_any(&self) -> &Any;
7588
7689 /// Get this `&mut RootRender` trait object as an `&mut Any` trait object
7790 /// reference.
78− fn as_any_mut(&mut self) -> &mut dyn Any;
91+ fn as_any_mut(&mut self) -> &mut Any;
7992}
8093
81−impl<T> RootRender for T
82−where
83− T: Any + for<'a> Render<'a>,
84−{
85− fn as_any(&self) -> &dyn Any {
94+impl<T: Any + Render> RootRender for T {
95+ fn as_any(&self) -> &Any {
8696 self
8797 }
8898
89− fn as_any_mut(&mut self) -> &mut dyn Any {
99+ fn as_any_mut(&mut self) -> &mut Any {
90100 self
91101 }
92102}
@@ -99,10 +109,7 @@ impl dyn RootRender {
99109 ///
100110 /// Panics if this virtual DOM's root rendering component is not an `R`
101111 /// instance.
102− pub fn unwrap_ref<R>(&self) -> &R
103− where
104− R: RootRender,
105− {
112+ pub fn unwrap_ref<R: RootRender>(&self) -> &R {
106113 self.as_any()
107114 .downcast_ref::<R>()
108115 .expect_throw("bad `RootRender::unwrap_ref` call")
@@ -115,10 +122,7 @@ impl dyn RootRender {
115122 ///
116123 /// Panics if this virtual DOM's root rendering component is not an `R`
117124 /// instance.
118− pub fn unwrap_mut<R>(&mut self) -> &mut R
119− where
120− R: RootRender,
121− {
125+ pub fn unwrap_mut<R: RootRender>(&mut self) -> &mut R {
122126 self.as_any_mut()
123127 .downcast_mut::<R>()
124128 .expect_throw("bad `RootRender::unwrap_ref` call")
@@ -138,31 +142,4 @@ mod tests {
138142 #[allow(dead_code)]
139143 fn takes_dyn_render(_: &dyn super::RootRender) {}
140144 }
141−
142− #[test]
143− fn render_bump_scoped_child() {
144− use crate::{builder::*, bumpalo::collections::String, Node, Render, RenderContext};
145−
146− struct Child<'a> {
147− name: &'a str,
148− }
149−
150− impl<'a> Render<'a> for Child<'a> {
151− fn render(&self, _cx: &mut RenderContext<'a>) -> Node<'a> {
152− text(self.name)
153− }
154− }
155−
156− struct Parent;
157−
158− impl<'a> Render<'a> for Parent {
159− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
160− let child_name = String::from_str_in("child", cx.bump).into_bump_str();
161−
162− div(&cx)
163− .children([Child { name: child_name }.render(cx)])
164− .finish()
165− }
166− }
167− }
168145}
src/render_context.rsdeleted−104
@@ -1,104 +0,0 @@
1−use crate::{
2− cached::{Cached, TemplateId},
3− cached_set::{CacheId, CachedSet},
4− Node, Render,
5−};
6−use bumpalo::Bump;
7−use fxhash::FxHashMap;
8−use std::fmt;
9−
10−/// Common context available to all `Render` implementations.
11−///
12−/// Notably, the `RenderContext` gives access to the bump arena that the virtual
13−/// DOM should be allocated within. This is available via the `bump` field.
14−pub struct RenderContext<'a> {
15− /// The underlying bump arena that virtual DOMs are rendered into.
16− ///
17− /// ## Example
18− ///
19− /// ```
20− /// use dodrio::RenderContext;
21− ///
22− /// // Given a rendering context, allocate an i32 inside its bump arena.
23− /// fn foo<'a>(cx: &mut RenderContext<'a>) -> &'a mut i32 {
24− /// cx.bump.alloc(42)
25− /// }
26− /// ```
27− pub bump: &'a Bump,
28−
29− pub(crate) cached_set: &'a crate::RefCell<CachedSet>,
30−
31− pub(crate) templates: &'a mut FxHashMap<TemplateId, Option<CacheId>>,
32−
33− // Prevent exhaustive matching on the rendering context, so we can always
34− // add more members in a semver-compatible way.
35− _non_exhaustive: (),
36−}
37−
38−impl fmt::Debug for RenderContext<'_> {
39− fn fmt(&self, f: &mut fmt::Formatter) -> fmt::Result {
40− f.debug_struct("RenderContext")
41− .field("bump", &self.bump)
42− .finish()
43− }
44−}
45−
46−impl<'a> RenderContext<'a> {
47− pub_unstable_internal! {
48− pub(crate) fn new(
49− bump: &'a Bump,
50− cached_set: &'a crate::RefCell<CachedSet>,
51− templates: &'a mut FxHashMap<TemplateId, Option<CacheId>>
52− ) -> Self {
53− RenderContext {
54− bump,
55− cached_set,
56− templates,
57− _non_exhaustive: (),
58− }
59− }
60− }
61−
62− pub(crate) fn cache<F>(&mut self, pinned: bool, template: Option<CacheId>, f: F) -> CacheId
63− where
64− F: for<'b> FnOnce(&mut RenderContext<'b>) -> Node<'b>,
65− {
66− CachedSet::insert(self, pinned, template, f)
67− }
68−
69− /// Get or create the cached template for `Cached<R>`.
70− pub(crate) fn template<R>(&mut self) -> Option<CacheId>
71− where
72− R: 'static + Default + for<'b> Render<'b>,
73− {
74− let template_id = Cached::<R>::template_id();
75− if let Some(cache_id) = self.templates.get(&template_id).cloned() {
76− return cache_id;
77− }
78−
79− // Prevent re-entrancy from infinite looping. Any attempts to get `R`'s
80− // template while constructing the template will simply fail to use the
81− // templated fast path.
82− self.templates.insert(template_id, None);
83−
84− // Render the default `R` and save that as the template for all
85− // `Cached<R>`s.
86− let cache_id = self.cache(true, None, |nested_cx| R::default().render(nested_cx));
87− self.templates.insert(template_id, Some(cache_id));
88− Some(cache_id)
89− }
90−}
91−
92−impl<'a, 'b> From<&'b RenderContext<'a>> for &'a Bump {
93− #[inline]
94− fn from(cx: &'b RenderContext<'a>) -> &'a Bump {
95− cx.bump
96− }
97−}
98−
99−impl<'a, 'b, 'c> From<&'c &'b mut RenderContext<'a>> for &'a Bump {
100− #[inline]
101− fn from(cx: &'c &'b mut RenderContext<'a>) -> &'a Bump {
102− cx.bump
103− }
104−}
src/strace.rsdeleted−22
@@ -1,22 +0,0 @@
1−cfg_if::cfg_if! {
2− if #[cfg(feature = "xxx-unstable-strace")] {
3− use wasm_bindgen::prelude::*;
4−
5− #[wasm_bindgen(module = "/js/strace.js")]
6− extern "C" {
7− #[wasm_bindgen(js_name = initStrace)]
8− fn really_init_strace();
9− }
10−
11− pub fn init_strace() {
12− use std::sync::Once;
13− static STRACE: Once = Once::new();
14− STRACE.call_once(|| {
15− really_init_strace();
16− });
17− }
18− } else {
19− #[inline]
20− pub fn init_strace() {}
21− }
22−}
src/vdom.rs+336−182
@@ -1,16 +1,14 @@
1−use super::change_list::ChangeListPersistentState;
1+use super::change_list::ChangeList;
2+use super::node::{Attribute, ElementNode, Listener, Node, TextNode};
23use super::RootRender;
3−use crate::cached::TemplateId;
4−use crate::cached_set::{CacheId, CachedSet};
54use crate::events::EventsRegistry;
6−use crate::node::{Node, NodeKey};
7−use crate::RenderContext;
85use bumpalo::Bump;
9−use fxhash::FxHashMap;
6+use futures::future::Future;
7+use log::*;
108use std::cell::Cell;
119use std::cell::RefCell;
10+use std::cmp;
1211use std::fmt;
13−use std::future::Future;
1412use std::mem;
1513use std::mem::ManuallyDrop;
1614use std::rc::{Rc, Weak};
@@ -55,15 +53,12 @@ pub(crate) struct VdomInnerExclusive {
5553 // Always `Some` except just before we drop. Just an option so that
5654 // `unmount` can take the component out but we can still have a Drop
5755 // implementation.
58− component: Option<Box<dyn RootRender>>,
56+ component: Option<Box<RootRender>>,
5957
60− dom_buffers: Option<[Bump; 2]>,
61− change_list: ManuallyDrop<ChangeListPersistentState>,
62− container: crate::Element,
58+ dom_buffers: [Bump; 2],
59+ change_list: ManuallyDrop<ChangeList>,
60+ container: web_sys::Element,
6361 events_registry: Option<Rc<RefCell<EventsRegistry>>>,
64− events_trampoline: Option<crate::EventsTrampoline>,
65− cached_set: crate::RefCell<CachedSet>,
66− templates: FxHashMap<TemplateId, Option<CacheId>>,
6762
6863 // Actually a reference into `self.dom_buffers[0]` or if `self.component` is
6964 // caching renders, into `self.component`'s bump.
@@ -96,7 +91,6 @@ impl fmt::Debug for VdomInnerExclusive {
9691 .field("change_list", &self.change_list)
9792 .field("container", &self.container)
9893 .field("events_registry", &self.events_registry)
99− .field("events_trampoline", &"..")
10094 .field("current_root", &self.current_root)
10195 .finish()
10296 }
@@ -116,36 +110,7 @@ impl Drop for VdomInnerExclusive {
116110 let mut registry = registry.borrow_mut();
117111 registry.clear_active_listeners();
118112
119− empty_container(&self.container);
120− }
121−}
122−
123−cfg_if::cfg_if! {
124− if #[cfg(all(feature = "xxx-unstable-internal-use-only", not(target_arch = "wasm32")))] {
125− fn empty_container(_container: &crate::Element) {}
126− fn initialize_container(_container: &crate::Element) {}
127− } else {
128− fn empty_container(container: &crate::Element) {
129− container.set_inner_html("");
130− }
131−
132− fn initialize_container(container: &crate::Element) {
133− empty_container(container);
134−
135− // Create the dummy `<div/>` child in the container.
136− let window = web_sys::window().expect_throw("should have access to the Window");
137− let document = window
138− .document()
139− .expect("should have access to the Document");
140− container
141− .append_child(
142− document
143− .create_element("div")
144− .expect("should create element OK")
145− .as_ref(),
146− )
147− .expect("should append child OK");
148− }
113+ self.container.set_inner_html("");
149114 }
150115}
151116
@@ -154,29 +119,40 @@ impl Vdom {
154119 /// rendering component.
155120 ///
156121 /// This will box the given component into trait object.
157− pub fn new<R>(container: &crate::Element, component: R) -> Vdom
122+ pub fn new<R>(container: &web_sys::Element, component: R) -> Vdom
158123 where
159124 R: RootRender,
160125 {
161− Self::with_boxed_root_render(container, Box::new(component) as Box<dyn RootRender>)
126+ Self::with_boxed_root_render(container, Box::new(component) as Box<RootRender>)
162127 }
163128
164129 /// Construct a `Vdom` with the already-boxed-as-a-trait-object root
165130 /// rendering component.
166131 pub fn with_boxed_root_render(
167− container: &crate::Element,
168− component: Box<dyn RootRender>,
132+ container: &web_sys::Element,
133+ component: Box<RootRender>,
169134 ) -> Vdom {
170− crate::strace::init_strace();
171−
172135 let dom_buffers = [Bump::new(), Bump::new()];
173− let change_list = ManuallyDrop::new(ChangeListPersistentState::new(container));
136+ let change_list = ManuallyDrop::new(ChangeList::new(container));
137+
138+ // Ensure that the container is empty.
139+ container.set_inner_html("");
174140
175141 // Create a dummy `<div/>` in our container.
176− initialize_container(container);
177− let current_root =
178− Node::element(&dom_buffers[0], NodeKey::NONE, "div", &[], &[], &[], None);
142+ let current_root = Node::element(&dom_buffers[0], "div", [], [], []);
179143 let current_root = Some(unsafe { extend_node_lifetime(current_root) });
144+ let window = web_sys::window().expect("should have acess to the Window");
145+ let document = window
146+ .document()
147+ .expect("should have access to the Document");
148+ container
149+ .append_child(
150+ document
151+ .create_element("div")
152+ .expect("should create element OK")
153+ .as_ref(),
154+ )
155+ .expect("should append child OK");
180156
181157 let container = container.clone();
182158 let inner = Rc::new(VdomInner {
@@ -185,14 +161,11 @@ impl Vdom {
185161 },
186162 exclusive: RefCell::new(VdomInnerExclusive {
187163 component: Some(component),
188− dom_buffers: Some(dom_buffers),
164+ dom_buffers,
189165 change_list,
190166 container,
191167 current_root,
192168 events_registry: None,
193− events_trampoline: None,
194− cached_set: crate::RefCell::new(Default::default()),
195− templates: Default::default(),
196169 }),
197170 });
198171
@@ -201,9 +174,7 @@ impl Vdom {
201174 {
202175 let mut inner = inner.exclusive.borrow_mut();
203176 inner.events_registry = Some(events_registry);
204− inner.change_list.init_events_trampoline(&events_trampoline);
205− debug_assert!(inner.events_trampoline.is_none());
206− inner.events_trampoline = Some(events_trampoline);
177+ inner.change_list.init_events_trampoline(events_trampoline);
207178
208179 // Diff and apply the `contents` against our dummy `<div/>`.
209180 inner.render();
@@ -212,19 +183,6 @@ impl Vdom {
212183 Vdom { inner }
213184 }
214185
215− /// Immediately re-render and diff. Only for internal testing and
216− /// benchmarking purposes.
217− #[cfg(feature = "xxx-unstable-internal-use-only")]
218− pub fn immediately_render_and_diff<R>(&self, component: R)
219− where
220− R: RootRender,
221− {
222− let mut exclusive = self.inner.exclusive.borrow_mut();
223− let component = Box::new(component) as Box<dyn RootRender>;
224− exclusive.component = Some(component);
225− exclusive.render();
226− }
227−
228186 /// Run this virtual DOM and its listeners forever and never unmount it.
229187 #[inline]
230188 pub fn forget(self) {
@@ -240,7 +198,7 @@ impl Vdom {
240198 /// Unmount this virtual DOM, unregister its event listeners, and return its
241199 /// root render component.
242200 #[inline]
243− pub fn unmount(self) -> Box<dyn RootRender> {
201+ pub fn unmount(self) -> Box<RootRender> {
244202 Rc::try_unwrap(self.inner.clone())
245203 .map_err(|_| ())
246204 .unwrap_throw()
@@ -264,69 +222,265 @@ impl VdomInnerExclusive {
264222 pub(crate) fn render(&mut self) {
265223 unsafe {
266224 let events_registry = self.events_registry.take().unwrap();
225+
267226 {
227+ // All the old listeners are no longer active. We will build a new
228+ // set of active listeners when diffing.
229+ //
230+ // NB: if we end up avoiding diffing cached renders (instead of just
231+ // avoiding re-rendering them) then we will need to maintain cached
232+ // active listeners, and can't just clear all active listeners and
233+ // rebuild them here.
268234 let mut registry = events_registry.borrow_mut();
235+ registry.clear_active_listeners();
269236
270237 // Reset the inactive bump arena's pointer.
271− let mut dom_buffers = self.dom_buffers.take().unwrap_throw();
272− dom_buffers[1].reset();
238+ self.dom_buffers[1].reset();
273239
274240 // Render the new current contents into the inactive bump arena.
275− let mut cx =
276− RenderContext::new(&dom_buffers[1], &self.cached_set, &mut self.templates);
277− let new_contents = self.component.as_ref().unwrap_throw().render(&mut cx);
241+ let new_contents = self
242+ .component
243+ .as_ref()
244+ .unwrap_throw()
245+ .render(&self.dom_buffers[1]);
278246 let new_contents = extend_node_lifetime(new_contents);
279247
280248 // Diff the old contents with the new contents.
281249 let old_contents = self.current_root.take().unwrap();
282− let mut cache_roots;
283− {
284− let cached_set = self.cached_set.borrow();
285− cache_roots = cached_set.new_roots_set();
286− let mut change_list = self.change_list.builder();
287− crate::diff::diff(
288− &cached_set,
289− &mut change_list,
290− &mut registry,
291− &old_contents,
292− &new_contents,
293− &mut cache_roots,
294− );
295−
296− // Tell JS to apply our diff-generated changes to the physical DOM!
297− change_list.finish();
298− }
299−
300− {
301− // Clean up unused cached renders.
302− let mut cached_set = self.cached_set.borrow_mut();
303− cached_set.gc(&mut registry, cache_roots);
304− }
250+ self.diff(&mut registry, old_contents, new_contents.clone());
305251
306252 // Swap the buffers to make the bump arena with the new contents the
307253 // active arena, and the old one into the inactive arena.
308− self.swap_buffers(dom_buffers);
254+ self.swap_buffers();
309255 self.set_current_root(new_contents);
310256 }
311257
312258 self.events_registry = Some(events_registry);
259+
260+ // Tell JS to apply our diff-generated changes to the physical DOM!
261+ self.change_list.apply_changes();
313262 }
314263 }
315264
316− fn swap_buffers(&mut self, mut dom_buffers: [Bump; 2]) {
317− debug_assert!(self.dom_buffers.is_none());
318− let (first, second) = dom_buffers.as_mut().split_at_mut(1);
265+ fn swap_buffers(&mut self) {
266+ let (first, second) = self.dom_buffers.as_mut().split_at_mut(1);
319267 mem::swap(&mut first[0], &mut second[0]);
320− self.dom_buffers = Some(dom_buffers);
321268 }
322269
323270 unsafe fn set_current_root(&mut self, current: Node<'static>) {
324271 debug_assert!(self.current_root.is_none());
325272 self.current_root = Some(current);
326273 }
274+
275+ fn diff<'a>(&self, registry: &mut EventsRegistry, old: Node<'a>, new: Node<'a>) {
276+ // debug!("---------------------------------------------------------");
277+ // debug!("dodrio::Vdom::diff");
278+ // debug!(" old = {:#?}", old);
279+ // debug!(" new = {:#?}", new);
280+ match (&new, old) {
281+ (&Node::Text(TextNode { text: new_text }), Node::Text(TextNode { text: old_text })) => {
282+ debug!(" both are text nodes");
283+ if new_text != old_text {
284+ debug!(" text needs updating");
285+ self.change_list.emit_set_text(new_text);
286+ }
287+ }
288+ (&Node::Text(TextNode { .. }), Node::Element(ElementNode { .. })) => {
289+ debug!(" replacing a text node with an element");
290+ self.create(registry, new);
291+ self.change_list.emit_replace_with();
292+ }
293+ (&Node::Element(ElementNode { .. }), Node::Text(TextNode { .. })) => {
294+ debug!(" replacing an element with a text node");
295+ self.create(registry, new);
296+ self.change_list.emit_replace_with();
297+ }
298+ (
299+ &Node::Element(ElementNode {
300+ tag_name: new_tag_name,
301+ listeners: new_listeners,
302+ attributes: new_attributes,
303+ children: new_children,
304+ }),
305+ Node::Element(ElementNode {
306+ tag_name: old_tag_name,
307+ listeners: old_listeners,
308+ attributes: old_attributes,
309+ children: old_children,
310+ }),
311+ ) => {
312+ debug!(" updating an element");
313+ if new_tag_name != old_tag_name {
314+ debug!(" different tag names; creating new element and replacing old element");
315+ self.create(registry, new);
316+ self.change_list.emit_replace_with();
317+ return;
318+ }
319+ self.diff_listeners(registry, old_listeners, new_listeners);
320+ self.diff_attributes(old_attributes, new_attributes);
321+ self.diff_children(registry, old_children, new_children);
322+ }
323+ }
324+ }
325+
326+ fn diff_listeners<'a>(
327+ &self,
328+ registry: &mut EventsRegistry,
329+ old: &'a [Listener<'a>],
330+ new: &'a [Listener<'a>],
331+ ) {
332+ debug!(" updating event listeners");
333+
334+ 'outer1: for new_l in new {
335+ unsafe {
336+ // Safety relies on removing `new_l` from the registry manually
337+ // at the end of its lifetime. This happens when we invoke
338+ // `clear_active_listeners` at the start of a new rendering
339+ // phase.
340+ registry.add(new_l);
341+ }
342+ for old_l in old {
343+ if new_l.event == old_l.event {
344+ self.change_list.emit_update_event_listener(new_l);
345+ continue 'outer1;
346+ }
347+ }
348+ self.change_list.emit_new_event_listener(new_l);
349+ }
350+
351+ 'outer2: for old_l in old {
352+ for new_l in new {
353+ if new_l.event == old_l.event {
354+ continue 'outer2;
355+ }
356+ }
357+ self.change_list.emit_remove_event_listener(old_l.event);
358+ }
359+ }
360+
361+ fn diff_attributes(&self, old: &[Attribute], new: &[Attribute]) {
362+ debug!(" updating attributes");
363+
364+ // Do O(n^2) passes to add/update and remove attributes, since
365+ // there are almost always very few attributes.
366+ 'outer: for new_attr in new {
367+ if new_attr.is_volatile() {
368+ self.change_list
369+ .emit_set_attribute(new_attr.name, new_attr.value);
370+ } else {
371+ for old_attr in old {
372+ if old_attr.name == new_attr.name {
373+ if old_attr.value != new_attr.value {
374+ self.change_list
375+ .emit_set_attribute(new_attr.name, new_attr.value);
376+ }
377+ continue 'outer;
378+ }
379+ }
380+ self.change_list
381+ .emit_set_attribute(new_attr.name, new_attr.value);
382+ }
383+ }
384+
385+ 'outer2: for old_attr in old {
386+ for new_attr in new {
387+ if old_attr.name == new_attr.name {
388+ continue 'outer2;
389+ }
390+ }
391+ self.change_list.emit_remove_attribute(old_attr.name);
392+ }
393+ }
394+
395+ fn diff_children<'a>(
396+ &self,
397+ registry: &mut EventsRegistry,
398+ old: &'a [Node<'a>],
399+ new: &'a [Node<'a>],
400+ ) {
401+ debug!(" updating children shared by old and new");
402+
403+ let num_children_to_diff = cmp::min(new.len(), old.len());
404+ let mut new_children = new.iter();
405+ let mut old_children = old.iter();
406+ let mut pushed = false;
407+
408+ for (i, (new_child, old_child)) in new_children
409+ .by_ref()
410+ .zip(old_children.by_ref())
411+ .take(num_children_to_diff)
412+ .enumerate()
413+ {
414+ if i == 0 {
415+ self.change_list.emit_push_first_child();
416+ pushed = true;
417+ } else {
418+ debug_assert!(pushed);
419+ self.change_list.emit_pop_push_next_sibling();
420+ }
421+
422+ self.diff(registry, old_child.clone(), new_child.clone());
423+ }
424+
425+ if old_children.next().is_some() {
426+ debug!(" removing extra old children");
427+ debug_assert!(new_children.next().is_none());
428+ if !pushed {
429+ self.change_list.emit_push_first_child();
430+ } else {
431+ self.change_list.emit_pop_push_next_sibling();
432+ }
433+ self.change_list.emit_remove_self_and_next_siblings();
434+ pushed = false;
435+ } else {
436+ debug!(" creating new children");
437+ for (i, new_child) in new_children.enumerate() {
438+ if i == 0 && pushed {
439+ self.change_list.emit_pop();
440+ pushed = false;
441+ }
442+ self.create(registry, new_child.clone());
443+ self.change_list.emit_append_child();
444+ }
445+ }
446+
447+ debug!(" done updating children");
448+ if pushed {
449+ self.change_list.emit_pop();
450+ }
451+ }
452+
453+ fn create<'a>(&self, registry: &mut EventsRegistry, node: Node<'a>) {
454+ match node {
455+ Node::Text(TextNode { text }) => {
456+ self.change_list.emit_create_text_node(text);
457+ }
458+ Node::Element(ElementNode {
459+ tag_name,
460+ listeners,
461+ attributes,
462+ children,
463+ }) => {
464+ self.change_list.emit_create_element(tag_name);
465+ for l in listeners {
466+ unsafe {
467+ registry.add(l);
468+ }
469+ self.change_list.emit_new_event_listener(l);
470+ }
471+ for attr in attributes {
472+ self.change_list.emit_set_attribute(&attr.name, &attr.value);
473+ }
474+ for child in children {
475+ self.create(registry, child.clone());
476+ self.change_list.emit_append_child();
477+ }
478+ }
479+ }
480+ }
327481}
328482
329−fn request_animation_frame(f: &Closure<dyn FnMut()>) {
483+fn request_animation_frame(f: &Closure<FnMut()>) {
330484 web_sys::window()
331485 .expect_throw("should have a window")
332486 .request_animation_frame(f.as_ref().unchecked_ref())
@@ -343,7 +497,7 @@ where
343497 let f = Closure::wrap(Box::new(move || {
344498 *g.borrow_mut() = None;
345499 f();
346− }) as Box<dyn FnMut()>);
500+ }) as Box<FnMut()>);
347501 request_animation_frame(&f);
348502
349503 *h.borrow_mut() = Some(f);
@@ -374,23 +528,25 @@ impl VdomWeak {
374528 /// Replace the root rendering component with the new `root`.
375529 ///
376530 /// Returns a future that resolves to the *old* root component.
377− pub async fn set_component(
531+ pub fn set_component(
378532 self,
379533 root: Box<dyn RootRender>,
380− ) -> Result<Box<dyn RootRender + 'static>, VdomDroppedError> {
381− let inner = self.inner.upgrade().ok_or(VdomDroppedError {})?;
382−
383− // Wait for a new tick of the micro-task queue
384− let _ = JsFuture::from(js_sys::Promise::resolve(&JsValue::null())).await;
385−
386− let old = {
387− let mut exclusive = inner.exclusive.borrow_mut();
388− mem::replace(&mut *exclusive.component.as_mut().unwrap_throw(), root)
389− };
390−
391− VdomWeak::new(&inner).render().await?;
392−
393− Ok(old)
534+ ) -> impl Future<Item = Box<dyn RootRender + 'static>, Error = VdomDroppedError> {
535+ futures::future::ok(self.inner.upgrade())
536+ .and_then(|inner| inner.ok_or(()))
537+ .map_err(|_| VdomDroppedError {})
538+ .and_then(|inner| {
539+ let promise = js_sys::Promise::resolve(&JsValue::null());
540+ JsFuture::from(promise)
541+ .map_err(|_| VdomDroppedError {})
542+ .and_then(move |_| {
543+ let old = {
544+ let mut exclusive = inner.exclusive.borrow_mut();
545+ mem::replace(&mut *exclusive.component.as_mut().unwrap_throw(), root)
546+ };
547+ VdomWeak::new(&inner).render().map(|_| old)
548+ })
549+ })
394550 }
395551
396552 /// Execute `f` with a reference to this virtual DOM's root rendering
@@ -398,18 +554,24 @@ impl VdomWeak {
398554 ///
399555 /// To ensure exclusive access to the root rendering component, the
400556 /// invocation takes place on a new tick of the micro-task queue.
401− pub async fn with_component<F, T>(&self, f: F) -> Result<T, VdomDroppedError>
557+ pub fn with_component<F, T>(&self, f: F) -> impl Future<Item = T, Error = VdomDroppedError>
402558 where
403559 F: 'static + FnOnce(&mut dyn RootRender) -> T,
404560 {
405− let inner = self.inner.upgrade().ok_or(VdomDroppedError {})?;
406−
407− // Wait for a new tick of the micro-task queue
408− let _ = JsFuture::from(js_sys::Promise::resolve(&JsValue::null())).await;
409−
410− let mut exclusive = inner.exclusive.borrow_mut();
411−
412− Ok(f(exclusive.component_raw_mut()))
561+ futures::future::ok(self.inner.upgrade())
562+ .and_then(|inner| inner.ok_or(()))
563+ .map_err(|_| VdomDroppedError {})
564+ .and_then(|inner| {
565+ let mut f = Some(f);
566+ let promise = js_sys::Promise::resolve(&JsValue::null());
567+ JsFuture::from(promise)
568+ .map_err(|_| VdomDroppedError {})
569+ .map(move |_| {
570+ let f = f.take().unwrap_throw();
571+ let mut exclusive = inner.exclusive.borrow_mut();
572+ f(exclusive.component_raw_mut())
573+ })
574+ })
413575 }
414576
415577 /// Schedule a render to occur during the next animation frame.
@@ -418,12 +580,7 @@ impl VdomWeak {
418580 /// `render` instead.
419581 pub fn schedule_render(&self) {
420582 debug!("VdomWeak::schedule_render");
421−
422− let future = self.render();
423−
424− wasm_bindgen_futures::spawn_local(async move {
425− let _ = future.await;
426− });
583+ wasm_bindgen_futures::spawn_local(self.render().map_err(|_| ()));
427584 }
428585
429586 /// Schedule a render to occur during the next animation frame and return a
@@ -431,46 +588,43 @@ impl VdomWeak {
431588 ///
432589 /// If you don't want to do more things after the render completes, then use
433590 /// `schedule_render` instead of `render`.
434− pub fn render(&self) -> impl Future<Output = Result<(), VdomDroppedError>> {
435− let inner = self.inner.upgrade();
436−
437− async move {
438− let inner = inner.ok_or(VdomDroppedError {})?;
439−
440− let promise = inner.shared.render_scheduled.take().unwrap_or_else(|| {
441− js_sys::Promise::new(&mut |resolve, reject| {
442− let vdom = VdomWeak {
443− inner: Rc::downgrade(&inner),
444− };
445−
446− with_animation_frame(move || match vdom.inner.upgrade() {
447− None => {
448− warn!("VdomWeak::render: vdom unmounted before we could render");
449− let r = reject.call0(&JsValue::null());
450− debug_assert!(r.is_ok());
451− }
452− Some(inner) => {
453− let mut exclusive = inner.exclusive.borrow_mut();
454− exclusive.render();
455−
456− // We did the render, so take the promise away
457− // and let future `render` calls request new
458− // animation frames.
459− let _ = inner.shared.render_scheduled.take();
460−
461− let r = resolve.call0(&JsValue::null());
462− debug_assert!(r.is_ok());
463− }
464− });
465− })
466− });
467−
468− inner.shared.render_scheduled.set(Some(promise.clone()));
469−
470− JsFuture::from(promise)
471− .await
472− .map(drop)
473− .map_err(|_| VdomDroppedError {})
474− }
591+ pub fn render(&self) -> impl Future<Item = (), Error = VdomDroppedError> {
592+ debug!("VdomWeak::render: initiating render in new animation frame");
593+ futures::future::ok(self.inner.upgrade())
594+ .and_then(|inner| inner.ok_or(()))
595+ .map_err(|_| VdomDroppedError {})
596+ .and_then(|inner| {
597+ let promise = inner.shared.render_scheduled.take().unwrap_or_else(|| {
598+ js_sys::Promise::new(&mut |resolve, reject| {
599+ let vdom = VdomWeak {
600+ inner: Rc::downgrade(&inner),
601+ };
602+ with_animation_frame(move || match vdom.inner.upgrade() {
603+ None => {
604+ warn!("VdomWeak::render: vdom unmounted before we could render");
605+ let r = reject.call0(&JsValue::null());
606+ debug_assert!(r.is_ok());
607+ }
608+ Some(inner) => {
609+ let mut exclusive = inner.exclusive.borrow_mut();
610+ exclusive.render();
611+
612+ // We did the render, so take the promise away
613+ // and let future `render` calls request new
614+ // animation frames.
615+ let _ = inner.shared.render_scheduled.take();
616+
617+ debug!("VdomWeak::render: finished rendering");
618+ let r = resolve.call0(&JsValue::null());
619+ debug_assert!(r.is_ok());
620+ }
621+ });
622+ })
623+ });
624+ inner.shared.render_scheduled.set(Some(promise.clone()));
625+ JsFuture::from(promise)
626+ .map(|_| ())
627+ .map_err(|_| VdomDroppedError {})
628+ })
475629 }
476630}
tests/web/cached.jsdeleted−11
@@ -1,11 +0,0 @@
1−let cloneNodeCount = 0;
2−
3−const origCloneNode = Node.prototype.cloneNode;
4−Node.prototype.cloneNode = function (...args) {
5− cloneNodeCount += 1;
6− return origCloneNode.apply(this, args);
7−};
8−
9−export function getCloneNodeCount() {
10− return cloneNodeCount;
11−}
tests/web/cached.rs+52−242
@@ -1,11 +1,11 @@
1−use super::{assert_rendered, before_after, create_element, RenderFn};
2−use dodrio::{builder::*, bumpalo, Cached, Node, Render, RenderContext, RootRender, Vdom};
1+use super::{assert_rendered, create_element, RenderFn};
2+use dodrio::{bumpalo::Bump, Cached, Node, Render, Vdom};
3+use futures::prelude::*;
34use std::cell::Cell;
45use std::rc::Rc;
5−use wasm_bindgen::prelude::*;
6+use wasm_bindgen::*;
67use wasm_bindgen_test::*;
78
8−#[derive(Default)]
99pub struct CountRenders {
1010 render_count: Cell<usize>,
1111}
@@ -18,20 +18,21 @@ impl CountRenders {
1818 }
1919}
2020
21−impl<'a> Render<'a> for CountRenders {
22− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
21+impl Render for CountRenders {
22+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
23+ where
24+ 'a: 'bump,
25+ {
2326 let count = self.render_count.get() + 1;
2427 self.render_count.set(count);
2528
26− let s = bumpalo::format!(in cx.bump, "{}", count);
27− text(s.into_bump_str())
29+ let s = bumpalo::format!(in bump, "{}", count);
30+ Node::text(s.into_bump_str())
2831 }
2932}
3033
31−#[wasm_bindgen_test]
32−async fn uses_cached_render() {
33− use dodrio::builder::*;
34−
34+#[wasm_bindgen_test(async)]
35+fn uses_cached_render() -> impl Future<Item = (), Error = JsValue> {
3536 let cached = Cached::new(CountRenders::new());
3637
3738 let container0 = create_element("div");
@@ -49,241 +50,50 @@ async fn uses_cached_render() {
4950 let vdom6 = vdom0.clone();
5051 let vdom7 = vdom0.clone();
5152
52− // We render, populate the cache, and get "1".
53− vdom0.weak().render().await.unwrap();
5453 vdom0
5554 .weak()
56− .with_component(move |comp| {
57− let comp = comp.unwrap_mut::<Cached<CountRenders>>();
58− assert_eq!(comp.render_count.get(), 1);
59− assert_rendered(&container1, &RenderFn(|_| text("1")));
55+ // We render, populate the cache, and get "1".
56+ .render()
57+ .and_then(move |_| {
58+ vdom0.weak().with_component(move |comp| {
59+ let comp = comp.unwrap_mut::<Cached<CountRenders>>();
60+ assert_eq!(comp.render_count.get(), 1);
61+ assert_rendered(&container1, &RenderFn(|_| Node::text("1")));
62+ })
6063 })
61− .await
62− .unwrap();
63−
64− // We re-render, re-use the cached node, and get "1" again.
65− vdom1.weak().render().await.unwrap();
66− vdom2
67− .weak()
68− .with_component(move |comp| {
69− let comp = comp.unwrap_mut::<Cached<CountRenders>>();
70− assert_eq!(comp.render_count.get(), 1);
71− assert_rendered(&container2, &RenderFn(|_| text("1")));
64+ // We re-render, re-use the cached node, and get "1" again.
65+ .and_then(move |_| vdom1.weak().render())
66+ .and_then(move |_| {
67+ vdom2.weak().with_component(move |comp| {
68+ let comp = comp.unwrap_mut::<Cached<CountRenders>>();
69+ assert_eq!(comp.render_count.get(), 1);
70+ assert_rendered(&container2, &RenderFn(|_| Node::text("1")));
71+ })
7272 })
73− .await
74− .unwrap();
75−
76− // We invalidate the cache, re-render, re-populate the cache, and should now have "2".
77− vdom3
78− .weak()
79− .with_component(move |comp| {
80− let comp = comp.unwrap_mut::<Cached<CountRenders>>();
81− Cached::invalidate(comp);
73+ // We invalidate the cache, re-render, re-populate the cache, and should
74+ // now have "2".
75+ .and_then(move |_| {
76+ vdom3.weak().with_component(move |comp| {
77+ let comp = comp.unwrap_mut::<Cached<CountRenders>>();
78+ Cached::invalidate(comp);
79+ })
8280 })
83− .await
84− .unwrap();
85− vdom4.weak().render().await.unwrap();
86− vdom5
87− .weak()
88− .with_component(move |comp| {
89− let comp = comp.unwrap_mut::<Cached<CountRenders>>();
90− assert_eq!(comp.render_count.get(), 2);
91− assert_rendered(&container3, &RenderFn(|_| text("2")));
81+ .and_then(move |_| vdom4.weak().render())
82+ .and_then(move |_| {
83+ vdom5.weak().with_component(move |comp| {
84+ let comp = comp.unwrap_mut::<Cached<CountRenders>>();
85+ assert_eq!(comp.render_count.get(), 2);
86+ assert_rendered(&container3, &RenderFn(|_| Node::text("2")));
87+ })
9288 })
93− .await
94− .unwrap();
95−
96− // We re-render, re-use the cached node, and get "2" again.
97− vdom6.weak().render().await.unwrap();
98− vdom7
99− .weak()
100− .with_component(move |comp| {
101− let comp = comp.unwrap_mut::<Cached<CountRenders>>();
102− assert_eq!(comp.render_count.get(), 2);
103− assert_rendered(&container4, &RenderFn(|_| text("2")));
89+ // We re-render, re-use the cached node, and get "2" again.
90+ .and_then(move |_| vdom6.weak().render())
91+ .and_then(move |_| {
92+ vdom7.weak().with_component(move |comp| {
93+ let comp = comp.unwrap_mut::<Cached<CountRenders>>();
94+ assert_eq!(comp.render_count.get(), 2);
95+ assert_rendered(&container4, &RenderFn(|_| Node::text("2")));
96+ })
10497 })
105− .await
106− .unwrap();
107−}
108−
109−#[wasm_bindgen(module = "/tests/web/cached.js")]
110−extern "C" {
111− #[wasm_bindgen(js_name = getCloneNodeCount)]
112− fn get_clone_node_count() -> u32;
113−}
114−
115−#[wasm_bindgen_test]
116−async fn creating_cached_nodes_uses_clone_node() {
117− use dodrio::builder::*;
118−
119− let container = create_element("div");
120−
121− // The initial vdom render should populate the cache and save a template.
122− let vdom0 = Rc::new(Vdom::new(&container, Cached::new(CountRenders::new())));
123− let vdom1 = vdom0.clone();
124− let _vdom2 = vdom0.clone();
125−
126− let clone_node_count_before = get_clone_node_count();
127−
128− // Render something entirely different...
129− vdom0
130− .weak()
131− .set_component(Box::new(RenderFn(|_| text("hi"))) as Box<dyn RootRender>)
132− .await
133− .unwrap();
134−
135− // Re-render our cached node. Since we are creating it from scratch,
136− // and already have a template from the earlier render, we should
137− // call `cloneNode` here.
138− vdom1
139− .weak()
140− .set_component(Box::new(Cached::new(CountRenders::new())) as Box<dyn RootRender>)
141− .await
142− .unwrap();
143−
144− let clone_node_count_after = get_clone_node_count();
145− assert_eq!(clone_node_count_after, clone_node_count_before + 1);
146−}
147−
148−struct Id(&'static str);
149−
150−impl Default for Id {
151− fn default() -> Id {
152− Id("")
153− }
154−}
155−
156−impl<'a> Render<'a> for Id {
157− fn render(&self, _cx: &mut RenderContext<'a>) -> Node<'a> {
158− text(self.0)
159− }
160−}
161−
162−thread_local! {
163− static WARM_CHEESE: Rc<Cached<Id>> = Rc::new(Cached::new(Id("cheese")));
164− static WARM_CHEESIER: Rc<Cached<Id>> = Rc::new(Cached::new(Id("cheesier")));
165−}
166−
167−fn warm_cheese<'a>(cx: &mut RenderContext<'a>) -> Node<'a> {
168− WARM_CHEESE.with(|c| {
169− let _ = c.render(cx);
170− c.render(cx)
171− })
172−}
173−
174−fn warm_cheesier<'a>(cx: &mut RenderContext<'a>) -> Node<'a> {
175− WARM_CHEESIER.with(|c| {
176− let _ = c.render(cx);
177− c.render(cx)
178− })
179−}
180−
181−before_after! {
182− cold_cache_and_not_cached {
183− before(cx) {
184− Cached::new(Id("cheese")).render(cx)
185− }
186− after(cx) {
187− Id("ravioli").render(cx)
188− }
189− }
190−
191− not_cached_and_cold_cache {
192− before(cx) {
193− Id("ravioli").render(cx)
194− }
195− after(cx) {
196− Cached::new(Id("cheese")).render(cx)
197− }
198− }
199−
200− cold_cache_and_cold_cache_same {
201− before(cx) {
202− Cached::new(Id("cheese")).render(cx)
203− }
204− after(cx) {
205− Cached::new(Id("cheese")).render(cx)
206− }
207− }
208−
209− cold_cache_and_cold_cache_different {
210− before(cx) {
211− Cached::new(Id("cheese")).render(cx)
212− }
213− after(cx) {
214− Cached::new(Id("ravioli")).render(cx)
215− }
216− }
217−
218− warm_cache_and_not_cached {
219− before(cx) {
220− warm_cheese(cx)
221− }
222− after(cx) {
223− Id("ravioli").render(cx)
224− }
225− }
226−
227− not_cached_and_warm_cache {
228− before(cx) {
229− Id("ravioli").render(cx)
230− }
231− after(cx) {
232− warm_cheese(cx)
233− }
234− }
235−
236− warm_cache_and_warm_cache_same {
237− before(cx) {
238− warm_cheese(cx)
239− }
240− after(cx) {
241− warm_cheese(cx)
242− }
243− }
244−
245− warm_cache_and_warm_cache_different {
246− before(cx) {
247− warm_cheese(cx)
248− }
249− after(cx) {
250− warm_cheesier(cx)
251− }
252− }
253−
254− cold_cache_and_warm_cache_same {
255− before(cx) {
256− Cached::new(Id("cheese")).render(cx)
257− }
258− after(cx) {
259− warm_cheese(cx)
260− }
261− }
262−
263− cold_cache_and_warm_cache_different {
264− before(cx) {
265− Cached::new(Id("cheese")).render(cx)
266− }
267− after(cx) {
268− warm_cheesier(cx)
269− }
270− }
271−
272− warm_cache_and_cold_cache_same {
273− before(cx) {
274− warm_cheese(cx)
275− }
276− after(cx) {
277− Cached::new(Id("cheese")).render(cx)
278− }
279− }
280−
281− warm_cache_and_cold_cache_different {
282− before(cx) {
283− warm_cheesier(cx)
284− }
285− after(cx) {
286− Cached::new(Id("cheese")).render(cx)
287− }
288− }
98+ .map_err(|e| JsValue::from(e.to_string()))
28999}
tests/web/events.rs+191−70
@@ -1,6 +1,7 @@
11use super::create_element;
2−use dodrio::{Node, Render, RenderContext, Vdom};
3−use futures::future::{select, Either};
2+use bumpalo::Bump;
3+use dodrio::{on, Attribute, Node, Render, Vdom};
4+use futures::Future;
45use std::cell::{Cell, RefCell};
56use std::rc::Rc;
67use wasm_bindgen::prelude::*;
@@ -9,7 +10,7 @@ use wasm_bindgen_test::*;
910
1011struct EventContainer {
1112 event: &'static str,
12− on_event: Box<dyn FnMut()>,
13+ on_event: Box<FnMut()>,
1314}
1415
1516impl EventContainer {
@@ -24,15 +25,23 @@ impl EventContainer {
2425 }
2526}
2627
27−impl<'a> Render<'a> for EventContainer {
28− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
29− use dodrio::builder::*;
30− div(&cx)
31− .attr("id", "target")
32− .on(self.event, |root, _scheduler, _event| {
28+impl Render for EventContainer {
29+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
30+ where
31+ 'a: 'bump,
32+ {
33+ Node::element(
34+ bump,
35+ "div",
36+ [on(bump, self.event, |root, _scheduler, _event| {
3337 (root.unwrap_mut::<EventContainer>().on_event)();
34− })
35− .finish()
38+ })],
39+ [Attribute {
40+ name: "id",
41+ value: "target",
42+ }],
43+ [],
44+ )
3645 }
3746}
3847
@@ -44,14 +53,14 @@ fn target(container: &web_sys::Element) -> web_sys::HtmlElement {
4453 .unchecked_into()
4554}
4655
47−#[wasm_bindgen_test]
48−async fn click() {
56+#[wasm_bindgen_test(async)]
57+fn click() -> impl Future<Item = (), Error = JsValue> {
4958 let container = create_element("div");
5059
51− let (sender, receiver) = futures::channel::oneshot::channel();
60+ let (sender, receiver) = futures::sync::oneshot::channel();
5261 let mut sender = Some(sender);
5362
54− let _vdom = Vdom::new(
63+ let vdom = Vdom::new(
5564 &container,
5665 EventContainer::new("click", move || {
5766 sender
@@ -64,14 +73,18 @@ async fn click() {
6473
6574 target(&container).click();
6675
67− receiver.await.unwrap();
76+ receiver
77+ .map(|_| {
78+ drop(vdom);
79+ })
80+ .map_err(|e| JsValue::from(e.to_string()))
6881}
6982
70−#[wasm_bindgen_test]
71−async fn updated_listener_is_called() {
83+#[wasm_bindgen_test(async)]
84+fn updated_listener_is_called() -> impl Future<Item = (), Error = JsValue> {
7285 let container = create_element("div");
7386
74− let (first_sender, first_receiver) = futures::channel::oneshot::channel();
87+ let (first_sender, first_receiver) = futures::sync::oneshot::channel();
7588 let mut first_sender = Some(first_sender);
7689
7790 let vdom = Vdom::new(
@@ -85,7 +98,7 @@ async fn updated_listener_is_called() {
8598 }),
8699 );
87100
88− let (second_sender, second_receiver) = futures::channel::oneshot::channel();
101+ let (second_sender, second_receiver) = futures::sync::oneshot::channel();
89102 let mut second_sender = Some(second_sender);
90103
91104 vdom.weak()
@@ -96,22 +109,25 @@ async fn updated_listener_is_called() {
96109 .send("second")
97110 .expect_throw("should not have dropped the receiver");
98111 })))
99− .await
100− .unwrap();
101−
102− target(&container).click();
103−
104− match select(first_receiver, second_receiver).await {
105− Either::Left((Ok(_), _)) => panic!(),
106− Either::Left((Err(_), second)) => assert_eq!(second.await, Ok("second")),
107− Either::Right((Ok(msg), _)) => assert_eq!(msg, "second"),
108− Either::Right((Err(_), _)) => panic!(),
109− }
112+ .map_err(|e| JsValue::from(e.to_string()))
113+ .and_then(move |_| {
114+ target(&container).click();
115+
116+ first_receiver
117+ .select(second_receiver)
118+ .map(|(which, _other)| which)
119+ .or_else(|(_error, other)| other)
120+ .map(|which| {
121+ assert_eq!(which, "second");
122+ drop(vdom);
123+ })
124+ .map_err(|e| JsValue::from(e.to_string()))
125+ })
110126}
111127
112128struct ListensOnlyOnFirstRender {
113129 count: Cell<usize>,
114− callback: Box<dyn FnMut()>,
130+ callback: Box<FnMut()>,
115131}
116132
117133impl ListensOnlyOnFirstRender {
@@ -126,28 +142,46 @@ impl ListensOnlyOnFirstRender {
126142 }
127143}
128144
129−impl<'a> Render<'a> for ListensOnlyOnFirstRender {
130− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
131− use dodrio::builder::*;
132−
145+impl Render for ListensOnlyOnFirstRender {
146+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
147+ where
148+ 'a: 'bump,
149+ {
133150 let count = self.count.get();
134151 self.count.set(count + 1);
135−
136− let mut elem = div(&cx).attr("id", "target");
137152 if count == 0 {
138− elem = elem.on("click", |root, _scheduler, _event| {
139− (root.unwrap_mut::<ListensOnlyOnFirstRender>().callback)();
140− });
153+ Node::element(
154+ bump,
155+ "div",
156+ [on(bump, "click", |root, _scheduler, _event| {
157+ (root.unwrap_mut::<ListensOnlyOnFirstRender>().callback)();
158+ })],
159+ [Attribute {
160+ name: "id",
161+ value: "target",
162+ }],
163+ [],
164+ )
165+ } else {
166+ Node::element(
167+ bump,
168+ "div",
169+ [],
170+ [Attribute {
171+ name: "id",
172+ value: "target",
173+ }],
174+ [],
175+ )
141176 }
142− elem.finish()
143177 }
144178}
145179
146−#[wasm_bindgen_test]
147−async fn removed_listener_is_not_called() {
180+#[wasm_bindgen_test(async)]
181+fn removed_listener_is_not_called() -> impl Future<Item = (), Error = JsValue> {
148182 let container = create_element("div");
149183
150− let (outer_sender, outer_receiver) = futures::channel::oneshot::channel();
184+ let (outer_sender, outer_receiver) = futures::sync::oneshot::channel();
151185 let outer_sender = Rc::new(RefCell::new(Some(outer_sender)));
152186 let outer_listener = Closure::wrap(Box::new(move |_| {
153187 outer_sender
@@ -156,13 +190,13 @@ async fn removed_listener_is_not_called() {
156190 .expect_throw("should only invoke outer_listener once")
157191 .send("outer")
158192 .expect_throw("should not have dropped receiver");
159− }) as Box<dyn FnMut(web_sys::Event)>);
193+ }) as Box<FnMut(web_sys::Event)>);
160194
161195 container
162196 .add_event_listener_with_callback("click", outer_listener.as_ref().unchecked_ref())
163197 .unwrap();
164198
165− let (vdom_sender, vdom_receiver) = futures::channel::oneshot::channel();
199+ let (vdom_sender, vdom_receiver) = futures::sync::oneshot::channel();
166200 let mut vdom_sender = Some(vdom_sender);
167201
168202 // Render a vdom with a listener into container.
@@ -177,26 +211,33 @@ async fn removed_listener_is_not_called() {
177211 }),
178212 );
179213
180− // Re-render, so we aren't listening anymore.
181− vdom.weak().render().await.unwrap();
182−
183− target(&container).click();
184−
185− // We should get our container's event handler fired, and not the unmounted
186− // vdom's event handler.
187− match select(outer_receiver, vdom_receiver).await {
188− Either::Left((Ok(msg), _)) => assert_eq!(msg, ("outer")),
189− Either::Left((Err(_), _)) => panic!(),
190− Either::Right((Ok(_), _)) => panic!(),
191− Either::Right((Err(_), outer)) => assert_eq!(outer.await, Ok("outer")),
192− }
214+ vdom.weak()
215+ // Re-render, so we aren't listening anymore.
216+ .render()
217+ .map_err(|e| JsValue::from(e.to_string()))
218+ .and_then(move |_| {
219+ target(&container).click();
220+
221+ // We should get our container's event handler fired, and not the unmounted
222+ // vdom's event handler.
223+ outer_receiver
224+ .select(vdom_receiver)
225+ .map(|(which, _other)| which)
226+ .or_else(|(_error, other)| other)
227+ .map(|which| {
228+ assert_eq!(which, "outer");
229+ drop(outer_listener);
230+ drop(vdom)
231+ })
232+ .map_err(|e| JsValue::from(e.to_string()))
233+ })
193234}
194235
195−#[wasm_bindgen_test]
196−async fn event_does_not_fire_after_unmounting() {
236+#[wasm_bindgen_test(async)]
237+fn event_does_not_fire_after_unmounting() -> impl Future<Item = (), Error = JsValue> {
197238 let container = create_element("div");
198239
199− let (outer_sender, outer_receiver) = futures::channel::oneshot::channel();
240+ let (outer_sender, outer_receiver) = futures::sync::oneshot::channel();
200241 let outer_sender = Rc::new(RefCell::new(Some(outer_sender)));
201242 let outer_listener = Closure::wrap(Box::new(move |_| {
202243 outer_sender
@@ -205,13 +246,13 @@ async fn event_does_not_fire_after_unmounting() {
205246 .expect_throw("should only invoke outer_listener once")
206247 .send("outer")
207248 .expect_throw("should not have dropped receiver");
208− }) as Box<dyn FnMut(web_sys::Event)>);
249+ }) as Box<FnMut(web_sys::Event)>);
209250
210251 container
211252 .add_event_listener_with_callback("click", outer_listener.as_ref().unchecked_ref())
212253 .unwrap();
213254
214− let (vdom_sender, vdom_receiver) = futures::channel::oneshot::channel();
255+ let (vdom_sender, vdom_receiver) = futures::sync::oneshot::channel();
215256 let mut vdom_sender = Some(vdom_sender);
216257
217258 // Render a vdom with a listener into container.
@@ -241,10 +282,90 @@ async fn event_does_not_fire_after_unmounting() {
241282
242283 // We should get our container's event handler fired, and not the unmounted
243284 // vdom's event handler.
244− match select(outer_receiver, vdom_receiver).await {
245− Either::Left((Ok(msg), _)) => assert_eq!(msg, ("outer")),
246− Either::Left((Err(_), _)) => panic!(),
247− Either::Right((Ok(_), _)) => panic!(),
248− Either::Right((Err(_), outer)) => assert_eq!(outer.await, Ok("outer")),
285+ outer_receiver
286+ .select(vdom_receiver)
287+ .map(|(which, _other)| which)
288+ .or_else(|(_error, other)| other)
289+ .map(|which| {
290+ assert_eq!(which, "outer");
291+ drop(outer_listener);
292+ })
293+ .map_err(|e| JsValue::from(e.to_string()))
294+}
295+
296+struct CountRendersAndListen {
297+ count: Cell<usize>,
298+ callback: Box<FnMut(usize)>,
299+}
300+
301+impl CountRendersAndListen {
302+ fn new<F>(callback: F) -> CountRendersAndListen
303+ where
304+ F: 'static + FnMut(usize),
305+ {
306+ CountRendersAndListen {
307+ count: Cell::new(0),
308+ callback: Box::new(callback),
309+ }
310+ }
311+}
312+
313+impl Render for CountRendersAndListen {
314+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
315+ where
316+ 'a: 'bump,
317+ {
318+ let count = self.count.get() + 1;
319+ self.count.set(count);
320+ Node::element(
321+ bump,
322+ "button",
323+ [on(bump, "click", |comp, _vdom, _event| {
324+ let comp: &mut _ = comp.unwrap_mut::<dodrio::Cached<CountRendersAndListen>>();
325+ let comp: &mut CountRendersAndListen = comp;
326+ let n = comp.count.get();
327+ (comp.callback)(n);
328+ })],
329+ [Attribute {
330+ name: "id",
331+ value: "target",
332+ }],
333+ [],
334+ )
249335 }
250336}
337+
338+#[wasm_bindgen_test(async)]
339+fn cached_listeners_work_correctly() -> impl Future<Item = (), Error = JsValue> {
340+ let container = create_element("div");
341+
342+ let (sender, receiver) = futures::sync::oneshot::channel();
343+ let mut sender = Some(sender);
344+ let vdom = Vdom::new(
345+ &container,
346+ dodrio::Cached::new(CountRendersAndListen::new(move |n| {
347+ sender.take().unwrap().send(n).unwrap();
348+ })),
349+ );
350+
351+ let weak0 = vdom.weak();
352+ let weak1 = vdom.weak();
353+ let weak2 = vdom.weak();
354+ vdom.weak()
355+ // Re-render a few times, so we are using the cached version.
356+ .render()
357+ .and_then(move |_| weak0.render())
358+ .and_then(move |_| weak1.render())
359+ .and_then(move |_| weak2.render())
360+ .map_err(|e| JsValue::from(e.to_string()))
361+ .and_then(move |_| {
362+ target(&container).click();
363+
364+ receiver
365+ .map(|n| {
366+ assert_eq!(n, 1);
367+ drop(vdom);
368+ })
369+ .map_err(|e| JsValue::from(e.to_string()))
370+ })
371+}
tests/web/js_api.rsdeleted−153
@@ -1,153 +0,0 @@
1−use super::{assert_rendered, create_element, RenderFn};
2−use dodrio::{builder::*, Node, Render, RenderContext, Vdom};
3−use dodrio_js_api::JsRender;
4−use futures::channel::oneshot;
5−use js_sys::Object;
6−use std::rc::Rc;
7−use wasm_bindgen::prelude::*;
8−use wasm_bindgen::JsCast;
9−use wasm_bindgen_test::*;
10−
11−pub struct WrapJs {
12− inner: JsRender,
13−}
14−
15−impl WrapJs {
16− pub fn new() -> (WrapJs, oneshot::Receiver<()>, Closure<dyn FnMut()>) {
17− let (sender, receiver) = oneshot::channel();
18−
19− let on_after_render = Closure::wrap(Box::new({
20− let mut sender = Some(sender);
21− move || {
22− sender
23− .take()
24− .expect_throw("on_after_render should only be called once")
25− .send(())
26− .expect_throw("receiver should not have been dropped");
27− }
28− }) as Box<dyn FnMut()>);
29−
30− let component = WrapJs {
31− inner: JsRender::new(JsComponent::new(&on_after_render)),
32− };
33−
34− (component, receiver, on_after_render)
35− }
36−}
37−
38−impl<'a> Render<'a> for WrapJs {
39− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
40− div(&cx)
41− .attr("class", "wrap-js")
42− .children([self.inner.render(cx)])
43− .finish()
44− }
45−}
46−
47−#[wasm_bindgen]
48−extern "C" {
49− #[wasm_bindgen(extends = Object)]
50− #[derive(Clone, Debug)]
51− type JsComponent;
52−
53− #[wasm_bindgen(constructor)]
54− fn new(on_after_render: &Closure<dyn FnMut()>) -> JsComponent;
55−}
56−
57−fn eval_js_rendering_component() {
58− use std::sync::Once;
59− static EVAL: Once = Once::new();
60− EVAL.call_once(|| {
61− super::init_logging();
62− js_sys::eval(
63− r#"
64− window.JsComponent = class JsComponent {
65− constructor(onAfterRender) {
66− this.count = 0;
67− this.onAfterRender = onAfterRender;
68− }
69−
70− render() {
71− return {
72− tagName: "span",
73− attributes: [{ name: "class", value: "js-component" }],
74− listeners: [{ on: "click", callback: this.onClick.bind(this) }],
75− children: [
76− "Here is some plain text",
77− {
78− tagName: "b",
79− children: ["...and here is some bold text"]
80− },
81− String(this.count),
82− ]
83− };
84− }
85−
86− async onClick(vdom, event) {
87− this.count++;
88− await vdom.render();
89− this.onAfterRender();
90− }
91− };
92− "#,
93− )
94− .expect_throw("should eval JS component OK");
95− });
96−}
97−
98−#[wasm_bindgen_test]
99−async fn can_use_js_rendering_components() {
100− eval_js_rendering_component();
101−
102− let container = create_element("div");
103− let (component, receiver, _closure) = WrapJs::new();
104− let _vdom = Rc::new(Vdom::new(&container, component));
105−
106− assert_rendered(
107− &container,
108− &RenderFn(|cx| {
109− div(&cx)
110− .attr("class", "wrap-js")
111− .children([span(&cx)
112− .attr("class", "js-component")
113− .children([
114− text("Here is some plain text"),
115− b(&cx)
116− .children([text("...and here is some bold text")])
117− .finish(),
118− text("0"),
119− ])
120− .finish()])
121− .finish()
122− }),
123− );
124−
125− container
126− .query_selector(".js-component")
127− .expect_throw("should querySelector OK")
128− .expect_throw("should find `.js-component` element OK")
129− .dyn_into::<web_sys::HtmlElement>()
130− .expect_throw("should be an `HTMLElement` object")
131− .click();
132−
133− receiver.await.unwrap();
134−
135− assert_rendered(
136− &container,
137− &RenderFn(|cx| {
138− div(&cx)
139− .attr("class", "wrap-js")
140− .children([span(&cx)
141− .attr("class", "js-component")
142− .children([
143− text("Here is some plain text"),
144− b(&cx)
145− .children([text("...and here is some bold text")])
146− .finish(),
147− text("1"),
148− ])
149− .finish()])
150− .finish()
151− }),
152− );
153−}
tests/web/keyed.jsdeleted−25
@@ -1,25 +0,0 @@
1−export function saveKeyedElements(container) {
2− const saved = new Map;
3− const children = container.querySelectorAll(".keyed");
4− for (const child of children) {
5− saved.set(child.id, child);
6− }
7− return saved;
8−}
9−
10−function assertEq(a, b, msg) {
11− if (a !== b) {
12− throw new Error(`assertEq failed: ${a} !== ${b}; ${msg}`);
13− }
14−}
15−
16−export function checkKeyedElements(container, saved) {
17− const children = container.querySelectorAll(".keyed");
18− for (const child of children) {
19− console.log(`checking child=${child.outerHTML}`);
20− const original = saved.get(child.id);
21− if (original) {
22− assertEq(original, child, `did not preserve child with key=${child.id}`);
23− }
24− }
25−}
tests/web/keyed.rsdeleted−269
@@ -1,269 +0,0 @@
1−use crate::{assert_rendered, create_element};
2−use dodrio::{builder::*, bumpalo, Node, Render, RenderContext, Vdom};
3−use log::*;
4−use std::rc::Rc;
5−use wasm_bindgen::prelude::*;
6−use wasm_bindgen_test::*;
7−
8−struct Keyed(u16);
9−
10−impl<'a> Render<'a> for Keyed {
11− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
12− let key = bumpalo::format!(in cx.bump, "{}", self.0).into_bump_str();
13− div(&cx)
14− .attr("class", "keyed")
15− .attr("id", key)
16− .key(self.0 as u32)
17− .finish()
18− }
19−}
20−
21−fn keyed<'a, Keys>(cx: &mut RenderContext<'a>, keys: Keys) -> Node<'a>
22−where
23− Keys: AsRef<[u16]>,
24−{
25− let mut parent = div(&cx).attr("class", "parent");
26−
27− for &k in keys.as_ref() {
28− parent = parent.child(Keyed(k).render(cx));
29− }
30−
31− parent.finish()
32−}
33−
34−async fn assert_keyed<Before, After>(before: Before, after: After) -> Result<(), JsValue>
35−where
36− Before: 'static + for<'a> Render<'a>,
37− After: 'static + for<'a> Render<'a>,
38−{
39− #[wasm_bindgen(module = "/tests/web/keyed.js")]
40− extern "C" {
41− #[wasm_bindgen(js_name = saveKeyedElements)]
42− fn save_keyed_elements(container: &web_sys::Element) -> JsValue;
43−
44− #[wasm_bindgen(js_name = checkKeyedElements)]
45− fn check_keyed_elements(container: &web_sys::Element, saved: JsValue);
46− }
47−
48− let container = create_element("div");
49−
50− let before = Rc::new(before);
51− let after = Rc::new(after);
52−
53− debug!("====== Rendering the *before* DOM into the physical DOM ======");
54− let vdom1 = Rc::new(Vdom::new(&container, before.clone()));
55− let _vdom2 = vdom1.clone();
56− let saved = save_keyed_elements(&container);
57−
58− debug!("====== Checking the *before* DOM against the physical DOM ======");
59− assert_rendered(&container, &before);
60−
61− debug!("====== Rendering the *after* DOM into the physical DOM ======");
62− let weak = vdom1.weak();
63− weak.set_component(Box::new(after.clone()))
64− .await
65− .map_err(|e| e.to_string())?;
66−
67− debug!("====== Checking the *after* DOM against the physical DOM ======");
68− assert_rendered(&container, &after);
69− check_keyed_elements(&container, saved);
70−
71− Ok(())
72−}
73−
74−macro_rules! keyed_tests {
75− ( $(
76− $name:ident {
77− before($before_cx:ident) {
78− $( $before:tt )*
79− }
80− after($after_cx:ident) {
81− $( $after:tt )*
82− }
83− }
84− )* ) => {
85− $(
86− #[wasm_bindgen_test]
87− async fn $name() {
88− use crate::RenderFn;
89− log::debug!("############### {} ###############", stringify!($name));
90− assert_keyed(
91− RenderFn(|$before_cx| { $( $before )* }),
92− RenderFn(|$after_cx| { $( $after )* }),
93− )
94− .await
95− .unwrap()
96− }
97− )*
98− }
99−}
100−
101−keyed_tests! {
102− same_order {
103− before(cx) {
104− keyed(cx, [1, 2, 3])
105− }
106− after(cx) {
107− keyed(cx, [1, 2, 3])
108− }
109− }
110−
111− same_order_append {
112− before(cx) {
113− keyed(cx, [1])
114− }
115− after(cx) {
116− keyed(cx, [1, 2])
117− }
118− }
119−
120− same_order_delete {
121− before(cx) {
122− keyed(cx, [1, 2, 3])
123− }
124− after(cx) {
125− keyed(cx, [1, 2])
126− }
127− }
128−
129− same_suffix {
130− before(cx) {
131− keyed(cx, [1, 2, 3])
132− }
133− after(cx) {
134− keyed(cx, [4, 2, 3])
135− }
136− }
137−
138− same_prefix_and_suffix_reorder_middle {
139− before(cx) {
140− keyed(cx, [1, 2, 3, 4])
141− }
142− after(cx) {
143− keyed(cx, [1, 3, 2, 4])
144− }
145− }
146−
147− same_prefix_and_suffix_new_middle {
148− before(cx) {
149− keyed(cx, [2, 3, 4, 5])
150− }
151− after(cx) {
152− keyed(cx, [2, 7, 8, 5])
153− }
154− }
155−
156− reverse_order {
157− before(cx) {
158− keyed(cx, [1, 2, 3])
159− }
160− after(cx) {
161− keyed(cx, [3, 2, 1])
162− }
163− }
164−
165− no_shared_keys {
166− before(cx) {
167− keyed(cx, [1, 2])
168− }
169− after(cx) {
170− keyed(cx, [3, 4])
171− }
172− }
173−
174− new_keys_in_middle {
175− before(cx) {
176− keyed(cx, [1, 2])
177− }
178− after(cx) {
179− keyed(cx, [1, 3, 4, 2])
180− }
181− }
182−
183− new_keys_at_start_and_end {
184− before(cx) {
185− keyed(cx, [1, 2, 3])
186− }
187− after(cx) {
188− keyed(cx, [4, 1, 2, 3, 5])
189− }
190− }
191−
192− delete_prefix {
193− before(cx) {
194− keyed(cx, [1, 2, 3])
195− }
196− after(cx) {
197− keyed(cx, [2, 3])
198− }
199− }
200−
201− delete_suffix {
202− before(cx) {
203− keyed(cx, [1, 2, 3])
204− }
205− after(cx) {
206− keyed(cx, [1, 2])
207− }
208− }
209−
210− delete_middle {
211− before(cx) {
212− keyed(cx, [1, 2, 3])
213− }
214− after(cx) {
215− keyed(cx, [1, 3])
216− }
217− }
218−
219− nested_keyed_children {
220− before(cx) {
221− ul(&cx)
222− .children([
223− li(&cx)
224− .key(1)
225− .children([
226− keyed(cx, [2, 3, 4])
227− ])
228− .finish(),
229− li(&cx)
230− .key(5)
231− .children([
232− keyed(cx, [6, 7, 8])
233− ])
234− .finish(),
235− li(&cx)
236− .key(9)
237− .children([
238− keyed(cx, [10, 11, 12])
239− ])
240− .finish(),
241− ])
242− .finish()
243− }
244− after(cx) {
245− ul(&cx)
246− .children([
247− li(&cx)
248− .key(9)
249− .children([
250− keyed(cx, [12, 11, 10])
251− ])
252− .finish(),
253− li(&cx)
254− .key(5)
255− .children([
256− keyed(cx, [8, 7, 6])
257− ])
258− .finish(),
259− li(&cx)
260− .key(1)
261− .children([
262− keyed(cx, [4, 3, 2])
263− ])
264− .finish(),
265− ])
266− .finish()
267− }
268− }
269−}
tests/web/main.rs+41−65
@@ -1,14 +1,11 @@
11//! Test suite for the Web and headless browsers.
22
3−#![cfg(all(feature = "xxx-unstable-internal-use-only", target_arch = "wasm32"))]
3+#![cfg(target_arch = "wasm32")]
44
55use bumpalo::Bump;
6−use dodrio::{
7− Attribute, CachedSet, ElementNode, Node, NodeKind, Render, RenderContext, TextNode, Vdom,
8−};
9−use fxhash::FxHashMap;
6+use dodrio::{Attribute, Node, Render, Vdom};
7+use futures::prelude::*;
108use log::*;
11−use std::cell::RefCell;
129use std::rc::Rc;
1310use wasm_bindgen::prelude::*;
1411use wasm_bindgen::JsCast;
@@ -18,8 +15,6 @@ wasm_bindgen_test_configure!(run_in_browser);
1815
1916pub mod cached;
2017pub mod events;
21−pub mod js_api;
22−pub mod keyed;
2318pub mod render;
2419
2520pub fn window() -> web_sys::Window {
@@ -50,20 +45,15 @@ pub fn init_logging() {
5045
5146/// Assert that the `container` contains the physical DOM tree that matches
5247/// `r`'s rendered virtual DOM.
53−pub fn assert_rendered<R: for<'a> Render<'a>>(container: &web_sys::Element, r: &R) {
48+pub fn assert_rendered<R: Render>(container: &web_sys::Element, r: &R) {
5449 init_logging();
5550
56− let cached_set = &RefCell::new(CachedSet::default());
5751 let bump = &Bump::new();
58− let templates = &mut FxHashMap::default();
59− let cx = &mut RenderContext::new(bump, cached_set, templates);
60− let node = r.render(cx);
52+ let node = r.render(bump);
6153 let child = container
6254 .first_child()
6355 .expect("container does not have anything rendered into it?");
64−
65− let cached_set = cached_set.borrow();
66− check_node(&cached_set, &child, &node);
56+ check_node(&child, &node);
6757
6858 fn stringify_actual_node(n: &web_sys::Node) -> String {
6959 if let Some(el) = n.dyn_ref::<web_sys::Element>() {
@@ -73,12 +63,12 @@ pub fn assert_rendered<R: for<'a> Render<'a>>(container: &web_sys::Element, r: &
7363 }
7464 }
7565
76− fn check_node(cached_set: &CachedSet, actual: &web_sys::Node, expected: &Node) {
66+ fn check_node(actual: &web_sys::Node, expected: &Node) {
7767 debug!("check_render:");
7868 debug!(" actual = {}", stringify_actual_node(&actual));
7969 debug!(" expected = {:#?}", expected);
80− match expected.kind {
81− NodeKind::Text(TextNode { text }) => {
70+ match expected {
71+ Node::Text(text_node) => {
8272 assert_eq!(
8373 actual.node_name().to_uppercase(),
8474 "#TEXT",
@@ -86,34 +76,21 @@ pub fn assert_rendered<R: for<'a> Render<'a>>(container: &web_sys::Element, r: &
8676 );
8777 assert_eq!(
8878 actual.text_content().unwrap_or_default(),
89− text,
79+ text_node.text(),
9080 "actual.text_content() == expected.text()"
9181 );
9282 }
93− NodeKind::Element(&ElementNode {
94− tag_name,
95− attributes,
96− children,
97− namespace,
98− ..
99− }) => {
83+ Node::Element(elem) => {
10084 assert_eq!(
10185 actual.node_name().to_uppercase(),
102− tag_name.to_uppercase(),
86+ elem.tag_name().to_uppercase(),
10387 "actual.node_name() == expected.tag_name()"
10488 );
10589 let actual = actual
10690 .dyn_ref::<web_sys::Element>()
10791 .expect("`actual` should be an `Element`");
108− check_attributes(actual.attributes(), attributes);
109− check_children(cached_set, actual.child_nodes(), children);
110− if let Some(namespace) = namespace {
111− assert_eq!(actual.namespace_uri(), Some(namespace.into()))
112− }
113− }
114− NodeKind::Cached(ref c) => {
115− let (expected, _template) = cached_set.get(c.id);
116− check_node(cached_set, actual, &expected);
92+ check_attributes(actual.attributes(), elem.attributes());
93+ check_children(actual.child_nodes(), elem.children());
11794 }
11895 }
11996 }
@@ -126,18 +103,18 @@ pub fn assert_rendered<R: for<'a> Render<'a>>(container: &web_sys::Element, r: &
126103 );
127104 for attr in expected {
128105 let actual_attr = actual
129− .get_named_item(attr.name())
130− .expect(&format!("should have attribute \"{}\"", attr.name()));
106+ .get_named_item(attr.name)
107+ .expect(&format!("should have attribute \"{}\"", attr.name));
131108 assert_eq!(
132109 actual_attr.value(),
133− attr.value(),
110+ attr.value,
134111 "actual attr value == expected attr value for attr \"{}\"",
135− attr.name()
112+ attr.name
136113 );
137114 }
138115 }
139116
140− fn check_children(cached_set: &CachedSet, actual: web_sys::NodeList, expected: &[Node]) {
117+ fn check_children(actual: web_sys::NodeList, expected: &[Node]) {
141118 assert_eq!(
142119 actual.length(),
143120 expected.len() as u32,
@@ -145,7 +122,7 @@ pub fn assert_rendered<R: for<'a> Render<'a>>(container: &web_sys::Element, r: &
145122 );
146123 for (i, child) in expected.iter().enumerate() {
147124 let actual_child = actual.item(i as u32).unwrap();
148− check_node(cached_set, &actual_child, child);
125+ check_node(&actual_child, child);
149126 }
150127 }
151128}
@@ -153,24 +130,27 @@ pub fn assert_rendered<R: for<'a> Render<'a>>(container: &web_sys::Element, r: &
153130/// Use the function `F` to render.
154131pub struct RenderFn<F>(F)
155132where
156− F: for<'a> Fn(&mut RenderContext<'a>) -> Node<'a>;
133+ F: for<'bump> Fn(&'bump Bump) -> Node<'bump>;
157134
158−impl<'a, F> Render<'a> for RenderFn<F>
135+impl<F> Render for RenderFn<F>
159136where
160− F: for<'b> Fn(&mut RenderContext<'b>) -> Node<'b>,
137+ F: for<'bump> Fn(&'bump Bump) -> Node<'bump>,
161138{
162− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
163− (self.0)(cx)
139+ fn render<'a, 'bump>(&'a self, bump: &'bump Bump) -> Node<'bump>
140+ where
141+ 'a: 'bump,
142+ {
143+ (self.0)(bump)
164144 }
165145}
166146
167147/// Assert that if we start by rendering the `before` virtual DOM tree into a
168148/// physical DOM tree, and then diff it with the `after` virtual DOM tree, then
169149/// the physical DOM tree correctly matches `after`.
170−pub async fn assert_before_after<R, S>(before: R, after: S) -> Result<(), JsValue>
150+pub fn assert_before_after<R, S>(before: R, after: S) -> impl Future<Item = (), Error = JsValue>
171151where
172− R: 'static + for<'a> Render<'a>,
173− S: 'static + for<'a> Render<'a>,
152+ R: 'static + Render,
153+ S: 'static + Render,
174154{
175155 let container = create_element("div");
176156
@@ -179,7 +159,7 @@ where
179159
180160 debug!("====== Rendering the *before* DOM into the physical DOM ======");
181161 let vdom1 = Rc::new(Vdom::new(&container, before.clone()));
182− let _vdom2 = vdom1.clone();
162+ let vdom2 = vdom1.clone();
183163
184164 debug!("====== Checking the *before* DOM against the physical DOM ======");
185165 assert_rendered(&container, &before);
@@ -187,16 +167,15 @@ where
187167 debug!("====== Rendering the *after* DOM into the physical DOM ======");
188168 let weak = vdom1.weak();
189169 weak.set_component(Box::new(after.clone()))
190− .await
191− .map_err(|e| e.to_string())?;
192−
193− debug!("====== Checking the *after* DOM against the physical DOM ======");
194− assert_rendered(&container, &after);
195−
196− Ok(())
170+ .map(move |_| {
171+ debug!("====== Checking the *after* DOM against the physical DOM ======");
172+ assert_rendered(&container, &after);
173+ drop(vdom2);
174+ })
175+ .map_err(|e| JsValue::from(e.to_string()))
197176}
198177
199−/// A helper macro for declaring a bunch of `assert_before_after` tests.
178+/// A helper macro for decalaring a bunch of `assert_before_after` tests.
200179#[macro_export]
201180macro_rules! before_after {
202181 ( $(
@@ -210,16 +189,13 @@ macro_rules! before_after {
210189 }
211190 )* ) => {
212191 $(
213− #[wasm_bindgen_test]
214− async fn $name() {
192+ #[wasm_bindgen_test(async)]
193+ fn $name() -> impl Future<Item = (), Error = wasm_bindgen::JsValue> {
215194 use crate::{assert_before_after, RenderFn};
216− log::debug!("############### {} ###############", stringify!($name));
217195 assert_before_after(
218196 RenderFn(|$before_bump| { $( $before )* }),
219197 RenderFn(|$after_bump| { $( $after )* })
220198 )
221− .await
222− .unwrap()
223199 }
224200 )*
225201 }
tests/web/render.rs+142−233
@@ -1,12 +1,12 @@
11use super::{assert_rendered, before_after, create_element, RenderFn};
2−use dodrio::{builder::*, bumpalo::collections::String, Node, Render, RenderContext, Vdom};
2+use dodrio::{Attribute, Node, Vdom};
3+use futures::prelude::*;
34use std::rc::Rc;
4−use wasm_bindgen::{ JsCast};
55use wasm_bindgen_test::*;
66
77#[wasm_bindgen_test]
88fn render_initial_text() {
9− let hello = Rc::new(RenderFn(|_cx| text("hello")));
9+ let hello = Rc::new(RenderFn(|_bump| Node::text("hello")));
1010
1111 let container = create_element("div");
1212 let _vdom = Vdom::new(&container, hello.clone());
@@ -15,11 +15,20 @@ fn render_initial_text() {
1515
1616#[wasm_bindgen_test]
1717fn render_initial_node() {
18− let hello = Rc::new(RenderFn(|cx| {
19− div(&cx)
20− .attr("id", "hello-world")
21− .children([text("Hello "), span(&cx).child(text("World!")).finish()])
22− .finish()
18+ let hello = Rc::new(RenderFn(|bump| {
19+ Node::element(
20+ bump,
21+ "div",
22+ [],
23+ [Attribute {
24+ name: "id",
25+ value: "hello-world",
26+ }],
27+ [
28+ Node::text("Hello "),
29+ Node::element(bump, "span", [], [], [Node::text("World!")]),
30+ ],
31+ )
2332 }));
2433
2534 let container = create_element("div");
@@ -30,314 +39,214 @@ fn render_initial_node() {
3039#[wasm_bindgen_test]
3140fn container_is_emptied_upon_drop() {
3241 let container = create_element("div");
33− let vdom = Vdom::new(&container, RenderFn(|_cx| text("blah")));
42+ let vdom = Vdom::new(&container, RenderFn(|_bump| Node::text("blah")));
3443 drop(vdom);
3544 assert!(container.first_child().is_none());
3645}
3746
38−/// Renders a child with a lifetime scoped to the RenderContext bump arena.
39−#[wasm_bindgen_test]
40−fn render_bump_scoped_node() {
41− struct Child<'a> {
42− name: &'a str,
43− }
44−
45− impl<'a> Render<'a> for Child<'a> {
46− fn render(&self, _cx: &mut RenderContext<'a>) -> Node<'a> {
47− text(self.name)
48− }
49− }
50−
51− struct Parent;
52−
53− impl<'a> Render<'a> for Parent {
54− fn render(&self, cx: &mut RenderContext<'a>) -> Node<'a> {
55− let child_name = String::from_str_in("child", cx.bump).into_bump_str();
56−
57− div(&cx)
58− .children([Child { name: child_name }.render(cx)])
59− .finish()
60− }
61− }
62−
63− let parent = Rc::new(RenderFn(|cx| {
64− Parent.render(cx)
65− }));
66−
67− let container = create_element("div");
68− let _vdom = Vdom::new(&container, parent.clone());
69−
70− assert_rendered(&container, &parent);
71−}
72−
73−/// Originally, dodrio would use the className property for SVGs.
74−///
75−/// This is problematic because when SVG elements are created, the className is flagged as a read
76−/// only property, so setting it causes an exception to be thrown. Here's an example of how this
77−/// happens:
78−///
79−/// let elem = web_sys::window()
80−/// .unwrap()
81−/// .document()
82−/// .unwrap()
83−/// .create_element_ns(Some("http://www.w3.org/2000/svg"), "svg")
84−/// .unwrap();
85−///
86−/// elem.set_class_name("does-not-work");
87−///
88−/// -----------------------------------------------------------------------------------------------
89−///
90−/// wasm-bindgen: imported JS function that was not marked as `catch` threw an error:
91−/// setting getter-only property "className"
92−///
93−/// -----------------------------------------------------------------------------------------------
94−///
95−/// Now, dodrio passes the 'class' attribute of all namespaced elements into set_attribute. This
96−/// satisfies the restrictions on SVG and keeps the optimized path for non-namespaced elements
97−#[wasm_bindgen_test(async)]
98−async fn test_svg_set_class() {
99− let container = create_element("div");
100−
101−
102− let valid_svg = Rc::new(RenderFn(|cx| {
103− ElementBuilder::new(cx.bump, "svg")
104− .namespace(Some("http://www.w3.org/2000/svg"))
105− .attr("class", "works")
106− .finish()
107− }));
108−
109− let vdom = Vdom::new(&container, valid_svg.clone());
110− let weak = vdom.weak();
111−
112− weak.render().await.unwrap();
113−
114− assert_eq!(
115− "works",
116− container.first_child()
117− .expect("unable to get svg")
118− .dyn_ref::<web_sys::Element>()
119− .expect("svg should be an element")
120− .get_attribute("class")
121− .expect("unable to get 'class' of svg")
122− );
123−}
124−
12547before_after! {
12648 same_text {
127− before(_cx) {
128− text("hello")
49+ before(_bump) {
50+ Node::text("hello")
12951 }
130− after(_cx) {
131− text("hello")
52+ after(_bump) {
53+ Node::text("hello")
13254 }
13355 }
13456
13557 update_text {
136− before(_cx) {
137− text("before")
58+ before(_bump) {
59+ Node::text("before")
13860 }
139− after(_cx) {
140− text("after")
61+ after(_bump) {
62+ Node::text("after")
14163 }
14264 }
14365
14466 replace_text_with_elem {
145− before(_cx) {
146− text("before")
67+ before(_bump) {
68+ Node::text("before")
14769 }
148− after(cx) {
149− div(&cx).finish()
70+ after(bump) {
71+ Node::element(bump, "div", [], [], [])
15072 }
15173 }
15274
15375 replace_elem_with_text {
154− before(cx) {
155− div(&cx).finish()
76+ before(bump) {
77+ Node::element(bump, "div", [], [], [])
15678 }
157− after(_cx) {
158− text("before")
79+ after(_bump) {
80+ Node::text("before")
15981 }
16082 }
16183
16284 same_elem {
163− before(cx) {
164− div(&cx).finish()
85+ before(bump) {
86+ Node::element(bump, "div", [], [], [])
16587 }
166− after(cx) {
167− div(&cx).finish()
88+ after(bump) {
89+ Node::element(bump, "div", [], [], [])
16890 }
16991 }
17092
17193 elems_with_different_tag_names {
172− before(cx) {
173− span(&cx).finish()
94+ before(bump) {
95+ Node::element(bump, "span", [], [], [])
17496 }
175− after(cx) {
176− div(&cx).finish()
97+ after(bump) {
98+ Node::element(bump, "div", [], [], [])
17799 }
178100 }
179101
180102 same_tag_name_update_attribute {
181− before(cx) {
182− div(&cx).attr("value", "1").finish()
103+ before(bump) {
104+ Node::element(bump, "div", [], [Attribute { name: "value", value: "1" }], [])
183105 }
184− after(cx) {
185− div(&cx).attr("value", "2").finish()
106+ after(bump) {
107+ Node::element(bump, "div", [], [Attribute { name: "value", value: "2" }], [])
186108 }
187109 }
188110
189111 same_tag_name_remove_attribute {
190− before(cx) {
191− div(&cx).attr("value", "1").finish()
112+ before(bump) {
113+ Node::element(bump, "div", [], [Attribute { name: "value", value: "1" }], [])
192114 }
193− after(cx) {
194− div(&cx).finish()
115+ after(bump) {
116+ Node::element(bump, "div", [], [], [])
195117 }
196118 }
197119
198120 same_tag_name_add_attribute {
199− before(cx) {
200− div(&cx).finish()
121+ before(bump) {
122+ Node::element(bump, "div", [], [], [])
201123 }
202− after(cx) {
203− div(&cx).attr("value", "2").finish()
124+ after(bump) {
125+ Node::element(bump, "div", [], [Attribute { name: "value", value: "2" }], [])
204126 }
205127 }
206128
207129 same_tag_name_many_attributes {
208− before(cx) {
209− div(&cx)
210− .attr("before-1", "1")
211− .attr("shared-1", "1")
212− .attr("modified-1", "1")
213− .attr("before-2", "2")
214− .attr("shared-2", "2")
215− .attr("modified-2", "2")
216− .attr("before-3", "3")
217− .attr("shared-3", "3")
218− .attr("modified-3", "3")
219− .finish()
220− }
221− after(cx) {
222− div(&cx)
223− .attr("after-1", "1")
224− .attr("shared-1", "1")
225− .attr("modified-1", "100")
226− .attr("after-2", "2")
227− .attr("shared-2", "2")
228− .attr("modified-2", "200")
229− .attr("after-3", "3")
230− .attr("shared-3", "3")
231− .attr("modified-3", "300")
232− .finish()
130+ before(bump) {
131+ Node::element(bump, "div", [], [
132+ Attribute { name: "before-1", value: "1" },
133+ Attribute { name: "shared-1", value: "1" },
134+ Attribute { name: "modified-1", value: "1" },
135+ Attribute { name: "before-2", value: "2" },
136+ Attribute { name: "shared-2", value: "2" },
137+ Attribute { name: "modified-2", value: "2" },
138+ Attribute { name: "before-3", value: "3" },
139+ Attribute { name: "shared-3", value: "3" },
140+ Attribute { name: "modified-3", value: "3" },
141+ ], [])
142+ }
143+ after(bump) {
144+ Node::element(bump, "div", [], [
145+ Attribute { name: "after-1", value: "1" },
146+ Attribute { name: "shared-1", value: "1" },
147+ Attribute { name: "modified-1", value: "100" },
148+ Attribute { name: "after-2", value: "2" },
149+ Attribute { name: "shared-2", value: "2" },
150+ Attribute { name: "modified-2", value: "200" },
151+ Attribute { name: "after-3", value: "3" },
152+ Attribute { name: "shared-3", value: "3" },
153+ Attribute { name: "modified-3", value: "300" },
154+ ], [])
233155 }
234156 }
235157
236158 same_tag_same_children {
237− before(cx) {
238− div(&cx).child(text("child")).finish()
159+ before(bump) {
160+ Node::element(bump, "div", [], [], [
161+ Node::text("child")
162+ ])
239163 }
240− after(cx) {
241− div(&cx).child(text("child")).finish()
164+ after(bump) {
165+ Node::element(bump, "div", [], [], [
166+ Node::text("child")
167+ ])
242168 }
243169 }
244170
245171 same_tag_update_child {
246− before(cx) {
247− div(&cx).child(text("before")).finish()
172+ before(bump) {
173+ Node::element(bump, "div", [], [], [
174+ Node::text("before")
175+ ])
248176 }
249− after(cx) {
250− div(&cx).child(text("after")).finish()
177+ after(bump) {
178+ Node::element(bump, "div", [], [], [
179+ Node::text("after")
180+ ])
251181 }
252182 }
253183
254184 same_tag_add_child {
255− before(cx) {
256− div(&cx).finish()
185+ before(bump) {
186+ Node::element(bump, "div", [], [], [])
257187 }
258− after(cx) {
259− div(&cx).child(text("child")).finish()
188+ after(bump) {
189+ Node::element(bump, "div", [], [], [
190+ Node::text("child")
191+ ])
260192 }
261193 }
262194
263195 same_tag_remove_child {
264− before(cx) {
265− div(&cx).child(text("child")).finish()
196+ before(bump) {
197+ Node::element(bump, "div", [], [], [
198+ Node::text("child")
199+ ])
266200 }
267− after(cx) {
268− div(&cx).finish()
201+ after(bump) {
202+ Node::element(bump, "div", [], [], [])
269203 }
270204 }
271205
272206 same_tag_update_many_children {
273− before(cx) {
274− div(&cx)
275− .children([
276− div(&cx).finish(),
277− span(&cx).finish(),
278− p(&cx).finish(),
279− ])
280− .finish()
281− }
282− after(cx) {
283− div(&cx)
284− .children([
285− span(&cx).finish(),
286− p(&cx).finish(),
287− div(&cx).finish(),
288− ])
289− .finish()
207+ before(bump) {
208+ Node::element(bump, "div", [], [], [
209+ Node::element(bump, "div", [], [], []),
210+ Node::element(bump, "span", [], [], []),
211+ Node::element(bump, "p", [], [], []),
212+ ])
213+ }
214+ after(bump) {
215+ Node::element(bump, "div", [], [], [
216+ Node::element(bump, "span", [], [], []),
217+ Node::element(bump, "p", [], [], []),
218+ Node::element(bump, "div", [], [], []),
219+ ])
290220 }
291221 }
292222
293223 same_tag_remove_many_children {
294− before(cx) {
295− div(&cx)
296− .children([
297− div(&cx).finish(),
298− span(&cx).finish(),
299− p(&cx).finish(),
300− ])
301− .finish()
302− }
303− after(cx) {
304− div(&cx)
305− .children([
306− div(&cx).finish(),
307− ])
308− .finish()
224+ before(bump) {
225+ Node::element(bump, "div", [], [], [
226+ Node::element(bump, "div", [], [], []),
227+ Node::element(bump, "span", [], [], []),
228+ Node::element(bump, "p", [], [], []),
229+ ])
309230 }
310− }
311−
312− same_tag_add_many_children {
313− before(cx) {
314− div(&cx)
315− .children([
316− div(&cx).finish(),
317− ])
318− .finish()
319− }
320− after(cx) {
321− div(&cx)
322− .children([
323− div(&cx).finish(),
324− span(&cx).finish(),
325− p(&cx).finish(),
326− ])
327− .finish()
231+ after(bump) {
232+ Node::element(bump, "div", [], [], [
233+ Node::element(bump, "div", [], [], []),
234+ ])
328235 }
329236 }
330237
331− same_tag_different_namespace {
332− before(cx) {
333− div(&cx)
334− .namespace(Some("http://example.com"))
335− .finish()
336− }
337− after(cx) {
338− div(&cx)
339− .namespace(Some("http://example.net"))
340− .finish()
238+ same_tag_add_many_children {
239+ before(bump) {
240+ Node::element(bump, "div", [], [], [
241+ Node::element(bump, "div", [], [], []),
242+ ])
243+ }
244+ after(bump) {
245+ Node::element(bump, "div", [], [], [
246+ Node::element(bump, "div", [], [], []),
247+ Node::element(bump, "span", [], [], []),
248+ Node::element(bump, "p", [], [], []),
249+ ])
341250 }
342251 }
343252}