From dad2e0fd9bfe11b19c7831732384c4bbb237558d Mon Sep 17 00:00:00 2001
From: MinatoHikari <35342316+MinatoHikari@users.noreply.github.com>
Date: Mon, 19 Dec 2022 21:29:46 +0800
Subject: [PATCH] feat(preset-web-fonts): add customFetch option (#2000)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(preset-web-fonts):add customRequest option

* chore: update

* Update packages/preset-web-fonts/README.md

Co-authored-by: 洪布斯 <q951686662@qq.com>

* chore: update

* chore: rename to `customFetch`

Co-authored-by: Frozen FIsh <76603360+sudongyuer@users.noreply.github.com>
Co-authored-by: 洪布斯 <q951686662@qq.com>
Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>
---
 packages/preset-web-fonts/README.md    | 26 ++++++++++++++++++++++++++
 packages/preset-web-fonts/src/index.ts | 18 ++++++++++--------
 packages/preset-web-fonts/src/types.ts |  7 +++++++
 3 files changed, 43 insertions(+), 8 deletions(-)

diff --git a/packages/preset-web-fonts/README.md b/packages/preset-web-fonts/README.md
index 4daf709833..8742fbc536 100644
--- a/packages/preset-web-fonts/README.md
+++ b/packages/preset-web-fonts/README.md
@@ -75,6 +75,32 @@ Currently supported Providers:
 
 PR welcome to add more providers 🙌
 
+### Custom fetch function
+
+Use your own function to fetch font source.
+
+```ts
+import presetWebFonts from '@unocss/preset-web-fonts'
+import presetUno from '@unocss/preset-uno'
+import axios from 'axios'
+import ProxyAgent from 'proxy-agent'
+
+Unocss({
+  presets: [
+    presetUno(),
+    presetWebFonts({
+      // use axios with an https proxy
+      customFetch: (url: string) => axios.get(url, { httpsAgent: new ProxyAgent('https://localhost:7890') }),
+      provider: 'google',
+      fonts: {
+        sans: 'Roboto',
+        mono: ['Fira Code', 'Fira Mono:400,700'],
+      },
+    }),
+  ],
+})
+```
+
 ## Configuration
 
 Refer to the [type definition](https://github.com/unocss/unocss/blob/main/packages/preset-web-fonts/src/types.ts#L4) for all configurations available.
diff --git a/packages/preset-web-fonts/src/index.ts b/packages/preset-web-fonts/src/index.ts
index 2e8395a6dd..1991f0f0fb 100644
--- a/packages/preset-web-fonts/src/index.ts
+++ b/packages/preset-web-fonts/src/index.ts
@@ -35,6 +35,7 @@ const preset = (options: WebFontsOptions = {}): Preset<any> => {
     extendTheme = true,
     inlineImports = true,
     themeKey = 'fontFamily',
+    customFetch,
   } = options
 
   const fontObject = Object.fromEntries(
@@ -48,14 +49,15 @@ const preset = (options: WebFontsOptions = {}): Preset<any> => {
   async function importUrl(url: string) {
     if (inlineImports) {
       if (!importCache[url]) {
-        const { $fetch } = await import('ohmyfetch')
-        importCache[url] = $fetch(url, { headers: {}, retry: 3 })
-          .catch((e) => {
-            console.error('Failed to fetch web fonts')
-            console.error(e)
-            if (typeof process !== 'undefined' && process.env.CI)
-              throw e
-          })
+        const promise = customFetch
+          ? customFetch(url)
+          : (await import('ohmyfetch')).$fetch(url, { headers: {}, retry: 3 })
+        importCache[url] = promise.catch((e) => {
+          console.error('Failed to fetch web fonts')
+          console.error(e)
+          if (typeof process !== 'undefined' && process.env.CI)
+            throw e
+        })
       }
       return await importCache[url]
     }
diff --git a/packages/preset-web-fonts/src/types.ts b/packages/preset-web-fonts/src/types.ts
index 38b390dfb2..8b31bac8b3 100644
--- a/packages/preset-web-fonts/src/types.ts
+++ b/packages/preset-web-fonts/src/types.ts
@@ -42,6 +42,13 @@ export interface WebFontsOptions {
    * @default true
    */
   inlineImports?: boolean
+
+  /**
+   * Custom fetch function
+   *
+   * @default undefined
+   */
+  customFetch?: (url: string) => Promise<any>
 }
 
 export interface Provider {