eslint-plugin-clsx/dist/rules/no-spreading.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: "no-spreading",
  defaultOptions: ["object"],
  meta: {
    type: "suggestion",
    docs: {
      description: "forbid usage of object expression inside clsx",
      recommended: true
    },
    fixable: "code",
    schema: [{ type: "array", items: { type: "string", enum: ["object"] } }],
    messages: {
      default: "Usage of object expression inside clsx is forbidden"
    }
  },
  create(context, [forbiddenFor]) {
    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 (forbiddenFor.includes("object") && argumentNode.type === import_types.TSESTree.AST_NODE_TYPES.ObjectExpression && argumentNode.properties.some(
            (prop) => prop.type === import_types.TSESTree.AST_NODE_TYPES.SpreadElement
          )) {
            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;
                return spreadsArr.map((se) => sourceCode.getText(se.argument)).join(", ");
              }
              const propsArr = chunk;
              const propsText = propsArr.map((prop) => {
                const keyText = sourceCode.getText(prop.key);
                const valueText = sourceCode.getText(prop.value);
                return `${prop.computed ? `[${keyText}]` : keyText}: ${valueText}`;
              }).join(", ");
              return `{ ${propsText} }`;
            });
            context.report({
              messageId: "default",
              node: argumentNode,
              fix: (fixer) => fixer.replaceText(argumentNode, args.join(", "))
            });
          }
        });
      }
    };
  }
});