Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
@firanorg/nulla-cupiditate-ad
Advanced tools
[![NPM](https://nodei.co/npm/@firanorg/nulla-cupiditate-ad.png)](https://nodei.co/npm/@firanorg/nulla-cupiditate-ad/)
Parses CSS inline style to JavaScript object (camelCased):
StyleToJS(string)
import parse from '@firanorg/nulla-cupiditate-ad';
parse('background-color: #BADA55;');
Output:
{ "backgroundColor": "#BADA55" }
NPM:
npm install @firanorg/nulla-cupiditate-ad --save
Yarn:
yarn add @firanorg/nulla-cupiditate-ad
CDN:
<script src="https://unpkg.com/@firanorg/nulla-cupiditate-ad@latest/umd/@firanorg/nulla-cupiditate-ad.min.js"></script>
<script>
window.StyleToJS(/* string */);
</script>
Import with ES Modules:
import parse from '@firanorg/nulla-cupiditate-ad';
Require with CommonJS:
const parse = require('@firanorg/nulla-cupiditate-ad');
Parse single declaration:
parse('line-height: 42');
Output:
{ "lineHeight": "42" }
Notice that the CSS property is camelCased.
Parse multiple declarations:
parse(`
border-color: #ACE;
z-index: 1337;
`);
Output:
{
"borderColor": "#ACE",
"zIndex": "1337"
}
Parse vendor prefix:
parse(`
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-ms-transition: all 4s ease;
-o-transition: all 4s ease;
-khtml-transition: all 4s ease;
`);
Output:
{
"webkitTransition": "all 4s ease",
"mozTransition": "all 4s ease",
"msTransition": "all 4s ease",
"oTransition": "all 4s ease",
"khtmlTransition": "all 4s ease"
}
Parse custom property:
parse('--custom-property: #f00');
Output:
{ "--custom-property": "#f00" }
This library does not validate declarations, so unknown declarations can be parsed:
parse('the-answer: 42;');
Output:
{ "theAnswer": "42" }
Declarations with missing value are removed:
parse(`
margin-top: ;
margin-right: 1em;
`);
Output:
{ "marginRight": "1em" }
Other invalid declarations or arguments:
parse(); // {}
parse(null); // {}
parse(1); // {}
parse(true); // {}
parse('top:'); // {}
parse(':12px'); // {}
parse(':'); // {}
parse(';'); // {}
The following values will throw an error:
parse('top'); // Uncaught Error: property missing ':'
parse('/*'); // Uncaught Error: End of comment missing
When option reactCompat
is true, the vendor prefix will be capitalized:
parse(
`
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-ms-transition: all 4s ease;
-o-transition: all 4s ease;
-khtml-transition: all 4s ease;
`,
{ reactCompat: true },
);
Output:
{
"WebkitTransition": "all 4s ease",
"MozTransition": "all 4s ease",
"msTransition": "all 4s ease",
"OTransition": "all 4s ease",
"KhtmlTransition": "all 4s ease"
}
This removes the React warning:
Warning: Unsupported vendor-prefixed style property %s. Did you mean %s?%s", "oTransition", "OTransition"
Run tests with coverage:
npm test
Run tests in watch mode:
npm run test:watch
Lint files:
npm run lint
Fix lint errors:
npm run lint:fix
Release and publish are automated by Release Please.
FAQs
[![NPM](https://nodei.co/npm/@firanorg/nulla-cupiditate-ad.png)](https://nodei.co/npm/@firanorg/nulla-cupiditate-ad/)
The npm package @firanorg/nulla-cupiditate-ad receives a total of 470 weekly downloads. As such, @firanorg/nulla-cupiditate-ad popularity was classified as not popular.
We found that @firanorg/nulla-cupiditate-ad demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers 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.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.