@thanh01.pmt/presentation-kit 0.3.1 → 0.3.3

package/dist/skills/index.cjs

@@ -1,56 +1,56 @@
 'use strict';
 
-var chunkHSVXH7DD_cjs = require('../chunk-HSVXH7DD.cjs');
+var chunkEAPUC5BA_cjs = require('../chunk-EAPUC5BA.cjs');
 
 
 
 Object.defineProperty(exports, "FRONTEND_SLIDES_CORE_RULES", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.FRONTEND_SLIDES_CORE_RULES; }
+  get: function () { return chunkEAPUC5BA_cjs.FRONTEND_SLIDES_CORE_RULES; }
 });
 Object.defineProperty(exports, "STYLE_PRESETS", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.STYLE_PRESETS; }
+  get: function () { return chunkEAPUC5BA_cjs.STYLE_PRESETS; }
 });
 Object.defineProperty(exports, "TEMPLATES_CATALOG", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.TEMPLATES_CATALOG; }
+  get: function () { return chunkEAPUC5BA_cjs.TEMPLATES_CATALOG; }
 });
 Object.defineProperty(exports, "VIEWPORT_BASE_CSS", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.VIEWPORT_BASE_CSS; }
+  get: function () { return chunkEAPUC5BA_cjs.VIEWPORT_BASE_CSS; }
 });
 Object.defineProperty(exports, "frontendSlidesTools", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.frontendSlidesTools; }
+  get: function () { return chunkEAPUC5BA_cjs.frontendSlidesTools; }
 });
 Object.defineProperty(exports, "getFrontendSlidesSkillPrompt", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.getFrontendSlidesSkillPrompt; }
+  get: function () { return chunkEAPUC5BA_cjs.getFrontendSlidesSkillPrompt; }
 });
 Object.defineProperty(exports, "getSlideStylePresetSchema", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.getSlideStylePresetSchema; }
+  get: function () { return chunkEAPUC5BA_cjs.getSlideStylePresetSchema; }
 });
 Object.defineProperty(exports, "getStylePreset", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.getStylePreset; }
+  get: function () { return chunkEAPUC5BA_cjs.getStylePreset; }
 });
 Object.defineProperty(exports, "getStylePresetById", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.getStylePresetById; }
+  get: function () { return chunkEAPUC5BA_cjs.getStylePresetById; }
 });
 Object.defineProperty(exports, "getTemplatesCatalog", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.getTemplatesCatalog; }
+  get: function () { return chunkEAPUC5BA_cjs.getTemplatesCatalog; }
 });
 Object.defineProperty(exports, "querySlideTemplatesSchema", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.querySlideTemplatesSchema; }
