vibespot 1.2.0 → 1.3.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 (43) hide show
  1. package/README.md +44 -5
  2. package/assets/blog-rules.md +251 -0
  3. package/assets/email-rules.md +390 -0
  4. package/assets/humanify-guide.md +300 -101
  5. package/assets/plan-templates/blog-content-hub.md +18 -9
  6. package/assets/plan-templates/email-announcement.md +41 -0
  7. package/assets/plan-templates/email-event-invite.md +43 -0
  8. package/assets/plan-templates/email-newsletter.md +41 -0
  9. package/assets/plan-templates/email-re-engagement.md +42 -0
  10. package/assets/plan-templates/email-welcome.md +41 -0
  11. package/dist/index.js +1460 -387
  12. package/dist/index.js.map +1 -1
  13. package/package.json +5 -5
  14. package/starters/06-blog-content-hub.json +75 -0
  15. package/starters/06-email-welcome.json +60 -0
  16. package/starters/07-email-announcement.json +60 -0
  17. package/starters/08-email-newsletter.json +52 -0
  18. package/ui/chat.js +777 -63
  19. package/ui/code-editor.js +49 -7
  20. package/ui/dashboard.js +379 -93
  21. package/ui/docs/docs.css +29 -0
  22. package/ui/docs/index.html +186 -108
  23. package/ui/docs/screenshots/brand-kit-preview.png +0 -0
  24. package/ui/docs/screenshots/content-type-dropdown.png +0 -0
  25. package/ui/docs/screenshots/editor-full-layout.png +0 -0
  26. package/ui/docs/screenshots/inline-wysiwyg-editing.png +0 -0
  27. package/ui/docs/screenshots/multi-page-tree.png +0 -0
  28. package/ui/docs/screenshots/onboarding-walkthrough.png +0 -0
  29. package/ui/docs/screenshots/split-pane-view.png +0 -0
  30. package/ui/docs/screenshots/visual-controls-toolbar.png +0 -0
  31. package/ui/docs/screenshots/workspace-tabs.png +0 -0
  32. package/ui/email-preview.js +109 -0
  33. package/ui/field-editor.js +72 -1
  34. package/ui/icons.js +120 -0
  35. package/ui/index.html +877 -629
  36. package/ui/inline-edit.js +710 -0
  37. package/ui/plan.js +0 -0
  38. package/ui/preview.js +101 -198
  39. package/ui/section-controls.js +628 -0
  40. package/ui/settings.js +58 -16
  41. package/ui/setup.js +750 -140
  42. package/ui/styles.css +3430 -952
  43. package/ui/upload-panel.js +47 -20
