@berlysia/vertical-writing-slide-system 0.0.25 → 0.0.27

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.25",
+  "version": "0.0.27",
   "type": "module",
   "bin": {
     "vertical-slides": "./cli.js"

package/src/remark-slide-images.ts

@@ -44,7 +44,7 @@ const remarkSlideImages: Plugin<[RemarkSlideImagesOptions], Root> = (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         const htmlNode = node as any;
         const value = htmlNode.value as string;
-        if (value.startsWith("<img")) {
+        if (value.includes("<img")) {
           htmlNode.value = value.replace(
             /<img\s+([^>]*src="(@slide\/[^"]+)"[^>]*)>/g,
             (_, attributes, src) => {

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}`);
     }
   }
 
@@ -422,7 +423,7 @@ export default async function slidesPlugin(
 
         // Return as a module with CSS injection
         return `
-            ${slideComponentsFilenames.map((filename) => `import * as ${filenameToComponentName(filename)} from '@components/${filename}';`).join("\n")}
+            ${slideComponentsFilenames.map((filename) => `import * as ${filenameToComponentName(filename)} from '${slideComponentsDir}/${filename}';`).join("\n")}
 
             const SlideComponents = {${slideComponentsFilenames.map((filename) => `...${filenameToComponentName(filename)}`).join(", ")}};
 
@@ -474,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}`);
         }
       }
     },