@wire-dsl/web 0.0.3 → 0.0.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.
- package/.turbo/turbo-build.log +2 -2
- package/CHANGELOG.md +9 -0
- package/README.md +73 -0
- package/package.json +2 -2
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @wire-dsl/web@0.0.
|
|
2
|
+
> @wire-dsl/web@0.0.4 build /home/runner/work/wire-dsl/wire-dsl/packages/web
|
|
3
3
|
> tsc && vite build
|
|
4
4
|
|
|
5
5
|
[36mvite v7.3.1 [32mbuilding client environment for production...[36m[39m
|
|
@@ -10,4 +10,4 @@ computing gzip size...
|
|
|
10
10
|
[2mdist/[22m[32mindex.html [39m[1m[2m 0.48 kB[22m[1m[22m[2m │ gzip: 0.31 kB[22m
|
|
11
11
|
[2mdist/[22m[2massets/[22m[35mindex-CUIy2zPc.css [39m[1m[2m 0.44 kB[22m[1m[22m[2m │ gzip: 0.30 kB[22m
|
|
12
12
|
[2mdist/[22m[2massets/[22m[36mindex-CHiOjnNN.js [39m[1m[2m193.88 kB[22m[1m[22m[2m │ gzip: 60.95 kB[22m
|
|
13
|
-
[32m✓ built in 1.
|
|
13
|
+
[32m✓ built in 1.40s[39m
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @wire-dsl/web
|
|
2
2
|
|
|
3
|
+
## 0.0.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#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
|
|
8
|
+
|
|
9
|
+
- Updated dependencies [[`a64e3cf`](https://github.com/Wire-DSL/wire-dsl/commit/a64e3cf03dbcfdac692e9b7bfc21b6fe26323150)]:
|
|
10
|
+
- @wire-dsl/core@0.1.2
|
|
11
|
+
|
|
3
12
|
## 0.0.3
|
|
4
13
|
|
|
5
14
|
### 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
|
+
"version": "0.0.4",
|
|
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.
|
|
17
|
+
"@wire-dsl/core": "0.1.2"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
20
|
"@tailwindcss/postcss": "4.1.18",
|