canonrs-server 0.1.0

CanonRS server-side rendering support
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

use leptos::prelude::*;
use super::{MarkdownSurface, TocPosition};
use super::render_with_prefix;

fn enterprise_markdown() -> &'static str {
    r#"
# CanonRS Framework

A modern, enterprise-grade component library.

## Getting Started

Learn how to install and configure CanonRS.

### Installation
```bash
cargo add canonrs
```

### Configuration

Set up your project with the CanonRS design system.

## Architecture

Understanding the core concepts.

### Component Model

SSR-first, behavior-driven components.

### Token System

Design tokens for consistency.

## Examples

Practical examples and patterns.
"#
}

pub fn markdown_basic_example() -> impl IntoView {
    let rendered = render_with_prefix(enterprise_markdown(), "md-top");
    view! {
        <MarkdownSurface
            rendered=rendered
            show_toc=true
            show_toolbar=true
            toc_position=TocPosition::Top
            id="markdown-top-example"
        />
    }
}

pub fn sidebar_example() -> impl IntoView {
    let rendered = render_with_prefix(enterprise_markdown(), "md-sidebar");
    view! {
        <MarkdownSurface
            rendered=rendered
            show_toc=true
            show_toolbar=false
            toc_position=TocPosition::Sidebar
            id="markdown-sidebar-example"
        />
    }
}

pub fn toc_with_breadcrumb_example() -> impl IntoView {
    use crate::ui::breadcrumb::{NavigationProvider, BreadcrumbAuto};
    use super::markdown_toolbar::{MarkdownToolbar, MarkdownToolbarState};
    use crate::ui::code_block::CodeBlock;
    
    let rendered = render_with_prefix(enterprise_markdown(), "md-nav");
    let toolbar_state = MarkdownToolbarState::default();
    provide_context(toolbar_state);
    
    view! {
        <NavigationProvider>
            <div style="display: flex; flex-direction: column;">
                <MarkdownToolbar target_id="markdown-nav-example" />
                
                {move || {
                    if toolbar_state.show_breadcrumb.get() {
                        view! {
                            <div class="breadcrumb-sticky">
                                <BreadcrumbAuto />
                            </div>
                        }.into_any()
                    } else {
                        ().into_any()
                    }
                }}
                
                <MarkdownSurface
                    rendered=rendered
                    show_toc=true
                    show_toolbar=false
                    toc_position=TocPosition::Sidebar
                    id="markdown-nav-example"
                />
                
                {move || {
                    view! {
                        <div style="margin-top: 2rem; padding: 0 2rem;">
                            <h3>"Code Block with Line Numbers Toggle"</h3>
                            <CodeBlock
                                code="cargo add canonrs\ncd my-project\ncargo build\ncargo run".to_string()
                                language="bash".to_string()
                                show_line_numbers=toolbar_state.show_line_numbers.get()
                            />
                        </div>
                    }
                }}
            </div>
        </NavigationProvider>
    }
}