Web polyfill

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

CI & CD

Usage example

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

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

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

Host your own mirror

  1. Fork this repository
  2. Replace original HTTP domain with yours in GitHub action configuration
  3. 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

or

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

Inspired by

  1. https://polyfill.io/
  2. https://polyfill.dev/

All supported polyfills

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