@financial-times/dotcom-ui-polyfill-service 7.3.1 → 7.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@financial-times/dotcom-ui-polyfill-service",
-  "version": "7.3.1",
+  "version": "7.3.2",
   "description": "",
   "main": "server.js",
   "browser": "browser.js",
@@ -24,7 +24,11 @@
     "npm": "7.x || 8.x"
   },
   "files": [
-    "dist/"
+    "dist/",
+    "src/",
+    "browser.js",
+    "component.js",
+    "styles.scss"
   ],
   "repository": {
     "type": "git",

package/src/__test__/polyfillServiceURLs.spec.ts

@@ -0,0 +1,18 @@
+import * as subject from '../polyfillServiceURLs'
+
+describe('dotcom-ui-polyfill-service', () => {
+  it('provides both core and enhanced URLs', () => {
+    expect(typeof subject.core()).toBe('string')
+    expect(typeof subject.enhanced()).toBe('string')
+  })
+
+  it('joins all of the configured features', () => {
+    expect(subject.core()).toMatch(/features=HTMLPictureElement/)
+    expect(subject.enhanced()).toMatch(/features=default%2Ces5%2Ces2015/)
+  })
+
+  it('appends the source to each URL', () => {
+    expect(subject.core()).toMatch(/source=next/)
+    expect(subject.enhanced()).toMatch(/source=next/)
+  })
+})

package/src/index.ts

@@ -0,0 +1 @@
+export * from './polyfillServiceURLs'

package/src/polyfillServiceURLs.ts

@@ -0,0 +1,103 @@
+import querystring from 'querystring'
+
+// Please see https://polyfill.io/v3/url-builder/ for information about which
+// features are available and how they may be used.
+
+const polyfillsCore = ['HTMLPictureElement']
+
+const polyfillsEnhanced = [
+  // What Andrew Betts decided is "default":
+  /*
+    Array.from
+    Array.isArray
+    Array.of
+    Array.prototype.every
+    Array.prototype.fill
+    Array.prototype.filter
+    Array.prototype.forEach
+    Array.prototype.indexOf
+    Array.prototype.lastIndexOf
+    Array.prototype.map
+    Array.prototype.reduce
+    Array.prototype.reduceRight
+    Array.prototype.some
+    CustomEvent
+    DOMTokenList
+    Date.now
+    Date.prototype.toISOString
+    DocumentFragment.prototype.append
+    DocumentFragment.prototype.prepend
+    Element.prototype.after
+    Element.prototype.append
+    Element.prototype.before
+    Element.prototype.classList
+    Element.prototype.cloneNode
+    Element.prototype.closest
+    Element.prototype.matches
+    Element.prototype.prepend
+    Element.prototype.remove
+    Element.prototype.replaceWith
+    Element
+    Event.focusin
+    Event.hashchange
+    Event
+    Function.prototype.bind
+    JSON
+    Map
+    Node.prototype.contains
+    Number.isNaN
+    Object.assign
+    Object.create
+    Object.defineProperties
+    Object.defineProperty
+    Object.getOwnPropertyDescriptor
+    Object.getOwnPropertyNames
+    Object.getPrototypeOf
+    Object.keys
+    Promise
+    Set
+    String.prototype.endsWith
+    String.prototype.includes
+    String.prototype.startsWith
+    String.prototype.trim
+    URL
+    Window
+    XMLHttpRequest
+    atob
+    document.querySelector
+    document.visibilityState
+    document
+    location.origin
+    requestAnimationFrame
+    ~html5-elements
+  */
+  'default',
+
+  // ECMAScript presets
+  'es5',
+  'es2015',
+  'es2016',
+  'es2017',
+
+  // Web browser features
+  'EventSource',
+  'fetch',
+  'HTMLPictureElement',
+  'IntersectionObserver',
+  'NodeList.prototype.forEach'
+]
+
+export const core = () => {
+  return formatURL(polyfillsCore)
+}
+
+export const enhanced = () => {
+  return formatURL(polyfillsEnhanced)
+}
+
+function formatURL(features: string[]): string {
+  const serviceURL = 'https://polyfill.io/v3/polyfill.min.js'
+  const queryString = querystring.stringify({ features: features.join(','), source: 'next' })
+
+  return `${serviceURL}?${queryString}`
+}