vibespot 0.9.5 → 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.
Files changed (7) hide show
  1. package/README.md +17 -3
  2. package/dist/index.js +742 -186
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
  5. package/ui/chat.js +346 -9
  6. package/ui/settings.js +47 -0
  7. package/ui/styles.css +122 -0
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,15 +127,17 @@ 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 (v0.9)
133
+ ## What's New (v1.0)
121
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
122
138
  - **Security hardening** (v0.9.5) — shell injection prevention, CORS restriction, XSS prevention, security headers, API key file permissions
123
139
  - **Code editor** (v0.9.3) — CodeMirror 6 with syntax highlighting, file browser, Preview/Code toggle, dark/light theme
124
- - **Feedback button** (v0.9.4) — submit bug reports and feature requests directly from the UI
125
140
  - **Design extraction** (v0.9.3) — AI-powered styleguide generation from existing themes
126
- - **Multi-template import** (v0.9.3) — scan and import all templates from a theme
127
141
  - **HubSpot API mode** (v0.9.0) — upload, download, and manage themes without the HubSpot CLI
128
142
  - **File uploads** (v0.8.0) — attach images and documents to chat (drag-and-drop or paperclip)
129
143
  - **Per-template version history** (v0.7.0) — scoped git commits, filtered history, safe rollback