nightshade-api 0.53.0

Procedural high level API for the nightshade game engine
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

//! Assembles and injects the component stylesheet, wrapped in an
//! `@layer nightshade` cascade layer so app CSS always wins.

use leptos::prelude::*;

/// Concatenate every component stylesheet, wrapped in an
/// `@layer nightshade { ... }` cascade layer.
pub fn stylesheet() -> String {
    let mut css = String::new();
    css.push_str(include_str!("../../css/core.css"));
    css.push_str(include_str!("../../css/forms.css"));
    css.push_str(include_str!("../../css/menus.css"));
    css.push_str(include_str!("../../css/palette.css"));
    css.push_str(include_str!("../../css/code_editor.css"));
    css.push_str(include_str!("../../css/table.css"));
    css.push_str(include_str!("../../css/tree.css"));
    css.push_str(include_str!("../../css/inspector.css"));
    css.push_str(include_str!("../../css/dock.css"));
    css.push_str(include_str!("../../css/overlays.css"));
    css.push_str(include_str!("../../css/virtual_list.css"));
    css.push_str(include_str!("../../css/diff.css"));
    css.push_str(include_str!("../../css/drag.css"));
    css.push_str(include_str!("../../css/undo_tree.css"));
    css.push_str(include_str!("../../css/jump.css"));
    css.push_str(include_str!("../../css/terminal.css"));
    css.push_str(include_str!("../../css/workspace.css"));
    css.push_str(include_str!("../../css/code_surface.css"));
    css.push_str(include_str!("../../css/disclosure.css"));
    css.push_str(include_str!("../../css/status_bar.css"));
    css.push_str(include_str!("../../css/toolbar.css"));
    css.push_str(include_str!("../../css/log.css"));
    css.push_str(include_str!("../../css/markdown.css"));
    css.push_str(include_str!("../../css/search_list.css"));
    css.push_str(include_str!("../../css/asset_grid.css"));
    css.push_str(include_str!("../../css/list_editor.css"));
    css.push_str(include_str!("../../css/chat.css"));
    css.push_str(include_str!("../../css/dynamic_form.css"));
    css.push_str(include_str!("../../css/viewport.css"));
    format!("@layer nightshade {{\n{css}\n}}\n")
}

const STYLE_ID: &str = "nightshade-styles";

fn inject() {
    let Some(document) = web_sys::window().and_then(|window| window.document()) else {
        return;
    };
    if document.get_element_by_id(STYLE_ID).is_some() {
        return;
    }
    let Some(head) = document.head() else {
        return;
    };
    let Ok(element) = document.create_element("style") else {
        return;
    };
    let _ = element.set_attribute("id", STYLE_ID);
    element.set_text_content(Some(&stylesheet()));
    let _ = head.append_child(&element);
}

/// Injects the [`stylesheet`] into `<head>` once (idempotent by element id).
/// Render this near the root of your app.
#[component]
pub fn UiStyles() -> impl IntoView {
    inject();
}