@archetypeai/ds-cli 0.3.26 → 0.3.32

package/commands/create.js

@@ -266,7 +266,7 @@ export async function create(args) {
   }
 
   // configure CSS
-  configureCss(projectPath, includeFonts);
+  configureCss(projectPath);
 
   // set up linting and formatting
   await installLinting(pm, projectPath);

package/commands/init.js

@@ -226,7 +226,7 @@ export async function init(args) {
   }
 
   // configure CSS (prepend to existing)
-  prependCss(projectPath, includeFonts);
+  prependCss(projectPath);
 
   // set up linting and formatting
   await installLinting(pm, projectPath);

package/files/AGENTS.md

@@ -32,7 +32,7 @@ Standard Tailwind is fine for:
 ## CSS Import Order
 
 ```css
-@import '@archetypeai/ds-lib-fonts-internal';
+@import '@archetypeai/ds-lib-tokens/fonts.css';
 @import '@archetypeai/ds-lib-tokens/theme.css';
 @import 'tailwindcss';
 ```

package/files/CLAUDE.md

@@ -32,7 +32,7 @@ Standard Tailwind is fine for:
 ## CSS Import Order
 
 ```css
-@import '@archetypeai/ds-lib-fonts-internal';
+@import '@archetypeai/ds-lib-tokens/fonts.css';
 @import '@archetypeai/ds-lib-tokens/theme.css';
 @import 'tailwindcss';
 ```

package/lib/add-ds-lib-tokens.js

@@ -131,7 +131,7 @@ export async function addDsLibTokens(args) {
   }
 
   // configure CSS imports in layout.css
-  prependCss(projectDir, includeFonts);
+  prependCss(projectDir);
 
   p.outro('Design tokens installed successfully.');
 }

package/lib/add-ds-ui-svelte.js

@@ -192,7 +192,7 @@ export async function addDsUiSvelte(args) {
     }
 
     // configure CSS imports in layout.css
-    prependCss(projectDir, includeFonts);
+    prependCss(projectDir);
 
     const installSpinner = p.spinner();
     installSpinner.start('Installing components');

package/lib/install-fonts-local.js

@@ -1,6 +1,18 @@
-import { existsSync, readdirSync, copyFileSync, mkdirSync, writeFileSync } from 'fs';
+import { existsSync, readdirSync, copyFileSync, mkdirSync } from 'fs';
 import { join, resolve } from 'path';
 
+// strip surrounding quotes that some terminals (VS Code, Cursor) add on drag-and-drop
+function sanitizePath(p) {
+  const trimmed = p.trim();
+  if (
+    (trimmed.startsWith("'") && trimmed.endsWith("'")) ||
+    (trimmed.startsWith('"') && trimmed.endsWith('"'))
+  ) {
+    return trimmed.slice(1, -1);
+  }
+  return trimmed;
+}
+
 // all 15 required font files
 export const REQUIRED_FONTS = [
   // PP Neue Montreal Sans (.ttf)
@@ -22,135 +34,9 @@ export const REQUIRED_FONTS = [
   '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);
+  const resolved = resolve(sanitizePath(fontsPath));
 
   if (!existsSync(resolved)) {
     return { valid: false, missing: REQUIRED_FONTS, error: `Path does not exist: ${resolved}` };
@@ -177,7 +63,7 @@ export function validateFontsPath(fontsPath) {
 
 // copy required font files to <project>/static/fonts/
 export function copyFontsToStatic(fontsPath, projectPath) {
-  const src = resolve(fontsPath);
+  const src = resolve(sanitizePath(fontsPath));
   const dest = join(projectPath, 'static', 'fonts');
   mkdirSync(dest, { recursive: true });
 
@@ -188,17 +74,7 @@ export function copyFontsToStatic(fontsPath, projectPath) {
   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
+// orchestrate: validate and copy font files to static/fonts/
 export function installLocalFonts(fontsPath, projectPath) {
   const validation = validateFontsPath(fontsPath);
   if (!validation.valid) {
@@ -206,7 +82,6 @@ export function installLocalFonts(fontsPath, projectPath) {
   }
 
   const fileCount = copyFontsToStatic(fontsPath, projectPath);
-  writeFontsCss(projectPath);
 
   return { success: true, fileCount };
 }

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

@@ -143,11 +143,9 @@ export function cn(...inputs) {
 }
 
 // configure CSS
-export function configureCss(projectPath, includeFonts) {
+export function configureCss(projectPath) {
   let css = '';
-  if (includeFonts) {
-    css += '@import "./fonts.css";\n';
-  }
+  css += '@import "@archetypeai/ds-lib-tokens/fonts.css";\n';
   css += '@import "@archetypeai/ds-lib-tokens/theme.css";\n';
   css += '@import "tailwindcss";\n';
   css += '@import "tw-animate-css";\n';
@@ -175,7 +173,7 @@ export async function installTailwind(pm, projectPath) {
 }
 
 // prepend CSS imports to existing layout.css
-export function prependCss(projectPath, includeFonts) {
+export function prependCss(projectPath) {
   const cssPath = join(projectPath, 'src/routes/layout.css');
 
   let existing = '';
@@ -190,9 +188,7 @@ export function prependCss(projectPath, includeFonts) {
   }
 
   let imports = '';
-  if (includeFonts) {
-    imports += '@import "./fonts.css";\n';
-  }
+  imports += '@import "@archetypeai/ds-lib-tokens/fonts.css";\n';
   imports += '@import "@archetypeai/ds-lib-tokens/theme.css";\n';
   imports += '@import "tailwindcss";\n';
   imports += '@import "tw-animate-css";\n';

package/package.json

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