123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485 |
- var hasInherit = require('./has-inherit');
- var everyValuesPair = require('./every-values-pair');
- var findComponentIn = require('./find-component-in');
- var isComponentOf = require('./is-component-of');
- var isMergeableShorthand = require('./is-mergeable-shorthand');
- var overridesNonComponentShorthand = require('./overrides-non-component-shorthand');
- var sameVendorPrefixesIn = require('./vendor-prefixes').same;
-
- var compactable = require('../compactable');
- var deepClone = require('../clone').deep;
- var deepClone = require('../clone').deep;
- var restoreWithComponents = require('../restore-with-components');
- var shallowClone = require('../clone').shallow;
-
- var restoreFromOptimizing = require('../../restore-from-optimizing');
-
- var Token = require('../../../tokenizer/token');
- var Marker = require('../../../tokenizer/marker');
-
- var serializeProperty = require('../../../writer/one-time').property;
-
- function wouldBreakCompatibility(property, validator) {
- for (var i = 0; i < property.components.length; i++) {
- var component = property.components[i];
- var descriptor = compactable[component.name];
- var canOverride = descriptor && descriptor.canOverride || canOverride.sameValue;
-
- var _component = shallowClone(component);
- _component.value = [[Token.PROPERTY_VALUE, descriptor.defaultValue]];
-
- if (!everyValuesPair(canOverride.bind(null, validator), _component, component)) {
- return true;
- }
- }
-
- return false;
- }
-
- function overrideIntoMultiplex(property, by) {
- by.unused = true;
-
- turnIntoMultiplex(by, multiplexSize(property));
- property.value = by.value;
- }
-
- function overrideByMultiplex(property, by) {
- by.unused = true;
- property.multiplex = true;
- property.value = by.value;
- }
-
- function overrideSimple(property, by) {
- by.unused = true;
- property.value = by.value;
- }
-
- function override(property, by) {
- if (by.multiplex)
- overrideByMultiplex(property, by);
- else if (property.multiplex)
- overrideIntoMultiplex(property, by);
- else
- overrideSimple(property, by);
- }
-
- function overrideShorthand(property, by) {
- by.unused = true;
-
- for (var i = 0, l = property.components.length; i < l; i++) {
- override(property.components[i], by.components[i], property.multiplex);
- }
- }
-
- function turnIntoMultiplex(property, size) {
- property.multiplex = true;
-
- if (compactable[property.name].shorthand) {
- turnShorthandValueIntoMultiplex(property, size);
- } else {
- turnLonghandValueIntoMultiplex(property, size);
- }
- }
-
- function turnShorthandValueIntoMultiplex(property, size) {
- var component;
- var i, l;
-
- for (i = 0, l = property.components.length; i < l; i++) {
- component = property.components[i];
-
- if (!component.multiplex) {
- turnLonghandValueIntoMultiplex(component, size);
- }
- }
- }
-
- function turnLonghandValueIntoMultiplex(property, size) {
- var withRealValue = compactable[property.name].intoMultiplexMode == 'real';
- var withValue = withRealValue ?
- property.value.slice(0) :
- compactable[property.name].defaultValue;
- var i = multiplexSize(property);
- var j;
- var m = withValue.length;
-
- for (; i < size; i++) {
- property.value.push([Token.PROPERTY_VALUE, Marker.COMMA]);
-
- if (Array.isArray(withValue)) {
- for (j = 0; j < m; j++) {
- property.value.push(withRealValue ? withValue[j] : [Token.PROPERTY_VALUE, withValue[j]]);
- }
- } else {
- property.value.push(withRealValue ? withValue : [Token.PROPERTY_VALUE, withValue]);
- }
- }
- }
-
- function multiplexSize(component) {
- var size = 0;
-
- for (var i = 0, l = component.value.length; i < l; i++) {
- if (component.value[i][1] == Marker.COMMA)
- size++;
- }
-
- return size + 1;
- }
-
- function lengthOf(property) {
- var fakeAsArray = [
- Token.PROPERTY,
- [Token.PROPERTY_NAME, property.name]
- ].concat(property.value);
- return serializeProperty([fakeAsArray], 0).length;
- }
-
- function moreSameShorthands(properties, startAt, name) {
- // Since we run the main loop in `compactOverrides` backwards, at this point some
- // properties may not be marked as unused.
- // We should consider reverting the order if possible
- var count = 0;
-
- for (var i = startAt; i >= 0; i--) {
- if (properties[i].name == name && !properties[i].unused)
- count++;
- if (count > 1)
- break;
- }
-
- return count > 1;
- }
-
- function overridingFunction(shorthand, validator) {
- for (var i = 0, l = shorthand.components.length; i < l; i++) {
- if (!anyValue(validator.isUrl, shorthand.components[i]) && anyValue(validator.isFunction, shorthand.components[i])) {
- return true;
- }
- }
-
- return false;
- }
-
- function anyValue(fn, property) {
- for (var i = 0, l = property.value.length; i < l; i++) {
- if (property.value[i][1] == Marker.COMMA)
- continue;
-
- if (fn(property.value[i][1]))
- return true;
- }
-
- return false;
- }
-
- function wouldResultInLongerValue(left, right) {
- if (!left.multiplex && !right.multiplex || left.multiplex && right.multiplex)
- return false;
-
- var multiplex = left.multiplex ? left : right;
- var simple = left.multiplex ? right : left;
- var component;
-
- var multiplexClone = deepClone(multiplex);
- restoreFromOptimizing([multiplexClone], restoreWithComponents);
-
- var simpleClone = deepClone(simple);
- restoreFromOptimizing([simpleClone], restoreWithComponents);
-
- var lengthBefore = lengthOf(multiplexClone) + 1 + lengthOf(simpleClone);
-
- if (left.multiplex) {
- component = findComponentIn(multiplexClone, simpleClone);
- overrideIntoMultiplex(component, simpleClone);
- } else {
- component = findComponentIn(simpleClone, multiplexClone);
- turnIntoMultiplex(simpleClone, multiplexSize(multiplexClone));
- overrideByMultiplex(component, multiplexClone);
- }
-
- restoreFromOptimizing([simpleClone], restoreWithComponents);
-
- var lengthAfter = lengthOf(simpleClone);
-
- return lengthBefore <= lengthAfter;
- }
-
- function isCompactable(property) {
- return property.name in compactable;
- }
-
- function noneOverrideHack(left, right) {
- return !left.multiplex &&
- (left.name == 'background' || left.name == 'background-image') &&
- right.multiplex &&
- (right.name == 'background' || right.name == 'background-image') &&
- anyLayerIsNone(right.value);
- }
-
- function anyLayerIsNone(values) {
- var layers = intoLayers(values);
-
- for (var i = 0, l = layers.length; i < l; i++) {
- if (layers[i].length == 1 && layers[i][0][1] == 'none')
- return true;
- }
-
- return false;
- }
-
- function intoLayers(values) {
- var layers = [];
-
- for (var i = 0, layer = [], l = values.length; i < l; i++) {
- var value = values[i];
- if (value[1] == Marker.COMMA) {
- layers.push(layer);
- layer = [];
- } else {
- layer.push(value);
- }
- }
-
- layers.push(layer);
- return layers;
- }
-
- function overrideProperties(properties, withMerging, compatibility, validator) {
- var mayOverride, right, left, component;
- var overriddenComponents;
- var overriddenComponent;
- var overridingComponent;
- var overridable;
- var i, j, k;
-
- propertyLoop:
- for (i = properties.length - 1; i >= 0; i--) {
- right = properties[i];
-
- if (!isCompactable(right))
- continue;
-
- if (right.block)
- continue;
-
- mayOverride = compactable[right.name].canOverride;
-
- traverseLoop:
- for (j = i - 1; j >= 0; j--) {
- left = properties[j];
-
- if (!isCompactable(left))
- continue;
-
- if (left.block)
- continue;
-
- if (left.unused || right.unused)
- continue;
-
- if (left.hack && !right.hack && !right.important || !left.hack && !left.important && right.hack)
- continue;
-
- if (left.important == right.important && left.hack[0] != right.hack[0])
- continue;
-
- if (left.important == right.important && (left.hack[0] != right.hack[0] || (left.hack[1] && left.hack[1] != right.hack[1])))
- continue;
-
- if (hasInherit(right))
- continue;
-
- if (noneOverrideHack(left, right))
- continue;
-
- if (right.shorthand && isComponentOf(right, left)) {
- // maybe `left` can be overridden by `right` which is a shorthand?
- if (!right.important && left.important)
- continue;
-
- if (!sameVendorPrefixesIn([left], right.components))
- continue;
-
- if (!anyValue(validator.isFunction, left) && overridingFunction(right, validator))
- continue;
-
- if (!isMergeableShorthand(right)) {
- left.unused = true;
- continue;
- }
-
- component = findComponentIn(right, left);
- mayOverride = compactable[left.name].canOverride;
- if (everyValuesPair(mayOverride.bind(null, validator), left, component)) {
- left.unused = true;
- }
- } else if (right.shorthand && overridesNonComponentShorthand(right, left)) {
- // `right` is a shorthand while `left` can be overriden by it, think `border` and `border-top`
- if (!right.important && left.important) {
- continue;
- }
-
- if (!sameVendorPrefixesIn([left], right.components)) {
- continue;
- }
-
- if (!anyValue(validator.isFunction, left) && overridingFunction(right, validator)) {
- continue;
- }
-
- overriddenComponents = left.shorthand ?
- left.components:
- [left];
-
- for (k = overriddenComponents.length - 1; k >= 0; k--) {
- overriddenComponent = overriddenComponents[k];
- overridingComponent = findComponentIn(right, overriddenComponent);
- mayOverride = compactable[overriddenComponent.name].canOverride;
-
- if (!everyValuesPair(mayOverride.bind(null, validator), left, overridingComponent)) {
- continue traverseLoop;
- }
- }
-
- left.unused = true;
- } else if (withMerging && left.shorthand && !right.shorthand && isComponentOf(left, right, true)) {
- // maybe `right` can be pulled into `left` which is a shorthand?
- if (right.important && !left.important)
- continue;
-
- if (!right.important && left.important) {
- right.unused = true;
- continue;
- }
-
- // Pending more clever algorithm in #527
- if (moreSameShorthands(properties, i - 1, left.name))
- continue;
-
- if (overridingFunction(left, validator))
- continue;
-
- if (!isMergeableShorthand(left))
- continue;
-
- component = findComponentIn(left, right);
- if (everyValuesPair(mayOverride.bind(null, validator), component, right)) {
- var disabledBackgroundMerging =
- !compatibility.properties.backgroundClipMerging && component.name.indexOf('background-clip') > -1 ||
- !compatibility.properties.backgroundOriginMerging && component.name.indexOf('background-origin') > -1 ||
- !compatibility.properties.backgroundSizeMerging && component.name.indexOf('background-size') > -1;
- var nonMergeableValue = compactable[right.name].nonMergeableValue === right.value[0][1];
-
- if (disabledBackgroundMerging || nonMergeableValue)
- continue;
-
- if (!compatibility.properties.merging && wouldBreakCompatibility(left, validator))
- continue;
-
- if (component.value[0][1] != right.value[0][1] && (hasInherit(left) || hasInherit(right)))
- continue;
-
- if (wouldResultInLongerValue(left, right))
- continue;
-
- if (!left.multiplex && right.multiplex)
- turnIntoMultiplex(left, multiplexSize(right));
-
- override(component, right);
- left.dirty = true;
- }
- } else if (withMerging && left.shorthand && right.shorthand && left.name == right.name) {
- // merge if all components can be merged
-
- if (!left.multiplex && right.multiplex)
- continue;
-
- if (!right.important && left.important) {
- right.unused = true;
- continue propertyLoop;
- }
-
- if (right.important && !left.important) {
- left.unused = true;
- continue;
- }
-
- if (!isMergeableShorthand(right)) {
- left.unused = true;
- continue;
- }
-
- for (k = left.components.length - 1; k >= 0; k--) {
- var leftComponent = left.components[k];
- var rightComponent = right.components[k];
-
- mayOverride = compactable[leftComponent.name].canOverride;
- if (!everyValuesPair(mayOverride.bind(null, validator), leftComponent, rightComponent))
- continue propertyLoop;
- }
-
- overrideShorthand(left, right);
- left.dirty = true;
- } else if (withMerging && left.shorthand && right.shorthand && isComponentOf(left, right)) {
- // border is a shorthand but any of its components is a shorthand too
-
- if (!left.important && right.important)
- continue;
-
- component = findComponentIn(left, right);
- mayOverride = compactable[right.name].canOverride;
- if (!everyValuesPair(mayOverride.bind(null, validator), component, right))
- continue;
-
- if (left.important && !right.important) {
- right.unused = true;
- continue;
- }
-
- var rightRestored = compactable[right.name].restore(right, compactable);
- if (rightRestored.length > 1)
- continue;
-
- component = findComponentIn(left, right);
- override(component, right);
- right.dirty = true;
- } else if (left.name == right.name) {
- // two non-shorthands should be merged based on understandability
- overridable = true;
-
- if (right.shorthand) {
- for (k = right.components.length - 1; k >= 0 && overridable; k--) {
- overriddenComponent = left.components[k];
- overridingComponent = right.components[k];
- mayOverride = compactable[overridingComponent.name].canOverride;
-
- overridable = overridable && everyValuesPair(mayOverride.bind(null, validator), overriddenComponent, overridingComponent);
- }
- } else {
- mayOverride = compactable[right.name].canOverride;
- overridable = everyValuesPair(mayOverride.bind(null, validator), left, right);
- }
-
- if (left.important && !right.important && overridable) {
- right.unused = true;
- continue;
- }
-
- if (!left.important && right.important && overridable) {
- left.unused = true;
- continue;
- }
-
- if (!overridable) {
- continue;
- }
-
- left.unused = true;
- }
- }
- }
- }
-
- module.exports = overrideProperties;
|