@open-slide/core 0.0.4 → 0.0.6

package/dist/build-BCORlVF3.js

@@ -0,0 +1,16 @@
+import { createViteConfig } from "./config-DF58h0l4.js";
+import path from "node:path";
+import { build as build$1, mergeConfig } from "vite";
+
+//#region src/cli/build.ts
+async function build(opts = {}) {
+	const base = await createViteConfig({
+		userCwd: process.cwd(),
+		mode: "build"
+	});
+	const config = mergeConfig(base, { build: { ...opts.outDir !== void 0 ? { outDir: path.resolve(process.cwd(), opts.outDir) } : {} } });
+	await build$1(config);
+}
+
+//#endregion
+export { build };

package/dist/cli/bin.js

@@ -1,57 +1,46 @@
 #!/usr/bin/env node
+import chalk from "chalk";
 import { readFile } from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath } from "node:url";
+import { Command, Option } from "commander";
 
 //#region src/cli/run.ts
-const HELP = `open-slide — author slides, we handle the Vite/React stack
-
-Usage:
-  open-slide dev              Start dev server
-  open-slide build            Build a static site
-  open-slide preview          Preview the production build
-  open-slide --help           Show this message
-  open-slide --version        Print version
-`;
 async function readVersion() {
 	const here = path.dirname(fileURLToPath(import.meta.url));
 	const pkgPath = path.resolve(here, "..", "..", "package.json");
 	const raw = await readFile(pkgPath, "utf8");
 	return JSON.parse(raw).version;
 }
+function parsePort(value) {
+	const n = Number(value);
+	if (!Number.isInteger(n) || n < 0 || n > 65535) throw new Error(`Invalid port: ${value}`);
+	return n;
+}
 async function run(argv) {
-	const [cmd] = argv;
-	if (!cmd || cmd === "--help" || cmd === "-h" || cmd === "help") {
-		process.stdout.write(HELP);
-		return;
-	}
-	if (cmd === "--version" || cmd === "-v") {
-		process.stdout.write(`${await readVersion()}\n`);
-		return;
-	}
-	if (cmd === "dev") {
-		const { dev } = await import("../dev-rlOZacWo.js");
-		await dev();
-		return;
-	}
-	if (cmd === "build") {
-		const { build } = await import("../build-CuoESF2g.js");
-		await build();
-		return;
-	}
-	if (cmd === "preview") {
-		const { preview } = await import("../preview-DCrD9X36.js");
-		await preview();
-		return;
-	}
-	process.stderr.write(`Unknown command: ${cmd}\n\n${HELP}`);
-	process.exit(1);
+	const version = await readVersion();
+	const program = new Command();
+	program.name("open-slide").description("Author slides — we handle the Vite/React stack.").version(version, "-v, --version", "print version").helpOption("-h, --help", "show help").showHelpAfterError(chalk.dim("(run `open-slide --help` for usage)"));
+	program.command("dev").description("Start the dev server").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").action(async (flags) => {
+		const { dev } = await import("../dev-h-rxb3xY.js");
+		await dev(flags);
+	});
+	program.command("build").description("Build a static site").option("--out-dir <dir>", "output directory (defaults to `dist`)").action(async (flags) => {
+		const { build } = await import("../build-BCORlVF3.js");
+		await build(flags);
+	});
+	program.command("preview").description("Preview the production build").addOption(new Option("-p, --port <port>", "port to listen on").argParser(parsePort)).addOption(new Option("--host [host]", "expose on the network (optional host)")).option("--open", "open the browser on start").action(async (flags) => {
+		const { preview } = await import("../preview-lskE0s8A.js");
+		await preview(flags);
+	});
+	await program.parseAsync(argv, { from: "user" });
 }
 
 //#endregion
 //#region src/cli/bin.ts
 run(process.argv.slice(2)).catch((err) => {
-	process.stderr.write(`${err instanceof Error ? err.message : String(err)}\n`);
+	const message = err instanceof Error ? err.message : String(err);
+	process.stderr.write(`${chalk.red("error:")} ${message}\n`);
 	process.exit(1);
 });
 

