@tbela99/css-parser 0.0.1-rc7 → 0.0.1

package/README.md

@@ -10,19 +10,15 @@ CSS parser for node and the browser
 $ npm install @tbela99/css-parser
 ```
 
-### Features
+## 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 generate nested css rules
+- compute css shorthands. see the list below
 - expand nested css
 - works the same way in node and web browser
 
-### Performance
-
-- flatten @import
-
 ## Transform
 
 Parse and render css in a single pass.
@@ -131,7 +127,7 @@ import as a CommonJS module
 
 ```javascript
 
-import {transform} from '@tbela99/css-parser/cjs';
+const {transform} = require('@tbela99/css-parser/cjs');
 
 // ...
 ```
@@ -303,3 +299,42 @@ table.colortable th {
 
 - typ: string 'Stylesheet'
 - chi: array of children
+
+## Minification
+
+- [x] merge identical rules
+- [x] merge adjacent rules
+- [x] minify colors
+- [x] minify numbers and Dimensions tokens
+- [x] compute shorthand: see the list below
+- [x] remove redundant declarations
+- [x] conditionally unwrap :is()
+- [x] automatic css nesting
+- [x] automatically wrap selectors using :is()
+- [x] multi-level shorthand properties (border - [border-width, border-color, border-style, etc.]) https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties
+- [x] avoid reparsing (declarations, selectors, at-rule)
+- [x] node and browser versions
+- [x] decode and replace utf-8 escape sequence
+
+## Computed shorthands
+- [x] background
+- [x] border
+- [x] border-bottom
+- [x] border-color
+- [x] border-left
+- [x] border-radius
+- [x] border-right
+- [x] border-style
+- [x] border-top
+- [x] border-width
+- [x] font
+- [x] inset
+- [x] margin
+- [x] outline
+- [x] overflow
+- [x] padding
+- [x] text-decoration
+
+## Performance
+
+- [x] flatten @import

package/dist/index-umd-web.js

@@ -830,7 +830,7 @@
         if (token.typ == 'Func' && token.chi.length > 0 && colorsFunc.includes(token.val)) {
             // @ts-ignore
             for (const v of token.chi) {
-                if (!['Number', 'Perc', 'Comma', 'Whitespace'].includes(v.typ)) {
+                if (!['Number', 'Angle', 'Perc', 'Comma', 'Whitespace', 'Literal'].includes(v.typ)) {
                     return false;
                 }
             }
@@ -1950,7 +1950,7 @@
         }
         let key;
         for (key of k1) {
-            if (!eq(a[key], b[key])) {
+            if (!(key in b) || !eq(a[key], b[key])) {
                 return false;
             }
         }
@@ -3897,10 +3897,6 @@
         const result = [];
         if (ast.typ == 'Rule') {
             let i = 0;
-            // @ts-ignore
-            delete ast.raw;
-            // @ts-ignore
-            delete ast.optimized;
             for (; i < ast.chi.length; i++) {
                 if (ast.chi[i].typ == 'Rule') {
                     const rule = ast.chi[i];
@@ -3915,8 +3911,6 @@
                     else {
                         rule.sel = replaceCompound(rule.sel, ast.sel);
                     }
-                    delete rule.raw;
-                    delete rule.optimized;
                     ast.chi.splice(i--, 1);
                     result.push(...expandRule(rule));
                 }

package/dist/index.cjs

@@ -828,7 +828,7 @@ function isColor(token) {
     if (token.typ == 'Func' && token.chi.length > 0 && colorsFunc.includes(token.val)) {
         // @ts-ignore
         for (const v of token.chi) {
-            if (!['Number', 'Perc', 'Comma', 'Whitespace'].includes(v.typ)) {
+            if (!['Number', 'Angle', 'Perc', 'Comma', 'Whitespace', 'Literal'].includes(v.typ)) {
                 return false;
             }
         }
@@ -1948,7 +1948,7 @@ function eq(a, b) {
     }
     let key;
     for (key of k1) {
-        if (!eq(a[key], b[key])) {
+        if (!(key in b) || !eq(a[key], b[key])) {
             return false;
         }
     }
@@ -3895,10 +3895,6 @@ function expandRule(node) {
     const result = [];
     if (ast.typ == 'Rule') {
         let i = 0;
-        // @ts-ignore
-        delete ast.raw;
-        // @ts-ignore
-        delete ast.optimized;
         for (; i < ast.chi.length; i++) {
             if (ast.chi[i].typ == 'Rule') {
                 const rule = ast.chi[i];
@@ -3913,8 +3909,6 @@ function expandRule(node) {
                 else {
                     rule.sel = replaceCompound(rule.sel, ast.sel);
                 }
-                delete rule.raw;
-                delete rule.optimized;
                 ast.chi.splice(i--, 1);
                 result.push(...expandRule(rule));
             }

package/dist/lib/ast/expand.js

@@ -52,10 +52,6 @@ function expandRule(node) {
     const result = [];
     if (ast.typ == 'Rule') {
         let i = 0;
-        // @ts-ignore
-        delete ast.raw;
-        // @ts-ignore
-        delete ast.optimized;
         for (; i < ast.chi.length; i++) {
             if (ast.chi[i].typ == 'Rule') {
                 const rule = ast.chi[i];
@@ -70,8 +66,6 @@ function expandRule(node) {
                 else {
                     rule.sel = replaceCompound(rule.sel, ast.sel);
                 }
-                delete rule.raw;
-                delete rule.optimized;
                 ast.chi.splice(i--, 1);
                 result.push(...expandRule(rule));
             }

package/dist/lib/parser/utils/eq.js

@@ -27,7 +27,7 @@ function eq(a, b) {
     }
     let key;
     for (key of k1) {
-        if (!eq(a[key], b[key])) {
+        if (!(key in b) || !eq(a[key], b[key])) {
             return false;
         }
     }

package/dist/lib/parser/utils/syntax.js

@@ -37,7 +37,7 @@ function isColor(token) {
     if (token.typ == 'Func' && token.chi.length > 0 && colorsFunc.includes(token.val)) {
         // @ts-ignore
         for (const v of token.chi) {
-            if (!['Number', 'Perc', 'Comma', 'Whitespace'].includes(v.typ)) {
+            if (!['Number', 'Angle', 'Perc', 'Comma', 'Whitespace', 'Literal'].includes(v.typ)) {
                 return false;
             }
         }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "0.0.1-rc7",
+  "version": "0.0.1",
   "exports": {
     ".": "./dist/node/index.js",
     "./umd": "./dist/index-umd-web.js",