@alltuner/vibetuner 2.8.3 → 2.9.1
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 +123 -18
- package/package.json +6 -4
package/README.md
CHANGED
|
@@ -1,44 +1,149 @@
|
|
|
1
1
|
# @alltuner/vibetuner
|
|
2
2
|
|
|
3
|
-
Blessed JavaScript/frontend build dependencies for Vibetuner projects
|
|
3
|
+
**Blessed JavaScript/frontend build dependencies for Vibetuner projects**
|
|
4
4
|
|
|
5
|
-
This package bundles all the essential frontend build tools and libraries needed for Vibetuner-based web applications.
|
|
5
|
+
This package bundles all the essential frontend build tools and libraries needed for Vibetuner-based web applications. It provides a curated, version-locked set of dependencies for building modern, reactive web interfaces.
|
|
6
6
|
|
|
7
|
-
##
|
|
7
|
+
## What is Vibetuner?
|
|
8
|
+
|
|
9
|
+
Vibetuner is a production-ready scaffolding tool for FastAPI + MongoDB + HTMX web applications. This package (`@alltuner/vibetuner`) is the JavaScript component that provides:
|
|
10
|
+
|
|
11
|
+
- **Tailwind CSS 4**: Utility-first CSS framework
|
|
12
|
+
- **DaisyUI**: Beautiful component library for Tailwind
|
|
13
|
+
- **HTMX 2**: Dynamic HTML without complex JavaScript
|
|
14
|
+
- **Build tools**: CLI tools for asset compilation
|
|
8
15
|
|
|
9
|
-
|
|
10
|
-
- **@tailwindcss/cli** - Tailwind CLI tool
|
|
11
|
-
- **@tailwindcss/typography** - Beautiful typographic defaults
|
|
12
|
-
- **DaisyUI** (v5.4.2) - Tailwind CSS component library
|
|
13
|
-
- **HTMX** (v2.0.7) - High-power tools for HTML
|
|
14
|
-
- **htmx-ext-preload** - HTMX preload extension
|
|
15
|
-
- **htmx-ext-sse** - HTMX server-sent events extension
|
|
16
|
-
- **concurrently** - Run multiple commands concurrently
|
|
16
|
+
**This package is designed to be used within projects generated by the Vibetuner scaffolding tool.** It ensures consistent frontend tooling across all Vibetuner projects.
|
|
17
17
|
|
|
18
18
|
## Installation
|
|
19
19
|
|
|
20
20
|
```bash
|
|
21
|
+
# In a Vibetuner-generated project (automatic)
|
|
22
|
+
bun install
|
|
23
|
+
|
|
24
|
+
# Add to an existing project
|
|
21
25
|
bun add @alltuner/vibetuner
|
|
22
26
|
# or
|
|
23
27
|
npm install @alltuner/vibetuner
|
|
24
28
|
```
|
|
25
29
|
|
|
26
|
-
##
|
|
30
|
+
## Quick Start
|
|
31
|
+
|
|
32
|
+
The recommended way to use Vibetuner is via the scaffolding tool:
|
|
33
|
+
|
|
34
|
+
```bash
|
|
35
|
+
# Create a new project with all frontend tools configured
|
|
36
|
+
uvx vibetuner scaffold new my-project
|
|
37
|
+
cd my-project
|
|
38
|
+
bun dev # Start frontend asset building with hot reload
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
## Included Dependencies
|
|
42
|
+
|
|
43
|
+
### Core Frontend Libraries
|
|
44
|
+
- **Tailwind CSS** (4.1+): Modern utility-first CSS framework
|
|
45
|
+
- **@tailwindcss/cli**: Command-line tool for Tailwind
|
|
46
|
+
- **@tailwindcss/typography**: Beautiful typographic defaults
|
|
47
|
+
- **DaisyUI** (5.4+): Tailwind CSS component library
|
|
48
|
+
|
|
49
|
+
### Interactivity
|
|
50
|
+
- **HTMX** (2.0+): High-power tools for HTML
|
|
51
|
+
- **htmx-ext-preload**: Preload extension for faster navigation
|
|
52
|
+
- **htmx-ext-sse**: Server-sent events extension for real-time updates
|
|
53
|
+
|
|
54
|
+
### Build Tools
|
|
55
|
+
- **concurrently**: Run multiple dev servers simultaneously
|
|
56
|
+
|
|
57
|
+
## Usage in Generated Projects
|
|
27
58
|
|
|
28
|
-
|
|
59
|
+
In a Vibetuner-generated project, the package is automatically configured:
|
|
29
60
|
|
|
30
61
|
```json
|
|
31
62
|
{
|
|
32
|
-
"
|
|
33
|
-
"@alltuner/vibetuner": "^
|
|
63
|
+
"dependencies": {
|
|
64
|
+
"@alltuner/vibetuner": "^2.8.0"
|
|
65
|
+
},
|
|
66
|
+
"scripts": {
|
|
67
|
+
"dev": "concurrently \"bun:watch:*\"",
|
|
68
|
+
"watch:css": "tailwindcss ...",
|
|
69
|
+
"watch:js": "esbuild ..."
|
|
34
70
|
}
|
|
35
71
|
}
|
|
36
72
|
```
|
|
37
73
|
|
|
74
|
+
The frontend asset pipeline is preconfigured for:
|
|
75
|
+
- Tailwind CSS compilation with DaisyUI
|
|
76
|
+
- HTMX integration
|
|
77
|
+
- Hot reload during development
|
|
78
|
+
- Production builds with minification
|
|
79
|
+
|
|
80
|
+
## Frontend Stack
|
|
81
|
+
|
|
82
|
+
### HTMX-First Approach
|
|
83
|
+
|
|
84
|
+
Vibetuner uses HTMX for dynamic, reactive interfaces without complex JavaScript:
|
|
85
|
+
|
|
86
|
+
```html
|
|
87
|
+
<!-- Reactive forms -->
|
|
88
|
+
<form hx-post="/api/submit" hx-target="#result">
|
|
89
|
+
<input type="text" name="data">
|
|
90
|
+
<button type="submit">Submit</button>
|
|
91
|
+
</form>
|
|
92
|
+
|
|
93
|
+
<!-- Real-time updates -->
|
|
94
|
+
<div hx-ext="sse" sse-connect="/events" sse-swap="message">
|
|
95
|
+
Updates will appear here
|
|
96
|
+
</div>
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
### Styling with Tailwind + DaisyUI
|
|
100
|
+
|
|
101
|
+
```html
|
|
102
|
+
<!-- Utility classes + Components -->
|
|
103
|
+
<button class="btn btn-primary">
|
|
104
|
+
Click Me
|
|
105
|
+
</button>
|
|
106
|
+
|
|
107
|
+
<div class="card bg-base-100 shadow-xl">
|
|
108
|
+
<div class="card-body">
|
|
109
|
+
<h2 class="card-title">Card Title</h2>
|
|
110
|
+
<p>Card content</p>
|
|
111
|
+
</div>
|
|
112
|
+
</div>
|
|
113
|
+
```
|
|
114
|
+
|
|
115
|
+
## Documentation
|
|
116
|
+
|
|
117
|
+
For complete documentation, guides, and examples, see the main Vibetuner repository:
|
|
118
|
+
|
|
119
|
+
**📖 [Vibetuner Documentation](https://github.com/alltuner/vibetuner#readme)**
|
|
120
|
+
|
|
121
|
+
## Package Ecosystem
|
|
122
|
+
|
|
123
|
+
Vibetuner consists of three packages that work together:
|
|
124
|
+
|
|
125
|
+
1. **[vibetuner](https://pypi.org/project/vibetuner/)**: Python framework and dependencies
|
|
126
|
+
2. **@alltuner/vibetuner** (this package): JavaScript/CSS build dependencies
|
|
127
|
+
3. **Scaffolding template**: Copier template for project generation
|
|
128
|
+
|
|
129
|
+
All three are version-locked and tested together to ensure compatibility.
|
|
130
|
+
|
|
131
|
+
## Contributing
|
|
132
|
+
|
|
133
|
+
Contributions welcome! See the main repository for contribution guidelines:
|
|
134
|
+
|
|
135
|
+
**🤝 [Contributing to Vibetuner](https://github.com/alltuner/vibetuner/blob/main/CONTRIBUTING.md)**
|
|
136
|
+
|
|
38
137
|
## License
|
|
39
138
|
|
|
40
|
-
MIT
|
|
139
|
+
MIT License - Copyright (c) 2025 All Tuner Labs, S.L.
|
|
140
|
+
|
|
141
|
+
See [LICENSE](https://github.com/alltuner/vibetuner/blob/main/LICENSE) for details.
|
|
41
142
|
|
|
42
|
-
##
|
|
143
|
+
## Links
|
|
43
144
|
|
|
44
|
-
|
|
145
|
+
- **Main Repository**: https://github.com/alltuner/vibetuner
|
|
146
|
+
- **Documentation**: https://github.com/alltuner/vibetuner#readme
|
|
147
|
+
- **Issues**: https://github.com/alltuner/vibetuner/issues
|
|
148
|
+
- **npm**: https://www.npmjs.com/package/@alltuner/vibetuner
|
|
149
|
+
- **Python Package**: https://pypi.org/project/vibetuner/
|
package/package.json
CHANGED
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alltuner/vibetuner",
|
|
3
|
-
"version": "2.
|
|
4
|
-
"description": "Blessed JavaScript/frontend build dependencies for Vibetuner projects",
|
|
3
|
+
"version": "2.9.1",
|
|
4
|
+
"description": "Blessed JavaScript/frontend build dependencies for production-ready Vibetuner projects",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"tailwindcss",
|
|
7
7
|
"htmx",
|
|
8
8
|
"daisyui",
|
|
9
9
|
"frontend",
|
|
10
|
-
"build-tools"
|
|
10
|
+
"build-tools",
|
|
11
|
+
"web-framework",
|
|
12
|
+
"fastapi"
|
|
11
13
|
],
|
|
12
14
|
"license": "MIT",
|
|
13
|
-
"author": "
|
|
15
|
+
"author": "All Tuner Labs, S.L.",
|
|
14
16
|
"repository": {
|
|
15
17
|
"type": "git",
|
|
16
18
|
"url": "https://github.com/alltuner/vibetuner",
|