You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
495 lines
15 KiB
495 lines
15 KiB
var hasInherit = require('./has-inherit'); |
|
var hasUnset = require('./has-unset'); |
|
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 configuration = require('../../configuration'); |
|
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 sameValue(_validator, value1, value2) { |
|
return value1 === value2; |
|
} |
|
|
|
function wouldBreakCompatibility(property, validator) { |
|
for (var i = 0; i < property.components.length; i++) { |
|
var component = property.components[i]; |
|
var descriptor = configuration[component.name]; |
|
var canOverride = descriptor && descriptor.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]); |
|
} |
|
} |
|
|
|
function turnIntoMultiplex(property, size) { |
|
property.multiplex = true; |
|
|
|
if (configuration[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 descriptor = configuration[property.name]; |
|
var withRealValue = descriptor.intoMultiplexMode == 'real'; |
|
var withValue = descriptor.intoMultiplexMode == 'real' ? |
|
property.value.slice(0) : |
|
(descriptor.intoMultiplexMode == 'placeholder' ? descriptor.placeholderValue : descriptor.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 configuration; |
|
} |
|
|
|
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 = configuration[right.name].canOverride || sameValue; |
|
|
|
traverseLoop: |
|
for (j = i - 1; j >= 0; j--) { |
|
left = properties[j]; |
|
|
|
if (!isCompactable(left)) |
|
continue; |
|
|
|
if (left.block) |
|
continue; |
|
|
|
if (left.dynamic || right.dynamic) |
|
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 = configuration[left.name].canOverride || sameValue; |
|
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 = configuration[overriddenComponent.name].canOverride || sameValue; |
|
|
|
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; |
|
|
|
if (hasUnset(left) || hasUnset(right)) |
|
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 = configuration[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 = configuration[leftComponent.name].canOverride || sameValue; |
|
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 = configuration[right.name].canOverride || sameValue; |
|
if (!everyValuesPair(mayOverride.bind(null, validator), component, right)) |
|
continue; |
|
|
|
if (left.important && !right.important) { |
|
right.unused = true; |
|
continue; |
|
} |
|
|
|
var rightRestored = configuration[right.name].restore(right, configuration); |
|
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 = configuration[overridingComponent.name].canOverride || sameValue; |
|
|
|
overridable = everyValuesPair(mayOverride.bind(null, validator), overriddenComponent, overridingComponent); |
|
} |
|
} else { |
|
mayOverride = configuration[right.name].canOverride || sameValue; |
|
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;
|
|
|