lumina-slides 8.2.3 → 8.2.5

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 (35) hide show
  1. package/README.md +19 -15
  2. package/dist/lumina-slides.js +9880 -2004
  3. package/dist/lumina-slides.umd.cjs +43 -3
  4. package/dist/style.css +1 -1
  5. package/package.json +3 -9
  6. package/dist/api-docs.json +0 -6078
  7. package/dist/deck.json +0 -93
  8. package/dist/demo.gif +0 -0
  9. package/dist/layout-embedded.json +0 -65
  10. package/dist/layout-embedded.png +0 -0
  11. package/dist/layout-features.json +0 -72
  12. package/dist/layout-features.png +0 -0
  13. package/dist/layout-half.json +0 -52
  14. package/dist/layout-half.png +0 -0
  15. package/dist/layout-statement.json +0 -33
  16. package/dist/layout-statement.png +0 -0
  17. package/dist/layout-steps.json +0 -37
  18. package/dist/layout-steps.png +0 -0
  19. package/dist/layout-timeline.json +0 -37
  20. package/dist/layout-timeline.png +0 -0
  21. package/public/api-docs.json +0 -6078
  22. package/public/deck.json +0 -93
  23. package/public/demo.gif +0 -0
  24. package/public/layout-embedded.json +0 -65
  25. package/public/layout-embedded.png +0 -0
  26. package/public/layout-features.json +0 -72
  27. package/public/layout-features.png +0 -0
  28. package/public/layout-half.json +0 -52
  29. package/public/layout-half.png +0 -0
  30. package/public/layout-statement.json +0 -33
  31. package/public/layout-statement.png +0 -0
  32. package/public/layout-steps.json +0 -37
  33. package/public/layout-steps.png +0 -0
  34. package/public/layout-timeline.json +0 -37
  35. package/public/layout-timeline.png +0 -0
package/README.md CHANGED
@@ -17,7 +17,7 @@
17
17
  **Lumina Engine** is a high-performance, declarative library that enables AI agents and LLMs to generate professional, interactive UI and slide decks by simply outputting JSON. It bridges the gap between text generation and visual storytelling, offering deterministic, GPU-accelerated rendering without the hallucination of pixel-generation.
18
18
 
19
19
  > [!IMPORTANT] > **Building an Agent?**
20
- > Read the complete **[Lumina for Agents Guide](./AGENTS.md)** to learn about Streaming, Auto-Layouts, and Token Optimization.
20
+ > Read the complete **[Lumina for Agents Guide](https://github.com/PailletJuanPablo/lumina-slides/blob/main/AGENTS.md)** to learn about Streaming, Auto-Layouts, and Token Optimization.
21
21
 
22
22
  ## 🤖 Why for LLMs?
23
23
 
@@ -38,7 +38,7 @@ Traditional UI libraries require understanding complex component trees, CSS modu
38
38
  ## 📦 Installation
39
39
 
40
40
  ```bash
41
- npm install lumina-slides gsap
41
+ npm install lumina-slides
42
42
  ```
43
43
 
44
44
  ## ⚡ Quick Start for Agents
@@ -81,7 +81,11 @@ You pass that JSON directly to Lumina.
81
81
  import { Lumina } from "lumina-slides";
82
82
  import "lumina-slides/style.css";
83
83
 
84
- const engine = new Lumina("#app");
84
+ // Works in Vanilla JS, React, Angular, Svelte, etc.
85
+ // No Vue installation required.
86
+ const engine = new Lumina("#app", {
87
+ theme: "dark",
88
+ });
85
89
 
86
90
  // Imagine this comes from your LLM stream
87
91
  const llmOutput = await agent.generatePresentation();
@@ -97,43 +101,43 @@ Lumina provides semantic layout types that LLMs can easily select based on conte
97
101
 
98
102
  Big ideas, quotes, titles. Great for "cover" slides.
99
103
 
100
- [![Statement Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-statement.png)](public/layout-statement.json)
101
- [View JSON Source](public/layout-statement.json)
104
+ [![Statement Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-statement.png)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-statement.json)
105
+ [View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-statement.json)
102
106
 
103
107
  ### **Half**
104
108
 
105
109
  Comparisons, text + image context.
106
110
 
107
- [![Half Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-half.png)](public/layout-half.json)
108
- [View JSON Source](public/layout-half.json)
111
+ [![Half Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-half.png)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-half.json)
112
+ [View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-half.json)
109
113
 
110
114
  ### **Features**
111
115
 
112
116
  Lists of benefits, KPIs, or grid items.
113
117
 
114
- [![Features Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-features.png)](public/layout-features.json)
115
- [View JSON Source](public/layout-features.json)
118
+ [![Features Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-features.png)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-features.json)
119
+ [View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-features.json)
116
120
 
117
121
  ### **Timeline**
118
122
 
119
123
  Chronological events, roadmaps, history.
120
124
 
121
- [![Timeline Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-timeline.png)](public/layout-timeline.json)
122
- [View JSON Source](public/layout-timeline.json)
125
+ [![Timeline Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-timeline.png)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-timeline.json)
126
+ [View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-timeline.json)
123
127
 
124
128
  ### **Steps**
125
129
 
126
130
  Tutorials, flows, numbered processes.
127
131
 
128
- [![Steps Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-steps.png)](public/layout-steps.json)
129
- [View JSON Source](public/layout-steps.json)
132
+ [![Steps Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-steps.png)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-steps.json)
133
+ [View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-steps.json)
130
134
 
131
135
  ### **Embedded (Widget Mode)**
132
136
 
133
137
  Slides constrained to a container, perfect for dashboards.
134
138
 
135
- [![Embedded Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-embedded.png)](public/layout-embedded.json)
136
- [View JSON Source](public/layout-embedded.json)
139
+ [![Embedded Layout](https://raw.githubusercontent.com/PailletJuanPablo/lumina-slides/main/public/layout-embedded.png)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-embedded.json)
140
+ [View JSON Source](https://github.com/PailletJuanPablo/lumina-slides/blob/main/public/layout-embedded.json)
137
141
 
138
142
  ## 📚 API Reference
139
143