mort-css/dist/src/selectors.js

Dead CSS detection

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const fs = require("fs");
const splitRetain = require("split-retain");
const selector_1 = require("./selector");
class Selectors {
    constructor() {
        this.fileSplitRegex = new RegExp("\r\n|\n", "g");
    }
    fromFile(file) {
        const fileContents = fs.readFileSync(file, "utf8");
        const selectors = this.getFrom(fileContents.split(this.fileSplitRegex));
        return selectors;
    }
    /**
     * Returns the selectors from a given source.
     * It only gets ids and classes and child selectors
     * are returned as a separate item.
     */
    getFrom(selectors) {
        const allSelectors = [];
        // Use this to keep track of what we've added to avoid duplicates
        // going in
        const alreadyAddedSelectors = [];
        // Goes through every selector from a stylesheet and
        // makes sure that child selectors are also included
        // For example
        // "#a-valid-id .with-child"
        // Is broken down into
        // [
        //     "#a-valid-id",
        //     ".with-child"
        // ]
        //
        // We also only push an element once, no duplicates.
        selectors.forEach((selector, index) => {
            const selectorr = new selector_1.Selector(selector.trim());
            if (selectorr.isIdOrClass()) {
                const elements = splitRetain(selector, /(\.|#|>|\s+)/g, { leadingSeparator: true });
                elements.forEach(element => {
                    const splitSelector = new selector_1.Selector(element.trim());
                    if (splitSelector.isIdOrClass()
                        && !splitSelector.hasPseudoSelector()
                        && !alreadyAddedSelectors.includes(element)) {
                        // @ts-ignore
                        splitSelector.setLineCount(this.getLineCountForSelector(selectors, index));
                        splitSelector.setLineNumber(index + 1);
                        alreadyAddedSelectors.push(element);
                        allSelectors.push(splitSelector);
                    }
                });
            }
        });
        return allSelectors.sort((a, b) => {
            return b.rawName < a.rawName ? 1
                : b.rawName > a.rawName ? -1
                    : 0;
        });
    }
    /**
     * Brings back an array of objects in the following format:
     * [
     *     {
     *         selector: my-id-selector,
     *         usages: 3,
     *         foundIn: [
     *             views/content/customer.php
     *             views/content/dashboard.php
     *             views/content/shop.php
     *         ]
     *     }
     * ]
     */
    findUsages(grepProgram, path, selectors, printer = null) {
        const foundSelectors = [];
        selectors.forEach(selector => {
            const call = grepProgram.call(selector.cleanName, path);
            const listOfFiles = this.getFilesFromOutput(call.output[1]);
            let commandUsed = " ";
            if (call) {
                commandUsed = call.args.join(" ");
            }
            foundSelectors.push({
                selector,
                usages: listOfFiles.length,
                foundIn: listOfFiles.sort(),
                commandUsed,
            });
            if (printer !== null) {
                printer.printUsage({
                    selector,
                    usages: listOfFiles.length,
                    foundIn: listOfFiles.sort(),
                    commandUsed,
                });
            }
        });
        if (printer !== null) {
            printer.printDone();
        }
        return foundSelectors;
    }
    getFilesFromOutput(output) {
        const matches = [];
        output.split("\n").forEach(fileMatch => {
            matches.push(fileMatch.split(":")[0]);
        });
        return matches.filter(match => match !== "");
    }
    getLineCountForSelector(selectors, index) {
        // Get and set the line count: go from the index of the current selector
        // in the array until we see a }
        for (let i = index; i < selectors.length; i++) {
            if (selectors[i].includes("}")) {
                const lineCount = Math.floor((i - index)) + 1;
                return lineCount;
            }
        }
    }
}
exports.Selectors = Selectors;
//# sourceMappingURL=selectors.js.map