FrenoCorp/node_modules/eslint-plugin-solid/dist/rules/prefer-show.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const utils_1 = require("@typescript-eslint/utils");
const utils_2 = require("../utils");
const createRule = utils_1.ESLintUtils.RuleCreator.withoutDocs;
const EXPENSIVE_TYPES = ["JSXElement", "JSXFragment", "Identifier"];
exports.default = createRule({
    meta: {
        type: "problem",
        docs: {
            description: "Enforce using Solid's `<Show />` component for conditionally showing content. Solid's compiler covers this case, so it's a stylistic rule only.",
            url: "https://github.com/solidjs-community/eslint-plugin-solid/blob/main/docs/prefer-show.md",
        },
        fixable: "code",
        schema: [],
        messages: {
            preferShowAnd: "Use Solid's `<Show />` component for conditionally showing content.",
            preferShowTernary: "Use Solid's `<Show />` component for conditionally showing content with a fallback.",
        },
    },
    defaultOptions: [],
    create(context) {
        const sourceCode = context.getSourceCode();
        const putIntoJSX = (node) => {
            const text = sourceCode.getText(node);
            return (0, utils_2.isJSXElementOrFragment)(node) ? text : `{${text}}`;
        };
        const logicalExpressionHandler = (node) => {
            if (node.operator === "&&" && EXPENSIVE_TYPES.includes(node.right.type)) {
                context.report({
                    node,
                    messageId: "preferShowAnd",
                    fix: (fixer) => fixer.replaceText(node.parent?.type === "JSXExpressionContainer" &&
                        (0, utils_2.isJSXElementOrFragment)(node.parent.parent)
                        ? node.parent
                        : node, `<Show when={${sourceCode.getText(node.left)}}>${putIntoJSX(node.right)}</Show>`),
                });
            }
        };
        const conditionalExpressionHandler = (node) => {
            if (EXPENSIVE_TYPES.includes(node.consequent.type) ||
                EXPENSIVE_TYPES.includes(node.alternate.type)) {
                context.report({
                    node,
                    messageId: "preferShowTernary",
                    fix: (fixer) => fixer.replaceText(node.parent?.type === "JSXExpressionContainer" &&
                        (0, utils_2.isJSXElementOrFragment)(node.parent.parent)
                        ? node.parent
                        : node, `<Show when={${sourceCode.getText(node.test)}} fallback={${sourceCode.getText(node.alternate)}}>${putIntoJSX(node.consequent)}</Show>`),
                });
            }
        };
        return {
            JSXExpressionContainer(node) {
                if (!(0, utils_2.isJSXElementOrFragment)(node.parent)) {
                    return;
                }
                if (node.expression.type === "LogicalExpression") {
                    logicalExpressionHandler(node.expression);
                }
                else if (node.expression.type === "ArrowFunctionExpression" &&
                    node.expression.body.type === "LogicalExpression") {
                    logicalExpressionHandler(node.expression.body);
                }
                else if (node.expression.type === "ConditionalExpression") {
                    conditionalExpressionHandler(node.expression);
                }
                else if (node.expression.type === "ArrowFunctionExpression" &&
                    node.expression.body.type === "ConditionalExpression") {
                    conditionalExpressionHandler(node.expression.body);
                }
            },
        };
    },
});