inlineresources/src/cssSupport.js

Inlines style sheets, images, fonts and scripts in HTML documents. Works in the browser.

"use strict";

exports.unquoteString = function (quotedUrl) {
    var doubleQuoteRegex = /^"(.*)"$/,
        singleQuoteRegex = /^'(.*)'$/;

    if (doubleQuoteRegex.test(quotedUrl)) {
        return quotedUrl.replace(doubleQuoteRegex, "$1");
    } else {
        if (singleQuoteRegex.test(quotedUrl)) {
            return quotedUrl.replace(singleQuoteRegex, "$1");
        } else {
            return quotedUrl;
        }
    }
};

exports.rulesForCssText = function (styleContent, options) {
    var doc = document.implementation.createHTMLDocument(""),
        styleElement = document.createElement("style"),
        rules;

    styleElement.textContent = styleContent;

    if (options && options.nonce) {
        styleElement.nonce = options.nonce;
    }

    // the style will only be parsed once it is added to a document
    doc.body.appendChild(styleElement);
    rules = styleElement.sheet.cssRules;

    return Array.prototype.slice.call(rules);
};

exports.cssRulesToText = function (cssRules) {
    return cssRules.reduce(function (cssText, rule) {
        return cssText + rule.cssText;
    }, "");
};

exports.exchangeRule = function (cssRules, rule, newRuleText, options) {
    var ruleIdx = cssRules.indexOf(rule);

    // We create a new document and stylesheet to parse the rule,
    // instead of relying on rule.parentStyleSheet, because
    // rule.parentStyleSheet may be null
    // (https://github.com/cburgmer/inlineresources/issues/3)
    cssRules[ruleIdx] = exports.rulesForCssText(newRuleText, options)[0];
};

// Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=443978
exports.changeFontFaceRuleSrc = function (cssRules, rule, newSrc, options) {
    var newRuleText =
        "@font-face { font-family: " +
        rule.style.getPropertyValue("font-family") +
        "; ";

    if (rule.style.getPropertyValue("font-style")) {
        newRuleText +=
            "font-style: " + rule.style.getPropertyValue("font-style") + "; ";
    }

    if (rule.style.getPropertyValue("font-weight")) {
        newRuleText +=
            "font-weight: " + rule.style.getPropertyValue("font-weight") + "; ";
    }

    if (rule.style.getPropertyValue("unicode-range")) {
        newRuleText +=
            "unicode-range: " +
            rule.style.getPropertyValue("unicode-range") +
            "; ";
    }

    newRuleText += "src: " + newSrc + "}";
    exports.exchangeRule(cssRules, rule, newRuleText, options);
};