Function generateClientBundleCode

src/core/bundle.ts:213–258

(
  collections: IconifyJSON[],
  options: GenerateClientBundleOptions = {},
)

 * icon through the passed `addIcon` (e.g. from `@iconify/vue`).
 */
export function generateClientBundleCode(
  collections: IconifyJSON[],
  options: GenerateClientBundleOptions = {},
): { code: string, bundleSizeKb: number } {
  const {
    sizeLimitKb = 256,
  } = options

  if (!collections.length) {
    return {
      code: 'export function init() {}',
      bundleSizeKb: 0,
    }
  }

  const valuesCompat = JSON.stringify(collections)
  const bundleSizeKb = Buffer.byteLength(valuesCompat, 'utf-8') / 1024

  if (sizeLimitKb > 0) {
    if (bundleSizeKb > sizeLimitKb) {
      throw new Error(`Nuxt Icon client bundle size limit exceeded: \`${bundleSizeKb.toFixed(2)}KB\` > \`${sizeLimitKb}KB\``)
    }
    if (bundleSizeKb > sizeLimitKb * 0.75) {
      logger.warn(`Nuxt Icon client bundle size is close to the limit: \`${bundleSizeKb.toFixed(2)}KB\` -> \`${sizeLimitKb}KB\``)
    }
  }

  const collectionsRaw = `JSON.parse(${JSON.stringify(valuesCompat)})`

  const code = [
    'let _initialized = false',
    'export function init(addIcon) {',
    '  if (_initialized)',
    '    return',
    `  const collections = ${collectionsRaw}`,
    `  for (const collection of collections) {`,
    `    for (const [name, data] of Object.entries(collection.icons)) {`,
    `      addIcon(collection.prefix ? (collection.prefix + ':' + name) : name, data)`,
    `    }`,
    '  }',
    '  _initialized = true',
    '}',
  ].join('\n')

  return { code, bundleSizeKb }
}