feat: added workflow config for root imports

browser.js

@@ -21,11 +21,11 @@ module.exports = {
 
   // eslint-disable-next-line unicorn/expiring-todo-comments
   // FIXME: how to test?
-  // settings: {
+  settings: {
   //   react: {
   //     version: 'detect',
   //   },
-  // },
+  },
 
   plugins: ['promise', 'jest', 'promise', 'unicorn', 'react-hooks'],
 

package.json

@@ -27,6 +27,7 @@
   "files": [
     "index.js",
     "browser.js",
+    "workflow.js",
     "ts-recommended.js",
     "base.js",
     "README.md"
@@ -41,10 +42,12 @@
     "@typescript-eslint/eslint-plugin": "^2.3.1",
     "@typescript-eslint/parser": "^2.3.1",
     "babel-eslint": "^10.0.3",
+    "babel-plugin-root-import": "^6.4.1",
     "eslint": "^6.4.0",
     "eslint-config-airbnb": "^18.0.1",
     "eslint-config-airbnb-base": "^14.0.0",
     "eslint-config-prettier": "^6.3.0",
+    "eslint-import-resolver-root-import": "^1.0.4",
     "eslint-plugin-import": "^2.18.2",
     "eslint-plugin-jest": "^22.17.0",
     "eslint-plugin-jsx-a11y": "^6.2.3",

project/app/components/SomeComp.js

@@ -0,0 +1 @@
+// Used for testing workflow conf

tests/test.js

@@ -3,9 +3,11 @@ const eslint = require('eslint');
 const find = require('lodash.find');
 const baseConf = require('..');
 const reactConf = require('../browser');
+const workflowConf = require('../workflow');
 const reactString = require('./react');
 const reactTsString = require('./react-typescript.js');
 const baseString = require('./base');
+const workflowString = require('./workflow');
 
 function runEslint(string, configuration, fileName) {
   const linter = new eslint.CLIEngine({
@@ -62,4 +64,10 @@ describe('rules', () => {
     expect(find(errors, { ruleId: 'react/prop-types'})).toBeUndefined();
     expect(find(errors, { ruleId: 'react/jsx-props-no-spreading'})).toBeUndefined();
   });
+
+  test('workflow', () => {
+    const errors = runEslint(workflowString(), workflowConf, 'example.tsx');
+
+    expect(find(errors, { ruleId: 'import/no-unresolved' })).toBeUndefined();
+  });
 });

tests/workflow.js

@@ -0,0 +1,3 @@
+module.exports = () => `
+import SomeComp from '@/components/SomeComp';
+`;

workflow.js

@@ -0,0 +1,15 @@
+const browser = require('./browser');
+
+module.exports = {
+  ...browser,
+  settings: {
+    ...browser.settings,
+    'import/resolver': {
+      'root-import': {
+        rootPathPrefix: '@/',
+        rootPathSuffix: 'project/app',
+        extensions: ['.js', '.jsx', '.tsx', '.ts'],
+      },
+    },
+  },
+};