Web polyfill

An automatic CDN service for Web polyfills, which is based on TypeScript, Node.js & UnPkg.

Usage example

Find a Web feature in the Polyfill directory
Copy the class name of the selected polyfill, then write it into a specific Script URL (shown below)
the above script will detect whether current environment needs to be patched, then load the polyfill script original from UnPkg

Web pages

<head>
    <script src="https://polyfill.web-cell.dev/feature/ResizeObserver.js"></script>
</head>

Web workers

self.importScripts('https://polyfill.web-cell.dev/feature/Regenerator.js');

Add more polyfills

For junior engineers, you can submit an issue and wait for the maintainer reaction
For senior engineers, just edit the Polyfill files, and make a pull request
After your pull request reviewd & merged, the polyfills will be updated by GitHub actions automatically

Host your own mirror

Fork this repository
Replace original HTTP domain with yours in GitHub action configuration
You can replace GitHub pages with an Object Storage service (AWS S3, etc.)

China mainland

Thanks for KaiYuanShe's donation, we get a fast local mirror for China mainland:

https://polyfill.kaiyuanshe.cn/

Custom examples

Edit .env content to fit your situation:

WAN_ICON=🇺🇦
WAN_HOST=https://polyfill.example.ua
LAN_ICON=🇷🇺
LAN_HOST=https://polyfill.example.ru

WAN_ICON=🇰🇷
WAN_HOST=https://polyfill.example.kr
LAN_ICON=🇰🇵
LAN_HOST=https://polyfill.example.kp

Inspired by

No.	Name	Package	Source Map	Network
1	ECMAScript	core-js-bundle		🇺🇳 🇨🇳
2	ECMAScript6	es6-shim	✅	🇺🇳 🇨🇳
3	ECMAScript7	es7-shim		🇺🇳 🇨🇳
4	Proxy	es6-proxy-polyfill		🇺🇳 🇨🇳
5	Regenerator	regenerator-runtime		🇺🇳 🇨🇳
6	DateTimeFormat	@formatjs/intl-datetimeformat		🇺🇳 🇨🇳
7	DisplayNames	@formatjs/intl-displaynames		🇺🇳 🇨🇳
8	GetCanonicalLocales	@formatjs/intl-getcanonicallocales		🇺🇳 🇨🇳
9	ListFormat	@formatjs/intl-listformat		🇺🇳 🇨🇳
10	Locale	@formatjs/intl-locale		🇺🇳 🇨🇳
11	NumberFormat	@formatjs/intl-numberformat		🇺🇳 🇨🇳
12	PluralRules	@formatjs/intl-pluralrules		🇺🇳 🇨🇳
13	RelativeTimeFormat	@formatjs/intl-relativetimeformat		🇺🇳 🇨🇳
14	Segmenter	intl-segmenter-polyfill-rs-web		🇺🇳 🇨🇳
15	AdoptedStyleSheets	construct-style-sheets-polyfill		🇺🇳 🇨🇳
16	DeclarativeShadowDOM	declarative-shadow-dom-polyfill	✅	🇺🇳 🇨🇳
17	Detail	details-element-polyfill		🇺🇳 🇨🇳
18	Dialog	dialog-polyfill		🇺🇳 🇨🇳
19	ElementInternals	element-internals-polyfill		🇺🇳 🇨🇳
20	EventSubmitter	event-submitter-polyfill		🇺🇳 🇨🇳
21	FormDataSubmitter	@tech_query/formdata-submitter-polyfill		🇺🇳 🇨🇳
22	IntersectionObserver	intersection-observer		🇺🇳 🇨🇳
23	PointerEvents	@wessberg/pointer-events	✅	🇺🇳 🇨🇳
24	ResizeObserver	resize-observer-polyfill		🇺🇳 🇨🇳
25	ScrollBehavior	scroll-behavior-polyfill	✅	🇺🇳 🇨🇳
26	WebAnimation	web-animations-js	✅	🇺🇳 🇨🇳
27	WebComponents	@webcomponents/webcomponentsjs	✅	🇺🇳 🇨🇳
28	AbortController	@tech_query/abortcontroller-polyfill		🇺🇳 🇨🇳
29	Clipboard	clipboard-polyfill	✅	🇺🇳 🇨🇳
30	EventTarget	event-target-polyfill		🇺🇳 🇨🇳
31	Fetch	whatwg-fetch		🇺🇳 🇨🇳
32	FileSystem	@tech_query/native-file-system-adapter	✅	🇺🇳 🇨🇳
33	PWAManifest	pwacompat		🇺🇳 🇨🇳
34	Share	share-api-polyfill		🇺🇳 🇨🇳
35	Stream	web-streams-polyfill		🇺🇳 🇨🇳
36	TextEncoder	fastestsmallesttextencoderdecoder-encodeinto	✅	🇺🇳 🇨🇳
37	URL	url-polyfill		🇺🇳 🇨🇳
38	URLPattern	urlpattern-polyfill	✅	🇺🇳 🇨🇳
39	WakeLock	wakelock-lazy-polyfill		🇺🇳 🇨🇳

No.

Name

Package

Source Map

Network

ECMAScript

ECMAScript6

✅