Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
html-select2
Advanced tools
Changelog
Readme
Match & splice a tokenized HTML stream with css selectors. Like html-select but maintained.
$ npm install html-select2 --save
Given a tokenized stream from
html-tokenize, this program will
print the dt tags matching the selector 'ul > li dt'
:
const select = require('html-select2')
const tokenize = require('html-tokenize')
const fs = require('fs')
const path = require('path')
const stream = select('ul > li dt', function (e) {
console.log('*** MATCH ***')
e.createReadStream().on('data', function (row) {
console.log([row[0], row[1].toString()])
})
})
fs
.createReadStream(path.join(__dirname, '/page.html'))
.pipe(tokenize())
.pipe(stream)
stream.resume()
The s.resume()
is necessary to put the stream into flow mode since we aren't
doing anything with the output of s
.
Now this html input:
<html>
<head>
<title>presentation examples</title>
</head>
<body>
<h1>hello there!</h1>
<p>
This presentation contains these examples:
</p>
<ul>
<li>
<dt>browserify</dt>
<dd>node-style <code>require()</code> in the browser</dd>
</li>
<li>
<dt>streams</dt>
<dd>shuffle data around with backpressure</dd>
</li>
<li>
<dt>ndarray</dt>
<dd>n-dimensional matricies on top of typed arrays</dd>
</li>
<li>
<dt>music</dt>
<dd>make music with code</dd>
</li>
<li>
<dt>voxeljs</dt>
<dd>make minecraft-style games in webgl</dd>
</li>
<li>
<dt>trumpet</dt>
<dd>transform html with css selectors and streams</dd>
</li>
</ul>
</body>
</html>
gives this output:
*** MATCH ***
[ 'open', '<dt>' ]
[ 'text', 'browserify' ]
[ 'close', '</dt>' ]
*** MATCH ***
[ 'open', '<dt>' ]
[ 'text', 'streams' ]
[ 'close', '</dt>' ]
*** MATCH ***
[ 'open', '<dt>' ]
[ 'text', 'ndarray' ]
[ 'close', '</dt>' ]
*** MATCH ***
[ 'open', '<dt>' ]
[ 'text', 'music' ]
[ 'close', '</dt>' ]
*** MATCH ***
[ 'open', '<dt>' ]
[ 'text', 'voxeljs' ]
[ 'close', '</dt>' ]
*** MATCH ***
[ 'open', '<dt>' ]
[ 'text', 'trumpet' ]
[ 'close', '</dt>' ]
Using the same html file from the previous example,
this script converts everything inside dt
elements to uppercase:
const select = require('html-select2')
const tokenize = require('html-tokenize')
const through = require('through2')
const fs = require('fs')
const path = require('path')
const stream = select('dt', function (e) {
const tr = through.obj(function (row, buf, next) {
this.push([ row[0], String(row[1]).toUpperCase() ])
next()
})
tr.pipe(e.createStream()).pipe(tr)
})
fs.createReadStream(path.join(__dirname, '/page.html'))
.pipe(tokenize())
.pipe(stream)
.pipe(through.obj(function (row, buf, next) {
this.push(row[1])
next()
}))
.pipe(process.stdout)
Running the transform program yields this html output:
<html>
<head>
<title>presentation examples</title>
</head>
<body>
<h1>hello there!</h1>
<p>
This presentation contains these examples:
</p>
<ul>
<li>
<DT>BROWSERIFY</DT>
<dd>node-style <code>require()</code> in the browser</dd>
</li>
<li>
<DT>STREAMS</DT>
<dd>shuffle data around with backpressure</dd>
</li>
<li>
<DT>NDARRAY</DT>
<dd>n-dimensional matricies on top of typed arrays</dd>
</li>
<li>
<DT>MUSIC</DT>
<dd>make music with code</dd>
</li>
<li>
<DT>VOXELJS</DT>
<dd>make minecraft-style games in webgl</dd>
</li>
<li>
<DT>TRUMPET</DT>
<dd>transform html with css selectors and streams</dd>
</li>
</ul>
</body>
</html>
const select = require('html-select2')
Create a new html selector transform stream sel
.
sel
expects tokenized html objects
as input and writes tokenized html objects as output.
If selector
and cb
are given, sel.select(selector, cb)
is called
automatically.
Register a callback cb(elem)
to fire whenever the css selector
string
matches.
Create a readable object mode stream at the selector. The readable stream contains all the matching tokenized html objects including the element that matched and its closing tag.
If opts.inner
is true, only read the inner content. Otherwrite read the outer
content.
Create a writable object mode stream at the selector. The writable stream writes into the document stream at the selector, replacing the existing content.
If opts.inner
is true, only write to the inner content. Otherwrite write to
the outer content.
Create a duplex object mode stream at the selector. The writable side will write into the document stream at the selector, replacing the existing content. The readable side contains the existing content.
If opts.inner
is true, only read and write to the inner content. Otherwrite
read and write to the outer content.
Set an attribute named by key
to value
.
If value
is true
, the attribute will appear without an equal sign in the
markup.
Remove an attribute named by key
.
Return an object with a single attribute value named by key
.
Return an object with all attributes.
The string name of the tag.
When a matched element is closed for reading and writing, this event fires.
Internally html-select2 uses cssauron.
html-select2 © Kiko Beats, released under the MIT License.
Authored and maintained by Kiko Beats with help from contributors.
kikobeats.com · GitHub Kiko Beats · Twitter @Kikobeats
FAQs
Match & splice a tokenized HTML stream with css selectors. Like html-select but maintained.
The npm package html-select2 receives a total of 15 weekly downloads. As such, html-select2 popularity was classified as not popular.
We found that html-select2 demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.