vite-plugin-react-deck 1.4.0 → 1.5.2

package/helpers.d.ts

@@ -28,6 +28,7 @@ export declare function createAppDeckFile({ slidePath, theme, deckTheme, config,
     deckTheme?: string;
     config: {
         layoutsFile: string | undefined;
+        transition?: string;
     };
 }): string;
 export {};

package/index.cjs

@@ -413,7 +413,7 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <StrictMode>
-    <Deck deck={deck} theme={theme} layouts={layouts} />
+    <Deck deck={deck} theme={theme} layouts={layouts}${config.transition ? ` transition="${config.transition}"` : ""} />
   </StrictMode>
 )
 
@@ -435,7 +435,7 @@ var import_unist_util_visit = require("unist-util-visit");
 
 // src/codegen.ts
 var Patterns = {
-  FragmentProd: /^\s*_jsxs\(_Fragment, {\s*children:|\s*\}\);/g,
+  FragmentProd: /^\s*_jsxs\(_Fragment, {\s*children:|\s*\}\);$/g,
   FragmentDev: /^\s*<>\s*|\s*<\/>;\s*$/g
 };
 function extractMainCodeAsChildren(source, { isJsx }) {
@@ -495,10 +495,9 @@ async function transformSlidesMdxToReact(sourceContent, {
   );
   const slides = finalContent.split("---\n");
   const enrichedSlides = [];
-  const LAYOUT_REGEX = /\S*\nlayout: (.*)/g;
   let frontmatterForNextSlide = null;
   for (const slide of slides) {
-    if (LAYOUT_REGEX.test(slide)) {
+    if (isFrontmatterBlock(slide)) {
       frontmatterForNextSlide = (0, import_gray_matter.default)(`---
 ${slide}
 ---`).data;
@@ -587,6 +586,10 @@ ${[...inlineModules.keys()].join("\n")}
 ${source}
   `;
 }
+function isFrontmatterBlock(text) {
+  const lines = text.split("\n").map((l) => l.trim()).filter((l) => l.length > 0);
+  return lines.length > 0 && lines.every((l) => /^[\w][\w-]*\s*:/.test(l));
+}
 var CRLF = "\r\n";
 function normalizeNewline(input) {
   return input.replace(new RegExp(CRLF, "g"), "\n");
@@ -599,7 +602,8 @@ var import_lodash = __toESM(require("lodash"), 1);
 var import_zod = require("zod");
 var PestacleConfigSchema = import_zod.z.object({
   theme: import_zod.z.enum(["green", "purple", "solarized-light"]).default("green"),
-  startupPage: import_zod.z.boolean().optional()
+  startupPage: import_zod.z.boolean().optional(),
+  transition: import_zod.z.enum(["fade", "slide", "drop", "none"]).optional()
 });
 
 // src/index.ts
@@ -771,7 +775,7 @@ var src_default = async (options) => {
           slidePath: `${directory}/deck.mdx`,
           theme: options.theme,
           deckTheme,
-          config
+          config: { ...config, transition: options.transition }
         });
         return contentIndex;
       }

package/index.mjs

@@ -392,7 +392,7 @@ const root = ReactDOM.createRoot(
 );
 root.render(
   <StrictMode>
-    <Deck deck={deck} theme={theme} layouts={layouts} />
+    <Deck deck={deck} theme={theme} layouts={layouts}${config.transition ? ` transition="${config.transition}"` : ""} />
   </StrictMode>
 )
 
@@ -414,7 +414,7 @@ import { visit } from "unist-util-visit";
 
 // src/codegen.ts
 var Patterns = {
-  FragmentProd: /^\s*_jsxs\(_Fragment, {\s*children:|\s*\}\);/g,
+  FragmentProd: /^\s*_jsxs\(_Fragment, {\s*children:|\s*\}\);$/g,
   FragmentDev: /^\s*<>\s*|\s*<\/>;\s*$/g
 };
 function extractMainCodeAsChildren(source, { isJsx }) {
@@ -474,10 +474,9 @@ async function transformSlidesMdxToReact(sourceContent, {
   );
   const slides = finalContent.split("---\n");
   const enrichedSlides = [];
-  const LAYOUT_REGEX = /\S*\nlayout: (.*)/g;
   let frontmatterForNextSlide = null;
   for (const slide of slides) {
-    if (LAYOUT_REGEX.test(slide)) {
+    if (isFrontmatterBlock(slide)) {
       frontmatterForNextSlide = matter(`---
 ${slide}
 ---`).data;
@@ -566,6 +565,10 @@ ${[...inlineModules.keys()].join("\n")}
 ${source}
   `;
 }
+function isFrontmatterBlock(text) {
+  const lines = text.split("\n").map((l) => l.trim()).filter((l) => l.length > 0);
+  return lines.length > 0 && lines.every((l) => /^[\w][\w-]*\s*:/.test(l));
+}
 var CRLF = "\r\n";
 function normalizeNewline(input) {
   return input.replace(new RegExp(CRLF, "g"), "\n");
@@ -578,7 +581,8 @@ import _ from "lodash";
 import { z } from "zod";
 var PestacleConfigSchema = z.object({
   theme: z.enum(["green", "purple", "solarized-light"]).default("green"),
-  startupPage: z.boolean().optional()
+  startupPage: z.boolean().optional(),
+  transition: z.enum(["fade", "slide", "drop", "none"]).optional()
 });
 
 // src/config.ts
@@ -755,7 +759,7 @@ var index_default = async (options) => {
           slidePath: `${directory}/deck.mdx`,
           theme: options.theme,
           deckTheme,
-          config
+          config: { ...config, transition: options.transition }
         });
         return contentIndex;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-react-deck",
-  "version": "1.4.0",
+  "version": "1.5.2",
   "license": "MIT",
   "type": "module",
   "main": "index.cjs",

package/types.d.ts

@@ -1,10 +1,14 @@
 import { z } from "zod";
+export declare const TransitionNames: readonly ["fade", "slide", "drop", "none"];
+export type TransitionName = (typeof TransitionNames)[number];
 export interface ReactDeckOptions {
     rehypePlugins: any[];
     remarkPlugins: any[];
     theme: "green" | "purple" | "solarized-light";
     /** Show the talks listing page. Defaults to true in dev, false in production. */
     startupPage?: boolean;
+    /** Default slide transition. */
+    transition?: TransitionName;
 }
 export declare const PestacleConfigSchema: z.ZodObject<{
     theme: z.ZodDefault<z.ZodEnum<{
@@ -13,5 +17,11 @@ export declare const PestacleConfigSchema: z.ZodObject<{
         "solarized-light": "solarized-light";
     }>>;
     startupPage: z.ZodOptional<z.ZodBoolean>;
+    transition: z.ZodOptional<z.ZodEnum<{
+        fade: "fade";
+        slide: "slide";
+        drop: "drop";
+        none: "none";
+    }>>;
 }, z.core.$strip>;
 export type PestacleConfig = z.infer<typeof PestacleConfigSchema>;