@next/eslint-plugin-next/dist/rules/google-font-display.js

ESLint plugin for Next.js.

"use strict";
var _definerule = require("../utils/define-rule");
var _nodeattributes = /*#__PURE__*/ _interop_require_default(require("../utils/node-attributes"));
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
var url = 'https://nextjs.org/docs/messages/google-font-display';
module.exports = (0, _definerule.defineRule)({
    meta: {
        docs: {
            description: 'Enforce font-display behavior with Google Fonts.',
            recommended: true,
            url: url
        },
        type: 'problem',
        schema: []
    },
    create: function create(context) {
        return {
            JSXOpeningElement: function JSXOpeningElement(node) {
                var message;
                if (node.name.name !== 'link') {
                    return;
                }
                var attributes = new _nodeattributes.default(node);
                if (!attributes.has('href') || !attributes.hasValue('href')) {
                    return;
                }
                var hrefValue = attributes.value('href');
                var isGoogleFont = typeof hrefValue === 'string' && hrefValue.startsWith('https://fonts.googleapis.com/css');
                if (isGoogleFont) {
                    var params = new URLSearchParams(hrefValue.split('?', 2)[1]);
                    var displayValue = params.get('display');
                    if (!params.has('display')) {
                        message = 'A font-display parameter is missing (adding `&display=optional` is recommended).';
                    } else if (displayValue === 'auto' || displayValue === 'block' || displayValue === 'fallback') {
                        message = "".concat(displayValue[0].toUpperCase() + displayValue.slice(1), " is not recommended.");
                    }
                }
                if (message) {
                    context.report({
                        node: node,
                        message: "".concat(message, " See: ").concat(url)
                    });
                }
            }
        };
    }
});