canonrs-core 0.1.0

CanonRS core types, traits and primitives
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134

#![allow(unused_variables)]
//! @canon-level: strict
//! @canon-owner: primitives-team
//! Markdown Primitive - HTML puro

use leptos::prelude::*;
use crate::meta::{NavigationState, VisibilityState};

#[component]
pub fn MarkdownPrimitive(
    #[prop(into, default = String::new())] class: String,
    #[prop(into, default = String::new())] inner: String,
) -> impl IntoView {
    let uid_md = crate::infra::uid::generate("md");
    // inner contém o HTML do layout completo (TOC + content)
    // É injetado via inner_html apenas em SSR — hydration via MarkdownContentPrimitive
    #[cfg(feature = "ssr")]
    {
        view! {
            <div
                data-rs-markdown=""
            data-rs-uid=uid_md
            data-rs-interaction="content"
                class=class
                inner_html=inner
            ></div>
        }.into_any()
    }
    #[cfg(not(feature = "ssr"))]
    {
        let _ = inner;
        view! {
            <div
                data-rs-markdown=""
                class=class
            ></div>
        }.into_any()
    }
}

#[component]
pub fn MarkdownToolbarPrimitive(
    children: Children,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <div
            data-rs-markdown-toolbar=""
            role="toolbar"
            aria-label="Markdown toolbar"
            class=class
        >
            {children()}
        </div>
    }
}

#[component]
pub fn MarkdownToolbarItemPrimitive(
    children: Children,
    #[prop(into, default = String::new())] action: String,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <button
            type="button"
            data-rs-markdown-toolbar-item=""
            data-rs-action=action
            class=class
        >
            {children()}
        </button>
    }
}

#[component]
pub fn MarkdownTocPrimitive(
    children: Children,
    #[prop(default = VisibilityState::Closed)] state: VisibilityState,
    #[prop(into, default = String::new())] class: String,
) -> impl IntoView {
    view! {
        <nav
            data-rs-markdown-toc=""
            data-rs-state=state.as_str()
            aria-hidden=state.aria_hidden()
            aria-label="Table of contents"
            class=class
        >
            {children()}
        </nav>
    }
}

#[component]
pub fn MarkdownTocItemPrimitive(
    #[prop(into)] href: String,
    #[prop(into)] text: String,
    #[prop(default = 2u8)] level: u8,
    #[prop(default = NavigationState::Inactive)] state: NavigationState,
) -> impl IntoView {
    let aria_current = if state == NavigationState::Current { Some("page") } else { None };
    view! {
        <li
            data-rs-markdown-toc-item=""
            data-rs-level=level.to_string()
            data-rs-navigation=state.as_str()
        >
            <a
                data-rs-markdown-toc-link=""
                aria-current=aria_current
                href=href
            >{text}</a>
        </li>
    }
}

#[component]
pub fn MarkdownContentPrimitive(
    #[prop(into, default = String::new())] class: String,
    #[prop(into, default = String::new())] html: String,
) -> impl IntoView {
    #[cfg(feature = "ssr")]
    let inner = html;
    #[cfg(not(feature = "ssr"))]
    let inner = { let _ = html; String::new() };
    view! {
        <div
            data-rs-markdown-content=""
            class=class
            inner_html=inner.clone()
        ></div>
    }
}