SingleFile/lib/single-file/css-rules-minifier.js

/*
 * Copyright 2018 Gildas Lormeau
 * contact : gildas.lormeau <at> gmail.com
 * 
 * This file is part of SingleFile.
 *
 *   SingleFile is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU Lesser General Public License as published by
 *   the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   SingleFile is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU Lesser General Public License for more details.
 *
 *   You should have received a copy of the GNU Lesser General Public License
 *   along with SingleFile.  If not, see <http://www.gnu.org/licenses/>.
 */

/* global cssTree */

this.cssRulesMinifier = this.cssRulesMinifier || (() => {

	const DEBUG = false;

	return {
		process: (stylesheets, styles, mediaAllInfo) => {
			const stats = { processed: 0, discarded: 0 };
			let sheetIndex = 0;
			stylesheets.forEach(stylesheetInfo => {
				let mediaInfo;
				if (stylesheetInfo.media && stylesheetInfo.media != "all") {
					mediaInfo = mediaAllInfo.medias.get("style-" + sheetIndex + "-" + stylesheetInfo.media);
				} else {
					mediaInfo = mediaAllInfo;
				}
				const cssRules = stylesheetInfo.stylesheet.children;
				stats.processed += cssRules.getSize();
				stats.discarded += cssRules.getSize();
				processRules(cssRules, sheetIndex, mediaInfo);
				sheetIndex++;
				stats.discarded -= stylesheetInfo.stylesheet.children.getSize();
			});
			let startTime;
			if (DEBUG) {
				startTime = Date.now();
				log("  -- STARTED processStyleAttribute");
			}
			styles.forEach(style => processStyleAttribute(style, mediaAllInfo));
			if (DEBUG) {
				log("  -- ENDED   processStyleAttribute delay =", Date.now() - startTime);
			}
			return stats;
		}
	};

	function processRules(cssRules, sheetIndex, mediaInfo) {
		let mediaRuleIndex = 0, startTime;
		if (DEBUG && cssRules.length > 1) {
			startTime = Date.now();
			log("  -- STARTED processRules", "rules.length =", cssRules.children.toArray().length);
		}
		const removedCssRules = [];
		for (let cssRule = cssRules.head; cssRule; cssRule = cssRule.next) {
			const cssRuleData = cssRule.data;
			if (cssRuleData.type == "Atrule" && cssRuleData.name == "media") {
				const mediaText = cssTree.generate(cssRuleData.prelude);
				processRules(cssRuleData.block.children, sheetIndex, mediaInfo.medias.get("rule-" + sheetIndex + "-" + mediaRuleIndex + "-" + mediaText));
				mediaRuleIndex++;
			} else if (cssRuleData.type == "Rule") {
				const ruleInfo = mediaInfo.rules.get(cssRuleData);
				if (!ruleInfo && !mediaInfo.pseudoSelectors.has(cssRuleData)) {
					removedCssRules.push(cssRule);
				} else if (ruleInfo) {
					processRuleInfo(cssRuleData, ruleInfo);
					if (!cssRuleData.prelude.children.getSize() || !cssRuleData.block.children.getSize()) {
						removedCssRules.push(cssRule);
					}
				}
			}
		}
		removedCssRules.forEach(cssRule => cssRules.remove(cssRule));
		if (DEBUG && cssRules.length > 1) {
			log("  -- ENDED   processRules delay =", Date.now() - startTime);
		}
	}

	function processRuleInfo(cssRule, ruleInfo) {
		const removedDeclarations = [];
		const removedSelectors = [];
		for (let declaration = cssRule.block.children.head; declaration; declaration = declaration.next) {
			if (!ruleInfo.style.get(declaration.data.property)) {
				removedDeclarations.push(declaration);
			}
		}
		for (let selector = cssRule.prelude.children.head; selector; selector = selector.next) {
			if (!ruleInfo.selectorsText.includes(cssTree.generate(selector.data))) {
				removedSelectors.push(selector);
			}
		}
		removedDeclarations.forEach(declaration => cssRule.block.children.remove(declaration));
		removedSelectors.forEach(selector => cssRule.prelude.children.remove(selector));
	}

	function processStyleAttribute(cssStyle, mediaAllInfo) {
		const removedDeclarations = [];
		const styleInfos = mediaAllInfo.matchedStyles.get(cssStyle);
		if (styleInfos) {
			let propertyFound;
			for (let declaration = cssStyle.children.head; declaration && !propertyFound; declaration = declaration.next) {
				if (!styleInfos.style.get(declaration.data.property)) {
					removedDeclarations.push(declaration);
				}
			}
			removedDeclarations.forEach(declaration => cssStyle.children.remove(declaration));
		}
	}

	function log(...args) {
		console.log("S-File <css-min>", ...args); // eslint-disable-line no-console
	}

})();