enso/app/gui2/scripts/generateIconMetadata.js

import * as fs from 'node:fs/promises'

console.info('Reading icons from "./src/assets/icons.svg"...')
const icons = await fs.readFile('./src/assets/icons.svg', { encoding: 'utf-8' })
const iconNames = icons.match(/(?<=<symbol id=")[^"]+/gm) ?? []

// All generated files MUST follow Prettier formatting.
console.info('Writing icon names to "./src/util/iconList.json"...')
await fs.writeFile('./src/util/iconList.json', JSON.stringify(iconNames, undefined, 2) + '\n')
console.info('Writing icon name type to "./src/util/iconName.ts"...')
await fs.writeFile(
  './src/util/iconName.ts',
  `\
// Generated by \`scripts/generateIconMetadata.js\`.
// Please run \`npm run generate-metadata\` to regenerate this file whenever \`icons.svg\` is changed.
import iconNames from '@/util/iconList.json'

/** One of the possible icon names of SvgIcon component. */
export type Icon =
${iconNames?.map((name) => `  | '${name}'`).join('\n')}

export { iconNames }

const iconNamesSet = new Set(iconNames)

/** Check if string is one of the valid icon names for SvgIcon. */
export function isIconName(value: string): value is Icon {
  return iconNamesSet.has(value)
}
`,
)
console.info('Done.')