Socket
Socket
Sign inDemoInstall

postcss-ordered-values

Package Overview
Dependencies
7
Maintainers
6
Versions
53
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 2.2.3 to 4.0.0-nightly.2020.1.9

dist/lib/joinGridValue.js

180

dist/index.js

@@ -1,78 +0,150 @@

'use strict';
"use strict";
exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _postcss = require('postcss');
var _postcss = _interopRequireDefault(require("postcss"));
var _postcss2 = _interopRequireDefault(_postcss);
var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
var _getParsed = require('./lib/getParsed');
var _animation = _interopRequireDefault(require("./rules/animation"));
var _getParsed2 = _interopRequireDefault(_getParsed);
var _border = _interopRequireDefault(require("./rules/border"));
var _border = require('./rules/border');
var _boxShadow = _interopRequireDefault(require("./rules/boxShadow"));
var _border2 = _interopRequireDefault(_border);
var _flexFlow = _interopRequireDefault(require("./rules/flexFlow"));
var _boxShadow = require('./rules/boxShadow');
var _transition = _interopRequireDefault(require("./rules/transition"));
var _boxShadow2 = _interopRequireDefault(_boxShadow);
var _grid = require("./rules/grid");
var _flexFlow = require('./rules/flexFlow');
var _listStyle = _interopRequireDefault(require("./rules/listStyle"));
var _flexFlow2 = _interopRequireDefault(_flexFlow);
var _columns = require("./rules/columns");
var _transition = require('./rules/transition');
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _transition2 = _interopRequireDefault(_transition);
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/* eslint-disable quote-props */
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
// rules
var rules = {
'border': _border2.default,
'border-top': _border2.default,
'border-right': _border2.default,
'border-bottom': _border2.default,
'border-left': _border2.default,
'outline': _border2.default,
'box-shadow': _boxShadow2.default,
'flex-flow': _flexFlow2.default,
'transition': _transition2.default,
'-webkit-transition': _transition2.default
const borderRules = {
border: _border.default,
'border-block': _border.default,
'border-inline': _border.default,
'border-block-end': _border.default,
'border-block-start': _border.default,
'border-inline-end': _border.default,
'border-inline-start': _border.default,
'border-top': _border.default,
'border-right': _border.default,
'border-bottom': _border.default,
'border-left': _border.default
};
const grid = {
'grid-auto-flow': _grid.normalizeGridAutoFlow,
'grid-column-gap': _grid.normalizeGridColumnRowGap,
// normal | <length-percentage>
'grid-row-gap': _grid.normalizeGridColumnRowGap,
// normal | <length-percentage>
'grid-column': _grid.normalizeGridColumnRow,
// <grid-line>+
'grid-row': _grid.normalizeGridColumnRow,
// <grid-line>+
'grid-row-start': _grid.normalizeGridColumnRow,
// <grid-line>
'grid-row-end': _grid.normalizeGridColumnRow,
// <grid-line>
'grid-column-start': _grid.normalizeGridColumnRow,
// <grid-line>
'grid-column-end': _grid.normalizeGridColumnRow // <grid-line>
/* eslint-enable */
};
const columnRules = {
'column-rule': _columns.columnsRule,
columns: _columns.column
};
const rules = _objectSpread(_objectSpread(_objectSpread({
animation: _animation.default,
outline: _border.default,
'box-shadow': _boxShadow.default,
'flex-flow': _flexFlow.default,
'list-style': _listStyle.default,
transition: _transition.default
}, borderRules), grid), columnRules);
function isVariableFunctionNode(node) {
if (node.type !== 'function') {
return false;
}
return ['var', 'env'].includes(node.value.toLowerCase());
}
function shouldAbort(parsed) {
var abort = false;
parsed.walk(function (_ref) {
var type = _ref.type,
value = _ref.value;
let abort = false;
parsed.walk(node => {
if (node.type === 'comment' || isVariableFunctionNode(node) || node.type === 'word' && ~node.value.indexOf(`___CSS_LOADER_IMPORT___`)) {
abort = true;
return false;
}
});
return abort;
}
if (type === 'comment' || type === 'function' && value === 'var' || type === 'word' && ~value.indexOf('___CSS_LOADER_IMPORT___')) {
abort = true;
return false;
}
});
return abort;
function getValue(decl) {
let {
value,
raws
} = decl;
if (raws && raws.value && raws.value.raw) {
value = raws.value.raw;
}
return value;
}
exports.default = _postcss2.default.plugin('postcss-ordered-values', function () {
return function (css) {
css.walkDecls(function (decl) {
var processor = rules[decl.prop];
if (!processor) {
return;
}
var parsed = (0, _getParsed2.default)(decl);
if (parsed.nodes.length < 2 || shouldAbort(parsed)) {
return;
}
processor(decl, parsed);
});
};
var _default = _postcss.default.plugin('postcss-ordered-values', () => {
return css => {
const cache = {};
css.walkDecls(decl => {
const lowerCasedProp = decl.prop.toLowerCase();
const normalizedProp = _postcss.default.vendor.unprefixed(lowerCasedProp);
const processor = rules[normalizedProp];
if (!processor) {
return;
}
const value = getValue(decl);
if (cache[value]) {
decl.value = cache[value];
return;
}
const parsed = (0, _postcssValueParser.default)(value);
if (parsed.nodes.length < 2 || shouldAbort(parsed)) {
cache[value] = value;
return;
}
const result = processor(parsed);
decl.value = result.toString();
cache[value] = result.toString();
});
};
});
module.exports = exports['default'];
exports.default = _default;
module.exports = exports.default;

@@ -1,8 +0,15 @@

'use strict';
"use strict";
exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = addSpace;
function addSpace() {
return { type: 'space', value: ' ' };
return {
type: 'space',
value: ' '
};
}
module.exports = exports['default'];
module.exports = exports.default;

@@ -1,29 +0,31 @@

'use strict';
"use strict";
exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = getValue;
var _postcssValueParser = require('postcss-value-parser');
var _postcssValueParser = require("postcss-value-parser");
function getValue(values) {
return (0, _postcssValueParser.stringify)({
nodes: values.reduce(function (nodes, arg, index) {
arg.forEach(function (val, idx) {
if (idx === arg.length - 1 && index === values.length - 1 && val.type === 'space') {
return;
}
nodes.push(val);
});
if (index !== values.length - 1) {
if (nodes[nodes.length - 1] && nodes[nodes.length - 1].type === 'space') {
nodes[nodes.length - 1].type = 'div';
nodes[nodes.length - 1].value = ',';
return nodes;
}
nodes.push({ type: 'div', value: ',' });
}
return nodes;
}, [])
});
return (0, _postcssValueParser.stringify)({
nodes: values.reduce((nodes, arg, index) => {
arg.forEach((val, idx) => {
if (idx === arg.length - 1 && index === values.length - 1 && val.type === 'space') {
return;
}
nodes.push(val);
});
if (index !== values.length - 1) {
nodes[nodes.length - 1].type = 'div';
nodes[nodes.length - 1].value = ',';
}
return nodes;
}, [])
});
}
module.exports = exports['default'];
module.exports = exports.default;

@@ -1,42 +0,61 @@

'use strict';
"use strict";
exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = normalizeBorder;
var _postcssValueParser = require('postcss-value-parser');
var _postcssValueParser = require("postcss-value-parser");
// border: <line-width> || <line-style> || <color>
// outline: <outline-color> || <outline-style> || <outline-width>
const borderWidths = ['thin', 'medium', 'thick'];
const borderStyles = ['none', 'auto', // only in outline-style
'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'];
var borderWidths = ['thin', 'medium', 'thick'];
function normalizeBorder(border) {
const order = {
width: '',
style: '',
color: ''
};
border.walk(node => {
const {
type,
value
} = node;
var borderStyles = ['none', 'auto', // only in outline-style
'hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset'];
if (type === 'word') {
if (~borderStyles.indexOf(value.toLowerCase())) {
order.style = value;
return false;
}
function normalizeBorder(decl, border) {
var order = { width: '', style: '', color: '' };
border.walk(function (node) {
if (node.type === 'word') {
if (~borderStyles.indexOf(node.value)) {
order.style = node.value;
return false;
}
if (~borderWidths.indexOf(node.value) || (0, _postcssValueParser.unit)(node.value)) {
order.width = node.value;
return false;
}
order.color = node.value;
return false;
if (~borderWidths.indexOf(value.toLowerCase()) || (0, _postcssValueParser.unit)(value.toLowerCase())) {
if (order.width !== '') {
order.width = `${order.width} ${value}`;
return false;
}
if (node.type === 'function') {
if (node.value === 'calc') {
order.width = (0, _postcssValueParser.stringify)(node);
} else {
order.color = (0, _postcssValueParser.stringify)(node);
}
return false;
}
});
decl.value = (order.width + ' ' + order.style + ' ' + order.color).trim();
};
module.exports = exports['default'];
order.width = value;
return false;
}
order.color = value;
return false;
}
if (type === 'function') {
if (value.toLowerCase() === 'calc') {
order.width = (0, _postcssValueParser.stringify)(node);
} else {
order.color = (0, _postcssValueParser.stringify)(node);
}
return false;
}
});
return `${order.width} ${order.style} ${order.color}`.trim();
}
module.exports = exports.default;

@@ -1,59 +0,61 @@

'use strict';
"use strict";
exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = normalizeBoxShadow;
var _postcssValueParser = require('postcss-value-parser');
var _postcssValueParser = require("postcss-value-parser");
var _addSpace = require('../lib/addSpace');
var _cssnanoUtils = require("cssnano-utils");
var _addSpace2 = _interopRequireDefault(_addSpace);
var _addSpace = _interopRequireDefault(require("../lib/addSpace"));
var _getArguments = require('../lib/getArguments');
var _getValue = _interopRequireDefault(require("../lib/getValue"));
var _getArguments2 = _interopRequireDefault(_getArguments);
var _getValue = require('../lib/getValue');
var _getValue2 = _interopRequireDefault(_getValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// box-shadow: inset? && <length>{2,4} && <color>?
function normalizeBoxShadow(parsed) {
let args = (0, _cssnanoUtils.getArguments)(parsed);
let abort = false;
let values = args.reduce((list, arg) => {
let val = [];
let state = {
inset: [],
color: []
};
arg.forEach(node => {
const {
type,
value
} = node;
function normalizeBoxShadow(decl, parsed) {
var args = (0, _getArguments2.default)(parsed);
var abort = false;
if (type === 'function' && ~value.toLowerCase().indexOf('calc')) {
abort = true;
return;
}
var values = args.reduce(function (list, arg) {
var val = [];
var state = {
inset: [],
color: []
};
arg.forEach(function (node) {
if (node.type === 'function' && ~node.value.indexOf('calc')) {
abort = true;
return;
}
if (node.type === 'space') {
return;
}
if ((0, _postcssValueParser.unit)(node.value)) {
val = [].concat(val, [node, (0, _addSpace2.default)()]);
} else if (node.value === 'inset') {
state.inset = [].concat(state.inset, [node, (0, _addSpace2.default)()]);
} else {
state.color = [].concat(state.color, [node, (0, _addSpace2.default)()]);
}
});
return [].concat(list, [[].concat(state.inset, val, state.color)]);
}, []);
if (abort) {
if (type === 'space') {
return;
}
}
decl.value = (0, _getValue2.default)(values);
if ((0, _postcssValueParser.unit)(value)) {
val = [...val, node, (0, _addSpace.default)()];
} else if (value.toLowerCase() === 'inset') {
state.inset = [...state.inset, node, (0, _addSpace.default)()];
} else {
state.color = [...state.color, node, (0, _addSpace.default)()];
}
});
return [...list, [...state.inset, ...val, ...state.color]];
}, []);
if (abort) {
return parsed.toString();
}
return (0, _getValue.default)(values);
}
module.exports = exports['default'];
module.exports = exports.default;

@@ -1,28 +0,32 @@

'use strict';
"use strict";
exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = normalizeFlexFlow;
// flex-flow: <flex-direction> || <flex-wrap>
const flexDirection = ['row', 'row-reverse', 'column', 'column-reverse'];
const flexWrap = ['nowrap', 'wrap', 'wrap-reverse'];
var flexDirection = ['row', 'row-reverse', 'column', 'column-reverse'];
function normalizeFlexFlow(flexFlow) {
let order = {
direction: '',
wrap: ''
};
flexFlow.walk(({
value
}) => {
if (~flexDirection.indexOf(value.toLowerCase())) {
order.direction = value;
return;
}
var flexWrap = ['nowrap', 'wrap', 'wrap-reverse'];
if (~flexWrap.indexOf(value.toLowerCase())) {
order.wrap = value;
return;
}
});
return `${order.direction} ${order.wrap}`.trim();
}
function normalizeFlexFlow(decl, flexFlow) {
var order = {
direction: '',
wrap: ''
};
flexFlow.walk(function (node) {
if (~flexDirection.indexOf(node.value)) {
order.direction = node.value;
return;
}
if (~flexWrap.indexOf(node.value)) {
order.wrap = node.value;
return;
}
});
decl.value = (order.direction + ' ' + order.wrap).trim();
};
module.exports = exports['default'];
module.exports = exports.default;

@@ -1,59 +0,59 @@

'use strict';
"use strict";
exports.__esModule = true;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = normalizeTransition;
var _postcssValueParser = require('postcss-value-parser');
var _postcssValueParser = require("postcss-value-parser");
var _addSpace = require('../lib/addSpace');
var _cssnanoUtils = require("cssnano-utils");
var _addSpace2 = _interopRequireDefault(_addSpace);
var _addSpace = _interopRequireDefault(require("../lib/addSpace"));
var _getArguments = require('../lib/getArguments');
var _getValue = _interopRequireDefault(require("../lib/getValue"));
var _getArguments2 = _interopRequireDefault(_getArguments);
var _getValue = require('../lib/getValue');
var _getValue2 = _interopRequireDefault(_getValue);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
// transition: [ none | <single-transition-property> ] || <time> || <single-transition-timing-function> || <time>
const timingFunctions = ['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end'];
var timingFunctions = ['ease', 'linear', 'ease-in', 'ease-out', 'ease-in-out', 'step-start', 'step-end'];
function normalizeTransition(parsed) {
let args = (0, _cssnanoUtils.getArguments)(parsed);
let values = args.reduce((list, arg) => {
let state = {
timingFunction: [],
property: [],
time1: [],
time2: []
};
arg.forEach(node => {
const {
type,
value
} = node;
function normalizeTransition(decl, parsed) {
var args = (0, _getArguments2.default)(parsed);
if (type === 'space') {
return;
}
var values = args.reduce(function (list, arg) {
var state = {
timingFunction: [],
property: [],
time1: [],
time2: []
};
arg.forEach(function (node) {
if (node.type === 'space') {
return;
}
if (node.type === 'function' && ~['steps', 'cubic-bezier'].indexOf(node.value)) {
state.timingFunction = [].concat(state.timingFunction, [node, (0, _addSpace2.default)()]);
} else if ((0, _postcssValueParser.unit)(node.value)) {
if (!state.time1.length) {
state.time1 = [].concat(state.time1, [node, (0, _addSpace2.default)()]);
} else {
state.time2 = [].concat(state.time2, [node, (0, _addSpace2.default)()]);
}
} else if (~timingFunctions.indexOf(node.value)) {
state.timingFunction = [].concat(state.timingFunction, [node, (0, _addSpace2.default)()]);
} else {
state.property = [].concat(state.property, [node, (0, _addSpace2.default)()]);
}
});
return [].concat(list, [[].concat(state.property, state.time1, state.timingFunction, state.time2)]);
}, []);
if (type === 'function' && ~['steps', 'cubic-bezier'].indexOf(value.toLowerCase())) {
state.timingFunction = [...state.timingFunction, node, (0, _addSpace.default)()];
} else if ((0, _postcssValueParser.unit)(value)) {
if (!state.time1.length) {
state.time1 = [...state.time1, node, (0, _addSpace.default)()];
} else {
state.time2 = [...state.time2, node, (0, _addSpace.default)()];
}
} else if (~timingFunctions.indexOf(value.toLowerCase())) {
state.timingFunction = [...state.timingFunction, node, (0, _addSpace.default)()];
} else {
state.property = [...state.property, node, (0, _addSpace.default)()];
}
});
return [...list, [...state.property, ...state.time1, ...state.timingFunction, ...state.time2]];
}, []);
return (0, _getValue.default)(values);
}
decl.value = (0, _getValue2.default)(values);
}
module.exports = exports['default'];
module.exports = exports.default;
{
"name": "postcss-ordered-values",
"version": "2.2.3",
"version": "4.0.0-nightly.2020.1.9",
"description": "Ensure values are ordered consistently in your CSS.",

@@ -11,8 +11,5 @@ "main": "dist/index.js",

"scripts": {
"contributorAdd": "all-contributors add",
"contributorGenerate": "all-contributors generate",
"pretest": "eslint src",
"prepublish": "del-cli dist && BABEL_ENV=publish babel src --out-dir dist --ignore /__tests__/",
"test": "ava",
"test-012": "ava"
"prebuild": "",
"build": "cross-env BABEL_ENV=publish babel src --config-file ../../babel.config.js --out-dir dist --ignore \"**/__tests__/\" && node script/buildListStyleType.js",
"prepublish": ""
},

@@ -25,19 +22,3 @@ "keywords": [

"license": "MIT",
"devDependencies": {
"all-contributors-cli": "^3.0.5",
"ava": "^0.17.0",
"babel-cli": "^6.3.17",
"babel-core": "^6.3.26",
"babel-plugin-add-module-exports": "^0.2.1",
"babel-preset-es2015": "^6.3.13",
"babel-preset-es2015-loose": "^7.0.0",
"babel-preset-stage-0": "^6.3.13",
"babel-register": "^6.9.0",
"del-cli": "^0.2.0",
"eslint": "^3.0.0",
"eslint-config-cssnano": "^3.0.0",
"eslint-plugin-babel": "^3.3.0",
"eslint-plugin-import": "^2.0.1"
},
"homepage": "https://github.com/ben-eb/postcss-ordered-values",
"homepage": "https://github.com/cssnano/cssnano",
"author": {

@@ -48,13 +29,17 @@ "name": "Ben Briggs",

},
"repository": "ben-eb/postcss-ordered-values",
"repository": "cssnano/cssnano",
"dependencies": {
"postcss": "^5.0.4",
"postcss-value-parser": "^3.0.1"
"cssnano-utils": "nightly",
"postcss": "^7.0.16",
"postcss-value-parser": "^3.3.1"
},
"ava": {
"require": "babel-register"
"bugs": {
"url": "https://github.com/cssnano/cssnano/issues"
},
"eslintConfig": {
"extends": "cssnano"
"engines": {
"node": ">=10.13.0"
},
"devDependencies": {
"node-fetch": "^2.6.0"
}
}
}

@@ -1,2 +0,2 @@

# [postcss][postcss]-ordered-values [![Build Status](https://travis-ci.org/ben-eb/postcss-ordered-values.svg?branch=master)][ci] [![NPM version](https://badge.fury.io/js/postcss-ordered-values.svg)][npm] [![Dependency Status](https://gemnasium.com/ben-eb/postcss-ordered-values.svg)][deps]
# [postcss][postcss]-ordered-values

@@ -49,2 +49,3 @@ > Ensure values are ordered consistently in your CSS.

* `animation`, `-webkit-animation`
* `border(border-left|right|top|bottom)`

@@ -65,13 +66,5 @@ * `box-shadow`

Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).
<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
| [<img src="https://avatars.githubusercontent.com/u/1282980?v=3" width="100px;"/><br /><sub>Ben Briggs</sub>](http://beneb.info)<br />[πŸ’»](https://github.com/ben-eb/postcss-ordered-values/commits?author=ben-eb) [πŸ“–](https://github.com/ben-eb/postcss-ordered-values/commits?author=ben-eb) πŸ‘€ [⚠️](https://github.com/ben-eb/postcss-ordered-values/commits?author=ben-eb) | [<img src="https://avatars.githubusercontent.com/u/2784308?v=3" width="100px;"/><br /><sub>一丝</sub>](www.iyunlu.com/view)<br />[πŸ’»](https://github.com/ben-eb/postcss-ordered-values/commits?author=yisibl) [⚠️](https://github.com/ben-eb/postcss-ordered-values/commits?author=yisibl) | [<img src="https://avatars.githubusercontent.com/u/5635476?v=3" width="100px;"/><br /><sub>Bogdan Chadkin</sub>](https://github.com/TrySound)<br />[πŸ’»](https://github.com/ben-eb/postcss-ordered-values/commits?author=TrySound) [⚠️](https://github.com/ben-eb/postcss-ordered-values/commits?author=TrySound) | [<img src="https://avatars.githubusercontent.com/u/497260?v=3" width="100px;"/><br /><sub>Ambroos Vaes</sub>](https://github.com/Ambroos)<br />[πŸ›](https://github.com/ben-eb/postcss-ordered-values/issues?q=author%3AAmbroos) |
| :---: | :---: | :---: | :---: |
<!-- ALL-CONTRIBUTORS-LIST:END -->
This project follows the [all-contributors] specification. Contributions of
any kind welcome!
## License

@@ -81,7 +74,2 @@

[all-contributors]: https://github.com/kentcdodds/all-contributors
[ci]: https://travis-ci.org/ben-eb/postcss-ordered-values
[deps]: https://gemnasium.com/ben-eb/postcss-ordered-values
[npm]: http://badge.fury.io/js/postcss-ordered-values
[postcss]: https://github.com/postcss/postcss
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚑️ by Socket Inc