feat(polyfill): adds polyfill for Intl.ListFormat

README.md

@@ -114,9 +114,9 @@ This will force-apply a polyfill for `Web Animations`.
 
 #### The `locales` option for `Intl`
 
-**This option only works with `intl`, `intl.core`, or `intl.relative-time-format`**.
+**This option only works with `intl`, `intl.core`, `intl.list-format`, or `intl.relative-time-format`**.
 The `Intl` family of polyfills rely on locale data for them to work. There are over 600 different locale files shipped. Sending all of them back over the network would take way too much bandwidth.
-Instead, if you just ask for the `intl`, `intl.core`, or `intl.relative-time-format` features, they will be returned without any locale data.
+Instead, if you just ask for the `intl`, `intl.core`, `intl.list-format`, or `intl.relative-time-format` features, they will be returned without any locale data.
 
 To add one or more locales, use the `locales` option. For example:
 `intl|locales=en`
@@ -497,6 +497,7 @@ And, if you request `performance.now`, `date.now` will also be included since th
 - fetch
 - intl
 - intl.core
+- intl.list-format
 - intl.relative-time-format
 - animation
 - proxy

package.json

@@ -61,8 +61,8 @@
 		"@babel/preset-env": "^7.2.3",
 		"@babel/preset-stage-3": "^7.0.0",
 		"@babel/preset-typescript": "^7.1.0",
-		"@types/file-type": "^10.6.0",
 		"@types/astring": "^1.3.0",
+		"@types/file-type": "^10.6.0",
 		"@types/iltorb": "^2.3.0",
 		"@types/memory-fs": "^0.3.2",
 		"@types/mime": "^2.0.0",
@@ -93,7 +93,8 @@
 		"iltorb": "^2.4.1",
 		"intersection-observer": "^0.5.1",
 		"intl": "^1.2.5",
-		"intl-relative-time-format": "^1.0.0",
+		"intl-list-format": "^1.0.0",
+		"intl-relative-time-format": "^1.0.4",
 		"memory-fs": "^0.4.1",
 		"mime": "^2.4.0",
 		"mutationobserver-shim": "^0.3.2",
@@ -109,8 +110,8 @@
 		"resize-observer": "^1.0.0",
 		"rollup": "^1.1.0",
 		"rollup-plugin-commonjs": "^9.2.0",
-		"rollup-plugin-node-resolve": "^4.0.0",
 		"rollup-plugin-multi-entry": "^2.1.0",
+		"rollup-plugin-node-resolve": "^4.0.0",
 		"scroll-behavior-polyfill": "^2.0.3",
 		"semver": "^5.6.0",
 		"setimmediate": "^1.0.5",

src/constant/constant.ts

@@ -2387,9 +2387,8 @@ export const constant: IConstant = {
 		intl: {
 			polyfills: [
 				"intl.core",
+				"intl.list-format",
 				"intl.relative-time-format"
-				// TODO: Add Intl.ListFormat
-				/*, "intl.list-format" */
 			]
 		},
 		"intl.core": {
@@ -2425,6 +2424,28 @@ export const constant: IConstant = {
 				"es.weak-map"
 			]
 		},
+		"intl.list-format": {
+			library: "intl-list-format",
+			relativePaths: [
+				"dist/index.js"
+			],
+			meta: {
+				localeDir: "locale-data"
+			},
+			features: [
+				// TODO: Add when MDN data gets updated
+				// "javascript.builtins.Intl.ListFormat"
+			],
+			version: environment.NPM_PACKAGE_DEPENDENCIES_INTL_LIST_FORMAT,
+			dependencies: [
+				"intl.core",
+				"es.array.includes",
+				"es.object.create",
+				"es.string.replace",
+				"es.symbol.to-string-tag",
+				"es.weak-map"
+			]
+		},
 		animation: {
 			library: "web-animations-js",
 			relativePaths: ["web-animations.min.js"],

src/environment/environment-defaults.ts

@@ -17,6 +17,7 @@ export const environmentDefaults = {
 	NPM_PACKAGE_DEPENDENCIES_MUTATIONOBSERVER_SHIM: "",
 	NPM_PACKAGE_DEPENDENCIES_INTL: "",
 	NPM_PACKAGE_DEPENDENCIES_INTL_RELATIVE_TIME_FORMAT: "",
+	NPM_PACKAGE_DEPENDENCIES_INTL_LIST_FORMAT: "",
 	NPM_PACKAGE_DEPENDENCIES__WEBCOMPONENTS_CUSTOM_ELEMENTS: "",
 	NPM_PACKAGE_DEPENDENCIES__WESSBERG_POINTER_EVENTS: "",
 	NPM_PACKAGE_DEPENDENCIES_CORE_JS: "",

src/polyfill/polyfill-name.ts

@@ -298,8 +298,8 @@ export declare type PolyfillDealiasedName =
 	|"dom.collections.for-each"
 	|"fetch"
 	|"intl.core"
+	|"intl.list-format"
 	|"intl.relative-time-format"
-	// |"intl.list-format"
 	|"animation"
 	|"proxy"
 	|"window"

src/service/polyfill-builder/polyfill-builder-service.ts

@@ -108,7 +108,7 @@ export class PolyfillBuilderService implements IPolyfillBuilderService {
 			}
 
 			// If the Polyfill is "intl.core" and a localeDir is associated with it, also resolve the requested locales (if any)
-			if ((polyfillFeature.name === "intl.core" || polyfillFeature.name === "intl.relative-time-format") && meta != null && "localeDir" in meta && polyfillFeature.meta.locale != null) {
+			if (polyfillFeature.name.startsWith("intl.") && meta != null && "localeDir" in meta && polyfillFeature.meta.locale != null) {
 				// Normalize the requested locales to make sure we have an array to work with
 				const requestedLocales: string[] = ensureArray(polyfillFeature.meta.locale);