|
|
import { writeFileSync, mkdirSync } from 'fs'; |
|
|
import { fileURLToPath } from 'url'; |
|
|
import { dirname, join } from 'path'; |
|
|
|
|
|
const __filename = fileURLToPath(import.meta.url); |
|
|
const __dirname = dirname(__filename); |
|
|
|
|
|
// Icons we need to extract |
|
|
const icons = [ |
|
|
'zap', // ⚡ |
|
|
'heart', // ❤️ |
|
|
'chevron-up', // ⬆️ |
|
|
'chevron-down', // ⬇️ |
|
|
'sun', // ☀️ |
|
|
'moon', // 🌙 |
|
|
'user', // 👤 |
|
|
'plus' // ➕ |
|
|
]; |
|
|
|
|
|
const staticDir = join(__dirname, '..', 'static', 'icons'); |
|
|
mkdirSync(staticDir, { recursive: true }); |
|
|
|
|
|
// Import lucide-svelte to get the icon paths |
|
|
try { |
|
|
const lucide = await import('lucide-svelte'); |
|
|
|
|
|
for (const iconName of icons) { |
|
|
// Convert kebab-case to PascalCase |
|
|
const componentName = iconName |
|
|
.split('-') |
|
|
.map(word => word.charAt(0).toUpperCase() + word.slice(1)) |
|
|
.join(''); |
|
|
|
|
|
// Get the icon component |
|
|
const IconComponent = lucide[componentName]; |
|
|
|
|
|
if (!IconComponent) { |
|
|
console.warn(`Icon ${iconName} (${componentName}) not found`); |
|
|
continue; |
|
|
} |
|
|
|
|
|
// Extract SVG path from the component |
|
|
// Lucide icons are SVG components, we need to render them to get the path |
|
|
// For now, let's use the known SVG paths from lucide |
|
|
const svgPaths = { |
|
|
'zap': '<path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/>', |
|
|
'heart': '<path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.29 1.51 4.04 3 5.5l7 7Z"/>', |
|
|
'chevron-up': '<path d="m18 15-6-6-6 6"/>', |
|
|
'chevron-down': '<path d="m6 9 6 6 6-6"/>', |
|
|
'sun': '<circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>', |
|
|
'moon': '<path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>', |
|
|
'user': '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>', |
|
|
'plus': '<path d="M5 12h14"/><path d="M12 5v14"/>' |
|
|
}; |
|
|
|
|
|
const path = svgPaths[iconName]; |
|
|
if (!path) { |
|
|
console.warn(`No SVG path found for ${iconName}`); |
|
|
continue; |
|
|
} |
|
|
|
|
|
const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${path}</svg>`; |
|
|
|
|
|
const filePath = join(staticDir, `${iconName}.svg`); |
|
|
writeFileSync(filePath, svg, 'utf-8'); |
|
|
console.log(`Extracted ${iconName}.svg`); |
|
|
} |
|
|
|
|
|
console.log('All icons extracted successfully!'); |
|
|
} catch (error) { |
|
|
console.error('Error extracting icons:', error); |
|
|
process.exit(1); |
|
|
}
|
|
|
|
