create-supaslidev 0.1.2 → 0.1.4

package/README.md

@@ -43,6 +43,7 @@ pnpm create supaslidev --name my-slides --presentation intro-deck
 | `--install` / `--no-install` | Run pnpm install          | `true`                |
 
 The wizard creates a pnpm workspace with:
+
 - A `presentations/` directory for your decks
 - A `packages/shared/` directory with reusable components, layouts, and styles (configured as a Slidev addon)
 - Shared dependency management via pnpm catalog

package/dist/cli.js

@@ -10,8 +10,86 @@ import ejs from "ejs";
 import pc from "picocolors";
 import { tmpdir } from "node:os";
 
+//#region src/version.ts
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkg = JSON.parse(readFileSync(join(__dirname, "..", "package.json"), "utf-8"));
+const CLI_VERSION = pkg.version;
+const PACKAGE_NAME = "@supaslidev/cli";
+const CACHE_DIR = join(tmpdir(), "supaslidev-cli");
+const CACHE_FILE = join(CACHE_DIR, "version-cache.json");
+const CACHE_TTL_MS = 1440 * 60 * 1e3;
+function compareVersions(current, latest) {
+	const parseVersion = (v) => v.replace(/^v/, "").split(".").map((n) => parseInt(n, 10) || 0);
+	const currentParts = parseVersion(current);
+	const latestParts = parseVersion(latest);
+	for (let i = 0; i < Math.max(currentParts.length, latestParts.length); i++) {
+		const curr = currentParts[i] ?? 0;
+		const lat = latestParts[i] ?? 0;
+		if (lat > curr) return true;
+		if (lat < curr) return false;
+	}
+	return false;
+}
+function readCache() {
+	try {
+		if (!existsSync(CACHE_FILE)) return null;
+		const data = JSON.parse(readFileSync(CACHE_FILE, "utf-8"));
+		if (Date.now() - data.checkedAt > CACHE_TTL_MS) return null;
+		return data;
+	} catch {
+		return null;
+	}
+}
+function writeCache(latestVersion) {
+	try {
+		if (!existsSync(CACHE_DIR)) mkdirSync(CACHE_DIR, { recursive: true });
+		const cache = {
+			latestVersion,
+			checkedAt: Date.now()
+		};
+		writeFileSync(CACHE_FILE, JSON.stringify(cache));
+	} catch {}
+}
+async function fetchLatestPackageVersion(packageName) {
+	try {
+		const controller = new AbortController();
+		const timeoutId = setTimeout(() => controller.abort(), 5e3);
+		const response = await fetch(`https://registry.npmjs.org/${packageName}`, { signal: controller.signal });
+		clearTimeout(timeoutId);
+		if (!response.ok) return null;
+		return (await response.json())["dist-tags"].latest;
+	} catch {
+		return null;
+	}
+}
+async function fetchLatestVersion() {
+	const version = await fetchLatestPackageVersion(PACKAGE_NAME);
+	if (version) writeCache(version);
+	return version;
+}
+function getCachedLatestVersion() {
+	return readCache()?.latestVersion ?? null;
+}
+async function checkForUpdates() {
+	const latestVersion = await fetchLatestVersion();
+	return {
+		currentVersion: CLI_VERSION,
+		latestVersion,
+		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
+	};
+}
+function checkForUpdatesCached() {
+	const latestVersion = getCachedLatestVersion();
+	return {
+		currentVersion: CLI_VERSION,
+		latestVersion,
+		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
+	};
+}
+
+//#endregion
 //#region src/create.ts
