promptslide 0.3.17 → 0.3.18

package/src/vite/config.mjs

@@ -5,6 +5,7 @@ import { fileURLToPath } from "node:url"
 import tailwindcss from "@tailwindcss/postcss"
 import react from "@vitejs/plugin-react"
 
+import { editorPlugin } from "../editor/plugin.mjs"
 import { promptslidePlugin } from "./plugin.mjs"
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
@@ -17,13 +18,20 @@ const tailwindPath = resolve(dirname(require.resolve("tailwindcss")), "..")
 // Resolve promptslide core from source so Vite uses TS directly without a build step
 const promptslidePath = resolve(__dirname, "../core/index.ts")
 
-export function createViteConfig({ cwd, mode = "development" }) {
+export function createViteConfig({ cwd, mode = "development", editor = true }) {
   return {
     configFile: false,
     root: cwd,
     mode,
-    plugins: [react(), promptslidePlugin({ root: cwd })],
+    plugins: [
+      ...(mode === "development" && editor ? [editorPlugin({ root: cwd })] : []),
+      react(),
+      promptslidePlugin({ root: cwd })
+    ],
     resolve: {
+      // The CLI's core/editor and the deck must share one React dispatcher,
+      // including when the CLI is installed or linked outside the deck root.
+      dedupe: ["react", "react-dom"],
       alias: {
         "@": resolve(cwd, "src"),
         promptslide: promptslidePath,
@@ -31,6 +39,19 @@ export function createViteConfig({ cwd, mode = "development" }) {
         tailwindcss: tailwindPath
       }
     },
+    // These imports live in virtual entry modules, which dependency scanning
+    // cannot discover before the first page loads. Optimize them together so
+    // the viewer and editor never start with different dependency generations.
+    optimizeDeps: {
+      include: [
+        "react",
+        "react-dom/client",
+        "lucide-react",
+        "framer-motion",
+        "clsx",
+        "tailwind-merge"
+      ]
+    },
     css: {
       postcss: {
         plugins: [tailwindcss()]

package/src/vite/plugin.mjs

@@ -384,7 +384,7 @@ export function promptslidePlugin({ root: initialRoot } = {}) {
       server.middlewares.use(async (req, res, next) => {
         const url = new URL(req.url, "http://localhost")
         if (url.searchParams.get("pdf") === "true") {
-          const html = await server.transformIndexHtml("/index.html", getPdfHtmlTemplate())
+          const html = await server.transformIndexHtml("/index.html", getPdfHtmlTemplate(), req.url)
           res.setHeader("Content-Type", "text/html")
           res.statusCode = 200
           res.end(html)
@@ -402,7 +402,8 @@ export function promptslidePlugin({ root: initialRoot } = {}) {
         }
         const html = await server.transformIndexHtml(
           "/index.html",
-          getExportHtmlTemplate(slidePath)
+          getExportHtmlTemplate(slidePath),
+          req.url
         )
         res.setHeader("Content-Type", "text/html")
         res.statusCode = 200