ember-template-lint/lib/rules/style-concatenation.js

Linter for Ember or Handlebars templates.

import AstNodeInfo from '../helpers/ast-node-info.js';
import Rule from './_base.js';

const ERROR_MESSAGE = 'Concatenated styles must be marked as `htmlSafe`.';

export default class StyleConcatenation extends Rule {
  /**
   * @returns {import('./types.js').VisitorReturnType<StyleConcatenation>}
   */
  visitor() {
    return {
      ElementNode(node) {
        let style = AstNodeInfo.findAttribute(node, 'style');
        if (
          style &&
          (style.value.type === 'ConcatStatement' ||
            (style.value.type === 'MustacheStatement' && isConcatHelper(style.value.path)))
        ) {
          this.log({
            message: ERROR_MESSAGE,
            node: style,
          });
        }
      },
    };
  }
}

function isConcatHelper(node) {
  return node && node.type === 'PathExpression' && node.original === 'concat';
}