vite-plugin-react-deck 1.9.1 → 1.11.0

package/helpers.d.ts

@@ -1,7 +1,8 @@
-import { dark, green, purple, solarizedLight } from "./themes";
+import { dark, green, light, purple, solarizedLight } from "./themes";
 declare const themes: {
     readonly dark: typeof dark;
     readonly green: typeof green;
+    readonly light: typeof light;
     readonly purple: typeof purple;
     readonly "solarized-light": typeof solarizedLight;
 };

package/index.cjs

@@ -66,27 +66,49 @@ var themeTokens2 = {
   colors: colors2
 };
 
+// src/themes/light.ts
+var light_exports = {};
+__export(light_exports, {
+  themeTokens: () => themeTokens3
+});
+var colors3 = {
+  primary: "#1a1a2e",
+  // dark navy text
+  secondary: "#0077b6",
+  // vivid blue accent
+  tertiary: "#f5f5f7"
+  // off-white background
+};
+var fonts2 = {
+  header: '"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif',
+  text: '"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif'
+};
+var themeTokens3 = {
+  colors: colors3,
+  fonts: fonts2
+};
+
 // src/themes/purple.ts
 var purple_exports = {};
 __export(purple_exports, {
-  themeTokens: () => themeTokens3
+  themeTokens: () => themeTokens4
 });
