create project

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

@@ -0,0 +1,51 @@
+"use strict";
+var _defineRule = require("../utils/define-rule");
+var _nodeAttributes = _interopRequireDefault(require("../utils/node-attributes"));
+function _interopRequireDefault(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("?")[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)
+                    });
+                }
+            }
+        };
+    }
+});