Eslint rules (#69)

* create initial eslint rule

* Adding lint rule no-hard-coded-font (size); fixing lint warnings of hard-coded font size

* adding test to no-hard-coded-font rule

* adding .eslintignore file; fixing hard-coded colors to use Colors

* preparing for npm upload

Author: Inbal-Tish

.eslintignore

@@ -0,0 +1 @@
+/src/style/typography.js

.eslintrc

@@ -1,24 +1,25 @@
 {
   "parser": "babel-eslint",
-  "plugins": ["react-native"],
+  "plugins": ["react-native", "uilib"],
   "extends": ["airbnb"],
   "rules": {
-    "object-curly-spacing": "off",
-    "react/prefer-stateless-function": "off",
-    "react/jsx-filename-extension": "off",
-    "react/require-default-props": "off",
+    "arrow-body-style": "off",
+    "class-methods-use-this": "off",
+    "consistent-return": "off",
+    "global-require": "off",
+    "import/prefer-default-export": "off",
+    "no-plusplus": "off",
+    "no-return-assign": "off",
     "no-use-before-define": "off",
+    "max-len": [2, 120, 4, {"ignoreUrls": true}],
+    "object-curly-spacing": "off",
     "react/forbid-prop-types": "off",
+    "react/jsx-filename-extension": "off",
     "react/jsx-space-before-closing": "off",
     "react/jsx-tag-spacing": "off",
-    "max-len": [2, 120, 4, {"ignoreUrls": true}],
-    "class-methods-use-this": "off",
-    "arrow-body-style": "off",
-    "no-plusplus": "off",
-    "import/prefer-default-export": "off",
-    "global-require": "off",
-    "consistent-return": "off",
-    "no-return-assign": "off"
+    "react/prefer-stateless-function": "off",
+    "react/require-default-props": "off",
+    "uilib/no-hard-coded-font": "warn"
   },
   "env": {
     "browser": true,

.npmignore

@@ -232,6 +232,7 @@ android/
 typings/
 demo/
 uilib-docs/
+eslint-rules/
 scripts/
 demo-app.component.js
 index.android.js

eslint-rules/README.md

@@ -0,0 +1,51 @@
+# eslint-plugin-uilib
+
+uilib set of eslint rules
+
+## Installation
+
+You'll first need to install [ESLint](http://eslint.org):
+
+```
+$ npm i eslint --save-dev
+```
+
+Next, install `eslint-plugin-uilib`:
+
+```
+$ npm install eslint-plugin-uilib --save-dev
+```
+
+**Note:** If you installed ESLint globally (using the `-g` flag) then you must also install `eslint-plugin-uilib` globally.
+
+## Usage
+
+Add `uilib` to the plugins section of your `.eslintrc` configuration file. You can omit the `eslint-plugin-` prefix:
+
+```json
+{
+    "plugins": [
+        "uilib"
+    ]
+}
+```
+
+
+Then configure the rules you want to use under the rules section.
+
+```json
+{
+    "rules": {
+        "uilib/rule-name": 2
+    }
+}
+```
+
+## Supported Rules
+
+* Fill in provided rules here
+
+
+
+
+

eslint-rules/index.js

@@ -0,0 +1,5 @@
+module.exports = {
+  rules: {
+    'no-hard-coded-font': require('./lib/rules/no-hard-coded-font'),
+  },
+};

eslint-rules/lib/index.js

@@ -0,0 +1,19 @@
+/**
+ * @fileoverview uilib set of eslint rules
+ * @author Ethan Sharabi
+ */
+
+'use strict';
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+const requireIndex = require('requireindex');
+
+//------------------------------------------------------------------------------
+// Plugin Definition
+//------------------------------------------------------------------------------
+
+// import all rules in lib/rules
+module.exports.rules = requireIndex(__dirname + "/rules");

eslint-rules/lib/rules/no-hard-coded-color.js

@@ -0,0 +1,52 @@
+/**
+ * @fileoverview Rule to disallow hard coded font style
+ * @author Inbal Tish
+ */
+
+'use strict';
+
+//------------------------------------------------------------------------------
+// Rule Definition
+//------------------------------------------------------------------------------
+
+module.exports = {
+  meta: {
+    docs: {
+      description: 'disallow hard coded font style',
+      category: 'Possible Errors',
+      recommended: true,
+    },
+    messages: {
+      reportMessage: 'Please do not use hard coded fontSize prop in style objects, instead use Typography presets',
+    },
+    fixable: 'code',
+    schema: [], // no options
+  },
+  create(context) {
+    return {
+      ObjectExpression: function (node) {
+        node.properties.forEach((property) => {
+          if (property.key) {
+            const propName = property.key.name;
+            if (propName === 'fontSize') {
+              if (property.value.type === 'CallExpression') {
+                return;
+              }
+              if (property.value.type === 'MemberExpression') {
+                const objectName = property.value.object.object.name;
+                if (objectName.toLowerCase() === 'typography') {
+                  return;
+                }
+              }
+              // console.log(`${property.value.value} should be fixed!`);
+              context.report({
+                node,
+                messageId: 'reportMessage',
+              });
+            }
+          }
+        });
+      },
+    };
+  },
+};

eslint-rules/lib/rules/no-hard-coded-font.js

@@ -0,0 +1,26 @@
+{
+  "name": "eslint-plugin-uilib",
+  "version": "1.0.0",
+  "description": "uilib set of eslint rules",
+  "keywords": [
+    "eslint",
+    "eslintplugin",
+    "eslint-plugin"
+  ],
+  "author": "Tnbal Tish <[email protected]>",
+  "main": "lib/index.js",
+  "scripts": {
+    "test": "mocha tests --recursive"
+  },
+  "dependencies": {
+    "requireindex": "~1.1.0"
+  },
+  "devDependencies": {
+    "eslint": "~3.9.1",
+    "mocha": "^3.1.2"
+  },
+  "engines": {
+    "node": ">=0.10.0"
+  },
+  "license": "ISC"
+}