yumiamd 0.1.23 → 0.1.25
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 +54 -86
- package/dist/bin.js +1 -1
- package/dist/{chunk-GKERS3TA.js → chunk-PRZ5CFRH.js} +1511 -85
- package/dist/index.d.ts +1 -1
- package/dist/index.js +15 -1
- package/package.json +10 -10
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# YumiaMD (`yumiamd`)
|
|
2
2
|
|
|
3
|
-
> **
|
|
4
|
-
> Author
|
|
3
|
+
> **The Design Compiler for Presentations & Visual Documents.**
|
|
4
|
+
> Author decks with high-level design intent and compile directly to **100% native, editable PowerPoint (.pptx)** presentations, crisp vector PDFs, and interactive HTML5 slides.
|
|
5
5
|
|
|
6
6
|
[](https://www.npmjs.com/package/yumiamd)
|
|
7
7
|
[](https://github.com/biagio-scaglia/Yumia-MD/blob/main/LICENSE)
|
|
@@ -10,15 +10,18 @@
|
|
|
10
10
|
|
|
11
11
|
## ⚡ Quick Start (Zero Install)
|
|
12
12
|
|
|
13
|
-
You can run
|
|
13
|
+
You can run Yumia immediately without installing anything via `npx`:
|
|
14
14
|
|
|
15
15
|
```bash
|
|
16
|
-
# Initialize a starter presentation
|
|
17
|
-
npx yumiamd init my-deck
|
|
16
|
+
# Initialize a starter presentation with custom theme
|
|
17
|
+
npx yumiamd init my-deck --theme corporate
|
|
18
18
|
|
|
19
|
-
# Launch instant dev server with live-reload
|
|
19
|
+
# Launch instant dev server with live-reload and Visual Inspector
|
|
20
20
|
npx yumiamd dev presentation.yumia.md --open
|
|
21
21
|
|
|
22
|
+
# Run automated design audit & visual quality score
|
|
23
|
+
npx yumiamd check presentation.yumia.md --optimize
|
|
24
|
+
|
|
22
25
|
# Compile presentation directly to an editable PowerPoint (.pptx)
|
|
23
26
|
npx yumiamd build presentation.yumia.md --out presentation.pptx
|
|
24
27
|
```
|
|
@@ -47,7 +50,7 @@ pnpm add yumiamd
|
|
|
47
50
|
|
|
48
51
|
---
|
|
49
52
|
|
|
50
|
-
## 🚀 CLI Commands &
|
|
53
|
+
## 🚀 CLI Commands & Design Tooling
|
|
51
54
|
|
|
52
55
|
Once installed globally or locally, the `yumia` / `yumiamd` commands are available in your terminal:
|
|
53
56
|
|
|
@@ -55,9 +58,12 @@ Once installed globally or locally, the `yumia` / `yumiamd` commands are availab
|
|
|
55
58
|
# Initialize a new presentation template (supports --theme and custom color overrides)
|
|
56
59
|
yumia init my-presentation --theme cyberpunk --primary "#FF2E88"
|
|
57
60
|
|
|
58
|
-
# Start instant live-reload dev server with HTML preview (zero config!)
|
|
61
|
+
# Start instant live-reload dev server with HTML preview & Visual Inspector (zero config!)
|
|
59
62
|
yumia dev presentation.yumia.md --open
|
|
60
63
|
|
|
64
|
+
# Run design audit, check WCAG contrast, density & compute Visual Quality Score (0-100)
|
|
65
|
+
yumia check presentation.yumia.md --optimize
|
|
66
|
+
|
|
61
67
|
# Compile to native editable PowerPoint (.pptx)
|
|
62
68
|
yumia build presentation.yumia.md --out dist/presentation.pptx
|
|
63
69
|
|
|
@@ -93,115 +99,77 @@ yumia schema
|
|
|
93
99
|
```markdown
|
|
94
100
|
---
|
|
95
101
|
title: System Architecture & Capabilities
|
|
96
|
-
theme:
|
|
102
|
+
theme: corporate
|
|
97
103
|
aspectRatio: '16:9'
|
|
98
|
-
author:
|
|
104
|
+
author: Engineering Team
|
|
99
105
|
---
|
|
100
106
|
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
Deterministic compilation from Markdown directly to native PowerPoint slides.
|
|
104
|
-
|
|
105
|
-
:::badge text="v0.1.15" variant="primary" :::
|
|
106
|
-
:::badge text="Multi-Target" variant="success" :::
|
|
107
|
+
<!-- Slide 1: Hero Cover -->
|
|
107
108
|
|
|
108
|
-
:::
|
|
109
|
-
Opening slide introducing the core architectural vision.
|
|
109
|
+
:::hero title="Next-Generation Cloud Architecture" subtitle="High-throughput distributed compute platform" badge="v2.4 Enterprise" align="center"
|
|
110
110
|
:::
|
|
111
111
|
|
|
112
112
|
---
|
|
113
113
|
|
|
114
|
-
|
|
114
|
+
<!-- Slide 2: Primitives & Visual Intent -->
|
|
115
115
|
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
:::column
|
|
119
|
-
:::card Core Engine
|
|
120
|
-
|
|
121
|
-
- 100% Deterministic placement
|
|
122
|
-
- Zero runtime dependencies
|
|
123
|
-
- TypeScript-first architecture
|
|
124
|
-
:::
|
|
125
|
-
:::
|
|
126
|
-
|
|
127
|
-
:::column
|
|
128
|
-
:::card Native PowerPoint Export
|
|
129
|
-
|
|
130
|
-
- Headings, cards, shapes & notes
|
|
131
|
-
- Fully editable OpenXML objects
|
|
132
|
-
- Compatible with PowerPoint & Google Slides
|
|
133
|
-
:::
|
|
134
|
-
:::
|
|
116
|
+
# Core Infrastructure Breakdown
|
|
135
117
|
|
|
118
|
+
:::callout variant="info" title="Zero Downtime Rollout"
|
|
119
|
+
All worker nodes are upgraded progressively with active health probing.
|
|
136
120
|
:::
|
|
137
121
|
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
# Native Charts & Data Visuals
|
|
141
|
-
|
|
142
|
-
:::chart type="bar" title="Execution Speed" labels="Parser, Layout, PDF, PPTX" data="1200, 850, 430, 680"
|
|
122
|
+
:::grid columns=3 gap=20
|
|
123
|
+
:::card "Edge Routing" variant="primary"
|
|
143
124
|
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
125
|
+
- Global Anycast DNS
|
|
126
|
+
- Sub-5ms SSL Termination
|
|
127
|
+
:::
|
|
147
128
|
|
|
148
|
-
:::
|
|
129
|
+
:::card "Stateful Compute" variant="success"
|
|
149
130
|
|
|
150
|
-
-
|
|
151
|
-
-
|
|
152
|
-
- [Phase 3] Rich Directives & Charts
|
|
153
|
-
- [Phase 4] Cloud Deployments
|
|
131
|
+
- Autonomous Actor Runtime
|
|
132
|
+
- Distributed Raft Consensus
|
|
154
133
|
:::
|
|
155
134
|
|
|
156
|
-
:::
|
|
135
|
+
:::card "Vector Store" variant="accent"
|
|
157
136
|
|
|
158
|
-
-
|
|
137
|
+
- Multi-index HNSW Search
|
|
138
|
+
- 10M query/sec throughput
|
|
139
|
+
:::
|
|
159
140
|
:::
|
|
160
|
-
```
|
|
161
141
|
|
|
162
142
|
---
|
|
163
143
|
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
You can also use `yumiamd` programmatically inside your Node.js or TypeScript backend, CLI tools, and AI pipelines:
|
|
144
|
+
<!-- Slide 3: Key Performance Metrics -->
|
|
167
145
|
|
|
168
|
-
|
|
169
|
-
import { compile, parse, YumiaCompiler } from 'yumiamd';
|
|
170
|
-
import fs from 'node:fs';
|
|
146
|
+
# Operational Performance
|
|
171
147
|
|
|
172
|
-
|
|
148
|
+
:::grid columns=3 gap=20
|
|
149
|
+
:::metric value="99.999%" label="Service SLA" change="+0.009%" variant="success" trend="up"
|
|
150
|
+
:::
|
|
151
|
+
:::metric value="1.2ms" label="p99 Latency" change="-35%" variant="primary" trend="down"
|
|
152
|
+
:::
|
|
153
|
+
:::metric value="14.2M" label="Active Invocations" change="+120%" variant="accent" trend="up"
|
|
154
|
+
:::
|
|
155
|
+
:::
|
|
173
156
|
|
|
174
|
-
|
|
175
|
-
const compiler = new YumiaCompiler();
|
|
176
|
-
const validation = compiler.validate(markdown);
|
|
177
|
-
console.log(`Valid: ${validation.valid}, Slides: ${validation.slideCount}`);
|
|
157
|
+
---
|
|
178
158
|
|
|
179
|
-
|
|
180
|
-
const { buffer, errors } = await compile(markdown, { format: 'pptx' });
|
|
159
|
+
<!-- Slide 4: Data Visualization -->
|
|
181
160
|
|
|
182
|
-
|
|
183
|
-
fs.writeFileSync('output.pptx', buffer);
|
|
184
|
-
console.log('✅ Presentation generated successfully!');
|
|
185
|
-
}
|
|
161
|
+
# Global Throughput & Adoption
|
|
186
162
|
|
|
187
|
-
|
|
188
|
-
|
|
163
|
+
:::chart type="bar" title="Monthly API Invocations (Millions)" labels="Jan,Feb,Mar,Apr,May,Jun" data="4.2,6.8,9.1,11.5,13.2,14.2"
|
|
164
|
+
:::
|
|
189
165
|
```
|
|
190
166
|
|
|
191
167
|
---
|
|
192
168
|
|
|
193
|
-
##
|
|
194
|
-
|
|
195
|
-
- 🎯 **Native Object Principle**: Slides compiled to PowerPoint are **NOT** rasterized screenshot images. Headings, bullet points, cards, tables, charts, badges, and speaker notes are generated as **100% native vector PowerPoint shapes, tables & textboxes** that you can click, re-format, and edit in Microsoft PowerPoint or Google Slides.
|
|
196
|
-
- 📊 **Native Charts & Diagrams**: Full support for `:::chart` (bar, line, pie, doughnut) and `:::mermaid` diagrams across HTML, PDF, and PowerPoint.
|
|
197
|
-
- ⏳ **Timelines, Compare & Steps**: Rich layout directives including `:::timeline`, `:::compare`, and click-to-reveal `:::step` animations.
|
|
198
|
-
- 🚀 **One-Command Cloud Deploy**: Instantly deploy decks to GitHub Pages, Vercel, or static web servers with `yumia deploy`.
|
|
199
|
-
- 📐 **Deterministic Layout Engine**: Exact coordinate calculations for stack, columns, cards, and automatic overflow detection.
|
|
200
|
-
- 🎨 **Semantic Design Tokens**: Built-in themes with typography scales, color palettes, and contrast-safe themes.
|
|
201
|
-
- 🤖 **AI-Friendly Format**: Clean Markdown syntax designed for LLM prompts and agentic workflows, complete with `yumia schema` and `--json` CLI diagnostics.
|
|
202
|
-
|
|
203
|
-
---
|
|
169
|
+
## 🔍 Visual Inspector & Speaker View
|
|
204
170
|
|
|
205
|
-
|
|
171
|
+
When previewing in HTML5 (`yumia dev` or `--format html`):
|
|
206
172
|
|
|
207
|
-
|
|
173
|
+
- **Visual Inspector**: Press `I` or `Alt+Click` on any element to view computed design tokens, variants, bounding boxes, and source lines.
|
|
174
|
+
- **Dual-Window Speaker View**: Press `S` to open an synchronized second screen with speaker notes, elapsed timer, and next-slide preview.
|
|
175
|
+
- **Overview Mode**: Press `O` or `Esc` to view slide grid thumbnails.
|