@@ -0,0 +1,41 @@
1
+ ---
2
+ id: email-newsletter
3
+ label: Newsletter / Digest
4
+ description: Curated content roundup — articles, updates, and resources
5
+ icon: newspaper
6
+ order: 120
7
+ contentType: email
8
+ ---
9
+
10
+ # Newsletter / Digest Email
11
+
12
+ ## Goal
13
+ Deliver a curated selection of content, updates, or resources that keeps subscribers engaged and positions the brand as a trusted source.
14
+
15
+ ## Audience
16
+ TBD — subscribers, customers, community members?
17
+
18
+ ## Primary CTA
19
+ TBD — common patterns: "Read the Full Article", "Visit the Blog", "See All Updates".
20
+
21
+ ## Sections / Modules
22
+ 1. **preheader** — hidden inbox preview text
23
+ 2. **header** — logo, edition number or date, optional nav links
24
+ 3. **hero** — featured article or top story with image and summary
25
+ 4. **content-grid** — 3-4 secondary stories with thumbnails, titles, and 2-sentence summaries
26
+ 5. **cta-block** — link to full archive or blog
27
+ 6. **footer** — unsubscribe link, physical address, social links, "forward to a friend"
28
+
29
+ ## Subject Line & Preheader
30
+ - Subject: TBD — e.g., "The Weekly Roundup: 5 things worth your time"
31
+ - Preheader: TBD — extends subject, 40-90 chars
32
+
33
+ ## Brand & Tone
34
+ TBD — editorial and curated? Casual and scannable? Data-driven and analytical?
35
+
36
+ ## Open questions
37
+ - [ ] What is the newsletter cadence (weekly, biweekly, monthly)?
38
+ - [ ] How many content items per issue (3-5 recommended)?
39
+ - [ ] Is there a featured/lead article format?
40
+ - [ ] What content types: blog posts, industry news, tips, product updates?
41
+ - [ ] Should it include a personal note from the editor/founder?
@@ -0,0 +1,42 @@
1
+ ---
2
+ id: email-re-engagement
3
+ label: Re-engagement Email
4
+ description: Win-back email for inactive users or lapsed customers
5
+ icon: refresh
6
+ order: 140
7
+ contentType: email
8
+ ---
9
+
10
+ # Re-engagement Email
11
+
12
+ ## Goal
13
+ Re-activate inactive subscribers or lapsed customers by reminding them of value, highlighting what they've missed, and offering a clear reason to return.
14
+
15
+ ## Audience
16
+ TBD — inactive users (how long?), lapsed customers, churned subscribers?
17
+
18
+ ## Primary CTA
19
+ TBD — common patterns: "Come Back and See What's New", "Reactivate Your Account", "Claim Your Offer".
20
+
21
+ ## Sections / Modules
22
+ 1. **preheader** — hidden inbox preview text
23
+ 2. **header** — logo, simple and clean
24
+ 3. **hero** — direct acknowledgment headline ("We noticed you've been away"), 1-2 sentence personal message
25
+ 4. **whats-new** — 2-3 highlights of what they've missed (new features, content, improvements)
26
+ 5. **offer** — incentive if applicable (discount, free month, exclusive content)
27
+ 6. **cta-block** — single "Come Back" CTA
28
+ 7. **footer** — unsubscribe link (prominent — respect their choice), physical address
29
+
30
+ ## Subject Line & Preheader
31
+ - Subject: TBD — e.g., "A lot has changed since you left"
32
+ - Preheader: TBD — extends subject, 40-90 chars
33
+
34
+ ## Brand & Tone
35
+ TBD — genuine and low-pressure? Playful and lighthearted? Direct and value-focused?
36
+
37
+ ## Open questions
38
+ - [ ] How long has the user been inactive (defines urgency level)?
39
+ - [ ] What new features or content have launched since they left?
40
+ - [ ] Is there a win-back offer (discount, free trial extension, exclusive access)?
41
+ - [ ] Should the email include usage data ("You had X saved / X connections")?
42
+ - [ ] What happens if they don't re-engage (account deletion, list cleanup)?
@@ -0,0 +1,41 @@
1
+ ---
2
+ id: email-welcome
3
+ label: Welcome Email
4
+ description: Onboarding email for new signups — confirm, orient, activate
5
+ icon: mail
6
+ order: 100
7
+ contentType: email
8
+ ---
9
+
10
+ # Welcome Email
11
+
12
+ ## Goal
13
+ Welcome new subscribers or customers, confirm their action, and guide them to a first meaningful interaction with the product or service.
14
+
15
+ ## Audience
16
+ TBD — new signup, new customer, new subscriber? What did they just do?
17
+
18
+ ## Primary CTA
19
+ TBD — common patterns: "Get Started", "Complete Your Profile", "Explore the Dashboard".
20
+
21
+ ## Sections / Modules
22
+ 1. **preheader** — hidden inbox preview text extending the subject line
23
+ 2. **header** — logo centered, optional tagline
24
+ 3. **hero** — warm greeting headline, 1-2 sentence welcome message
25
+ 4. **getting-started** — 3 numbered steps to first value (with icons or numbers)
26
+ 5. **cta-block** — single primary CTA button
27
+ 6. **footer** — unsubscribe link, physical address, social links
28
+
29
+ ## Subject Line & Preheader
30
+ - Subject: TBD — e.g., "You're in. Here's what to do first."
31
+ - Preheader: TBD — extends subject, 40-90 chars
32
+
33
+ ## Brand & Tone
34
+ TBD — friendly and helpful? Professional and concise? Warm and personal?
35
+
36
+ ## Open questions
37
+ - [ ] What action triggered this email (signup, purchase, subscription)?
38
+ - [ ] What should the recipient do first?
39
+ - [ ] What are the 3 most important getting-started steps?
40
+ - [ ] Is there a time-sensitive element (trial expiry, limited offer)?
41
+ - [ ] Should this email include the user's name (personalization token)?