@tbela99/css-parser 0.7.0 → 0.7.1

package/README.md

@@ -1,4 +1,5 @@
-[![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) [![NPM Downloads](https://img.shields.io/npm/dm/%40tbela99%2Fcss-parser)](https://www.npmjs.com/package/@tbela99/css-parser)
+[![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) [![npm](https://img.shields.io/jsr/v/%40tbela99/css-parser?link=https%3A%2F%2Fjsr.io%2F%40tbela99%2Fcss-parser
+)](https://jsr.io/@tbela99/css-parser) [![cov](https://tbela99.github.io/css-parser/badges/coverage.svg)](https://github.com/tbela99/css-parser/actions) [![NPM Downloads](https://img.shields.io/npm/dm/%40tbela99%2Fcss-parser)](https://www.npmjs.com/package/@tbela99/css-parser)
 
 # css-parser
 
@@ -6,9 +7,15 @@ CSS parser and minifier for node and the browser
 
 ## Installation
 
+From npm
 ```shell
 $ npm install @tbela99/css-parser
 ```
+from jsr
+```shell
+$ deno add @tbela99/css-parser
+```
+
 
 ## Features
 

package/dist/index-umd-web.js

@@ -5760,6 +5760,13 @@
                         buffer = '';
                     }
                     break;
+                case '&':
+                    if (buffer.length > 0) {
+                        yield pushToken(buffer, parseInfo);
+                        buffer = '';
+                    }
+                    yield pushToken(value, parseInfo);
+                    break;
                 case '<':
                     if (buffer.length > 0) {
                         yield pushToken(buffer, parseInfo);
@@ -60872,7 +60879,67 @@
                         }
                     }
                     else {
-                        rule.sel = replaceCompound(rule.sel, ast.sel);
+                        let childSelectorCompund = [];
+                        let withCompound = [];
+                        let withoutCompound = [];
+                        const rules = splitRule(ast.sel);
+                        for (const sel of (rule.raw ?? splitRule(rule.sel))) {
+                            const s = sel.join('');
+                            if (s.includes('&')) {
+                                if (s.indexOf('&', 1) == -1) {
+                                    if (s.at(0) == '&') {
+                                        if (s.at(1) == ' ') {
+                                            childSelectorCompund.push(s.slice(2));
+                                        }
+                                        else {
+                                            if (s == '&') {
+                                                withCompound.push(s);
+                                            }
+                                            else {
+                                                withoutCompound.push(s.slice(1));
+                                            }
+                                        }
+                                    }
+                                }
+                                else {
+                                    withCompound.push(s);
+                                }
+                            }
+                            else {
+                                withoutCompound.push(s);
+                            }
+                        }
+                        const selectors = [];
+                        const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
+                        if (childSelectorCompund.length > 0) {
+                            if (childSelectorCompund.length == 1) {
+                                selectors.push(replaceCompound('& ' + childSelectorCompund[0].trim(), selector));
+                            }
+                            else {
+                                selectors.push(replaceCompound('& :is(' + childSelectorCompund.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                            }
+                        }
+                        if (withoutCompound.length > 0) {
+                            if (withoutCompound.length == 1) {
+                                const useIs = rules.length == 1 && selector.match(/^[a-zA-Z.:]/) != null && selector.includes(' ') && withoutCompound.length == 1 && withoutCompound[0].match(/^[a-zA-Z]+$/) != null;
+                                const compound = useIs ? ':is(&)' : '&';
+                                selectors.push(replaceCompound(rules.length == 1 ? (useIs ? withoutCompound[0] + ':is(&)' : (selector.match(/^[.:]/) && withoutCompound[0].match(/^[a-zA-Z]+$/) ? withoutCompound[0] + compound : compound + withoutCompound[0])) : (withoutCompound[0].match(/^[a-zA-Z:]+$/) ? withoutCompound[0].trim() + compound : '&' + (withoutCompound[0].match(/^\S+$/) ? withoutCompound[0].trim() : ':is(' + withoutCompound[0].trim() + ')')), selector));
+                            }
+                            else {
+                                selectors.push(replaceCompound('&:is(' + withoutCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                            }
+                        }
+                        if (withCompound.length > 0) {
+                            if (withCompound.length == 1) {
+                                selectors.push(replaceCompound(withCompound[0], selector));
+                            }
+                            else {
+                                for (const w of withCompound) {
+                                    selectors.push(replaceCompound(w, selector));
+                                }
+                            }
+                        }
+                        rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
                     }
                     ast.chi.splice(i--, 1);
                     result.push(...expandRule(rule));
@@ -63355,6 +63422,9 @@
         return fetch(t, t.origin != self.origin ? { mode: 'cors' } : {}).then(parseResponse);
     }
 
+    /**
+     * render ast node
+     */
     function render(data, options = {}) {
         return doRender(data, Object.assign(options, {
             load,
@@ -63363,6 +63433,9 @@
             cwd: options.cwd ?? self.location.pathname.endsWith('/') ? self.location.pathname : dirname(self.location.pathname)
         }));
     }
+    /**
+     * parse css
+     */
     async function parse(iterator, opt = {}) {
         return doParse(iterator, Object.assign(opt, {
             load,
@@ -63371,6 +63444,9 @@
             cwd: opt.cwd ?? self.location.pathname.endsWith('/') ? self.location.pathname : dirname(self.location.pathname)
         }));
     }
+    /**
+     * parse and render css
+     */
     async function transform(css, options = {}) {
         options = { minify: true, removeEmpty: true, removeCharset: true, ...options };
         const startTime = performance.now();

package/dist/index.cjs

@@ -5759,6 +5759,13 @@ function* tokenize(stream) {
                     buffer = '';
                 }
                 break;
+            case '&':
+                if (buffer.length > 0) {
+                    yield pushToken(buffer, parseInfo);
+                    buffer = '';
+                }
+                yield pushToken(value, parseInfo);
+                break;
             case '<':
                 if (buffer.length > 0) {
                     yield pushToken(buffer, parseInfo);
@@ -60871,7 +60878,67 @@ function expandRule(node) {
                     }
                 }
                 else {
-                    rule.sel = replaceCompound(rule.sel, ast.sel);
+                    let childSelectorCompund = [];
+                    let withCompound = [];
+                    let withoutCompound = [];
+                    const rules = splitRule(ast.sel);
+                    for (const sel of (rule.raw ?? splitRule(rule.sel))) {
+                        const s = sel.join('');
+                        if (s.includes('&')) {
+                            if (s.indexOf('&', 1) == -1) {
+                                if (s.at(0) == '&') {
+                                    if (s.at(1) == ' ') {
+                                        childSelectorCompund.push(s.slice(2));
+                                    }
+                                    else {
+                                        if (s == '&') {
+                                            withCompound.push(s);
+                                        }
+                                        else {
+                                            withoutCompound.push(s.slice(1));
+                                        }
+                                    }
+                                }
+                            }
+                            else {
+                                withCompound.push(s);
+                            }
+                        }
+                        else {
+                            withoutCompound.push(s);
+                        }
+                    }
+                    const selectors = [];
+                    const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
+                    if (childSelectorCompund.length > 0) {
+                        if (childSelectorCompund.length == 1) {
+                            selectors.push(replaceCompound('& ' + childSelectorCompund[0].trim(), selector));
+                        }
+                        else {
+                            selectors.push(replaceCompound('& :is(' + childSelectorCompund.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                        }
+                    }
+                    if (withoutCompound.length > 0) {
+                        if (withoutCompound.length == 1) {
+                            const useIs = rules.length == 1 && selector.match(/^[a-zA-Z.:]/) != null && selector.includes(' ') && withoutCompound.length == 1 && withoutCompound[0].match(/^[a-zA-Z]+$/) != null;
+                            const compound = useIs ? ':is(&)' : '&';
+                            selectors.push(replaceCompound(rules.length == 1 ? (useIs ? withoutCompound[0] + ':is(&)' : (selector.match(/^[.:]/) && withoutCompound[0].match(/^[a-zA-Z]+$/) ? withoutCompound[0] + compound : compound + withoutCompound[0])) : (withoutCompound[0].match(/^[a-zA-Z:]+$/) ? withoutCompound[0].trim() + compound : '&' + (withoutCompound[0].match(/^\S+$/) ? withoutCompound[0].trim() : ':is(' + withoutCompound[0].trim() + ')')), selector));
+                        }
+                        else {
+                            selectors.push(replaceCompound('&:is(' + withoutCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                        }
+                    }
+                    if (withCompound.length > 0) {
+                        if (withCompound.length == 1) {
+                            selectors.push(replaceCompound(withCompound[0], selector));
+                        }
+                        else {
+                            for (const w of withCompound) {
+                                selectors.push(replaceCompound(w, selector));
+                            }
+                        }
+                    }
+                    rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
                 }
                 ast.chi.splice(i--, 1);
                 result.push(...expandRule(rule));
@@ -63343,12 +63410,25 @@ async function load(url, currentFile) {
     return matchUrl.test(resolved.absolute) ? fetch(resolved.absolute).then(parseResponse) : promises.readFile(resolved.absolute, { encoding: 'utf-8' });
 }
 
+/**
+ * entry point for node and other runtimes
+ * @module
+ */
+/**
+ * render ast node
+ */
 function render(data, options = {}) {
     return doRender(data, Object.assign(options, { load, resolve, dirname, cwd: options.cwd ?? process.cwd() }));
 }
+/**
+ * parse css
+ */
 async function parse(iterator, opt = {}) {
     return doParse(iterator, Object.assign(opt, { load, resolve, dirname, cwd: opt.cwd ?? process.cwd() }));
 }
+/**
+ * parse and render css
+ */
 async function transform(css, options = {}) {
     options = { minify: true, removeEmpty: true, removeCharset: true, ...options };
     const startTime = performance.now();

package/dist/index.d.ts

@@ -1013,8 +1013,22 @@ declare function resolve(url: string, currentDirectory: string, cwd?: string): {
 
 declare function load(url: string, currentFile: string): Promise<string>;
 
+/**
+ * entry point for node and other runtimes
+ * @module
+ */
+
+/**
+ * render ast node
+ */
 declare function render(data: AstNode, options?: RenderOptions): RenderResult;
+/**
+ * parse css
+ */
 declare function parse(iterator: string, opt?: ParserOptions): Promise<ParseResult>;
+/**
+ * parse and render css
+ */
 declare function transform(css: string, options?: TransformOptions): Promise<TransformResult>;
 
 export { EnumToken, dirname, expand, load, minify, parse, parseString, parseTokens, render, renderToken, resolve, transform, walk, walkValues };

package/dist/lib/ast/expand.js

@@ -72,7 +72,67 @@ function expandRule(node) {
                     }
                 }
                 else {
-                    rule.sel = replaceCompound(rule.sel, ast.sel);
+                    let childSelectorCompund = [];
+                    let withCompound = [];
+                    let withoutCompound = [];
+                    const rules = splitRule(ast.sel);
+                    for (const sel of (rule.raw ?? splitRule(rule.sel))) {
+                        const s = sel.join('');
+                        if (s.includes('&')) {
+                            if (s.indexOf('&', 1) == -1) {
+                                if (s.at(0) == '&') {
+                                    if (s.at(1) == ' ') {
+                                        childSelectorCompund.push(s.slice(2));
+                                    }
+                                    else {
+                                        if (s == '&') {
+                                            withCompound.push(s);
+                                        }
+                                        else {
+                                            withoutCompound.push(s.slice(1));
+                                        }
+                                    }
+                                }
+                            }
+                            else {
+                                withCompound.push(s);
+                            }
+                        }
+                        else {
+                            withoutCompound.push(s);
+                        }
+                    }
+                    const selectors = [];
+                    const selector = rules.length > 1 ? ':is(' + rules.map(a => a.join('')).join(',') + ')' : rules[0].join('');
+                    if (childSelectorCompund.length > 0) {
+                        if (childSelectorCompund.length == 1) {
+                            selectors.push(replaceCompound('& ' + childSelectorCompund[0].trim(), selector));
+                        }
+                        else {
+                            selectors.push(replaceCompound('& :is(' + childSelectorCompund.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                        }
+                    }
+                    if (withoutCompound.length > 0) {
+                        if (withoutCompound.length == 1) {
+                            const useIs = rules.length == 1 && selector.match(/^[a-zA-Z.:]/) != null && selector.includes(' ') && withoutCompound.length == 1 && withoutCompound[0].match(/^[a-zA-Z]+$/) != null;
+                            const compound = useIs ? ':is(&)' : '&';
+                            selectors.push(replaceCompound(rules.length == 1 ? (useIs ? withoutCompound[0] + ':is(&)' : (selector.match(/^[.:]/) && withoutCompound[0].match(/^[a-zA-Z]+$/) ? withoutCompound[0] + compound : compound + withoutCompound[0])) : (withoutCompound[0].match(/^[a-zA-Z:]+$/) ? withoutCompound[0].trim() + compound : '&' + (withoutCompound[0].match(/^\S+$/) ? withoutCompound[0].trim() : ':is(' + withoutCompound[0].trim() + ')')), selector));
+                        }
+                        else {
+                            selectors.push(replaceCompound('&:is(' + withoutCompound.reduce((acc, curr) => acc + (acc.length > 0 ? ',' : '') + curr.trim(), '') + ')', selector));
+                        }
+                    }
+                    if (withCompound.length > 0) {
+                        if (withCompound.length == 1) {
+                            selectors.push(replaceCompound(withCompound[0], selector));
+                        }
+                        else {
+                            for (const w of withCompound) {
+                                selectors.push(replaceCompound(w, selector));
+                            }
+                        }
+                    }
+                    rule.sel = selectors.reduce((acc, curr) => curr.length == 0 ? acc : acc + (acc.length > 0 ? ',' : '') + curr, '');
                 }
                 ast.chi.splice(i--, 1);
                 result.push(...expandRule(rule));

package/dist/lib/parser/tokenize.js

@@ -187,6 +187,13 @@ function* tokenize(stream) {
                     buffer = '';
                 }
                 break;
+            case '&':
+                if (buffer.length > 0) {
+                    yield pushToken(buffer, parseInfo);
+                    buffer = '';
+                }
+                yield pushToken(value, parseInfo);
+                break;
             case '<':
                 if (buffer.length > 0) {
                     yield pushToken(buffer, parseInfo);

package/dist/node/index.js

@@ -12,12 +12,25 @@ import '../lib/parser/utils/config.js';
 import { resolve, dirname } from '../lib/fs/resolve.js';
 import { load } from './load.js';
 
+/**
+ * entry point for node and other runtimes
+ * @module
+ */
+/**
+ * render ast node
+ */
 function render(data, options = {}) {
     return doRender(data, Object.assign(options, { load, resolve, dirname, cwd: options.cwd ?? process.cwd() }));
 }
+/**
+ * parse css
+ */
 async function parse(iterator, opt = {}) {
     return doParse(iterator, Object.assign(opt, { load, resolve, dirname, cwd: opt.cwd ?? process.cwd() }));
 }
+/**
+ * parse and render css
+ */
 async function transform(css, options = {}) {
     options = { minify: true, removeEmpty: true, removeCharset: true, ...options };
     const startTime = performance.now();

package/dist/web/index.js

@@ -11,6 +11,9 @@ import '../lib/parser/utils/config.js';
 import { resolve, dirname } from '../lib/fs/resolve.js';
 import { load } from './load.js';
 
+/**
+ * render ast node
+ */
 function render(data, options = {}) {
     return doRender(data, Object.assign(options, {
         load,
@@ -19,6 +22,9 @@ function render(data, options = {}) {
         cwd: options.cwd ?? self.location.pathname.endsWith('/') ? self.location.pathname : dirname(self.location.pathname)
     }));
 }
+/**
+ * parse css
+ */
 async function parse(iterator, opt = {}) {
     return doParse(iterator, Object.assign(opt, {
         load,
@@ -27,6 +33,9 @@ async function parse(iterator, opt = {}) {
         cwd: opt.cwd ?? self.location.pathname.endsWith('/') ? self.location.pathname : dirname(self.location.pathname)
     }));
 }
+/**
+ * parse and render css
+ */
 async function transform(css, options = {}) {
     options = { minify: true, removeEmpty: true, removeCharset: true, ...options };
     const startTime = performance.now();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tbela99/css-parser",
   "description": "CSS parser for node and the browser",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "exports": {
     ".": "./dist/node/index.js",
     "./umd": "./dist/index-umd-web.js",
@@ -49,21 +49,21 @@
   "homepage": "https://github.com/tbela99/css-parser#readme",
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4-fix.0",
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
-    "@types/chai": "^4.3.12",
-    "@types/mocha": "^10.0.6",
-    "@types/node": "^20.14.11",
-    "@types/web": "^0.0.151",
-    "@web/test-runner": "^0.18.1",
+    "@types/chai": "^4.3.19",
+    "@types/mocha": "^10.0.8",
+    "@types/node": "^22.5.5",
+    "@types/web": "^0.0.163",
+    "@web/test-runner": "^0.19.0",
     "@web/test-runner-playwright": "^0.11.0",
-    "c8": "^9.1.0",
-    "mocha": "^10.4.0",
-    "playwright": "^1.45.2",
-    "rollup": "^4.13.0",
-    "rollup-plugin-dts": "^6.1.0",
-    "tslib": "^2.6.2"
+    "c8": "^10.1.2",
+    "mocha": "^10.7.3",
+    "playwright": "^1.47.1",
+    "rollup": "^4.21.3",
+    "rollup-plugin-dts": "^6.1.1",
+    "tslib": "^2.7.0"
   }
 }