- Phase 1: Component parser + codegen (emit_component_decl, emit_component_use, emit_match) - Phase 2: 6 registry components (button, input, card, badge, dialog, toast) - Phase 3: dreamstack add CLI with dependency resolution and --list/--all - Phase 4: dreamstack convert TSX→DS transpiler with --shadcn GitHub fetch - Phase 5: 120+ lines variant CSS (buttons, badges, cards, dialog, toast, input) - New example: showcase.ds demonstrating all component styles
19 lines
370 B
Text
19 lines
370 B
Text
let title = "Dashboard"
|
|
let active = "Analytics"
|
|
|
|
layout dashboard {
|
|
sidebar.x == 0
|
|
sidebar.y == 0
|
|
sidebar.width == 250
|
|
sidebar.height == parent.height
|
|
main.x == sidebar.width
|
|
main.y == 0
|
|
main.width == parent.width - sidebar.width
|
|
main.height == parent.height
|
|
}
|
|
|
|
view main = column [
|
|
text title
|
|
text "Welcome to DreamStack Dashboard"
|
|
text active
|
|
]
|