Remove more unnecessary polyfills from webapi for Node 16 (#5814)

* feat(webapi): Remove unnecessary polyfills now that we dropped support for Node 14

* feat(webapi): Removed more unnecessary polyfills for Node 16

* chore: changeset

Author: Princesseuh

.changeset/shaggy-bags-attend.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/webapi': major
+---
+
+Moved target to Node 16. Removed polyfills for AbortController, AbortSignal, atob, btoa, Object.hasOwn, Promise.all, Array.at and String.replaceAll

packages/webapi/LICENSE

@@ -24,10 +24,6 @@ THE SOFTWARE.
 
 Code from [@astrocommunity/webapi](https://www.npmjs.com/@astrocommunity/webapi) is licensed under the CC0-1.0 License.
 
-Code from [abort-controller](https://www.npmjs.com/package/abort-controller) is licensed under the MIT License (MIT), Copyright Toru Nagashima.
-
 Code from [event-target-shim](https://www.npmjs.com/package/event-target-shim) is licensed under the MIT License (MIT), Copyright Toru Nagashima.
 
-Code from [fetch-blob](https://www.npmjs.com/package/fetch-blob) is licensed under the MIT License (MIT), Copyright Jimmy Wärting.
-
 Code from [formdata-polyfill](https://www.npmjs.com/package/formdata-polyfill) is licensed under the MIT License (MIT), Copyright Jimmy Wärting.

packages/webapi/README.md

@@ -1,6 +1,6 @@
 # WebAPI
 
-**WebAPI** lets you use Web APIs in Node v12, v14, and v16.
+**WebAPI** lets you use Web APIs not present in Node v16 and later.
 
 ```sh
 npm install @astrojs/webapi
@@ -23,9 +23,6 @@ These APIs are combined from popular open source projects and configured to shar
 
 ## Features
 
-- [AbortController](https://developer.mozilla.org/en-US/docs/Web/API/AbortController)
-- [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal)
-- [Blob](https://developer.mozilla.org/en-US/docs/Web/API/Blob)
 - [ByteLengthQueuingStrategy](https://developer.mozilla.org/en-US/docs/Web/API/ByteLengthQueuingStrategy)
 - [CanvasRenderingContext2D](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D)
 - [CSSStyleSheet](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet)
@@ -78,9 +75,7 @@ These APIs are combined from popular open source projects and configured to shar
 - [WritableStreamDefaultController](https://developer.mozilla.org/en-US/docs/Web/API/WritableStreamDefaultController)
 - [WritableStreamDefaultWriter](https://developer.mozilla.org/en-US/docs/Web/API/WritableStreamDefaultWriter)
 - [Window](https://developer.mozilla.org/en-US/docs/Web/API/Window)
-- [atob](https://developer.mozilla.org/en-US/docs/Web/API/atob)
-- [btoa](https://developer.mozilla.org/en-US/docs/Web/API/btoa)
-- [cancelAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/cancelAnimationFrame)
+- [cancelAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/Window/cancelAnimationFrame)
 - [cancelIdleCallback](https://developer.mozilla.org/en-US/docs/Web/API/cancelIdleCallback)
 - [clearTimeout](https://developer.mozilla.org/en-US/docs/Web/API/clearTimeout)
 - [fetch](https://developer.mozilla.org/en-US/docs/Web/API/fetch)
@@ -89,20 +84,14 @@ These APIs are combined from popular open source projects and configured to shar
 - [requestIdleCallback](https://developer.mozilla.org/en-US/docs/Web/API/requestIdleCallback)
 - [setTimeout](https://developer.mozilla.org/en-US/docs/Web/API/setTimeout)
 - [structuredClone](https://developer.mozilla.org/en-US/docs/Web/API/structuredClone)
-- [Object.hasOwn](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/hasOwn)
-- [Promise.any](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/any)
-- [Array.prototype.at](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/at)
-- [String.prototype.at](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/at)
-- [String.prototype.replaceAll](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replaceAll)
-- [TypedArray.prototype.at](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/at)
 - [URLPattern](https://developer.mozilla.org/en-US/docs/Web/API/URLPattern)
 
 ## Usage
 
 You can use WebAPIs as individual exports.
 
 ```js
-import { AbortController, Blob, Event, EventTarget, File, fetch, Response } from '@astrojs/webapi'
+import { Event, EventTarget, File, fetch, Response } from '@astrojs/webapi'
 ```
 
 You can apply WebAPIs to an object, like `globalThis`.
@@ -149,11 +138,10 @@ polyfill(globalThis, {
 
 | Shorthand      | Excludes |
 |:-------------- |:-------- |
-| `Blob+`        | `Blob`, `File` |
 | `Document+`    | `Document`, `HTMLDocument` |
 | `Element+`     | `Element`, and exclusions from `HTMLElement+` |
-| `Event+`       | `Event`, `CustomEvent`, `EventTarget`, `AbortSignal`, `MediaQueryList`, `Window`, and exclusions from `Node+` |
-| `EventTarget+` | `Event`, `CustomEvent`, `EventTarget`, `AbortSignal`, `MediaQueryList`, `Window`, and exclusions from `Node+` |
+| `Event+`       | `Event`, `CustomEvent`, `EventTarget`, `MediaQueryList`, `Window`, and exclusions from `Node+` |
+| `EventTarget+` | `Event`, `CustomEvent`, `EventTarget`, `MediaQueryList`, `Window`, and exclusions from `Node+` |
 | `HTMLElement+` | `CustomElementsRegistry`, `HTMLElement`, `HTMLBodyElement`, `HTMLCanvasElement`, `HTMLDivElement`, `HTMLHeadElement`, `HTMLHtmlElement`, `HTMLImageElement`, `HTMLStyleElement`, `HTMLTemplateElement`, `HTMLUnknownElement`, `Image` |
 | `Node+`        | `Node`, `DocumentFragment`, `ShadowRoot`, `Document`, `HTMLDocument`, and exclusions from `Element+` |
 | `StyleSheet+`  | `StyleSheet`, `CSSStyleSheet` |
@@ -166,10 +154,6 @@ polyfill(globalThis, {
 
 Thank you to Jon Neal for his work on the original [webapi](https://github.com/astro-community/webapi) project that this package is forked from. Licensed under the CC0-1.0 License.
 
-Code from [abort-controller](https://www.npmjs.com/package/abort-controller) is licensed under the MIT License (MIT), Copyright Toru Nagashima.
-
 Code from [event-target-shim](https://www.npmjs.com/package/event-target-shim) is licensed under the MIT License (MIT), Copyright Toru Nagashima.
 
-Code from [fetch-blob](https://www.npmjs.com/package/fetch-blob) is licensed under the MIT License (MIT), Copyright Jimmy Wärting.
-
 Code from [formdata-polyfill](https://www.npmjs.com/package/formdata-polyfill) is licensed under the MIT License (MIT), Copyright Jimmy Wärting.

packages/webapi/mod.d.ts

@@ -1,6 +1,6 @@
 // organize-imports-ignore
 export { pathToPosix } from './lib/utils';
-export { AbortController, AbortSignal, alert, atob, Blob, btoa, ByteLengthQueuingStrategy, cancelAnimationFrame, cancelIdleCallback, CanvasRenderingContext2D, CharacterData, clearTimeout, Comment, CountQueuingStrategy, CSSStyleSheet, CustomElementRegistry, CustomEvent, Document, DocumentFragment, DOMException, Element, Event, EventTarget, fetch, File, FormData, Headers, HTMLBodyElement, HTMLCanvasElement, HTMLDivElement, HTMLDocument, HTMLElement, HTMLHeadElement, HTMLHtmlElement, HTMLImageElement, HTMLSpanElement, HTMLStyleElement, HTMLTemplateElement, HTMLUnknownElement, Image, ImageData, IntersectionObserver, MediaQueryList, MutationObserver, Node, NodeFilter, NodeIterator, OffscreenCanvas, ReadableByteStreamController, ReadableStream, ReadableStreamBYOBReader, ReadableStreamBYOBRequest, ReadableStreamDefaultController, ReadableStreamDefaultReader, Request, requestAnimationFrame, requestIdleCallback, ResizeObserver, Response, setTimeout, ShadowRoot, structuredClone, StyleSheet, Text, TransformStream, TreeWalker, URLPattern, Window, WritableStream, WritableStreamDefaultController, WritableStreamDefaultWriter, } from './mod.js';
+export { alert, ByteLengthQueuingStrategy, cancelAnimationFrame, cancelIdleCallback, CanvasRenderingContext2D, CharacterData, clearTimeout, Comment, CountQueuingStrategy, CSSStyleSheet, CustomElementRegistry, CustomEvent, Document, DocumentFragment, DOMException, Element, Event, EventTarget, fetch, File, FormData, Headers, HTMLBodyElement, HTMLCanvasElement, HTMLDivElement, HTMLDocument, HTMLElement, HTMLHeadElement, HTMLHtmlElement, HTMLImageElement, HTMLSpanElement, HTMLStyleElement, HTMLTemplateElement, HTMLUnknownElement, Image, ImageData, IntersectionObserver, MediaQueryList, MutationObserver, Node, NodeFilter, NodeIterator, OffscreenCanvas, ReadableByteStreamController, ReadableStream, ReadableStreamBYOBReader, ReadableStreamBYOBRequest, ReadableStreamDefaultController, ReadableStreamDefaultReader, Request, requestAnimationFrame, requestIdleCallback, ResizeObserver, Response, setTimeout, ShadowRoot, structuredClone, StyleSheet, Text, TransformStream, TreeWalker, URLPattern, Window, WritableStream, WritableStreamDefaultController, WritableStreamDefaultWriter, } from './mod.js';
 export declare const polyfill: {
     (target: any, options?: PolyfillOptions): any;
     internals(target: any, name: string): any;

packages/webapi/package.json

@@ -50,7 +50,6 @@
   "bugs": "https://github.com/withastro/astro/issues",
   "homepage": "https://github.com/withastro/astro/tree/main/packages/webapi#readme",
   "dependencies": {
-    "global-agent": "^3.0.0",
     "undici": "^5.14.0"
   },
   "devDependencies": {
@@ -59,19 +58,15 @@
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-typescript": "^8.3.2",
     "@types/chai": "^4.3.1",
-    "@types/global-agent": "^2.1.1",
     "@types/mocha": "^9.1.1",
     "@types/node": "^14.18.21",
     "@ungap/structured-clone": "^0.3.4",
-    "abort-controller": "^3.0.0",
     "chai": "^4.3.6",
     "event-target-shim": "^6.0.2",
-    "fetch-blob": "^3.1.5",
     "formdata-polyfill": "^4.0.10",
     "magic-string": "^0.25.9",
     "mocha": "^9.2.2",
     "rollup": "^2.79.1",
-    "rollup-plugin-terser": "^7.0.2",
     "tslib": "^2.4.0",
     "typescript": "~4.7.3",
     "urlpattern-polyfill": "^1.0.0-rc5"

packages/webapi/run/build.js

@@ -58,12 +58,6 @@ const plugins = [
 	inject({
 		// import { Promise as P } from 'es6-promise'
 		// P: [ 'es6-promise', 'Promise' ],
-
-		AbortController: [
-			'abort-controller/dist/abort-controller.mjs',
-			'AbortController',
-		],
-		Blob: ['fetch-blob/from.js', 'Blob'],
 		DOMException: [pathToDOMException, 'DOMException'],
 		Document: ['./Document', 'Document'],
 		Element: ['./Element', 'Element'],
@@ -172,7 +166,7 @@ async function build() {
 			inputOptions: {
 				input: 'src/polyfill.ts',
 				plugins: plugins,
-				external: ['undici', 'global-agent'],
+				external: ['undici'],
 				onwarn(warning, warn) {
 					if (warning.code !== 'UNRESOLVED_IMPORT') warn(warning)
 				},

packages/webapi/src/exclusions.ts

@@ -28,7 +28,6 @@ const exclusionsForNode = [
 	...exclusionsForElement,
 ] as const
 const exclusionsForEventTarget = [
-	'AbortSignal',
 	'Event',
 	'CustomEvent',
 	'EventTarget',
@@ -38,7 +37,6 @@ const exclusionsForEventTarget = [
 	...exclusionsForNode,
 ] as const
 const exclusionsForEvent = [
-	'AbortSignal',
 	'Event',
 	'CustomEvent',
 	'EventTarget',
@@ -49,7 +47,6 @@ const exclusionsForEvent = [
 ] as const
 
 export const exclusions = {
-	'Blob+': ['Blob', 'File'],
 	'Document+': exclusionsForDocument,
 	'Element+': exclusionsForElement,
 	'Event+': exclusionsForEvent,

packages/webapi/src/inheritance.ts

@@ -5,7 +5,6 @@ export const inheritance = {
 	Document: 'Node',
 	DocumentFragment: 'Node',
 	Element: 'Node',
-	File: 'Blob',
 	HTMLDocument: 'Document',
 	HTMLElement: 'Element',
 	HTMLBodyElement: 'HTMLElement',