@open-slide/core 0.0.12 → 0.0.13

package/dist/{build-aiY_8kwE.js → build-DC3FTpWO.js}

@@ -1,5 +1,5 @@
-import "./design-CROQh0AA.js";
-import { createViteConfig } from "./config-CVqRAagl.js";
+import "./design-BUML7uvZ.js";
+import { createViteConfig } from "./config-Cuw0mC5h.js";
 import path from "node:path";
 import { build as build$1, mergeConfig } from "vite";
 

package/dist/cli/bin.js

@@ -57,15 +57,15 @@ async function run(argv) {
 	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").option("--no-skills-check", "skip the built-in skills drift check").action(async (flags) => {
 		if (flags.skillsCheck !== false) await runSkillsDriftCheck(resolveBuiltinSkillsDir());
-		const { dev } = await import("../dev-R2we2iaF.js");
+		const { dev } = await import("../dev-BuWsdYvn.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-aiY_8kwE.js");
+		const { build } = await import("../build-DC3FTpWO.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-CU4zSyGp.js");
+		const { preview } = await import("../preview-CIcG-lP3.js");
 		await preview(flags);
 	});
 	program.command("sync:skills").description("Sync built-in skills from @open-slide/core into this workspace").option("--dry-run", "show what would change without writing").action(async (flags) => {

package/dist/{config-CVqRAagl.js → config-Cuw0mC5h.js}

@@ -1,4 +1,4 @@
-import { defaultDesign } from "./design-CROQh0AA.js";
+import { defaultDesign } from "./design-BUML7uvZ.js";
 import fs from "node:fs/promises";
 import path from "node:path";
 import { fileURLToPath } from "node:url";

package/dist/{design-CROQh0AA.js → design-BUML7uvZ.js}

@@ -1,4 +1,4 @@
-//#region src/design.ts
+//#region src/app/lib/design.ts
 function designToCssVars(d) {
 	return {
 		"--osd-bg": d.palette.bg,

package/dist/{dev-R2we2iaF.js → dev-BuWsdYvn.js}

@@ -1,5 +1,5 @@
-import "./design-CROQh0AA.js";
-import { createViteConfig } from "./config-CVqRAagl.js";
+import "./design-BUML7uvZ.js";
+import { createViteConfig } from "./config-Cuw0mC5h.js";
 import { createServer, mergeConfig } from "vite";
 
 //#region src/cli/dev.ts

package/dist/index.d.ts

@@ -20,7 +20,7 @@ declare function ImagePlaceholder({
 }: ImagePlaceholderProps): react_jsx_runtime0.JSX.Element;
 
 //#endregion
-//#region src/design.d.ts
+//#region src/app/lib/design.d.ts
 type DesignPalette = {
   bg: string;
   text: string;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { cssVarsToString, defaultDesign, designToCssVars } from "./design-CROQh0AA.js";
+import { cssVarsToString, defaultDesign, designToCssVars } from "./design-BUML7uvZ.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/app/components/image-placeholder.tsx

package/dist/{preview-CU4zSyGp.js → preview-CIcG-lP3.js}

@@ -1,5 +1,5 @@
-import "./design-CROQh0AA.js";
-import { createViteConfig } from "./config-CVqRAagl.js";
+import "./design-BUML7uvZ.js";
+import { createViteConfig } from "./config-Cuw0mC5h.js";
 import { mergeConfig, preview as preview$1 } from "vite";
 
 //#region src/cli/preview.ts

package/dist/vite/index.js

@@ -1,4 +1,4 @@
-import "../design-CROQh0AA.js";
-import { createViteConfig } from "../config-CVqRAagl.js";
+import "../design-BUML7uvZ.js";
+import { createViteConfig } from "../config-Cuw0mC5h.js";
 
 export { createViteConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@open-slide/core",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "Runtime and CLI for open-slide — write slides in slides/, we handle the rest.",
   "type": "module",
   "exports": {

package/src/app/components/player.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useWheelPageNavigation } from '@/lib/use-wheel-page-navigation';
 import { cn } from '@/lib/utils';
-import type { DesignSystem } from '../../design';
+import type { DesignSystem } from '../lib/design';
 import type { Page } from '../lib/sdk';
 import { PresentBlackoutOverlay } from './present/blackout-overlay';
 import { PresentControlBar } from './present/control-bar';

package/src/app/components/present/overview-grid.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react';
 import { cn } from '@/lib/utils';
-import type { DesignSystem } from '../../../design';
+import type { DesignSystem } from '../../lib/design';
 import type { Page } from '../../lib/sdk';
 import { CANVAS_HEIGHT, CANVAS_WIDTH } from '../../lib/sdk';
 import { SlideCanvas } from '../slide-canvas';

package/src/app/components/slide-canvas.tsx

@@ -1,6 +1,6 @@
 import { type CSSProperties, type ReactNode, useEffect, useRef, useState } from 'react';
 import { cn } from '@/lib/utils';
-import { type DesignSystem, designToCssVars } from '../../design';
+import { type DesignSystem, designToCssVars } from '../lib/design';
 import { CANVAS_HEIGHT, CANVAS_WIDTH } from '../lib/sdk';
 
 type Props = {

package/src/app/components/style-panel/design-provider.tsx

@@ -10,7 +10,7 @@ import {
 } from 'react';
 import { toast } from 'sonner';
 import { useHistory } from '@/components/history-provider';
-import { type DesignSystem, defaultDesign, designToCssVars } from '../../../design';
+import { type DesignSystem, defaultDesign, designToCssVars } from '../../lib/design';
 import { useDesign as useDesignFetch } from './use-design';
 
 type DesignCtx = {

package/src/app/components/style-panel/use-design.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
-import type { DesignSystem } from '../../../design';
+import type { DesignSystem } from '../../lib/design';
 
 type FetchedState = {
   design: DesignSystem | null;

package/src/app/components/thumbnail-rail.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef } from 'react';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { cn } from '@/lib/utils';
-import type { DesignSystem } from '../../design';
+import type { DesignSystem } from '../lib/design';
 import type { Page } from '../lib/sdk';
 import { CANVAS_HEIGHT, CANVAS_WIDTH } from '../lib/sdk';
 import { SlideCanvas } from './slide-canvas';

package/src/app/lib/design.ts

@@ -0,0 +1,64 @@
+export type DesignPalette = {
+  bg: string;
+  text: string;
+  accent: string;
+};
+
+export type DesignFonts = {
+  display: string;
+  body: string;
+};
+
+export type DesignTypeScale = {
+  hero: number;
+  body: number;
+};
+
+export type DesignRadius = {
+  md: number;
+};
+
+export type DesignSystem = {
+  palette: DesignPalette;
+  fonts: DesignFonts;
+  typeScale: DesignTypeScale;
+  radius: DesignRadius;
+};
+
+export function designToCssVars(d: DesignSystem): Record<string, string> {
+  return {
+    '--osd-bg': d.palette.bg,
+    '--osd-text': d.palette.text,
+    '--osd-accent': d.palette.accent,
+    '--osd-font-display': d.fonts.display,
+    '--osd-font-body': d.fonts.body,
+    '--osd-size-hero': `${d.typeScale.hero}px`,
+    '--osd-size-body': `${d.typeScale.body}px`,
+    '--osd-radius-md': `${d.radius.md}px`,
+  };
+}
+
+export function cssVarsToString(vars: Record<string, string>): string {
+  return Object.entries(vars)
+    .map(([k, v]) => `  ${k}: ${v};`)
+    .join('\n');
+}
+
+export const defaultDesign: DesignSystem = {
+  palette: {
+    bg: '#f7f5f0',
+    text: '#1a1814',
+    accent: '#6d4cff',
+  },
+  fonts: {
+    display: 'Georgia, "Times New Roman", serif',
+    body: '-apple-system, BlinkMacSystemFont, "Inter", system-ui, sans-serif',
+  },
+  typeScale: {
+    hero: 168,
+    body: 36,
+  },
+  radius: {
+    md: 12,
+  },
+};

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

@@ -5,7 +5,7 @@
 
 import { createElement } from 'react';
 import { createRoot } from 'react-dom/client';
-import { designToCssVars } from '../../design';
+import { designToCssVars } from './design';
 import type { SlideModule } from './sdk';
 
 type AssetEntry = { name: string; bytes: Uint8Array };

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

@@ -5,7 +5,7 @@
 
 import { createElement } from 'react';
 import { createRoot, type Root } from 'react-dom/client';
-import { designToCssVars } from '../../design';
+import { designToCssVars } from './design';
 import { isFrameAnimationSettled, waitForDataWaitfor, waitForFonts } from './print-ready';
 import type { SlideModule } from './sdk';
 

package/src/app/lib/sdk.ts

@@ -1,5 +1,5 @@
 import type { ComponentType } from 'react';
-import type { DesignSystem } from '../../design.ts';
+import type { DesignSystem } from './design.ts';
 
 export type Page = ComponentType;