|
|
# 6.0.10 |
|
|
|
|
|
- Fixed: `isPseudoElement()` supports `:first-letter` and `:first-line` |
|
|
|
|
|
# 6.0.9 |
|
|
|
|
|
- Fixed: `Combinator.raws` property type |
|
|
|
|
|
# 6.0.8 |
|
|
|
|
|
- Fixed: reduced size |
|
|
|
|
|
# 6.0.7 |
|
|
|
|
|
- Fixed: parse animation percents |
|
|
|
|
|
# 6.0.6 |
|
|
|
|
|
- Fixed: parse quoted attributes containing a newline correctly |
|
|
|
|
|
# 6.0.5 |
|
|
|
|
|
- Perf: rework unesc for a 63+% performance boost |
|
|
|
|
|
# 6.0.4 |
|
|
|
|
|
- Fixed: ts errors |
|
|
|
|
|
# 6.0.3 |
|
|
|
|
|
- Fixed: replace node built-in "util" module with "util-deprecate" |
|
|
- Fixed: handle uppercase pseudo elements |
|
|
- Fixed: do not create invalid combinator before comment |
|
|
|
|
|
# 6.0.2 |
|
|
|
|
|
- Fixed an issue with parsing and stringifying an empty attribute value |
|
|
|
|
|
# 6.0.1 |
|
|
|
|
|
- Fixed an issue with unicode surrogate pair parsing |
|
|
|
|
|
# 6.0.0 |
|
|
|
|
|
- Updated: `cssesc` to 3.0.0 (major) |
|
|
- Fixed: Issues with escaped `id` and `class` selectors |
|
|
|
|
|
# 5.0.0 |
|
|
|
|
|
- Allow escaped dot within class name. |
|
|
- Update PostCSS to 7.0.7 (patch) |
|
|
|
|
|
# 5.0.0-rc.4 |
|
|
|
|
|
- Fixed an issue where comments immediately after an insensitive (in attribute) |
|
|
were not parsed correctly. |
|
|
- Updated `cssesc` to 2.0.0 (major). |
|
|
- Removed outdated integration tests. |
|
|
- Added tests for custom selectors, tags with attributes, the universal |
|
|
selector with pseudos, and tokens after combinators. |
|
|
|
|
|
# 5.0.0-rc.1 |
|
|
|
|
|
To ease adoption of the v5.0 release, we have relaxed the node version |
|
|
check performed by npm at installation time to allow for node 4, which |
|
|
remains officially unsupported, but likely to continue working for the |
|
|
time being. |
|
|
|
|
|
# 5.0.0-rc.0 |
|
|
|
|
|
This release has **BREAKING CHANGES** that were required to fix regressions |
|
|
in 4.0.0 and to make the Combinator Node API consistent for all combinator |
|
|
types. Please read carefully. |
|
|
|
|
|
## Summary of Changes |
|
|
|
|
|
* The way a descendent combinator that isn't a single space character (E.g. `.a .b`) is stored in the AST has changed. |
|
|
* Named Combinators (E.g. `.a /for/ .b`) are now properly parsed as a combinator. |
|
|
* It is now possible to look up a node based on the source location of a character in that node and to query nodes if they contain some character. |
|
|
* Several bug fixes that caused the parser to hang and run out of memory when a `/` was encountered have been fixed. |
|
|
* The minimum supported version of Node is now `v6.0.0`. |
|
|
|
|
|
### Changes to the Descendent Combinator |
|
|
|
|
|
In prior releases, the value of a descendant combinator with multiple spaces included all the spaces. |
|
|
|
|
|
* `.a .b`: Extra spaces are now stored as space before. |
|
|
- Old & Busted: |
|
|
- `combinator.value === " "` |
|
|
- New hotness: |
|
|
- `combinator.value === " " && combinator.spaces.before === " "` |
|
|
* `.a /*comment*/.b`: A comment at the end of the combinator causes extra space to become after space. |
|
|
- Old & Busted: |
|
|
- `combinator.value === " "` |
|
|
- `combinator.raws.value === " /*comment/"` |
|
|
- New hotness: |
|
|
- `combinator.value === " "` |
|
|
- `combinator.spaces.after === " "` |
|
|
- `combinator.raws.spaces.after === " /*comment*/"` |
|
|
* `.a<newline>.b`: whitespace that doesn't start or end with a single space character is stored as a raw value. |
|
|
- Old & Busted: |
|
|
- `combinator.value === "\n"` |
|
|
- `combinator.raws.value === undefined` |
|
|
- New hotness: |
|
|
- `combinator.value === " "` |
|
|
- `combinator.raws.value === "\n"` |
|
|
|
|
|
### Support for "Named Combinators" |
|
|
|
|
|
Although, nonstandard and unlikely to ever become a standard, combinators like `/deep/` and `/for/` are now properly supported. |
|
|
|
|
|
Because they've been taken off the standardization track, there is no spec-official name for combinators of the form `/<ident>/`. However, I talked to [Tab Atkins](https://twitter.com/tabatkins) and we agreed to call them "named combinators" so now they are called that. |
|
|
|
|
|
Before this release such named combinators were parsed without intention and generated three nodes of type `"tag"` where the first and last nodes had a value of `"/"`. |
|
|
|
|
|
* `.a /for/ .b` is parsed as a combinator. |
|
|
- Old & Busted: |
|
|
- `root.nodes[0].nodes[1].type === "tag"` |
|
|
- `root.nodes[0].nodes[1].value === "/"` |
|
|
- New hotness: |
|
|
- `root.nodes[0].nodes[1].type === "combinator"` |
|
|
- `root.nodes[0].nodes[1].value === "/for/"` |
|
|
* `.a /F\6fR/ .b` escapes are handled and uppercase is normalized. |
|
|
- Old & Busted: |
|
|
- `root.nodes[0].nodes[2].type === "tag"` |
|
|
- `root.nodes[0].nodes[2].value === "F\\6fR"` |
|
|
- New hotness: |
|
|
- `root.nodes[0].nodes[1].type === "combinator"` |
|
|
- `root.nodes[0].nodes[1].value === "/for/"` |
|
|
- `root.nodes[0].nodes[1].raws.value === "/F\\6fR/"` |
|
|
|
|
|
### Source position checks and lookups |
|
|
|
|
|
A new API was added to look up a node based on the source location. |
|
|
|
|
|
```js |
|
|
const selectorParser = require("postcss-selector-parser"); |
|
|
// You can find the most specific node for any given character |
|
|
let combinator = selectorParser.astSync(".a > .b").atPosition(1,4); |
|
|
combinator.toString() === " > "; |
|
|
// You can check if a node includes a specific character |
|
|
// Whitespace surrounding the node that is owned by that node |
|
|
// is included in the check. |
|
|
[2,3,4,5,6].map(column => combinator.isAtPosition(1, column)); |
|
|
// => [false, true, true, true, false] |
|
|
``` |
|
|
|
|
|
# 4.0.0 |
|
|
|
|
|
This release has **BREAKING CHANGES** that were required to fix bugs regarding values with escape sequences. Please read carefully. |
|
|
|
|
|
* **Identifiers with escapes** - CSS escape sequences are now hidden from the public API by default. |
|
|
The normal value of a node like a class name or ID, or an aspect of a node such as attribute |
|
|
selector's value, is unescaped. Escapes representing Non-ascii characters are unescaped into |
|
|
unicode characters. For example: `bu\tton, .\31 00, #i\2764\FE0Fu, [attr="value is \"quoted\""]` |
|
|
will parse respectively to the values `button`, `100`, `i❤️u`, `value is "quoted"`. |
|
|
The original escape sequences for these values can be found in the corresponding property name |
|
|
in `node.raws`. Where possible, deprecation warnings were added, but the nature |
|
|
of escape handling makes it impossible to detect what is escaped or not. Our expectation is |
|
|
that most users are neither expecting nor handling escape sequences in their use of this library, |
|
|
and so for them, this is a bug fix. Users who are taking care to handle escapes correctly can |
|
|
now update their code to remove the escape handling and let us do it for them. |
|
|
|
|
|
* **Mutating values with escapes** - When you make an update to a node property that has escape handling |
|
|
The value is assumed to be unescaped, and any special characters are escaped automatically and |
|
|
the corresponding `raws` value is immediately updated. This can result in changes to the original |
|
|
escape format. Where the exact value of the escape sequence is important there are methods that |
|
|
allow both values to be set in conjunction. There are a number of new convenience methods for |
|
|
manipulating values that involve escapes, especially for attributes values where the quote mark |
|
|
is involved. See https://github.com/postcss/postcss-selector-parser/pull/133 for an extensive |
|
|
write-up on these changes. |
|
|
|
|
|
|
|
|
**Upgrade/API Example** |
|
|
|
|
|
In `3.x` there was no unescape handling and internal consistency of several properties was the caller's job to maintain. It was very easy for the developer |
|
|
to create a CSS file that did not parse correctly when some types of values |
|
|
were in use. |
|
|
|
|
|
```js |
|
|
const selectorParser = require("postcss-selector-parser"); |
|
|
let attr = selectorParser.attribute({attribute: "id", operator: "=", value: "a-value"}); |
|
|
attr.value; // => "a-value" |
|
|
attr.toString(); // => [id=a-value] |
|
|
// Add quotes to an attribute's value. |
|
|
// All these values have to be set by the caller to be consistent: |
|
|
// no internal consistency is maintained. |
|
|
attr.raws.unquoted = attr.value |
|
|
attr.value = "'" + attr.value + "'"; |
|
|
attr.value; // => "'a-value'" |
|
|
attr.quoted = true; |
|
|
attr.toString(); // => "[id='a-value']" |
|
|
``` |
|
|
|
|
|
In `4.0` there is a convenient API for setting and mutating values |
|
|
that may need escaping. Especially for attributes. |
|
|
|
|
|
```js |
|
|
const selectorParser = require("postcss-selector-parser"); |
|
|
|
|
|
// The constructor requires you specify the exact escape sequence |
|
|
let className = selectorParser.className({value: "illegal class name", raws: {value: "illegal\\ class\\ name"}}); |
|
|
className.toString(); // => '.illegal\\ class\\ name' |
|
|
|
|
|
// So it's better to set the value as a property |
|
|
className = selectorParser.className(); |
|
|
// Most properties that deal with identifiers work like this |
|
|
className.value = "escape for me"; |
|
|
className.value; // => 'escape for me' |
|
|
className.toString(); // => '.escape\\ for\\ me' |
|
|
|
|
|
// emoji and all non-ascii are escaped to ensure it works in every css file. |
|
|
className.value = "😱🦄😍"; |
|
|
className.value; // => '😱🦄😍' |
|
|
className.toString(); // => '.\\1F631\\1F984\\1F60D' |
|
|
|
|
|
// you can control the escape sequence if you want, or do bad bad things |
|
|
className.setPropertyAndEscape('value', 'xxxx', 'yyyy'); |
|
|
className.value; // => "xxxx" |
|
|
className.toString(); // => ".yyyy" |
|
|
|
|
|
// Pass a value directly through to the css output without escaping it. |
|
|
className.setPropertyWithoutEscape('value', '$REPLACE_ME$'); |
|
|
className.value; // => "$REPLACE_ME$" |
|
|
className.toString(); // => ".$REPLACE_ME$" |
|
|
|
|
|
// The biggest changes are to the Attribute class |
|
|
// passing quoteMark explicitly is required to avoid a deprecation warning. |
|
|
let attr = selectorParser.attribute({attribute: "id", operator: "=", value: "a-value", quoteMark: null}); |
|
|
attr.toString(); // => "[id=a-value]" |
|
|
// Get the value with quotes on it and any necessary escapes. |
|
|
// This is the same as reading attr.value in 3.x. |
|
|
attr.getQuotedValue(); // => "a-value"; |
|
|
attr.quoteMark; // => null |
|
|
|
|
|
// Add quotes to an attribute's value. |
|
|
attr.quoteMark = "'"; // This is all that's required. |
|
|
attr.toString(); // => "[id='a-value']" |
|
|
attr.quoted; // => true |
|
|
// The value is still the same, only the quotes have changed. |
|
|
attr.value; // => a-value |
|
|
attr.getQuotedValue(); // => "'a-value'"; |
|
|
|
|
|
// deprecated assignment, no warning because there's no escapes |
|
|
attr.value = "new-value"; |
|
|
// no quote mark is needed so it is removed |
|
|
attr.getQuotedValue(); // => "new-value"; |
|
|
|
|
|
// deprecated assignment, |
|
|
attr.value = "\"a 'single quoted' value\""; |
|
|
// > (node:27859) DeprecationWarning: Assigning an attribute a value containing characters that might need to be escaped is deprecated. Call attribute.setValue() instead. |
|
|
attr.getQuotedValue(); // => '"a \'single quoted\' value"'; |
|
|
// quote mark inferred from first and last characters. |
|
|
attr.quoteMark; // => '"' |
|
|
|
|
|
// setValue takes options to make manipulating the value simple. |
|
|
attr.setValue('foo', {smart: true}); |
|
|
// foo doesn't require any escapes or quotes. |
|
|
attr.toString(); // => '[id=foo]' |
|
|
attr.quoteMark; // => null |
|
|
|
|
|
// An explicit quote mark can be specified |
|
|
attr.setValue('foo', {quoteMark: '"'}); |
|
|
attr.toString(); // => '[id="foo"]' |
|
|
|
|
|
// preserves quote mark by default |
|
|
attr.setValue('bar'); |
|
|
attr.toString(); // => '[id="bar"]' |
|
|
attr.quoteMark = null; |
|
|
attr.toString(); // => '[id=bar]' |
|
|
|
|
|
// with no arguments, it preserves quote mark even when it's not a great idea |
|
|
attr.setValue('a value \n that should be quoted'); |
|
|
attr.toString(); // => '[id=a\\ value\\ \\A\\ that\\ should\\ be\\ quoted]' |
|
|
|
|
|
// smart preservation with a specified default |
|
|
attr.setValue('a value \n that should be quoted', {smart: true, preferCurrentQuoteMark: true, quoteMark: "'"}); |
|
|
// => "[id='a value \\A that should be quoted']" |
|
|
attr.quoteMark = '"'; |
|
|
// => '[id="a value \\A that should be quoted"]' |
|
|
|
|
|
// this keeps double quotes because it wants to quote the value and the existing value has double quotes. |
|
|
attr.setValue('this should be quoted', {smart: true, preferCurrentQuoteMark: true, quoteMark: "'"}); |
|
|
// => '[id="this should be quoted"]' |
|
|
|
|
|
// picks single quotes because the value has double quotes |
|
|
attr.setValue('a "double quoted" value', {smart: true, preferCurrentQuoteMark: true, quoteMark: "'"}); |
|
|
// => "[id='a "double quoted" value']" |
|
|
|
|
|
// setPropertyAndEscape lets you do anything you want. Even things that are a bad idea and illegal. |
|
|
attr.setPropertyAndEscape('value', 'xxxx', 'the password is 42'); |
|
|
attr.value; // => "xxxx" |
|
|
attr.toString(); // => "[id=the password is 42]" |
|
|
|
|
|
// Pass a value directly through to the css output without escaping it. |
|
|
attr.setPropertyWithoutEscape('value', '$REPLACEMENT$'); |
|
|
attr.value; // => "$REPLACEMENT$" |
|
|
attr.toString(); // => "[id=$REPLACEMENT$]" |
|
|
``` |
|
|
|
|
|
# 3.1.2 |
|
|
|
|
|
* Fix: Removed dot-prop dependency since it's no longer written in es5. |
|
|
|
|
|
# 3.1.1 |
|
|
|
|
|
* Fix: typescript definitions weren't in the published package. |
|
|
|
|
|
# 3.1.0 |
|
|
|
|
|
* Fixed numerous bugs in attribute nodes relating to the handling of comments |
|
|
and whitespace. There's significant changes to `attrNode.spaces` and `attrNode.raws` since the `3.0.0` release. |
|
|
* Added `Attribute#offsetOf(part)` to get the offset location of |
|
|
attribute parts like `"operator"` and `"value"`. This is most |
|
|
often added to `Attribute#sourceIndex` for error reporting. |
|
|
|
|
|
# 3.0.0 |
|
|
|
|
|
## Breaking changes |
|
|
|
|
|
* Some tweaks to the tokenizer/attribute selector parsing mean that whitespace |
|
|
locations might be slightly different to the 2.x code. |
|
|
* Better attribute selector parsing with more validation; postcss-selector-parser |
|
|
no longer uses regular expressions to parse attribute selectors. |
|
|
* Added an async API (thanks to @jacobp100); the default `process` API is now |
|
|
async, and the sync API is now accessed through `processSync` instead. |
|
|
* `process()` and `processSync()` now return a string instead of the Processor |
|
|
instance. |
|
|
* Tweaks handling of Less interpolation (thanks to @jwilsson). |
|
|
* Removes support for Node 0.12. |
|
|
|
|
|
## Other changes |
|
|
|
|
|
* `ast()` and `astSync()` methods have been added to the `Processor`. These |
|
|
return the `Root` node of the selectors after processing them. |
|
|
* `transform()` and `transformSync()` methods have been added to the |
|
|
`Processor`. These return the value returned by the processor callback |
|
|
after processing the selectors. |
|
|
* Set the parent when inserting a node (thanks to @chriseppstein). |
|
|
* Correctly adjust indices when using insertBefore/insertAfter (thanks to @tivac). |
|
|
* Fixes handling of namespaces with qualified tag selectors. |
|
|
* `process`, `ast` and `transform` (and their sync variants) now accept a |
|
|
`postcss` rule node. When provided, better errors are generated and selector |
|
|
processing is automatically set back to the rule selector (unless the `updateSelector` option is set to `false`.) |
|
|
* Now more memory efficient when tokenizing selectors. |
|
|
|
|
|
### Upgrade hints |
|
|
|
|
|
The pattern of: |
|
|
|
|
|
`rule.selector = processor.process(rule.selector).result.toString();` |
|
|
|
|
|
is now: |
|
|
|
|
|
`processor.processSync(rule)` |
|
|
|
|
|
# 2.2.3 |
|
|
|
|
|
* Resolves an issue where the parser would not reduce multiple spaces between an |
|
|
ampersand and another simple selector in lossy mode (thanks to @adam-26). |
|
|
|
|
|
# 2.2.2 |
|
|
|
|
|
* No longer hangs on an unescaped semicolon; instead the parser will throw |
|
|
an exception for these cases. |
|
|
|
|
|
# 2.2.1 |
|
|
|
|
|
* Allows a consumer to specify whitespace tokens when creating a new Node |
|
|
(thanks to @Semigradsky). |
|
|
|
|
|
# 2.2.0 |
|
|
|
|
|
* Added a new option to normalize whitespace when parsing the selector string |
|
|
(thanks to @adam-26). |
|
|
|
|
|
# 2.1.1 |
|
|
|
|
|
* Better unquoted value handling within attribute selectors |
|
|
(thanks to @evilebottnawi). |
|
|
|
|
|
# 2.1.0 |
|
|
|
|
|
* Added: Use string constants for all node types & expose them on the main |
|
|
parser instance (thanks to @Aweary). |
|
|
|
|
|
# 2.0.0 |
|
|
|
|
|
This release contains the following breaking changes: |
|
|
|
|
|
* Renamed all `eachInside` iterators to `walk`. For example, `eachTag` is now |
|
|
`walkTags`, and `eachInside` is now `walk`. |
|
|
* Renamed `Node#removeSelf()` to `Node#remove()`. |
|
|
* Renamed `Container#remove()` to `Container#removeChild()`. |
|
|
* Renamed `Node#raw` to `Node#raws` (thanks to @davidtheclark). |
|
|
* Now parses `&` as the *nesting* selector, rather than a *tag* selector. |
|
|
* Fixes misinterpretation of Sass interpolation (e.g. `#{foo}`) as an |
|
|
id selector (thanks to @davidtheclark). |
|
|
|
|
|
and; |
|
|
|
|
|
* Fixes parsing of attribute selectors with equals signs in them |
|
|
(e.g. `[data-attr="foo=bar"]`) (thanks to @montmanu). |
|
|
* Adds `quoted` and `raw.unquoted` properties to attribute nodes |
|
|
(thanks to @davidtheclark). |
|
|
|
|
|
# 1.3.3 |
|
|
|
|
|
* Fixes an infinite loop on `)` and `]` tokens when they had no opening pairs. |
|
|
Now postcss-selector-parser will throw when it encounters these lone tokens. |
|
|
|
|
|
# 1.3.2 |
|
|
|
|
|
* Now uses plain integers rather than `str.charCodeAt(0)` for compiled builds. |
|
|
|
|
|
# 1.3.1 |
|
|
|
|
|
* Update flatten to v1.x (thanks to @shinnn). |
|
|
|
|
|
# 1.3.0 |
|
|
|
|
|
* Adds a new node type, `String`, to fix a crash on selectors such as |
|
|
`foo:bar("test")`. |
|
|
|
|
|
# 1.2.1 |
|
|
|
|
|
* Fixes a crash when the parser encountered a trailing combinator. |
|
|
|
|
|
# 1.2.0 |
|
|
|
|
|
* A more descriptive error is thrown when the parser expects to find a |
|
|
pseudo-class/pseudo-element (thanks to @ashelley). |
|
|
* Adds support for line/column locations for selector nodes, as well as a |
|
|
`Node#sourceIndex` method (thanks to @davidtheclark). |
|
|
|
|
|
# 1.1.4 |
|
|
|
|
|
* Fixes a crash when a selector started with a `>` combinator. The module will |
|
|
now no longer throw if a selector has a leading/trailing combinator node. |
|
|
|
|
|
# 1.1.3 |
|
|
|
|
|
* Fixes a crash on `@` tokens. |
|
|
|
|
|
# 1.1.2 |
|
|
|
|
|
* Fixes an infinite loop caused by using parentheses in a non-pseudo element |
|
|
context. |
|
|
|
|
|
# 1.1.1 |
|
|
|
|
|
* Fixes a crash when a backslash ended a selector string. |
|
|
|
|
|
# 1.1.0 |
|
|
|
|
|
* Adds support for replacing multiple nodes at once with `replaceWith` |
|
|
(thanks to @jonathantneal). |
|
|
* Parser no longer throws on sequential IDs and trailing commas, to support |
|
|
parsing of selector hacks. |
|
|
|
|
|
# 1.0.1 |
|
|
|
|
|
* Fixes using `insertAfter` and `insertBefore` during iteration. |
|
|
|
|
|
# 1.0.0 |
|
|
|
|
|
* Adds `clone` and `replaceWith` methods to nodes. |
|
|
* Adds `insertBefore` and `insertAfter` to containers. |
|
|
* Stabilises API. |
|
|
|
|
|
# 0.0.5 |
|
|
|
|
|
* Fixes crash on extra whitespace inside a pseudo selector's parentheses. |
|
|
* Adds sort function to the container class. |
|
|
* Enables the parser to pass its input through without transforming. |
|
|
* Iteration-safe `each` and `eachInside`. |
|
|
|
|
|
# 0.0.4 |
|
|
|
|
|
* Tidy up redundant duplication. |
|
|
* Fixes a bug where the parser would loop infinitely on universal selectors |
|
|
inside pseudo selectors. |
|
|
* Adds `length` getter and `eachInside`, `map`, `reduce` to the container class. |
|
|
* When a selector has been removed from the tree, the root node will no longer |
|
|
cast it to a string. |
|
|
* Adds node type iterators to the container class (e.g. `eachComment`). |
|
|
* Adds filter function to the container class. |
|
|
* Adds split function to the container class. |
|
|
* Create new node types by doing `parser.id(opts)` etc. |
|
|
* Adds support for pseudo classes anywhere in the selector. |
|
|
|
|
|
# 0.0.3 |
|
|
|
|
|
* Adds `next` and `prev` to the node class. |
|
|
* Adds `first` and `last` getters to the container class. |
|
|
* Adds `every` and `some` iterators to the container class. |
|
|
* Add `empty` alias for `removeAll`. |
|
|
* Combinators are now types of node. |
|
|
* Fixes the at method so that it is not an alias for `index`. |
|
|
* Tidy up creation of new nodes in the parser. |
|
|
* Refactors how namespaces are handled for consistency & less redundant code. |
|
|
* Refactors AST to use `nodes` exclusively, and eliminates excessive nesting. |
|
|
* Fixes nested pseudo parsing. |
|
|
* Fixes whitespace parsing. |
|
|
|
|
|
# 0.0.2 |
|
|
|
|
|
* Adds support for namespace selectors. |
|
|
* Adds support for selectors joined by escaped spaces - such as `.\31\ 0`. |
|
|
|
|
|
# 0.0.1 |
|
|
|
|
|
* Initial release.
|
|
|
|