@tbela99/css-parser 0.0.1-alpha5 → 0.0.1-rc2

package/.gitattributes

@@ -1,5 +1,6 @@
 /test/ export-ignore
 /docs/ export-ignore
+/benchmark
 /tools/ export-ignore
 /package-lock.json export-ignore
 /.gitignore export-ignore

package/README.md

@@ -1,4 +1,4 @@
-[![cov](https://tbela99.github.io/css-parser/badges/coverage.svg)](https://github.com/tbela99/css-parser/actions)
+[![npm](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fraw.githubusercontent.com%2Ftbela99%2Fcss-parser%2Fmaster%2Fpackage.json&query=version&logo=npm&label=npm&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2F%40tbela99%2Fcss-parser)](https://www.npmjs.com/package/@tbela99/css-parser) [![cov](https://tbela99.github.io/css-parser/badges/coverage.svg)](https://github.com/tbela99/css-parser/actions)
 
 # css-parser
 
@@ -8,9 +8,20 @@ CSS parser for node and the browser
 
 ```shell
 $ npm install @tbela99/css-parser
-
 ```
 
+### Features
+
+- fault tolerant parser, will try to fix invalid tokens according to the CSS syntax module 3 recommendations.
+- efficient minification, see [benchmark](https://tbela99.github.io/css-parser/benchmark/index.html)
+- replace @import at-rules with actual css content of the imported rule
+- automatically create nested css rules
+- works the same way in node and web browser
+
+### Performance
+
+- flatten @import
+
 ## Transform
 
 Parse and render css in a single pass.
@@ -28,7 +39,7 @@ transform(css, transformOptions = {})
 
 import {transform} from '@tbela99/css-parser';
 
-const {ast, code, errors, stats} = await transform(css, {compress: true, resolveImport: true, cwd: 'files/css'});
+const {ast, code, errors, stats} = await transform(css, {minify: true, resolveImport: true, cwd: 'files/css'});
 ```
 
 ### TransformOptions
@@ -38,7 +49,8 @@ Include ParseOptions and RenderOptions
 #### ParseOptions
 
 - src: string, optional. css file location to be used with sourcemap.
-- compress: boolean, optional. default to _true_. optimize ast and minify css.
+- minify: boolean, optional. default to _true_. optimize ast.
+- nestingRules: boolean, optional. automatically generated nested rules.
 - removeEmpty: boolean, remove empty nodes from the ast.
 - location: boolean, optional. includes node location in the ast, required for sourcemap generation.
 - cwd: string, optional. the current working directory. when specified url() are resolved using this value
@@ -46,11 +58,11 @@ Include ParseOptions and RenderOptions
 - resolveUrls: boolean, optional. resolve css url() according to the parameters 'src' and 'cwd'
 
 #### RenderOptions
-- compress: boolean, optional. default to _true_. optimize ast and minify css.
+- minify: boolean, optional. default to _true_. minify css output.
 - indent: string, optional. css indention string. uses space character by default.
 - newLine: string, new line character.
 - removeComments: boolean, remove comments in generated css.
-- preserveLicense: boolean, force preserving comments starting with '/\*!' when compress is enabling.
+- preserveLicense: boolean, force preserving comments starting with '/\*!' when minify is enabled.
 - colorConvert: boolean, convert colors to hex.
 
 
@@ -84,7 +96,7 @@ render(ast, RenderOptions = {});
 import {render} from '@tbela99/css-parser';
 
 // minified
-const {code} = render(ast, {compress: true});
+const {code} = render(ast, {minify: true});
 
 console.log(code);
 ```
@@ -176,4 +188,4 @@ Single JavaScript file
 ### AtRuleStyleSheet
 
 - typ: string 'Stylesheet'
-- chi: array of children
+- chi: array of children

package/dist/config.json.js

@@ -117,6 +117,7 @@ var properties = {
 	},
 	"border-width": {
 		shorthand: "border-width",
+		map: "border",
 		properties: [
 			"border-top-width",
 			"border-right-width",
@@ -127,6 +128,9 @@ var properties = {
 			"Length",
 			"Perc"
 		],
+		"default": [
+			"medium"
+		],
 		keywords: [
 			"thin",
 			"medium",
@@ -134,19 +138,24 @@ var properties = {
 		]
 	},
 	"border-top-width": {
+		map: "border",
 		shorthand: "border-width"
 	},
 	"border-right-width": {
+		map: "border",
 		shorthand: "border-width"
 	},
 	"border-bottom-width": {
+		map: "border",
 		shorthand: "border-width"
 	},
 	"border-left-width": {
+		map: "border",
 		shorthand: "border-width"
 	},
 	"border-style": {
 		shorthand: "border-style",
+		map: "border",
 		properties: [
 			"border-top-style",
 			"border-right-style",
@@ -155,6 +164,9 @@ var properties = {
 		],
 		types: [
 		],
+		"default": [
+			"none"
+		],
 		keywords: [
 			"none",
 			"hidden",
@@ -169,19 +181,24 @@ var properties = {
 		]
 	},
 	"border-top-style": {
+		map: "border",
 		shorthand: "border-style"
 	},
 	"border-right-style": {
+		map: "border",
 		shorthand: "border-style"
 	},
 	"border-bottom-style": {
+		map: "border",
 		shorthand: "border-style"
 	},
 	"border-left-style": {
+		map: "border",
 		shorthand: "border-style"
 	},
 	"border-color": {
 		shorthand: "border-color",
+		map: "border",
 		properties: [
 			"border-top-color",
 			"border-right-color",
@@ -191,23 +208,95 @@ var properties = {
 		types: [
 			"Color"
 		],
+		"default": [
+			"currentcolor"
+		],
 		keywords: [
 		]
 	},
 	"border-top-color": {
+		map: "border",
 		shorthand: "border-color"
 	},
 	"border-right-color": {
+		map: "border",
 		shorthand: "border-color"
 	},
 	"border-bottom-color": {
+		map: "border",
 		shorthand: "border-color"
 	},
 	"border-left-color": {
+		map: "border",
 		shorthand: "border-color"
 	}
 };
 var map = {
+	border: {
+		shorthand: "border",
+		pattern: "border-color border-style border-width",
+		keywords: [
+			"none"
+		],
+		"default": [
+			"0",
+			"none"
+		],
+		properties: {
+			"border-color": {
+				types: [
+					"Color"
+				],
+				"default": [
+					"currentcolor"
+				],
+				keywords: [
+				]
+			},
+			"border-style": {
+				types: [
+				],
+				"default": [
+					"none"
+				],
+				keywords: [
+					"none",
+					"hidden",
+					"dotted",
+					"dashed",
+					"solid",
+					"double",
+					"groove",
+					"ridge",
+					"inset",
+					"outset"
+				]
+			},
+			"border-width": {
+				types: [
+					"Length",
+					"Perc"
+				],
+				"default": [
+					"medium"
+				],
+				keywords: [
+					"thin",
+					"medium",
+					"thick"
+				]
+			}
+		}
+	},
+	"border-color": {
+		shorthand: "border"
+	},
+	"border-style": {
+		shorthand: "border"
+	},
+	"border-width": {
+		shorthand: "border"
+	},
 	outline: {
 		shorthand: "outline",
 		pattern: "outline-color outline-style outline-width",
@@ -224,12 +313,10 @@ var map = {
 					"Color"
 				],
 				"default": [
-					"currentColor",
-					"invert"
+					"currentColor"
 				],
 				keywords: [
-					"currentColor",
-					"invert"
+					"currentColor"
 				]
 			},
 			"outline-style": {
@@ -567,6 +654,7 @@ var map = {
 				"default": [
 					"transparent"
 				],
+				multiple: true,
 				keywords: [
 				]
 			},
@@ -587,6 +675,7 @@ var map = {
 				"default": [
 					"scroll"
 				],
+				multiple: true,
 				keywords: [
 					"scroll",
 					"fixed",
@@ -599,6 +688,7 @@ var map = {
 				"default": [
 					"border-box"
 				],
+				multiple: true,
 				keywords: [
 					"border-box",
 					"padding-box",
@@ -612,6 +702,7 @@ var map = {
 				"default": [
 					"padding-box"
 				],
+				multiple: true,
 				keywords: [
 					"border-box",
 					"padding-box",