+  get: function () { return chunkEAPUC5BA_cjs.querySlideTemplatesSchema; }
 });
 Object.defineProperty(exports, "searchTemplates", {
   enumerable: true,
-  get: function () { return chunkHSVXH7DD_cjs.searchTemplates; }
+  get: function () { return chunkEAPUC5BA_cjs.searchTemplates; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/skills/index.d.cts

@@ -38,7 +38,7 @@ declare const TEMPLATES_CATALOG: TemplateCatalogItem[];
 declare const STYLE_PRESETS: StylePresetItem[];
 
 declare const VIEWPORT_BASE_CSS = "/* ===========================================\n   FIXED 16:9 STAGE: MANDATORY BASE STYLES\n   Slides are authored at 1920\u00D71080 and scaled as a whole.\n   =========================================== */\n\nhtml, body {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    overflow: hidden;\n    background: var(--stage-bg, #000);\n}\n\n.deck-viewport {\n    position: fixed;\n    inset: 0;\n    overflow: hidden;\n    background: var(--stage-bg, #000);\n}\n\n.deck-stage {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1920px;\n    height: 1080px;\n    overflow: hidden;\n    transform-origin: 0 0;\n    background: var(--slide-bg, #fff);\n}\n\n.slide {\n    position: absolute;\n    inset: 0;\n    width: 1920px;\n    height: 1080px;\n    overflow: hidden;\n    display: block;\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    background: var(--slide-bg, #fff);\n}\n\n.slide.active,\n.slide.visible {\n    visibility: visible;\n    opacity: 1;\n    pointer-events: auto;\n    z-index: 1;\n}\n\nimg, video, canvas, svg {\n    max-width: 100%;\n    max-height: 100%;\n}\n\n.reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),\n                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.slide.visible .reveal,\n.slide.active .reveal {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.reveal:nth-child(1) { transition-delay: 0.08s; }\n.reveal:nth-child(2) { transition-delay: 0.16s; }\n.reveal:nth-child(3) { transition-delay: 0.24s; }\n.reveal:nth-child(4) { transition-delay: 0.32s; }\n.reveal:nth-child(5) { transition-delay: 0.40s; }\n\n@media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after {\n        animation-duration: 0.01ms !important;\n        transition-duration: 0.1s !important;\n    }\n}\n";
-declare const FRONTEND_SLIDES_CORE_RULES = "\n# FRONTEND SLIDES SKILL & QUALITY INVARIANTS\n\n## 1. Core Principles (Non-Negotiable)\n1. **Zero Dependencies** \u2014 Single HTML presentation with inline scoped CSS and JS.\n2. **Fixed 16:9 Stage Canvas** \u2014 Every slide is strictly authored inside a fixed 1920\u00D71080 stage canvas (.deck-stage) scaled to the browser viewport. Never reflow slide content for different screen ratios.\n3. **No AI-Slop Design** \u2014 Never use generic purple gradients, clich\u00E9 fonts (Arial, Roboto), or boring corporate bullets. Use curated palettes (Electric Studio, Blue Professional, Cobalt Grid) and distinctive typography (Space Grotesk, Inter, Syne, JetBrains Mono).\n4. **Staggered Reveals** \u2014 Use the .reveal class on key elements with transition delays for smooth, cinematic entrance animations.\n5. **No Pixel Coordinates** \u2014 NEVER output free-form bounding-box coordinates like \"position\": { \"x\", \"y\" } or \"layout\": \"title_and_content\". Always populate semantic layout slots.\n\n## 2. Pacing & Pedagogical Structure\nA complete lesson deck MUST have 8 to 12 slides following the Chunky Micro-Cycle:\n1. **Cover (hero-cover):** Lesson title, topic badge, learning goal, author/date.\n2. **Agenda & Roadmap (two-columns-compare or timeline-steps):** Milestones and timing.\n3. **Core Mental Model (split-concept-code):** Definition, analogy, and runnable starter code.\n4. **Visual Architecture (three-cards-grid):** 3-pillar breakdown of mechanisms.\n5. **Syntax & Deep Dive (split-concept-code):** Concrete language syntax, gotchas, and annotated snippet.\n6. **Timeline Execution (timeline-steps):** Step-by-step pipeline or algorithmic flow.\n7. **Interactive Formative Check (checkpoint-quiz):** Multiple-choice diagnostic question with explanation.\n8. **Summary & Next Milestone (summary-takeaways):** 3-4 golden takeaways and preview of next lesson.\n";
+declare const FRONTEND_SLIDES_CORE_RULES = "\n# FRONTEND SLIDES SKILL & QUALITY INVARIANTS\n\n## 1. Core Principles (Non-Negotiable)\n1. **Zero Dependencies** \u2014 Single HTML presentation with inline scoped CSS and JS.\n2. **Fixed 16:9 Stage Canvas** \u2014 Every slide is strictly authored inside a fixed 1920\u00D71080 stage canvas (.deck-stage) scaled to the browser viewport. Never reflow slide content for different screen ratios.\n3. **No AI-Slop Design** \u2014 Never use generic purple gradients, clich\u00E9 fonts (Arial, Roboto), or boring corporate bullets. Use curated palettes (Electric Studio, Blue Professional, Cobalt Grid) and distinctive typography (Space Grotesk, Inter, Syne, JetBrains Mono).\n4. **Staggered Reveals** \u2014 Use the .reveal class on key elements with transition delays for smooth, cinematic entrance animations.\n5. **No Pixel Coordinates** \u2014 NEVER output free-form bounding-box coordinates like \"position\": { \"x\", \"y\" } or \"layout\": \"title_and_content\". Always populate semantic layout slots.\n6. **Full-Stage Composition** \u2014 The composition must occupy the full 1920\u00D71080 stage height. No vertical dead band taller than ~150px between blocks: if content is light, scale the type and spacing up or center the whole composition as a hero; never bottom-anchor content under a header (space-between on a full-height root with few children pools all leftover height into one hole).\n\n## 2. Pacing & Pedagogical Structure\nA complete lesson deck MUST have 8 to 12 slides following the Chunky Micro-Cycle:\n1. **Cover (hero-cover):** Lesson title, topic badge, learning goal, author/date.\n2. **Agenda & Roadmap (two-columns-compare or timeline-steps):** Milestones and timing.\n3. **Core Mental Model (split-concept-code):** Definition, analogy, and runnable starter code.\n4. **Visual Architecture (three-cards-grid):** 3-pillar breakdown of mechanisms.\n5. **Syntax & Deep Dive (split-concept-code):** Concrete language syntax, gotchas, and annotated snippet.\n6. **Timeline Execution (timeline-steps):** Step-by-step pipeline or algorithmic flow.\n7. **Interactive Formative Check (checkpoint-quiz):** Multiple-choice diagnostic question with explanation.\n8. **Summary & Next Milestone (summary-takeaways):** 3-4 golden takeaways and preview of next lesson.\n";
 
 interface FrontendSlidesSkillOptions {
     mood?: string;

package/dist/skills/index.d.ts

@@ -38,7 +38,7 @@ declare const TEMPLATES_CATALOG: TemplateCatalogItem[];
 declare const STYLE_PRESETS: StylePresetItem[];
 
 declare const VIEWPORT_BASE_CSS = "/* ===========================================\n   FIXED 16:9 STAGE: MANDATORY BASE STYLES\n   Slides are authored at 1920\u00D71080 and scaled as a whole.\n   =========================================== */\n\nhtml, body {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    overflow: hidden;\n    background: var(--stage-bg, #000);\n}\n\n.deck-viewport {\n    position: fixed;\n    inset: 0;\n    overflow: hidden;\n    background: var(--stage-bg, #000);\n}\n\n.deck-stage {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 1920px;\n    height: 1080px;\n    overflow: hidden;\n    transform-origin: 0 0;\n    background: var(--slide-bg, #fff);\n}\n\n.slide {\n    position: absolute;\n    inset: 0;\n    width: 1920px;\n    height: 1080px;\n    overflow: hidden;\n    display: block;\n    visibility: hidden;\n    opacity: 0;\n    pointer-events: none;\n    background: var(--slide-bg, #fff);\n}\n\n.slide.active,\n.slide.visible {\n    visibility: visible;\n    opacity: 1;\n    pointer-events: auto;\n    z-index: 1;\n}\n\nimg, video, canvas, svg {\n    max-width: 100%;\n    max-height: 100%;\n}\n\n.reveal {\n    opacity: 0;\n    transform: translateY(30px);\n    transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1),\n                transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.slide.visible .reveal,\n.slide.active .reveal {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.reveal:nth-child(1) { transition-delay: 0.08s; }\n.reveal:nth-child(2) { transition-delay: 0.16s; }\n.reveal:nth-child(3) { transition-delay: 0.24s; }\n.reveal:nth-child(4) { transition-delay: 0.32s; }\n.reveal:nth-child(5) { transition-delay: 0.40s; }\n\n@media (prefers-reduced-motion: reduce) {\n    *, *::before, *::after {\n        animation-duration: 0.01ms !important;\n        transition-duration: 0.1s !important;\n    }\n}\n";
-declare const FRONTEND_SLIDES_CORE_RULES = "\n# FRONTEND SLIDES SKILL & QUALITY INVARIANTS\n\n## 1. Core Principles (Non-Negotiable)\n1. **Zero Dependencies** \u2014 Single HTML presentation with inline scoped CSS and JS.\n2. **Fixed 16:9 Stage Canvas** \u2014 Every slide is strictly authored inside a fixed 1920\u00D71080 stage canvas (.deck-stage) scaled to the browser viewport. Never reflow slide content for different screen ratios.\n3. **No AI-Slop Design** \u2014 Never use generic purple gradients, clich\u00E9 fonts (Arial, Roboto), or boring corporate bullets. Use curated palettes (Electric Studio, Blue Professional, Cobalt Grid) and distinctive typography (Space Grotesk, Inter, Syne, JetBrains Mono).\n4. **Staggered Reveals** \u2014 Use the .reveal class on key elements with transition delays for smooth, cinematic entrance animations.\n5. **No Pixel Coordinates** \u2014 NEVER output free-form bounding-box coordinates like \"position\": { \"x\", \"y\" } or \"layout\": \"title_and_content\". Always populate semantic layout slots.\n\n## 2. Pacing & Pedagogical Structure\nA complete lesson deck MUST have 8 to 12 slides following the Chunky Micro-Cycle:\n1. **Cover (hero-cover):** Lesson title, topic badge, learning goal, author/date.\n2. **Agenda & Roadmap (two-columns-compare or timeline-steps):** Milestones and timing.\n3. **Core Mental Model (split-concept-code):** Definition, analogy, and runnable starter code.\n4. **Visual Architecture (three-cards-grid):** 3-pillar breakdown of mechanisms.\n5. **Syntax & Deep Dive (split-concept-code):** Concrete language syntax, gotchas, and annotated snippet.\n6. **Timeline Execution (timeline-steps):** Step-by-step pipeline or algorithmic flow.\n7. **Interactive Formative Check (checkpoint-quiz):** Multiple-choice diagnostic question with explanation.\n8. **Summary & Next Milestone (summary-takeaways):** 3-4 golden takeaways and preview of next lesson.\n";
+declare const FRONTEND_SLIDES_CORE_RULES = "\n# FRONTEND SLIDES SKILL & QUALITY INVARIANTS\n\n## 1. Core Principles (Non-Negotiable)\n1. **Zero Dependencies** \u2014 Single HTML presentation with inline scoped CSS and JS.\n2. **Fixed 16:9 Stage Canvas** \u2014 Every slide is strictly authored inside a fixed 1920\u00D71080 stage canvas (.deck-stage) scaled to the browser viewport. Never reflow slide content for different screen ratios.\n3. **No AI-Slop Design** \u2014 Never use generic purple gradients, clich\u00E9 fonts (Arial, Roboto), or boring corporate bullets. Use curated palettes (Electric Studio, Blue Professional, Cobalt Grid) and distinctive typography (Space Grotesk, Inter, Syne, JetBrains Mono).\n4. **Staggered Reveals** \u2014 Use the .reveal class on key elements with transition delays for smooth, cinematic entrance animations.\n5. **No Pixel Coordinates** \u2014 NEVER output free-form bounding-box coordinates like \"position\": { \"x\", \"y\" } or \"layout\": \"title_and_content\". Always populate semantic layout slots.\n6. **Full-Stage Composition** \u2014 The composition must occupy the full 1920\u00D71080 stage height. No vertical dead band taller than ~150px between blocks: if content is light, scale the type and spacing up or center the whole composition as a hero; never bottom-anchor content under a header (space-between on a full-height root with few children pools all leftover height into one hole).\n\n## 2. Pacing & Pedagogical Structure\nA complete lesson deck MUST have 8 to 12 slides following the Chunky Micro-Cycle:\n1. **Cover (hero-cover):** Lesson title, topic badge, learning goal, author/date.\n2. **Agenda & Roadmap (two-columns-compare or timeline-steps):** Milestones and timing.\n3. **Core Mental Model (split-concept-code):** Definition, analogy, and runnable starter code.\n4. **Visual Architecture (three-cards-grid):** 3-pillar breakdown of mechanisms.\n5. **Syntax & Deep Dive (split-concept-code):** Concrete language syntax, gotchas, and annotated snippet.\n6. **Timeline Execution (timeline-steps):** Step-by-step pipeline or algorithmic flow.\n7. **Interactive Formative Check (checkpoint-quiz):** Multiple-choice diagnostic question with explanation.\n8. **Summary & Next Milestone (summary-takeaways):** 3-4 golden takeaways and preview of next lesson.\n";
 
 interface FrontendSlidesSkillOptions {
     mood?: string;

package/dist/skills/index.js

@@ -1,3 +1,3 @@
-export { FRONTEND_SLIDES_CORE_RULES, STYLE_PRESETS, TEMPLATES_CATALOG, VIEWPORT_BASE_CSS, frontendSlidesTools, getFrontendSlidesSkillPrompt, getSlideStylePresetSchema, getStylePreset, getStylePresetById, getTemplatesCatalog, querySlideTemplatesSchema, searchTemplates } from '../chunk-VRXEXUHR.js';
+export { FRONTEND_SLIDES_CORE_RULES, STYLE_PRESETS, TEMPLATES_CATALOG, VIEWPORT_BASE_CSS, frontendSlidesTools, getFrontendSlidesSkillPrompt, getSlideStylePresetSchema, getStylePreset, getStylePresetById, getTemplatesCatalog, querySlideTemplatesSchema, searchTemplates } from '../chunk-WNPKREEW.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thanh01.pmt/presentation-kit",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Standalone client-side slide rendering engine with Marp, Shiki syntax highlighting, Mermaid diagrams, custom themes, and AI slide authoring tools.",
   "author": "Thanh Pham <https://github.com/thanh01pmt>",
   "license": "MIT",