npm - @fragments-sdk/cli - Versions diffs - 0.15.1 → 0.15.2 - Mend

@fragments-sdk/cli 0.15.1 → 0.15.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/bin.js +148 -523
package/dist/bin.js.map +1 -1
package/dist/{create-IH4R45GE.js → create-JVAU3YKN.js} +53 -7
package/dist/create-JVAU3YKN.js.map +1 -0
package/dist/doctor-BDPMYYE6.js +385 -0
package/dist/doctor-BDPMYYE6.js.map +1 -0
package/package.json +18 -18
package/src/bin.ts +4 -1
package/src/commands/__fixtures__/shadcn-label-wrapper/src/components/ui/label.contract.json +1 -1
package/src/commands/__fixtures__/shadcn-label-wrapper/src/components/ui/primitive.contract.json +1 -1
package/src/commands/__tests__/init.test.ts +10 -2
package/src/commands/create.ts +60 -6
package/src/theme/generator.ts +14 -0
package/dist/create-IH4R45GE.js.map +0 -1

package/src/commands/create.ts CHANGED Viewed

@@ -14,6 +14,28 @@ import { decompressTheme } from '../theme/serializer.js';
 import { generateCssTokens, generateScssTokens } from '../theme/generator.js';
 import type { ThemeConfig } from '../theme/types.js';
+// ============================================
+// Font Helpers
+// ============================================
+/**
+ * Extract the primary font family name from a CSS font-stack string.
+ * e.g. '"Space Grotesk", sans-serif' → 'Space Grotesk'
+ */
+function extractFontFamily(cssFontStack: string): string | null {
+  const match = cssFontStack.match(/^["']?([^"',]+)["']?/);
+  if (!match) return null;
+  const name = match[1].trim();
+  const generics = ["sans-serif", "serif", "monospace", "cursive", "fantasy", "system-ui"];
+  if (generics.includes(name.toLowerCase())) return null;
+  if (name.toLowerCase() === "inter") return null; // Inter is the default, no need to load
+  return name;
+}
+function googleFontsUrl(familyName: string): string {
+  return `https://fonts.googleapis.com/css2?family=${encodeURIComponent(familyName)}:wght@400;500;600;700&display=swap`;
+}
 // ============================================
 // Types
 // ============================================
@@ -128,7 +150,21 @@ async function resolveTheme(options: CreateOptions): Promise<ThemeConfig | null>
 // Templates
 // ============================================
-export function generateNextjsLayout(themePath: string): string {
+export function generateNextjsLayout(themePath: string, theme?: ThemeConfig): string {
+  const fontName = theme?.typography?.fontSans ? extractFontFamily(theme.typography.fontSans) : null;
+  const fontUrl = fontName ? googleFontsUrl(fontName) : null;
+  const htmlOpen = fontUrl
+    ? `    <html lang="en" suppressHydrationWarning>
+      <head>
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
+        <link href="${fontUrl}" rel="stylesheet" />
+      </head>
+      <body>`
+    : `    <html lang="en" suppressHydrationWarning>
+      <body>`;
   return `import type { Metadata } from 'next';
 import '@fragments-sdk/ui/styles';
 import '${themePath}';
@@ -145,8 +181,7 @@ export default function RootLayout({
   children: React.ReactNode;
 }) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <body>
+${htmlOpen}
         <Providers>{children}</Providers>
       </body>
     </html>
@@ -253,6 +288,23 @@ export default App;
 `;
 }
+function injectFontIntoViteHtml(projectDir: string, theme: ThemeConfig): void {
+  const fontName = theme.typography?.fontSans ? extractFontFamily(theme.typography.fontSans) : null;
+  if (!fontName) return;
+  const indexPath = join(projectDir, "index.html");
+  if (!existsSync(indexPath)) return;
+  let html = readFileSync(indexPath, "utf-8");
+  const fontLinks = [
+    '    <link rel="preconnect" href="https://fonts.googleapis.com" />',
+    '    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />',
+    `    <link href="${googleFontsUrl(fontName)}" rel="stylesheet" />`,
+  ].join("\n");
+  html = html.replace("</head>", `${fontLinks}\n  </head>`);
+  writeFileSync(indexPath, html, "utf-8");
+}
 // ============================================
 // Scaffolding
 // ============================================
@@ -391,11 +443,11 @@ export function addNextTranspilePackages(projectDir: string): void {
   }
 }
-function rewriteAppFiles(projectDir: string, template: string, themePath: string): void {
+function rewriteAppFiles(projectDir: string, template: string, themePath: string, theme: ThemeConfig): void {
   if (template === 'nextjs') {
     // Rewrite layout.tsx
     const layoutPath = join(projectDir, 'src', 'app', 'layout.tsx');
-    writeFileSync(layoutPath, generateNextjsLayout(themePath), 'utf-8');
+    writeFileSync(layoutPath, generateNextjsLayout(themePath, theme), 'utf-8');
     const providersPath = join(projectDir, 'src', 'app', 'providers.tsx');
     writeFileSync(providersPath, generateNextjsProviders(), 'utf-8');
@@ -431,6 +483,8 @@ function rewriteAppFiles(projectDir: string, template: string, themePath: string
         unlinkSync(join(projectDir, file));
       } catch { /* doesn't exist */ }
     }
+    injectFontIntoViteHtml(projectDir, theme);
   }
 }
