Migrate css-prefers-color-scheme (#34)

* css-prefers-color-scheme : monorepo migration

* Migrate css-prefers-color-scheme

* docs

Author: romainmenke

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

@@ -1,3 +1,3 @@
 /* global self */
-import * as cssBlankPseudo from './browser';
+import { default as cssBlankPseudo } from './browser';
 self.cssBlankPseudo = cssBlankPseudo;

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

@@ -1,3 +1,3 @@
 /* global self */
-import * as cssHasPseudo from './browser';
+import { default as cssHasPseudo } from './browser';
 self.cssHasPseudo = cssHasPseudo;

plugins/css-prefers-color-scheme/.editorconfig

@@ -1,14 +1,12 @@
 node_modules
-/browser.*
-/index.*
-/postcss.*
+dist
 package-lock.json
 yarn.lock
 *.log*
-.*
+*.result.css
+*.result.css.map
 !.editorconfig
 !.gitignore
 !.rollup.js
 !.tape.js
 !.travis.yml
-!.github

plugins/css-prefers-color-scheme/.github/workflows/test.yml

@@ -145,6 +145,6 @@ grunt.initConfig({
 [Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss
 [PostCSS]: https://github.com/postcss/postcss
 [PostCSS Loader]: https://github.com/postcss/postcss-loader
-[Prefers Color Scheme]: https://github.com/jonathantneal/postcss-prefers-color-scheme
+[Prefers Color Scheme]: https://github.com/csstools/postcss-plugins/tree/main/plugins/css-prefers-color-scheme
 [React App Rewire PostCSS]: https://github.com/csstools/react-app-rewire-postcss
 [React App Rewired]: https://github.com/timarney/react-app-rewired

plugins/css-prefers-color-scheme/.gitignore

@@ -1,15 +1,14 @@
 # Prefers Color Scheme [<img src="https://jonathantneal.github.io/js-logo.svg" alt="" width="90" height="90" align="right">][Prefers Color Scheme]
 
 [![NPM Version][npm-img]][npm-url]
-[![Build Status][cli-img]][cli-url]
 [![Support Chat][git-img]][git-url]
 
 [Prefers Color Scheme] applies color schemes with fallbacks provided by the
 [Prefers Color Scheme PostCSS plugin](README-POSTCSS.md).
 
 ```js
 // initialize prefersColorScheme (applies the current OS color scheme, if available)
-const prefersColorScheme = require('css-prefers-color-scheme')();
+const prefersColorScheme = require('css-prefers-color-scheme/browser')();
 
 // apply "dark" queries (you can also apply "light")
 prefersColorScheme.scheme = 'dark';
@@ -29,15 +28,15 @@ experience, even when JavaScript is unable to run.
 Use [Prefers Color Scheme] to activate your `prefers-color-scheme` queries:
 
 ```js
-const prefersColorScheme = require('css-prefers-color-scheme')();
+const prefersColorScheme = require('css-prefers-color-scheme/browser')();
 ```
 
 By default, the current OS color scheme is applied if your browser supports it.
 Otherwise, the light color scheme is applied. You may override this by passing
 in a color scheme.
 
 ```js
-const prefersColorScheme = require('css-prefers-color-scheme')('dark');
+const prefersColorScheme = require('css-prefers-color-scheme/browser')('dark');
 ```
 
 The `prefersColorScheme` object returns the following properties — `value`,
@@ -49,7 +48,7 @@ The `value` property returns the currently preferred color scheme, and it can
 be changed.
 
 ```js
-const prefersColorScheme = require('css-prefers-color-scheme')();
+const prefersColorScheme = require('css-prefers-color-scheme/browser')();
 
 // log the preferred color scheme
 console.log(prefersColorScheme.scheme);
@@ -74,12 +73,25 @@ The `removeListener` function removes the native `prefers-color-scheme`
 listener, which may or may not be applied, depending on your browser support.
 This is provided to give you complete control over plugin cleanup.
 
-[cli-img]: https://img.shields.io/travis/csstools/css-prefers-color-scheme/master.svg
-[cli-url]: https://travis-ci.org/csstools/css-prefers-color-scheme
+## Dependencies
+
+Web API's:
+
+- [Window.matchMedia](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia)
+
+ECMA Script:
+
+- `Object.defineProperty`
+- `Array.prototype.forEach`
+- `Array.prototype.indexOf`
+- `RegExp.prototype.exec`
+- `String.prototype.match`
+- `String.prototype.replace`
+
 [git-img]: https://img.shields.io/badge/support-chat-blue.svg
 [git-url]: https://gitter.im/postcss/postcss
 [npm-img]: https://img.shields.io/npm/v/css-prefers-color-scheme.svg
 [npm-url]: https://www.npmjs.com/package/css-prefers-color-scheme
 
 [PostCSS]: https://github.com/postcss/postcss
-[Prefers Color Scheme]: https://github.com/csstools/css-prefers-color-scheme
+[Prefers Color Scheme]: https://github.com/csstools/postcss-plugins/tree/main/plugins/css-prefers-color-scheme

plugins/css-prefers-color-scheme/.rollup.js

@@ -1,7 +1,6 @@
 # Prefers Color Scheme [<img src="https://jonathantneal.github.io/postcss-logo.svg" alt="" width="90" height="90" align="right">][Prefers Color Scheme]
 
 [![NPM Version][npm-img]][npm-url]
-[![Build Status][cli-img]][cli-url]
 [![Support Chat][git-img]][git-url]
 
 [Prefers Color Scheme] transforms `prefers-color-scheme` media queries into
@@ -49,22 +48,14 @@ body {
 Use [Prefers Color Scheme] to process your CSS:
 
 ```bash
-npx css-prefers-color-scheme INPUT.css OUTPUT.css
-```
-
-Or use it within Node:
-
-```js
-const postcssPrefersColorScheme = require('css-prefers-color-scheme/postcss');
-
-postcssPrefersColorScheme.process(YOUR_CSS /*, processOptions, pluginOptions */);
+npx css-prefers-color-scheme INPUT.css --output OUTPUT.css
 ```
 
 Or use it as a [PostCSS] plugin:
 
 ```js
 const postcss = require('postcss');
-const postcssPrefersColorScheme = require('css-prefers-color-scheme/postcss');
+const postcssPrefersColorScheme = require('css-prefers-color-scheme');
 
 postcss([
   postcssPrefersColorScheme(/* pluginOptions */)
@@ -85,7 +76,7 @@ The `preserve` option determines whether the original `prefers-color-scheme`
 query will be preserved or removed. By default, it is preserved.
 
 ```js
-require('css-prefers-color-scheme/postcss')({ preserve: false });
+require('css-prefers-color-scheme')({ preserve: false });
 ```
 
 ```css
@@ -104,12 +95,10 @@ require('css-prefers-color-scheme/postcss')({ preserve: false });
 }
 ```
 
-[cli-img]: https://img.shields.io/travis/csstools/css-prefers-color-scheme/master.svg
-[cli-url]: https://travis-ci.org/csstools/css-prefers-color-scheme
 [git-img]: https://img.shields.io/badge/support-chat-blue.svg
 [git-url]: https://gitter.im/postcss/postcss
 [npm-img]: https://img.shields.io/npm/v/css-prefers-color-scheme.svg
 [npm-url]: https://www.npmjs.com/package/css-prefers-color-scheme
 
 [PostCSS]: https://github.com/postcss/postcss
-[Prefers Color Scheme]: https://github.com/csstools/css-prefers-color-scheme
+[Prefers Color Scheme]: https://github.com/csstools/postcss-plugins/tree/main/plugins/css-prefers-color-scheme

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

@@ -22,7 +22,7 @@ Next, use that transformed CSS with this script:
 
 ```html
 <link rel="stylesheet" href="TRANSFORMED.css">
-<script src="https://unpkg.com/css-prefers-color-scheme/browser.min"></script>
+<script src="https://unpkg.com/css-prefers-color-scheme/dist/browser-global.js"></script>
 <script>
 colorScheme = initPrefersColorScheme('dark') // apply "dark" queries (you can change it afterward, too)
 </script>
@@ -74,13 +74,13 @@ The value of `48` is chosen for dark mode because it is the keycode for `0`,
 the hexidecimal value of black. Likewise, `70` is chosen for light mode because
 it is the keycode for `f`, the hexidecimal value of white.
 
-[cli-img]: https://github.com/csstools/css-prefers-color-scheme/workflows/test/badge.svg
-[cli-url]: https://github.com/csstools/css-prefers-color-scheme/actions/workflows/test.yml?query=workflow/test
+[cli-img]: https://github.com/csstools/postcss-plugins/workflows/test/badge.svg
+[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
 [git-img]: https://img.shields.io/badge/support-chat-blue.svg
 [git-url]: https://gitter.im/postcss/postcss
 [npm-img]: https://img.shields.io/npm/v/css-prefers-color-scheme.svg
 [npm-url]: https://www.npmjs.com/package/css-prefers-color-scheme
 
 [PostCSS]: https://github.com/postcss/postcss
-[Prefers Color Scheme]: https://github.com/csstools/css-prefers-color-scheme
+[Prefers Color Scheme]: https://github.com/csstools/postcss-plugins/tree/main/plugins/css-prefers-color-scheme
 [Media Queries]: https://drafts.csswg.org/mediaqueries-5/#descdef-media-prefers-color-scheme