feat(preset-web-fonts): add CoolLabs fonts provider (#4649)

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Chris <[email protected]>

Author: 3 people

packages-presets/preset-web-fonts/src/preset.ts

@@ -2,6 +2,7 @@ import type { Preset } from '@unocss/core'
 import type { Provider, ResolvedWebFontMeta, WebFontMeta, WebFontsOptions, WebFontsProviders } from './types'
 import { LAYER_IMPORTS, toArray } from '@unocss/core'
 import { BunnyFontsProvider } from './providers/bunny'
+import { CoolLabsFontsProvider } from './providers/coollabs'
 import { FontshareProvider } from './providers/fontshare'
 import { FontSourceProvider } from './providers/fontsource'
 import { GoogleFontsProvider } from './providers/google'
@@ -12,6 +13,7 @@ const builtinProviders = {
   bunny: BunnyFontsProvider,
   fontshare: FontshareProvider,
   fontsource: FontSourceProvider,
+  coollabs: CoolLabsFontsProvider,
   none: NoneProvider,
 }
 

packages-presets/preset-web-fonts/src/providers/coollabs.ts

@@ -0,0 +1,29 @@
+import type { Provider, WebFontsProviders } from '../types'
+
+export function createCoolLabsCompatibleProvider(name: WebFontsProviders, host: string): Provider {
+  return {
+    name,
+    getImportUrl(fonts) {
+      const sort = (weights: string[][]) => {
+        const firstW = weights.map(w => w[0])
+        const lastW = weights.map(w => w[1])
+        return `${firstW.join(';')};${lastW.join(';')}`
+      }
+
+      const strings = fonts
+        .map((i) => {
+          let name = i.name.replace(/\s+/g, '+')
+          if (i.weights?.length) {
+            name += i.italic
+              ? `:ital,wght@${sort(i.weights.map(w => [`0,${w}`, `1,${w}`]))}`
+              : `:wght@${i.weights.join(';')}`
+          }
+          return `family=${name}`
+        })
+        .join('&')
+      return `${host}/css2?${strings}&display=swap`
+    },
+  }
+}
+
+export const CoolLabsFontsProvider: Provider = createCoolLabsCompatibleProvider('coollabs', 'https://api.fonts.coollabs.io')

packages-presets/preset-web-fonts/src/types.ts

@@ -1,6 +1,6 @@
 import type { Arrayable, Awaitable } from '@unocss/core'
 
-export type WebFontsProviders = 'google' | 'bunny' | 'fontshare' | 'fontsource' | 'none' | Provider
+export type WebFontsProviders = 'google' | 'bunny' | 'fontshare' | 'fontsource' | 'coollabs' | 'none' | Provider
 
 export interface WebFontMeta {
   name: string