package/dist/dev-h-rxb3xY.js

@@ -0,0 +1,19 @@
+import { createViteConfig } from "./config-DF58h0l4.js";
+import { createServer, mergeConfig } from "vite";
+
+//#region src/cli/dev.ts
+async function dev(opts = {}) {
+	const base = await createViteConfig({ userCwd: process.cwd() });
+	const config = mergeConfig(base, { server: {
+		...opts.port !== void 0 ? { port: opts.port } : {},
+		...opts.host !== void 0 ? { host: opts.host } : {},
+		...opts.open !== void 0 ? { open: opts.open } : {}
+	} });
+	const server = await createServer(config);
+	await server.listen();
+	server.printUrls();
+	server.bindCLIShortcuts({ print: true });
+}
+
+//#endregion
+export { dev };

package/dist/preview-lskE0s8A.js

@@ -0,0 +1,17 @@
+import { createViteConfig } from "./config-DF58h0l4.js";
+import { mergeConfig, preview as preview$1 } from "vite";
+
+//#region src/cli/preview.ts
+async function preview(opts = {}) {
+	const base = await createViteConfig({ userCwd: process.cwd() });
+	const config = mergeConfig(base, { preview: {
+		...opts.port !== void 0 ? { port: opts.port } : {},
+		...opts.host !== void 0 ? { host: opts.host } : {},
+		...opts.open !== void 0 ? { open: opts.open } : {}
+	} });
+	const server = await preview$1(config);
+	server.printUrls();
+}
+
+//#endregion
+export { preview };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-slide/core",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "Runtime and CLI for open-slide — write slides in slides/, we handle the rest.",
   "type": "module",
   "exports": {
@@ -44,8 +44,10 @@
     "@fontsource-variable/geist": "^5.2.8",
     "@tailwindcss/vite": "^4.2.2",
     "@vitejs/plugin-react": "^4.3.3",
+    "chalk": "^5.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "commander": "^12.1.0",
     "emoji-picker-react": "^4.18.0",
     "fast-glob": "^3.3.2",
     "fflate": "^0.8.2",

package/src/app/components/Player.tsx

@@ -59,7 +59,10 @@ export function Player({ pages, index, onIndexChange, onExit }: Props) {
   const PageComp = pages[index];
 
   return (
-    <div ref={rootRef} className="relative flex h-screen w-screen items-center justify-center bg-black">
+    <div
+      ref={rootRef}
+      className="relative flex h-screen w-screen items-center justify-center bg-black"
+    >
       <SlideCanvas flat>{PageComp ? <PageComp /> : null}</SlideCanvas>
       <button
         type="button"

package/src/app/components/ThumbnailRail.tsx

@@ -1,3 +1,4 @@
+import { useEffect, useRef } from 'react';
 import { cn } from '@/lib/utils';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import type { Page } from '../lib/sdk';
@@ -15,6 +16,12 @@ const THUMB_SCALE = THUMB_WIDTH / CANVAS_WIDTH;
 const THUMB_HEIGHT = CANVAS_HEIGHT * THUMB_SCALE;
 
 export function ThumbnailRail({ pages, current, onSelect }: Props) {
+  const activeRef = useRef<HTMLButtonElement | null>(null);
+
+  useEffect(() => {
+    activeRef.current?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+  }, [current]);
+
   return (
     <ScrollArea className="h-full border-r bg-card">
       <aside className="flex flex-col gap-2.5 p-3">
@@ -23,6 +30,7 @@ export function ThumbnailRail({ pages, current, onSelect }: Props) {
           return (
             <button
               key={i}
+              ref={active ? activeRef : undefined}
               onClick={() => onSelect(i)}
               aria-label={`Go to page ${i + 1}`}
               aria-current={active ? 'true' : undefined}

package/src/app/components/inspector/InspectOverlay.tsx

@@ -42,14 +42,15 @@ export function InspectOverlay() {
       if (!hit) return;
       e.preventDefault();
       e.stopPropagation();
+      const anchorRect = hit.anchor.getBoundingClientRect();
       setPending({
         line: hit.line,
         column: hit.column,
-        anchorRect: hit.anchor.getBoundingClientRect(),
+        anchorRect,
         clickX: e.clientX,
         clickY: e.clientY,
       });
-      setHover(null);
+      setHover({ rect: anchorRect, hit });
     };
 
     window.addEventListener('pointermove', onMove, true);

package/src/app/lib/export-html.ts

@@ -9,7 +9,8 @@ import type { SlideModule } from './sdk';
 
 type AssetEntry = { name: string; bytes: Uint8Array };
 
-const ASSET_EXT_RE = /\.(?:png|jpe?g|gif|svg|webp|avif|mp4|webm|mov|woff2?|ttf|otf|mp3|wav|ogg)(?:\?[^#]*)?(?:#.*)?$/i;
+const ASSET_EXT_RE =
+  /\.(?:png|jpe?g|gif|svg|webp|avif|mp4|webm|mov|woff2?|ttf|otf|mp3|wav|ogg)(?:\?[^#]*)?(?:#.*)?$/i;
 
 export async function exportSlideAsHtml(slide: SlideModule, slideId: string): Promise<void> {
   const pages = slide.default ?? [];
@@ -218,7 +219,11 @@ function shortHash(input: string): string {
   return (h >>> 0).toString(36).slice(0, 6);
 }
 
-function rewriteUrls(source: string, assets: Map<string, AssetEntry>, kind: 'html' | 'css'): string {
+function rewriteUrls(
+  source: string,
+  assets: Map<string, AssetEntry>,
+  kind: 'html' | 'css',
+): string {
   let out = source;
   for (const [orig, { name }] of assets) {
     const replacement = kind === 'css' ? `./assets/${name}` : `assets/${name}`;
@@ -234,7 +239,9 @@ function buildHtml(opts: {
   externalLinks: string;
 }): string {
   const pagesMarkup = opts.pagesHtml
-    .map((page, i) => `<div class="os-page" data-idx="${i}"${i === 0 ? '' : ' hidden'}>${page}</div>`)
+    .map(
+      (page, i) => `<div class="os-page" data-idx="${i}"${i === 0 ? '' : ' hidden'}>${page}</div>`,
+    )
     .join('');
 
   return `<!doctype html>

package/dist/build-CuoESF2g.js

@@ -1,14 +0,0 @@
-import { createViteConfig } from "./config-DF58h0l4.js";
-import { build as build$1 } from "vite";
-
-//#region src/cli/build.ts
-async function build() {
-	const config = await createViteConfig({
-		userCwd: process.cwd(),
-		mode: "build"
-	});
-	await build$1(config);
-}
-
-//#endregion
-export { build };

package/dist/dev-rlOZacWo.js

@@ -1,14 +0,0 @@
-import { createViteConfig } from "./config-DF58h0l4.js";
-import { createServer } from "vite";
-
-//#region src/cli/dev.ts
-async function dev() {
-	const config = await createViteConfig({ userCwd: process.cwd() });
-	const server = await createServer(config);
-	await server.listen();
-	server.printUrls();
-	server.bindCLIShortcuts({ print: true });
-}
-
-//#endregion
-export { dev };

package/dist/preview-DCrD9X36.js

@@ -1,12 +0,0 @@
-import { createViteConfig } from "./config-DF58h0l4.js";
-import { preview as preview$1 } from "vite";
-
-//#region src/cli/preview.ts
-async function preview() {
-	const config = await createViteConfig({ userCwd: process.cwd() });
-	const server = await preview$1(config);
-	server.printUrls();
-}
-
-//#endregion
-export { preview };