Fix Vercel deployment: Tailwind CSS, API endpoints, and Bun runtime

- Add missing /api/patterns.js endpoint (was causing 404)
- Fix Tailwind CSS: compile with @tailwindcss/cli instead of Bun virtual module
- Update API handlers to use standard Vercel function export format
- Configure vercel.json with proper Bun runtime (runtime: "bun@1")
- Add @tailwindcss/cli to devDependencies
- Add generated styles.css to .gitignore

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2025-12-16 14:21:43 -08:00
co-authored by Claude Opus 4.5
parent 43dd5ad40b
commit 7aefe19b2a
11 changed files with 216 additions and 41 deletions
+27 -1
View File
@@ -2,12 +2,14 @@
/**
* 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';
@@ -21,6 +23,7 @@ import {
transformCodex
} from './lib/transformers/index.js';
import { createAllZips } from './lib/zip.js';
import { execSync } from 'child_process';
/**
* Copy directory recursively
@@ -44,12 +47,35 @@ const __dirname = path.dirname(__filename);
const ROOT_DIR = path.resolve(__dirname, '..');
const DIST_DIR = path.join(ROOT_DIR, 'dist');
/**
* Build Tailwind CSS for production
*/
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 to public/css/styles.css\n');
} catch (error) {
console.error('Failed to build Tailwind CSS:', error.message);
process.exit(1);
}
}
/**
* Main build process
*/
async function build() {
console.log('🔨 Building cross-provider design plugins...\n');
// Build Tailwind CSS first
buildTailwindCSS();
// Read source files
const { commands, skills } = readSourceFiles(ROOT_DIR);
const patterns = readPatterns(ROOT_DIR);