Remove non-HTML support (#43)

Author: gucong3000

README.md

@@ -10,13 +10,10 @@ PostCSS HTML Syntax
 	title="Philosopher’s stone, logo of PostCSS"
 	src="http://postcss.github.io/postcss/logo.svg">
 
-[PostCSS](https://github.com/postcss/postcss) Syntax for parsing:
-- HTML (and HTML-like)
-  - [PHP](http://php.net)
-  - [Vue component](https://vue-loader.vuejs.org/)
-  - [Quick App](https://doc.quickapp.cn/framework/source-file.html)
-- [styled components](https://www.styled-components.com)
-- [Markdown](https://daringfireball.net/projects/markdown/syntax)
+[PostCSS](https://github.com/postcss/postcss) Syntax for parsing HTML (and HTML-like)
+- [PHP](http://php.net)
+- [Vue component](https://vue-loader.vuejs.org/)
+- [Quick App](https://doc.quickapp.cn/framework/source-file.html)
 
 ## Getting Started
 
@@ -36,7 +33,12 @@ If you want support SCSS/SASS/LESS/SugarSS syntax, you need to install the corre
 ## Use Cases
 
 ```js
-var syntax = require('postcss-html');
+var syntax = require('postcss-html')({
+	sass: require('postcss-sass'),
+	scss: require('postcss-scss'),
+	less: require('postcss-less'),
+	sugarss: require('sugarss'),
+});
 postcss(plugins).process(source, { syntax: syntax }).then(function (result) {
 	// An alias for the result.css property. Use it with syntaxes that generate non-CSS output.
 	result.content
@@ -45,7 +47,7 @@ postcss(plugins).process(source, { syntax: syntax }).then(function (result) {
 
 ### Style Transformations
 
-The main use case of this plugin is to apply PostCSS transformations to HTML / [Markdown](https://daringfireball.net/projects/markdown/syntax) / [Vue component](https://vue-loader.vuejs.org/). For example, if you need to lint SCSS in `*.vue` with [Stylelint](http://stylelint.io/); or you need add vendor prefixes to CSS in `*.html` with [Autoprefixer](https://github.com/postcss/autoprefixer).
+The main use case of this plugin is to apply PostCSS transformations to HTML (and HTML-like). For example, if you need to lint SCSS in `*.vue` with [Stylelint](http://stylelint.io/); or you need add vendor prefixes to CSS in `*.html` with [Autoprefixer](https://github.com/postcss/autoprefixer).
 
 ### Syntax Infer for Stylesheet Files
 

lib/html-parser.js

@@ -1,8 +1,6 @@
 "use strict";
 
 const htmlparser = require("htmlparser2");
-const requireParser = require("./require-parser");
-const jsParser = requireParser("js");
 
 function iterateCode (source, onStyleTag, onStyleAttribute) {
 	const currentTag = {};
@@ -30,7 +28,7 @@ function iterateCode (source, onStyleTag, onStyleAttribute) {
 			}
 
 			// Test if current tag is a valid <script> or <style> tag.
-			if (!/^(?:script|style)$/i.test(name) || attribute.src) {
+			if (!/^style$/i.test(name) || attribute.src) {
 				return;
 			}
 
@@ -78,26 +76,18 @@ function getLang (attribute) {
 function htmlParser (source, opts) {
 	const styles = [];
 
-	const onTag = {
-		style: function onStyleTag (style) {
-			const firstNewLine = /^[ \t]*\r?\n/.exec(style.content);
-			style.lang = getLang(style.attribute);
-			if (firstNewLine) {
-				const offset = firstNewLine[0].length;
-				style.startIndex += offset;
-				style.content = style.content.slice(offset);
-			}
-			style.content = style.content.replace(/[ \t]*$/, "");
-			style.isHTMLTag = true;
-			styles.push(style);
-		},
-		script: function onScriptTag (script) {
-			jsParser(script.content, opts, script.attribute).forEach(style => {
-				style.startIndex += script.startIndex;
-				styles.push(style);
-			});
-		},
-	};
+	function onStyleTag (style) {
+		const firstNewLine = /^[ \t]*\r?\n/.exec(style.content);
+		style.lang = getLang(style.attribute);
+		if (firstNewLine) {
+			const offset = firstNewLine[0].length;
+			style.startIndex += offset;
+			style.content = style.content.slice(offset);
+		}
+		style.content = style.content.replace(/[ \t]*$/, "");
+		style.isHTMLTag = true;
+		styles.push(style);
+	}
 	function onStyleAttribute (content, endIndex) {
 		const startIndex = endIndex - content.length;
 		if (source[startIndex - 1] === source[endIndex] && /\S/.test(source[endIndex])) {
@@ -108,7 +98,7 @@ function htmlParser (source, opts) {
 			});
 		}
 	}
-	const level = iterateCode(source, tag => onTag[tag.tagName](tag), onStyleAttribute);
+	const level = iterateCode(source, onStyleTag, onStyleAttribute);
 
 	if (opts.from ? !level : level < 2) {
 		return;

lib/js-parser.js

@@ -55,17 +55,13 @@ class LocalFixer {
 				map: false,
 			}));
 		} catch (error) {
-			if (style.isStyled) {
-				return;
-			}
 			throw this.error(error);
 		}
 		this.root(root);
 		Object.assign(root.source, {
 			isHTMLAttribute: !!style.isHTMLAttribute,
 			isMarkdown: !!style.isMarkdown,
 			isHTMLTag: !!style.isHTMLTag,
-			isStyled: !!style.isStyled,
 			lang: style.lang || "css",
 			syntax,
 		});

lib/md-parser.js

@@ -3,10 +3,7 @@
 const Input = require("postcss/lib/input");
 const Document = require("./document");
 const docFixer = require("./parse-style");
-const requireParser = require("./require-parser");
-const jsParser = requireParser("js");
-const mdParser = requireParser("md");
-const htmlParser = requireParser("html");
+const htmlParser = require("./html-parser");
 
 function parser (source, opts) {
 	function filenameMatch (reg) {
@@ -18,44 +15,21 @@ function parser (source, opts) {
 	}
 
 	source = source && source.toString();
-	let styles;
-
-	if (filenameMatch(/\.(?:m?[jt]sx?|es\d*|pac)(?:\?.*)?$/i)) {
-		styles = jsParser(source, opts);
-	} else {
-		if (filenameMatch(/\.(?:md|markdown)(?:\?.*)?$/i)) {
-			styles = mdParser(source, opts);
-		}
-		const styleHtm = htmlParser(source, opts);
-		if (styleHtm) {
-			if (styles) {
-				styles.push.apply(styles, styleHtm);
-			} else {
-				styles = styleHtm;
-			}
-		} else if (!styles && filenameMatch(/\.(?:[sx]?html?|[sx]ht|vue|ux|php)(?:\?.*)?$/i)) {
-			styles = [];
-		}
-	}
-
-	if (!styles) {
-		return;
-	}
 
+	const styleHtm = htmlParser(source, opts);
 	const document = new Document();
 	const parseStyle = docFixer(source, opts);
 	let index = 0;
-	styles.sort((a, b) => {
-		return a.startIndex - b.startIndex;
-	}).forEach(style => {
-		const root = parseStyle(style);
-		if (!root) {
-			return;
-		}
-		root.raws.beforeStart = source.slice(index, style.startIndex);
-		index = style.startIndex + style.content.length;
-		document.nodes.push(root);
-	});
+	if (styleHtm) {
+		styleHtm.sort((a, b) => {
+			return a.startIndex - b.startIndex;
+		}).forEach(style => {
+			const root = parseStyle(style);
+			root.raws.beforeStart = source.slice(index, style.startIndex);
+			index = style.startIndex + style.content.length;
+			document.nodes.push(root);
+		});
+	}
 	document.raws.afterEnd = index ? source.slice(index) : source;
 	document.source = {
 		input: new Input(source, opts),

lib/parse-style.js

@@ -1,7 +1,7 @@
 {
   "name": "postcss-html",
-  "version": "0.19.0",
-  "description": "PostCSS Syntax for parsing HTML / Markdown / Vue Component",
+  "version": "0.20.0",
+  "description": "PostCSS Syntax for parsing HTML (and HTML-like)",
   "main": "lib/index.js",
   "scripts": {
     "report-coverage": "codecov",
@@ -45,9 +45,7 @@
   },
   "homepage": "https://github.com/gucong3000/postcss-html#readme",
   "dependencies": {
-    "htmlparser2": "^3.9.2",
-    "remark": "^9.0.0",
-    "unist-util-find-all-after": "^1.0.1"
+    "htmlparser2": "^3.9.2"
   },
   "peerDependencies": {
     "postcss": ">=5.0.0",
@@ -58,13 +56,6 @@
     "sugarss": ">=1.0.0"
   },
   "devDependencies": {
-    "@types/autoprefixer": "^6.7.3",
-    "@types/babel-core": "^6.25.3",
-    "@types/babel-traverse": "^6.25.3",
-    "@types/babylon": "^6.16.2",
-    "@types/chai": "^4.1.2",
-    "@types/mocha": "^5.0.0",
-    "@types/stylelint": "^7.11.0",
     "autoprefixer": "^8.2.0",
     "chai": "^4.1.2",
     "codecov": "^3.0.0",