Feat/lint add typography deprecation (#762)

* Update package.json (reduce security vulnerabilities)

* Lint - add Typography deprecation rules

Author: M-i-k-e-l

eslint-rules/index.js

@@ -4,10 +4,13 @@ module.exports = {
     'no-direct-import': require('./lib/rules/no-direct-import'),
     'component-deprecation': require('./lib/rules/component-deprecation'),
     'assets-deprecation': require('./lib/rules/assets-deprecation'),
+    'typography-deprecation': require('./lib/rules/typography-deprecation'),
     // for duplicate rules usage
     'component-deprecation_warn': require('./lib/rules/component-deprecation'),
     'assets-deprecation_warn': require('./lib/rules/assets-deprecation'),
+    'typography-deprecation_warn': require('./lib/rules/typography-deprecation'),
     'component-deprecation_error': require('./lib/rules/component-deprecation'),
     'assets-deprecation_error': require('./lib/rules/assets-deprecation'),
+    'typography-deprecation_error': require('./lib/rules/typography-deprecation'),
   },
 };

eslint-rules/lib/rules/typography-deprecation.js

@@ -0,0 +1,91 @@
+const _ = require('lodash');
+
+const MAP_SCHEMA = {
+  type: 'object',
+  additionalProperties: true,
+};
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'typography is deprecated',
+      category: 'Best Practices',
+      recommended: true,
+    },
+    messages: {
+      uiLib: 'This typography is deprecated.',
+    },
+    fixable: 'code',
+    schema: [MAP_SCHEMA],
+  },
+  create(context) {
+    function reportDeprecatedTypography(node, options) {
+      try {
+        const {dueDate} = context.options[0];
+        const dueDateNotice = dueDate ? ` Please fix this issue by ${dueDate}!` : '';
+        const msg = `'${options.path}' is deprecated. ${options.message}${dueDateNotice}`;
+        context.report({
+          node,
+          message: `${msg}`,
+          fix(fixer) {
+            if (options.fix) {
+              return fixer.replaceText(node, options.fix);
+            }
+          },
+        });
+      } catch (err) {
+        console.log('Found error in: ', context.getFilename());
+      }
+    }
+
+    const defaultImportName = 'Typography';
+    const {deprecations, source} = context.options[0];
+    let localImportSpecifier;
+
+    function setLocalImportSpecifier(node) {
+      const importSource = node.source.value;
+      if (source === importSource) {
+        const specifiers = node.specifiers;
+        if (specifiers) {
+          localImportSpecifier = _.find(specifiers, specifier => specifier.imported.name === defaultImportName);
+          if (localImportSpecifier) {
+            localImportSpecifier = localImportSpecifier.local.name;
+          }
+        }
+      }
+    }
+
+    function findAndReportDeprecation(node, possibleDeprecation) {
+      const path = `${defaultImportName}.${possibleDeprecation}`;
+      const foundDeprecation = _.find(deprecations, {path});
+      if (foundDeprecation) {
+        reportDeprecatedTypography(node, foundDeprecation);
+      }
+    }
+
+    function testMemberDeprecation(node) {
+      if (node && node.object && node.property && node.object.name === localImportSpecifier) {
+        findAndReportDeprecation(node, node.property.name);
+      }
+    }
+
+    function testJSXAttribute(node) {
+      if (node && node.name) {
+        findAndReportDeprecation(node, node.name.name);
+      }
+    }
+
+    return {
+      ImportDeclaration: node => setLocalImportSpecifier(node),
+      MemberExpression: node => localImportSpecifier && testMemberDeprecation(node),
+      JSXAttribute: node => testJSXAttribute(node),
+
+
+      // JSXOpeningElement: node => testJSXOpeningElement(node),
+      // ObjectExpression: node => testObjectExpression(node),
+      // VariableDeclarator: node => testVariableDeclarator(node),
+      // Property: node => testProperty(node),
+      // JSXSpreadAttribute: node => testJSXSpreadAttribute(node)
+    };
+  },
+};

eslint-rules/package.json

@@ -28,7 +28,7 @@
   "devDependencies": {
     "babel-cli": "^6.23.0",
     "babel-eslint": "^7.0.0",
-    "babel-jest": "^20.0.3",
+    "babel-jest": "^25.5.1",
     "babel-preset-es2015": "^6.22.0",
     "babel-preset-react": "^6.22.0",
     "babel-preset-react-native": "1.9.1",
@@ -38,7 +38,7 @@
     "eslint-plugin-node": "^6.0.1",
     "eslint-plugin-promise": "^3.7.0",
     "eslint-plugin-standard": "^3.0.1",
-    "mocha": "^3.1.2"
+    "mocha": "7.1.2"
   },
   "engines": {
     "node": ">=0.10.0"