eslint-plugin-criteo/lib/rules/ngx-no-styles-in-component.js

An opinionated collection of ESLint shared configs and rules used by Criteo.

/**
 * @fileoverview ngx-no-styles-in-component
 * @author Benjamin Chadwick
 */
'use strict';

import { STYLE_URL_SELECTOR, STYLE_URLS_SELECTOR, STYLES_SELECTOR } from '../utils.js';

const moreInfo = `More info: https://github.com/criteo/eslint-plugin-criteo#ngx-no-styles-in-component`;

export default {
  meta: {
    type: 'suggestion',
    docs: {
      description: 'Use the design system for styles instead of adding CSS to a component',
      recommended: 'error',
    },
    messages: {
      styles: `Where possible, prefer components and CSS classes from the design system library. ${moreInfo}`,
    },
    schema: [],
  },

  create(context) {
    function report(node) {
      context.report({ node, messageId: 'styles' });
    }

    return {
      [STYLES_SELECTOR]: report,
      [STYLE_URL_SELECTOR]: report,
      [STYLE_URLS_SELECTOR]: report,
    };
  },
};