import { readFileSync, writeFileSync, readdirSync } from 'fs'
import { join, basename } from 'path'
import { fileURLToPath } from 'url'

const __dirname = fileURLToPath(new URL('.', import.meta.url))
const iconsDir = join(__dirname, '../src/assets/icons')

const svgFiles = readdirSync(iconsDir)
  .filter(f => f.endsWith('.svg') && f !== 'sprite.svg')
  .sort()

if (!svgFiles.length) {
  console.error('No SVG files found in', iconsDir)
  process.exit(1)
}

// Extract viewBox and inner content from each SVG file
const symbols = svgFiles.map((file) => {
  const name = basename(file, '.svg')
  const raw = readFileSync(join(iconsDir, file), 'utf-8')

  const viewBox = (raw.match(/viewBox="([^"]+)"/) ?? [])[1] ?? '0 0 24 24'

  // Everything between <svg ...> and </svg>
  const inner = (raw.match(/<svg[^>]*>([\s\S]*?)<\/svg>/i) ?? [])[1]
    ?.trim()
    .replace(/\n\s*/g, '\n    ') ?? ''

  return `  <symbol id="icon-${name}" viewBox="${viewBox}">\n    ${inner}\n  </symbol>`
})

// --- sprite.svg ---
const sprite = `<!-- Generated by scripts/generate-sprite.js — do not edit manually -->
<svg xmlns="http://www.w3.org/2000/svg" style="display:none">
${symbols.join('\n')}
</svg>
`
writeFileSync(join(iconsDir, 'sprite.svg'), sprite)

// --- icon-names.ts (IconName union type) ---
const names = svgFiles.map(f => `'${basename(f, '.svg')}'`).join('\n  | ')
const meta = `// Generated by scripts/generate-sprite.js — do not edit manually
export type IconName =
  | ${names}
`
writeFileSync(join(iconsDir, 'icon-names.ts'), meta)

console.log(`✓ sprite.svg  — ${svgFiles.length} icons`)
console.log('✓ icon-names.ts')