slidev-workspace 0.1.8 → 0.1.9

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Leo Chiu
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/cli.js

@@ -1,10 +1,13 @@
 #!/usr/bin/env node
 import { fileURLToPath } from "node:url";
 import { dirname, join, resolve } from "node:path";
+import { existsSync, mkdirSync, readdirSync } from "node:fs";
+import { cp } from "node:fs/promises";
+import { execSync } from "node:child_process";
 import { build, createServer } from "vite";
 import vue from "@vitejs/plugin-vue";
 import tailwindcss from "@tailwindcss/vite";
-import { existsSync, readFileSync, readdirSync, watch } from "fs";
+import { existsSync as existsSync$1, readFileSync, readdirSync as readdirSync$1, watch } from "fs";
 import { basename, join as join$1, resolve as resolve$1 } from "path";
 import { parse } from "yaml";
 
@@ -25,7 +28,7 @@ function loadConfig(workingDir) {
 	const projectRoot = workingDir || process.env.SLIDEV_WORKSPACE_CWD || process.cwd();
 	for (const configPath of configPaths) {
 		const fullPath = join$1(projectRoot, configPath);
-		if (existsSync(fullPath)) try {
+		if (existsSync$1(fullPath)) try {
 			if (configPath.endsWith(".yml") || configPath.endsWith(".yaml")) {
 				const content = readFileSync(fullPath, "utf8");
 				const config = parse(content);
@@ -46,7 +49,7 @@ function resolveSlidesDirs(config, workingDir) {
 		if (resolve$1(dir) === dir) return dir;
 		else return resolve$1(projectRoot, dir);
 	}).filter((dir) => {
-		const exists = existsSync(dir);
+		const exists = existsSync$1(dir);
 		return exists;
 	});
 	return resolvedDirs;
@@ -57,7 +60,7 @@ function resolveSlidesDirs(config, workingDir) {
 function getSlideFrontmatterByPath(slideDir, slideName) {
 	try {
 		const fullPath = join$1(slideDir, slideName, "slides.md");
-		if (!existsSync(fullPath)) {
+		if (!existsSync$1(fullPath)) {
 			console.warn(`File not found: ${fullPath}`);
 			return null;
 		}
@@ -89,12 +92,12 @@ function getAllSlidesFrontmatter() {
 	const slidesDirs = resolveSlidesDirs(config);
 	const slides = [];
 	for (const slidesDir of slidesDirs) {
-		if (!existsSync(slidesDir)) {
+		if (!existsSync$1(slidesDir)) {
 			console.warn(`Slides directory not found: ${slidesDir}`);
 			continue;
 		}
 		try {
-			const slideDirs = readdirSync(slidesDir, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).filter((dirent) => !(config.exclude || []).includes(dirent.name)).map((dirent) => dirent.name);
+			const slideDirs = readdirSync$1(slidesDir, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).filter((dirent) => !(config.exclude || []).includes(dirent.name)).map((dirent) => dirent.name);
 			for (const slideDir of slideDirs) {
 				const slideInfo = getSlideFrontmatterByPath(slidesDir, slideDir);
 				if (slideInfo) slides.push(slideInfo);
@@ -181,11 +184,72 @@ function createViteConfig() {
 		}
 	};
 }
+async function buildAllSlides() {
+	const workspaceCwd = process.env.SLIDEV_WORKSPACE_CWD || process.cwd();
+	const config = loadConfig(workspaceCwd);
+	const slidesDirs = resolveSlidesDirs(config, workspaceCwd);
+	console.log("🔨 Building all slides...");
+	for (const slidesDir of slidesDirs) {
+		if (!existsSync(slidesDir)) {
+			console.warn(`⚠️ Slides directory not found: ${slidesDir}`);
+			continue;
+		}
+		const slides = readdirSync(slidesDir, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name);
+		for (const slideName of slides) {
+			const slideDir = join(slidesDir, slideName);
+			const packageJsonPath = join(slideDir, "package.json");
+			if (!existsSync(packageJsonPath)) {
+				console.warn(`⚠️ Skipping ${slideName}: no package.json found`);
+				continue;
+			}
+			console.log(`📦 Building slide: ${slideName}`);
+			try {
+				const buildCmd = `pnpm --filter "./slides/${slideName}" run build --base ${config.baseUrl}${slideName}/`;
+				execSync(buildCmd, {
+					cwd: workspaceCwd,
+					stdio: "inherit"
+				});
+				console.log(`✅ Built slide: ${slideName}`);
+			} catch (error) {
+				console.error(`❌ Failed to build slide ${slideName}:`, error);
+				process.exit(1);
+			}
+		}
+	}
+}
+async function copyToGhPages() {
+	const workspaceCwd = process.env.SLIDEV_WORKSPACE_CWD || process.cwd();
+	const config = loadConfig(workspaceCwd);
+	const slidesDirs = resolveSlidesDirs(config, workspaceCwd);
+	const ghPagesDir = join(workspaceCwd, "_gh-pages");
+	console.log("📁 Copying files to _gh-pages directory...");
+	if (!existsSync(ghPagesDir)) mkdirSync(ghPagesDir, { recursive: true });
+	for (const slidesDir of slidesDirs) {
+		if (!existsSync(slidesDir)) continue;
+		const slides = readdirSync(slidesDir, { withFileTypes: true }).filter((dirent) => dirent.isDirectory()).map((dirent) => dirent.name);
+		for (const slideName of slides) {
+			const slideDistDir = join(slidesDir, slideName, "dist");
+			const targetDir = join(ghPagesDir, slideName);
+			if (existsSync(slideDistDir)) {
+				console.log(`📋 Copying ${slideName} to _gh-pages...`);
+				await cp(slideDistDir, targetDir, { recursive: true });
+			}
+		}
+	}
+	const previewDistDir = join(workspaceCwd, config.outputDir);
+	if (existsSync(previewDistDir)) {
+		console.log("📋 Copying preview app as index...");
+		await cp(previewDistDir, ghPagesDir, { recursive: true });
+	}
+	console.log("✅ All files copied to _gh-pages successfully!");
+}
 async function runViteBuild() {
 	try {
+		await buildAllSlides();
 		console.log("📦 Building Slidev Workspace for production...");
 		const config = createViteConfig();
 		await build(config);
+		await copyToGhPages();
 		console.log("✅ Build completed successfully!");
 	} catch (error) {
 		console.error("❌ Build failed:", error);
@@ -217,8 +281,11 @@ Commands:
   help    Show this help message
 
 Examples:
-  slidev-workspace dev    # Start development server
-  slidev-workspace build  # Build for production
+  slidev-workspace dev                                    # Start development server
+  slidev-workspace build                                  # Build all slides and preview app
+
+Configuration:
+  Use slidev-workspace.yml to set baseUrl for all builds
 
 For more information, visit: https://github.com/author/slidev-workspace
 `);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slidev-workspace",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "A workspace tool for managing multiple Slidev presentations with API-based content management",
   "type": "module",
   "license": "MIT",

package/README.md

@@ -1,145 +0,0 @@
-# Slidev Workspace
-
-一個用於管理多個 Slidev 演示文稿的工作區工具，提供類似 Contentful API 的內容管理介面。
-
-## 功能特色
-
-✨ **自動發現 Slides**: 自動掃描配置目錄中的所有 Slidev 演示文稿  
-🔍 **智慧搜尋**: 支援按標題、描述、作者和主題搜尋  
-📊 **Frontmatter 解析**: 完整解析每個 slide 的 YAML frontmatter  
-🌐 **類 Contentful API**: 提供結構化的 API 介面來存取 slides  
-🎨 **現代介面**: 使用 Vue 3 + Tailwind CSS 的響應式介面  
-🔥 **熱重載**: 開發時自動檢測 slides 變更
-
-## 安裝和使用
-
-### 1. 基本使用
-
-```bash
-# 開發模式
-pnpm run slidev-workspace:dev
-
-# 建置
-pnpm run slidev-workspace:build
-```
-
-### 2. CLI 工具 (計劃中)
-
-```bash
-# 全域安裝後
-slidev-workspace dev
-slidev-workspace build
-```
-
-## 配置
-
-在專案根目錄創建 `slidev-workspace.yml` 來配置 slides 來源：
-
-```yaml
-# Slidev Workspace 配置
-slidesDir:
-  - "../../demo/slides"    # 相對路徑到 slides 目錄
-  - "./slides"             # 本地 slides 目錄
-
-outputDir: "./slide-decks/dist"
-baseUrl: "/"
-
-exclude:
-  - "node_modules"
-  - ".git"
-  - ".DS_Store"
-```
-
-## API 介面
-
-### 基本 API
-
-```typescript
-import { slidesApi } from '@/composables/useSlidesApi'
-
-// 獲取所有 slides
-const { data: slides } = await slidesApi.getEntries()
-
-// 搜尋 slides
-const results = await slidesApi.getEntries({ 
-  search: 'Vue.js',
-  theme: 'seriph',
-  limit: 10 
-})
-
-// 獲取特定 slide
-const { data: slide } = await slidesApi.getEntry('slides/my-presentation')
-```
-
-### 響應式查詢
-
-```vue
-<script setup>
-import { ref } from 'vue'
-import { slidesApi } from '@/composables/useSlidesApi'
-
-const searchOptions = ref({
-  search: '',
-  theme: 'seriph',
-  sort: 'title'
-})
-
-// 即時搜尋結果
-const slides = slidesApi.createLiveQuery(searchOptions)
-</script>
-```
-
-## 專案結構
-
-```
-packages/slidev-workspace/
-├── scripts/                 # 核心腳本
-│   ├── config.ts           # 配置管理
-│   ├── getSlideFrontmatter.ts # Slides 解析
-│   └── vite-plugin-slides.ts # Vite 插件
-├── slide-decks/            # Vue 應用
-│   ├── src/
-│   │   ├── components/     # UI 組件
-│   │   ├── composables/    # API 邏輯
-│   │   └── utils/         # 工具函數
-│   └── package.json
-├── src/                    # 庫匯出
-│   ├── index.ts           # 主要匯出
-│   └── cli.ts             # CLI 工具
-└── slidev-workspace.yml    # 配置檔案
-```
-
-## 測試
-
-```bash
-# 測試核心功能
-npx tsx test-slides.js
-
-# 預期輸出
-🔍 Testing Slidev Workspace functionality...
-📁 Loading slides...
-✅ Found 2 slides:
-
-1. Welcome to Slidev
-   ID: slides/slidev-starter-1
-   Source: /Users/.../demo/slides
-   Theme: seriph
-```
-
-## 開發
-
-這個工具是基於以下技術棧開發：
-
-- **後端**: Node.js + TypeScript
-- **前端**: Vue 3 + Composition API
-- **樣式**: Tailwind CSS
-- **建置**: Vite + tsdown
-- **包管理**: pnpm workspace
-
-## 貢獻
-
-歡迎提交 Issues 和 Pull Requests！
-
-## 許可證
-
-MIT License