lumina-slides 8.4.2 → 8.5.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.
Files changed (5) hide show
  1. package/README.md +14 -10
  2. package/dist/lumina-slides.js +6971 -16090
  3. package/dist/lumina-slides.umd.cjs +19 -36
  4. package/dist/style.css +1 -1
  5. package/package.json +9 -1
package/README.md CHANGED
@@ -15,7 +15,7 @@
15
15
  </p>
16
16
 
17
17
  <p style="font-size: 1em; max-width: 600px; opacity: 0.8;">
18
- ✨ <b>60fps animations</b> · 🎨 <b>6 built-in themes</b> · 📱 <b>Responsive</b> · ⚡ <b>Zero dependencies UI</b>
18
+ ✨ <b>Smooth Animations</b> · 🎨 <b>6 Built-in Themes</b> · 📱 <b>Fully Responsive</b> · ⚡ <b>All-in-One Bundle</b>
19
19
  </p>
20
20
 
21
21
  <p>
@@ -26,7 +26,7 @@
26
26
 
27
27
  [![Version](https://img.shields.io/npm/v/lumina-slides?style=for-the-badge&color=2563EB)](https://www.npmjs.com/package/lumina-slides)
28
28
  [![Downloads](https://img.shields.io/npm/dt/lumina-slides?style=for-the-badge&color=7C3AED)](https://www.npmjs.com/package/lumina-slides)
29
- [![License](https://img.shields.io/github/license/PailletJuanPablo/lumina-slides?style=for-the-badge&color=DB2777)](https://github.com/PailletJuanPablo/lumina-slides/blob/main/LICENSE)
29
+ [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
30
30
  [![TypeScript](https://img.shields.io/badge/Written%20In-TypeScript-blue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
31
31
 
32
32
  </div>
@@ -46,7 +46,7 @@ Lumina includes **7 built-in layouts** ready to use. Just set the `type` propert
46
46
  | **Timeline** | Horizontal timeline with snap navigation. Great for roadmaps, history, or process flows. <br><br> `type: "timeline"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-timeline.png" width="200" style="border-radius: 6px;"> |
47
47
  | **Steps** | Numbered step-by-step guide. Perfect for tutorials, instructions, or procedures. <br><br> `type: "steps"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-steps.png" width="200" style="border-radius: 6px;"> |
48
48
  | **Half** | Split layout with image on one side, content on the other. Fully responsive. <br><br> `type: "half"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-half.png" width="200" style="border-radius: 6px;"> |
49
- | **Chart** | Data visualization with Chart.js. Supports bar, line, pie, and doughnut charts. <br><br> `type: "chart"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-chart.png" width="200" style="border-radius: 6px;"> |
49
+ | **Chart** | Data visualization with Chart.js. Supports bar, line, pie, and doughnut charts. <br><br> `type: "chart"` <br>⚠️ _Requires `chart.js`_ | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-chart.png" width="200" style="border-radius: 6px;"> |
50
50
  | **Flex** | Declarative auto-layout system. Define structure with rows, columns, and nested containers. <br><br> `type: "flex"` | <img src="https://pailletjuanpablo.github.io/lumina-slides/layout-flex-demo.png" width="200" style="border-radius: 6px;"> |
51
51
 
52
52
  > [!TIP] > **Embedded Mode**: All layouts can be rendered in compact containers (dashboards, widgets) by using the `compact: true` option.
@@ -122,7 +122,11 @@ const engine = new Lumina("#app", { theme: "ocean" });
122
122
  ### 1. Install
123
123
 
124
124
  ```bash
125
+ # Core installation
125
126
  npm install lumina-slides
127
+
128
+ # With Chart support (optional - only if using chart slides)
129
+ npm install lumina-slides chart.js
126
130
  ```
127
131
 
128
132
  ### 2. Implementation
@@ -176,13 +180,13 @@ Lumina includes a built-in normalizer. Your LLM can output "lazy" JSON to save m
176
180
 
177
181
  ## 📚 Documentation & Resources
178
182
 
179
- | Resource | Description |
180
- | :-------------------------------------------------------------------------------------- | :--------------------------------------------------------------- |
181
- | 📖 **[Full Documentation](https://pailletjuanpablo.github.io/lumina-slides/)** | Complete guides, examples, and live playground |
182
- | 🔧 **[API Reference](https://pailletjuanpablo.github.io/lumina-slides/#/api)** | TypeDoc-generated API docs with all methods and types |
183
- | 🤖 **[Agent Integration Guide](./AGENTS.md)** | How to integrate Lumina with AI agents (OpenAI, Anthropic, etc.) |
184
- | 📝 **[LLM System Prompt](https://pailletjuanpablo.github.io/lumina-slides/prompt.txt)** | Ready-to-use system prompt for your AI to generate slides |
185
- | 🎮 **[Live Playground](https://pailletjuanpablo.github.io/lumina-slides/#/playground)** | Try Lumina in your browser with live JSON editing |
183
+ | Resource | Description |
184
+ | :------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------- |
185
+ | 📖 **[Full Documentation](https://pailletjuanpablo.github.io/lumina-slides/)** | Complete guides, examples, and live playground |
186
+ | 🔧 **[API Reference](https://pailletjuanpablo.github.io/lumina-slides/#/api)** | TypeDoc-generated API docs with all methods and types |
187
+ | 🤖 **[Agent Integration Guide](./AGENTS.md)** | How to integrate Lumina with AI agents (OpenAI, Anthropic, etc.) |
188
+ | 📝 **[LLM System Prompt](https://pailletjuanpablo.github.io/lumina-slides/lumina-llm-prompt.txt)** | Ready-to-use system prompt for your AI to generate slides |
189
+ | 🎮 **[Live Playground](https://pailletjuanpablo.github.io/lumina-slides/#/playground)** | Try Lumina in your browser with live JSON editing |
186
190
 
187
191
  ---
188
192