Initial commit

dimitrinicolas · dimitrinicolas · commit e48fee5eddff · 2018-08-13T13:55:38.000+02:00
diff --git a/.eslintignore b/.eslintignore
@@ -0,0 +1,2 @@
+coverage/**/*.js
+.nyc_output/**/*.js
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,34 @@
+module.exports = {
+  env: {
+    browser: true
+  },
+  extends: 'airbnb',
+  parser: 'babel-eslint',
+  rules : {
+    'max-len': ['error', {
+      'code': 150
+    }],
+    'comma-dangle': 0,
+    'no-plusplus': 0,
+    'arrow-parens': ['error', 'as-needed'],
+    'no-multi-assign': 0,
+    'strict': 0,
+    'no-console': 0,
+    'prefer-destructuring': 0,
+    'function-paren-newline': 0,
+    'global-require': 0,
+    'prefer-spread': 0,
+    'prefer-rest-params': 0,
+    'prefer-arrow-callback': 0,
+    'arrow-body-style': 0,
+    'no-restricted-globals': 0,
+    'no-restricted-syntax': 0,
+    'consistent-return': 0,
+    'no-param-reassign': 0,
+    'no-underscore-dangle': 0,
+    'import/no-unresolved': 0,
+    'import/no-dynamic-require': 0,
+    'import/no-extraneous-dependencies': 0,
+    'import/extensions': ['warn', 'ignorePackages']
+  }
+};
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,10 @@
+.DS_Store
+tmp
+
+node_modules
+.npm-debug.log
+logs
+*.log*
+
+.nyc_output
+coverage
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,8 @@
+language: node_js
+
+node_js:
+  - stable
+  - "8"
+  - "6"
+
+after_success: npm run coverage
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,7 @@
+# Change Log
+
+This project adheres to
+[Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## 0.0.1 - 2018-08-13
+- Initial release.
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 Dimitri Nicolas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/README.md b/README.md
@@ -0,0 +1,93 @@
+# postcss-import-ext-glob [![Build Status][travis badge]][travis link] [![Coverage Status][coveralls badge]][coveralls link]
+
+A [PostCSS][postcss] plugin to extend [postcss-import][postcss-import] path
+resolver to allow [glob][glob ref] usage as path.
+
+You must use this plugin along with [postcss-import][postcss-import], place this
+plugin **before** `postcss-import`.
+
+```css
+@import-glob "components/**/*.css";
+```
+
+## Installation
+
+```console
+$ npm install postcss-import-ext-glob
+```
+
+## Usage
+
+```js
+// Postcss plugins
+postcss([
+  require('postcss-import-ext-glob'),
+  require('postcss-import')
+]);
+```
+
+Check out [PostCSS](https://github.com/postcss/postcss) docs for the complete
+installation.
+
+### Example
+
+This plugin transform this:
+
+```css
+@import-glob "components/**/*.css";
+```
+
+into this:
+
+```css
+@import "components/form/input.css";
+@import "components/form/submit.css";
+/* etc */
+```
+
+Thereby, the plugin `postcss-import` can now import each file.
+
+You can pass multiple globs in one:
+
+```css
+@import-glob "helpers/**/*.css", "components/**/*.css";
+```
+
+## Options
+
+You can pass a `sort` option to this plugin with a value of "asc" or "desc":
+
+```js
+// Postcss plugins
+postcss([
+  require('postcss-import-ext-glob')({
+    sort: 'desc'
+  }),
+  require('postcss-import')
+]);
+```
+
+The sort order is by default ascending.
+
+## Related
+
+- [postcss-import][postcss-import] - PostCSS plugin to inline @import rules
+content
+- [fast-glob][fast-glob] - Module used for getting glob entries
+- [fast-sort][fast-sort] - Module used for sorting glob entries
+
+## License
+
+This project is licensed under the [MIT license](LICENSE).
+
+[travis badge]: https://travis-ci.org/dimitrinicolas/postcss-import-ext-glob.svg?branch=master
+[travis link]: https://travis-ci.org/dimitrinicolas/postcss-import-ext-glob
+[coveralls badge]: https://coveralls.io/repos/github/dimitrinicolas/postcss-import-ext-glob/badge.svg?branch=master
+[coveralls link]: https://coveralls.io/github/dimitrinicolas/postcss-import-ext-glob?branch=master
+
+[postcss]: https://github.com/postcss/postcss
+[postcss-import]: https://github.com/postcss/postcss-import
+[fast-glob]: https://www.npmjs.com/package/fast-glob
+[fast-sort]: https://www.npmjs.com/package/fast-sort
+
+[glob ref]: https://en.wikipedia.org/wiki/Glob_(programming)
diff --git a/fixtures/css/foo/bar.css b/fixtures/css/foo/bar.css
@@ -0,0 +1,3 @@
+.bar {
+  display: inline-block;
+}
diff --git a/fixtures/css/foo/foo.css b/fixtures/css/foo/foo.css
@@ -0,0 +1,3 @@
+.foo {
+  display: block;
+}
diff --git a/fixtures/css/style.css b/fixtures/css/style.css
@@ -0,0 +1,3 @@
+div {
+  margin: auto;
+}
diff --git a/index.js b/index.js
@@ -0,0 +1,58 @@
+const postcss = require('postcss');
+const valueParser = require('postcss-value-parser');
+
+const path = require('path');
+const fg = require('fast-glob');
+const sort = require('fast-sort');
+
+const SORTERS = ['asc', 'desc'];
+const DEFAULT_SORTER = 'asc';
+
+module.exports = postcss.plugin('postcss-import-ext-glob', (opts = {}) => {
+  const sorter = SORTERS.indexOf(opts.sort) > -1
+    ? opts.sort
+    : DEFAULT_SORTER;
+
+  return css => {
+    const promisesList = [];
+
+    css.walkAtRules('import-glob', rule => {
+      promisesList.push(new Promise((resolve, reject) => {
+        const globList = [];
+        const params = valueParser(rule.params).nodes;
+
+        const dirname = typeof rule.source.input.file === 'string'
+          ? path.dirname(rule.source.input.file)
+          : __dirname;
+
+        for (const param of params) {
+          if (param.type === 'string') {
+            globList.push(path.join(dirname, param.value));
+          }
+        }
+
+        if (globList.length) {
+          fg(globList)
+            .then(entries => {
+              const sortedEntries = sort(entries)[sorter]();
+
+              for (const entry of sortedEntries) {
+                css.insertBefore(rule, {
+                  name: 'import',
+                  params: `"${entry}"`
+                });
+              }
+              rule.remove();
+              resolve();
+            });
+        } else {
+          reject(new Error(
+            `No string found with rule @import-glob ${rule.params}`
+          ));
+        }
+      }));
+    });
+
+    return Promise.all(promisesList);
+  };
+});
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
diff --git a/test.js b/test.js

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+coverage/*/.js`
	`2`	`+.nyc_output/*/.js`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+.bar {`
	`2`	`+ display: inline-block;`
	`3`	`+}`