anima-performance-tuning

# Anima Performance Tuning ## Performance Targets | Operation | Target | Notes | |-----------|--------|-------| | Single component generation | < 10s | Depends on complexity | | Batch (10 components) | < 2 min | With rate limit delays | | Cache hit | < 10ms | File-based cache | | Full design system (50 components) | < 15 min | Sequential with 6s delays | ## Instructions ### Step 1: File-Based Generation Cache ```typescript // src/performance/cache.ts import crypto from 'crypto'; import fs from 'fs'; class GenerationCache { private dir: string; constructor(cacheDir = '.anima-cache') { this.dir = cacheDir; fs.mkdirSync(cacheDir, { recursive: true }); } private hash(fileKey: string, nodeId: string, settings: any): string { return crypto.createHash('md5').update(`${fileKey}:${nodeId}:${JSON.stringify(settings)}`).digest('hex'); } async getOrGenerate( anima: any, params: any, maxAgeMs: number = 3600000, // 1 hour ): Promise<any> { const key = this.hash(params.fileKey, params.nodesId[0], params.settings); const path = `${this.dir}/${key}.json`; if (fs.existsSync(path)) { const stat = fs.statSync(path); if (Date.now() - stat.mtimeMs < maxAgeMs) { return JSON.parse(fs.readFileSync(path, 'utf8')); } } const result = await anima.generateCode(params); fs.writeFileSync(path, JSON.stringify(result)); return result; } clearOlderThan(maxAgeMs: number): number { let cleared = 0; ...