@berlysia/vertical-writing-slide-system 0.0.20 → 0.0.22

package/package.json

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

package/src/index.css

@@ -40,7 +40,7 @@ code {
   .wrapper {
     width: 100%;
     height: 100%;
-    padding: 1.2rem 1.2rem;
+    padding: 2rem;
 
     position: relative;
 
@@ -60,20 +60,20 @@ code {
   }
 
   h1 {
-    font-size: 1.4rem;
+    font-size: 1.4em;
     font-weight: bold;
     margin: 0;
-    margin-block-end: 0.2rem;
+    margin-block-end: 0.2em;
   }
   ul,
   ol {
     list-style-position: outside;
     margin: 0;
-    margin-block-end: 1rem;
+    margin-block-end: 1em;
   }
   ul ul,
   ol ol {
-    margin-block-end: 1rem;
+    margin-block-end: 1em;
   }
   ul ul ul,
   ol ol ol {
@@ -81,7 +81,7 @@ code {
   }
   p {
     margin: 0;
-    margin-block-end: 0.5rem;
+    margin-block-end: 0.5em;
   }
 
   .wm-toggle {

package/src/screen.css

@@ -86,7 +86,7 @@ body,
   bottom: 16px;
   background-color: rgba(255, 255, 255, 0.9);
   opacity: 0;
-  padding: 1rem;
+  padding: 16px;
   border-radius: 8px;
   transition: opacity 0.2s ease-out;
 }

package/src/vite-plugin-slides.ts

@@ -534,14 +534,18 @@ export default async function slidesPlugin(
         });
       };
 
+      // Explicitly add external slides directory to watcher
+      const absoluteSlidesDir = path.resolve(config.slidesDir);
+      if (fs.existsSync(absoluteSlidesDir)) {
+        server.watcher.add(absoluteSlidesDir);
+        logger.info(`Added slides directory to watcher: ${absoluteSlidesDir}`);
+      }
+
       // 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,
-        );
+        // filePath is already absolute when coming from watcher
+        const absolutePath = path.resolve(filePath);
+        const absoluteSlidesDir = path.resolve(config.slidesDir);
 
         if (
           absolutePath.includes(absoluteSlidesDir) &&
@@ -554,11 +558,9 @@ export default async function slidesPlugin(
 
       // 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,
-        );
+        // filePath is already absolute when coming from watcher
+        const absolutePath = path.resolve(filePath);
+        const absoluteSlidesDir = path.resolve(config.slidesDir);
 
         if (
           absolutePath.includes(absoluteSlidesDir) &&
@@ -571,11 +573,9 @@ export default async function slidesPlugin(
 
       // 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,
-        );
+        // filePath is already absolute when coming from watcher
+        const absolutePath = path.resolve(filePath);
+        const absoluteSlidesDir = path.resolve(config.slidesDir);
 
         if (
           absolutePath.includes(absoluteSlidesDir) &&