eslint-plugin-clsx/dist/rules/prefer-merged-neighboring-elements.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-merged-neighboring-elements",
  defaultOptions: ["object"],
  meta: {
    type: "suggestion",
    docs: {
      description: "enforce merging of neighboring elements",
      recommended: true
    },
    fixable: "code",
    schema: [{ type: "array", items: { type: "string", enum: ["object"] } }],
    messages: {
      object: "Neighboring objects should be merged"
    }
  },
  create(context, [mergedFor]) {
    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.map((clsxCallNode) => ({
          clsxCallNode,
          usageChunks: utils.chunkBy(
            clsxCallNode.arguments,
            (argumentNode) => argumentNode.type
          )
        })).forEach(({ clsxCallNode, usageChunks }) => {
          if (mergedFor.includes("object") && usageChunks.some(
            (chunk) => {
              var _a;
              return ((_a = chunk[0]) == null ? void 0 : _a.type) === import_types.TSESTree.AST_NODE_TYPES.ObjectExpression && chunk.length > 1;
            }
          )) {
            const args = usageChunks.map((chunk) => {
              var _a;
              if (((_a = chunk[0]) == null ? void 0 : _a.type) === import_types.TSESTree.AST_NODE_TYPES.ObjectExpression) {
                const objectsArr = chunk;
                const newObjectPropsText = objectsArr.flatMap((se) => se.properties).map((prop) => sourceCode.getText(prop)).join(", ");
                return `{ ${newObjectPropsText} }`;
              }
              return chunk.map((el) => sourceCode.getText(el)).join(", ");
            });
            context.report({
              messageId: "object",
              node: clsxCallNode,
              fix: (fixer) => fixer.replaceText(
                clsxCallNode,
                `${clsxCallNode.callee.name}(${args.join(", ")})`
              )
            });
          }
        });
      }
    };
  }
});