feature(@putout/processor-css) add

coderaiser · coderaiser · commit 3dbdca227e2a · 2020-12-15T03:18:32.000+02:00
diff --git a/README.md b/README.md
@@ -102,6 +102,7 @@ Here is a list of built-int processors:
 | [`@putout/processor-markdown`](/packages/processor-markdown) | [![npm](https://img.shields.io/npm/v/@putout/processor-markdown.svg?maxAge=86400)](https://www.npmjs.com/package/@putout/processor-markdown) | [![Dependency Status](https://david-dm.org/coderaiser/putout.svg?path=packages/processor-markdown)](https://david-dm.org/coderaiser/putout?path=packages/processor-markdown) |
 | [`@putout/processor-ignore`](/packages/processor-ignore) | [![npm](https://img.shields.io/npm/v/@putout/processor-ignore.svg?maxAge=86400)](https://www.npmjs.com/package/@putout/processor-ignore) | [![Dependency Status](https://david-dm.org/coderaiser/putout.svg?path=packages/processor-ignore)](https://david-dm.org/coderaiser/putout?path=packages/processor-ignore) |
 | [`@putout/processor-yaml`](/packages/processor-yaml) | [![npm](https://img.shields.io/npm/v/@putout/processor-yaml.svg?maxAge=86400)](https://www.npmjs.com/package/@putout/processor-yaml) | [![Dependency Status](https://david-dm.org/coderaiser/putout.svg?path=packages/processor-yaml)](https://david-dm.org/coderaiser/putout?path=packages/processor-yaml) |
+| [`@putout/processor-css`](/packages/processor-css) | [![npm](https://img.shields.io/npm/v/@putout/processor-css.svg?maxAge=86400)](https://www.npmjs.com/package/@putout/processor-css) | [![Dependency Status](https://david-dm.org/coderaiser/putout.svg?path=packages/processor-css)](https://david-dm.org/coderaiser/putout?path=packages/processor-css) |
 
 ## API
 
diff --git a/packages/processor-css/.eslintrc.json b/packages/processor-css/.eslintrc.json
@@ -0,0 +1,10 @@
+{
+    "extends": [
+        "plugin:node/recommended",
+        "plugin:putout/recommended"
+    ],
+    "plugins": [
+        "putout",
+        "node"
+    ]
+}
diff --git a/packages/processor-css/.gitignore b/packages/processor-css/.gitignore
@@ -0,0 +1,6 @@
+node_modules
+.nyc_output
+*.swp
+yarn-error.log
+
+.putoutcache
diff --git a/packages/processor-css/.madrun.js b/packages/processor-css/.madrun.js
@@ -0,0 +1,13 @@
+'use strict';
+
+const {run} = require('madrun');
+
+module.exports = {
+    'test': () => `tape 'lib/**/*.spec.js' 'test/*.js'`,
+    'watch:test': async () => `nodemon -w lib -w test -x ${await run('test')}`,
+    'lint': () => `putout .`,
+    'fix:lint': () => run('lint', '--fix'),
+    'coverage': async () => `nyc ${await run('test')}`,
+    'report': () => `nyc report --reporter=text-lcov | coveralls || true`,
+};
+
diff --git a/packages/processor-css/.npmignore b/packages/processor-css/.npmignore
@@ -0,0 +1,7 @@
+.*
+*.spec.js
+test
+yarn-error.log
+fixture
+
+madrun.js
diff --git a/packages/processor-css/.stylelintrc.yml b/packages/processor-css/.stylelintrc.yml
@@ -0,0 +1,17 @@
+extends: stylelint-config-standard
+rules:
+    indentation: 4
+    declaration-block-trailing-semicolon: always
+    declaration-colon-space-before: null
+    selector-list-comma-newline-after: null
+    comment-empty-line-before: null
+    number-leading-zero: null
+    number-no-trailing-zeros: null
+    string-quotes: single
+    function-url-quotes: never
+    no-eol-whitespace: null
+    font-family-name-quotes: always-unless-keyword
+    font-family-no-missing-generic-family-keyword: null
+    rule-empty-line-before: null
+    max-empty-lines: 2
+
diff --git a/packages/processor-css/LICENSE b/packages/processor-css/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) coderaiser
+
+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/packages/processor-css/README.md b/packages/processor-css/README.md
@@ -0,0 +1,28 @@
+# @putout/processor-markdown [![NPM version][NPMIMGURL]][NPMURL] [![Dependency Status][DependencyStatusIMGURL]][DependencyStatusURL]
+
+[NPMIMGURL]: https://img.shields.io/npm/v/@putout/processor-markdown.svg?style=flat&longCache=true
+[NPMURL]: https://npmjs.org/package/@putout/processor-markdown "npm"
+[DependencyStatusURL]: https://david-dm.org/coderaiser/putout?path=packages/processor-markdown
+[DependencyStatusIMGURL]: https://david-dm.org/coderaiser/putout.svg?path=packages/processor-markdown
+
+`putout` processor adds ability to get `js`, `json` and `ts` code from markdown files.
+
+## Install
+
+```
+npm i @putout/processor-markdown -D
+```
+
+## Usage
+
+```json
+{
+    "processors": [
+        "markdown"
+    ]
+}
+```
+
+## License
+
+MIT
diff --git a/packages/processor-css/lib/css.js b/packages/processor-css/lib/css.js
@@ -0,0 +1,38 @@
+'use strict';
+
+const stylelint = require('stylelint');
+const config = require('../stylelintrc');
+
+const configBasedir = process.cwd();
+
+module.exports.files = [
+    '*.css',
+];
+
+module.exports.process = async (code, {fix}) => {
+    const {output, results} = await stylelint.lint({
+        fix,
+        code,
+        config,
+        configBasedir,
+    });
+    
+    const {warnings} = results[0];
+    
+    return [
+        output,
+        warnings.map(toPlace),
+    ];
+};
+
+function toPlace({line, column, rule, text}) {
+    return {
+        message: text,
+        rule: `${rule} (stylelint)`,
+        position: {
+            line,
+            column,
+        },
+    };
+}
+
diff --git a/packages/processor-css/package.json b/packages/processor-css/package.json
@@ -0,0 +1,54 @@
+{
+  "name": "@putout/processor-css",
+  "version": "1.0.0",
+  "author": "coderaiser <mnemonic.enemy@gmail.com> (https://github.com/coderaiser)",
+  "description": "putout processor adds ability to parse css files",
+  "homepage": "http://github.com/coderaiser/putout",
+  "main": "lib/css.js",
+  "release": false,
+  "tag": false,
+  "changelog": false,
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/coderaiser/putout.git"
+  },
+  "scripts": {
+    "test": "madrun test",
+    "watch:test": "madrun watch:test",
+    "lint": "madrun lint",
+    "fix:lint": "madrun fix:lint",
+    "coverage": "madrun coverage"
+  },
+  "dependencies": {
+    "stylelint": "^13.8.0",
+    "stylelint-config-standard": "^20.0.0"
+  },
+  "keywords": [
+    "putout",
+    "putout-processor",
+    "css"
+  ],
+  "devDependencies": {
+    "@putout/engine-processor": "^2.5.0",
+    "coveralls": "^3.0.0",
+    "eslint": "^7.0.0",
+    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-putout": "^6.0.0",
+    "lerna": "^3.8.5",
+    "madrun": "^8.0.1",
+    "nodemon": "^2.0.1",
+    "nyc": "^15.0.1",
+    "putout": "*",
+    "supertape": "^3.4.2"
+  },
+  "peerDependencies": {
+    "putout": ">=12"
+  },
+  "license": "MIT",
+  "engines": {
+    "node": ">=12"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/processor-css/stylelintrc.json b/packages/processor-css/stylelintrc.json
@@ -0,0 +1,19 @@
+{
+    "extends": "stylelint-config-standard",
+    "rules": {
+        "indentation": 4,
+        "declaration-block-trailing-semicolon": "always",
+        "declaration-colon-space-before": null,
+        "selector-list-comma-newline-after": null,
+        "comment-empty-line-before": null,
+        "number-leading-zero": null,
+        "number-no-trailing-zeros": null,
+        "string-quotes": "single",
+        "function-url-quotes": "never",
+        "no-eol-whitespace": null,
+        "font-family-name-quotes": "always-unless-keyword",
+        "font-family-no-missing-generic-family-keyword": null,
+        "rule-empty-line-before": null,
+        "max-empty-lines": 2
+    }
+}
diff --git a/packages/processor-css/test/css.js b/packages/processor-css/test/css.js
@@ -0,0 +1,72 @@
+'use strict';
+
+const {join} = require('path');
+const {readFile} = require('fs').promises;
+
+const test = require('supertape');
+const {runProcessors} = require('@putout/engine-processor');
+const processFile = require('putout/lib/cli/process-file');
+
+test('putout: processor: css', async (t) => {
+    const name = 'style';
+    const inputName = join(__dirname, 'fixture', `${name}.css`);
+    const outputName = join(__dirname, 'fixture', `${name}-fix.css`);
+    
+    const rawSource = await readFile(inputName, 'utf8');
+    const output = await readFile(outputName, 'utf8');
+    const options = {
+        processors: [
+            'css',
+        ],
+    };
+    
+    const fix = true;
+    const {processedSource} = await runProcessors({
+        fix,
+        name: inputName,
+        processFile: processFile({
+            fix,
+        }),
+        options,
+        rawSource,
+    });
+    
+    t.equal(processedSource, output);
+    t.end();
+});
+
+test('putout: processor: css: places', async (t) => {
+    const name = 'style';
+    const inputName = join(__dirname, 'fixture', `${name}.css`);
+    
+    const rawSource = await readFile(inputName, 'utf8');
+    const options = {
+        processors: [
+            'css',
+        ],
+    };
+    
+    const fix = false;
+    const {places} = await runProcessors({
+        fix,
+        name: inputName,
+        processFile: processFile({
+            fix,
+        }),
+        options,
+        rawSource,
+    });
+    
+    const expected = [{
+        message: 'Expected indentation of 4 spaces (indentation)',
+        position: {
+            column: 1,
+            line: 2,
+        },
+        rule: 'indentation (stylelint)',
+    }];
+    
+    t.deepEqual(places, expected);
+    t.end();
+});
+
diff --git a/packages/processor-css/test/fixture/style-fix.css b/packages/processor-css/test/fixture/style-fix.css
@@ -0,0 +1,4 @@
+html {
+    height: 94%;
+}
+
diff --git a/packages/processor-css/test/fixture/style.css b/packages/processor-css/test/fixture/style.css
@@ -0,0 +1,4 @@
+html {
+height: 94%;
+}
+
diff --git a/packages/putout/package.json b/packages/putout/package.json
@@ -132,6 +132,7 @@
     "@putout/plugin-tape": "^1.0.0",
     "@putout/plugin-travis": "^1.0.0",
     "@putout/plugin-webpack": "^1.0.0",
+    "@putout/processor-css": "^1.0.0",
     "@putout/processor-ignore": "^1.0.1",
     "@putout/processor-javascript": "^2.0.0",
     "@putout/processor-json": "^2.0.0",
diff --git a/packages/putout/putout.json b/packages/putout/putout.json
@@ -8,7 +8,8 @@
         "json",
         "markdown",
         "ignore",
-        "yaml"
+        "yaml",
+        "css"
     ],
     "match": {
         "*.{js,jsx,mjs,cjs,ts,tsx}": {
