postcss-selector-parser

A CSS selector parser, integrates with postcss but does not require it.

MIT License

Downloads
148.8M
Stars
199
Committers
43
postcss-selector-parser - v6.0.16 Latest Release

Published by alexander-akait 7 months ago

6.0.16

  • Fixed: add missing index argument to each/walk callback types (#289)
postcss-selector-parser - v6.0.15

Published by alexander-akait 10 months ago

6.0.15

  • Fixed: Node#prev and Node#next type for the first/last node
postcss-selector-parser - v6.0.14

Published by alexander-akait 10 months ago

6.0.14

  • Fixed: type definitions
postcss-selector-parser - v6.0.13

Published by alexander-akait over 1 year ago

6.0.13

  • Fixed: throw on unexpected pipe symbols
postcss-selector-parser - v6.0.12

Published by alexander-akait over 1 year ago

6.0.12

  • Fixed: clone arguments should be optional
postcss-selector-parser - v6.0.11

Published by alexander-akait almost 2 years ago

6.0.11

  • Fixed: parse attribute case insensitivity flag
postcss-selector-parser - v6.0.10

Published by alexander-akait over 2 years ago

6.0.10

  • Fixed: isPseudoElement() supports :first-letter and :first-line
postcss-selector-parser - v6.0.9

Published by alexander-akait almost 3 years ago

6.0.9

  • Fixed: Combinator.raws property type
postcss-selector-parser - v6.0.8

Published by alexander-akait almost 3 years ago

6.0.8

  • Fixed: reduced size
postcss-selector-parser - v6.0.7

Published by alexander-akait almost 3 years ago

6.0.7

  • Fixed: parse animation percents
postcss-selector-parser - v6.0.6

Published by alexander-akait over 3 years ago

6.0.6

  • Fixed: parse quoted attributes containing a newline correctly
postcss-selector-parser - v6.0.5

Published by alexander-akait over 3 years ago

6.0.5

  • Perf: rework unesc for a 63+% performance boost
postcss-selector-parser - v6.0.4

Published by alexander-akait about 4 years ago

6.0.4

  • Fixed: ts errors
postcss-selector-parser - v6.0.3

Published by alexander-akait about 4 years ago

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
postcss-selector-parser - v3.1.2

Published by alexander-akait over 4 years ago

3.1.2

  • SECURITY FIX: update dot-prop to 5.2.0

Breaking changes

  • Unfortunately, due to fixing the vulnerability, the minimum supported version of the Node.js is 8.
postcss-selector-parser - 6.0.2

Published by jonathantneal over 5 years ago

  • Fixed an issue with parsing and stringifying an empty attribute value
postcss-selector-parser - 6.0.1

Published by jonathantneal over 5 years ago

  • Fixed an issue with unicode surrogate pair parsing
postcss-selector-parser - 6.0.0

Published by jonathantneal over 5 years ago

  • Updated: cssesc to 3.0.0 (major)
  • Fixed: Issues with escaped id and class selectors
postcss-selector-parser - 5.0.0

Published by jonathantneal almost 6 years ago

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 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.

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]

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.

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.4

  • Fixed and 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

  • Allow escaped dot within class name.
  • Update PostCSS to 7.0.7 (patch)
postcss-selector-parser - 5.0.0 Release Candidate 4

Published by jonathantneal almost 6 years ago

Release Summary

  • Fixed and 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.

CHANGELOG