@wire-dsl/cli 0.1.2 → 0.1.4

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 +34 -15
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -19,18 +19,15 @@ npx @wire-dsl/cli [command]
19
19
  ### Basic Commands
20
20
 
21
21
  ```bash
22
- # Compile a .wire file to interactive HTML
23
- wire compile input.wire --output output.html
24
-
25
- # Watch mode for development
26
- wire watch input.wire --output output.html
27
-
28
- # Generate component definitions
29
- wire generate input.wire --output components.json
22
+ # Render a .wire file to PDF/SVG
23
+ wire render input.wire --output output.pdf
30
24
 
31
25
  # Validate .wire file syntax
32
26
  wire validate input.wire
33
27
 
28
+ # Initialize a new WireDSL project
29
+ wire init my-project
30
+
34
31
  # Show version
35
32
  wire --version
36
33
 
@@ -38,6 +35,30 @@ wire --version
38
35
  wire --help
39
36
  ```
40
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
+
41
62
  ## What is Wire-DSL?
42
63
 
43
64
  Wire-DSL is a **block-declarative Domain-Specific Language** for creating interactive wireframes using code instead of visual tools.
@@ -46,15 +67,13 @@ Write wireframes like this:
46
67
 
47
68
  ```wire
48
69
  screen "Dashboard" {
49
- grid(columns: 2, gap: 16) {
50
- card "Revenue" {
51
- text "Q4 Revenue"
52
- heading "$2.5M"
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"
53
73
  }
54
74
 
55
- card "Users" {
56
- text "Active Users"
57
- heading "1.2K"
75
+ layout card(padding: lg, gap: md, border: true) {
76
+ component StatCard title: "Active Users" value: "1.2K"
58
77
  }
59
78
  }
60
79
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wire-dsl/cli",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
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.2"
38
+ "@wire-dsl/core": "0.1.4"
39
39
  },
40
40
  "devDependencies": {
41
41
  "@types/node": "25.0.9",