inline-style-parser



Inline style parser copied from css/lib/parse/index.js:

``
InlineStyleParser(string)
`

Example:

`js
const parse = require('inline-style-parser');

parse('color: #BADA55;');
`

Output:

`js
[ { type: 'declaration',
property: 'color',
value: '#BADA55',
position: Position { start: [Object], end: [Object], source: undefined } } ]
`

JSFiddle | Examples

Installation

NPM:

`sh
npm install inline-style-parser --save
`

Yarn:

`sh
yarn add inline-style-parser
`

CDN:

`html


`

Usage

Import with ES Modules:

`js
import parse from 'inline-style-parser';
`

Or require with CommonJS:

`js
const parse = require('inline-style-parser');
`

Parse single declaration:

`js
parse('left: 0');
`

Output:

`js
[
{
type: 'declaration',
property: 'left',
value: '0',
position: {
start: { line: 1, column: 1 },
end: { line: 1, column: 8 },
source: undefined
}
}
]
`

Parse multiple declarations:

`js
parse('left: 0; right: 100px;');
`

Output:

`js
[
{
type: 'declaration',
property: 'left',
value: '0',
position: {
start: { line: 1, column: 1 },
end: { line: 1, column: 8 },
source: undefined
}
},
{
type: 'declaration',
property: 'right',
value: '100px',
position: {
start: { line: 1, column: 10 },
end: { line: 1, column: 22 },
source: undefined
}
}
]
`

Parse declaration with missing value:

`js
parse('top:');
`

Output:

`js
[
{
type: 'declaration',
property: 'top',
value: '',
position: {
start: { line: 1, column: 1 },
end: { line: 1, column: 5 },
source: undefined
}
}
]
`

Parse unknown declaration:

`js
parse('answer: 42;');
`

Output:

`js
[
{
type: 'declaration',
property: 'answer',
value: '42',
position: {
start: { line: 1, column: 1 },
end: { line: 1, column: 11 },
source: undefined
}
}
]
`

Invalid declarations:

`js
parse(''); // []
parse(); // throws TypeError
parse(1); // throws TypeError
parse('width'); // throws Error
parse('/*'); // throws Error
`

Testing

Run tests:

`sh
npm test
`

Run tests in watch mode:

`sh
npm run test:watch
`

Run tests with coverage:

`sh
npm run test:coverage
`

Run tests in CI mode:

`sh
npm run test:ci
`

Lint files:

`sh
npm run lint
`

Fix lint errors:

`sh
npm run lint:fix
``

Release

Release and publish are automated by Release Please.

License

MIT. See the license from the original project.