Push

LasaleFamine · LasaleFamine · commit e2ab314544c5 · 2017-08-31T22:03:26.000+02:00
diff --git a/.coveralls.yml b/.coveralls.yml
@@ -0,0 +1 @@
+repo_token: TKpDBcrywk4PFgFi5sdzNgDTlvbWOEADM
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,5 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,15 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+
+lib-cov
+coverage
+node_modules
+
+.nyc_output
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1,2 @@
+save-exact = true
+progress = true
diff --git a/.travis.yml b/.travis.yml
@@ -0,0 +1,15 @@
+sudo: false
+
+language: node_js
+
+node_js:
+  - 'node'
+  - '6'
+
+branches:
+  only:
+  - master
+  - develop
+
+script:
+  - yarn test:travis
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1 @@
+{"xo.enable": true}
diff --git a/.yarnclean b/.yarnclean
@@ -0,0 +1,42 @@
+# test directories
+__tests__
+test
+tests
+powered-test
+
+# asset directories
+docs
+doc
+website
+images
+assets
+
+# examples
+example
+examples
+
+# code coverage directories
+coverage
+.nyc_output
+
+# build scripts
+Makefile
+Gulpfile.js
+Gruntfile.js
+
+# configs
+.tern-project
+.gitattributes
+.editorconfig
+.*ignore
+.eslintrc
+.jshintrc
+.flowconfig
+.documentup.json
+.yarn-metadata.json
+.*.yml
+*.yml
+
+# misc
+*.gz
+*.md
diff --git a/.yarnrc b/.yarnrc
@@ -0,0 +1,2 @@
+save-exact true
+save-prefix false
diff --git a/LICENSE.md b/LICENSE.md
@@ -0,0 +1,22 @@
+
+The MIT License (MIT)
+
+Copyright (c) 2017 LasaleFamine
+
+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/package.json b/package.json
@@ -0,0 +1,70 @@
+{
+  "name": "postcss-html-loader",
+  "version": "1.0.0",
+  "description": "PostCSS loader for loading and processing styles from within HTML templates.",
+  "main": "src/index.js",
+  "scripts": {
+    "test": "xo && nyc ava",
+    "test:integrations": "ava test/integrations",
+    "test:travis": "xo && nyc ava && nyc report --reporter=text-lcov | coveralls"
+  },
+  "xo": {
+    "space": true,
+    "rules": {
+      "eol-last": 0
+    },
+    "ignores": [
+      "test/integrations/**/*"
+    ]
+  },
+  "ava": {
+    "files": [
+      "test/**/*.test.js"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/PolymerX/postcss-html-loader.git"
+  },
+  "bugs": {
+    "url": "https://github.com/PolymerX/postcss-html-loader/issues"
+  },
+  "homepage": "https://github.com/PolymerX/postcss-html-loader#readme",
+  "author": "LasaleFamine <info@godev.space>",
+  "license": "MIT",
+  "engines": {
+    "node": ">= 6"
+  },
+  "files": [
+    "src"
+  ],
+  "keywords": [
+    "css",
+    "postcss",
+    "postcss-runner",
+    "webpack",
+    "webpack-loader",
+    "polymer",
+    "polymer-loader",
+    "polymer-loader-postcss",
+    "postcss-html-loader",
+    "postcss-polymer-loader"
+  ],
+  "dependencies": {
+    "fs-extra": "4.0.1",
+    "loader-utils": "1.1.0",
+    "parse5": "3.0.2",
+    "postcss": "6.0.9",
+    "postcss-load-config": "1.2.0"
+  },
+  "devDependencies": {
+    "autoprefixer": "7.1.2",
+    "ava": "0.22.0",
+    "coveralls": "2.13.1",
+    "execa": "0.8.0",
+    "nyc": "11.1.0",
+    "text-loader": "0.0.1",
+    "webpack": "3.5.5",
+    "xo": "0.18.2"
+  }
+}
diff --git a/src/index.js b/src/index.js
@@ -0,0 +1,28 @@
+'use strict';
+
+const parse5 = require('parse5');
+const postcssrc = require('postcss-load-config');
+
+const getBody = require('./lib/get-body');
+const getPostcssSources = require('./lib/get-postcss-sources');
+const processPostcss = require('./lib/process-postcss');
+const fixTemplate = require('./lib/fix-template');
+
+module.exports = function (source) {
+  const cb = this.async();
+  const htmlFilePath = this.resourcePath;
+
+  // Check if at least one tag <postcss> is present or return the source.
+  if (source.includes('<postcss src') === false) {
+    return cb(null, source);
+  }
+
+  const parsed = parse5.parse(source);
+  const body = getBody(parsed);
+  const sourcesFilePath = getPostcssSources(body);
+
+  postcssrc()
+    .then(config => processPostcss(sourcesFilePath, htmlFilePath, config))
+    .then(postcssRes => cb(null, fixTemplate(postcssRes, source)))
+    .catch(err => cb(err));
+};
diff --git a/src/lib/fix-template.js b/src/lib/fix-template.js
@@ -0,0 +1,7 @@
+'use strict';
+
+module.exports = (postcssRes, source) => {
+  const template = `<style>${postcssRes.join(' ')}</style>`;
+  return source
+		.replace(/<postcss.+<\/postcss>/g, template);
+};
diff --git a/src/lib/full-path.js b/src/lib/full-path.js
@@ -0,0 +1,12 @@
+/**
+ * Get a PostCSS source full path
+ * @module lib/full-path
+ */
+
+const {join, dirname} = require('path');
+
+module.exports = (fp, rp) =>
+  join(
+    dirname(rp),
+    fp
+  );
diff --git a/src/lib/get-body.js b/src/lib/get-body.js
@@ -0,0 +1,5 @@
+'use strict';
+
+module.exports = parsed => parsed.childNodes
+                            .find(child => child.nodeName === 'html').childNodes
+                            .find(child => child.nodeName === 'body');
diff --git a/src/lib/get-postcss-from-file.js b/src/lib/get-postcss-from-file.js
@@ -0,0 +1,8 @@
+const fs = require('fs-extra');
+const fullPath = require('./full-path');
+
+module.exports = (fp, rp) =>
+  fs.readFile(
+    fullPath(fp, rp),
+    'utf8'
+  );
diff --git a/src/lib/get-postcss-sources.js b/src/lib/get-postcss-sources.js
@@ -0,0 +1,17 @@
+'use strict';
+
+module.exports = body => {
+  return body.childNodes.reduce((acc, item) => {
+    if (item.nodeName !== 'postcss') {
+      return acc;
+    }
+
+    if (item.attrs === undefined || item.attrs.length === 0) {
+      return acc;
+    }
+
+    const src = item.attrs.find(attr => attr.name === 'src');
+    acc = acc.concat(src.value);
+    return acc;
+  }, []);
+};
diff --git a/src/lib/process-postcss.js b/src/lib/process-postcss.js
@@ -0,0 +1,21 @@
+const postcss = require('postcss');
+const sourceFrom = require('./get-postcss-from-file');
+const fullPath = require('./full-path');
+
+const opts = (file, resource, options) =>
+  Object.assign({}, options, {from: fullPath(file, resource)});
+
+const process = (file, resource, config) =>
+  sourceFrom(file, resource)
+    .then(src =>
+      postcss(config.plugins)
+        .process(src, opts(file, resource, config.options))
+    );
+
+const processWith = (resource, config) => (acc, src) =>
+  acc.concat(process(src, resource, config));
+
+module.exports = (sources, resource, config) =>
+  Promise.all(
+    sources.reduce(processWith(resource, config), [])
+  );
diff --git a/test/integrations/fixtures/src-error-path/index.js b/test/integrations/fixtures/src-error-path/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+import './template.html';
diff --git a/test/integrations/fixtures/src-error-path/postcss.config.js b/test/integrations/fixtures/src-error-path/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    'autoprefixer': {}
+  }
+};
diff --git a/test/integrations/fixtures/src-error-path/template.html b/test/integrations/fixtures/src-error-path/template.html
@@ -0,0 +1,6 @@
+
+<postcss src="./nothing/here/style.postcss"></postcss>
+<div>>
+  <div class="TestDivOne"></div>
+  <div class="TestDivTwo"></div>
+</div>
diff --git a/test/integrations/fixtures/src-error-path/webpack.config.js b/test/integrations/fixtures/src-error-path/webpack.config.js
@@ -0,0 +1,17 @@
+'use strict';
+
+const {join} = require('path');
+
+module.exports = {
+  resolveLoader: {
+    alias: {
+      'postcss-html-loader': join(__dirname, './../../../../src/index.js'),
+    }
+  },
+  module: {
+    rules: [{
+      test: /\.html$/,
+      loaders: ['text-loader', 'postcss-html-loader']
+    }]
+  }
+}
diff --git a/test/integrations/fixtures/src-no-postcss/index.js b/test/integrations/fixtures/src-no-postcss/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+import './template.html';
diff --git a/test/integrations/fixtures/src-no-postcss/postcss.config.js b/test/integrations/fixtures/src-no-postcss/postcss.config.js
@@ -0,0 +1 @@
+module.exports = {};
diff --git a/test/integrations/fixtures/src-no-postcss/template.html b/test/integrations/fixtures/src-no-postcss/template.html
@@ -0,0 +1,4 @@
+<div>
+  <div class="TestDivOne"></div>
+  <div class="TestDivTwo"></div>
+</div>
diff --git a/test/integrations/fixtures/src-no-postcss/webpack.config.js b/test/integrations/fixtures/src-no-postcss/webpack.config.js
@@ -0,0 +1,17 @@
+'use strict';
+
+const {join} = require('path');
+
+module.exports = {
+  resolveLoader: {
+    alias: {
+      'postcss-html-loader': join(__dirname, './../../../../src/index.js'),
+    }
+  },
+  module: {
+    rules: [{
+      test: /\.html$/,
+      loaders: ['text-loader', 'postcss-html-loader']
+    }]
+  }
+}
diff --git a/test/integrations/fixtures/src-postcss-plugins/index.js b/test/integrations/fixtures/src-postcss-plugins/index.js
@@ -0,0 +1,3 @@
+'use strict';
+
+import './template.html';
diff --git a/test/integrations/fixtures/src-postcss-plugins/postcss.config.js b/test/integrations/fixtures/src-postcss-plugins/postcss.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  plugins: {
+    'autoprefixer': {}
+  }
+};
diff --git a/test/integrations/fixtures/src-postcss-plugins/style.postcss b/test/integrations/fixtures/src-postcss-plugins/style.postcss
@@ -0,0 +1,3 @@
+div {
+  display: flex;
+}
diff --git a/test/integrations/fixtures/src-postcss-plugins/template.html b/test/integrations/fixtures/src-postcss-plugins/template.html
@@ -0,0 +1,5 @@
+<postcss src="./style.postcss"></postcss>
+<div>
+    <div class="TestDivOne"></div>
+    <div class="TestDivTwo"></div>
+</div>
diff --git a/test/integrations/fixtures/src-postcss-plugins/webpack.config.js b/test/integrations/fixtures/src-postcss-plugins/webpack.config.js
diff --git a/test/integrations/fixtures/src/index.js b/test/integrations/fixtures/src/index.js
diff --git a/test/integrations/fixtures/src/postcss.config.js b/test/integrations/fixtures/src/postcss.config.js
diff --git a/test/integrations/fixtures/src/style.postcss b/test/integrations/fixtures/src/style.postcss
diff --git a/test/integrations/fixtures/src/style2.postcss b/test/integrations/fixtures/src/style2.postcss
diff --git a/test/integrations/fixtures/src/template.html b/test/integrations/fixtures/src/template.html
diff --git a/test/integrations/fixtures/src/webpack.config.js b/test/integrations/fixtures/src/webpack.config.js
diff --git a/test/integrations/integration.test.js b/test/integrations/integration.test.js
diff --git a/test/units/fix-template.test.js b/test/units/fix-template.test.js
diff --git a/test/units/full-path.test.js b/test/units/full-path.test.js
diff --git a/test/units/get-body.test.js b/test/units/get-body.test.js
diff --git a/test/units/get-postcss-sources.test.js b/test/units/get-postcss-sources.test.js
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+repo_token: TKpDBcrywk4PFgFi5sdzNgDTlvbWOEADM`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+save-exact = true`
	`2`	`+progress = true`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+save-exact true`
	`2`	`+save-prefix false`