#!/usr/bin/env node /** * Build System for Cross-Provider Design Skills & Commands * * Transforms feature-rich source files into provider-specific formats: * - Cursor: Downgraded (no frontmatter/args) * - Claude Code: Full featured (frontmatter + body) * - Gemini: Full featured (TOML + modular skills) * - Codex: Full featured (custom prompts + modular skills) * * Also builds Tailwind CSS for production deployment. */ import path from 'path'; import fs from 'fs'; import { fileURLToPath } from 'url'; import { readSourceFiles, readPatterns } from './lib/utils.js'; import { transformCursor, transformClaudeCode, transformGemini, transformCodex } from './lib/transformers/index.js'; import { createAllZips } from './lib/zip.js'; import { execSync } from 'child_process'; /** * Copy directory recursively */ function copyDirSync(src, dest) { fs.mkdirSync(dest, { recursive: true }); const entries = fs.readdirSync(src, { withFileTypes: true }); for (const entry of entries) { const srcPath = path.join(src, entry.name); const destPath = path.join(dest, entry.name); if (entry.isDirectory()) { copyDirSync(srcPath, destPath); } else { fs.copyFileSync(srcPath, destPath); } } } const __filename = fileURLToPath(import.meta.url); const __dirname = path.dirname(__filename); const ROOT_DIR = path.resolve(__dirname, '..'); const DIST_DIR = path.join(ROOT_DIR, 'dist'); /** * Build Tailwind CSS using the CLI * Tailwind v4 uses @theme directive which Bun's CSS bundler doesn't understand */ function buildTailwindCSS() { const inputFile = path.join(ROOT_DIR, 'public', 'css', 'main.css'); const outputFile = path.join(ROOT_DIR, 'public', 'css', 'styles.css'); console.log('šŸŽØ Building Tailwind CSS...'); try { execSync(`bunx @tailwindcss/cli -i "${inputFile}" -o "${outputFile}" --minify`, { cwd: ROOT_DIR, stdio: 'inherit' }); console.log('āœ“ Tailwind CSS compiled\n'); } catch (error) { console.error('Failed to build Tailwind CSS:', error.message); process.exit(1); } } /** * Build static site using Bun's HTML bundler * CSS is pre-compiled by Tailwind CLI, then bundled with HTML/JS */ async function buildStaticSite() { const entrypoints = [ path.join(ROOT_DIR, 'public', 'index.html'), path.join(ROOT_DIR, 'public', 'cheatsheet.html'), ]; const outdir = path.join(ROOT_DIR, 'build'); console.log('šŸ“¦ Building static site with Bun...'); try { const result = await Bun.build({ entrypoints: entrypoints, outdir: outdir, minify: true, sourcemap: 'linked', }); if (!result.success) { console.error('Build failed:'); for (const log of result.logs) { console.error(log.message || log); if (log.position) { console.error(` at ${log.position.file}:${log.position.line}:${log.position.column}`); } } process.exit(1); } // Calculate total size const totalSize = result.outputs.reduce((sum, o) => sum + o.size, 0); const jsFiles = result.outputs.filter(o => o.path.endsWith('.js')); const cssFiles = result.outputs.filter(o => o.path.endsWith('.css')); console.log(`āœ“ Static site built to ./build/`); console.log(` HTML: 1 file`); console.log(` JS: ${jsFiles.length} file(s) (${(jsFiles.reduce((s, f) => s + f.size, 0) / 1024).toFixed(1)} KB)`); console.log(` CSS: ${cssFiles.length} file(s) (${(cssFiles.reduce((s, f) => s + f.size, 0) / 1024).toFixed(1)} KB)`); console.log(` Total: ${(totalSize / 1024).toFixed(1)} KB\n`); return result; } catch (error) { console.error('Failed to build static site:', error.message); console.error(error.stack); if (error.logs) { for (const log of error.logs) { console.error(log.message || log); } } process.exit(1); } } /** * Main build process */ async function build() { console.log('šŸ”Ø Building cross-provider design plugins...\n'); // Build CSS with Tailwind CLI (handles @theme directive) buildTailwindCSS(); // Bundle HTML, JS, and compiled CSS with Bun await buildStaticSite(); // Read source files const { commands, skills } = readSourceFiles(ROOT_DIR); const patterns = readPatterns(ROOT_DIR); console.log(`šŸ“– Read ${commands.length} commands, ${skills.length} skills, and ${patterns.patterns.length + patterns.antipatterns.length} pattern categories\n`); // Transform for each provider (unprefixed) transformCursor(commands, skills, DIST_DIR, patterns); transformClaudeCode(commands, skills, DIST_DIR, patterns); transformGemini(commands, skills, DIST_DIR, patterns); transformCodex(commands, skills, DIST_DIR, patterns); // Transform for each provider (prefixed with i-) const prefixOptions = { prefix: 'i-', outputSuffix: '-prefixed' }; transformCursor(commands, skills, DIST_DIR, patterns, prefixOptions); transformClaudeCode(commands, skills, DIST_DIR, patterns, prefixOptions); transformGemini(commands, skills, DIST_DIR, patterns, prefixOptions); transformCodex(commands, skills, DIST_DIR, patterns, prefixOptions); // Create ZIP bundles (both unprefixed and prefixed) await createAllZips(DIST_DIR); // Copy Claude Code output to project's .claude directory for local development const claudeCodeSrc = path.join(DIST_DIR, 'claude-code', '.claude'); const claudeCodeDest = path.join(ROOT_DIR, '.claude'); // Copy commands and skills directories (preserves other files like settings.local.json) const commandsSrc = path.join(claudeCodeSrc, 'commands'); const skillsSrc = path.join(claudeCodeSrc, 'skills'); const commandsDest = path.join(claudeCodeDest, 'commands'); const skillsDest = path.join(claudeCodeDest, 'skills'); // Remove existing and copy fresh if (fs.existsSync(commandsDest)) fs.rmSync(commandsDest, { recursive: true }); if (fs.existsSync(skillsDest)) fs.rmSync(skillsDest, { recursive: true }); copyDirSync(commandsSrc, commandsDest); copyDirSync(skillsSrc, skillsDest); console.log(`šŸ“‹ Synced to .claude/: commands + skills`); console.log('\n✨ Build complete!'); } // Run the build build();