Spaces:
Running
Running
var canReorderSingle = require('./reorderable').canReorderSingle; | |
var extractProperties = require('./extract-properties'); | |
var isMergeable = require('./is-mergeable'); | |
var tidyRuleDuplicates = require('./tidy-rule-duplicates'); | |
var Token = require('../../tokenizer/token'); | |
var cloneArray = require('../../utils/clone-array'); | |
var serializeBody = require('../../writer/one-time').body; | |
var serializeRules = require('../../writer/one-time').rules; | |
function naturalSorter(a, b) { | |
return a > b ? 1 : -1; | |
} | |
function cloneAndMergeSelectors(propertyA, propertyB) { | |
var cloned = cloneArray(propertyA); | |
cloned[5] = cloned[5].concat(propertyB[5]); | |
return cloned; | |
} | |
function restructure(tokens, context) { | |
var options = context.options; | |
var mergeablePseudoClasses = options.compatibility.selectors.mergeablePseudoClasses; | |
var mergeablePseudoElements = options.compatibility.selectors.mergeablePseudoElements; | |
var mergeLimit = options.compatibility.selectors.mergeLimit; | |
var multiplePseudoMerging = options.compatibility.selectors.multiplePseudoMerging; | |
var specificityCache = context.cache.specificity; | |
var movableTokens = {}; | |
var movedProperties = []; | |
var multiPropertyMoveCache = {}; | |
var movedToBeDropped = []; | |
var maxCombinationsLevel = 2; | |
var ID_JOIN_CHARACTER = '%'; | |
function sendToMultiPropertyMoveCache(position, movedProperty, allFits) { | |
for (var i = allFits.length - 1; i >= 0; i--) { | |
var fit = allFits[i][0]; | |
var id = addToCache(movedProperty, fit); | |
if (multiPropertyMoveCache[id].length > 1 && processMultiPropertyMove(position, multiPropertyMoveCache[id])) { | |
removeAllMatchingFromCache(id); | |
break; | |
} | |
} | |
} | |
function addToCache(movedProperty, fit) { | |
var id = cacheId(fit); | |
multiPropertyMoveCache[id] = multiPropertyMoveCache[id] || []; | |
multiPropertyMoveCache[id].push([movedProperty, fit]); | |
return id; | |
} | |
function removeAllMatchingFromCache(matchId) { | |
var matchSelectors = matchId.split(ID_JOIN_CHARACTER); | |
var forRemoval = []; | |
var i; | |
for (var id in multiPropertyMoveCache) { | |
var selectors = id.split(ID_JOIN_CHARACTER); | |
for (i = selectors.length - 1; i >= 0; i--) { | |
if (matchSelectors.indexOf(selectors[i]) > -1) { | |
forRemoval.push(id); | |
break; | |
} | |
} | |
} | |
for (i = forRemoval.length - 1; i >= 0; i--) { | |
delete multiPropertyMoveCache[forRemoval[i]]; | |
} | |
} | |
function cacheId(cachedTokens) { | |
var id = []; | |
for (var i = 0, l = cachedTokens.length; i < l; i++) { | |
id.push(serializeRules(cachedTokens[i][1])); | |
} | |
return id.join(ID_JOIN_CHARACTER); | |
} | |
function tokensToMerge(sourceTokens) { | |
var uniqueTokensWithBody = []; | |
var mergeableTokens = []; | |
for (var i = sourceTokens.length - 1; i >= 0; i--) { | |
if (!isMergeable( | |
serializeRules(sourceTokens[i][1]), | |
mergeablePseudoClasses, | |
mergeablePseudoElements, | |
multiplePseudoMerging | |
)) { | |
continue; | |
} | |
mergeableTokens.unshift(sourceTokens[i]); | |
if (sourceTokens[i][2].length > 0 | |
&& uniqueTokensWithBody.indexOf(sourceTokens[i]) == -1) { | |
uniqueTokensWithBody.push(sourceTokens[i]); | |
} | |
} | |
return uniqueTokensWithBody.length > 1 | |
? mergeableTokens | |
: []; | |
} | |
function shortenIfPossible(position, movedProperty) { | |
var name = movedProperty[0]; | |
var value = movedProperty[1]; | |
var key = movedProperty[4]; | |
var valueSize = name.length + value.length + 1; | |
var allSelectors = []; | |
var qualifiedTokens = []; | |
var mergeableTokens = tokensToMerge(movableTokens[key]); | |
if (mergeableTokens.length < 2) { return; } | |
var allFits = findAllFits(mergeableTokens, valueSize, 1); | |
var bestFit = allFits[0]; | |
if (bestFit[1] > 0) { return sendToMultiPropertyMoveCache(position, movedProperty, allFits); } | |
for (var i = bestFit[0].length - 1; i >= 0; i--) { | |
allSelectors = bestFit[0][i][1].concat(allSelectors); | |
qualifiedTokens.unshift(bestFit[0][i]); | |
} | |
allSelectors = tidyRuleDuplicates(allSelectors); | |
dropAsNewTokenAt(position, [movedProperty], allSelectors, qualifiedTokens); | |
} | |
function fitSorter(fit1, fit2) { | |
return fit1[1] > fit2[1] ? 1 : (fit1[1] == fit2[1] ? 0 : -1); | |
} | |
function findAllFits(mergeableTokens, propertySize, propertiesCount) { | |
var combinations = allCombinations(mergeableTokens, propertySize, propertiesCount, maxCombinationsLevel - 1); | |
return combinations.sort(fitSorter); | |
} | |
function allCombinations(tokensVariant, propertySize, propertiesCount, level) { | |
var differenceVariants = [[tokensVariant, sizeDifference(tokensVariant, propertySize, propertiesCount)]]; | |
if (tokensVariant.length > 2 && level > 0) { | |
for (var i = tokensVariant.length - 1; i >= 0; i--) { | |
var subVariant = Array.prototype.slice.call(tokensVariant, 0); | |
subVariant.splice(i, 1); | |
differenceVariants = differenceVariants.concat( | |
allCombinations(subVariant, propertySize, propertiesCount, level - 1) | |
); | |
} | |
} | |
return differenceVariants; | |
} | |
function sizeDifference(tokensVariant, propertySize, propertiesCount) { | |
var allSelectorsSize = 0; | |
for (var i = tokensVariant.length - 1; i >= 0; i--) { | |
allSelectorsSize += tokensVariant[i][2].length > propertiesCount | |
? serializeRules(tokensVariant[i][1]).length | |
: -1; | |
} | |
return allSelectorsSize - (tokensVariant.length - 1) * propertySize + 1; | |
} | |
function dropAsNewTokenAt(position, properties, allSelectors, mergeableTokens) { | |
var i, j, k, m; | |
var allProperties = []; | |
for (i = mergeableTokens.length - 1; i >= 0; i--) { | |
var mergeableToken = mergeableTokens[i]; | |
for (j = mergeableToken[2].length - 1; j >= 0; j--) { | |
var mergeableProperty = mergeableToken[2][j]; | |
for (k = 0, m = properties.length; k < m; k++) { | |
var property = properties[k]; | |
var mergeablePropertyName = mergeableProperty[1][1]; | |
var propertyName = property[0]; | |
var propertyBody = property[4]; | |
if (mergeablePropertyName == propertyName && serializeBody([mergeableProperty]) == propertyBody) { | |
mergeableToken[2].splice(j, 1); | |
break; | |
} | |
} | |
} | |
} | |
for (i = properties.length - 1; i >= 0; i--) { | |
allProperties.unshift(properties[i][3]); | |
} | |
var newToken = [Token.RULE, allSelectors, allProperties]; | |
tokens.splice(position, 0, newToken); | |
} | |
function dropPropertiesAt(position, movedProperty) { | |
var key = movedProperty[4]; | |
var toMove = movableTokens[key]; | |
if (toMove && toMove.length > 1) { | |
if (!shortenMultiMovesIfPossible(position, movedProperty)) { shortenIfPossible(position, movedProperty); } | |
} | |
} | |
function shortenMultiMovesIfPossible(position, movedProperty) { | |
var candidates = []; | |
var propertiesAndMergableTokens = []; | |
var key = movedProperty[4]; | |
var j, k; | |
var mergeableTokens = tokensToMerge(movableTokens[key]); | |
if (mergeableTokens.length < 2) { return; } | |
movableLoop: | |
for (var value in movableTokens) { | |
var tokensList = movableTokens[value]; | |
for (j = mergeableTokens.length - 1; j >= 0; j--) { | |
if (tokensList.indexOf(mergeableTokens[j]) == -1) { continue movableLoop; } | |
} | |
candidates.push(value); | |
} | |
if (candidates.length < 2) { return false; } | |
for (j = candidates.length - 1; j >= 0; j--) { | |
for (k = movedProperties.length - 1; k >= 0; k--) { | |
if (movedProperties[k][4] == candidates[j]) { | |
propertiesAndMergableTokens.unshift([movedProperties[k], mergeableTokens]); | |
break; | |
} | |
} | |
} | |
return processMultiPropertyMove(position, propertiesAndMergableTokens); | |
} | |
function processMultiPropertyMove(position, propertiesAndMergableTokens) { | |
var valueSize = 0; | |
var properties = []; | |
var property; | |
for (var i = propertiesAndMergableTokens.length - 1; i >= 0; i--) { | |
property = propertiesAndMergableTokens[i][0]; | |
var fullValue = property[4]; | |
valueSize += fullValue.length + (i > 0 ? 1 : 0); | |
properties.push(property); | |
} | |
var mergeableTokens = propertiesAndMergableTokens[0][1]; | |
var bestFit = findAllFits(mergeableTokens, valueSize, properties.length)[0]; | |
if (bestFit[1] > 0) { return false; } | |
var allSelectors = []; | |
var qualifiedTokens = []; | |
for (i = bestFit[0].length - 1; i >= 0; i--) { | |
allSelectors = bestFit[0][i][1].concat(allSelectors); | |
qualifiedTokens.unshift(bestFit[0][i]); | |
} | |
allSelectors = tidyRuleDuplicates(allSelectors); | |
dropAsNewTokenAt(position, properties, allSelectors, qualifiedTokens); | |
for (i = properties.length - 1; i >= 0; i--) { | |
property = properties[i]; | |
var index = movedProperties.indexOf(property); | |
delete movableTokens[property[4]]; | |
if (index > -1 && movedToBeDropped.indexOf(index) == -1) { movedToBeDropped.push(index); } | |
} | |
return true; | |
} | |
function boundToAnotherPropertyInCurrrentToken(property, movedProperty, token) { | |
var propertyName = property[0]; | |
var movedPropertyName = movedProperty[0]; | |
if (propertyName != movedPropertyName) { return false; } | |
var key = movedProperty[4]; | |
var toMove = movableTokens[key]; | |
return toMove && toMove.indexOf(token) > -1; | |
} | |
for (var i = tokens.length - 1; i >= 0; i--) { | |
var token = tokens[i]; | |
var isRule; | |
var j, k, m; | |
var samePropertyAt; | |
if (token[0] == Token.RULE) { | |
isRule = true; | |
} else if (token[0] == Token.NESTED_BLOCK) { | |
isRule = false; | |
} else { | |
continue; | |
} | |
// We cache movedProperties.length as it may change in the loop | |
var movedCount = movedProperties.length; | |
var properties = extractProperties(token); | |
movedToBeDropped = []; | |
var unmovableInCurrentToken = []; | |
for (j = properties.length - 1; j >= 0; j--) { | |
for (k = j - 1; k >= 0; k--) { | |
if (!canReorderSingle(properties[j], properties[k], specificityCache)) { | |
unmovableInCurrentToken.push(j); | |
break; | |
} | |
} | |
} | |
for (j = properties.length - 1; j >= 0; j--) { | |
var property = properties[j]; | |
var movedSameProperty = false; | |
for (k = 0; k < movedCount; k++) { | |
var movedProperty = movedProperties[k]; | |
if (movedToBeDropped.indexOf(k) == -1 && ( | |
!canReorderSingle(property, movedProperty, specificityCache) | |
&& !boundToAnotherPropertyInCurrrentToken(property, movedProperty, token) | |
|| movableTokens[movedProperty[4]] && movableTokens[movedProperty[4]].length === mergeLimit) | |
) { | |
dropPropertiesAt(i + 1, movedProperty); | |
if (movedToBeDropped.indexOf(k) == -1) { | |
movedToBeDropped.push(k); | |
delete movableTokens[movedProperty[4]]; | |
} | |
} | |
if (!movedSameProperty) { | |
movedSameProperty = property[0] == movedProperty[0] && property[1] == movedProperty[1]; | |
if (movedSameProperty) { | |
samePropertyAt = k; | |
} | |
} | |
} | |
if (!isRule || unmovableInCurrentToken.indexOf(j) > -1) { continue; } | |
var key = property[4]; | |
if (movedSameProperty && movedProperties[samePropertyAt][5].length + property[5].length > mergeLimit) { | |
dropPropertiesAt(i + 1, movedProperties[samePropertyAt]); | |
movedProperties.splice(samePropertyAt, 1); | |
movableTokens[key] = [token]; | |
movedSameProperty = false; | |
} else { | |
movableTokens[key] = movableTokens[key] || []; | |
movableTokens[key].push(token); | |
} | |
if (movedSameProperty) { | |
movedProperties[samePropertyAt] = cloneAndMergeSelectors(movedProperties[samePropertyAt], property); | |
} else { | |
movedProperties.push(property); | |
} | |
} | |
movedToBeDropped = movedToBeDropped.sort(naturalSorter); | |
for (j = 0, m = movedToBeDropped.length; j < m; j++) { | |
var dropAt = movedToBeDropped[j] - j; | |
movedProperties.splice(dropAt, 1); | |
} | |
} | |
var position = tokens[0] && tokens[0][0] == Token.AT_RULE && tokens[0][1].indexOf('@charset') === 0 ? 1 : 0; | |
for (; position < tokens.length - 1; position++) { | |
var isImportRule = tokens[position][0] === Token.AT_RULE && tokens[position][1].indexOf('@import') === 0; | |
var isComment = tokens[position][0] === Token.COMMENT; | |
if (!(isImportRule || isComment)) { break; } | |
} | |
for (i = 0; i < movedProperties.length; i++) { | |
dropPropertiesAt(position, movedProperties[i]); | |
} | |
} | |
module.exports = restructure; | |