V0.3.0

.github/workflows/node.yml

@@ -17,16 +17,17 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        node-version: [18.x, 20.x, 21.x]
+        node-version: [ 18.x, 20.x, 21.x ]
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:
-    - uses: actions/checkout@v3
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v3
-      with:
-        node-version: ${{ matrix.node-version }}
-    - run: npm install
-    - run: npx playwright install
-   # - run: npm run build
-    - run: npm test
+      - uses: actions/checkout@v3
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: Install NPM dependencies
+        run: npm install
+      - name: Install playwright dependencies
+        run: npx playwright install --with-deps
+      - run: npm test

.npmignore

@@ -7,7 +7,7 @@
 /tools
 /ROADMAP.md
 /CHANGELOG.md
-/rollup.config.mjs
+/rollup.config.js
 /tsconfig.json
 /src
 /.idea
@@ -16,4 +16,5 @@
 /coverage
 /.github
 /.gitattributes
-/Writerside
+/Writerside
+/validator

CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+### V0.3.0
+
+### shorthands
+
+- [x] column-rule
+- [x] columns
+- [x] container
+- [x] flex
+- [x] flex-flow
+- [x] gap
+
+### Other
+- [x] renamed RenderOptions.colorConvert to RenderOptions.convertColor
+- [x] support none keyword in color
+- [x] css relative color syntax for rgb(), hsl() and hwb() colors https://www.w3.org/TR/css-color-5/#relative-colors
+  - [x] rgb
+  - [x] hex
+  - [x] hsl
+  - [x] hwb
+  - [x] calc()
+  - [x] calc() and inline var()
+
 ## v0.2.0
 
 - [x] cancellable parser promise using abortSignal
@@ -9,7 +31,7 @@
     - [x] at-rule visitor
 - [x] support mixing units with calc()
 
-# shorthands
+### shorthands
 
 - [x] transition
 - [x] list-style

README.md

@@ -18,6 +18,8 @@ $ npm install @tbela99/css-parser
 - generate sourcemap
 - compute css shorthands. see the list below
 - compute calc() expression
+- inline css variables
+- relative css colors using rgb(), hsl() and hwb()
 - nested css expansion
 - remove duplicate properties
 - flatten @import rules
@@ -344,6 +346,37 @@ result
 
 ```
 
+### Example 5
+
+### CSS variable inlining and relative color
+
+```javascript
+
+import {parse, render} from '@tbela99/css-parser';
+
+const css = `
+
+:root {
+--color: green;
+}
+._19_u :focus {
+    color:  hsl(from var(--color) calc(h * 2) s l);
+
+}
+`
+
+const prettyPrint = await parse(css, {inlineCssVariables: true}).then(result => render(result.ast, {minify: false}).code);
+
+```
+result
+
+```css
+._19_u :focus {
+    color: navy
+}
+
+```
+
 ## AST
 
 ### Comment
@@ -396,24 +429,53 @@ result
 - [x] decode and replace utf-8 escape sequence
 
 ## Computed shorthands properties
+
+- ~all~
 - [x] animation
 - [x] background
 - [x] border
+- [ ] border-block-end
+- [ ] border-block-start
 - [x] border-bottom
 - [x] border-color
+- [ ] border-image
+- [ ] border-inline-end
+- [ ] border-inline-start
 - [x] border-left
 - [x] border-radius
 - [x] border-right
 - [x] border-style
 - [x] border-top
 - [x] border-width
+- [x] column-rule
+- [x] columns
+- [x] container
+- [ ] contain-intrinsic-size
+- [x] flex
+- [x] flex-flow
 - [x] font
+- [ ] font-synthesis
+- [ ] font-variant
+- [x] gap
+- [ ] grid
+- [ ] grid-area
+- [ ] grid-column
+- [ ] grid-row
+- [ ] grid-template
 - [x] inset
 - [x] list-style
 - [x] margin
+- [ ] mask
+- [ ] offset
 - [x] outline
 - [x] overflow
 - [x] padding
+- [ ] place-content
+- [ ] place-items
+- [ ] place-self
+- [ ] scroll-margin
+- [ ] scroll-padding
+- [ ] scroll-timeline
 - [x] text-decoration
 - [x] text-emphasis
 - [x] transition

build.sh

@@ -1,10 +1,12 @@
 #!/bin/bash
-#
+# force export interfaces and types in dist/index.d.ts
 file="$1"
 shift
 
 while [ "$#" -gt 0 ]
 do
   sed -i "s/^$1/export $1/g" "$file" 2>/dev/null || sed -i '' "s/^$1/export $1/g" "$file"
   shift
-done
+done
+# delete extra .d.ts files in dist/ sub directories
+find dist/ | grep .d.ts | grep -v dist/index.d.ts | xargs rm