slidev-workspace 0.1.6 → 0.1.8

package/dist/cli.js

@@ -7,7 +7,6 @@ import tailwindcss from "@tailwindcss/vite";
 import { existsSync, readFileSync, readdirSync, watch } from "fs";
 import { basename, join as join$1, resolve as resolve$1 } from "path";
 import { parse } from "yaml";
-import "vue";
 
 //#region src/scripts/config.ts
 const DEFAULT_CONFIG = {
@@ -112,7 +111,7 @@ if (import.meta.url === `file://${process.argv[1]}`) {
 }
 
 //#endregion
-//#region src/scripts/vite-plugin-slides.ts
+//#region src/vite/plugin-slides.ts
 function slidesPlugin() {
 	return {
 		name: "vite-plugin-slides",

package/dist/index.d.ts

@@ -1,5 +1,4 @@
 import * as vue0 from "vue";
-import { Plugin } from "vite";
 
 //#region src/types/slide.d.ts
 interface SlideFrontmatter {
@@ -20,7 +19,6 @@ interface SlideFrontmatter {
   };
   author?: string;
   date?: string;
-  [key: string]: any;
 }
 interface SlideInfo {
   id: string;
@@ -31,7 +29,6 @@ interface SlideInfo {
   content: string;
 }
 interface SlideData {
-  id: string;
   title: string;
   url: string;
   description: string;
@@ -41,20 +38,14 @@ interface SlideData {
   theme?: string;
   transition?: string;
   class?: string;
-  sourceDir: string;
-  path: string;
-  fullPath: string;
-  frontmatter: SlideFrontmatter;
-  content: string;
 }
 //#endregion
-//#region src/scripts/getSlideFrontmatter.d.ts
-declare function getSlideFrontmatter(slideId: string): SlideInfo | null;
-declare function getSlideFrontmatterByPath(slideDir: string, slideName: string): SlideInfo | null;
-declare function getAllSlidesFrontmatter(): SlideInfo[];
-//#endregion
-//#region src/scripts/vite-plugin-slides.d.ts
-declare function slidesPlugin(): Plugin;
+//#region src/preview/composables/useSlides.d.ts
+declare function useSlides(): {
+  slides: vue0.ComputedRef<SlideData[]>;
+  slidesCount: vue0.ComputedRef<number>;
+  loadSlidesData: () => Promise<void>;
+};
 //#endregion
 //#region src/types/config.d.ts
 interface SlidevWorkspaceConfig {
@@ -64,26 +55,4 @@ interface SlidevWorkspaceConfig {
   exclude: string[];
 }
 //#endregion
-//#region src/scripts/config.d.ts
-declare function loadConfig(workingDir?: string): SlidevWorkspaceConfig;
-declare function resolveSlidesDirs(config: SlidevWorkspaceConfig, workingDir?: string): string[];
-//#endregion
-//#region src/preview/composables/useSlides.d.ts
-interface SlideData$1 {
-  title: string;
-  url: string;
-  description: string;
-  image: string;
-  author: string;
-  date: string;
-  theme?: string;
-  transition?: string;
-  class?: string;
-}
-declare function useSlides(): {
-  slides: vue0.ComputedRef<SlideData$1[]>;
-  slidesCount: vue0.ComputedRef<number>;
-  loadSlidesData: () => Promise<void>;
-};
-//#endregion
-export { type SlideData, type SlideFrontmatter, type SlideInfo, type SlidevWorkspaceConfig, getAllSlidesFrontmatter, getSlideFrontmatter, getSlideFrontmatterByPath, loadConfig, resolveSlidesDirs, slidesPlugin, useSlides };
+export { type SlideData, type SlideFrontmatter, type SlideInfo, type SlidevWorkspaceConfig, useSlides };

package/dist/index.js

@@ -1,167 +1,12 @@
-import { existsSync, readFileSync, readdirSync, watch } from "fs";
-import { basename, join, resolve } from "path";
-import { parse } from "yaml";
 import { computed, ref } from "vue";
 
-//#region src/scripts/config.ts
-const DEFAULT_CONFIG = {
-	slidesDir: ["./slides"],
-	outputDir: "./dist",
-	baseUrl: "/",
-	exclude: ["node_modules", ".git"]
-};
-function loadConfig(workingDir) {
-	const configPaths = [
-		"slidev-workspace.config.js",
-		"slidev-workspace.config.ts",
-		"slidev-workspace.yml",
-		"slidev-workspace.yaml"
-	];
-	const projectRoot = workingDir || process.env.SLIDEV_WORKSPACE_CWD || process.cwd();
-	for (const configPath of configPaths) {
-		const fullPath = join(projectRoot, configPath);
-		if (existsSync(fullPath)) try {
-			if (configPath.endsWith(".yml") || configPath.endsWith(".yaml")) {
-				const content = readFileSync(fullPath, "utf8");
-				const config = parse(content);
-				return {
-					...DEFAULT_CONFIG,
-					...config
-				};
-			}
-		} catch (error) {
-			console.warn(`Failed to load config from ${fullPath}:`, error);
-		}
-	}
-	return DEFAULT_CONFIG;
-}
-function resolveSlidesDirs(config, workingDir) {
-	const projectRoot = workingDir || process.env.SLIDEV_WORKSPACE_CWD || process.cwd();
-	const resolvedDirs = (config.slidesDir || []).map((dir) => {
-		if (resolve(dir) === dir) return dir;
-		else return resolve(projectRoot, dir);
-	}).filter((dir) => {
-		const exists = existsSync(dir);
-		return exists;
-	});
-	return resolvedDirs;
-}
-
-//#endregion
-//#region src/scripts/getSlideFrontmatter.ts
-function getSlideFrontmatter(slideId) {
-	const allSlides = getAllSlidesFrontmatter();
-	return allSlides.find((slide) => slide.id === slideId) || null;
-}
-function getSlideFrontmatterByPath(slideDir, slideName) {
-	try {
-		const fullPath = join(slideDir, slideName, "slides.md");
-		if (!existsSync(fullPath)) {
-			console.warn(`File not found: ${fullPath}`);
-			return null;
-		}
-		const content = readFileSync(fullPath, "utf8");
-		const frontmatterMatch = content.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
-		if (!frontmatterMatch) {
-			console.warn(`Frontmatter not found in ${fullPath}`);
-			return null;
-		}
-		const frontmatterYaml = frontmatterMatch[1];
-		const frontmatter = parse(frontmatterYaml);
-		const sourceBasename = basename(slideDir);
-		const slideId = `${sourceBasename}/${slideName}`;
-		return {
-			id: slideId,
-			path: slideName,
-			fullPath,
-			sourceDir: slideDir,
-			frontmatter,
-			content: content.replace(frontmatterMatch[0], "")
-		};
-	} catch (error) {
-		console.error(`Error parsing frontmatter for ${slideName} in ${slideDir}:`, error);
-		return null;
-	}
-}
-function getAllSlidesFrontmatter() {
-	const config = loadConfig();
-	const slidesDirs = resolveSlidesDirs(config);
-	const slides = [];
-	for (const slidesDir of slidesDirs) {
-		if (!existsSync(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);
-			for (const slideDir of slideDirs) {
-				const slideInfo = getSlideFrontmatterByPath(slidesDir, slideDir);
-				if (slideInfo) slides.push(slideInfo);
-			}
-		} catch (error) {
-			console.error(`Error reading slides directory ${slidesDir}:`, error);
-		}
-	}
-	return slides;
-}
-if (import.meta.url === `file://${process.argv[1]}`) {
-	const slides = getAllSlidesFrontmatter();
-	console.log(JSON.stringify(slides, null, 2));
-}
-
-//#endregion
-//#region src/scripts/vite-plugin-slides.ts
-function slidesPlugin() {
-	return {
-		name: "vite-plugin-slides",
-		configureServer(server) {
-			const watchers = [];
-			const config = loadConfig();
-			const slidesDirs = resolveSlidesDirs(config);
-			slidesDirs.forEach((slidesDir) => {
-				const watcher = watch(slidesDir, { recursive: true }, (eventType, filename) => {
-					if (filename && filename.endsWith("slides.md")) try {
-						const slides = getAllSlidesFrontmatter();
-						server.ws.send({
-							type: "custom",
-							event: "slides-updated",
-							data: slides
-						});
-					} catch (error) {
-						console.error("❌ Error reading slides frontmatter:", error);
-					}
-				});
-				watchers.push(watcher);
-			});
-			server.httpServer?.once("close", () => {
-				watchers.forEach((watcher) => watcher.close());
-			});
-		},
-		resolveId(id) {
-			if (id === "slidev:content") return id;
-		},
-		load(id) {
-			if (id === "slidev:content") try {
-				const slides = getAllSlidesFrontmatter();
-				return `export const slidesData = ${JSON.stringify(slides, null, 2)};
-export default slidesData;`;
-			} catch (error) {
-				console.error("Error loading slides data:", error);
-				return `export const slidesData = [];
-export default slidesData;`;
-			}
-		}
-	};
-}
-
-//#endregion
 //#region src/preview/composables/useSlides.ts
 function useSlides() {
 	const slidesData = ref([]);
 	const loadSlidesData = async () => {
 		try {
 			const module = await import("slidev:content");
-			slidesData.value = module.default || module.slidesData || [];
+			slidesData.value = module.default || [];
 		} catch (error) {
 			console.warn("Failed to load slides data:", error);
 			slidesData.value = [];
@@ -191,4 +36,4 @@ function useSlides() {
 }
 
 //#endregion
-export { getAllSlidesFrontmatter, getSlideFrontmatter, getSlideFrontmatterByPath, loadConfig, resolveSlidesDirs, slidesPlugin, useSlides };
+export { useSlides };

package/dist/plugin-slides.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from "vite";
+
+//#region src/vite/plugin-slides.d.ts
+declare function slidesPlugin(): Plugin;
+//#endregion
+export { slidesPlugin };

package/dist/plugin-slides.js

@@ -0,0 +1,153 @@
+import { existsSync, readFileSync, readdirSync, watch } from "fs";
+import { basename, join, resolve } from "path";
+import { parse } from "yaml";
+
+//#region src/scripts/config.ts
+const DEFAULT_CONFIG = {
+	slidesDir: ["./slides"],
+	outputDir: "./dist",
+	baseUrl: "/",
+	exclude: ["node_modules", ".git"]
+};
+function loadConfig(workingDir) {
+	const configPaths = [
+		"slidev-workspace.config.js",
+		"slidev-workspace.config.ts",
+		"slidev-workspace.yml",
+		"slidev-workspace.yaml"
+	];
+	const projectRoot = workingDir || process.env.SLIDEV_WORKSPACE_CWD || process.cwd();
+	for (const configPath of configPaths) {
+		const fullPath = join(projectRoot, configPath);
+		if (existsSync(fullPath)) try {
+			if (configPath.endsWith(".yml") || configPath.endsWith(".yaml")) {
+				const content = readFileSync(fullPath, "utf8");
+				const config = parse(content);
+				return {
+					...DEFAULT_CONFIG,
+					...config
+				};
+			}
+		} catch (error) {
+			console.warn(`Failed to load config from ${fullPath}:`, error);
+		}
+	}
+	return DEFAULT_CONFIG;
+}
+function resolveSlidesDirs(config, workingDir) {
+	const projectRoot = workingDir || process.env.SLIDEV_WORKSPACE_CWD || process.cwd();
+	const resolvedDirs = (config.slidesDir || []).map((dir) => {
+		if (resolve(dir) === dir) return dir;
+		else return resolve(projectRoot, dir);
+	}).filter((dir) => {
+		const exists = existsSync(dir);
+		return exists;
+	});
+	return resolvedDirs;
+}
+
+//#endregion
+//#region src/scripts/getSlideFrontmatter.ts
+function getSlideFrontmatterByPath(slideDir, slideName) {
+	try {
+		const fullPath = join(slideDir, slideName, "slides.md");
+		if (!existsSync(fullPath)) {
+			console.warn(`File not found: ${fullPath}`);
+			return null;
+		}
+		const content = readFileSync(fullPath, "utf8");
+		const frontmatterMatch = content.match(/^---\s*\n([\s\S]*?)\n---\s*\n/);
+		if (!frontmatterMatch) {
+			console.warn(`Frontmatter not found in ${fullPath}`);
+			return null;
+		}
+		const frontmatterYaml = frontmatterMatch[1];
+		const frontmatter = parse(frontmatterYaml);
+		const sourceBasename = basename(slideDir);
+		const slideId = `${sourceBasename}/${slideName}`;
+		return {
+			id: slideId,
+			path: slideName,
+			fullPath,
+			sourceDir: slideDir,
+			frontmatter,
+			content: content.replace(frontmatterMatch[0], "")
+		};
+	} catch (error) {
+		console.error(`Error parsing frontmatter for ${slideName} in ${slideDir}:`, error);
+		return null;
+	}
+}
+function getAllSlidesFrontmatter() {
+	const config = loadConfig();
+	const slidesDirs = resolveSlidesDirs(config);
+	const slides = [];
+	for (const slidesDir of slidesDirs) {
+		if (!existsSync(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);
+			for (const slideDir of slideDirs) {
+				const slideInfo = getSlideFrontmatterByPath(slidesDir, slideDir);
+				if (slideInfo) slides.push(slideInfo);
+			}
+		} catch (error) {
+			console.error(`Error reading slides directory ${slidesDir}:`, error);
+		}
+	}
+	return slides;
+}
+if (import.meta.url === `file://${process.argv[1]}`) {
+	const slides = getAllSlidesFrontmatter();
+	console.log(JSON.stringify(slides, null, 2));
+}
+
+//#endregion
+//#region src/vite/plugin-slides.ts
+function slidesPlugin() {
+	return {
+		name: "vite-plugin-slides",
+		configureServer(server) {
+			const watchers = [];
+			const config = loadConfig();
+			const slidesDirs = resolveSlidesDirs(config);
+			slidesDirs.forEach((slidesDir) => {
+				const watcher = watch(slidesDir, { recursive: true }, (eventType, filename) => {
+					if (filename && filename.endsWith("slides.md")) try {
+						const slides = getAllSlidesFrontmatter();
+						server.ws.send({
+							type: "custom",
+							event: "slides-updated",
+							data: slides
+						});
+					} catch (error) {
+						console.error("❌ Error reading slides frontmatter:", error);
+					}
+				});
+				watchers.push(watcher);
+			});
+			server.httpServer?.once("close", () => {
+				watchers.forEach((watcher) => watcher.close());
+			});
+		},
+		resolveId(id) {
+			if (id === "slidev:content") return id;
+		},
+		load(id) {
+			if (id === "slidev:content") try {
+				const slides = getAllSlidesFrontmatter();
+				return `export const slidesData = ${JSON.stringify(slides, null, 2)};
+export default slidesData;`;
+			} catch (error) {
+				console.error("Error loading slides data:", error);
+				return `export const slidesData = [];
+export default slidesData;`;
+			}
+		}
+	};
+}
+
+//#endregion
+export { slidesPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slidev-workspace",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "A workspace tool for managing multiple Slidev presentations with API-based content management",
   "type": "module",
   "license": "MIT",
@@ -27,6 +27,7 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
+    "./vite": "./dist/plugin-slides.js",
     "./package.json": "./package.json",
     "./scripts": "./scripts"
   },
@@ -34,7 +35,7 @@
     "access": "public"
   },
   "dependencies": {
-    "yaml": "^2.8.0",
+    "@tailwindcss/vite": "^4.1.11",
     "@vitejs/plugin-vue": "^6.0.0",
     "@vueuse/core": "^13.5.0",
     "class-variance-authority": "^0.7.1",
@@ -44,29 +45,24 @@
     "tw-animate-css": "^1.3.5",
     "vite": "npm:rolldown-vite@latest",
     "vue": "^3.5.17",
-    "@tailwindcss/vite": "^4.1.11"
+    "yaml": "^2.8.0"
   },
   "devDependencies": {
-    "tsdown": "^0.11.9",
-    "typescript": "^5.8.3",
-    "vitest": "^3.1.3",
-    "vue-tsc": "^3.0.3",
+    "@prettier/plugin-oxc": "^0.0.4",
     "@tsconfig/node22": "^22.0.2",
     "@types/node": "^22.15.32",
-    "@vue/eslint-config-prettier": "^10.2.0",
-    "@vue/eslint-config-typescript": "^14.5.1",
     "@vue/tsconfig": "^0.7.0",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^9.29.0",
-    "eslint-plugin-oxlint": "~1.1.0",
-    "eslint-plugin-vue": "~10.2.0",
     "jiti": "^2.4.2",
     "npm-run-all2": "^8.0.4",
     "oxlint": "~1.1.0",
     "postcss": "^8.5.6",
     "prettier": "3.5.3",
     "tailwindcss": "^4.1.11",
-    "vite-plugin-vue-devtools": "^7.7.7"
+    "tsdown": "^0.11.9",
+    "typescript": "^5.8.3",
+    "vite-plugin-vue-devtools": "^7.7.7",
+    "vitest": "^3.1.3",
+    "vue-tsc": "^3.0.3"
   },
   "scripts": {
     "build": "tsdown",
@@ -74,7 +70,7 @@
     "dev:watch": "tsdown --watch",
     "test": "vitest",
     "typecheck": "vue-tsc --noEmit",
-    "lint": "eslint . --fix",
+    "lint": "oxlint",
     "format": "prettier --write src/"
   }
 }

package/src/preview/assets/main.css

@@ -1,4 +1,4 @@
-@import 'tailwindcss';
+@import "tailwindcss";
 @import "tw-animate-css";
 
 @custom-variant dark (&:is(.dark *));

package/src/preview/components/SlideCard.vue

@@ -1,5 +1,8 @@
 <template>
-  <Card class="group hover:shadow-lg transition-all duration-200 cursor-pointer" @click="$emit('click')">
+  <Card
+    class="group hover:shadow-lg transition-all duration-200 cursor-pointer"
+    @click="$emit('click')"
+  >
     <div class="relative overflow-hidden rounded-t-lg">
       <img
         :src="image || '/placeholder.svg'"
@@ -9,24 +12,36 @@
     </div>
 
     <CardHeader class="pb-2">
-      <CardTitle class="text-lg line-clamp-2 group-hover:text-primary transition-colors">
+      <CardTitle
+        class="text-lg line-clamp-2 group-hover:text-primary transition-colors"
+      >
         {{ title }}
       </CardTitle>
     </CardHeader>
 
     <CardContent class="space-y-3">
-      <CardDescription class="line-clamp-3 text-sm h-[40px]">{{ description }}</CardDescription>
+      <CardDescription class="line-clamp-3 text-sm h-[40px]">{{
+        description
+      }}</CardDescription>
 
       <div class="flex flex-wrap gap-1 mb-2">
-        <span v-if="theme" class="inline-flex items-center px-2 py-1 rounded-full text-xs bg-blue-100 text-blue-800">
+        <span
+          v-if="theme"
+          class="inline-flex items-center px-2 py-1 rounded-full text-xs bg-blue-100 text-blue-800"
+        >
           {{ theme }}
         </span>
-        <span v-if="sourceDir" class="inline-flex items-center px-2 py-1 rounded-full text-xs bg-green-100 text-green-800">
-          {{ sourceDir.split('/').pop() }}
+        <span
+          v-if="sourceDir"
+          class="inline-flex items-center px-2 py-1 rounded-full text-xs bg-green-100 text-green-800"
+        >
+          {{ sourceDir.split("/").pop() }}
         </span>
       </div>
 
-      <div class="flex items-center justify-between text-xs text-muted-foreground pt-2 border-t">
+      <div
+        class="flex items-center justify-between text-xs text-muted-foreground pt-2 border-t"
+      >
         <div class="flex items-center gap-1">
           <User class="h-3 w-3" />
           <span>{{ author }}</span>
@@ -41,22 +56,28 @@
 </template>
 
 <script setup lang="ts">
-import { Calendar, User } from 'lucide-vue-next'
+import { Calendar, User } from "lucide-vue-next";
 
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from "@/components/ui/card";
 
 defineProps<{
-  title: string
-  image?: string
-  description?: string
-  url: string
-  author: string
-  date: string
-  theme?: string
-  sourceDir?: string
-}>()
+  title: string;
+  image?: string;
+  description?: string;
+  url: string;
+  author: string;
+  date: string;
+  theme?: string;
+  sourceDir?: string;
+}>();
 
 defineEmits<{
-  click: []
-}>()
+  click: [];
+}>();
 </script>

package/src/preview/components/SlideDeck.vue

@@ -47,13 +47,6 @@
         />
       </div>
     </div>
-
-    <!-- Slide Detail Modal -->
-    <SlideDetail
-      v-if="selectedSlide"
-      :slide="selectedSlide"
-      @close="closeSlide"
-    />
   </div>
 </template>
 
@@ -62,27 +55,25 @@ import { ref, computed } from "vue";
 import { useSlides } from "../composables/useSlides";
 import { Input } from "../components/ui/input";
 import SlideCard from "./SlideCard.vue";
-import SlideDetail from "./SlideDetail.vue";
+import type { SlideData } from "../../types/slide";
 
 const searchTerm = ref("");
 const { slides, slidesCount } = useSlides();
 
 const filteredSlides = computed(() => {
   if (!searchTerm.value) return slides.value;
-  return slides.value.filter((slide) =>
-    slide.title.toLowerCase().includes(searchTerm.value.toLowerCase()) ||
-    slide.description.toLowerCase().includes(searchTerm.value.toLowerCase()) ||
-    slide.author.toLowerCase().includes(searchTerm.value.toLowerCase())
+  return slides.value.filter(
+    (slide) =>
+      slide.title.toLowerCase().includes(searchTerm.value.toLowerCase()) ||
+      slide.description
+        .toLowerCase()
+        .includes(searchTerm.value.toLowerCase()) ||
+      slide.author.toLowerCase().includes(searchTerm.value.toLowerCase()),
   );
 });
 
-const selectedSlide = ref(null);
-
-const openSlide = (slide: any) => {
-  selectedSlide.value = slide;
-};
-
-const closeSlide = () => {
-  selectedSlide.value = null;
+const openSlide = (slide: SlideData) => {
+  const url = `${window.location.href}/${slide.url}`;
+  window.open(url, "_blank");
 };
 </script>

package/src/preview/components/ui/button/Button.vue

@@ -14,8 +14,8 @@ import type { VariantProps } from "class-variance-authority";
 
 interface Props {
   as?: string;
-  variant?: VariantProps<typeof buttonVariants>['variant'];
-  size?: VariantProps<typeof buttonVariants>['size'];
+  variant?: VariantProps<typeof buttonVariants>["variant"];
+  size?: VariantProps<typeof buttonVariants>["size"];
 }
 
 const props = withDefaults(defineProps<Props>(), {

package/src/preview/components/ui/button/index.ts

@@ -26,7 +26,7 @@ export const buttonVariants = cva(
       variant: "default",
       size: "default",
     },
-  }
+  },
 );
 
 export type ButtonVariants = VariantProps<typeof buttonVariants>;