@berlysia/vertical-writing-slide-system 0.0.24 → 0.0.26

package/cli.js

@@ -25,9 +25,12 @@ async function runDev() {
             libPath,
             // Allow serving files from the current working directory
             projectPath,
+            // Allow serving public assets from project directory
+            resolve(projectPath, "public"),
           ],
         },
       },
+      publicDir: resolve(projectPath, "public"), // Set public directory to project path
     });
 
     await server.listen();

package/package.json

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

package/src/index.css

@@ -65,6 +65,21 @@ code {
     margin: 0;
     margin-block-end: 0.2em;
   }
+
+  h2 {
+    font-size: 1.2em;
+    font-weight: bold;
+    margin: 0;
+    margin-block-end: 0.2em;
+  }
+
+  h3 {
+    font-size: 1em;
+    font-weight: bold;
+    margin: 0;
+    margin-block-end: 0.2em;
+  }
+
   ul,
   ol {
     list-style-position: outside;

package/src/vite-plugin-slides.ts

@@ -1,7 +1,8 @@
 import type { Plugin, ViteDevServer, ResolvedConfig } from "vite";
 import * as fs from "node:fs";
 import * as path from "node:path";
-import { mkdirSync, copyFileSync, readdirSync } from "node:fs";
+import { mkdirSync, readdirSync } from "node:fs";
+import { copyFile } from "node:fs/promises";
 import prompts from "prompts";
 import { compile } from "@mdx-js/mdx";
 import { unified } from "unified";
@@ -116,7 +117,7 @@ function loadAdjacentScripts(
         );
       }
     } catch (error) {
-      logger.warn("Failed to parse scripts.json:", error);
+      logger.warn(`Failed to parse scripts.json: ${error}`);
     }
   }
 
@@ -322,7 +323,27 @@ export default async function slidesPlugin(
           // スライド固有のスクリプトを文字列として生成
           const slideScriptsString = JSON.stringify(slideScripts);
 
+          // スライド固有のCSSを文字列として生成
+          const slideStylesString =
+            slideStyles.length > 0
+              ? JSON.stringify(slideStyles.join("\n\n"))
+              : "null";
+
           return `
+            // スライド固有のCSSを注入
+            const slideStyles = ${slideStylesString};
+            if (slideStyles && typeof document !== 'undefined') {
+              const existingStyleElement = document.getElementById('slide-custom-styles');
+              if (existingStyleElement) {
+                existingStyleElement.textContent = slideStyles;
+              } else {
+                const styleElement = document.createElement('style');
+                styleElement.id = 'slide-custom-styles';
+                styleElement.textContent = slideStyles;
+                document.head.appendChild(styleElement);
+              }
+            }
+
             export default ${JSON.stringify(processedSlides.map((p) => p.value))};
             export const slideScripts = ${slideScriptsString};
           `;
@@ -454,36 +475,56 @@ export default async function slidesPlugin(
     async buildStart() {
       // Handle images during dev mode
       if (resolvedConfig.command === "serve") {
-        const targetImagesDir = path.resolve(
-          resolvedConfig.root,
-          "public/slide-assets/images",
-        );
+        // CLIモードでは適切なパスを使用
+        const isExternalCLI = process.cwd() !== resolvedConfig.root;
+        const targetImagesDir = isExternalCLI
+          ? path.resolve(process.cwd(), "public/slide-assets/images")
+          : path.resolve(resolvedConfig.root, "public/slide-assets/images");
+
         const sourceImagesDir = path.resolve(
           config.slidesDir,
           config.collection,
           "images",
         );
 
+        logger.info(`Checking for images in: ${sourceImagesDir}`);
+        logger.info(`Target images directory: ${targetImagesDir}`);
+
         // Copy images from slides directory
         if (fs.existsSync(sourceImagesDir)) {
           try {
             // Create target directory if it doesn't exist
             mkdirSync(targetImagesDir, { recursive: true });
 
-            // Copy all files from source to target
+            // Copy all files from source to target using async operations
             const imageFiles = readdirSync(sourceImagesDir);
-            for (const file of imageFiles) {
-              const sourcePath = path.join(sourceImagesDir, file);
-              const targetPath = path.join(targetImagesDir, file);
-              copyFileSync(sourcePath, targetPath);
+            logger.info(`Found ${imageFiles.length} image files to copy`);
+
+            if (imageFiles.length > 0) {
+              const copyPromises = imageFiles.map(async (file) => {
+                const sourcePath = path.join(sourceImagesDir, file);
+                const targetPath = path.join(targetImagesDir, file);
+                await copyFile(sourcePath, targetPath);
+                logger.info(`Copied image: ${file}`);
+                return file;
+              });
+
+              // すべての画像コピーが完了するまで待機
+              const copiedFiles = await Promise.all(copyPromises);
+              logger.info(
+                `Successfully copied ${copiedFiles.length} slide images`,
+              );
+            } else {
+              logger.info("No image files found to copy");
             }
-            logger.info("Copied slide images successfully");
           } catch (error) {
             if (error instanceof Error) {
               logger.error("Failed to copy slide images", error);
             }
             throw error;
           }
+        } else {
+          logger.info(`No images directory found at: ${sourceImagesDir}`);
         }
       }
     },