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

id: breadcrumb
label: Breadcrumb
family: family-d-navigation
category: Navigation
intent: Show current location in hierarchy
description: Navigation breadcrumb trail
composable: true
capabilities: 
required_parts: []
optional_parts: ["BreadcrumbItem", "BreadcrumbLink", "BreadcrumbSeparator"]
tags: ["breadcrumb", "path", "navigation", "trail", "location"]
keywords: 
pain: Breadcrumbs fail to mark current page correctly for accessibility
promise: Current page state enforced via activity state mapping
why: |
  ActivityState defines whether a breadcrumb link is active. The primitive maps this to aria-current automatically. This ensures correct navigation semantics without manual ARIA handling.
rules: ["CR-001", "CR-004"]
use_cases: ["navigation trails", "hierarchy display"]
related: ["navigation_menu", "sidebar", "nav_item", "pagination", "link_group"]
file: breadcrumb_ui.css
tokens: breadcrumb-*, space-*, font-*, motion-*
foundation: spacing, radius, shadow, typography, motion
states: ["active"]
island: breadcrumb_boundary.rs
pillar: navigation
badges: ["SSR Safe", "Hydration Safe", "Token Driven", "Deterministic API", "Zero Drift"]
before: |
  // ❌ Typical
  view! {
    <nav>
      <a href="#">Home</a>
      <span>"/"</span>
      <a class="active">Page</a>
    </nav>
  }
after: |
  // ✅ CanonRS
  view! {
    <Breadcrumb>
      <BreadcrumbItem>
        <BreadcrumbLink href="#">"Home"</BreadcrumbLink>
      </BreadcrumbItem>
      <BreadcrumbSeparator>"/"</BreadcrumbSeparator>
      <BreadcrumbItem>
        <BreadcrumbPage>"Page"</BreadcrumbPage>
      </BreadcrumbItem>
    </Breadcrumb>
  }
boundary_type: interaction
ix_group: ix_nav
block: []
blocks_primitives: [flex, stack]