@antebudimir/eslint-plugin-vanilla-extract/dist/css-rules/shared-utils/recipe-property-processor.js

Comprehensive ESLint plugin for vanilla-extract with CSS property ordering, style validation, and best practices enforcement. Supports alphabetical, concentric and custom CSS ordering, auto-fixing, and zero-runtime safety.

import { TSESTree } from '@typescript-eslint/utils';
import { processStyleNode } from './style-node-processor.js';
/**
 * Processes the `base` and `variants` properties of a recipe object.
 * @param ruleContext The ESLint rule context.
 * @param recipeNode The recipe object node to process.
 * @param processProperty A callback function to process each property object (e.g., for alphabetical or concentric ordering).
 *
 * This function iterates through the properties of the recipe object:
 * - For the `base` property, it processes object or array style nodes.
 * - For the `variants` property, it processes each variant option as object or array style nodes.
 *
 * The function skips any non-Property nodes or nodes without an Identifier key.
 * It delegates node handling to `processStyleNode`, which safely supports
 * ObjectExpression and ArrayExpression values.
 */
export const processRecipeProperties = (ruleContext, recipeNode, processProperty) => {
    recipeNode.properties.forEach((property) => {
        if (property.type !== 'Property' || property.key.type !== 'Identifier') {
            return; // Skip non-property nodes or nodes without an identifier key
        }
        // Process the `base` property
        if (property.key.name === 'base') {
            processStyleNode(ruleContext, property.value, processProperty);
        }
        // Process the `variants` property
        if (property.key.name === 'variants' && property.value.type === 'ObjectExpression') {
            property.value.properties.forEach((variantProperty) => {
                if (variantProperty.type === 'Property' && variantProperty.value.type === 'ObjectExpression') {
                    variantProperty.value.properties.forEach((optionProperty) => {
                        if (optionProperty.type === 'Property') {
                            processStyleNode(ruleContext, optionProperty.value, processProperty);
                        }
                    });
                }
            });
        }
    });
};