-var colors3 = {
+var colors4 = {
   //primary: "#56D4F8",
   primary: "#ffffff",
   secondary: "#F530EC",
   tertiary: "#2B135A"
 };
-var themeTokens3 = {
-  colors: colors3
+var themeTokens4 = {
+  colors: colors4
 };
 
 // src/themes/solarized-light.ts
 var solarized_light_exports = {};
 __export(solarized_light_exports, {
-  themeTokens: () => themeTokens4
+  themeTokens: () => themeTokens5
 });
-var colors4 = {
+var colors5 = {
   primary: "#073642",
   // base02 - dark text on light background
   secondary: "#268bd2",
@@ -94,19 +116,20 @@ var colors4 = {
   tertiary: "#fdf6e3"
   // base3 - light background
 };
-var fonts2 = {
+var fonts3 = {
   header: '"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif',
   text: '"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif'
 };
-var themeTokens4 = {
-  colors: colors4,
-  fonts: fonts2
+var themeTokens5 = {
+  colors: colors5,
+  fonts: fonts3
 };
 
 // src/helpers.ts
 var themes = {
   dark: dark_exports,
   green: green_exports,
+  light: light_exports,
   purple: purple_exports,
   "solarized-light": solarized_light_exports
 };
@@ -136,10 +159,10 @@ function createDecksPageFile({
 }) {
   var _a;
   const themeModule = themes[theme];
-  const colors5 = (_a = themeModule == null ? void 0 : themeModule.themeTokens) == null ? void 0 : _a.colors;
-  const primary = (colors5 == null ? void 0 : colors5.primary) ?? "#ffffff";
-  const secondary = (colors5 == null ? void 0 : colors5.secondary) ?? "#F49676";
-  const tertiary = (colors5 == null ? void 0 : colors5.tertiary) ?? "#042F3B";
+  const colors6 = (_a = themeModule == null ? void 0 : themeModule.themeTokens) == null ? void 0 : _a.colors;
+  const primary = (colors6 == null ? void 0 : colors6.primary) ?? "#ffffff";
+  const secondary = (colors6 == null ? void 0 : colors6.secondary) ?? "#F49676";
+  const tertiary = (colors6 == null ? void 0 : colors6.tertiary) ?? "#042F3B";
   return `import React, { StrictMode, useState } from "react";
 import * as ReactDOM from "react-dom/client";
 
@@ -455,7 +478,7 @@ var import_mdx = require("@mdx-js/mdx");
 var import_gray_matter = __toESM(require("gray-matter"), 1);
 var import_remark_directive = __toESM(require("remark-directive"), 1);
 var import_remark_gfm = __toESM(require("remark-gfm"), 1);
-var import_unist_util_visit = require("unist-util-visit");
+var import_unist_util_visit2 = require("unist-util-visit");
 
 // src/codegen.ts
 var Patterns = {
@@ -492,6 +515,35 @@ ${header}
   `.trim();
 }
 
+// src/remark-morph.ts
+var import_unist_util_visit = require("unist-util-visit");
+var MORPH_EXPR_RE = /^morph\s*=\s*"([^"]+)"$/;
+function remarkMorph() {
+  return (tree) => {
+    (0, import_unist_util_visit.visit)(tree, "mdxTextExpression", (node, index, parent) => {
+      if (!parent || index == null) return;
+      const match = node.value.match(MORPH_EXPR_RE);
+      if (!match) return;
+      const morphName = match[1];
+      parent.children.splice(index, 1);
+      if (index > 0) {
+        const prev = parent.children[index - 1];
+        if (prev.type === "text") {
+          prev.value = prev.value.replace(/\s+$/, "");
+        }
+      }
+      if (!parent.data) {
+        parent.data = {};
+      }
+      if (!parent.data.hProperties) {
+        parent.data.hProperties = {};
+      }
+      parent.data.hProperties.morph = morphName;
+      return [import_unist_util_visit.SKIP, index];
+    });
+  };
+}
+
 // src/slides.ts
 var INCLUDE_RE = /^::include\{file=(.+?)\}\s*$/gm;
 function resolveIncludes(content, filePath, { maxDepth = 10, _depth = 0 } = {}) {
@@ -528,7 +580,7 @@ function resolveIncludes(content, filePath, { maxDepth = 10, _depth = 0 } = {})
 }
 function myRemarkPlugin() {
   return (tree) => {
-    (0, import_unist_util_visit.visit)(tree, (node) => {
+    (0, import_unist_util_visit2.visit)(tree, (node) => {
       if (node.type === "containerDirective" || node.type === "leafDirective" || node.type === "textDirective") {
         if (!node.data) {
           node.data = {};
@@ -586,6 +638,7 @@ ${slide}
           import_remark_gfm.default,
           import_remark_directive.default,
           myRemarkPlugin,
+          remarkMorph,
           ...options.remarkPlugins
         ]
       });
@@ -665,7 +718,7 @@ var import_lodash = __toESM(require("lodash"), 1);
 // src/types.ts
 var import_zod = require("zod");
 var PestacleConfigSchema = import_zod.z.object({
-  theme: import_zod.z.enum(["dark", "green", "purple", "solarized-light"]).default("green"),
+  theme: import_zod.z.enum(["dark", "green", "light", "purple", "solarized-light"]).default("green"),
   startupPage: import_zod.z.boolean().optional(),
   transition: import_zod.z.enum(["fade", "slide", "drop", "none"]).optional()
 });

package/index.mjs

@@ -45,27 +45,49 @@ var themeTokens2 = {
   colors: colors2
 };
 
+// src/themes/light.ts
+var light_exports = {};
+__export(light_exports, {
+  themeTokens: () => themeTokens3
+});
+var colors3 = {
+  primary: "#1a1a2e",
+  // dark navy text
+  secondary: "#0077b6",
+  // vivid blue accent
+  tertiary: "#f5f5f7"
+  // off-white background
+};
+var fonts2 = {
+  header: '"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif',
+  text: '"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif'
+};
+var themeTokens3 = {
+  colors: colors3,
+  fonts: fonts2
+};
+
 // src/themes/purple.ts
 var purple_exports = {};
 __export(purple_exports, {
-  themeTokens: () => themeTokens3
+  themeTokens: () => themeTokens4
 });
-var colors3 = {
+var colors4 = {
   //primary: "#56D4F8",
   primary: "#ffffff",
   secondary: "#F530EC",
   tertiary: "#2B135A"
 };
-var themeTokens3 = {
-  colors: colors3
+var themeTokens4 = {
+  colors: colors4
 };
 
 // src/themes/solarized-light.ts
 var solarized_light_exports = {};
 __export(solarized_light_exports, {
-  themeTokens: () => themeTokens4
+  themeTokens: () => themeTokens5
 });
-var colors4 = {
+var colors5 = {
   primary: "#073642",
   // base02 - dark text on light background
   secondary: "#268bd2",
@@ -73,19 +95,20 @@ var colors4 = {
   tertiary: "#fdf6e3"
   // base3 - light background
 };
-var fonts2 = {
+var fonts3 = {
   header: '"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif',
   text: '"Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif'
 };
-var themeTokens4 = {
-  colors: colors4,
-  fonts: fonts2
+var themeTokens5 = {
+  colors: colors5,
+  fonts: fonts3
 };
 
 // src/helpers.ts
 var themes = {
   dark: dark_exports,
   green: green_exports,
+  light: light_exports,
   purple: purple_exports,
   "solarized-light": solarized_light_exports
 };
@@ -115,10 +138,10 @@ function createDecksPageFile({
 }) {
   var _a;
   const themeModule = themes[theme];
-  const colors5 = (_a = themeModule == null ? void 0 : themeModule.themeTokens) == null ? void 0 : _a.colors;
-  const primary = (colors5 == null ? void 0 : colors5.primary) ?? "#ffffff";
-  const secondary = (colors5 == null ? void 0 : colors5.secondary) ?? "#F49676";
-  const tertiary = (colors5 == null ? void 0 : colors5.tertiary) ?? "#042F3B";
+  const colors6 = (_a = themeModule == null ? void 0 : themeModule.themeTokens) == null ? void 0 : _a.colors;
+  const primary = (colors6 == null ? void 0 : colors6.primary) ?? "#ffffff";
+  const secondary = (colors6 == null ? void 0 : colors6.secondary) ?? "#F49676";
+  const tertiary = (colors6 == null ? void 0 : colors6.tertiary) ?? "#042F3B";
   return `import React, { StrictMode, useState } from "react";
 import * as ReactDOM from "react-dom/client";
 
@@ -434,7 +457,7 @@ import { compile } from "@mdx-js/mdx";
 import matter from "gray-matter";
 import remarkDirective from "remark-directive";
 import remarkGfm from "remark-gfm";
-import { visit } from "unist-util-visit";
+import { visit as visit2 } from "unist-util-visit";
 
 // src/codegen.ts
 var Patterns = {
@@ -471,6 +494,35 @@ ${header}
   `.trim();
 }
 
+// src/remark-morph.ts
+import { SKIP, visit } from "unist-util-visit";
+var MORPH_EXPR_RE = /^morph\s*=\s*"([^"]+)"$/;
+function remarkMorph() {
+  return (tree) => {
+    visit(tree, "mdxTextExpression", (node, index, parent) => {
+      if (!parent || index == null) return;
+      const match = node.value.match(MORPH_EXPR_RE);
+      if (!match) return;
+      const morphName = match[1];
+      parent.children.splice(index, 1);
+      if (index > 0) {
+        const prev = parent.children[index - 1];
+        if (prev.type === "text") {
+          prev.value = prev.value.replace(/\s+$/, "");
+        }
+      }
+      if (!parent.data) {
+        parent.data = {};
+      }
+      if (!parent.data.hProperties) {
+        parent.data.hProperties = {};
+      }
+      parent.data.hProperties.morph = morphName;
+      return [SKIP, index];
+    });
+  };
+}
+
 // src/slides.ts
 var INCLUDE_RE = /^::include\{file=(.+?)\}\s*$/gm;
 function resolveIncludes(content, filePath, { maxDepth = 10, _depth = 0 } = {}) {
@@ -507,7 +559,7 @@ function resolveIncludes(content, filePath, { maxDepth = 10, _depth = 0 } = {})
 }
 function myRemarkPlugin() {
   return (tree) => {
-    visit(tree, (node) => {
+    visit2(tree, (node) => {
       if (node.type === "containerDirective" || node.type === "leafDirective" || node.type === "textDirective") {
         if (!node.data) {
           node.data = {};
@@ -565,6 +617,7 @@ ${slide}
           remarkGfm,
           remarkDirective,
           myRemarkPlugin,
+          remarkMorph,
           ...options.remarkPlugins
         ]
       });
@@ -644,7 +697,7 @@ import _ from "lodash";
 // src/types.ts
 import { z } from "zod";
 var PestacleConfigSchema = z.object({
-  theme: z.enum(["dark", "green", "purple", "solarized-light"]).default("green"),
+  theme: z.enum(["dark", "green", "light", "purple", "solarized-light"]).default("green"),
   startupPage: z.boolean().optional(),
   transition: z.enum(["fade", "slide", "drop", "none"]).optional()
 });

package/package.json

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

package/remark-morph.d.ts

@@ -0,0 +1 @@
+export declare function remarkMorph(): (tree: any) => void;

package/themes/index.d.ts

@@ -1,4 +1,5 @@
 export * as dark from "./dark";
 export * as green from "./green";
+export * as light from "./light";
 export * as purple from "./purple";
 export * as solarizedLight from "./solarized-light";

package/themes/light.d.ts

@@ -0,0 +1,11 @@
+export declare const themeTokens: {
+    colors: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+    };
+    fonts: {
+        header: string;
+        text: string;
+    };
+};

package/types.d.ts

@@ -4,7 +4,7 @@ export type TransitionName = (typeof TransitionNames)[number];
 export interface ReactDeckOptions {
     rehypePlugins: any[];
     remarkPlugins: any[];
-    theme: "dark" | "green" | "purple" | "solarized-light";
+    theme: "dark" | "green" | "light" | "purple" | "solarized-light";
     /** Show the talks listing page. Defaults to true in dev, false in production. */
     startupPage?: boolean;
     /** Default slide transition. */
@@ -14,6 +14,7 @@ export declare const PestacleConfigSchema: z.ZodObject<{
     theme: z.ZodDefault<z.ZodEnum<{
         dark: "dark";
         green: "green";
+        light: "light";
         purple: "purple";
         "solarized-light": "solarized-light";
     }>>;