npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

style-parser

v1.1.1

Published

css style parser in Node.js

Downloads

21,571

Readme

style-parser

NPM version Build status Dependency Status Test coverage Downloads

A Node.js library to parse the inline css styles.

Tutorial

const parse = require('style-parser');
parse('font-size:13px;');

Use cases

Here we would list possible use cases that this library might be used.

Working with cherrio

cherrio is server-side jQuery implementation that scraper would use, but the jQuery/cherrio API doesn't provide the ability to get structured style object from the style attribute like the below example:

The HTML:

<div style="font-size:13px;width:50px"></div>

And the cherrio code:

cherrio(html).attr('style');
// this will only return in string

So with the library style-parser, we can do:

const parse = require('style-parser')
parse(cherrio(html).attr('style'));
// this will return an object: {'font-size': '13px', 'width': '50px'}

Working on browsers

Because the only dependency are Parsimmon which is in pure JavaScript, that you are able to build it for browser environments and make it work with browser-side jQuery or other useful lands.

Installation

$ npm install style-parser --save

License

MIT