@berlysia/vertical-writing-slide-system 0.0.14 → 0.0.16

package/cli.js

@@ -47,7 +47,7 @@ async function runDev() {
     const projectPath = process.cwd();
 
     const server = await createServer({
-      root: libPath, // Use library as root for assets
+      root: projectPath, // Use project as root for proper file watching
       configFile: resolve(libPath, "vite.config.ts"),
       server: {
         fs: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@berlysia/vertical-writing-slide-system",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "bin": {
     "vertical-slides": "./cli.js"

package/src/screen.css

@@ -12,8 +12,8 @@ body,
   container-name: slide-container;
   container-type: size;
 
-  width: 100dvw;
-  height: calc(max(90dvh, 100dvw * 9 / 16) + 0px);
+  width: 100%;
+  height: 100%;
 
   position: relative;
 
@@ -82,10 +82,10 @@ body,
 
 .controls {
   position: fixed;
-  left: 40px;
-  bottom: 40px;
+  left: 16px;
+  bottom: 16px;
   background-color: rgba(255, 255, 255, 0.9);
-  opacity: 0.3;
+  opacity: 0;
   padding: 1rem;
   border-radius: 8px;
   transition: opacity 0.2s ease-out;

package/src/vite-plugin-slides.ts

@@ -55,32 +55,6 @@ function validateSlidesDir(dir: string): void {
   }
 }
 
-/**
- * Sets up file watcher for slides directory
- */
-function watchSlidesDir(dir: string, server: ViteDevServer): () => void {
-  logger.info(`Watching slides directory: ${dir}`);
-
-  const watcher = fs.watch(dir, { recursive: true }, (_eventType, filename) => {
-    if (filename) {
-      server.ws.send({
-        type: "full-reload",
-        path: "*",
-      });
-      logger.info(`File changed: ${filename}`);
-    }
-  });
-
-  watcher.on("error", (error) => {
-    logger.error(`Watch error:`, error);
-  });
-
-  return () => {
-    watcher.close();
-    logger.info("Stopped watching slides directory");
-  };
-}
-
 const defaultOptions: Required<SlidesPluginOptions> = {
   slidesDir: path.resolve(process.cwd(), "slides"),
   collection: "",
@@ -430,9 +404,6 @@ export default async function slidesPlugin(
     },
 
     configureServer(server: ViteDevServer) {
-      // Watch slides directory
-      const watcher = watchSlidesDir(config.slidesDir, server);
-
       const reloadModule = () => {
         const mod = server.moduleGraph.getModuleById("\0" + virtualFileId);
         const pageMods = compiledSlides.map((_, i) =>
@@ -452,16 +423,61 @@ export default async function slidesPlugin(
         });
       };
 
-      server.watcher.on("change", (path: string) => {
-        if (path.includes(config.slidesDir) && /\.(?:md|mdx)$/.test(path)) {
-          logger.info(`Slide file changed: ${path}`);
+      // Use Vite's built-in watcher for better compatibility
+      server.watcher.on("change", (filePath: string) => {
+        // Convert to absolute path for comparison
+        const absolutePath = path.resolve(resolvedConfig.root, filePath);
+        const absoluteSlidesDir = path.resolve(
+          resolvedConfig.root,
+          config.slidesDir,
+        );
+
+        if (
+          absolutePath.includes(absoluteSlidesDir) &&
+          /\.(?:md|mdx)$/.test(absolutePath)
+        ) {
+          logger.info(`Slide file changed: ${absolutePath}`);
+          reloadModule();
+        }
+      });
+
+      // Also watch for new files
+      server.watcher.on("add", (filePath: string) => {
+        const absolutePath = path.resolve(resolvedConfig.root, filePath);
+        const absoluteSlidesDir = path.resolve(
+          resolvedConfig.root,
+          config.slidesDir,
+        );
+
+        if (
+          absolutePath.includes(absoluteSlidesDir) &&
+          /\.(?:md|mdx)$/.test(absolutePath)
+        ) {
+          logger.info(`Slide file added: ${absolutePath}`);
+          reloadModule();
+        }
+      });
+
+      // Watch for deleted files
+      server.watcher.on("unlink", (filePath: string) => {
+        const absolutePath = path.resolve(resolvedConfig.root, filePath);
+        const absoluteSlidesDir = path.resolve(
+          resolvedConfig.root,
+          config.slidesDir,
+        );
+
+        if (
+          absolutePath.includes(absoluteSlidesDir) &&
+          /\.(?:md|mdx)$/.test(absolutePath)
+        ) {
+          logger.info(`Slide file deleted: ${absolutePath}`);
           reloadModule();
         }
       });
 
-      // Cleanup on server shutdown
+      // Cleanup function (no additional watchers to clean up now)
       return () => {
-        watcher();
+        // No additional cleanup needed since we're using Vite's built-in watcher
       };
     },
   };