@archetypeai/ds-cli 0.3.16 → 0.3.18

package/lib/install-fonts-local.js

@@ -0,0 +1,212 @@
+import { existsSync, readdirSync, copyFileSync, mkdirSync, writeFileSync } from 'fs';
+import { join, resolve } from 'path';
+
+// all 15 required font files
+export const REQUIRED_FONTS = [
+  // PP Neue Montreal Sans (.ttf)
+  'PPNeueMontreal-Thin.ttf',
+  'PPNeueMontreal-ThinItalic.ttf',
+  'PPNeueMontreal-Light.ttf',
+  'PPNeueMontreal-Regular.ttf',
+  'PPNeueMontreal-Italic.ttf',
+  'PPNeueMontreal-Book.ttf',
+  'PPNeueMontreal-Medium.ttf',
+  'PPNeueMontreal-Bold.ttf',
+  'PPNeueMontreal-BoldItalic.ttf',
+  // PP Neue Montreal Mono (.otf)
+  'PPNeueMontrealMono-Thin.otf',
+  'PPNeueMontrealMono-Regular.otf',
+  'PPNeueMontrealMono-RegularItalic.otf',
+  'PPNeueMontrealMono-Book.otf',
+  'PPNeueMontrealMono-Medium.otf',
+  'PPNeueMontrealMono-Bold.otf'
+];
+
+// hardcoded fonts.css template
+export const FONTS_CSS = `/* PP Neue Montreal Sans*/
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-Book.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal';
+  src: url('/fonts/PPNeueMontreal-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+
+/* PP Neue Montreal Mono */
+
+@font-face {
+  font-family: 'PP Neue Montreal Mono';
+  src: url('/fonts/PPNeueMontrealMono-Thin.otf') format('opentype');
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal Mono';
+  src: url('/fonts/PPNeueMontrealMono-Regular.otf') format('opentype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal Mono';
+  src: url('/fonts/PPNeueMontrealMono-RegularItalic.otf') format('opentype');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal Mono';
+  src: url('/fonts/PPNeueMontrealMono-Book.otf') format('opentype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal Mono';
+  src: url('/fonts/PPNeueMontrealMono-Medium.otf') format('opentype');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'PP Neue Montreal Mono';
+  src: url('/fonts/PPNeueMontrealMono-Bold.otf') format('opentype');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+`;
+
+// validate that a directory contains all required font files
+export function validateFontsPath(fontsPath) {
+  const resolved = resolve(fontsPath);
+
+  if (!existsSync(resolved)) {
+    return { valid: false, missing: REQUIRED_FONTS, error: `Path does not exist: ${resolved}` };
+  }
+
+  let entries;
+  try {
+    entries = readdirSync(resolved);
+  } catch {
+    return { valid: false, missing: REQUIRED_FONTS, error: `Cannot read directory: ${resolved}` };
+  }
+
+  const missing = REQUIRED_FONTS.filter((f) => !entries.includes(f));
+  if (missing.length > 0) {
+    return {
+      valid: false,
+      missing,
+      error: `Missing ${missing.length} font file(s): ${missing.join(', ')}`
+    };
+  }
+
+  return { valid: true, missing: [] };
+}
+
+// copy required font files to <project>/static/fonts/
+export function copyFontsToStatic(fontsPath, projectPath) {
+  const src = resolve(fontsPath);
+  const dest = join(projectPath, 'static', 'fonts');
+  mkdirSync(dest, { recursive: true });
+
+  for (const file of REQUIRED_FONTS) {
+    copyFileSync(join(src, file), join(dest, file));
+  }
+
+  return REQUIRED_FONTS.length;
+}
+
+// write fonts.css to src/routes/fonts.css
+function writeFontsCss(projectPath) {
+  const cssPath = join(projectPath, 'src', 'routes', 'fonts.css');
+  const dir = join(projectPath, 'src', 'routes');
+  if (!existsSync(dir)) {
+    mkdirSync(dir, { recursive: true });
+  }
+  writeFileSync(cssPath, FONTS_CSS);
+}
+
+// orchestrate: validate, copy fonts, write fonts.css
+export function installLocalFonts(fontsPath, projectPath) {
+  const validation = validateFontsPath(fontsPath);
+  if (!validation.valid) {
+    return { success: false, fileCount: 0, error: validation.error };
+  }
+
+  const fileCount = copyFontsToStatic(fontsPath, projectPath);
+  writeFontsCss(projectPath);
+
+  return { success: true, fileCount };
+}

package/lib/is-interactive.js

