@unocss/preset-web-fonts 0.44.5 → 0.45.3

package/README.md

@@ -70,12 +70,13 @@ Currently supported Providers:
 
 - `none` - do nothing, treat the font as system font
 - `google` - [Google Fonts](https://fonts.google.com/)
+- `bunny` - [Privacy-Friendly Google Fonts](https://fonts.bunny.net/)
 
 PR welcome to add more providers 🙌
 
 ## Configuration
 
-Refer to the [type definition](https://github.com/unocss/unocss/blob/main/packages/preset-web-fonts/src/types.ts#L4) for all configurations avaliable.
+Refer to the [type definition](https://github.com/unocss/unocss/blob/main/packages/preset-web-fonts/src/types.ts#L4) for all configurations available.
 
 ## License
 

package/dist/index.cjs

@@ -4,22 +4,27 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const core = require('@unocss/core');
 
-const GoogleFontsProvider = {
-  name: "google",
-  getImportUrl(fonts) {
-    const strings = fonts.filter((i) => i.provider === "google").map((i) => {
-      let name = i.name.replace(/\s+/g, "+");
-      if (i.weights?.length) {
-        name += i.italic ? `:ital,wght@${i.weights.flatMap((i2) => [`0,${i2}`, `1,${i2}`]).sort().join(";")}` : `:wght@${i.weights.sort().join(";")}`;
-      }
-      return `family=${name}`;
-    }).join("&");
-    return `https://fonts.googleapis.com/css2?${strings}&display=swap`;
-  },
-  getFontName(font) {
-    return `"${font.name}"`;
-  }
-};
+const GoogleFontsProvider = createGoogleProvider("google", "https://fonts.googleapis.com");
+function createGoogleProvider(name, host) {
+  return {
+    name,
+    getImportUrl(fonts) {
+      const strings = fonts.filter((i) => i.provider === name).map((i) => {
+        let name2 = i.name.replace(/\s+/g, "+");
+        if (i.weights?.length) {
+          name2 += i.italic ? `:ital,wght@${i.weights.flatMap((i2) => [`0,${i2}`, `1,${i2}`]).sort().join(";")}` : `:wght@${i.weights.sort().join(";")}`;
+        }
+        return `family=${name2}`;
+      }).join("&");
+      return `${host}/css2?${strings}&display=swap`;
+    },
+    getFontName(font) {
+      return `"${font.name}"`;
+    }
+  };
+}
+
+const BunnyFontsProvider = createGoogleProvider("bunny", "https://fonts.bunny.net");
 
 const NoneProvider = {
   name: "none",
@@ -45,6 +50,7 @@ function normalizedFontMeta(meta, defaultProvider) {
 }
 const providers = {
   google: GoogleFontsProvider,
+  bunny: BunnyFontsProvider,
   none: NoneProvider
 };
 const preset = (options = {}) => {
@@ -54,7 +60,9 @@ const preset = (options = {}) => {
     inlineImports = true,
     themeKey = "fontFamily"
   } = options;
-  const fontObject = Object.fromEntries(Object.entries(options.fonts || {}).map(([name, meta]) => [name, core.toArray(meta).map((m) => normalizedFontMeta(m, defaultProvider))]));
+  const fontObject = Object.fromEntries(
+    Object.entries(options.fonts || {}).map(([name, meta]) => [name, core.toArray(meta).map((m) => normalizedFontMeta(m, defaultProvider))])
+  );
   const fonts = Object.values(fontObject).flatMap((i) => i);
   const importCache = {};
   async function importUrl(url) {
@@ -101,7 +109,9 @@ const preset = (options = {}) => {
     preset2.extendTheme = (theme) => {
       if (!theme[themeKey])
         theme[themeKey] = {};
-      const obj = Object.fromEntries(Object.entries(fontObject).map(([name, fonts2]) => [name, fonts2.map((f) => providers[f.provider || defaultProvider].getFontName(f))]));
+      const obj = Object.fromEntries(
+        Object.entries(fontObject).map(([name, fonts2]) => [name, fonts2.map((f) => providers[f.provider || defaultProvider].getFontName(f))])
+      );
       for (const key of Object.keys(obj)) {
         if (typeof theme[themeKey][key] === "string")
           theme[themeKey][key] = obj[key].map((i) => `${i},`).join("") + theme[themeKey][key];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { Preset } from '@unocss/core';
 
-declare type WebFontsProviders = 'google' | 'none';
+declare type WebFontsProviders = 'google' | 'bunny' | 'none';
 interface WebFontMeta {
     name: string;
     weights?: (string | number)[];

package/dist/index.mjs

@@ -1,21 +1,26 @@
 import { toArray } from '@unocss/core';
 
-const GoogleFontsProvider = {
-  name: "google",
-  getImportUrl(fonts) {
-    const strings = fonts.filter((i) => i.provider === "google").map((i) => {
-      let name = i.name.replace(/\s+/g, "+");
-      if (i.weights?.length) {
-        name += i.italic ? `:ital,wght@${i.weights.flatMap((i2) => [`0,${i2}`, `1,${i2}`]).sort().join(";")}` : `:wght@${i.weights.sort().join(";")}`;
-      }
-      return `family=${name}`;
-    }).join("&");
-    return `https://fonts.googleapis.com/css2?${strings}&display=swap`;
-  },
-  getFontName(font) {
-    return `"${font.name}"`;
-  }
-};
+const GoogleFontsProvider = createGoogleProvider("google", "https://fonts.googleapis.com");
+function createGoogleProvider(name, host) {
+  return {
+    name,
+    getImportUrl(fonts) {
+      const strings = fonts.filter((i) => i.provider === name).map((i) => {
+        let name2 = i.name.replace(/\s+/g, "+");
+        if (i.weights?.length) {
+          name2 += i.italic ? `:ital,wght@${i.weights.flatMap((i2) => [`0,${i2}`, `1,${i2}`]).sort().join(";")}` : `:wght@${i.weights.sort().join(";")}`;
+        }
+        return `family=${name2}`;
+      }).join("&");
+      return `${host}/css2?${strings}&display=swap`;
+    },
+    getFontName(font) {
+      return `"${font.name}"`;
+    }
+  };
+}
+
+const BunnyFontsProvider = createGoogleProvider("bunny", "https://fonts.bunny.net");
 
 const NoneProvider = {
   name: "none",
@@ -41,6 +46,7 @@ function normalizedFontMeta(meta, defaultProvider) {
 }
 const providers = {
   google: GoogleFontsProvider,
+  bunny: BunnyFontsProvider,
   none: NoneProvider
 };
 const preset = (options = {}) => {
@@ -50,7 +56,9 @@ const preset = (options = {}) => {
     inlineImports = true,
     themeKey = "fontFamily"
   } = options;
-  const fontObject = Object.fromEntries(Object.entries(options.fonts || {}).map(([name, meta]) => [name, toArray(meta).map((m) => normalizedFontMeta(m, defaultProvider))]));
+  const fontObject = Object.fromEntries(
+    Object.entries(options.fonts || {}).map(([name, meta]) => [name, toArray(meta).map((m) => normalizedFontMeta(m, defaultProvider))])
+  );
   const fonts = Object.values(fontObject).flatMap((i) => i);
   const importCache = {};
   async function importUrl(url) {
@@ -97,7 +105,9 @@ const preset = (options = {}) => {
     preset2.extendTheme = (theme) => {
       if (!theme[themeKey])
         theme[themeKey] = {};
-      const obj = Object.fromEntries(Object.entries(fontObject).map(([name, fonts2]) => [name, fonts2.map((f) => providers[f.provider || defaultProvider].getFontName(f))]));
+      const obj = Object.fromEntries(
+        Object.entries(fontObject).map(([name, fonts2]) => [name, fonts2.map((f) => providers[f.provider || defaultProvider].getFontName(f))])
+      );
       for (const key of Object.keys(obj)) {
         if (typeof theme[themeKey][key] === "string")
           theme[themeKey][key] = obj[key].map((i) => `${i},`).join("") + theme[themeKey][key];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unocss/preset-web-fonts",
-  "version": "0.44.5",
+  "version": "0.45.3",
   "description": "Web Fonts support for Uno CSS",
   "author": "Anthony Fu <anthonyfu117@hotmail.com>",
   "license": "MIT",
@@ -42,7 +42,7 @@
     "*.css"
   ],
   "dependencies": {
-    "@unocss/core": "0.44.5",
+    "@unocss/core": "0.45.3",
     "ohmyfetch": "^0.4.18"
   },
   "scripts": {