eslint-plugin-clsx/dist/rules/prefer-logical-over-objects.js

An ESLint plugin for clsx/classnames

"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var import_types = require("@typescript-eslint/types");
var import_createRule = require("../createRule");
var utils = __toESM(require("../utils"));
module.exports = (0, import_createRule.createRule)({
  name: "prefer-logical-over-objects",
  defaultOptions: [{ startingFrom: 0, endingWith: 999 }],
  meta: {
    type: "suggestion",
    docs: {
      description: "forbid usage of object expression inside clsx"
    },
    fixable: "code",
    schema: [
      {
        type: "object",
        properties: {
          startingFrom: { type: "number" },
          endingWith: { type: "number" }
        }
      }
    ],
    messages: {
      default: "Usage of logical expressions is preferred over object expressions"
    }
  },
  create(context, [{ startingFrom, endingWith }]) {
    const { sourceCode } = context;
    const clsxOptions = utils.extractClsxOptions(context);
    return {
      ImportDeclaration(importNode) {
        const assignedClsxName = utils.findClsxImport(importNode, clsxOptions);
        if (!assignedClsxName) {
          return;
        }
        const clsxUsages = utils.getClsxUsages(importNode, sourceCode, assignedClsxName);
        clsxUsages.flatMap((clsxCallNode) => clsxCallNode.arguments).forEach((argumentNode) => {
          if (argumentNode.type !== import_types.TSESTree.AST_NODE_TYPES.ObjectExpression || argumentNode.properties.length < startingFrom || argumentNode.properties.length >= endingWith)
            return;
          const alternatingSpreadsAndProps = utils.chunkBy(
            argumentNode.properties,
            (prop) => prop.type === import_types.TSESTree.AST_NODE_TYPES.Property
          );
          const args = alternatingSpreadsAndProps.map((chunk) => {
            var _a;
            if (((_a = chunk[0]) == null ? void 0 : _a.type) === import_types.TSESTree.AST_NODE_TYPES.SpreadElement) {
              const spreadsArr = chunk;
              const spreadsText = spreadsArr.map((se) => sourceCode.getText(se)).join(", ");
              return `{ ${spreadsText} }`;
            }
            const propsArr = chunk;
            return propsArr.map((prop) => {
              const keyText = sourceCode.getText(prop.key);
              const valueText = sourceCode.getText(prop.value);
              const key = !prop.computed && prop.key.type === import_types.TSESTree.AST_NODE_TYPES.Identifier ? `'${keyText}'` : keyText;
              return `(${valueText}) && ${key}`;
            }).join(", ");
          });
          if (argumentNode.properties.every(
            (prop) => prop.type === import_types.TSESTree.AST_NODE_TYPES.SpreadElement
          )) {
            context.report({
              messageId: "default",
              node: argumentNode
            });
            return;
          }
          context.report({
            messageId: "default",
            node: argumentNode,
            fix: (fixer) => fixer.replaceText(argumentNode, args.join(", "))
          });
        });
      }
    };
  }
});