@@ -505,7 +559,7 @@ export async function create(options: CreateOptions): Promise<CreateResult> {
   const themePath = writeThemeFile(projectDir, theme, !!resolved.scss, template);
   // 7. Rewrite app files with providers + theme import
-  rewriteAppFiles(projectDir, template, themePath);
+  rewriteAppFiles(projectDir, template, themePath, theme);
   // 8. MCP config
   if (resolved.mcp) {

package/src/theme/generator.ts CHANGED Viewed

@@ -426,6 +426,9 @@ export function generateScssTokens(config: ThemeConfig): string {
   if (borderTokens.length > 0) {
     lines.push("// Borders");
     lines.push(...borderTokens);
+    if (config.borders?.default) {
+      lines.push(`$fui-border-default: ${config.borders.default} !default;`);
+    }
     lines.push("");
   }
@@ -497,6 +500,11 @@ export function generateCssTokens(config: ThemeConfig): string {
     lightTokens.push(...tokens);
   }
+  // Emit --fui-border-default alias (components reference both names)
+  if (config.borders?.default) {
+    lightTokens.push(`  --fui-border-default: ${config.borders.default};`);
+  }
   // Density
   if (config.density) {
     lightTokens.push(`  --fui-density: ${config.density};`);
@@ -511,6 +519,12 @@ export function generateCssTokens(config: ThemeConfig): string {
   // Dark mode
   const darkTokens = generateDarkTokens(config, "css");
+  // Border-default alias for dark mode
+  if (config.dark?.borders?.default) {
+    darkTokens.push(`  --fui-border-default: ${config.dark.borders.default};`);
+  }
   if (darkTokens.length > 0) {
     lines.push(':root.dark,');
     lines.push(':root[data-theme="dark"] {');

package/dist/create-IH4R45GE.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../src/commands/create.ts","../src/theme/serializer.ts","../src/theme/schema.ts","../src/theme/generator.ts"],"sourcesContent":["/**\n * fragments create - Scaffold a new project with Fragments UI and a custom theme\n *\n * Mirrors the shadcn model: configure on the web (usefragments.com/create),\n * then `npx @fragments-sdk/cli create` bootstraps a project with that config.\n */\n\nimport { execSync } from 'node:child_process';\nimport { existsSync, mkdirSync, writeFileSync, readFileSync, unlinkSync } from 'node:fs';\nimport { join, resolve } from 'node:path';\nimport pc from 'picocolors';\nimport { BRAND } from '../core/index.js';\nimport { decompressTheme } from '../theme/serializer.js';\nimport { generateCssTokens, generateScssTokens } from '../theme/generator.js';\nimport type { ThemeConfig } from '../theme/types.js';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface CreateOptions {\n name?: string;\n template?: 'nextjs' | 'vite';\n packageManager?: 'npm' | 'pnpm' | 'yarn' | 'bun';\n theme?: string;\n preset?: string;\n brand?: string;\n scss?: boolean;\n mcp?: boolean;\n yes?: boolean;\n noGit?: boolean;\n}\n\nexport interface CreateResult {\n success: boolean;\n projectDir?: string;\n error?: string;\n}\n\n// ============================================\n// Package Manager Detection\n// ============================================\n\nfunction detectPackageManager(): 'npm' | 'pnpm' | 'yarn' | 'bun' {\n const agent = process.env.npm_config_user_agent || '';\n if (agent.startsWith('pnpm')) return 'pnpm';\n if (agent.startsWith('yarn')) return 'yarn';\n if (agent.startsWith('bun')) return 'bun';\n return 'npm';\n}\n\nfunction getInstallCommand(pm: string): string {\n return pm === 'yarn' ? 'yarn add' : `${pm} add`;\n}\n\nfunction getDevInstallCommand(pm: string): string {\n return pm === 'yarn' ? 'yarn add -D' : `${pm} add -D`;\n}\n\nfunction getRunCommand(pm: string): string {\n return pm === 'npm' ? 'npm run' : pm;\n}\n\n// ============================================\n// Validation\n// ============================================\n\nfunction isValidProjectName(name: string): boolean {\n return /^[a-z0-9][a-z0-9._-]*$/.test(name);\n}\n\n// ============================================\n// Theme Resolution\n// ============================================\n\nconst PRESET_API_URL = 'https://canny-otter-874.convex.site/api/theme-presets';\n\nasync function fetchPreset(presetId: string): Promise<ThemeConfig | null> {\n try {\n const res = await fetch(`${PRESET_API_URL}?id=${encodeURIComponent(presetId)}`);\n if (!res.ok) return null;\n const theme = await res.json();\n if (!theme || !theme.name) return null;\n return theme as ThemeConfig;\n } catch {\n return null;\n }\n}\n\nasync function resolveTheme(options: CreateOptions): Promise<ThemeConfig | null> {\n if (options.preset) {\n console.log(pc.dim(` Fetching theme preset ${options.preset}...`));\n const theme = await fetchPreset(options.preset);\n if (!theme) {\n console.error(pc.red(`Error: Could not fetch preset \"${options.preset}\". It may have expired or the ID is invalid.`));\n return null;\n }\n return theme;\n }\n\n if (options.theme) {\n const decoded = decompressTheme(options.theme);\n if (!decoded) {\n console.error(pc.red('Error: Could not decode theme string. Make sure you copied it from usefragments.com/create'));\n return null;\n }\n return decoded;\n }\n\n if (options.brand) {\n return {\n name: 'custom',\n colors: {\n accent: options.brand,\n },\n };\n }\n\n return {\n name: 'default',\n colors: {\n accent: '#6366f1',\n },\n };\n}\n\n// ============================================\n// Templates\n// ============================================\n\nexport function generateNextjsLayout(themePath: string): string {\n return `import type { Metadata } from 'next';\nimport '@fragments-sdk/ui/styles';\nimport '${themePath}';\nimport { Providers } from './providers';\n\nexport const metadata: Metadata = {\n title: 'My App',\n description: 'Built with Fragments UI',\n};\n\nexport default function RootLayout({\n children,\n}: {\n children: React.ReactNode;\n}) {\n return (\n <html lang=\"en\" suppressHydrationWarning>\n <body>\n <Providers>{children}</Providers>\n </body>\n </html>\n );\n}\n`;\n}\n\nexport function generateNextjsProviders(): string {\n return `'use client';\n\nimport type { ReactNode } from 'react';\nimport { ThemeProvider, TooltipProvider, ToastProvider } from '@fragments-sdk/ui';\n\nexport function Providers({ children }: { children: ReactNode }) {\n return (\n <ThemeProvider defaultMode=\"system\">\n <TooltipProvider>\n <ToastProvider>{children}</ToastProvider>\n </TooltipProvider>\n </ThemeProvider>\n );\n}\n`;\n}\n\nexport function generateNextjsPage(): string {\n return `'use client';\n\nimport { Button, Card, Stack, Text, Input } from '@fragments-sdk/ui';\n\nexport default function Home() {\n return (\n <main style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n <Card style={{ maxWidth: 480, width: '100%' }}>\n <Card.Header>\n <Card.Title>Welcome to Fragments</Card.Title>\n <Card.Description>Your app is ready. Start building something great.</Card.Description>\n </Card.Header>\n <Card.Body>\n <Stack gap={3}>\n <Input placeholder=\"Enter something...\" />\n <Stack direction=\"row\" gap={2}>\n <Button>Get Started</Button>\n <Button variant=\"secondary\">Learn More</Button>\n </Stack>\n </Stack>\n </Card.Body>\n </Card>\n </main>\n );\n}\n`;\n}\n\nfunction generateViteMain(themePath: string): string {\n return `import { StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { ThemeProvider, TooltipProvider, ToastProvider } from '@fragments-sdk/ui';\nimport '@fragments-sdk/ui/styles';\nimport '${themePath}';\nimport App from './App';\n\ncreateRoot(document.getElementById('root')!).render(\n <StrictMode>\n <ThemeProvider defaultMode=\"system\">\n <TooltipProvider>\n <ToastProvider>\n <App />\n </ToastProvider>\n </TooltipProvider>\n </ThemeProvider>\n </StrictMode>,\n);\n`;\n}\n\nfunction generateViteApp(): string {\n return `import { Button, Card, Stack, Text, Input } from '@fragments-sdk/ui';\n\nfunction App() {\n return (\n <main style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>\n <Card style={{ maxWidth: 480, width: '100%' }}>\n <Card.Header>\n <Card.Title>Welcome to Fragments</Card.Title>\n <Card.Description>Your app is ready. Start building something great.</Card.Description>\n </Card.Header>\n <Card.Body>\n <Stack gap={3}>\n <Input placeholder=\"Enter something...\" />\n <Stack direction=\"row\" gap={2}>\n <Button>Get Started</Button>\n <Button variant=\"secondary\">Learn More</Button>\n </Stack>\n </Stack>\n </Card.Body>\n </Card>\n </main>\n );\n}\n\nexport default App;\n`;\n}\n\n// ============================================\n// Scaffolding\n// ============================================\n\nasync function promptIfMissing(options: CreateOptions): Promise<CreateOptions> {\n const resolved = { ...options };\n\n if (!resolved.name) {\n if (resolved.yes) {\n resolved.name = 'my-app';\n } else {\n try {\n const { input } = await import('@inquirer/prompts');\n resolved.name = await input({\n message: 'Project name:',\n default: 'my-app',\n validate: (val) => isValidProjectName(val) || 'Use lowercase letters, numbers, hyphens, dots, underscores',\n });\n } catch {\n resolved.name = 'my-app';\n }\n }\n }\n\n if (!resolved.template && !resolved.yes) {\n try {\n const { select } = await import('@inquirer/prompts');\n resolved.template = await select({\n message: 'Framework:',\n choices: [\n { name: 'Next.js (App Router)', value: 'nextjs' as const },\n { name: 'Vite + React', value: 'vite' as const },\n ],\n default: 'nextjs',\n });\n } catch {\n resolved.template = 'nextjs';\n }\n }\n\n resolved.template = resolved.template || 'nextjs';\n resolved.packageManager = resolved.packageManager || detectPackageManager();\n\n return resolved;\n}\n\nfunction scaffoldFramework(name: string, template: string, pm: string): void {\n console.log(pc.cyan(`\\nScaffolding ${template === 'nextjs' ? 'Next.js' : 'Vite + React'} project...\\n`));\n\n if (template === 'nextjs') {\n const cmd = `npx create-next-app@latest ${name} --ts --app --src-dir --no-tailwind --no-eslint --import-alias \"@/*\" --yes`;\n execSync(cmd, { stdio: 'inherit' });\n } else {\n // Vite\n if (pm === 'bun') {\n execSync(`bun create vite ${name} --template react-ts`, { stdio: 'inherit' });\n } else {\n execSync(`npm create vite@latest ${name} -- --template react-ts`, { stdio: 'inherit' });\n }\n }\n}\n\nfunction installDeps(projectDir: string, pm: string, scss: boolean): void {\n console.log(pc.cyan('\\nInstalling Fragments UI...\\n'));\n\n const install = getInstallCommand(pm);\n execSync(`${install} @fragments-sdk/ui`, { cwd: projectDir, stdio: 'inherit' });\n\n if (scss) {\n const devInstall = getDevInstallCommand(pm);\n execSync(`${devInstall} sass`, { cwd: projectDir, stdio: 'inherit' });\n }\n}\n\nfunction writeThemeFile(projectDir: string, theme: ThemeConfig, scss: boolean, template: string): string {\n const stylesDir = join(projectDir, 'src', 'styles');\n mkdirSync(stylesDir, { recursive: true });\n\n const ext = scss ? 'scss' : 'css';\n const content = scss ? generateScssTokens(theme) : generateCssTokens(theme);\n const filePath = join(stylesDir, `theme.${ext}`);\n writeFileSync(filePath, content, 'utf-8');\n\n // Next.js layout is at src/app/layout.tsx → relative path is ../styles/theme.ext\n // Vite main is at src/main.tsx → relative path is ./styles/theme.ext\n if (template === 'nextjs') {\n return `../styles/theme.${ext}`;\n }\n return `./styles/theme.${ext}`;\n}\n\nexport function addNextTranspilePackages(projectDir: string): void {\n const configCandidates = ['next.config.ts', 'next.config.mjs', 'next.config.js'];\n\n for (const configFile of configCandidates) {\n const fullPath = join(projectDir, configFile);\n if (!existsSync(fullPath)) continue;\n\n const content = readFileSync(fullPath, 'utf-8');\n\n if (content.includes('transpilePackages') && content.includes('@fragments-sdk/ui')) {\n return;\n }\n\n if (content.includes('transpilePackages')) {\n return;\n }\n\n const patterns = [\n {\n search: /const\\s+\\w+\\s*(?::\\s*\\w+)?\\s*=\\s*\\{/,\n replacement: (match: string) => `${match}\\n transpilePackages: ['@fragments-sdk/ui'],`,\n },\n {\n search: /module\\.exports\\s*=\\s*\\{/,\n replacement: (match: string) => `${match}\\n transpilePackages: ['@fragments-sdk/ui'],`,\n },\n {\n search: /export\\s+default\\s*\\{/,\n replacement: (match: string) => `${match}\\n transpilePackages: ['@fragments-sdk/ui'],`,\n },\n ];\n\n for (const pattern of patterns) {\n if (!pattern.search.test(content)) continue;\n\n writeFileSync(\n fullPath,\n content.replace(pattern.search, pattern.replacement),\n 'utf-8',\n );\n return;\n }\n\n return;\n }\n}\n\nfunction rewriteAppFiles(projectDir: string, template: string, themePath: string): void {\n if (template === 'nextjs') {\n // Rewrite layout.tsx\n const layoutPath = join(projectDir, 'src', 'app', 'layout.tsx');\n writeFileSync(layoutPath, generateNextjsLayout(themePath), 'utf-8');\n\n const providersPath = join(projectDir, 'src', 'app', 'providers.tsx');\n writeFileSync(providersPath, generateNextjsProviders(), 'utf-8');\n\n // Rewrite page.tsx\n const pagePath = join(projectDir, 'src', 'app', 'page.tsx');\n writeFileSync(pagePath, generateNextjsPage(), 'utf-8');\n\n // Remove default page.module.css if it exists\n const moduleCssPath = join(projectDir, 'src', 'app', 'page.module.css');\n try {\n unlinkSync(moduleCssPath);\n } catch { /* doesn't exist, that's fine */ }\n\n // Remove globals.css if it exists (we use our own theme)\n const globalsCssPath = join(projectDir, 'src', 'app', 'globals.css');\n try {\n unlinkSync(globalsCssPath);\n } catch { /* doesn't exist */ }\n\n addNextTranspilePackages(projectDir);\n } else {\n // Vite: rewrite main.tsx and App.tsx\n const mainPath = join(projectDir, 'src', 'main.tsx');\n writeFileSync(mainPath, generateViteMain(themePath), 'utf-8');\n\n const appPath = join(projectDir, 'src', 'App.tsx');\n writeFileSync(appPath, generateViteApp(), 'utf-8');\n\n // Clean up default Vite files\n for (const file of ['src/App.css', 'src/index.css']) {\n try {\n unlinkSync(join(projectDir, file));\n } catch { /* doesn't exist */ }\n }\n }\n}\n\nfunction initGit(projectDir: string): void {\n try {\n // create-next-app already inits git, so check first\n if (!existsSync(join(projectDir, '.git'))) {\n execSync('git init', { cwd: projectDir, stdio: 'ignore' });\n execSync('git add -A', { cwd: projectDir, stdio: 'ignore' });\n execSync('git commit -m \"Initial commit with Fragments UI\"', { cwd: projectDir, stdio: 'ignore' });\n }\n } catch {\n // Git not available — skip silently\n }\n}\n\nfunction configureMcp(projectDir: string): void {\n const mcpConfig = {\n mcpServers: {\n fragments: {\n command: 'npx',\n args: ['-y', '@fragments-sdk/cli', 'mcp'],\n },\n },\n };\n\n const mcpDir = join(projectDir, '.mcp');\n mkdirSync(mcpDir, { recursive: true });\n writeFileSync(join(mcpDir, 'config.json'), JSON.stringify(mcpConfig, null, 2), 'utf-8');\n}\n\n// ============================================\n// Main\n// ============================================\n\nexport async function create(options: CreateOptions): Promise<CreateResult> {\n console.log(pc.cyan(`\\n${BRAND.name} Create\\n`));\n\n // 1. Gather inputs\n const resolved = await promptIfMissing(options);\n const name = resolved.name!;\n const template = resolved.template!;\n const pm = resolved.packageManager!;\n\n // 2. Validate\n if (!isValidProjectName(name)) {\n return { success: false, error: `Invalid project name: ${name}. Use lowercase letters, numbers, hyphens, dots, underscores.` };\n }\n\n const projectDir = resolve(process.cwd(), name);\n if (existsSync(projectDir)) {\n return { success: false, error: `Directory \"${name}\" already exists.` };\n }\n\n // 3. Resolve theme\n const theme = await resolveTheme(resolved);\n if (!theme) {\n return { success: false, error: 'Invalid theme configuration.' };\n }\n\n // 4. Scaffold framework\n scaffoldFramework(name, template, pm);\n\n if (!existsSync(projectDir)) {\n return { success: false, error: 'Framework scaffolding failed — project directory was not created.' };\n }\n\n // 5. Install deps\n installDeps(projectDir, pm, !!resolved.scss);\n\n // 6. Write theme tokens\n const themePath = writeThemeFile(projectDir, theme, !!resolved.scss, template);\n\n // 7. Rewrite app files with providers + theme import\n rewriteAppFiles(projectDir, template, themePath);\n\n // 8. MCP config\n if (resolved.mcp) {\n configureMcp(projectDir);\n console.log(pc.dim(' Configured MCP server for AI tooling'));\n }\n\n // 9. Git init\n if (!resolved.noGit) {\n initGit(projectDir);\n }\n\n // 10. Success message\n const run = getRunCommand(pm);\n console.log('');\n console.log(pc.green(' Project created successfully!'));\n console.log('');\n console.log(` ${pc.cyan('cd')} ${name}`);\n console.log(` ${pc.cyan(run)} dev`);\n console.log('');\n\n if (theme.name !== 'default') {\n console.log(pc.dim(` Theme \"${theme.name}\" applied with full token set.`));\n console.log(pc.dim(` Edit src/styles/theme.${resolved.scss ? 'scss' : 'css'} to customize.\\n`));\n }\n\n return { success: true, projectDir };\n}\n","/**\n * Theme Serialization\n *\n * Encodes/decodes theme configurations to/from URL-safe strings\n * using zlib compression and base64url encoding.\n */\n\nimport { deflateSync, inflateSync } from \"node:zlib\";\nimport { validateThemeConfig } from \"./schema.js\";\nimport type { ThemeConfig } from \"./types.js\";\n\nconst DEFAULT_BASE_URL = \"https://usefragments.com/create\";\n\n/**\n * Convert a Buffer to base64url encoding (URL-safe base64)\n */\nfunction toBase64Url(buffer: Buffer): string {\n return buffer\n .toString(\"base64\")\n .replace(/\\+/g, \"-\")\n .replace(/\\//g, \"_\")\n .replace(/=/g, \"\");\n}\n\n/**\n * Convert a base64url string to Buffer\n */\nfunction fromBase64Url(str: string): Buffer {\n // Restore standard base64 characters\n let base64 = str.replace(/-/g, \"+\").replace(/_/g, \"/\");\n\n // Add padding if needed\n const pad = base64.length % 4;\n if (pad) {\n base64 += \"=\".repeat(4 - pad);\n }\n\n return Buffer.from(base64, \"base64\");\n}\n\n/**\n * Compress a theme configuration to a URL-safe string\n *\n * Process: JSON → deflate → base64url\n *\n * @param config - Theme configuration to compress\n * @returns URL-safe encoded string\n */\nexport function compressTheme(config: ThemeConfig): string {\n const json = JSON.stringify(config);\n const compressed = deflateSync(Buffer.from(json, \"utf-8\"), { level: 9 });\n return toBase64Url(compressed);\n}\n\n/**\n * Decompress a URL-safe string back to theme configuration\n *\n * Process: base64url → inflate → JSON\n *\n * @param encoded - URL-safe encoded string\n * @returns Theme configuration or null if invalid\n */\nexport function decompressTheme(encoded: string): ThemeConfig | null {\n // Try zlib-compressed first (CLI native encoding)\n try {\n const buffer = fromBase64Url(encoded);\n const decompressed = inflateSync(buffer);\n const json = decompressed.toString(\"utf-8\");\n const parsed = JSON.parse(json);\n const result = validateThemeConfig(parsed);\n if (result.success) return result.data;\n } catch { /* not zlib-compressed */ }\n\n // Fall back to plain base64url JSON (browser/docs encoding)\n try {\n const buffer = fromBase64Url(encoded);\n const json = buffer.toString(\"utf-8\");\n const parsed = JSON.parse(json);\n const result = validateThemeConfig(parsed);\n if (result.success) return result.data;\n } catch { /* invalid */ }\n\n return null;\n}\n\n/**\n * Encode a theme configuration to a full URL with ?preset= parameter\n *\n * @param config - Theme configuration to encode\n * @param baseUrl - Base URL (default: https://fragments.dev/init)\n * @returns Full URL with encoded theme as preset parameter\n */\nexport function encodeThemeToUrl(\n config: ThemeConfig,\n baseUrl: string = DEFAULT_BASE_URL\n): string {\n const encoded = compressTheme(config);\n const url = new URL(baseUrl);\n url.searchParams.set(\"preset\", encoded);\n return url.toString();\n}\n\n/**\n * Decode a theme from a URL or raw encoded string\n *\n * Handles:\n * - Full URLs with ?preset= parameter\n * - Raw encoded strings (compressed theme data)\n *\n * @param input - URL or encoded string\n * @returns Theme configuration or null if invalid\n */\nexport function decodeThemeFromUrl(input: string): ThemeConfig | null {\n // Try to parse as URL first\n try {\n const url = new URL(input);\n const preset = url.searchParams.get(\"preset\");\n if (preset) {\n return decompressTheme(preset);\n }\n // URL parsed but no preset param\n return null;\n } catch {\n // Not a valid URL, try as raw encoded string\n return decompressTheme(input);\n }\n}\n","/**\n * Theme Configuration Zod Schemas\n *\n * Provides validation for theme configuration objects\n */\n\nimport { z } from \"zod\";\nimport type { ThemeConfig } from \"./types.js\";\n\n/**\n * Regex patterns for color validation\n */\nconst HEX_COLOR_REGEX = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;\nconst RGB_COLOR_REGEX = /^rgba?\$\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*,\\s*\\d{1,3}\\s*(,\\s*(0|1|0?\\.\\d+))?\\s*\$$/;\nconst HSL_COLOR_REGEX = /^hsla?\$\\s*\\d{1,3}\\s*,\\s*\\d{1,3}%\\s*,\\s*\\d{1,3}%\\s*(,\\s*(0|1|0?\\.\\d+))?\\s*\$$/;\n\n/**\n * CSS color string validator\n */\nconst colorSchema = z.string().refine(\n (val) => {\n return (\n HEX_COLOR_REGEX.test(val) ||\n RGB_COLOR_REGEX.test(val) ||\n HSL_COLOR_REGEX.test(val)\n );\n },\n { message: \"Invalid color format. Use hex (#rrggbb), rgb(), rgba(), hsl(), or hsla()\" }\n);\n\n/**\n * CSS size value validator (px, rem, em, etc.)\n */\nconst sizeSchema = z.string().refine(\n (val) => {\n // Match number followed by unit, or just a number (for unitless values like 9999px)\n return /^-?\\d*\\.?\\d+(px|rem|em|%|vw|vh)?$/.test(val);\n },\n { message: \"Invalid size format. Use px, rem, em, %, vw, or vh\" }\n);\n\n/**\n * Shadow value validator (more permissive for complex shadow syntax)\n */\nconst shadowSchema = z.string();\n\n/**\n * Font stack validator\n */\nconst fontStackSchema = z.string();\n\n/**\n * Font weight validator (100-900 in increments of 100)\n */\nconst fontWeightSchema = z.number().int().min(100).max(900);\n\n/**\n * Theme colors schema\n */\nexport const themeColorsSchema = z.object({\n accent: colorSchema.optional(),\n accentHover: colorSchema.optional(),\n accentActive: colorSchema.optional(),\n danger: colorSchema.optional(),\n dangerHover: colorSchema.optional(),\n success: colorSchema.optional(),\n warning: colorSchema.optional(),\n info: colorSchema.optional(),\n dangerBg: colorSchema.optional(),\n successBg: colorSchema.optional(),\n warningBg: colorSchema.optional(),\n infoBg: colorSchema.optional(),\n}).strict();\n\n/**\n * Theme surfaces schema\n */\nexport const themeSurfacesSchema = z.object({\n bgPrimary: colorSchema.optional(),\n bgSecondary: colorSchema.optional(),\n bgTertiary: colorSchema.optional(),\n bgElevated: colorSchema.optional(),\n bgHover: colorSchema.optional(),\n bgActive: colorSchema.optional(),\n}).strict();\n\n/**\n * Theme text schema\n */\nexport const themeTextSchema = z.object({\n primary: colorSchema.optional(),\n secondary: colorSchema.optional(),\n tertiary: colorSchema.optional(),\n inverse: colorSchema.optional(),\n}).strict();\n\n/**\n * Theme borders schema\n */\nexport const themeBordersSchema = z.object({\n default: colorSchema.optional(),\n strong: colorSchema.optional(),\n}).strict();\n\n/**\n * Theme typography schema\n */\nexport const themeTypographySchema = z.object({\n fontSans: fontStackSchema.optional(),\n fontMono: fontStackSchema.optional(),\n fontWeightNormal: fontWeightSchema.optional(),\n fontWeightMedium: fontWeightSchema.optional(),\n fontWeightSemibold: fontWeightSchema.optional(),\n}).strict();\n\n/**\n * Theme radius schema\n */\nexport const themeRadiusSchema = z.object({\n sm: sizeSchema.optional(),\n md: sizeSchema.optional(),\n lg: sizeSchema.optional(),\n full: sizeSchema.optional(),\n}).strict();\n\n/**\n * Theme shadows schema\n */\nexport const themeShadowsSchema = z.object({\n sm: shadowSchema.optional(),\n md: shadowSchema.optional(),\n}).strict();\n\n/**\n * Theme dark mode schema\n */\nexport const themeDarkModeSchema = z.object({\n surfaces: themeSurfacesSchema.optional(),\n text: themeTextSchema.optional(),\n borders: themeBordersSchema.optional(),\n shadows: themeShadowsSchema.optional(),\n accent: colorSchema.optional(),\n accentHover: colorSchema.optional(),\n accentActive: colorSchema.optional(),\n dangerBg: colorSchema.optional(),\n successBg: colorSchema.optional(),\n warningBg: colorSchema.optional(),\n infoBg: colorSchema.optional(),\n backdrop: colorSchema.optional(),\n dangerText: colorSchema.optional(),\n successText: colorSchema.optional(),\n warningText: colorSchema.optional(),\n infoText: colorSchema.optional(),\n}).strict();\n\n/**\n * Complete theme configuration schema\n */\nexport const themeConfigSchema = z.object({\n name: z.string().min(1, \"Theme name is required\"),\n version: z.string().optional(),\n extends: z.string().optional(),\n colors: themeColorsSchema.optional(),\n surfaces: themeSurfacesSchema.optional(),\n text: themeTextSchema.optional(),\n borders: themeBordersSchema.optional(),\n typography: themeTypographySchema.optional(),\n radius: themeRadiusSchema.optional(),\n shadows: themeShadowsSchema.optional(),\n dark: themeDarkModeSchema.optional(),\n density: z.enum(['compact', 'default', 'relaxed']).optional(),\n}).strict();\n\n/**\n * Type for the inferred schema\n */\nexport type ThemeConfigInput = z.input<typeof themeConfigSchema>;\nexport type ThemeConfigOutput = z.output<typeof themeConfigSchema>;\n\n/**\n * Validation result type\n */\nexport type ThemeValidationResult =\n | { success: true; data: ThemeConfig }\n | { success: false; error: z.ZodError };\n\n/**\n * Validate a theme configuration object\n *\n * @param config - The theme configuration to validate\n * @returns Validation result with either the parsed data or error details\n */\nexport function validateThemeConfig(config: unknown): ThemeValidationResult {\n const result = themeConfigSchema.safeParse(config);\n\n if (result.success) {\n return { success: true, data: result.data as ThemeConfig };\n }\n\n return { success: false, error: result.error };\n}\n","/**\n * Theme Token Generator\n *\n * Generates SCSS and CSS token files from theme configurations\n */\n\nimport { mkdir, writeFile } from \"node:fs/promises\";\nimport { join } from \"node:path\";\nimport type {\n ThemeConfig,\n TokenGeneratorOptions,\n TokenGeneratorResult,\n ContrastPair,\n ContrastWarning,\n ContrastValidationResult,\n} from \"./types.js\";\nimport {\n parseColor,\n contrastRatio,\n meetsAA as checkAA,\n meetsAAA as checkAAA,\n} from \"./contrast.js\";\n\nconst DEFAULT_FILE_PREFIX = \"_theme-tokens\";\n\n/**\n * Token mapping from ThemeConfig structure to SCSS variable names\n */\nconst TOKEN_MAPPINGS = {\n colors: {\n accent: \"fui-color-accent\",\n accentHover: \"fui-color-accent-hover\",\n accentActive: \"fui-color-accent-active\",\n danger: \"fui-color-danger\",\n dangerHover: \"fui-color-danger-hover\",\n success: \"fui-color-success\",\n warning: \"fui-color-warning\",\n info: \"fui-color-info\",\n dangerBg: \"fui-color-danger-bg\",\n successBg: \"fui-color-success-bg\",\n warningBg: \"fui-color-warning-bg\",\n infoBg: \"fui-color-info-bg\",\n dangerText: \"fui-color-danger-text\",\n successText: \"fui-color-success-text\",\n warningText: \"fui-color-warning-text\",\n infoText: \"fui-color-info-text\",\n },\n surfaces: {\n bgPrimary: \"fui-bg-primary\",\n bgSecondary: \"fui-bg-secondary\",\n bgTertiary: \"fui-bg-tertiary\",\n bgElevated: \"fui-bg-elevated\",\n bgHover: \"fui-bg-hover\",\n bgActive: \"fui-bg-active\",\n },\n text: {\n primary: \"fui-text-primary\",\n secondary: \"fui-text-secondary\",\n tertiary: \"fui-text-tertiary\",\n inverse: \"fui-text-inverse\",\n },\n borders: {\n default: \"fui-border\",\n strong: \"fui-border-strong\",\n },\n typography: {\n fontSans: \"fui-font-sans\",\n fontMono: \"fui-font-mono\",\n fontWeightNormal: \"fui-font-weight-normal\",\n fontWeightMedium: \"fui-font-weight-medium\",\n fontWeightSemibold: \"fui-font-weight-semibold\",\n },\n radius: {\n sm: \"fui-radius-sm\",\n md: \"fui-radius-md\",\n lg: \"fui-radius-lg\",\n full: \"fui-radius-full\",\n },\n shadows: {\n sm: \"fui-shadow-sm\",\n md: \"fui-shadow-md\",\n },\n} as const;\n\n/**\n * Dark mode token mappings\n */\nconst DARK_TOKEN_MAPPINGS = {\n surfaces: {\n bgPrimary: \"fui-dark-bg-primary\",\n bgSecondary: \"fui-dark-bg-secondary\",\n bgTertiary: \"fui-dark-bg-tertiary\",\n bgElevated: \"fui-dark-bg-elevated\",\n bgHover: \"fui-dark-bg-hover\",\n bgActive: \"fui-dark-bg-active\",\n },\n text: {\n primary: \"fui-dark-text-primary\",\n secondary: \"fui-dark-text-secondary\",\n tertiary: \"fui-dark-text-tertiary\",\n inverse: \"fui-dark-text-inverse\",\n },\n borders: {\n default: \"fui-dark-border\",\n strong: \"fui-dark-border-strong\",\n },\n shadows: {\n sm: \"fui-dark-shadow-sm\",\n md: \"fui-dark-shadow-md\",\n },\n // Direct dark mode properties\n accent: \"fui-dark-color-accent\",\n accentHover: \"fui-dark-color-accent-hover\",\n accentActive: \"fui-dark-color-accent-active\",\n dangerBg: \"fui-dark-color-danger-bg\",\n successBg: \"fui-dark-color-success-bg\",\n warningBg: \"fui-dark-color-warning-bg\",\n infoBg: \"fui-dark-color-info-bg\",\n dangerText: \"fui-dark-color-danger-text\",\n successText: \"fui-dark-color-success-text\",\n warningText: \"fui-dark-color-warning-text\",\n infoText: \"fui-dark-color-info-text\",\n backdrop: \"fui-dark-backdrop\",\n} as const;\n\n/**\n * Generate tokens for a category\n */\nfunction generateCategoryTokens(\n config: ThemeConfig,\n categoryKey: keyof typeof TOKEN_MAPPINGS,\n format: \"scss\" | \"css\"\n): string[] {\n const category = config[categoryKey];\n if (!category) return [];\n\n const mappings = TOKEN_MAPPINGS[categoryKey];\n const tokens: string[] = [];\n\n for (const [key, varName] of Object.entries(mappings)) {\n const value = (category as Record<string, unknown>)[key];\n if (value !== undefined) {\n if (format === \"scss\") {\n tokens.push(`$${varName}: ${value} !default;`);\n } else {\n tokens.push(` --${varName}: ${value};`);\n }\n }\n }\n\n return tokens;\n}\n\n/**\n * Generate dark mode tokens\n */\nfunction generateDarkTokens(\n config: ThemeConfig,\n format: \"scss\" | \"css\"\n): string[] {\n if (!config.dark) return [];\n\n const tokens: string[] = [];\n\n // Handle nested categories\n const nestedCategories = [\"surfaces\", \"text\", \"borders\", \"shadows\"] as const;\n for (const category of nestedCategories) {\n const categoryData = config.dark[category];\n if (!categoryData) continue;\n\n const mappings = DARK_TOKEN_MAPPINGS[category];\n for (const [key, varName] of Object.entries(mappings)) {\n const value = (categoryData as Record<string, unknown>)[key];\n if (value !== undefined) {\n if (format === \"scss\") {\n tokens.push(`$${varName}: ${value} !default;`);\n } else {\n tokens.push(` --${varName.replace(\"fui-dark-\", \"fui-\")}: ${value};`);\n }\n }\n }\n }\n\n // Handle direct dark mode properties\n const directProps = [\"accent\", \"accentHover\", \"accentActive\", \"dangerBg\", \"successBg\", \"warningBg\", \"infoBg\", \"dangerText\", \"successText\", \"warningText\", \"infoText\", \"backdrop\"] as const;\n for (const prop of directProps) {\n const value = config.dark[prop];\n if (value !== undefined) {\n const varName = DARK_TOKEN_MAPPINGS[prop];\n if (format === \"scss\") {\n tokens.push(`$${varName}: ${value} !default;`);\n } else {\n // For CSS, use the light mode variable name in dark context\n const cssVarName = varName.replace(\"fui-dark-color-\", \"fui-color-\").replace(\"fui-dark-\", \"fui-\");\n tokens.push(` --${cssVarName}: ${value};`);\n }\n }\n }\n\n return tokens;\n}\n\n/**\n * Validate contrast across all text/surface token pairs in a theme.\n *\n * Returns `ContrastValidationResult` with every evaluated pair plus\n * errors (fails AA) and warnings (passes AA, fails AAA).\n */\nexport function validateContrast(config: ThemeConfig): ContrastValidationResult {\n const pairs: ContrastPair[] = [];\n const warnings: ContrastWarning[] = [];\n const errors: ContrastWarning[] = [];\n\n const textTokens = [\n { key: 'primary', token: 'text.primary' },\n { key: 'secondary', token: 'text.secondary' },\n { key: 'tertiary', token: 'text.tertiary' },\n ] as const;\n\n const surfaceTokens = [\n { key: 'bgPrimary', token: 'surfaces.bgPrimary' },\n { key: 'bgSecondary', token: 'surfaces.bgSecondary' },\n { key: 'bgTertiary', token: 'surfaces.bgTertiary' },\n { key: 'bgElevated', token: 'surfaces.bgElevated' },\n ] as const;\n\n // -- Light mode matrix --\n for (const text of textTokens) {\n const textColor = config.text?.[text.key];\n if (!textColor) continue;\n\n for (const surface of surfaceTokens) {\n const surfaceColor = config.surfaces?.[surface.key];\n if (!surfaceColor) continue;\n\n try {\n const fg = parseColor(textColor);\n const bg = parseColor(surfaceColor);\n const ratio = contrastRatio(fg, bg);\n const aa = checkAA(ratio);\n const aaa = checkAAA(ratio);\n\n const pair: ContrastPair = {\n textToken: text.token,\n surfaceToken: surface.token,\n textColor,\n surfaceColor,\n ratio: Math.round(ratio * 100) / 100,\n meetsAA: aa,\n meetsAAA: aaa,\n mode: 'light',\n };\n pairs.push(pair);\n\n if (!aa) {\n errors.push({\n message: `${text.token} (${textColor}) on ${surface.token} (${surfaceColor}) — ${pair.ratio}:1 — fails AA (need 4.5:1)`,\n pair,\n severity: 'error',\n });\n } else if (!aaa) {\n warnings.push({\n message: `${text.token} (${textColor}) on ${surface.token} (${surfaceColor}) — ${pair.ratio}:1 — passes AA but fails AAA (need 7:1)`,\n pair,\n severity: 'warning',\n });\n }\n } catch {\n // Skip unparseable colors (e.g. rgba with alpha)\n }\n }\n }\n\n // inverse text on accent\n if (config.text?.inverse && config.colors?.accent) {\n try {\n const fg = parseColor(config.text.inverse);\n const bg = parseColor(config.colors.accent);\n const ratio = contrastRatio(fg, bg);\n const aa = checkAA(ratio);\n const aaa = checkAAA(ratio);\n\n const pair: ContrastPair = {\n textToken: 'text.inverse',\n surfaceToken: 'colors.accent',\n textColor: config.text.inverse,\n surfaceColor: config.colors.accent,\n ratio: Math.round(ratio * 100) / 100,\n meetsAA: aa,\n meetsAAA: aaa,\n mode: 'light',\n };\n pairs.push(pair);\n\n if (!aa) {\n errors.push({\n message: `text.inverse (${config.text.inverse}) on colors.accent (${config.colors.accent}) — ${pair.ratio}:1 — fails AA`,\n pair,\n severity: 'error',\n });\n } else if (!aaa) {\n warnings.push({\n message: `text.inverse (${config.text.inverse}) on colors.accent (${config.colors.accent}) — ${pair.ratio}:1 — passes AA but fails AAA`,\n pair,\n severity: 'warning',\n });\n }\n } catch {\n // skip\n }\n }\n\n // -- Dark mode matrix --\n if (config.dark) {\n const darkTextTokens = [\n { key: 'primary' as const, token: 'dark.text.primary' },\n { key: 'secondary' as const, token: 'dark.text.secondary' },\n { key: 'tertiary' as const, token: 'dark.text.tertiary' },\n ];\n\n const darkSurfaceTokens = [\n { key: 'bgPrimary' as const, token: 'dark.surfaces.bgPrimary' },\n { key: 'bgSecondary' as const, token: 'dark.surfaces.bgSecondary' },\n { key: 'bgTertiary' as const, token: 'dark.surfaces.bgTertiary' },\n { key: 'bgElevated' as const, token: 'dark.surfaces.bgElevated' },\n ];\n\n for (const text of darkTextTokens) {\n const textColor = config.dark.text?.[text.key] ?? config.text?.[text.key];\n if (!textColor) continue;\n\n for (const surface of darkSurfaceTokens) {\n const surfaceColor = config.dark.surfaces?.[surface.key] ?? config.surfaces?.[surface.key];\n if (!surfaceColor) continue;\n\n try {\n const fg = parseColor(textColor);\n const bg = parseColor(surfaceColor);\n const ratio = contrastRatio(fg, bg);\n const aa = checkAA(ratio);\n const aaa = checkAAA(ratio);\n\n const pair: ContrastPair = {\n textToken: text.token,\n surfaceToken: surface.token,\n textColor,\n surfaceColor,\n ratio: Math.round(ratio * 100) / 100,\n meetsAA: aa,\n meetsAAA: aaa,\n mode: 'dark',\n };\n pairs.push(pair);\n\n if (!aa) {\n errors.push({\n message: `${text.token} (${textColor}) on ${surface.token} (${surfaceColor}) — ${pair.ratio}:1 — fails AA`,\n pair,\n severity: 'error',\n });\n } else if (!aaa) {\n warnings.push({\n message: `${text.token} (${textColor}) on ${surface.token} (${surfaceColor}) — ${pair.ratio}:1 — passes AA but fails AAA`,\n pair,\n severity: 'warning',\n });\n }\n } catch {\n // skip\n }\n }\n }\n }\n\n return {\n pairs,\n warnings,\n errors,\n passed: errors.length === 0,\n };\n}\n\n/**\n * Generate SCSS tokens from a theme configuration\n *\n * @param config - Theme configuration\n * @returns SCSS content string\n */\nexport function generateScssTokens(config: ThemeConfig): string {\n const lines: string[] = [];\n\n // Header\n lines.push(\"// Auto-generated by @fragments-sdk/cli\");\n lines.push(`// Theme: ${config.name}`);\n if (config.version) {\n lines.push(`// Version: ${config.version}`);\n }\n lines.push(\"\");\n\n // Colors\n const colorTokens = generateCategoryTokens(config, \"colors\", \"scss\");\n if (colorTokens.length > 0) {\n lines.push(\"// Colors\");\n lines.push(...colorTokens);\n lines.push(\"\");\n }\n\n // Surfaces\n const surfaceTokens = generateCategoryTokens(config, \"surfaces\", \"scss\");\n if (surfaceTokens.length > 0) {\n lines.push(\"// Surfaces\");\n lines.push(...surfaceTokens);\n lines.push(\"\");\n }\n\n // Text\n const textTokens = generateCategoryTokens(config, \"text\", \"scss\");\n if (textTokens.length > 0) {\n lines.push(\"// Text\");\n lines.push(...textTokens);\n lines.push(\"\");\n }\n\n // Borders\n const borderTokens = generateCategoryTokens(config, \"borders\", \"scss\");\n if (borderTokens.length > 0) {\n lines.push(\"// Borders\");\n lines.push(...borderTokens);\n lines.push(\"\");\n }\n\n // Typography\n const typographyTokens = generateCategoryTokens(config, \"typography\", \"scss\");\n if (typographyTokens.length > 0) {\n lines.push(\"// Typography\");\n lines.push(...typographyTokens);\n lines.push(\"\");\n }\n\n // Border Radius\n const radiusTokens = generateCategoryTokens(config, \"radius\", \"scss\");\n if (radiusTokens.length > 0) {\n lines.push(\"// Border Radius\");\n lines.push(...radiusTokens);\n lines.push(\"\");\n }\n\n // Shadows\n const shadowTokens = generateCategoryTokens(config, \"shadows\", \"scss\");\n if (shadowTokens.length > 0) {\n lines.push(\"// Shadows\");\n lines.push(...shadowTokens);\n lines.push(\"\");\n }\n\n // Density\n if (config.density) {\n lines.push(\"// Density\");\n lines.push(`$fui-density: \"${config.density}\" !default;`);\n lines.push(\"\");\n }\n\n // Dark mode\n const darkTokens = generateDarkTokens(config, \"scss\");\n if (darkTokens.length > 0) {\n lines.push(\"// Dark Mode\");\n lines.push(...darkTokens);\n lines.push(\"\");\n }\n\n return lines.join(\"\\n\");\n}\n\n/**\n * Generate CSS custom properties from a theme configuration\n *\n * @param config - Theme configuration\n * @returns CSS content string\n */\nexport function generateCssTokens(config: ThemeConfig): string {\n const lines: string[] = [];\n\n // Header\n lines.push(\"/* Auto-generated by @fragments-sdk/cli */\");\n lines.push(`/* Theme: ${config.name} */`);\n if (config.version) {\n lines.push(`/* Version: ${config.version} */`);\n }\n lines.push(\"\");\n\n // Collect all light mode tokens\n const lightTokens: string[] = [];\n\n const categories = [\"colors\", \"surfaces\", \"text\", \"borders\", \"typography\", \"radius\", \"shadows\"] as const;\n for (const category of categories) {\n const tokens = generateCategoryTokens(config, category, \"css\");\n lightTokens.push(...tokens);\n }\n\n // Density\n if (config.density) {\n lightTokens.push(` --fui-density: ${config.density};`);\n }\n\n if (lightTokens.length > 0) {\n lines.push(\":root {\");\n lines.push(...lightTokens);\n lines.push(\"}\");\n lines.push(\"\");\n }\n\n // Dark mode\n const darkTokens = generateDarkTokens(config, \"css\");\n if (darkTokens.length > 0) {\n lines.push(':root.dark,');\n lines.push(':root[data-theme=\"dark\"] {');\n lines.push(...darkTokens);\n lines.push(\"}\");\n lines.push(\"\");\n }\n\n return lines.join(\"\\n\");\n}\n\n/**\n * Generate token files from a theme configuration\n *\n * @param config - Theme configuration\n * @param options - Generator options\n * @returns Result with file paths or error\n */\nexport async function generateTokenFiles(\n config: ThemeConfig,\n options: TokenGeneratorOptions\n): Promise<TokenGeneratorResult> {\n const { format, outputDir, filePrefix = DEFAULT_FILE_PREFIX } = options;\n\n try {\n // Ensure output directory exists\n await mkdir(outputDir, { recursive: true });\n\n const result: TokenGeneratorResult = { success: true };\n\n // Run contrast validation (non-blocking)\n const contrastResult = validateContrast(config);\n result.contrastValidation = contrastResult;\n\n if (contrastResult.errors.length > 0) {\n for (const err of contrastResult.errors) {\n console.warn(`[contrast] ERROR: ${err.message}`);\n }\n }\n if (contrastResult.warnings.length > 0) {\n for (const warn of contrastResult.warnings) {\n console.warn(`[contrast] WARNING: ${warn.message}`);\n }\n }\n\n // Generate SCSS if requested\n if (format === \"scss\" || format === \"both\") {\n const scssContent = generateScssTokens(config);\n const scssPath = join(outputDir, `${filePrefix}.scss`);\n await writeFile(scssPath, scssContent, \"utf-8\");\n result.scssPath = scssPath;\n }\n\n // Generate CSS if requested\n if (format === \"css\" || format === \"both\") {\n const cssContent = generateCssTokens(config);\n const cssPath = join(outputDir, `${filePrefix}.css`);\n await writeFile(cssPath, cssContent, \"utf-8\");\n result.cssPath = cssPath;\n }\n\n return result;\n } catch (error) {\n return {\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error\",\n };\n }\n}\n"],"mappings":"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","names":["join","join"]}