1mod component;
2mod data;
3mod router;
4
5mod generated {
6 include!(concat!(env!("OUT_DIR"), "/docs_gen.rs"));
7}
8
9pub use std::{cell::RefCell, fmt::Debug, rc::Rc};
10
11pub(crate) use {
12 component::*,
13 data::*,
14 js_sys::{Promise, decode_uri_component, eval},
15 router::*,
16 web_sys::{Event, HtmlInputElement, KeyboardEvent, Location, window},
17};
18
19use {
20 crate::generated::*,
21 euv::{wasm_bindgen::prelude::*, web_sys::*, *},
22 euv_ui::*,
23 wasm_bindgen_futures::{JsFuture, spawn_local},
24};
25
26#[wasm_bindgen]
27pub fn main() {
28 console_error_panic_hook::set_once();
29 inject_app_global_css();
30 Css::inject_css(EUV_MD_CSS);
31 Css::inject_css(
32 ".md-body h1, .md-body h2, .md-body h3, .md-body h4, .md-body h5, .md-body h6 { padding-left: 0 !important; } \
33 .md-body .header-anchor, .md-body h1:hover .header-anchor, .md-body h2:hover .header-anchor, .md-body h3:hover .header-anchor, .md-body h4:hover .header-anchor, .md-body h5:hover .header-anchor, .md-body h6:hover .header-anchor { display: none !important; } \
34 .md-body img { display: inline-block; max-width: 100%; height: auto; vertical-align: baseline; } \
35 .md-body a > img { display: inline-block; } \
36 .md-body img[src$='.svg'], .md-body img[src*='shields.io'], .md-body img[src*='github.com'] { max-height: 20px; max-width: 100%; } \
37 .md-body table img { max-height: 1.4em; } \
38 \
39 .c_app_main { padding-top: 4.75rem !important; } \
40 \
41 .c_euv_sidebar_group_title { padding: 0.4rem 1.25rem !important; box-sizing: border-box !important; } \
42 .c_euv_sidebar_children { padding-left: 1rem !important; margin-left: 0.5rem !important; } \
43 .c_euv_sidebar_children > .c_euv_sidebar_children { margin-left: 0.75rem !important; } \
44 .c_euv_sidebar_link { display: block !important; padding: 0.4rem 1.25rem !important; } \
45 .c_euv_sidebar_link:hover { font-weight: 700 !important; background: var(--accent-muted, rgba(0,0,0,0.05)) !important; box-shadow: inset 4px 0px 0px var(--foreground, #000) !important; } \
46 \
47 .c_feature_card { border: 1px dashed var(--foreground, #000) !important; border-radius: 0 !important; padding: 1rem !important; background: transparent !important; } \
48 .c_home_btn_secondary { background: transparent !important; color: #000 !important; border: 1.5px solid #000 !important; } \
49 .c_home_btn_secondary:hover { background: rgba(0,0,0,0.06) !important; } \
50 .c_theme_dark .c_home_btn_secondary { background: transparent !important; color: #fff !important; border-color: #fff !important; } \
51 .c_theme_dark .c_home_btn_secondary:hover { background: rgba(255,255,255,0.10) !important; } \
52 \
53 .c_docs_feature_grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; } \
54 @media (max-width: 767px) { .c_docs_feature_grid { grid-template-columns: minmax(0, 1fr); } } \
55 .c_docs_feature_card { display: flex; flex-direction: column; gap: 0.4rem; padding: 1rem; border: 1px dashed var(--foreground, #000); border-radius: 0; background: transparent; text-decoration: none; color: inherit; transition: background 0.15s ease-out, border-color 0.15s ease-out; min-width: 0; } \
56 .c_docs_feature_card:hover { background: var(--accent-muted, rgba(0,0,0,0.06)); border-color: var(--foreground, #000); } \
57 .c_theme_dark .c_docs_feature_card:hover { background: var(--accent-muted, rgba(255,255,255,0.08)); } \
58 .c_docs_feature_card_inner { display: flex; flex-direction: column; gap: 0.4rem; min-width: 0; } \
59 .c_docs_feature_card_icon { font-size: 1.5rem; line-height: 1; flex-shrink: 0; } \
60 .c_docs_feature_card_title { font-size: 1.125rem; font-weight: 600; overflow-wrap: anywhere; } \
61 .c_docs_feature_card_details { font-size: 0.875rem; color: var(--muted-foreground, #555); overflow-wrap: anywhere; } \
62 \
63 .docs-container-tip, .docs-container-note, .docs-container-important, .docs-container-info { border: 1px dashed var(--foreground, #000); border-left-width: 4px; padding: 0.75rem 1rem; margin: 1rem 0; background: var(--accent-muted, rgba(0,0,0,0.04)); } \
64 .docs-container-warning, .docs-container-caution { border: 1px solid var(--foreground, #000); border-left-width: 4px; padding: 0.75rem 1rem; margin: 1rem 0; background: var(--accent-muted, rgba(0,0,0,0.04)); } \
65 .docs-container-danger { border: 1px solid var(--foreground, #000); border-left-width: 4px; padding: 0.75rem 1rem; margin: 1rem 0; background: rgba(0,0,0,0.06); } \
66 .docs-container-title { font-weight: 600; margin: 0 0 0.25rem 0; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; } \
67 .docs-container-title:empty { display: none; }",
68 );
69 App::mount("#app", app);
70}