browser polyfills : use window or self for the global polyfill (#586)

Author: romainmenke

plugins/css-blank-pseudo/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changes to CSS Blank Pseudo
 
+### Unreleased
+
+- Fix: assign global browser polyfill to `window`, `self` or a blank object.
+
 ### 4.1.0 (July 30, 2022)
 
 - Added: `disablePolyfillReadyClass` plugin option to prevent `.js-blank-pseudo` from being added.

plugins/css-blank-pseudo/src/browser-global.js

@@ -1,3 +1,6 @@
-/* global self */
+/* global self,window */
 import { default as cssBlankPseudoInit } from './browser';
-self.cssBlankPseudoInit = cssBlankPseudoInit;
+
+(function (global) {
+	global.cssBlankPseudoInit = cssBlankPseudoInit;
+}('object' === typeof window && window || 'object' === typeof self && self || {}));

plugins/css-has-pseudo/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changes to CSS Has Pseudo
 
+### Unreleased
+
+- Fix: assign global browser polyfill to `window`, `self` or a blank object.
+
 ### 4.0.0 (July 8, 2022)
 
 [Read the full changelog](https://github.com/csstools/postcss-plugins/wiki/PostCSS-Preset-Env-8)

plugins/css-has-pseudo/src/browser-global.js

@@ -1,3 +1,6 @@
-/* global self */
+/* global self,window */
 import { default as cssHasPseudo } from './browser';
-self.cssHasPseudo = cssHasPseudo;
+
+(function (global) {
+	global.cssHasPseudo = cssHasPseudo;
+}('object' === typeof window && window || 'object' === typeof self && self || {}));

plugins/css-prefers-color-scheme/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changes to Prefers Color Scheme
 
+### Unreleased
+
+- Fix: assign global browser polyfill to `window`, `self` or a blank object.
+
 ### 7.0.0 (July 8, 2022)
 
 [Read the full changelog](https://github.com/csstools/postcss-plugins/wiki/PostCSS-Preset-Env-8)

plugins/css-prefers-color-scheme/src/browser-global.js

@@ -1,3 +1,6 @@
-/* global self */
+/* global self,window */
 import { default as prefersColorSchemeInit } from './browser';
-self.prefersColorSchemeInit = prefersColorSchemeInit;
+
+(function (global) {
+	global.prefersColorSchemeInit = prefersColorSchemeInit;
+}('object' === typeof window && window || 'object' === typeof self && self || {}));

plugins/postcss-focus-within/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changes to PostCSS Focus Within
 
+### Unreleased
+
+- Fix: assign global browser polyfill to `window`, `self` or a blank object.
+
 ### 6.1.0 (July 30, 2022)
 
 - Added: `disablePolyfillReadyClass` plugin option to prevent `.js-focus-within` from being added.

plugins/postcss-focus-within/src/browser-global.js

@@ -1,3 +1,6 @@
-/* global self */
+/* global self,window */
 import { default as focusWithinInit } from './browser';
-self.focusWithinInit = focusWithinInit;
+
+(function (global) {
+	global.focusWithinInit = focusWithinInit;
+}('object' === typeof window && window || 'object' === typeof self && self || {}));