8 |
9 | ### Counter
10 |
11 | 
12 |
13 | ### Todos
14 |
15 | 
16 |
--------------------------------------------------------------------------------
/web/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | pnpm-debug.log*
8 | lerna-debug.log*
9 |
10 | node_modules
11 | dist
12 | dist-ssr
13 | *.local
14 |
15 | # Editor directories and files
16 | .vscode/*
17 | !.vscode/extensions.json
18 | .idea
19 | .DS_Store
20 | *.suo
21 | *.ntvs*
22 | *.njsproj
23 | *.sln
24 | *.sw?
25 |
--------------------------------------------------------------------------------
/web/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "web",
3 | "private": true,
4 | "version": "0.0.0",
5 | "scripts": {
6 | "build": "rollup -c"
7 | },
8 | "devDependencies": {
9 | "@rollup/plugin-commonjs": "^22.0.2",
10 | "@rollup/plugin-node-resolve": "^14.0.1",
11 | "@rollup/plugin-terser": "^0.1.0",
12 | "rollup": "^2.79.0",
13 | "rollup-plugin-inject-process-env": "^1.3.1"
14 | },
15 | "dependencies": {
16 | "phoenix": "^1.6.11",
17 | "phoenix_live_view": "^0.17.11",
18 | "topbar": "^1.0.1"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/static/counter.css:
--------------------------------------------------------------------------------
1 | body {
2 | font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
3 | }
4 |
5 | body > div {
6 | text-align: center;
7 | padding: 64px 0;
8 | }
9 |
10 | button {
11 | cursor: pointer;
12 | background: #1890ff;
13 | border: 1px solid #1890ff;
14 | color: #fff;
15 | border-radius: 2px;
16 | margin: 8px;
17 | font-size: 18px;
18 | padding: 8px 16px;
19 | transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
20 | }
21 |
22 | button:hover {
23 | background-color: #40a9ff;
24 | border-color: #40a9ff;
25 | }
26 |
27 | button:active {
28 | background-color: #096dd9;
29 | border-color: #096dd9;
30 | }
31 |
32 | p {
33 | font-size: 22px;
34 | }
35 |
--------------------------------------------------------------------------------
/web/rollup.config.js:
--------------------------------------------------------------------------------
1 | import resolve from "@rollup/plugin-node-resolve";
2 | import commonjs from "@rollup/plugin-commonjs";
3 | import terser from "@rollup/plugin-terser";
4 | import injectProcessEnv from "rollup-plugin-inject-process-env";
5 |
6 | function createExport(fileName, nodeEnv, minify) {
7 | return {
8 | input: "main.js",
9 | output: {
10 | file: `../dist/${fileName}`,
11 | format: "umd",
12 | },
13 | plugins: [
14 | resolve(), // so Rollup can find `ms`
15 | commonjs(), // so Rollup can convert `ms` to an ES module
16 | injectProcessEnv({
17 | NODE_ENV: nodeEnv,
18 | }),
19 | ...(minify ? [terser()] : []),
20 | ],
21 | };
22 | }
23 |
24 | export default [
25 | // debug
26 | createExport("liveview-debug.js", "development", false),
27 | // release
28 | createExport("liveview-release.js", "production", true),
29 | ];
30 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2022 Lunatic
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
--------------------------------------------------------------------------------
/src/csrf.rs:
--------------------------------------------------------------------------------
1 | use base64::{engine::general_purpose, Engine};
2 | use rand::{thread_rng, Rng};
3 |
4 | #[derive(Clone, Debug, Default, PartialEq, Eq)]
5 | pub struct CsrfToken {
6 | pub masked: String,
7 | pub unmasked: String,
8 | }
9 |
10 | impl CsrfToken {
11 | /// Generates a crypto secure random key url-safe base64 encoded.
12 | pub fn generate() -> Self {
13 | let unmasked = generate_token();
14 | let masked = mask(&unmasked);
15 |
16 | CsrfToken { masked, unmasked }
17 | }
18 | }
19 |
20 | /// Generates a crypto secure random key url-safe base64 encoded.
21 | fn generate_token() -> String {
22 | let mut rng = thread_rng();
23 | let key: [u8; 18] = rng.gen();
24 | general_purpose::URL_SAFE.encode(key)
25 | }
26 |
27 | /// Masks a token by xor'ing with another generated token.
28 | fn mask(token: &str) -> String {
29 | let mask = generate_token();
30 | let xor: Vec<_> = token
31 | .as_bytes()
32 | .iter()
33 | .zip(mask.as_bytes().iter())
34 | .map(|(x1, x2)| x1 & x2)
35 | .collect();
36 | let mut masked = general_purpose::URL_SAFE.encode(xor);
37 | masked.push_str(&mask);
38 | masked
39 | }
40 |
--------------------------------------------------------------------------------
/Cargo.toml:
--------------------------------------------------------------------------------
1 | [package]
2 | name = "submillisecond-live-view"
3 | version = "0.4.1"
4 | edition = "2021"
5 | license = "MIT/Apache-2.0"
6 | description = "A LiveView implementation for the submillisecond web framework."
7 | repository = "https://github.com/lunatic-solutions/submillisecond-live-view"
8 |
9 | [dependencies]
10 | base64 = "0.21"
11 | const-random = "0.1"
12 | enumflags2 = "0.7"
13 | hmac = { version = "0.12.1", features = ["std"] }
14 | itertools = "0.10"
15 | jwt = "0.16.0"
16 | lunatic = { version = "0.13", features = ["json_serializer"] }
17 | lunatic-log = "0.4"
18 | maud-live-view = "0.24.3"
19 | nipper = "0.1"
20 | pretty_assertions = "1.3"
21 | rand = "0.8"
22 | serde = { version = "1.0", features = ["derive"] }
23 | serde_json = "1.0"
24 | serde_qs = "0.12"
25 | sha2 = "0.10.6"
26 | slotmap = "1.0"
27 | submillisecond = { version = "0.4.0", features = ["cookies", "websocket"] }
28 | thiserror = "1.0"
29 | tungstenite = "0.19"
30 |
31 | [dev-dependencies]
32 | chrono = { version = "0.4", features = ["serde"] }
33 | chrono-tz = { version = "0.8", features = ["serde"] }
34 | uuid = { version = "1.3", features = ["serde", "v4"] }
35 |
36 | [features]
37 | default = ["liveview_js"]
38 | liveview_js = []
39 |
40 | [package.metadata.docs.rs]
41 | targets = ["wasm32-wasi"]
42 |
--------------------------------------------------------------------------------
/web/main.js:
--------------------------------------------------------------------------------
1 | // Establish Phoenix Socket and LiveView configuration.
2 | import { Socket } from "phoenix";
3 | import { LiveSocket } from "phoenix_live_view";
4 | import topbar from "topbar";
5 |
6 | const csrfToken = document
7 | .querySelector("meta[name='csrf-token']")
8 | .getAttribute("content");
9 |
10 | class SocketWrapper {
11 | constructor(endPoint, opts) {
12 | const socket = new Socket(endPoint, opts);
13 | socket.endPoint = endPoint;
14 | return socket;
15 | }
16 | }
17 |
18 | const liveSocket = new LiveSocket("/", SocketWrapper, {
19 | params: { _csrf_token: csrfToken },
20 | metadata: {
21 | click: (e, t) => ({
22 | detail: e.detail,
23 | }),
24 | },
25 | });
26 |
27 | // Show progress bar on live navigation and form submits
28 | topbar.config({ barColors: { 0: "#29d" }, shadowColor: "rgba(0, 0, 0, .3)" });
29 | window.addEventListener("phx:page-loading-start", (info) => topbar.show());
30 | window.addEventListener("phx:page-loading-stop", (info) => topbar.hide());
31 |
32 | // connect if there are any LiveViews on the page
33 | liveSocket.connect();
34 |
35 | // expose liveSocket on window for web console debug logs and latency simulation:
36 | if (process.env.NODE_ENV !== "production") {
37 | liveSocket.enableDebug();
38 | }
39 | // >> liveSocket.enableLatencySim(1000) // enabled for duration of browser session
40 | // >> liveSocket.disableLatencySim()
41 |
42 | window.liveSocket = liveSocket;
43 |
--------------------------------------------------------------------------------
/examples/counter.rs:
--------------------------------------------------------------------------------
1 | use serde::{Deserialize, Serialize};
2 | use submillisecond::{router, static_router, Application};
3 | use submillisecond_live_view::prelude::*;
4 |
5 | fn main() -> std::io::Result<()> {
6 | Application::new(router! {
7 | GET "/" => Counter::handler("examples/counter.html", "#app")
8 | "/static" => static_router!("./static")
9 | })
10 | .serve("127.0.0.1:3000")
11 | }
12 |
13 | #[derive(Clone, Serialize, Deserialize)]
14 | struct Counter {
15 | count: i32,
16 | }
17 |
18 | impl LiveView for Counter {
19 | type Events = (Increment, Decrement);
20 |
21 | fn mount(_uri: Uri, _socket: Option{content}
"#
82 | ));
83 |
84 | html_parts.into_iter().collect()
85 | }
86 |
87 | pub fn start(path: &str, selector: &str) -> io::ResultCount is high
", 187 | "" 188 | ] 189 | } 190 | })) 191 | ); 192 | 193 | let diff = render(1).diff(render(2)); 194 | assert_eq!( 195 | diff, 196 | Some(json!({ 197 | "0": { 198 | "0": { 199 | "s": [ 200 | "Count is very high!
" 201 | ] 202 | } 203 | } 204 | })) 205 | ); 206 | 207 | let diff = render(2).diff(render(3)); 208 | assert_eq!(diff, None); 209 | } 210 | 211 | #[lunatic::test] 212 | fn for_loop_statics_diff() { 213 | let render = |names: &[&str]| { 214 | html! { 215 | @for _ in names { 216 | span { "Hi" } 217 | } 218 | } 219 | }; 220 | 221 | let diff = render(&[]).diff(render(&["John"])); 222 | assert_eq!( 223 | diff, 224 | Some(json!({ 225 | "0": { 226 | "d": [ 227 | [] 228 | ], 229 | "s": [ 230 | "Hi" 231 | ] 232 | } 233 | })) 234 | ); 235 | 236 | let diff = render(&["John"]).diff(render(&["John", "Jim"])); 237 | assert_eq!( 238 | diff, 239 | Some(json!({ 240 | "0": { 241 | "d": [ 242 | [], 243 | [] 244 | ] 245 | } 246 | })) 247 | ); 248 | 249 | let diff = render(&["John", "Jim"]).diff(render(&["John"])); 250 | assert_eq!( 251 | diff, 252 | Some(json!({ 253 | "0": { 254 | "d": [ 255 | [] 256 | ] 257 | } 258 | })) 259 | ); 260 | 261 | let diff = render(&["John"]).diff(render(&[])); 262 | assert_eq!( 263 | diff, 264 | Some(json!({ 265 | "0": { 266 | "d": [] 267 | } 268 | })) 269 | ); 270 | } 271 | 272 | #[lunatic::test] 273 | fn for_loop_dynamics_diff() { 274 | let render = |names: &[&str]| { 275 | html! { 276 | @for name in names { 277 | span { (name) } 278 | } 279 | } 280 | }; 281 | 282 | let diff = render(&[]).diff(render(&["John"])); 283 | assert_eq!( 284 | diff, 285 | Some(json!({ 286 | "0": { 287 | "d": [ 288 | [ 289 | "John" 290 | ] 291 | ], 292 | "s": [ 293 | "", 294 | "" 295 | ] 296 | } 297 | })) 298 | ); 299 | 300 | let diff = render(&["John"]).diff(render(&["John", "Joe"])); 301 | assert_eq!( 302 | diff, 303 | Some(json!({ 304 | "0": { 305 | "d": [ 306 | [ 307 | "John" 308 | ], 309 | [ 310 | "Joe" 311 | ] 312 | ] 313 | } 314 | })) 315 | ); 316 | 317 | let diff = render(&["John", "Joe"]).diff(render(&["John", "Joe", "Jim"])); 318 | assert_eq!( 319 | diff, 320 | Some(json!({ 321 | "0": { 322 | "d": [ 323 | [ 324 | "John" 325 | ], 326 | [ 327 | "Joe" 328 | ], 329 | [ 330 | "Jim" 331 | ] 332 | ] 333 | } 334 | })) 335 | ); 336 | 337 | let diff = render(&["John", "Joe"]).diff(render(&["John"])); 338 | assert_eq!( 339 | diff, 340 | Some(json!({ 341 | "0": { 342 | "d": [ 343 | [ 344 | "John" 345 | ] 346 | ] 347 | } 348 | })) 349 | ); 350 | 351 | let diff = render(&["John"]).diff(render(&[])); 352 | assert_eq!( 353 | diff, 354 | Some(json!({ 355 | "0": { 356 | "d": [] 357 | } 358 | })) 359 | ); 360 | } 361 | 362 | #[lunatic::test] 363 | fn for_loop_nested_diff() { 364 | let render = |names: &[&[&str]]| { 365 | html! { 366 | @for names in names { 367 | @for name in *names { 368 | span { (name) } 369 | } 370 | } 371 | } 372 | }; 373 | 374 | let diff = render(&[]).diff(render(&[&["Hello"]])); 375 | assert_eq!( 376 | diff, 377 | Some(json!({ 378 | "0": { 379 | "d": [ 380 | [ 381 | { 382 | "d": [ 383 | [ 384 | "Hello" 385 | ] 386 | ], 387 | "s": 0 388 | } 389 | ] 390 | ], 391 | "p": { 392 | "0": [ 393 | "", 394 | "" 395 | ] 396 | }, 397 | "s": [ 398 | "", 399 | "" 400 | ] 401 | } 402 | })) 403 | ); 404 | 405 | let render = |names: &[&[&str]]| { 406 | html! { 407 | @for names in names { 408 | @for name in *names { 409 | span { (name) } 410 | @if name == &"World" { 411 | div { "!!!" } 412 | } 413 | } 414 | } 415 | } 416 | }; 417 | 418 | let diff = render(&[]).diff(render(&[&["Hello", "World"]])); 419 | assert_eq!( 420 | diff, 421 | Some(json!({ 422 | "0": { 423 | "d": [ 424 | [ 425 | { 426 | "d": [ 427 | [ 428 | "Hello", 429 | "" 430 | ], 431 | [ 432 | "World", 433 | { 434 | "s": 0 435 | } 436 | ] 437 | ], 438 | "s": 1 439 | } 440 | ] 441 | ], 442 | "p": { 443 | "0": [ 444 | "!!!
"
445 | ],
446 | "1": [
447 | "",
448 | "",
449 | ""
450 | ]
451 | },
452 | "s": [
453 | "",
454 | ""
455 | ]
456 | }
457 | }))
458 | );
459 | }
460 |
--------------------------------------------------------------------------------
/static/todos.css:
--------------------------------------------------------------------------------
1 | /* https://unpkg.com/todomvc-app-css@2.4.2/index.css */
2 |
3 | @charset "utf-8";
4 |
5 | html,
6 | body {
7 | margin: 0;
8 | padding: 0;
9 | }
10 |
11 | button {
12 | margin: 0;
13 | padding: 0;
14 | border: 0;
15 | background: none;
16 | font-size: 100%;
17 | vertical-align: baseline;
18 | font-family: inherit;
19 | font-weight: inherit;
20 | color: inherit;
21 | -webkit-appearance: none;
22 | appearance: none;
23 | -webkit-font-smoothing: antialiased;
24 | -moz-osx-font-smoothing: grayscale;
25 | }
26 |
27 | body {
28 | font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
29 | line-height: 1.4em;
30 | background: #f5f5f5;
31 | color: #111111;
32 | min-width: 230px;
33 | max-width: 550px;
34 | margin: 0 auto;
35 | -webkit-font-smoothing: antialiased;
36 | -moz-osx-font-smoothing: grayscale;
37 | font-weight: 300;
38 | }
39 |
40 | .hidden {
41 | display: none;
42 | }
43 |
44 | .todoapp {
45 | background: #fff;
46 | margin: 130px 0 40px 0;
47 | position: relative;
48 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
49 | }
50 |
51 | .todoapp input::-webkit-input-placeholder {
52 | font-style: italic;
53 | font-weight: 400;
54 | color: rgba(0, 0, 0, 0.4);
55 | }
56 |
57 | .todoapp input::-moz-placeholder {
58 | font-style: italic;
59 | font-weight: 400;
60 | color: rgba(0, 0, 0, 0.4);
61 | }
62 |
63 | .todoapp input::input-placeholder {
64 | font-style: italic;
65 | font-weight: 400;
66 | color: rgba(0, 0, 0, 0.4);
67 | }
68 |
69 | .todoapp h1 {
70 | position: absolute;
71 | top: -140px;
72 | width: 100%;
73 | font-size: 80px;
74 | font-weight: 200;
75 | text-align: center;
76 | color: #b83f45;
77 | -webkit-text-rendering: optimizeLegibility;
78 | -moz-text-rendering: optimizeLegibility;
79 | text-rendering: optimizeLegibility;
80 | }
81 |
82 | .new-todo,
83 | .edit {
84 | position: relative;
85 | margin: 0;
86 | width: 100%;
87 | font-size: 24px;
88 | font-family: inherit;
89 | font-weight: inherit;
90 | line-height: 1.4em;
91 | color: inherit;
92 | padding: 6px;
93 | border: 1px solid #999;
94 | box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2);
95 | box-sizing: border-box;
96 | -webkit-font-smoothing: antialiased;
97 | -moz-osx-font-smoothing: grayscale;
98 | }
99 |
100 | .new-todo {
101 | padding: 16px 16px 16px 60px;
102 | height: 65px;
103 | border: none;
104 | background: rgba(0, 0, 0, 0.003);
105 | box-shadow: inset 0 -2px 1px rgba(0, 0, 0, 0.03);
106 | }
107 |
108 | .main {
109 | position: relative;
110 | z-index: 2;
111 | border-top: 1px solid #e6e6e6;
112 | }
113 |
114 | .toggle-all {
115 | width: 1px;
116 | height: 1px;
117 | border: none; /* Mobile Safari */
118 | opacity: 0;
119 | position: absolute;
120 | right: 100%;
121 | bottom: 100%;
122 | }
123 |
124 | .toggle-all + label {
125 | display: flex;
126 | align-items: center;
127 | justify-content: center;
128 | width: 45px;
129 | height: 65px;
130 | font-size: 0;
131 | position: absolute;
132 | top: -65px;
133 | left: -0;
134 | }
135 |
136 | .toggle-all + label:before {
137 | content: "❯";
138 | display: inline-block;
139 | font-size: 22px;
140 | color: #949494;
141 | padding: 10px 27px 10px 27px;
142 | -webkit-transform: rotate(90deg);
143 | transform: rotate(90deg);
144 | }
145 |
146 | .toggle-all:checked + label:before {
147 | color: #484848;
148 | }
149 |
150 | .todo-list {
151 | margin: 0;
152 | padding: 0;
153 | list-style: none;
154 | }
155 |
156 | .todo-list li {
157 | position: relative;
158 | font-size: 24px;
159 | border-bottom: 1px solid #ededed;
160 | }
161 |
162 | .todo-list li:last-child {
163 | border-bottom: none;
164 | }
165 |
166 | .todo-list li.editing {
167 | border-bottom: none;
168 | padding: 0;
169 | }
170 |
171 | .todo-list li.editing .edit {
172 | display: block;
173 | width: calc(100% - 43px);
174 | padding: 12px 16px;
175 | margin: 0 0 0 43px;
176 | }
177 |
178 | .todo-list li.editing .view {
179 | display: none;
180 | }
181 |
182 | .todo-list li .toggle {
183 | text-align: center;
184 | width: 40px;
185 | /* auto, since non-WebKit browsers doesn't support input styling */
186 | height: auto;
187 | position: absolute;
188 | top: 0;
189 | bottom: 0;
190 | margin: auto 0;
191 | border: none; /* Mobile Safari */
192 | -webkit-appearance: none;
193 | appearance: none;
194 | }
195 |
196 | .todo-list li .toggle {
197 | opacity: 0;
198 | }
199 |
200 | .todo-list li .toggle + label {
201 | /*
202 | Firefox requires `#` to be escaped - https://bugzilla.mozilla.org/show_bug.cgi?id=922433
203 | IE and Edge requires *everything* to be escaped to render, so we do that instead of just the `#` - https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7157459/
204 | */
205 | background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%23949494%22%20stroke-width%3D%223%22/%3E%3C/svg%3E");
206 | background-repeat: no-repeat;
207 | background-position: center left;
208 | }
209 |
210 | .todo-list li .toggle:checked + label {
211 | background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%22-10%20-18%20100%20135%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2250%22%20fill%3D%22none%22%20stroke%3D%22%2359A193%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20fill%3D%22%233EA390%22%20d%3D%22M72%2025L42%2071%2027%2056l-4%204%2020%2020%2034-52z%22%2F%3E%3C%2Fsvg%3E");
212 | }
213 |
214 | .todo-list li label {
215 | word-break: break-all;
216 | padding: 15px 15px 15px 60px;
217 | display: block;
218 | line-height: 1.2;
219 | transition: color 0.4s;
220 | font-weight: 400;
221 | color: #484848;
222 | }
223 |
224 | .todo-list li.completed label {
225 | color: #949494;
226 | text-decoration: line-through;
227 | }
228 |
229 | .todo-list li .destroy {
230 | display: none;
231 | position: absolute;
232 | top: 0;
233 | right: 10px;
234 | bottom: 0;
235 | width: 40px;
236 | height: 40px;
237 | margin: auto 0;
238 | font-size: 30px;
239 | color: #949494;
240 | transition: color 0.2s ease-out;
241 | }
242 |
243 | .todo-list li .destroy:hover,
244 | .todo-list li .destroy:focus {
245 | color: #c18585;
246 | }
247 |
248 | .todo-list li .destroy:after {
249 | content: "×";
250 | display: block;
251 | height: 100%;
252 | line-height: 1.1;
253 | }
254 |
255 | .todo-list li:hover .destroy {
256 | display: block;
257 | }
258 |
259 | .todo-list li .edit {
260 | display: none;
261 | }
262 |
263 | .todo-list li.editing:last-child {
264 | margin-bottom: -1px;
265 | }
266 |
267 | .footer {
268 | padding: 10px 15px;
269 | height: 20px;
270 | text-align: center;
271 | font-size: 15px;
272 | border-top: 1px solid #e6e6e6;
273 | }
274 |
275 | .footer:before {
276 | content: "";
277 | position: absolute;
278 | right: 0;
279 | bottom: 0;
280 | left: 0;
281 | height: 50px;
282 | overflow: hidden;
283 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 8px 0 -3px #f6f6f6,
284 | 0 9px 1px -3px rgba(0, 0, 0, 0.2), 0 16px 0 -6px #f6f6f6,
285 | 0 17px 2px -6px rgba(0, 0, 0, 0.2);
286 | }
287 |
288 | .todo-count {
289 | float: left;
290 | text-align: left;
291 | }
292 |
293 | .todo-count strong {
294 | font-weight: 300;
295 | }
296 |
297 | .filters {
298 | margin: 0;
299 | padding: 0;
300 | list-style: none;
301 | position: absolute;
302 | right: 0;
303 | left: 0;
304 | }
305 |
306 | .filters li {
307 | display: inline;
308 | }
309 |
310 | .filters li a {
311 | color: inherit;
312 | margin: 3px;
313 | padding: 3px 7px;
314 | text-decoration: none;
315 | border: 1px solid transparent;
316 | border-radius: 3px;
317 | }
318 |
319 | .filters li a:hover {
320 | border-color: #db7676;
321 | }
322 |
323 | .filters li a.selected {
324 | border-color: #ce4646;
325 | }
326 |
327 | .clear-completed,
328 | html .clear-completed:active {
329 | float: right;
330 | position: relative;
331 | line-height: 19px;
332 | text-decoration: none;
333 | cursor: pointer;
334 | }
335 |
336 | .clear-completed:hover {
337 | text-decoration: underline;
338 | }
339 |
340 | .info {
341 | margin: 65px auto 0;
342 | color: #4d4d4d;
343 | font-size: 11px;
344 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
345 | text-align: center;
346 | }
347 |
348 | .info p {
349 | line-height: 1;
350 | }
351 |
352 | .info a {
353 | color: inherit;
354 | text-decoration: none;
355 | font-weight: 400;
356 | }
357 |
358 | .info a:hover {
359 | text-decoration: underline;
360 | }
361 |
362 | /*
363 | Hack to remove background from Mobile Safari.
364 | Can't use it globally since it destroys checkboxes in Firefox
365 | */
366 | @media screen and (-webkit-min-device-pixel-ratio: 0) {
367 | .toggle-all,
368 | .todo-list li .toggle {
369 | background: none;
370 | }
371 |
372 | .todo-list li .toggle {
373 | height: 40px;
374 | }
375 | }
376 |
377 | @media (max-width: 430px) {
378 | .footer {
379 | height: 50px;
380 | }
381 |
382 | .filters {
383 | bottom: 10px;
384 | }
385 | }
386 |
387 | :focus,
388 | .toggle:focus + label,
389 | .toggle-all:focus + label {
390 | box-shadow: 0 0 2px 2px #cf7d7d;
391 | outline: 0;
392 | }
393 |
394 | /* https://unpkg.com/todomvc-common@1.0.5/base.css */
395 |
396 | hr {
397 | margin: 20px 0;
398 | border: 0;
399 | border-top: 1px dashed #c5c5c5;
400 | border-bottom: 1px dashed #f7f7f7;
401 | }
402 |
403 | .learn a {
404 | font-weight: normal;
405 | text-decoration: none;
406 | color: #b83f45;
407 | }
408 |
409 | .learn a:hover {
410 | text-decoration: underline;
411 | color: #787e7e;
412 | }
413 |
414 | .learn h3,
415 | .learn h4,
416 | .learn h5 {
417 | margin: 10px 0;
418 | font-weight: 500;
419 | line-height: 1.2;
420 | color: #000;
421 | }
422 |
423 | .learn h3 {
424 | font-size: 24px;
425 | }
426 |
427 | .learn h4 {
428 | font-size: 18px;
429 | }
430 |
431 | .learn h5 {
432 | margin-bottom: 0;
433 | font-size: 14px;
434 | }
435 |
436 | .learn ul {
437 | padding: 0;
438 | margin: 0 0 30px 25px;
439 | }
440 |
441 | .learn li {
442 | line-height: 20px;
443 | }
444 |
445 | .learn p {
446 | font-size: 15px;
447 | font-weight: 300;
448 | line-height: 1.3;
449 | margin-top: 0;
450 | margin-bottom: 0;
451 | }
452 |
453 | #issue-count {
454 | display: none;
455 | }
456 |
457 | .quote {
458 | border: none;
459 | margin: 20px 0 60px 0;
460 | }
461 |
462 | .quote p {
463 | font-style: italic;
464 | }
465 |
466 | .quote p:before {
467 | content: "“";
468 | font-size: 50px;
469 | opacity: 0.15;
470 | position: absolute;
471 | top: -20px;
472 | left: 3px;
473 | }
474 |
475 | .quote p:after {
476 | content: "”";
477 | font-size: 50px;
478 | opacity: 0.15;
479 | position: absolute;
480 | bottom: -42px;
481 | right: 3px;
482 | }
483 |
484 | .quote footer {
485 | position: absolute;
486 | bottom: -40px;
487 | right: 0;
488 | }
489 |
490 | .quote footer img {
491 | border-radius: 3px;
492 | }
493 |
494 | .quote footer a {
495 | margin-left: 5px;
496 | vertical-align: middle;
497 | }
498 |
499 | .speech-bubble {
500 | position: relative;
501 | padding: 10px;
502 | background: rgba(0, 0, 0, 0.04);
503 | border-radius: 5px;
504 | }
505 |
506 | .speech-bubble:after {
507 | content: "";
508 | position: absolute;
509 | top: 100%;
510 | right: 30px;
511 | border: 13px solid transparent;
512 | border-top-color: rgba(0, 0, 0, 0.04);
513 | }
514 |
515 | .learn-bar > .learn {
516 | position: absolute;
517 | width: 272px;
518 | top: 8px;
519 | left: -300px;
520 | padding: 10px;
521 | border-radius: 5px;
522 | background-color: rgba(255, 255, 255, 0.6);
523 | transition-property: left;
524 | transition-duration: 500ms;
525 | }
526 |
527 | @media (min-width: 899px) {
528 | .learn-bar {
529 | width: auto;
530 | padding-left: 300px;
531 | }
532 |
533 | .learn-bar > .learn {
534 | left: 8px;
535 | }
536 | }
537 |
--------------------------------------------------------------------------------
/web/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "web",
3 | "version": "0.0.0",
4 | "lockfileVersion": 2,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "web",
9 | "version": "0.0.0",
10 | "dependencies": {
11 | "phoenix": "^1.6.11",
12 | "phoenix_live_view": "^0.17.11",
13 | "topbar": "^1.0.1"
14 | },
15 | "devDependencies": {
16 | "@rollup/plugin-commonjs": "^22.0.2",
17 | "@rollup/plugin-node-resolve": "^14.0.1",
18 | "@rollup/plugin-terser": "^0.1.0",
19 | "rollup": "^2.79.0",
20 | "rollup-plugin-inject-process-env": "^1.3.1"
21 | }
22 | },
23 | "node_modules/@jridgewell/gen-mapping": {
24 | "version": "0.3.2",
25 | "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
26 | "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
27 | "dev": true,
28 | "dependencies": {
29 | "@jridgewell/set-array": "^1.0.1",
30 | "@jridgewell/sourcemap-codec": "^1.4.10",
31 | "@jridgewell/trace-mapping": "^0.3.9"
32 | },
33 | "engines": {
34 | "node": ">=6.0.0"
35 | }
36 | },
37 | "node_modules/@jridgewell/resolve-uri": {
38 | "version": "3.1.0",
39 | "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
40 | "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
41 | "dev": true,
42 | "engines": {
43 | "node": ">=6.0.0"
44 | }
45 | },
46 | "node_modules/@jridgewell/set-array": {
47 | "version": "1.1.2",
48 | "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
49 | "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
50 | "dev": true,
51 | "engines": {
52 | "node": ">=6.0.0"
53 | }
54 | },
55 | "node_modules/@jridgewell/source-map": {
56 | "version": "0.3.2",
57 | "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
58 | "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
59 | "dev": true,
60 | "dependencies": {
61 | "@jridgewell/gen-mapping": "^0.3.0",
62 | "@jridgewell/trace-mapping": "^0.3.9"
63 | }
64 | },
65 | "node_modules/@jridgewell/sourcemap-codec": {
66 | "version": "1.4.14",
67 | "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
68 | "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
69 | "dev": true
70 | },
71 | "node_modules/@jridgewell/trace-mapping": {
72 | "version": "0.3.17",
73 | "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz",
74 | "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==",
75 | "dev": true,
76 | "dependencies": {
77 | "@jridgewell/resolve-uri": "3.1.0",
78 | "@jridgewell/sourcemap-codec": "1.4.14"
79 | }
80 | },
81 | "node_modules/@rollup/plugin-commonjs": {
82 | "version": "22.0.2",
83 | "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.2.tgz",
84 | "integrity": "sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg==",
85 | "dev": true,
86 | "dependencies": {
87 | "@rollup/pluginutils": "^3.1.0",
88 | "commondir": "^1.0.1",
89 | "estree-walker": "^2.0.1",
90 | "glob": "^7.1.6",
91 | "is-reference": "^1.2.1",
92 | "magic-string": "^0.25.7",
93 | "resolve": "^1.17.0"
94 | },
95 | "engines": {
96 | "node": ">= 12.0.0"
97 | },
98 | "peerDependencies": {
99 | "rollup": "^2.68.0"
100 | }
101 | },
102 | "node_modules/@rollup/plugin-commonjs/node_modules/estree-walker": {
103 | "version": "2.0.2",
104 | "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
105 | "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
106 | "dev": true
107 | },
108 | "node_modules/@rollup/plugin-node-resolve": {
109 | "version": "14.0.1",
110 | "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-14.0.1.tgz",
111 | "integrity": "sha512-YvSs0ev00QWTQS8u+yaCJkIUPBgpmBsnzRJFvg8c2chbky85ZKoZtoNuRH0k9rjZT4xpgEPOiVTyeJTj1/iMdQ==",
112 | "dev": true,
113 | "dependencies": {
114 | "@rollup/pluginutils": "^3.1.0",
115 | "@types/resolve": "1.17.1",
116 | "deepmerge": "^4.2.2",
117 | "is-builtin-module": "^3.1.0",
118 | "is-module": "^1.0.0",
119 | "resolve": "^1.19.0"
120 | },
121 | "engines": {
122 | "node": ">= 10.0.0"
123 | },
124 | "peerDependencies": {
125 | "rollup": "^2.78.0"
126 | }
127 | },
128 | "node_modules/@rollup/plugin-terser": {
129 | "version": "0.1.0",
130 | "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.1.0.tgz",
131 | "integrity": "sha512-N2KK+qUfHX2hBzVzM41UWGLrEmcjVC37spC8R3c9mt3oEDFKh3N2e12/lLp9aVSt86veR0TQiCNQXrm8C6aiUQ==",
132 | "dev": true,
133 | "dependencies": {
134 | "terser": "^5.15.1"
135 | },
136 | "engines": {
137 | "node": ">=14.0.0"
138 | },
139 | "peerDependencies": {
140 | "rollup": "^2.x || ^3.x"
141 | },
142 | "peerDependenciesMeta": {
143 | "rollup": {
144 | "optional": true
145 | }
146 | }
147 | },
148 | "node_modules/@rollup/pluginutils": {
149 | "version": "3.1.0",
150 | "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
151 | "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
152 | "dev": true,
153 | "dependencies": {
154 | "@types/estree": "0.0.39",
155 | "estree-walker": "^1.0.1",
156 | "picomatch": "^2.2.2"
157 | },
158 | "engines": {
159 | "node": ">= 8.0.0"
160 | },
161 | "peerDependencies": {
162 | "rollup": "^1.20.0||^2.0.0"
163 | }
164 | },
165 | "node_modules/@types/estree": {
166 | "version": "0.0.39",
167 | "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
168 | "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
169 | "dev": true
170 | },
171 | "node_modules/@types/node": {
172 | "version": "18.7.16",
173 | "resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz",
174 | "integrity": "sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==",
175 | "dev": true
176 | },
177 | "node_modules/@types/resolve": {
178 | "version": "1.17.1",
179 | "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
180 | "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
181 | "dev": true,
182 | "dependencies": {
183 | "@types/node": "*"
184 | }
185 | },
186 | "node_modules/acorn": {
187 | "version": "8.8.1",
188 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
189 | "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==",
190 | "dev": true,
191 | "bin": {
192 | "acorn": "bin/acorn"
193 | },
194 | "engines": {
195 | "node": ">=0.4.0"
196 | }
197 | },
198 | "node_modules/balanced-match": {
199 | "version": "1.0.2",
200 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
201 | "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
202 | "dev": true
203 | },
204 | "node_modules/brace-expansion": {
205 | "version": "1.1.11",
206 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
207 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
208 | "dev": true,
209 | "dependencies": {
210 | "balanced-match": "^1.0.0",
211 | "concat-map": "0.0.1"
212 | }
213 | },
214 | "node_modules/buffer-from": {
215 | "version": "1.1.2",
216 | "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
217 | "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
218 | "dev": true
219 | },
220 | "node_modules/builtin-modules": {
221 | "version": "3.3.0",
222 | "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
223 | "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
224 | "dev": true,
225 | "engines": {
226 | "node": ">=6"
227 | },
228 | "funding": {
229 | "url": "https://github.com/sponsors/sindresorhus"
230 | }
231 | },
232 | "node_modules/commander": {
233 | "version": "2.20.3",
234 | "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
235 | "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
236 | "dev": true
237 | },
238 | "node_modules/commondir": {
239 | "version": "1.0.1",
240 | "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
241 | "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
242 | "dev": true
243 | },
244 | "node_modules/concat-map": {
245 | "version": "0.0.1",
246 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
247 | "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
248 | "dev": true
249 | },
250 | "node_modules/deepmerge": {
251 | "version": "4.2.2",
252 | "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
253 | "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
254 | "dev": true,
255 | "engines": {
256 | "node": ">=0.10.0"
257 | }
258 | },
259 | "node_modules/estree-walker": {
260 | "version": "1.0.1",
261 | "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
262 | "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
263 | "dev": true
264 | },
265 | "node_modules/fs.realpath": {
266 | "version": "1.0.0",
267 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
268 | "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
269 | "dev": true
270 | },
271 | "node_modules/fsevents": {
272 | "version": "2.3.2",
273 | "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
274 | "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
275 | "dev": true,
276 | "hasInstallScript": true,
277 | "optional": true,
278 | "os": [
279 | "darwin"
280 | ],
281 | "engines": {
282 | "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
283 | }
284 | },
285 | "node_modules/function-bind": {
286 | "version": "1.1.1",
287 | "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
288 | "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
289 | "dev": true
290 | },
291 | "node_modules/glob": {
292 | "version": "7.2.3",
293 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
294 | "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
295 | "dev": true,
296 | "dependencies": {
297 | "fs.realpath": "^1.0.0",
298 | "inflight": "^1.0.4",
299 | "inherits": "2",
300 | "minimatch": "^3.1.1",
301 | "once": "^1.3.0",
302 | "path-is-absolute": "^1.0.0"
303 | },
304 | "engines": {
305 | "node": "*"
306 | },
307 | "funding": {
308 | "url": "https://github.com/sponsors/isaacs"
309 | }
310 | },
311 | "node_modules/has": {
312 | "version": "1.0.3",
313 | "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
314 | "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
315 | "dev": true,
316 | "dependencies": {
317 | "function-bind": "^1.1.1"
318 | },
319 | "engines": {
320 | "node": ">= 0.4.0"
321 | }
322 | },
323 | "node_modules/inflight": {
324 | "version": "1.0.6",
325 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
326 | "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
327 | "dev": true,
328 | "dependencies": {
329 | "once": "^1.3.0",
330 | "wrappy": "1"
331 | }
332 | },
333 | "node_modules/inherits": {
334 | "version": "2.0.4",
335 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
336 | "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
337 | "dev": true
338 | },
339 | "node_modules/is-builtin-module": {
340 | "version": "3.2.0",
341 | "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.0.tgz",
342 | "integrity": "sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==",
343 | "dev": true,
344 | "dependencies": {
345 | "builtin-modules": "^3.3.0"
346 | },
347 | "engines": {
348 | "node": ">=6"
349 | },
350 | "funding": {
351 | "url": "https://github.com/sponsors/sindresorhus"
352 | }
353 | },
354 | "node_modules/is-core-module": {
355 | "version": "2.10.0",
356 | "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
357 | "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
358 | "dev": true,
359 | "dependencies": {
360 | "has": "^1.0.3"
361 | },
362 | "funding": {
363 | "url": "https://github.com/sponsors/ljharb"
364 | }
365 | },
366 | "node_modules/is-module": {
367 | "version": "1.0.0",
368 | "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
369 | "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
370 | "dev": true
371 | },
372 | "node_modules/is-reference": {
373 | "version": "1.2.1",
374 | "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
375 | "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
376 | "dev": true,
377 | "dependencies": {
378 | "@types/estree": "*"
379 | }
380 | },
381 | "node_modules/magic-string": {
382 | "version": "0.25.9",
383 | "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
384 | "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
385 | "dev": true,
386 | "dependencies": {
387 | "sourcemap-codec": "^1.4.8"
388 | }
389 | },
390 | "node_modules/minimatch": {
391 | "version": "3.1.2",
392 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
393 | "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
394 | "dev": true,
395 | "dependencies": {
396 | "brace-expansion": "^1.1.7"
397 | },
398 | "engines": {
399 | "node": "*"
400 | }
401 | },
402 | "node_modules/once": {
403 | "version": "1.4.0",
404 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
405 | "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
406 | "dev": true,
407 | "dependencies": {
408 | "wrappy": "1"
409 | }
410 | },
411 | "node_modules/path-is-absolute": {
412 | "version": "1.0.1",
413 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
414 | "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
415 | "dev": true,
416 | "engines": {
417 | "node": ">=0.10.0"
418 | }
419 | },
420 | "node_modules/path-parse": {
421 | "version": "1.0.7",
422 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
423 | "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
424 | "dev": true
425 | },
426 | "node_modules/phoenix": {
427 | "version": "1.6.11",
428 | "resolved": "https://registry.npmjs.org/phoenix/-/phoenix-1.6.11.tgz",
429 | "integrity": "sha512-z/MSg9yY20JhTSj6tKmOYE9p+PuU+FVstYtgBfIZPGNLKhSuV9Zcs9LLLKWeiJ9EUzaXS/QeO8Po4+jJnyNfMw=="
430 | },
431 | "node_modules/phoenix_live_view": {
432 | "version": "0.17.11",
433 | "resolved": "https://registry.npmjs.org/phoenix_live_view/-/phoenix_live_view-0.17.11.tgz",
434 | "integrity": "sha512-OL0yCzPeV2hjwJIjLWkNDIJ3D+pGhprbIK/s2Y0CImggq0t0TcueNjTkKnTu0wnMalH0EmQXt9R024XDjiTtiQ=="
435 | },
436 | "node_modules/picomatch": {
437 | "version": "2.3.1",
438 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
439 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
440 | "dev": true,
441 | "engines": {
442 | "node": ">=8.6"
443 | },
444 | "funding": {
445 | "url": "https://github.com/sponsors/jonschlinkert"
446 | }
447 | },
448 | "node_modules/resolve": {
449 | "version": "1.22.1",
450 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
451 | "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
452 | "dev": true,
453 | "dependencies": {
454 | "is-core-module": "^2.9.0",
455 | "path-parse": "^1.0.7",
456 | "supports-preserve-symlinks-flag": "^1.0.0"
457 | },
458 | "bin": {
459 | "resolve": "bin/resolve"
460 | },
461 | "funding": {
462 | "url": "https://github.com/sponsors/ljharb"
463 | }
464 | },
465 | "node_modules/rollup": {
466 | "version": "2.79.0",
467 | "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.0.tgz",
468 | "integrity": "sha512-x4KsrCgwQ7ZJPcFA/SUu6QVcYlO7uRLfLAy0DSA4NS2eG8japdbpM50ToH7z4iObodRYOJ0soneF0iaQRJ6zhA==",
469 | "dev": true,
470 | "bin": {
471 | "rollup": "dist/bin/rollup"
472 | },
473 | "engines": {
474 | "node": ">=10.0.0"
475 | },
476 | "optionalDependencies": {
477 | "fsevents": "~2.3.2"
478 | }
479 | },
480 | "node_modules/rollup-plugin-inject-process-env": {
481 | "version": "1.3.1",
482 | "resolved": "https://registry.npmjs.org/rollup-plugin-inject-process-env/-/rollup-plugin-inject-process-env-1.3.1.tgz",
483 | "integrity": "sha512-kKDoL30IZr0wxbNVJjq+OS92RJSKRbKV6B5eNW4q3mZTFqoWDh6lHy+mPDYuuGuERFNKXkG+AKxvYqC9+DRpKQ==",
484 | "dev": true,
485 | "dependencies": {
486 | "magic-string": "^0.25.7"
487 | }
488 | },
489 | "node_modules/source-map": {
490 | "version": "0.6.1",
491 | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
492 | "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
493 | "dev": true,
494 | "engines": {
495 | "node": ">=0.10.0"
496 | }
497 | },
498 | "node_modules/source-map-support": {
499 | "version": "0.5.21",
500 | "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
501 | "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
502 | "dev": true,
503 | "dependencies": {
504 | "buffer-from": "^1.0.0",
505 | "source-map": "^0.6.0"
506 | }
507 | },
508 | "node_modules/sourcemap-codec": {
509 | "version": "1.4.8",
510 | "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
511 | "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
512 | "dev": true
513 | },
514 | "node_modules/supports-preserve-symlinks-flag": {
515 | "version": "1.0.0",
516 | "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
517 | "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
518 | "dev": true,
519 | "engines": {
520 | "node": ">= 0.4"
521 | },
522 | "funding": {
523 | "url": "https://github.com/sponsors/ljharb"
524 | }
525 | },
526 | "node_modules/terser": {
527 | "version": "5.15.1",
528 | "resolved": "https://registry.npmjs.org/terser/-/terser-5.15.1.tgz",
529 | "integrity": "sha512-K1faMUvpm/FBxjBXud0LWVAGxmvoPbZbfTCYbSgaaYQaIXI3/TdI7a7ZGA73Zrou6Q8Zmz3oeUTsp/dj+ag2Xw==",
530 | "dev": true,
531 | "dependencies": {
532 | "@jridgewell/source-map": "^0.3.2",
533 | "acorn": "^8.5.0",
534 | "commander": "^2.20.0",
535 | "source-map-support": "~0.5.20"
536 | },
537 | "bin": {
538 | "terser": "bin/terser"
539 | },
540 | "engines": {
541 | "node": ">=10"
542 | }
543 | },
544 | "node_modules/topbar": {
545 | "version": "1.0.1",
546 | "resolved": "https://registry.npmjs.org/topbar/-/topbar-1.0.1.tgz",
547 | "integrity": "sha512-HZqQSMBiG29vcjOrqKCM9iGY/h69G5gQH7ae83ZCPz5uPmbQKwK0sMEqzVDBiu64tWHJ+kk9NApECrF+FAAvRA=="
548 | },
549 | "node_modules/wrappy": {
550 | "version": "1.0.2",
551 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
552 | "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
553 | "dev": true
554 | }
555 | },
556 | "dependencies": {
557 | "@jridgewell/gen-mapping": {
558 | "version": "0.3.2",
559 | "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz",
560 | "integrity": "sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==",
561 | "dev": true,
562 | "requires": {
563 | "@jridgewell/set-array": "^1.0.1",
564 | "@jridgewell/sourcemap-codec": "^1.4.10",
565 | "@jridgewell/trace-mapping": "^0.3.9"
566 | }
567 | },
568 | "@jridgewell/resolve-uri": {
569 | "version": "3.1.0",
570 | "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
571 | "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
572 | "dev": true
573 | },
574 | "@jridgewell/set-array": {
575 | "version": "1.1.2",
576 | "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
577 | "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
578 | "dev": true
579 | },
580 | "@jridgewell/source-map": {
581 | "version": "0.3.2",
582 | "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.2.tgz",
583 | "integrity": "sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw==",
584 | "dev": true,
585 | "requires": {
586 | "@jridgewell/gen-mapping": "^0.3.0",
587 | "@jridgewell/trace-mapping": "^0.3.9"
588 | }
589 | },
590 | "@jridgewell/sourcemap-codec": {
591 | "version": "1.4.14",
592 | "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
593 | "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==",
594 | "dev": true
595 | },
596 | "@jridgewell/trace-mapping": {
597 | "version": "0.3.17",
598 | "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz",
599 | "integrity": "sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==",
600 | "dev": true,
601 | "requires": {
602 | "@jridgewell/resolve-uri": "3.1.0",
603 | "@jridgewell/sourcemap-codec": "1.4.14"
604 | }
605 | },
606 | "@rollup/plugin-commonjs": {
607 | "version": "22.0.2",
608 | "resolved": "https://registry.npmjs.org/@rollup/plugin-commonjs/-/plugin-commonjs-22.0.2.tgz",
609 | "integrity": "sha512-//NdP6iIwPbMTcazYsiBMbJW7gfmpHom33u1beiIoHDEM0Q9clvtQB1T0efvMqHeKsGohiHo97BCPCkBXdscwg==",
610 | "dev": true,
611 | "requires": {
612 | "@rollup/pluginutils": "^3.1.0",
613 | "commondir": "^1.0.1",
614 | "estree-walker": "^2.0.1",
615 | "glob": "^7.1.6",
616 | "is-reference": "^1.2.1",
617 | "magic-string": "^0.25.7",
618 | "resolve": "^1.17.0"
619 | },
620 | "dependencies": {
621 | "estree-walker": {
622 | "version": "2.0.2",
623 | "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
624 | "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
625 | "dev": true
626 | }
627 | }
628 | },
629 | "@rollup/plugin-node-resolve": {
630 | "version": "14.0.1",
631 | "resolved": "https://registry.npmjs.org/@rollup/plugin-node-resolve/-/plugin-node-resolve-14.0.1.tgz",
632 | "integrity": "sha512-YvSs0ev00QWTQS8u+yaCJkIUPBgpmBsnzRJFvg8c2chbky85ZKoZtoNuRH0k9rjZT4xpgEPOiVTyeJTj1/iMdQ==",
633 | "dev": true,
634 | "requires": {
635 | "@rollup/pluginutils": "^3.1.0",
636 | "@types/resolve": "1.17.1",
637 | "deepmerge": "^4.2.2",
638 | "is-builtin-module": "^3.1.0",
639 | "is-module": "^1.0.0",
640 | "resolve": "^1.19.0"
641 | }
642 | },
643 | "@rollup/plugin-terser": {
644 | "version": "0.1.0",
645 | "resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.1.0.tgz",
646 | "integrity": "sha512-N2KK+qUfHX2hBzVzM41UWGLrEmcjVC37spC8R3c9mt3oEDFKh3N2e12/lLp9aVSt86veR0TQiCNQXrm8C6aiUQ==",
647 | "dev": true,
648 | "requires": {
649 | "terser": "^5.15.1"
650 | }
651 | },
652 | "@rollup/pluginutils": {
653 | "version": "3.1.0",
654 | "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
655 | "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
656 | "dev": true,
657 | "requires": {
658 | "@types/estree": "0.0.39",
659 | "estree-walker": "^1.0.1",
660 | "picomatch": "^2.2.2"
661 | }
662 | },
663 | "@types/estree": {
664 | "version": "0.0.39",
665 | "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz",
666 | "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==",
667 | "dev": true
668 | },
669 | "@types/node": {
670 | "version": "18.7.16",
671 | "resolved": "https://registry.npmjs.org/@types/node/-/node-18.7.16.tgz",
672 | "integrity": "sha512-EQHhixfu+mkqHMZl1R2Ovuvn47PUw18azMJOTwSZr9/fhzHNGXAJ0ma0dayRVchprpCj0Kc1K1xKoWaATWF1qg==",
673 | "dev": true
674 | },
675 | "@types/resolve": {
676 | "version": "1.17.1",
677 | "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.17.1.tgz",
678 | "integrity": "sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==",
679 | "dev": true,
680 | "requires": {
681 | "@types/node": "*"
682 | }
683 | },
684 | "acorn": {
685 | "version": "8.8.1",
686 | "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.1.tgz",
687 | "integrity": "sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA==",
688 | "dev": true
689 | },
690 | "balanced-match": {
691 | "version": "1.0.2",
692 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
693 | "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
694 | "dev": true
695 | },
696 | "brace-expansion": {
697 | "version": "1.1.11",
698 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
699 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
700 | "dev": true,
701 | "requires": {
702 | "balanced-match": "^1.0.0",
703 | "concat-map": "0.0.1"
704 | }
705 | },
706 | "buffer-from": {
707 | "version": "1.1.2",
708 | "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
709 | "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
710 | "dev": true
711 | },
712 | "builtin-modules": {
713 | "version": "3.3.0",
714 | "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
715 | "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
716 | "dev": true
717 | },
718 | "commander": {
719 | "version": "2.20.3",
720 | "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
721 | "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
722 | "dev": true
723 | },
724 | "commondir": {
725 | "version": "1.0.1",
726 | "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
727 | "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
728 | "dev": true
729 | },
730 | "concat-map": {
731 | "version": "0.0.1",
732 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
733 | "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
734 | "dev": true
735 | },
736 | "deepmerge": {
737 | "version": "4.2.2",
738 | "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
739 | "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
740 | "dev": true
741 | },
742 | "estree-walker": {
743 | "version": "1.0.1",
744 | "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-1.0.1.tgz",
745 | "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg==",
746 | "dev": true
747 | },
748 | "fs.realpath": {
749 | "version": "1.0.0",
750 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
751 | "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
752 | "dev": true
753 | },
754 | "fsevents": {
755 | "version": "2.3.2",
756 | "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
757 | "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
758 | "dev": true,
759 | "optional": true
760 | },
761 | "function-bind": {
762 | "version": "1.1.1",
763 | "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
764 | "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
765 | "dev": true
766 | },
767 | "glob": {
768 | "version": "7.2.3",
769 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
770 | "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
771 | "dev": true,
772 | "requires": {
773 | "fs.realpath": "^1.0.0",
774 | "inflight": "^1.0.4",
775 | "inherits": "2",
776 | "minimatch": "^3.1.1",
777 | "once": "^1.3.0",
778 | "path-is-absolute": "^1.0.0"
779 | }
780 | },
781 | "has": {
782 | "version": "1.0.3",
783 | "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
784 | "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
785 | "dev": true,
786 | "requires": {
787 | "function-bind": "^1.1.1"
788 | }
789 | },
790 | "inflight": {
791 | "version": "1.0.6",
792 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
793 | "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
794 | "dev": true,
795 | "requires": {
796 | "once": "^1.3.0",
797 | "wrappy": "1"
798 | }
799 | },
800 | "inherits": {
801 | "version": "2.0.4",
802 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
803 | "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
804 | "dev": true
805 | },
806 | "is-builtin-module": {
807 | "version": "3.2.0",
808 | "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.0.tgz",
809 | "integrity": "sha512-phDA4oSGt7vl1n5tJvTWooWWAsXLY+2xCnxNqvKhGEzujg+A43wPlPOyDg3C8XQHN+6k/JTQWJ/j0dQh/qr+Hw==",
810 | "dev": true,
811 | "requires": {
812 | "builtin-modules": "^3.3.0"
813 | }
814 | },
815 | "is-core-module": {
816 | "version": "2.10.0",
817 | "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
818 | "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
819 | "dev": true,
820 | "requires": {
821 | "has": "^1.0.3"
822 | }
823 | },
824 | "is-module": {
825 | "version": "1.0.0",
826 | "resolved": "https://registry.npmjs.org/is-module/-/is-module-1.0.0.tgz",
827 | "integrity": "sha512-51ypPSPCoTEIN9dy5Oy+h4pShgJmPCygKfyRCISBI+JoWT/2oJvK8QPxmwv7b/p239jXrm9M1mlQbyKJ5A152g==",
828 | "dev": true
829 | },
830 | "is-reference": {
831 | "version": "1.2.1",
832 | "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz",
833 | "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==",
834 | "dev": true,
835 | "requires": {
836 | "@types/estree": "*"
837 | }
838 | },
839 | "magic-string": {
840 | "version": "0.25.9",
841 | "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
842 | "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
843 | "dev": true,
844 | "requires": {
845 | "sourcemap-codec": "^1.4.8"
846 | }
847 | },
848 | "minimatch": {
849 | "version": "3.1.2",
850 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
851 | "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
852 | "dev": true,
853 | "requires": {
854 | "brace-expansion": "^1.1.7"
855 | }
856 | },
857 | "once": {
858 | "version": "1.4.0",
859 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
860 | "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
861 | "dev": true,
862 | "requires": {
863 | "wrappy": "1"
864 | }
865 | },
866 | "path-is-absolute": {
867 | "version": "1.0.1",
868 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
869 | "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
870 | "dev": true
871 | },
872 | "path-parse": {
873 | "version": "1.0.7",
874 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
875 | "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
876 | "dev": true
877 | },
878 | "phoenix": {
879 | "version": "1.6.11",
880 | "resolved": "https://registry.npmjs.org/phoenix/-/phoenix-1.6.11.tgz",
881 | "integrity": "sha512-z/MSg9yY20JhTSj6tKmOYE9p+PuU+FVstYtgBfIZPGNLKhSuV9Zcs9LLLKWeiJ9EUzaXS/QeO8Po4+jJnyNfMw=="
882 | },
883 | "phoenix_live_view": {
884 | "version": "0.17.11",
885 | "resolved": "https://registry.npmjs.org/phoenix_live_view/-/phoenix_live_view-0.17.11.tgz",
886 | "integrity": "sha512-OL0yCzPeV2hjwJIjLWkNDIJ3D+pGhprbIK/s2Y0CImggq0t0TcueNjTkKnTu0wnMalH0EmQXt9R024XDjiTtiQ=="
887 | },
888 | "picomatch": {
889 | "version": "2.3.1",
890 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
891 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
892 | "dev": true
893 | },
894 | "resolve": {
895 | "version": "1.22.1",
896 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
897 | "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
898 | "dev": true,
899 | "requires": {
900 | "is-core-module": "^2.9.0",
901 | "path-parse": "^1.0.7",
902 | "supports-preserve-symlinks-flag": "^1.0.0"
903 | }
904 | },
905 | "rollup": {
906 | "version": "2.79.0",
907 | "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.0.tgz",
908 | "integrity": "sha512-x4KsrCgwQ7ZJPcFA/SUu6QVcYlO7uRLfLAy0DSA4NS2eG8japdbpM50ToH7z4iObodRYOJ0soneF0iaQRJ6zhA==",
909 | "dev": true,
910 | "requires": {
911 | "fsevents": "~2.3.2"
912 | }
913 | },
914 | "rollup-plugin-inject-process-env": {
915 | "version": "1.3.1",
916 | "resolved": "https://registry.npmjs.org/rollup-plugin-inject-process-env/-/rollup-plugin-inject-process-env-1.3.1.tgz",
917 | "integrity": "sha512-kKDoL30IZr0wxbNVJjq+OS92RJSKRbKV6B5eNW4q3mZTFqoWDh6lHy+mPDYuuGuERFNKXkG+AKxvYqC9+DRpKQ==",
918 | "dev": true,
919 | "requires": {
920 | "magic-string": "^0.25.7"
921 | }
922 | },
923 | "source-map": {
924 | "version": "0.6.1",
925 | "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
926 | "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
927 | "dev": true
928 | },
929 | "source-map-support": {
930 | "version": "0.5.21",
931 | "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
932 | "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
933 | "dev": true,
934 | "requires": {
935 | "buffer-from": "^1.0.0",
936 | "source-map": "^0.6.0"
937 | }
938 | },
939 | "sourcemap-codec": {
940 | "version": "1.4.8",
941 | "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
942 | "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
943 | "dev": true
944 | },
945 | "supports-preserve-symlinks-flag": {
946 | "version": "1.0.0",
947 | "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
948 | "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
949 | "dev": true
950 | },
951 | "terser": {
952 | "version": "5.15.1",
953 | "resolved": "https://registry.npmjs.org/terser/-/terser-5.15.1.tgz",
954 | "integrity": "sha512-K1faMUvpm/FBxjBXud0LWVAGxmvoPbZbfTCYbSgaaYQaIXI3/TdI7a7ZGA73Zrou6Q8Zmz3oeUTsp/dj+ag2Xw==",
955 | "dev": true,
956 | "requires": {
957 | "@jridgewell/source-map": "^0.3.2",
958 | "acorn": "^8.5.0",
959 | "commander": "^2.20.0",
960 | "source-map-support": "~0.5.20"
961 | }
962 | },
963 | "topbar": {
964 | "version": "1.0.1",
965 | "resolved": "https://registry.npmjs.org/topbar/-/topbar-1.0.1.tgz",
966 | "integrity": "sha512-HZqQSMBiG29vcjOrqKCM9iGY/h69G5gQH7ae83ZCPz5uPmbQKwK0sMEqzVDBiu64tWHJ+kk9NApECrF+FAAvRA=="
967 | },
968 | "wrappy": {
969 | "version": "1.0.2",
970 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
971 | "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
972 | "dev": true
973 | }
974 | }
975 | }
976 |
--------------------------------------------------------------------------------
/src/rendered/builder.rs:
--------------------------------------------------------------------------------
1 | //! Builder to build [`Rendered`], used by the `html!` macro.
2 |
3 | use slotmap::{new_key_type, SlotMap};
4 |
5 | use super::dynamic::DynamicList;
6 | use super::{Dynamic, DynamicItems, Dynamics, Rendered, RenderedListItem};
7 |
8 | new_key_type! { struct NodeId; }
9 |
10 | /// Rendered builder, used by the `html!` macro.
11 | #[derive(Debug)]
12 | pub struct RenderedBuilder {
13 | nodes: SlotMapHello, world!
"]); 433 | assert_eq!(rendered.dynamics, Dynamics::Items(DynamicItems(vec![]))); 434 | assert!(rendered.templates.is_empty()); 435 | } 436 | 437 | #[lunatic::test] 438 | fn dynamic() { 439 | let rendered = html! { 440 | (DOCTYPE) 441 | a href={ ("hey") "/lambda-fairy/maud" } { 442 | "Hello, world!" 443 | } 444 | }; 445 | 446 | assert_eq!( 447 | rendered, 448 | Rendered { 449 | statics: vec![ 450 | "".to_string(), 451 | "Hello, world!".to_string() 453 | ], 454 | dynamics: Dynamics::Items(DynamicItems(vec![ 455 | Dynamic::String("".to_string()), 456 | Dynamic::String("hey".to_string()) 457 | ])), 458 | templates: vec![] 459 | } 460 | ); 461 | } 462 | 463 | #[lunatic::test] 464 | fn if_statement_false() { 465 | let logged_in = false; 466 | let rendered = html! { 467 | "Welcome " 468 | @if logged_in { 469 | "person" 470 | } 471 | "." 472 | }; 473 | 474 | assert_eq!( 475 | rendered, 476 | Rendered { 477 | statics: vec!["Welcome ".to_string(), ".".to_string()], 478 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::String("".to_string())])), 479 | templates: vec![] 480 | } 481 | ); 482 | 483 | let logged_in = false; 484 | let rendered = html! { 485 | "Welcome " 486 | @if logged_in { 487 | (logged_in.to_string()) 488 | } 489 | "." 490 | }; 491 | 492 | assert_eq!( 493 | rendered, 494 | Rendered { 495 | statics: vec!["Welcome ".to_string(), ".".to_string()], 496 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::String("".to_string())])), 497 | templates: vec![] 498 | } 499 | ); 500 | } 501 | 502 | #[lunatic::test] 503 | fn if_statement_true() { 504 | let logged_in = true; 505 | let rendered = html! { 506 | "Welcome " 507 | @if logged_in { 508 | "person" 509 | } 510 | "." 511 | }; 512 | 513 | assert_eq!( 514 | rendered, 515 | Rendered { 516 | statics: vec!["Welcome ".to_string(), ".".to_string()], 517 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 518 | statics: vec!["person".to_string()], 519 | dynamics: Dynamics::Items(DynamicItems(vec![])), 520 | templates: vec![], 521 | })])), 522 | templates: vec![], 523 | } 524 | ); 525 | 526 | let logged_in = true; 527 | let rendered = html! { 528 | "Welcome " 529 | @if logged_in { 530 | (logged_in.to_string()) 531 | } 532 | "." 533 | }; 534 | 535 | assert_eq!( 536 | rendered, 537 | Rendered { 538 | statics: vec!["Welcome ".to_string(), ".".to_string()], 539 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 540 | statics: vec!["".to_string(), "".to_string()], 541 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::String( 542 | "true".to_string() 543 | )])), 544 | templates: vec![], 545 | })])), 546 | templates: vec![], 547 | } 548 | ); 549 | } 550 | 551 | #[lunatic::test] 552 | fn if_statement_let_some() { 553 | let user = Some("Bob"); 554 | let rendered = html! { 555 | "Welcome " 556 | @if let Some(user) = user { 557 | (user) 558 | } @else { 559 | "stranger" 560 | } 561 | }; 562 | 563 | assert_eq!( 564 | rendered, 565 | Rendered { 566 | statics: vec!["Welcome ".to_string(), "".to_string()], 567 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 568 | statics: vec!["".to_string(), "".to_string()], 569 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::String( 570 | "Bob".to_string() 571 | )])), 572 | templates: vec![], 573 | })])), 574 | templates: vec![], 575 | } 576 | ); 577 | } 578 | 579 | #[lunatic::test] 580 | fn if_statement_let_none() { 581 | let user: Option<&str> = None; 582 | let rendered = html! { 583 | "Welcome " 584 | @if let Some(user) = user { 585 | (user) 586 | } @else { 587 | "stranger" 588 | } 589 | }; 590 | 591 | assert_eq!( 592 | rendered, 593 | Rendered { 594 | statics: vec!["Welcome ".to_string(), "".to_string()], 595 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 596 | statics: vec!["stranger".to_string()], 597 | dynamics: Dynamics::Items(DynamicItems(vec![])), 598 | templates: vec![], 599 | })])), 600 | templates: vec![], 601 | } 602 | ); 603 | } 604 | 605 | #[lunatic::test] 606 | fn if_statement_nested() { 607 | let render = |count: usize| { 608 | html! { 609 | @if count >= 1 { 610 | p { "Count is high" } 611 | @if count >= 2 { 612 | p { "Count is very high!" } 613 | } 614 | } 615 | } 616 | }; 617 | 618 | let rendered = render(0); 619 | 620 | assert_eq!( 621 | rendered, 622 | Rendered { 623 | statics: vec!["".to_string(), "".to_string()], 624 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::String("".to_string())])), 625 | templates: vec![], 626 | } 627 | ); 628 | 629 | let rendered = render(1); 630 | 631 | assert_eq!( 632 | rendered, 633 | Rendered { 634 | statics: vec!["".to_string(), "".to_string()], 635 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 636 | statics: vec!["Count is high
".to_string(), "".to_string()], 637 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::String("".to_string())])), 638 | templates: vec![], 639 | })])), 640 | templates: vec![], 641 | } 642 | ); 643 | 644 | let rendered = render(2); 645 | 646 | assert_eq!( 647 | rendered, 648 | Rendered { 649 | statics: vec!["".to_string(), "".to_string()], 650 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 651 | statics: vec!["Count is high
".to_string(), "".to_string()], 652 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 653 | statics: vec!["Count is very high!
".to_string()], 654 | dynamics: Dynamics::Items(DynamicItems(vec![])), 655 | templates: vec![], 656 | })])), 657 | templates: vec![], 658 | })])), 659 | templates: vec![], 660 | } 661 | ); 662 | } 663 | 664 | #[lunatic::test] 665 | fn for_loop_empty() { 666 | #[allow(clippy::reversed_empty_ranges)] 667 | let rendered = html! { 668 | span { "Hello" } 669 | @for _ in 0..0 { 670 | span { "Hi!" } 671 | } 672 | span { "world" } 673 | }; 674 | 675 | assert_eq!( 676 | rendered, 677 | Rendered { 678 | statics: vec![ 679 | "Hello".to_string(), 680 | "world".to_string() 681 | ], 682 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::String("".to_string())])), 683 | templates: vec![], 684 | } 685 | ); 686 | } 687 | 688 | #[lunatic::test] 689 | fn for_loop_statics() { 690 | let rendered = html! { 691 | @for _ in 0..3 { 692 | span { "Hi!" } 693 | } 694 | }; 695 | 696 | assert_eq!( 697 | rendered, 698 | Rendered { 699 | statics: vec!["".to_string(), "".to_string()], 700 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 701 | statics: vec!["Hi!".to_string()], 702 | dynamics: Dynamics::List(DynamicList(vec![vec![], vec![], vec![]])), 703 | templates: vec![], 704 | })])), 705 | templates: vec![], 706 | } 707 | ); 708 | } 709 | 710 | #[lunatic::test] 711 | fn for_loop_dynamics() { 712 | let names = ["John", "Joe", "Jim"]; 713 | let rendered = html! { 714 | @for name in names { 715 | span { (name) } 716 | } 717 | }; 718 | 719 | assert_eq!( 720 | rendered, 721 | Rendered { 722 | statics: vec!["".to_string(), "".to_string()], 723 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 724 | statics: vec!["".to_string(), "".to_string()], 725 | dynamics: Dynamics::List(DynamicList(vec![ 726 | vec![Dynamic::String("John".to_string())], 727 | vec![Dynamic::String("Joe".to_string())], 728 | vec![Dynamic::String("Jim".to_string())], 729 | ])), 730 | templates: vec![], 731 | })])), 732 | templates: vec![], 733 | } 734 | ); 735 | 736 | let names = ["John", "Joe", "Jim"]; 737 | let rendered = html! { 738 | @for name in names { 739 | span class=(name) { (name) } 740 | } 741 | }; 742 | 743 | assert_eq!( 744 | rendered, 745 | Rendered { 746 | statics: vec!["".to_string(), "".to_string()], 747 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 748 | statics: vec![ 749 | "".to_string(), 751 | "".to_string() 752 | ], 753 | dynamics: Dynamics::List(DynamicList(vec![ 754 | vec![ 755 | Dynamic::String("John".to_string()), 756 | Dynamic::String("John".to_string()) 757 | ], 758 | vec![ 759 | Dynamic::String("Joe".to_string()), 760 | Dynamic::String("Joe".to_string()) 761 | ], 762 | vec![ 763 | Dynamic::String("Jim".to_string()), 764 | Dynamic::String("Jim".to_string()) 765 | ], 766 | ])), 767 | templates: vec![], 768 | })])), 769 | templates: vec![], 770 | } 771 | ); 772 | } 773 | 774 | #[lunatic::test] 775 | fn for_loop_multiple() { 776 | #[allow(clippy::reversed_empty_ranges)] 777 | let rendered = html! { 778 | span { "Hello" } 779 | @for _ in 0..2 { 780 | span { "A" } 781 | } 782 | @for _ in 0..0 { 783 | span { "B" } 784 | } 785 | span { "world" } 786 | }; 787 | 788 | assert_eq!( 789 | rendered, 790 | Rendered { 791 | statics: vec![ 792 | "Hello".to_string(), 793 | "".to_string(), 794 | "world".to_string() 795 | ], 796 | dynamics: Dynamics::Items(DynamicItems(vec![ 797 | Dynamic::Nested(Rendered { 798 | statics: vec!["A".to_string()], 799 | dynamics: Dynamics::List(DynamicList(vec![vec![], vec![]])), 800 | templates: vec![] 801 | }), 802 | Dynamic::String("".to_string()), 803 | ])), 804 | templates: vec![], 805 | } 806 | ); 807 | } 808 | 809 | #[lunatic::test] 810 | fn for_loop_nested() { 811 | let a = "Hello"; 812 | let b = "World"; 813 | let rendered = html! { 814 | @for foo in [[a, b]] { 815 | @for bar in foo { 816 | span { (bar) } 817 | } 818 | } 819 | }; 820 | 821 | assert_eq!( 822 | rendered, 823 | Rendered { 824 | statics: vec!["".to_string(), "".to_string()], 825 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 826 | statics: vec!["".to_string(), "".to_string()], 827 | dynamics: Dynamics::List(DynamicList(vec![vec![Dynamic::Nested( 828 | RenderedListItem { 829 | statics: 0, 830 | dynamics: vec![ 831 | Dynamics::List(DynamicList(vec![vec![Dynamic::String( 832 | "Hello".to_string() 833 | )]])), 834 | Dynamics::List(DynamicList(vec![vec![Dynamic::String( 835 | "World".to_string() 836 | )]])) 837 | ], 838 | }, 839 | )]])), 840 | templates: vec![vec!["".to_string(), "".to_string()]], 841 | })])), 842 | templates: vec![], 843 | } 844 | ); 845 | 846 | let rendered = html! { 847 | @for foo in [[a, b]] { 848 | @for bar in foo { 849 | span { (bar) } 850 | @if bar == "World" { 851 | div { "!!!" } 852 | } 853 | } 854 | } 855 | }; 856 | 857 | assert_eq!( 858 | rendered, 859 | Rendered { 860 | statics: vec!["".to_string(), "".to_string()], 861 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered { 862 | statics: vec!["".to_string(), "".to_string()], 863 | dynamics: Dynamics::List(DynamicList(vec![vec![Dynamic::Nested( 864 | RenderedListItem { 865 | statics: 1, 866 | dynamics: vec![ 867 | Dynamics::List(DynamicList(vec![vec![ 868 | Dynamic::String("Hello".to_string()), 869 | Dynamic::String("".to_string()) 870 | ]])), 871 | Dynamics::List(DynamicList(vec![vec![ 872 | Dynamic::String("World".to_string()), 873 | Dynamic::Nested(RenderedListItem { 874 | statics: 0, 875 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![]]))], 876 | }) 877 | ]])) 878 | ], 879 | }, 880 | )]])), 881 | templates: vec![ 882 | vec!["!!!
".to_string()],
883 | vec!["".to_string(), "".to_string(), "".to_string()]
884 | ],
885 | })])),
886 | templates: vec![],
887 | }
888 | );
889 | }
890 |
891 | #[lunatic::test]
892 | fn for_loop_with_if() {
893 | let names = ["John", "Joe", "Jim"];
894 | let rendered = html! {
895 | @for name in names {
896 | span { "Welcome, " (name) "." }
897 | @if name == "Jim" {
898 | span { "You are a VIP, " (name.to_lowercase()) }
899 | }
900 | }
901 | };
902 |
903 | assert_eq!(
904 | rendered,
905 | Rendered {
906 | statics: vec!["".to_string(), "".to_string()],
907 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered {
908 | statics: vec![
909 | "Welcome, ".to_string(),
910 | ".".to_string(),
911 | "".to_string()
912 | ],
913 | dynamics: Dynamics::List(DynamicList(vec![
914 | vec![
915 | Dynamic::String("John".to_string()),
916 | Dynamic::String("".to_string()),
917 | ],
918 | vec![
919 | Dynamic::String("Joe".to_string()),
920 | Dynamic::String("".to_string()),
921 | ],
922 | vec![
923 | Dynamic::String("Jim".to_string()),
924 | Dynamic::Nested(RenderedListItem {
925 | statics: 0,
926 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![
927 | Dynamic::String("jim".to_string())
928 | ]]))],
929 | })
930 | ],
931 | ])),
932 | templates: vec![vec![
933 | "You are a VIP, ".to_string(),
934 | "".to_string()
935 | ]],
936 | })])),
937 | templates: vec![]
938 | }
939 | );
940 | }
941 |
942 | #[lunatic::test]
943 | fn for_loop_with_multiple_ifs() {
944 | let names = ["John", "Joe", "Jim"];
945 | let rendered = html! {
946 | @for name in names {
947 | span { "Welcome, " (name) "." }
948 | @if name == "Jim" {
949 | span { "You are a VIP, " (name.to_lowercase()) }
950 | @if name.ends_with('m') {
951 | span { (name) " ends with m" }
952 | }
953 | }
954 | }
955 | };
956 |
957 | assert_eq!(
958 | rendered,
959 | Rendered {
960 | statics: vec!["".to_string(), "".to_string()],
961 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered {
962 | statics: vec![
963 | "Welcome, ".to_string(),
964 | ".".to_string(),
965 | "".to_string()
966 | ],
967 | dynamics: Dynamics::List(DynamicList(vec![
968 | vec![
969 | Dynamic::String("John".to_string()),
970 | Dynamic::String("".to_string()),
971 | ],
972 | vec![
973 | Dynamic::String("Joe".to_string()),
974 | Dynamic::String("".to_string()),
975 | ],
976 | vec![
977 | Dynamic::String("Jim".to_string()),
978 | Dynamic::Nested(RenderedListItem {
979 | statics: 1,
980 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![
981 | Dynamic::String("jim".to_string()),
982 | Dynamic::Nested(RenderedListItem {
983 | statics: 0,
984 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![
985 | Dynamic::String("Jim".to_string())
986 | ]]))],
987 | })
988 | ]])),],
989 | })
990 | ],
991 | ])),
992 | templates: vec![
993 | vec!["".to_string(), " ends with m".to_string()],
994 | vec![
995 | "You are a VIP, ".to_string(),
996 | "".to_string(),
997 | "".to_string()
998 | ],
999 | ],
1000 | })])),
1001 | templates: vec![],
1002 | }
1003 | );
1004 | }
1005 |
1006 | #[lunatic::test]
1007 | fn for_loop_with_many_ifs() {
1008 | let names = ["John", "Joe", "Jim"];
1009 | let rendered = html! {
1010 | @for name in names {
1011 | span { "Welcome, " (name) "." }
1012 | @if name == "Jim" || name == "Joe" {
1013 | span { "You are a VIP, " (name.to_lowercase()) }
1014 | @if name.ends_with('m') || name.ends_with('e') {
1015 | span { (name) " ends with m or e" }
1016 | }
1017 | }
1018 | }
1019 | };
1020 |
1021 | assert_eq!(
1022 | rendered,
1023 | Rendered {
1024 | statics: vec!["".to_string(), "".to_string()],
1025 | dynamics: Dynamics::Items(DynamicItems(vec![Dynamic::Nested(Rendered {
1026 | statics: vec![
1027 | "Welcome, ".to_string(),
1028 | ".".to_string(),
1029 | "".to_string()
1030 | ],
1031 | dynamics: Dynamics::List(DynamicList(vec![
1032 | vec![
1033 | Dynamic::String("John".to_string()),
1034 | Dynamic::String("".to_string()),
1035 | ],
1036 | vec![
1037 | Dynamic::String("Joe".to_string()),
1038 | Dynamic::Nested(RenderedListItem {
1039 | statics: 1,
1040 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![
1041 | Dynamic::String("joe".to_string()),
1042 | Dynamic::Nested(RenderedListItem {
1043 | statics: 0,
1044 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![
1045 | Dynamic::String("Joe".to_string())
1046 | ]]))],
1047 | })
1048 | ]]))],
1049 | }),
1050 | ],
1051 | vec![
1052 | Dynamic::String("Jim".to_string()),
1053 | Dynamic::Nested(RenderedListItem {
1054 | statics: 1,
1055 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![
1056 | Dynamic::String("jim".to_string()),
1057 | Dynamic::Nested(RenderedListItem {
1058 | statics: 0,
1059 | dynamics: vec![Dynamics::List(DynamicList(vec![vec![
1060 | Dynamic::String("Jim".to_string())
1061 | ]]))],
1062 | })
1063 | ]]))],
1064 | }),
1065 | ],
1066 | ])),
1067 | templates: vec![
1068 | vec!["".to_string(), " ends with m or e".to_string()],
1069 | vec![
1070 | "You are a VIP, ".to_string(),
1071 | "".to_string(),
1072 | "".to_string()
1073 | ],
1074 | ],
1075 | })])),
1076 | templates: vec![]
1077 | }
1078 | );
1079 | }
1080 | }
1081 |
--------------------------------------------------------------------------------