@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.
Files changed (2) hide show
  1. package/README.md +99 -0
  2. 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.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.1"
38
+ "@wire-dsl/core": "0.1.3"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@types/node": "25.0.9",