@wire-dsl/web 0.0.3 → 0.0.5

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 (4) hide show
  1. package/.turbo/turbo-build.log +2 -2
  2. package/CHANGELOG.md +18 -0
  3. package/README.md +73 -0
  4. package/package.json +2 -2
package/.turbo/turbo-build.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @wire-dsl/web@0.0.3 build /home/runner/work/wire-dsl/wire-dsl/packages/web
2
+ > @wire-dsl/web@0.0.5 build /home/runner/work/wire-dsl/wire-dsl/packages/web
3
3
  > tsc && vite build
4
4
 
5
5
  vite v7.3.1 building client environment for production...
@@ -10,4 +10,4 @@ computing gzip size...
10
10
  dist/index.html  0.48 kB │ gzip: 0.31 kB
11
11
  dist/assets/index-CUIy2zPc.css  0.44 kB │ gzip: 0.30 kB
12
12
  dist/assets/index-CHiOjnNN.js 193.88 kB │ gzip: 60.95 kB
13
- ✓ built in 1.33s
13
+ ✓ built in 1.52s
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @wire-dsl/web
2
2
 
3
+ ## 0.0.5
4
+
5
+ ### Patch Changes
6
+
7
+ - [#8](https://github.com/Wire-DSL/wire-dsl/pull/8) [`5783506`](https://github.com/Wire-DSL/wire-dsl/commit/5783506cb8eb9bc3ce7e08596ff826c29092787a) Thanks [@roxguel](https://github.com/roxguel)! - Add packages readmes
8
+
9
+ - Updated dependencies [[`5783506`](https://github.com/Wire-DSL/wire-dsl/commit/5783506cb8eb9bc3ce7e08596ff826c29092787a), [`6b4c7ae`](https://github.com/Wire-DSL/wire-dsl/commit/6b4c7ae34e702e374e589bb188a47c8ccd86358b)]:
10
+ - @wire-dsl/core@0.1.3
11
+
12
+ ## 0.0.4
13
+
14
+ ### Patch Changes
15
+
16
+ - [#5](https://github.com/Wire-DSL/wire-dsl/pull/5) [`a64e3cf`](https://github.com/Wire-DSL/wire-dsl/commit/a64e3cf03dbcfdac692e9b7bfc21b6fe26323150) Thanks [@roxguel](https://github.com/roxguel)! - add package-specific READMEs
17
+
18
+ - Updated dependencies [[`a64e3cf`](https://github.com/Wire-DSL/wire-dsl/commit/a64e3cf03dbcfdac692e9b7bfc21b6fe26323150)]:
19
+ - @wire-dsl/core@0.1.2
20
+
3
21
  ## 0.0.3
4
22
 
5
23
  ### Patch Changes
package/README.md ADDED
@@ -0,0 +1,73 @@
1
+ # @wire-dsl/web
2
+
3
+ Live editor and renderer for Wire-DSL. Create and preview interactive wireframes in real-time with a modern web-based interface.
4
+
5
+ ## Installation
6
+
7
+ ```bash
8
+ npm install @wire-dsl/web
9
+ ```
10
+
11
+ ## Features
12
+
13
+ - 🎨 **Live Editor** - Real-time syntax highlighting and validation
14
+ - 👁️ **Live Preview** - Instant preview of wireframe changes
15
+ - 💾 **Auto-save** - Automatic state persistence
16
+ - 📱 **Responsive** - Works on desktop and tablets
17
+ - ⚡ **Fast** - Powered by Vite for instant HMR
18
+ - 🎯 **Intuitive UI** - Monaco editor with Wire-DSL syntax support
19
+
20
+ ## Getting Started
21
+
22
+ ### Development
23
+
24
+ ```bash
25
+ cd packages/web
26
+ npm install
27
+ npm run dev
28
+ ```
29
+
30
+ The editor will be available at `http://localhost:5173`
31
+
32
+ ### Production Build
33
+
34
+ ```bash
35
+ npm run build
36
+ npm run preview
37
+ ```
38
+
39
+ ## Usage
40
+
41
+ The Web editor is designed for interactive development of `.wire` files:
42
+
43
+ 1. **Write** your wireframe definition in the editor (left panel)
44
+ 2. **See** the live preview update instantly (right panel)
45
+ 3. **Export** your wireframe as HTML, JSON, or components
46
+ 4. **Share** your designs with team members
47
+
48
+ ## Editor Features
49
+
50
+ - **Syntax Highlighting** - Wire-DSL language support
51
+ - **Error Messages** - Real-time validation feedback
52
+ - **Code Completion** - Smart suggestions and snippets
53
+ - **Theme Support** - Light and dark modes
54
+ - **Export Options** - HTML, JSON, React components
55
+
56
+ ## Technology Stack
57
+
58
+ - **React 19** - Modern UI framework
59
+ - **Vite 7** - Fast build tool
60
+ - **Monaco Editor** - Powerful code editor
61
+ - **Tailwind CSS** - Utility-first styling
62
+ - **Zustand** - Lightweight state management
63
+ - **TypeScript** - Type-safe development
64
+
65
+ ## Documentation
66
+
67
+ - [DSL Syntax Guide](https://github.com/Wire-DSL/wire-dsl/blob/main/docs/DSL-SYNTAX.md)
68
+ - [Components Reference](https://github.com/Wire-DSL/wire-dsl/blob/main/docs/COMPONENTS-REFERENCE.md)
69
+ - [Theme Customization](https://github.com/Wire-DSL/wire-dsl/blob/main/docs/THEME-GUIDE.md)
70
+
71
+ ## License
72
+
73
+ MIT
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wire-dsl/web",
3
- "version": "0.0.3",
3
+ "version": "0.0.5",
4
4
  "description": "WireDSL Web - Live editor with React and Monaco",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -14,7 +14,7 @@
14
14
  "@radix-ui/react-dialog": "1.1.15",
15
15
  "@radix-ui/react-slot": "1.2.4",
16
16
  "lucide-react": "0.562.0",
17
- "@wire-dsl/core": "0.1.1"
17
+ "@wire-dsl/core": "0.1.3"
18
18
  },
19
19
  "devDependencies": {
20
20
  "@tailwindcss/postcss": "4.1.18",