<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
<head>
<meta charset="utf-8" />
<meta name="generator" content="pandoc" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<title>README</title>
<style>
html {
line-height: 1.5;
font-family: Georgia, serif;
font-size: 20px;
color: #1a1a1a;
background-color: #fdfdfd;
}
body {
margin: 0 auto;
max-width: 36em;
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
padding-bottom: 50px;
hyphens: auto;
overflow-wrap: break-word;
text-rendering: optimizeLegibility;
font-kerning: normal;
}
@media (max-width: 600px) {
body {
font-size: 0.9em;
padding: 1em;
}
h1 {
font-size: 1.8em;
}
}
@media print {
body {
background-color: transparent;
color: black;
font-size: 12pt;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3, h4 {
page-break-after: avoid;
}
}
p {
margin: 1em 0;
}
a {
color: #1a1a1a;
}
a:visited {
color: #1a1a1a;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 1.4em;
}
h5, h6 {
font-size: 1em;
font-style: italic;
}
h6 {
font-weight: normal;
}
ol, ul {
padding-left: 1.7em;
margin-top: 1em;
}
li > ol, li > ul {
margin-top: 0;
}
blockquote {
margin: 1em 0 1em 1.7em;
padding-left: 1em;
border-left: 2px solid #e6e6e6;
color: #606060;
}
code {
font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
font-size: 85%;
margin: 0;
}
pre {
margin: 1em 0;
overflow: auto;
}
pre code {
padding: 0;
overflow: visible;
overflow-wrap: normal;
}
.sourceCode {
background-color: transparent;
overflow: visible;
}
hr {
background-color: #1a1a1a;
border: none;
height: 1px;
margin: 1em 0;
}
table {
margin: 1em 0;
border-collapse: collapse;
width: 100%;
overflow-x: auto;
display: block;
font-variant-numeric: lining-nums tabular-nums;
}
table caption {
margin-bottom: 0.75em;
}
tbody {
margin-top: 0.5em;
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
}
th {
border-top: 1px solid #1a1a1a;
padding: 0.25em 0.5em 0.25em 0.5em;
}
td {
padding: 0.125em 0.5em 0.25em 0.5em;
}
header {
margin-bottom: 4em;
text-align: center;
}
#TOC li {
list-style: none;
}
#TOC ul {
padding-left: 1.3em;
}
#TOC > ul {
padding-left: 0;
}
#TOC a:not(:hover) {
text-decoration: none;
}
code{white-space: pre-wrap;}
span.smallcaps{font-variant: small-caps;}
span.underline{text-decoration: underline;}
div.column{display: inline-block; vertical-align: top; width: 50%;}
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
ul.task-list{list-style: none;}
.display.math{display: block; text-align: center; margin: 0.5rem auto;}
</style>
</head>
<body>
<p>ESQuery is a library for querying the AST output by Esprima for
patterns of syntax using a CSS style selector system. Check out the
demo:</p>
<p><a href="https://estools.github.io/esquery/">demo</a></p>
<p>The following selectors are supported:</p>
<ul>
<li>AST node type: <code>ForStatement</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#universal-selector">wildcard</a>:
<code>*</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#attribute-selectors">attribute
existence</a>: <code>[attr]</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#attribute-selectors">attribute
value</a>: <code>[attr="foo"]</code> or <code>[attr=123]</code></li>
<li>attribute regex: <code>[attr=/foo.*/]</code> or (with flags)
<code>[attr=/foo.*/is]</code></li>
<li>attribute conditions: <code>[attr!="foo"]</code>,
<code>[attr>2]</code>, <code>[attr<3]</code>,
<code>[attr>=2]</code>, or <code>[attr<=3]</code></li>
<li>nested attribute: <code>[attr.level2="foo"]</code></li>
<li>field: <code>FunctionDeclaration > Identifier.id</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#the-first-child-pseudo">First</a>
or <a
href="http://dev.w3.org/csswg/selectors4/#the-last-child-pseudo">last</a>
child: <code>:first-child</code> or <code>:last-child</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#the-nth-child-pseudo">nth-child</a>
(no ax+b support): <code>:nth-child(2)</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#the-nth-last-child-pseudo">nth-last-child</a>
(no ax+b support): <code>:nth-last-child(1)</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#descendant-combinators">descendant</a>:
<code>ancestor descendant</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#child-combinators">child</a>:
<code>parent > child</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#general-sibling-combinators">following
sibling</a>: <code>node ~ sibling</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#adjacent-sibling-combinators">adjacent
sibling</a>: <code>node + adjacent</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#negation-pseudo">negation</a>:
<code>:not(ForStatement)</code></li>
<li><a href="https://drafts.csswg.org/selectors-4/#has-pseudo">has</a>:
<code>:has(ForStatement)</code></li>
<li><a
href="http://dev.w3.org/csswg/selectors4/#matches">matches-any</a>:
<code>:matches([attr] > :first-child, :last-child)</code></li>
<li><a href="http://dev.w3.org/csswg/selectors4/#subject">subject
indicator</a>: <code>!IfStatement > [name="foo"]</code></li>
<li>class of AST node: <code>:statement</code>,
<code>:expression</code>, <code>:declaration</code>,
<code>:function</code>, or <code>:pattern</code></li>
</ul>
</body>
</html>
|