vibespot 0.9.4 → 1.0.0
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 +25 -10
- package/dist/index.js +772 -216
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/ui/chat.js +349 -9
- package/ui/dashboard.js +28 -24
- package/ui/dialog.js +3 -1
- package/ui/index.html +22 -10
- package/ui/settings.js +66 -0
- package/ui/styles.css +143 -11
package/README.md
CHANGED
|
@@ -26,6 +26,7 @@ npx vibespot
|
|
|
26
26
|
Opens a browser with:
|
|
27
27
|
- **Chat on the left** — describe your landing page in natural language
|
|
28
28
|
- **Live preview on the right** — see your page render in real-time
|
|
29
|
+
- **Agentic pipeline** — multi-stage AI generation with real-time progress
|
|
29
30
|
- **Project sidebar** — create, open, resume, or delete projects
|
|
30
31
|
- **Module management** — reorder via drag-and-drop, edit fields, delete modules
|
|
31
32
|
- **Starter templates** — SaaS, Portfolio, Restaurant, Event
|
|
@@ -38,6 +39,17 @@ Opens a browser with:
|
|
|
38
39
|
- **Tabbed settings** — AI engines, HubSpot accounts, GitHub, vibeSpot config
|
|
39
40
|
- **ZIP download** — export your theme as a ZIP file
|
|
40
41
|
|
|
42
|
+
### Agentic Pipeline
|
|
43
|
+
|
|
44
|
+
When you send a message, vibeSpot runs a 4-stage pipeline:
|
|
45
|
+
|
|
46
|
+
1. **Intent Analyzer** — classifies your request and plans which modules to create, modify, or keep unchanged
|
|
47
|
+
2. **Page Architect** — designs the visual system (CSS variables, shared styles) then plans module specs
|
|
48
|
+
3. **Module Developer** — generates all modules in parallel (up to 20 concurrent)
|
|
49
|
+
4. **Quality Check** — auto-fixes common issues (unbalanced HubL tags, reserved field names, deprecated types, CDN imports)
|
|
50
|
+
|
|
51
|
+
Completed modules appear in the live preview immediately as each finishes, with themed skeleton placeholders for modules still generating.
|
|
52
|
+
|
|
41
53
|
### Classic Wizard Mode
|
|
42
54
|
|
|
43
55
|
```bash
|
|
@@ -115,18 +127,21 @@ Settings are managed in the **Settings** panel (tabbed: AI, HubSpot, GitHub, vib
|
|
|
115
127
|
- `anthropicApiKey`, `openaiApiKey`, `geminiApiKey` — API keys (stored locally, never sent except to the provider)
|
|
116
128
|
- `hubspotAccounts` — Connected HubSpot accounts (PAK-based auth)
|
|
117
129
|
- `hubspotUploadMode` — `api` (default, direct API) or `cli` (legacy, requires HubSpot CLI)
|
|
130
|
+
- `agenticConcurrency` — Max parallel module generation calls (default: 20)
|
|
118
131
|
- `enabledCLITools` — Which CLI tools to detect on settings load
|
|
119
132
|
|
|
120
|
-
## What's New (
|
|
121
|
-
|
|
122
|
-
- **
|
|
123
|
-
- **
|
|
124
|
-
- **
|
|
125
|
-
- **
|
|
126
|
-
- **
|
|
127
|
-
- **
|
|
128
|
-
- **
|
|
129
|
-
- **
|
|
133
|
+
## What's New (v1.0)
|
|
134
|
+
|
|
135
|
+
- **Agentic pipeline** (v1.0.0) — 4-stage AI generation: Intent Analyzer → Page Architect (Design System + Module Planner) → Module Developer (parallel) → Quality Check (auto-fix)
|
|
136
|
+
- **Incremental preview** (v1.0.0) — completed modules appear immediately with themed placeholders for pending ones
|
|
137
|
+
- **Quality Check agent** (v1.0.0) — auto-fixes unbalanced HubL tags, reserved fields, deprecated types, CDN imports
|
|
138
|
+
- **Security hardening** (v0.9.5) — shell injection prevention, CORS restriction, XSS prevention, security headers, API key file permissions
|
|
139
|
+
- **Code editor** (v0.9.3) — CodeMirror 6 with syntax highlighting, file browser, Preview/Code toggle, dark/light theme
|
|
140
|
+
- **Design extraction** (v0.9.3) — AI-powered styleguide generation from existing themes
|
|
141
|
+
- **HubSpot API mode** (v0.9.0) — upload, download, and manage themes without the HubSpot CLI
|
|
142
|
+
- **File uploads** (v0.8.0) — attach images and documents to chat (drag-and-drop or paperclip)
|
|
143
|
+
- **Per-template version history** (v0.7.0) — scoped git commits, filtered history, safe rollback
|
|
144
|
+
- **Light/dark mode** (v0.6.0) — system preference detection, persisted toggle
|
|
130
145
|
|
|
131
146
|
See [CHANGELOG.md](CHANGELOG.md) for the full history.
|
|
132
147
|
|