123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- /**
- * @fileoverview Forbid certain props on DOM Nodes
- * @author David Vázquez
- */
- 'use strict';
- const docsUrl = require('../util/docsUrl');
- // ------------------------------------------------------------------------------
- // Constants
- // ------------------------------------------------------------------------------
- const DEFAULTS = [];
- // ------------------------------------------------------------------------------
- // Rule Definition
- // ------------------------------------------------------------------------------
- module.exports = {
- meta: {
- docs: {
- description: 'Forbid certain props on DOM Nodes',
- category: 'Best Practices',
- recommended: false,
- url: docsUrl('forbid-dom-props')
- },
- messages: {
- propIsForbidden: 'Prop "{{prop}}" is forbidden on DOM Nodes'
- },
- schema: [{
- type: 'object',
- properties: {
- forbid: {
- type: 'array',
- items: {
- oneOf: [{
- type: 'string'
- }, {
- type: 'object',
- properties: {
- propName: {
- type: 'string'
- },
- message: {
- type: 'string'
- }
- }
- }],
- minLength: 1
- },
- uniqueItems: true
- }
- },
- additionalProperties: false
- }]
- },
- create(context) {
- const configuration = context.options[0] || {};
- const forbid = new Map((configuration.forbid || DEFAULTS).map((value) => {
- const propName = typeof value === 'string' ? value : value.propName;
- const options = {
- message: typeof value === 'string' ? null : value.message
- };
- return [propName, options];
- }));
- function isForbidden(prop) {
- return forbid.has(prop);
- }
- return {
- JSXAttribute(node) {
- const tag = node.parent.name.name;
- if (!(tag && typeof tag === 'string' && tag[0] !== tag[0].toUpperCase())) {
- // This is a Component, not a DOM node, so exit.
- return;
- }
- const prop = node.name.name;
- if (!isForbidden(prop)) {
- return;
- }
- const customMessage = forbid.get(prop).message;
- context.report(Object.assign({
- node,
- data: {
- prop
- }
- }, customMessage ? {message: customMessage} : {messageId: 'propIsForbidden'}));
- }
- };
- }
- };
|