blob: 0778e3bcf4393d6fc874924edd32496dd2a824d5 [file] [log] [blame]
"use strict";
const isCustomPropertySet = require("../../utils/isCustomPropertySet");
const isStandardSyntaxAtRule = require("../../utils/isStandardSyntaxAtRule");
const isStandardSyntaxRule = require("../../utils/isStandardSyntaxRule");
const report = require("../../utils/report");
const ruleMessages = require("../../utils/ruleMessages");
const styleSearch = require("style-search");
const validateOptions = require("../../utils/validateOptions");
const ruleName = "no-extra-semicolons";
const messages = ruleMessages(ruleName, {
rejected: "Unexpected extra semicolon"
});
function getOffsetByNode(node) {
if (node.parent && node.parent.document) {
return 0;
}
const string = node.root().source.input.css;
const nodeColumn = node.source.start.column;
const nodeLine = node.source.start.line;
let line = 1;
let column = 1;
let index = 0;
for (let i = 0; i < string.length; i++) {
if (column === nodeColumn && nodeLine === line) {
index = i;
break;
}
if (string[i] === "\n") {
column = 1;
line += 1;
} else {
column += 1;
}
}
return index;
}
const rule = function(actual, options, context) {
return (root, result) => {
const validOptions = validateOptions(result, ruleName, { actual });
if (!validOptions) {
return;
}
const rawAfterRoot = root.raws.after;
if (rawAfterRoot && rawAfterRoot.trim().length !== 0) {
const fixSemiIndices = [];
styleSearch({ source: rawAfterRoot, target: ";" }, match => {
if (context.fix) {
fixSemiIndices.push(match.startIndex);
return;
}
complain(
root.source.input.css.length - rawAfterRoot.length + match.startIndex
);
});
// fix
if (fixSemiIndices.length) {
root.raws.after = removeIndices(rawAfterRoot, fixSemiIndices);
}
}
root.walk(node => {
if (node.type === "atrule" && !isStandardSyntaxAtRule(node)) {
return;
}
if (
node.type === "rule" &&
!isCustomPropertySet(node) &&
!isStandardSyntaxRule(node)
) {
return;
}
let rawBeforeNode = node.raws.before;
if (rawBeforeNode && rawBeforeNode.trim().length !== 0) {
let allowedSemi = 0;
const next = node.next();
// Ignore semicolon before comment if next node is custom properties sets or comment
if (
node.type === "comment" &&
next &&
isCustomPropertySet(next) &&
node.parent.index(next) > 0
) {
allowedSemi = 1;
}
const prev = node.prev();
let rawBeforeIndexStart = 0;
// Adding previous node string to custom properties set if previous node is comment
if (
isCustomPropertySet(node) &&
node.parent.index(node) > 0 &&
prev &&
prev.type === "comment"
) {
rawBeforeNode = prev.toString() + rawBeforeNode;
allowedSemi = 0;
rawBeforeIndexStart = prev.toString().length;
}
const fixSemiIndices = [];
styleSearch({ source: rawBeforeNode, target: ";" }, (match, count) => {
if (count === allowedSemi) {
return;
}
if (context.fix) {
fixSemiIndices.push(match.startIndex - rawBeforeIndexStart);
return;
}
complain(
getOffsetByNode(node) - rawBeforeNode.length + match.startIndex
);
});
// fix
if (fixSemiIndices.length) {
node.raws.before = removeIndices(node.raws.before, fixSemiIndices);
}
}
const rawAfterNode = node.raws.after;
if (rawAfterNode && rawAfterNode.trim().length !== 0) {
/**
* If the last child is a Less mixin followed by more than one semicolon,
* node.raws.after will be populated with that semicolon.
* Since we ignore Less mixins, exit here
*/
if (
node.last &&
node.last.type === "atrule" &&
!isCustomPropertySet(node.last) &&
!isStandardSyntaxAtRule(node.last)
) {
return;
}
const fixSemiIndices = [];
styleSearch({ source: rawAfterNode, target: ";" }, match => {
if (context.fix) {
fixSemiIndices.push(match.startIndex);
return;
}
const index =
getOffsetByNode(node) +
node.toString().length -
1 -
rawAfterNode.length +
match.startIndex;
complain(index);
});
// fix
if (fixSemiIndices.length) {
node.raws.after = removeIndices(rawAfterNode, fixSemiIndices);
}
}
const rawOwnSemicolon = node.raws.ownSemicolon;
if (rawOwnSemicolon) {
let allowedSemi = 0;
if (isCustomPropertySet(node)) {
allowedSemi = 1;
}
const fixSemiIndices = [];
styleSearch(
{ source: rawOwnSemicolon, target: ";" },
(match, count) => {
if (count === allowedSemi) {
return;
}
if (context.fix) {
fixSemiIndices.push(match.startIndex);
return;
}
const index =
getOffsetByNode(node) +
node.toString().length -
rawOwnSemicolon.length +
match.startIndex;
complain(index);
}
);
// fix
if (fixSemiIndices.length) {
node.raws.ownSemicolon = removeIndices(
rawOwnSemicolon,
fixSemiIndices
);
}
}
});
function complain(index) {
report({
message: messages.rejected,
node: root,
index,
result,
ruleName
});
}
function removeIndices(str, indices) {
indices.reverse().forEach(index => {
str = str.slice(0, index) + str.slice(index + 1);
});
return str;
}
};
};
rule.ruleName = ruleName;
rule.messages = messages;
module.exports = rule;