WIP - add extractor, generate snippet_data

node_modules/eslint-plugin-react/lib/rules/no-danger.js

@@ -0,0 +1,71 @@
+/**
+ * @fileoverview Prevent usage of dangerous JSX props
+ * @author Scott Andrews
+ */
+
+'use strict';
+
+const docsUrl = require('../util/docsUrl');
+const jsxUtil = require('../util/jsx');
+
+// ------------------------------------------------------------------------------
+// Constants
+// ------------------------------------------------------------------------------
+
+const DANGEROUS_MESSAGE = 'Dangerous property \'{{name}}\' found';
+
+const DANGEROUS_PROPERTY_NAMES = [
+  'dangerouslySetInnerHTML'
+];
+
+const DANGEROUS_PROPERTIES = DANGEROUS_PROPERTY_NAMES.reduce((props, prop) => {
+  props[prop] = prop;
+  return props;
+}, Object.create(null));
+
+// ------------------------------------------------------------------------------
+// Helpers
+// ------------------------------------------------------------------------------
+
+/**
+ * Checks if a JSX attribute is dangerous.
+ * @param {String} name - Name of the attribute to check.
+ * @returns {boolean} Whether or not the attribute is dnagerous.
+ */
+function isDangerous(name) {
+  return name in DANGEROUS_PROPERTIES;
+}
+
+// ------------------------------------------------------------------------------
+// Rule Definition
+// ------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'Prevent usage of dangerous JSX props',
+      category: 'Best Practices',
+      recommended: false,
+      url: docsUrl('no-danger')
+    },
+    schema: []
+  },
+
+  create(context) {
+    return {
+
+      JSXAttribute(node) {
+        if (jsxUtil.isDOMComponent(node.parent) && isDangerous(node.name.name)) {
+          context.report({
+            node,
+            message: DANGEROUS_MESSAGE,
+            data: {
+              name: node.name.name
+            }
+          });
+        }
+      }
+
+    };
+  }
+};