@thanh01.pmt/presentation-kit 0.2.0 → 0.2.1

package/dist/index.d.ts

@@ -111,6 +111,25 @@ declare function updateSlideLayoutInMarkdown(markdown: string, slideIndex: numbe
  */
 declare function generateLayoutCss(layouts: (SlideLayoutData | null)[], containerId?: string): string;
 
+type SlideLayoutCategory = 'cover' | 'content' | 'split' | 'code' | 'metrics' | 'diagram' | 'quote' | 'assessment';
+interface SlideLayoutPreset {
+    id: string;
+    name: string;
+    category: SlideLayoutCategory;
+    description: string;
+    layout: SlideLayoutData;
+    markdownSnippet: string;
+}
+declare const SLIDE_LAYOUT_PRESETS: SlideLayoutPreset[];
+/**
+ * Find a preset by its unique ID
+ */
+declare function getSlideLayoutPresetById(id: string): SlideLayoutPreset | undefined;
+/**
+ * Filter presets by category
+ */
+declare function getSlideLayoutPresetsByCategory(category: SlideLayoutCategory): SlideLayoutPreset[];
+
 interface PptxExportOptions {
     title?: string;
     author?: string;
@@ -148,4 +167,4 @@ declare function convertTextArrows(text: string): string;
  */
 declare function extractMarpSource(raw: string): string;
 
-export { MermaidBlock, type PptxExportOptions, SlideEngine, SlideEngineConfig, SlideLayoutData, ThemeTokens, cleanHexColor, convertMarkdownToPptx, convertTextArrows, createEngine, darkThemeTokens, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, filterPresenterNotes, generateLayoutCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, parseFontSizeToPt, parseLayoutFromComment, renderMermaidDiagrams, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown };
+export { MermaidBlock, type PptxExportOptions, SLIDE_LAYOUT_PRESETS, SlideEngine, SlideEngineConfig, type SlideLayoutCategory, SlideLayoutData, type SlideLayoutPreset, ThemeTokens, cleanHexColor, convertMarkdownToPptx, convertTextArrows, createEngine, darkThemeTokens, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, filterPresenterNotes, generateLayoutCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, getSlideLayoutPresetById, getSlideLayoutPresetsByCategory, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, parseFontSizeToPt, parseLayoutFromComment, renderMermaidDiagrams, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown };

package/dist/index.js

@@ -1,5 +1,5 @@
-import { resolveTheme, generateScopedCss2, renderSlideAsync, renderSlide, splitMarkdownSlides } from './chunk-FATGZ25L.js';
-export { convertTextArrows, countSlides, darkThemeTokens, defineTheme, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, extractMaxClicks, filterPresenterNotes, generateClickCss, generateLayoutCss, generateScopedCss2 as generateScopedCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, getThemeTokens, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, parseLayoutFromComment, postprocessClicks, preprocessClicks, renderMarp, renderMermaidDiagrams, renderSlide, renderSlideAsync, resolveTheme, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown } from './chunk-FATGZ25L.js';
+import { resolveTheme, generateScopedCss2, renderSlideAsync, renderSlide, splitMarkdownSlides } from './chunk-PAHIW5IX.js';
+export { SLIDE_LAYOUT_PRESETS, convertTextArrows, countSlides, darkThemeTokens, defineTheme, detectMermaidBlocks, extractLayoutsAndNotes, extractMarpSource, extractMaxClicks, filterPresenterNotes, generateClickCss, generateLayoutCss, generateScopedCss2 as generateScopedCss, generateScopedCss as generateScopedCssFromTokens, getHighlighter, getSlideLayoutPresetById, getSlideLayoutPresetsByCategory, getThemeTokens, highlightCodeBlocks, isLayoutComment, lightThemeTokens, navyThemeTokens, parseLayoutFromComment, postprocessClicks, preprocessClicks, renderMarp, renderMermaidDiagrams, renderSlide, renderSlideAsync, resolveTheme, sanitizeMermaidCode, serializeLayoutToComment, splitMarkdownSlides, updateSlideLayoutInMarkdown } from './chunk-PAHIW5IX.js';
 
 // src/engine.ts
 function createEngine(config = {}) {

package/dist/react/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkO4Y3VEOA_cjs = require('../chunk-O4Y3VEOA.cjs');
+var chunkRJMPTRL3_cjs = require('../chunk-RJMPTRL3.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -20,7 +20,7 @@ function useSlideState(options) {
   const result = react.useMemo(() => {
     if (!markdown || !markdown.trim()) return null;
     renderCountRef.current++;
-    return chunkO4Y3VEOA_cjs.renderSlide(markdown, {
+    return chunkRJMPTRL3_cjs.renderSlide(markdown, {
       theme,
       enableMermaid: true,
       enableClicks,
@@ -760,6 +760,32 @@ function SlideDesignOverlay({
                   children: "+ \u0110o\u1EA1n v\u0103n (P)"
                 }
               ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "select",
+                {
+                  onChange: (e) => {
+                    const preset = chunkRJMPTRL3_cjs.SLIDE_LAYOUT_PRESETS.find((p) => p.id === e.target.value);
+                    if (preset) {
+                      const clonedBoxes = JSON.parse(JSON.stringify(preset.layout.boxes));
+                      setBoxes(clonedBoxes);
+                      onLayoutChange({ boxes: clonedBoxes });
+                    }
+                  },
+                  defaultValue: "",
+                  style: {
+                    ...toolbarButtonStyle,
+                    cursor: "pointer",
+                    outline: "none",
+                    color: "#f8fafc",
+                    border: "1px solid rgba(56, 189, 248, 0.3)"
+                  },
+                  title: "\xC1p d\u1EE5ng m\u1EABu b\u1ED1 c\u1EE5c c\xF3 s\u1EB5n",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", disabled: true, style: { backgroundColor: "#1e1f29", color: "#94a3b8" }, children: "M\u1EABu b\u1ED1 c\u1EE5c (Presets)..." }),
+                    chunkRJMPTRL3_cjs.SLIDE_LAYOUT_PRESETS.map((p) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: p.id, style: { backgroundColor: "#1e1f29", color: "#f8fafc" }, children: p.name }, p.id))
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "1px", height: "16px", backgroundColor: "rgba(255,255,255,0.2)" } }),
               onSave && /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
@@ -1186,7 +1212,7 @@ function SlideViewer({
       containers.forEach((container) => {
         if (container instanceof HTMLElement) {
           const themeName2 = typeof theme === "string" ? theme : "dark";
-          chunkO4Y3VEOA_cjs.renderMermaidDiagrams(container, themeName2).catch(() => {
+          chunkRJMPTRL3_cjs.renderMermaidDiagrams(container, themeName2).catch(() => {
           });
         }
       });
@@ -1403,7 +1429,7 @@ function SlideViewer({
               onSave: (layout) => {
                 setLiveLayout(layout);
                 if (onSaveMarkdown) {
-                  const updated = chunkO4Y3VEOA_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
+                  const updated = chunkRJMPTRL3_cjs.updateSlideLayoutInMarkdown(markdown, currentIndex, layout);
                   onSaveMarkdown(updated);
                 }
               },
@@ -1439,35 +1465,35 @@ function SlideViewer({
 
 Object.defineProperty(exports, "defineTheme", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.defineTheme; }
+  get: function () { return chunkRJMPTRL3_cjs.defineTheme; }
 });
 Object.defineProperty(exports, "extractMaxClicks", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.extractMaxClicks; }
+  get: function () { return chunkRJMPTRL3_cjs.extractMaxClicks; }
 });
 Object.defineProperty(exports, "generateClickCss", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.generateClickCss; }
+  get: function () { return chunkRJMPTRL3_cjs.generateClickCss; }
 });
 Object.defineProperty(exports, "postprocessClicks", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.postprocessClicks; }
+  get: function () { return chunkRJMPTRL3_cjs.postprocessClicks; }
 });
 Object.defineProperty(exports, "preprocessClicks", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.preprocessClicks; }
+  get: function () { return chunkRJMPTRL3_cjs.preprocessClicks; }
 });
 Object.defineProperty(exports, "renderSlide", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.renderSlide; }
+  get: function () { return chunkRJMPTRL3_cjs.renderSlide; }
 });
 Object.defineProperty(exports, "renderSlideAsync", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.renderSlideAsync; }
+  get: function () { return chunkRJMPTRL3_cjs.renderSlideAsync; }
 });
 Object.defineProperty(exports, "resolveTheme", {
   enumerable: true,
-  get: function () { return chunkO4Y3VEOA_cjs.resolveTheme; }
+  get: function () { return chunkRJMPTRL3_cjs.resolveTheme; }
 });
 exports.DeckView = DeckView;
 exports.NavigationBar = NavigationBar;