@berlysia/vertical-writing-slide-system 0.1.0 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@berlysia/vertical-writing-slide-system",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "bin": {
     "vertical-slides": "./cli.js"
@@ -15,20 +15,6 @@
     "src",
     "index.html"
   ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "build:cli": "tsc --project tsconfig.cli.json",
-    "preversion": "pnpm build:cli",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "build:pages": "node scripts/build-pages.ts",
-    "test:vrt": "playwright test",
-    "test:vrt:clear": "rm -rf tests/__snapshots__",
-    "test:vrt:update": "playwright test --update-snapshots",
-    "ai:test:vrt": "AI=1 playwright test",
-    "ai:test:vrt:update": "AI=1 playwright test --update-snapshots"
-  },
   "dependencies": {
     "@emotion/react": "^11.14.0",
     "@mdx-js/mdx": "^3.1.0",
@@ -69,5 +55,19 @@
     "typescript": "~5.8.2",
     "typescript-eslint": "^8.26.0",
     "unist-util-visit": "^5.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:cli": "tsc --project tsconfig.cli.json",
+    "preversion": "pnpm build:cli",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "build:pages": "node scripts/build-pages.ts",
+    "test:vrt": "playwright test",
+    "test:vrt:clear": "rm -rf tests/__snapshots__",
+    "test:vrt:update": "playwright test --update-snapshots",
+    "ai:test:vrt": "AI=1 playwright test",
+    "ai:test:vrt:update": "AI=1 playwright test --update-snapshots"
   }
-}
+}

package/src/types/slide-metadata.ts

@@ -10,6 +10,8 @@ export interface SlideMetadata {
   author?: string;
   /** 作成日時 */
   date?: string;
+  /** スライドの公開URL（OGP画像のフルURL生成に使用） */
+  url?: string;
   /** OGP画像のパス（ogp.pngが存在する場合に自動設定） */
   ogImage?: string;
   /** その他のカスタムフィールド */

package/src/vite-plugin-slides.ts

@@ -349,9 +349,18 @@ export default async function slidesPlugin(
         const slideContent = parsedFile.content;
 
         // OGP画像を検出してメタデータに設定
+        // baseがフルURL（http/https）の場合はフルURLを生成、そうでなければ相対パス
         const ogpImageFile = checkOgpImage(config.slidesDir, config.collection);
         if (ogpImageFile) {
-          slideMetadata.ogImage = `${base}slide-assets/${ogpImageFile}`;
+          const ogpPath = `slide-assets/${ogpImageFile}`;
+          if (base.startsWith("http://") || base.startsWith("https://")) {
+            // フルURLの場合: baseの末尾スラッシュを正規化し、collection名を含めて結合
+            const normalizedBase = base.endsWith("/") ? base : `${base}/`;
+            slideMetadata.ogImage = `${normalizedBase}${config.collection}/${ogpPath}`;
+          } else {
+            // 相対パスの場合: そのまま相対パスを設定
+            slideMetadata.ogImage = `${base}${ogpPath}`;
+          }
         }
 
         logger.info(`Slide metadata: ${JSON.stringify(slideMetadata)}`);

package/vite.config.ts

@@ -6,7 +6,7 @@ import slidesPlugin from "./src/vite-plugin-slides";
 
 export default defineConfig(async () => {
   return {
-    base: "./",
+    base: process.env.BASE_URL || "./",
     resolve: {
       alias: {
         "@components": path.resolve(