feat(polyfill): Adds polyfill for Constructable StyleSheets

wessberg · Feb 16, 2019 · b9f9989 · b9f9989
1 parent d31e79b
commit b9f9989
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -339,7 +339,7 @@ Here's a full list of all possible `feature` _names_.
 Note that these will be deduplicated. For example, if you request `es.object`, but also request `es`, `es.object` will only be included once as part of `es`.
 And, if you request `performance.now`, `date.now` will also be included since the polyfill depends on it. You don't have to worry about dependencies.
 
-Bold-formatted polyfills are _aliases_ for one or several other related `feature`s.
+**Bold**-formatted polyfills are _aliases_ for one or several other related `feature`s.
 
 - **`requestidlecallback`**
   - `request-idle-callback`

diff --git a/package.json b/package.json
@@ -82,6 +82,7 @@
 		"blob-polyfill": "^3.0.20180112",
 		"chalk": "^2.4.2",
 		"console-polyfill": "^0.3.0",
+		"construct-style-sheets-polyfill": "^1.0.1",
 		"core-js": "^3.0.0-beta.14",
 		"core-js-builder": "^3.0.0-beta.14",
 		"devcert": "^1.0.0",

diff --git a/src/constant/constant.ts b/src/constant/constant.ts
@@ -2977,6 +2977,18 @@ export const constant: IConstant = {
 			version: environment.NPM_PACKAGE_DEPENDENCIES_CORE_JS,
 			dependencies: [],
 			contexts: ALL_CONTEXTS
+		},
+		"adopted-style-sheets": {
+			polyfills: ["constructable-style-sheets"]
+		},
+		"constructable-style-sheets": {
+			library: "construct-style-sheets-polyfill",
+			relativePaths: ["adoptedStyleSheets.min.js"],
+			// TODO: Add features when MDN or Caniuse adds support
+			features: [],
+			version: environment.NPM_PACKAGE_DEPENDENCIES_CONSTRUCT_STYLE_SHEETS_POLYFILL,
+			dependencies: ["shadow-dom"],
+			contexts: ALL_CONTEXTS
 		}
 	}
 };
diff --git a/src/environment/environment-defaults.ts b/src/environment/environment-defaults.ts
@@ -4,6 +4,7 @@ export const environmentDefaults = {
 	NPM_PACKAGE_HOMEPAGE: "",
 	NPM_PACKAGE_MAIN: "",
 	NPM_PACKAGE_DEPENDENCIES_INTERSECTION_OBSERVER: "",
+	NPM_PACKAGE_DEPENDENCIES_CONSTRUCT_STYLE_SHEETS_POLYFILL: "",
 	NPM_PACKAGE_DEPENDENCIES_SCROLL_BEHAVIOR_POLYFILL: "",
 	NPM_PACKAGE_DEPENDENCIES_RESIZE_OBSERVER: "",
 	NPM_PACKAGE_DEPENDENCIES_SETIMMEDIATE: "",

diff --git a/src/polyfill/polyfill-name.ts b/src/polyfill/polyfill-name.ts
@@ -39,7 +39,8 @@ export declare type PolyfillName =
 	| "requestanimationframe"
 	| "requestidlecallback"
 	| "setimmediate"
-	| "globalthis";
+	| "globalthis"
+	| "adopted-style-sheets";
 
 export declare type PolyfillDealiasedName =
 	| "es.object.assign"
@@ -346,4 +347,5 @@ export declare type PolyfillDealiasedName =
 	| "pointer-event"
 	| "set-immediate"
 	| "web-animations"
-	| "global-this";
+	| "global-this"
+	| "constructable-style-sheets";