From 8d0623e2948ede5cce00162e00ae7ed2fd54006f Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 1 Mar 2024 18:06:50 +0800
Subject: [PATCH 1/4] feat(eslint): enhance `no-unwanted-polyfill` w/ new
 endpoints

---
 .../src/rules/no-unwanted-polyfillio.ts                |  7 ++++++-
 .../eslint-plugin-next/no-unwanted-polyfillio.test.ts  | 10 ++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/packages/eslint-plugin-next/src/rules/no-unwanted-polyfillio.ts b/packages/eslint-plugin-next/src/rules/no-unwanted-polyfillio.ts
index 35ebf0acf1107..fc575e9919292 100644
--- a/packages/eslint-plugin-next/src/rules/no-unwanted-polyfillio.ts
+++ b/packages/eslint-plugin-next/src/rules/no-unwanted-polyfillio.ts
@@ -115,7 +115,12 @@ export = defineRule({
         const src = srcNode.value.value
         if (
           src.startsWith('https://cdn.polyfill.io/v2/') ||
-          src.startsWith('https://polyfill.io/v3/')
+          src.startsWith('https://polyfill.io/v3/') ||
+          // https://community.fastly.com/t/new-options-for-polyfill-io-users/2540
+          src.startsWith('https://polyfill-fastly.net/') ||
+          src.startsWith('https://polyfill-fastly.io/') ||
+          // https://blog.cloudflare.com/polyfill-io-now-available-on-cdnjs-reduce-your-supply-chain-risk
+          src.startsWith('https://cdnjs.cloudflare.com/polyfill/')
         ) {
           const featureQueryString = new URL(src).searchParams.get('features')
           const featuresRequested = (featureQueryString || '').split(',')
diff --git a/test/unit/eslint-plugin-next/no-unwanted-polyfillio.test.ts b/test/unit/eslint-plugin-next/no-unwanted-polyfillio.test.ts
index f1383c2f67d9c..4871505b4f3c7 100644
--- a/test/unit/eslint-plugin-next/no-unwanted-polyfillio.test.ts
+++ b/test/unit/eslint-plugin-next/no-unwanted-polyfillio.test.ts
@@ -48,6 +48,16 @@ ruleTester.run('unwanted-polyfillsio', rule, {
             </div>
           );
     }`,
+    `import Script from 'next/script';
+
+      export function MyApp({ Component, pageProps }) {
+          return (
+            <div>
+              <Component {...pageProps} />
+              <Script src='https://polyfill-fastly.io/v3/polyfill.min.js?features=IntersectionObserver' />
+            </div>
+          );
+    }`,
   ],
 
   invalid: [

From ed6e9e824d6bc038e70a727a6aad6c50e02b6141 Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Fri, 1 Mar 2024 18:37:11 +0800
Subject: [PATCH 2/4] example: update script-component example

---
 examples/script-component/pages/polyfill.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/script-component/pages/polyfill.tsx b/examples/script-component/pages/polyfill.tsx
index bee31995b55d6..4acc444920883 100644
--- a/examples/script-component/pages/polyfill.tsx
+++ b/examples/script-component/pages/polyfill.tsx
@@ -32,7 +32,7 @@ export default function Polyfill() {
     <>
       {/* We ensure that intersection observer is available by polyfilling it */}
       <Script
-        src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserverEntry%2CIntersectionObserver"
+        src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=IntersectionObserverEntry%2CIntersectionObserver"
         strategy="beforeInteractive"
       />
 

From c93cb1de90861d35e53a2e75e5d75c12a4923693 Mon Sep 17 00:00:00 2001
From: Steven <steven@ceriously.com>
Date: Wed, 6 Mar 2024 11:27:58 -0500
Subject: [PATCH 3/4] Apply suggestions from code review

---
 examples/script-component/pages/polyfill.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/script-component/pages/polyfill.tsx b/examples/script-component/pages/polyfill.tsx
index 4acc444920883..85b487940958f 100644
--- a/examples/script-component/pages/polyfill.tsx
+++ b/examples/script-component/pages/polyfill.tsx
@@ -32,7 +32,7 @@ export default function Polyfill() {
     <>
       {/* We ensure that intersection observer is available by polyfilling it */}
       <Script
-        src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=IntersectionObserverEntry%2CIntersectionObserver"
+        src="https://polyfill-fastly.io/v3/polyfill.min.js?features=IntersectionObserver"
         strategy="beforeInteractive"
       />
 

From 0ce9447fe8ff2e947cd102a4687ebc7d3682642c Mon Sep 17 00:00:00 2001
From: Steven <steven@ceriously.com>
Date: Wed, 6 Mar 2024 11:29:29 -0500
Subject: [PATCH 4/4] Both IntersectionObserverEntry and IntersectionObserver

---
 examples/script-component/pages/polyfill.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/script-component/pages/polyfill.tsx b/examples/script-component/pages/polyfill.tsx
index 85b487940958f..add9af5200053 100644
--- a/examples/script-component/pages/polyfill.tsx
+++ b/examples/script-component/pages/polyfill.tsx
@@ -32,7 +32,7 @@ export default function Polyfill() {
     <>
       {/* We ensure that intersection observer is available by polyfilling it */}
       <Script
-        src="https://polyfill-fastly.io/v3/polyfill.min.js?features=IntersectionObserver"
+        src="https://polyfill-fastly.io/v3/polyfill.min.js?features=IntersectionObserverEntry%2CIntersectionObserver"
         strategy="beforeInteractive"
       />