@@ -764,6 +764,7 @@ result
764
764
# Node Walker
765
765
766
766
``` javascript
767
+
767
768
import {walk } from ' @tbela99/css-parser' ;
768
769
769
770
for (const {node , parent , root } of walk (ast)) {
@@ -923,7 +924,8 @@ const css = `
923
924
}
924
925
` ;
925
926
926
- console .debug (await transform (css , options ));
927
+ const result = await transform (css , options );
928
+ console .debug (result .code );
927
929
928
930
// .foo{transform:scale(calc(40/3))}
929
931
```
@@ -934,9 +936,7 @@ the visitor is called only on 'height' declarations
934
936
935
937
``` typescript
936
938
937
- import {AstDeclaration , LengthToken , ParserOptions } from " ../src/@types" ;
938
- import {EnumToken } from " ../src/lib" ;
939
- import {transform } from " ../src/node" ;
939
+ import {AstDeclaration , EnumToken , LengthToken , ParserOptions , transform } from ' @tbela99/css-parser' ;
940
940
941
941
const options: ParserOptions = {
942
942
@@ -978,7 +978,8 @@ color: lch(from peru calc(l * 0.8) calc(c * 0.7) calc(h + 180))
978
978
}
979
979
` ;
980
980
981
- console .debug (await transform (css , options ));
981
+ const result = await transform (css , options );
982
+ console .debug (result .code );
982
983
983
984
// .foo{height:calc(40px/3);width:3px}.selector{color:#0880b0}
984
985
@@ -1019,7 +1020,8 @@ const css = `
1019
1020
}
1020
1021
` ;
1021
1022
1022
- console .debug (await transform (css , options ));
1023
+ const result = await transform (css , options );
1024
+ console .debug (result .code );
1023
1025
1024
1026
// .foo{height:calc(40px/3)}
1025
1027
@@ -1060,7 +1062,8 @@ const css = `
1060
1062
}
1061
1063
` ;
1062
1064
1063
- console .debug (await transform (css , options ));
1065
+ const result = await transform (css , options );
1066
+ console .debug (result .code );
1064
1067
1065
1068
// .foo{height:calc(40px/3)}
1066
1069
@@ -1079,10 +1082,10 @@ const options: ParserOptions = {
1079
1082
1080
1083
visitor: {
1081
1084
1082
-
1083
1085
Rule(node : AstRule ): AstRule {
1084
1086
1085
- return {... node , sel: ' .foo,.bar,.fubar' };
1087
+ node .sel = ' .foo,.bar,.fubar'
1088
+ return node ;
1086
1089
}
1087
1090
}
1088
1091
};
@@ -1095,7 +1098,8 @@ const css = `
1095
1098
}
1096
1099
` ;
1097
1100
1098
- console .debug (await transform (css , options ));
1101
+ const result = await transform (css , options );
1102
+ console .debug (result .code );
1099
1103
1100
1104
// .foo,.bar,.fubar{height:calc(40px/3)}
1101
1105
@@ -1107,9 +1111,7 @@ Adding declarations to any rule
1107
1111
1108
1112
``` typescript
1109
1113
1110
- import {transform } from " ../src/node" ;
1111
- import {AstRule , ParserOptions } from " ../src/@types" ;
1112
- import {parseDeclarations } from " ../src/lib" ;
1114
+ import {AstRule , parseDeclarations , ParserOptions , transform } from ' @tbela99/css-parser' ;
1113
1115
1114
1116
const options: ParserOptions = {
1115
1117
@@ -1135,7 +1137,8 @@ const css = `
1135
1137
}
1136
1138
` ;
1137
1139
1138
- console .debug (await transform (css , options ));
1140
+ const result = await transform (css , options );
1141
+ console .debug (result .code );
1139
1142
1140
1143
// .foo{width:3px}
1141
1144
0 commit comments