import { GlobalStoryblok } from '../typings/generated/components-schema'

export default function parseFont(string?: string) {
  if (!string) return null
  const name = string.split(':')[0]
  return name.replace(/\+/g, ' ')
}

export const getFontBasedOnSetting = (settings: Partial<GlobalStoryblok>) => {
  const settingsFonts = [
    'theme_font_default',
    'theme_font_alt1',
    'theme_font_alt2',
    'theme_font_alt3',
    'theme_font_alt4'
  ]
  const loadFonts: string[] = []
  // let isCss2 = false
  settingsFonts.forEach((key) => {
    const fontValue = settings[key]
    if (fontValue) {
      if (
        fontValue.includes('wght') ||
        fontValue.includes('wdth') ||
        !fontValue.includes(':')
      ) {
        loadFonts.push(fontValue.trim())
      } else {
        // css1
        const [name, weights] = fontValue.trim().split(':')
        loadFonts.push(`${name}:wght@${weights.split(',').join(';')}`)
      }
    }
  })
  if (!loadFonts.length) {
    loadFonts.push('Nunito:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700')
  }
  const googleFontsString = loadFonts.join('&family=')
  return `https://fonts.googleapis.com/css2?family=${googleFontsString}${
    process.env.NEXT_PUBLIC_LAZY_FONT_DISABLE ? '' : '&display=swap'
  }`
}