-const CLI_VERSION$1 = "0.1.0";
+const SUPASLIDEV_FALLBACK_VERSION = "0.1.4";
 function createSafeSpinner() {
 	if (process.stdout.isTTY && process.stdin.isTTY) {
 		const spinner = p.spinner();
@@ -379,12 +457,14 @@ async function create(options = {}) {
 		trackPath(targetDir);
 		spinner.start("Creating workspace structure...");
 		createDirectoryStructure(targetDir);
+		const supaslidevVersion = `^${await fetchLatestPackageVersion("supaslidev") ?? SUPASLIDEV_FALLBACK_VERSION}`;
 		const templateData = {
 			projectName,
 			presentationName,
 			description: `${projectName} - Slidev presentations monorepo`,
-			cliVersion: CLI_VERSION$1,
-			createdAt: (/* @__PURE__ */ new Date()).toISOString()
+			cliVersion: CLI_VERSION,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+			supaslidevVersion
 		};
 		await renderWorkspaceTemplates(targetDir, options.template ?? "default", templateData);
 		spinner.message("Creating presentation...");
@@ -548,79 +628,6 @@ function getMigrationOrder(manifest) {
 	return order;
 }
 
-//#endregion
-//#region src/version.ts
-const CLI_VERSION = "0.1.0";
-const PACKAGE_NAME = "@supaslidev/cli";
-const CACHE_DIR = join(tmpdir(), "supaslidev-cli");
-const CACHE_FILE = join(CACHE_DIR, "version-cache.json");
-const CACHE_TTL_MS = 1440 * 60 * 1e3;
-function compareVersions(current, latest) {
-	const parseVersion = (v) => v.replace(/^v/, "").split(".").map((n) => parseInt(n, 10) || 0);
-	const currentParts = parseVersion(current);
-	const latestParts = parseVersion(latest);
-	for (let i = 0; i < Math.max(currentParts.length, latestParts.length); i++) {
-		const curr = currentParts[i] ?? 0;
-		const lat = latestParts[i] ?? 0;
-		if (lat > curr) return true;
-		if (lat < curr) return false;
-	}
-	return false;
-}
-function readCache() {
-	try {
-		if (!existsSync(CACHE_FILE)) return null;
-		const data = JSON.parse(readFileSync(CACHE_FILE, "utf-8"));
-		if (Date.now() - data.checkedAt > CACHE_TTL_MS) return null;
-		return data;
-	} catch {
-		return null;
-	}
-}
-function writeCache(latestVersion) {
-	try {
-		if (!existsSync(CACHE_DIR)) mkdirSync(CACHE_DIR, { recursive: true });
-		const cache = {
-			latestVersion,
-			checkedAt: Date.now()
-		};
-		writeFileSync(CACHE_FILE, JSON.stringify(cache));
-	} catch {}
-}
-async function fetchLatestVersion() {
-	try {
-		const controller = new AbortController();
-		const timeoutId = setTimeout(() => controller.abort(), 5e3);
-		const response = await fetch(`https://registry.npmjs.org/${PACKAGE_NAME}`, { signal: controller.signal });
-		clearTimeout(timeoutId);
-		if (!response.ok) return null;
-		const version = (await response.json())["dist-tags"].latest;
-		writeCache(version);
-		return version;
-	} catch {
-		return null;
-	}
-}
-function getCachedLatestVersion() {
-	return readCache()?.latestVersion ?? null;
-}
-async function checkForUpdates() {
-	const latestVersion = await fetchLatestVersion();
-	return {
-		currentVersion: CLI_VERSION,
-		latestVersion,
-		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
-	};
-}
-function checkForUpdatesCached() {
-	const latestVersion = getCachedLatestVersion();
-	return {
-		currentVersion: CLI_VERSION,
-		latestVersion,
-		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
-	};
-}
-
 //#endregion
 //#region src/commands/status.ts
 function getPendingMigrationsCount(workspaceDir) {
@@ -1252,7 +1259,7 @@ function printUpdateNotification(latestVersion) {
 //#endregion
 //#region src/cli.ts
 const program = new Command();
-program.name("create-supaslidev").description("CLI tool for scaffolding Supaslidev presentations").version("0.1.0");
+program.name("create-supaslidev").description("CLI tool for scaffolding Supaslidev presentations").version(CLI_VERSION);
 program.command("create", { isDefault: true }).description("Create a new Supaslidev workspace").option("-n, --name <name>", "Name of the workspace").option("-p, --presentation <name>", "Name of the first presentation").option("-t, --template <template>", "Template to use", "default").option("--git", "Initialize a git repository").option("--no-git", "Skip git initialization").option("--install", "Run pnpm install after scaffolding").option("--no-install", "Skip pnpm install").action(async (options) => {
 	await create(options);
 });

package/dist/index.js

@@ -10,8 +10,86 @@ import { tmpdir } from "node:os";
 import { parse, parseDocument, stringify } from "yaml";
 import { IndentationText, Node, Project, SyntaxKind } from "ts-morph";
 
+//#region src/version.ts
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkg = JSON.parse(readFileSync(join(__dirname, "..", "package.json"), "utf-8"));
+const CLI_VERSION = pkg.version;
+const PACKAGE_NAME = "@supaslidev/cli";
+const CACHE_DIR = join(tmpdir(), "supaslidev-cli");
+const CACHE_FILE = join(CACHE_DIR, "version-cache.json");
+const CACHE_TTL_MS = 1440 * 60 * 1e3;
+function compareVersions(current, latest) {
+	const parseVersion = (v) => v.replace(/^v/, "").split(".").map((n) => parseInt(n, 10) || 0);
+	const currentParts = parseVersion(current);
+	const latestParts = parseVersion(latest);
+	for (let i = 0; i < Math.max(currentParts.length, latestParts.length); i++) {
+		const curr = currentParts[i] ?? 0;
+		const lat = latestParts[i] ?? 0;
+		if (lat > curr) return true;
+		if (lat < curr) return false;
+	}
+	return false;
+}
+function readCache() {
+	try {
+		if (!existsSync(CACHE_FILE)) return null;
+		const data = JSON.parse(readFileSync(CACHE_FILE, "utf-8"));
+		if (Date.now() - data.checkedAt > CACHE_TTL_MS) return null;
+		return data;
+	} catch {
+		return null;
+	}
+}
+function writeCache(latestVersion) {
+	try {
+		if (!existsSync(CACHE_DIR)) mkdirSync(CACHE_DIR, { recursive: true });
+		const cache = {
+			latestVersion,
+			checkedAt: Date.now()
+		};
+		writeFileSync(CACHE_FILE, JSON.stringify(cache));
+	} catch {}
+}
+async function fetchLatestPackageVersion(packageName) {
+	try {
+		const controller = new AbortController();
+		const timeoutId = setTimeout(() => controller.abort(), 5e3);
+		const response = await fetch(`https://registry.npmjs.org/${packageName}`, { signal: controller.signal });
+		clearTimeout(timeoutId);
+		if (!response.ok) return null;
+		return (await response.json())["dist-tags"].latest;
+	} catch {
+		return null;
+	}
+}
+async function fetchLatestVersion() {
+	const version = await fetchLatestPackageVersion(PACKAGE_NAME);
+	if (version) writeCache(version);
+	return version;
+}
+function getCachedLatestVersion() {
+	return readCache()?.latestVersion ?? null;
+}
+async function checkForUpdates() {
+	const latestVersion = await fetchLatestVersion();
+	return {
+		currentVersion: CLI_VERSION,
+		latestVersion,
+		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
+	};
+}
+function checkForUpdatesCached() {
+	const latestVersion = getCachedLatestVersion();
+	return {
+		currentVersion: CLI_VERSION,
+		latestVersion,
+		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
+	};
+}
+
+//#endregion
 //#region src/create.ts
-const CLI_VERSION$2 = "0.1.0";
+const SUPASLIDEV_FALLBACK_VERSION = "0.1.4";
 function createSafeSpinner() {
 	if (process.stdout.isTTY && process.stdin.isTTY) {
 		const spinner = p.spinner();
@@ -379,12 +457,14 @@ async function create(options = {}) {
 		trackPath(targetDir);
 		spinner.start("Creating workspace structure...");
 		createDirectoryStructure(targetDir);
+		const supaslidevVersion = `^${await fetchLatestPackageVersion("supaslidev") ?? SUPASLIDEV_FALLBACK_VERSION}`;
 		const templateData = {
 			projectName,
 			presentationName,
 			description: `${projectName} - Slidev presentations monorepo`,
-			cliVersion: CLI_VERSION$2,
-			createdAt: (/* @__PURE__ */ new Date()).toISOString()
+			cliVersion: CLI_VERSION,
+			createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+			supaslidevVersion
 		};
 		await renderWorkspaceTemplates(targetDir, options.template ?? "default", templateData);
 		spinner.message("Creating presentation...");
@@ -437,7 +517,6 @@ async function create(options = {}) {
 
 //#endregion
 //#region src/state.ts
-const CLI_VERSION$1 = "0.1.0";
 const STATE_DIR = ".supaslidev";
 const STATE_FILE = "state.json";
 function getStatePath(workspaceDir) {
@@ -449,7 +528,7 @@ function getStateDir(workspaceDir) {
 function createInitialState() {
 	const now = (/* @__PURE__ */ new Date()).toISOString();
 	return {
-		cliVersion: CLI_VERSION$1,
+		cliVersion: CLI_VERSION,
 		createdAt: now,
 		lastUpdatedAt: now,
 		appliedMigrations: []
@@ -501,7 +580,7 @@ function hasMigration(workspaceDir, migrationId) {
 function updateCliVersion(workspaceDir) {
 	const state = readState(workspaceDir);
 	if (!state) throw new Error("State file not found. Is this a Supaslidev workspace?");
-	state.cliVersion = CLI_VERSION$1;
+	state.cliVersion = CLI_VERSION;
 	writeState(workspaceDir, state);
 }
 function findWorkspaceRoot(startDir = process.cwd()) {
@@ -594,79 +673,6 @@ function getMigrationOrder(manifest) {
 	return order;
 }
 
-//#endregion
-//#region src/version.ts
-const CLI_VERSION = "0.1.0";
-const PACKAGE_NAME = "@supaslidev/cli";
-const CACHE_DIR = join(tmpdir(), "supaslidev-cli");
-const CACHE_FILE = join(CACHE_DIR, "version-cache.json");
-const CACHE_TTL_MS = 1440 * 60 * 1e3;
-function compareVersions(current, latest) {
-	const parseVersion = (v) => v.replace(/^v/, "").split(".").map((n) => parseInt(n, 10) || 0);
-	const currentParts = parseVersion(current);
-	const latestParts = parseVersion(latest);
-	for (let i = 0; i < Math.max(currentParts.length, latestParts.length); i++) {
-		const curr = currentParts[i] ?? 0;
-		const lat = latestParts[i] ?? 0;
-		if (lat > curr) return true;
-		if (lat < curr) return false;
-	}
-	return false;
-}
-function readCache() {
-	try {
-		if (!existsSync(CACHE_FILE)) return null;
-		const data = JSON.parse(readFileSync(CACHE_FILE, "utf-8"));
-		if (Date.now() - data.checkedAt > CACHE_TTL_MS) return null;
-		return data;
-	} catch {
-		return null;
-	}
-}
-function writeCache(latestVersion) {
-	try {
-		if (!existsSync(CACHE_DIR)) mkdirSync(CACHE_DIR, { recursive: true });
-		const cache = {
-			latestVersion,
-			checkedAt: Date.now()
-		};
-		writeFileSync(CACHE_FILE, JSON.stringify(cache));
-	} catch {}
-}
-async function fetchLatestVersion() {
-	try {
-		const controller = new AbortController();
-		const timeoutId = setTimeout(() => controller.abort(), 5e3);
-		const response = await fetch(`https://registry.npmjs.org/${PACKAGE_NAME}`, { signal: controller.signal });
-		clearTimeout(timeoutId);
-		if (!response.ok) return null;
-		const version = (await response.json())["dist-tags"].latest;
-		writeCache(version);
-		return version;
-	} catch {
-		return null;
-	}
-}
-function getCachedLatestVersion() {
-	return readCache()?.latestVersion ?? null;
-}
-async function checkForUpdates() {
-	const latestVersion = await fetchLatestVersion();
-	return {
-		currentVersion: CLI_VERSION,
-		latestVersion,
-		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
-	};
-}
-function checkForUpdatesCached() {
-	const latestVersion = getCachedLatestVersion();
-	return {
-		currentVersion: CLI_VERSION,
-		latestVersion,
-		updateAvailable: latestVersion ? compareVersions(CLI_VERSION, latestVersion) : false
-	};
-}
-
 //#endregion
 //#region src/commands/status.ts
 function getPendingMigrationsCount(workspaceDir) {
@@ -1346,7 +1352,7 @@ function printUpdateNotification(latestVersion) {
 //#endregion
 //#region src/cli.ts
 const program = new Command();
-program.name("create-supaslidev").description("CLI tool for scaffolding Supaslidev presentations").version("0.1.0");
+program.name("create-supaslidev").description("CLI tool for scaffolding Supaslidev presentations").version(CLI_VERSION);
 program.command("create", { isDefault: true }).description("Create a new Supaslidev workspace").option("-n, --name <name>", "Name of the workspace").option("-p, --presentation <name>", "Name of the first presentation").option("-t, --template <template>", "Template to use", "default").option("--git", "Initialize a git repository").option("--no-git", "Skip git initialization").option("--install", "Run pnpm install after scaffolding").option("--no-install", "Skip pnpm install").action(async (options) => {
 	await create(options);
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-supaslidev",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "CLI tool for scaffolding Supaslidev presentations",
   "keywords": [
     "slidev",

package/templates/default/package.json.ejs

@@ -12,7 +12,8 @@
     "deploy": "supaslidev deploy"
   },
   "devDependencies": {
-    "supaslidev": "^0.1.3"
+    "playwright-chromium": "catalog:",
+    "supaslidev": "<%= supaslidevVersion %>"
   },
   "engines": {
     "node": ">=18.0.0"

package/templates/default/pnpm-workspace.yaml.ejs

@@ -11,3 +11,4 @@ catalog:
   '@vue/compiler-sfc': ^3.5.27
   typescript: ^5.3.3
   vue-tsc: ^2.0.0
+  playwright-chromium: ^1.58.2