123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384 |
- var canOverride = require('./can-override');
- var compactable = require('./compactable');
- var deepClone = require('./clone').deep;
- var shallowClone = require('./clone').shallow;
- var hasInherit = require('./has-inherit');
- var restoreFromOptimizing = require('./restore-from-optimizing');
- var everyCombination = require('./every-combination');
- var sameVendorPrefixesIn = require('./vendor-prefixes').same;
- var stringifyProperty = require('../stringifier/one-time').property;
- var MULTIPLEX_SEPARATOR = ',';
- // Used when searching for a component that matches property
- function nameMatchFilter(to) {
- return function (property) {
- return to.name === property.name;
- };
- }
- 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 = [[descriptor.defaultValue]];
- if (!canOverride(_component, component, validator))
- return true;
- }
- return false;
- }
- function isComponentOf(shorthand, longhand) {
- return compactable[shorthand.name].components.indexOf(longhand.name) > -1;
- }
- 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;
- for (var i = 0, l = property.components.length; i < l; i++) {
- var component = property.components[i];
- if (component.multiplex)
- continue;
- var value = component.value.slice(0);
- for (var j = 1; j < size; j++) {
- component.value.push([MULTIPLEX_SEPARATOR]);
- Array.prototype.push.apply(component.value, value);
- }
- }
- }
- function multiplexSize(component) {
- var size = 0;
- for (var i = 0, l = component.value.length; i < l; i++) {
- if (component.value[i][0] == MULTIPLEX_SEPARATOR)
- size++;
- }
- return size + 1;
- }
- function lengthOf(property) {
- var fakeAsArray = [[property.name]].concat(property.value);
- return stringifyProperty([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.isValidFunction, 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][0] == MULTIPLEX_SEPARATOR)
- continue;
- if (fn(property.value[i][0]))
- 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]);
- var simpleClone = deepClone(simple);
- restoreFromOptimizing([simpleClone]);
- var lengthBefore = lengthOf(multiplexClone) + 1 + lengthOf(simpleClone);
- if (left.multiplex) {
- component = multiplexClone.components.filter(nameMatchFilter(simpleClone))[0];
- overrideIntoMultiplex(component, simpleClone);
- } else {
- component = simpleClone.components.filter(nameMatchFilter(multiplexClone))[0];
- turnIntoMultiplex(simpleClone, multiplexSize(multiplexClone));
- overrideByMultiplex(component, multiplexClone);
- }
- restoreFromOptimizing([simpleClone]);
- 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][0] == '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[0] == MULTIPLEX_SEPARATOR) {
- layers.push(layer);
- layer = [];
- } else {
- layer.push(value);
- }
- }
- layers.push(layer);
- return layers;
- }
- function compactOverrides(properties, compatibility, validator) {
- var mayOverride, right, left, component;
- var i, j, k;
- propertyLoop:
- for (i = properties.length - 1; i >= 0; i--) {
- right = properties[i];
- if (!isCompactable(right))
- continue;
- if (right.variable)
- continue;
- mayOverride = compactable[right.name].canOverride || canOverride.sameValue;
- for (j = i - 1; j >= 0; j--) {
- left = properties[j];
- if (!isCompactable(left))
- continue;
- if (left.variable)
- continue;
- if (left.unused || right.unused)
- continue;
- if (left.hack && !right.hack || !left.hack && right.hack)
- continue;
- if (hasInherit(right))
- continue;
- if (noneOverrideHack(left, right))
- continue;
- if (!left.shorthand && 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.isValidFunction, left) && overridingFunction(right, validator))
- continue;
- component = right.components.filter(nameMatchFilter(left))[0];
- mayOverride = (compactable[left.name] && compactable[left.name].canOverride) || canOverride.sameValue;
- if (everyCombination(mayOverride, left, component, validator)) {
- left.unused = true;
- }
- } else if (left.shorthand && !right.shorthand && isComponentOf(left, right)) {
- // 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;
- component = left.components.filter(nameMatchFilter(right))[0];
- if (everyCombination(mayOverride, component, right, validator)) {
- 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][0];
- if (disabledBackgroundMerging || nonMergeableValue)
- continue;
- if (!compatibility.properties.merging && wouldBreakCompatibility(left, validator))
- continue;
- if (component.value[0][0] != right.value[0][0] && (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 (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;
- }
- for (k = left.components.length - 1; k >= 0; k--) {
- var leftComponent = left.components[k];
- var rightComponent = right.components[k];
- mayOverride = compactable[leftComponent.name].canOverride || canOverride.sameValue;
- if (!everyCombination(mayOverride, leftComponent, rightComponent, validator))
- continue propertyLoop;
- if (!everyCombination(canOverride.twoOptionalFunctions, leftComponent, rightComponent, validator) && validator.isValidFunction(rightComponent))
- continue propertyLoop;
- }
- overrideShorthand(left, right);
- left.dirty = true;
- } else if (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 = left.components.filter(nameMatchFilter(right))[0];
- mayOverride = compactable[right.name].canOverride || canOverride.sameValue;
- if (!everyCombination(mayOverride, component, right, validator))
- continue;
- if (left.important && !right.important) {
- right.unused = true;
- continue;
- }
- var rightRestored = compactable[right.name].restore(right, compactable);
- if (rightRestored.length > 1)
- continue;
- component = left.components.filter(nameMatchFilter(right))[0];
- override(component, right);
- right.dirty = true;
- } else if (left.name == right.name) {
- // two non-shorthands should be merged based on understandability
- if (left.important && !right.important) {
- right.unused = true;
- continue;
- }
- mayOverride = compactable[right.name].canOverride || canOverride.sameValue;
- if (!everyCombination(mayOverride, left, right, validator))
- continue;
- left.unused = true;
- }
- }
- }
- }
- module.exports = compactOverrides;
|