inline-style-prefixer

v6.0.0

Run-time Autoprefixer for JavaScript style objects

NPM

README

GitHub

Website

MIT

Latest version published 10 months ago

    npm install inline-style-prefixer

We couldn't find any similar packages Browse all packages

Package Health Score

74 / 100

Popularity
Influential project
Maintenance
Sustainable
Security
No known security issues
Community
Active

Make sure the open source you're using is safe to use

Secure my Project

Popularity

Influential project

Weekly Downloads (1,004,065)

Dependents: 494
GitHub Stars: 377
Forks: 66
Contributors: 40

The npm package inline-style-prefixer receives a total of 1,004,065 downloads a week. As such, we scored inline-style-prefixer popularity level to be Influential project.

Based on project statistics from the GitHub repository for the npm package inline-style-prefixer, we found that it has been starred 377 times, and that 494 other projects in the ecosystem are dependent on it.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Security

No known security issues

Security and license risk for significant versions

All Versions

Direct Vulnerabilities

2.0.5

3.0.8

4.0.2

5.1.2

6.0.0

Indirect Vulnerabilities

2.0.5

3.0.8

4.0.2

5.1.2

6.0.0

License Risks

2.0.5

3.0.8

4.0.2

5.1.2

6.0.0

All security vulnerabilities belong to production dependencies of direct and indirect packages.

License

MIT

Security Policy

We found a way for you to contribute to the project! Looks like inline-style-prefixer is missing a security policy.

You can connect your project's repository to Snyk to stay up to date on security alerts and receive automatic fix pull requests.

We found a way for you to contribute to the project! Looks like inline-style-prefixer is missing a security policy.

    # Install the Snyk CLI and test your project
npm i snyk && snyk test inline-style-prefixer

Keep your project free of vulnerabilities with Snyk

Maintenance

Sustainable

Commit Frequency

Open Issues: 6
Merged PR: 54
Open PR: 7
Last Commit: 10 months ago

Further analysis of the maintenance status of inline-style-prefixer based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Sustainable.

We found that inline-style-prefixer demonstrates a positive version release cadence with at least one new version released in the past 12 months.

As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community.

Community

Active

Readme.md: Yes
Contributing.md: Yes
Code of Conduct: No
Contributors: 40
Funding: No

With more than 10 contributors for the inline-style-prefixer repository, this is possibly a sign for a growing and inviting community.

We found a way for you to contribute to the project! Looks like inline-style-prefixer is missing a Code of Conduct.

Embed Package Health Score Badge

Package

Node.js Compatibility: not defined

Age: 5 years
Dependencies: 1 Direct
Versions: 66
Install Size: 86.5 kB
Dist-tags: 1
# of Files: 62
Maintainers: 1
TS Typings: Yes

inline-style-prefixer has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

inline-style-prefixer

A small, simple and fast vendor prefixer from JavaScript style object.

TravisCI npm downloads gzipped size

Support Us

Support Robin Frischmann's work on Fela and its ecosystem (inline-style-prefixer) directly via Patreon.

Installation

yarn add inline-style-prefixer

If you're still using npm, you may run npm i --save inline-style-prefixer.

Browser Support

It supports all major browsers with the following versions. For other, unsupported browses, we automatically use a fallback.

Chrome: 55+
Android (Chrome): 55+
Android (Stock Browser): 5+
Android (UC): 11+
Firefox: 52+
Safari: 9+
iOS (Safari): 9+
Opera: 30+
Opera (Mini): 12+
IE: 11+
IE (Mobile): 11+
Edge: 12+

It will only add prefixes if a property still needs them in one of the above mentioned versions.
Therefore, e.g. border-radius will not be prefixed at all.

Need to support legacy browser versions?
Don't worry - we got you covered. Check this guide.

Usage

import { prefix } from 'inline-style-prefixer'

const style = {
  transition: '200ms all linear',
  boxSizing: 'border-box',
  display: 'flex',
  color: 'blue'
}

const output = prefix(style)

output === {
  WebkitTransition: '200ms all linear',
  transition: '200ms all linear',
  MozBoxSizing: 'border-box',
  boxSizing: 'border-box',
  display: [ '-webkit-box', '-moz-box', '-ms-flexbox', '-webkit-flex', 'flex' ]
  color: 'blue'
}

Usage with TypeScript

You can use TypeScript definition from DefinitelyTyped using @types/inline-style-prefixer

yarn add @types/inline-style-prefixer

# alternatively use npm
npm i --save @types/inline-style-prefixer

Documentation

If you got any issue using this prefixer, please first check the FAQ's. Most cases are already covered and provide a solid solution.

Community

Here are some popular users of this library:

PS: Feel free to add your solution!

Support

Join us on Gitter. We highly appreciate any contribution.
We also love to get feedback.

License

inline-style-prefixer is licensed under the MIT License.
Documentation is licensed under Creative Common License.
Created with ♥ by @rofrischmann and all contributors.