@@ -1,5 +1,3 @@
-import * as p from '@clack/prompts';
-
 export const DEFAULTS = {
   framework: 'svelte',
   pm: 'npm',
@@ -10,10 +8,3 @@ export function isInteractive(flags) {
   if (flags.defaults) return false;
   return !!process.stdin.isTTY;
 }
-
-export function logDefaultsNotice(applied) {
-  const parts = Object.entries(applied).map(([k, v]) => `${k}=${v}`);
-  if (parts.length > 0) {
-    p.log.info(`Non-interactive mode: using defaults (${parts.join(', ')})`);
-  }
-}

package/lib/scaffold-ds-svelte-project.js

@@ -88,23 +88,6 @@ export async function installTokens(pm, projectPath) {
   }
 }
 
-// install internal fonts package
-export async function installFonts(pm, projectPath) {
-  const [cmd, ...baseArgs] = splitCmd(pm.install);
-  const args = [...baseArgs, '@archetypeai/ds-lib-fonts-internal'];
-  const s = p.spinner();
-  s.start('Installing internal fonts');
-  try {
-    await run(cmd, args, { cwd: projectPath });
-    s.stop('Internal fonts installed');
-    return true;
-  } catch {
-    s.stop('Failed to install internal fonts');
-    p.log.warn('Make sure you are authenticated with npm (run: npm login)');
-    return false;
-  }
-}
-
 // init shadcn-svelte
 export async function initShadcn(pm, projectPath) {
   const s = p.spinner();
@@ -166,7 +149,7 @@ export function cn(...inputs) {
 export function configureCss(projectPath, includeFonts) {
   let css = '';
   if (includeFonts) {
-    css += '@import "@archetypeai/ds-lib-fonts-internal";\n';
+    css += '@import "./fonts.css";\n';
   }
   css += '@import "@archetypeai/ds-lib-tokens/theme.css";\n';
   css += '@import "tailwindcss";\n';
@@ -211,7 +194,7 @@ export function prependCss(projectPath, includeFonts) {
 
   let imports = '';
   if (includeFonts) {
-    imports += '@import "@archetypeai/ds-lib-fonts-internal";\n';
+    imports += '@import "./fonts.css";\n';
   }
   imports += '@import "@archetypeai/ds-lib-tokens/theme.css";\n';
   imports += '@import "tailwindcss";\n';
@@ -256,20 +239,40 @@ export async function installComponents(pm, projectPath, componentUrls) {
   }
 }
 
-// add a demo page with Button examples to app
+// add a demo page with design system examples to app
 export function createDemoPage(projectPath) {
   const pagePath = join(projectPath, 'src/routes/+page.svelte');
   const demoContent = `<script>
-\timport Button from "$lib/components/ui/primitives/button/button.svelte";
+\timport Menubar from '$lib/components/ui/patterns/menubar/index.js';
+\timport { Button } from '$lib/components/ui/primitives/button/index.js';
+\timport BackgroundCard from '$lib/components/ui/patterns/background-card/index.js';
+\timport ActivityIcon from '@lucide/svelte/icons/activity';
+\timport CpuIcon from '@lucide/svelte/icons/cpu';
+\timport GaugeIcon from '@lucide/svelte/icons/gauge';
+\timport ThermometerIcon from '@lucide/svelte/icons/thermometer';
 </script>
 
-<div class="flex flex-col items-center justify-center min-h-screen space-y-xl">
-  <Button variant="default">Default</Button>
-  <Button variant="ghost">Ghost</Button>
-  <Button variant="outline">Outline</Button>
-  <Button variant="secondary">Secondary</Button>
-  <Button variant="destructive">Destructive</Button>
-  <Button variant="link">Link</Button>
+<div
+\tclass="bg-background text-foreground grid h-screen w-screen grid-rows-[auto_1fr] overflow-hidden"
+>
+\t<Menubar>
+\t\t<Button variant="link" class="text-muted-foreground">Send Report</Button>
+\t</Menubar>
+
+\t<main class="grid grid-cols-2 grid-rows-2 gap-4 overflow-hidden p-4">
+\t\t<BackgroundCard title="Panel 1" icon={ActivityIcon} class="max-h-full">
+\t\t\t<p class="text-muted-foreground text-sm">Placeholder content</p>
+\t\t</BackgroundCard>
+\t\t<BackgroundCard title="Panel 2" icon={CpuIcon} class="max-h-full">
+\t\t\t<p class="text-muted-foreground text-sm">Placeholder content</p>
+\t\t</BackgroundCard>
+\t\t<BackgroundCard title="Panel 3" icon={GaugeIcon} class="max-h-full">
+\t\t\t<p class="text-muted-foreground text-sm">Placeholder content</p>
+\t\t</BackgroundCard>
+\t\t<BackgroundCard title="Panel 4" icon={ThermometerIcon} class="max-h-full">
+\t\t\t<p class="text-muted-foreground text-sm">Placeholder content</p>
+\t\t</BackgroundCard>
+\t</main>
 </div>
 `;
   writeFile(pagePath, demoContent);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archetypeai/ds-cli",
-  "version": "0.3.16",
+  "version": "0.3.18",
   "description": "Archetype AI Design System CLI Tool",
   "type": "module",
   "bin": {