@wire-dsl/cli 0.1.1 โ 0.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -0
- package/package.json +2 -2
package/README.md
ADDED
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
# @wire-dsl/cli
|
|
2
|
+
|
|
3
|
+
Command-line interface for Wire-DSL. Transform `.wire` DSL files into interactive wireframes, components, and releases.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install -g @wire-dsl/cli
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
Or use with `npx`:
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npx @wire-dsl/cli [command]
|
|
15
|
+
```
|
|
16
|
+
|
|
17
|
+
## Usage
|
|
18
|
+
|
|
19
|
+
### Basic Commands
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
# Render a .wire file to PDF/SVG
|
|
23
|
+
wire render input.wire --output output.pdf
|
|
24
|
+
|
|
25
|
+
# Validate .wire file syntax
|
|
26
|
+
wire validate input.wire
|
|
27
|
+
|
|
28
|
+
# Initialize a new WireDSL project
|
|
29
|
+
wire init my-project
|
|
30
|
+
|
|
31
|
+
# Show version
|
|
32
|
+
wire --version
|
|
33
|
+
|
|
34
|
+
# Help
|
|
35
|
+
wire --help
|
|
36
|
+
```
|
|
37
|
+
|
|
38
|
+
### Command Examples
|
|
39
|
+
|
|
40
|
+
**Render to PDF:**
|
|
41
|
+
```bash
|
|
42
|
+
wire render dashboard.wire --output dashboard.pdf
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
**Render to SVG (stdout):**
|
|
46
|
+
```bash
|
|
47
|
+
wire render dashboard.wire
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
**Validate syntax:**
|
|
51
|
+
```bash
|
|
52
|
+
wire validate dashboard.wire
|
|
53
|
+
```
|
|
54
|
+
|
|
55
|
+
**Initialize new project:**
|
|
56
|
+
```bash
|
|
57
|
+
wire init
|
|
58
|
+
# or with a name:
|
|
59
|
+
wire init my-wireframes
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
## What is Wire-DSL?
|
|
63
|
+
|
|
64
|
+
Wire-DSL is a **block-declarative Domain-Specific Language** for creating interactive wireframes using code instead of visual tools.
|
|
65
|
+
|
|
66
|
+
Write wireframes like this:
|
|
67
|
+
|
|
68
|
+
```wire
|
|
69
|
+
screen "Dashboard" {
|
|
70
|
+
layout grid(columns: 2, gap: 16) {
|
|
71
|
+
layout card(padding: lg, gap: md, border: true) {
|
|
72
|
+
component StatCard title: "Q4 Revenue" value: "$2.5M"
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
layout card(padding: lg, gap: md, border: true) {
|
|
76
|
+
component StatCard title: "Active Users" value: "1.2K"
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
```
|
|
81
|
+
|
|
82
|
+
## Features
|
|
83
|
+
|
|
84
|
+
- ๐ฏ **Block-declarative syntax** - Intuitive, structured definitions
|
|
85
|
+
- ๐ฑ **23 UI components** - Buttons, forms, cards, modals, and more
|
|
86
|
+
- ๐จ **Theming support** - Customize colors, typography, spacing
|
|
87
|
+
- ๐ **Responsive layouts** - Grid, Stack, Split containers
|
|
88
|
+
- โก **Fast compilation** - Powered by Chevrotain parser
|
|
89
|
+
- ๐งช **Validation** - Zod-based schema validation
|
|
90
|
+
|
|
91
|
+
## Documentation
|
|
92
|
+
|
|
93
|
+
- [Full Documentation](https://github.com/Wire-DSL/wire-dsl#readme)
|
|
94
|
+
- [DSL Syntax Guide](https://github.com/Wire-DSL/wire-dsl/blob/main/docs/DSL-SYNTAX.md)
|
|
95
|
+
- [Components Reference](https://github.com/Wire-DSL/wire-dsl/blob/main/docs/COMPONENTS-REFERENCE.md)
|
|
96
|
+
|
|
97
|
+
## License
|
|
98
|
+
|
|
99
|
+
MIT
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wire-dsl/cli",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"description": "WireDSL CLI - Command-line tool for wireframe generation and validation",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"chalk": "5.6.2",
|
|
36
36
|
"commander": "14.0.2",
|
|
37
37
|
"ora": "9.1.0",
|
|
38
|
-
"@wire-dsl/core": "0.1.
|
|
38
|
+
"@wire-dsl/core": "0.1.3"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
41
41
|
"@types/node": "25.0.9",
|