chore: Add linter

.eslintignore

@@ -0,0 +1 @@
+node_modules

.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  extends: "@nighttrax/eslint-config-tsx",
+};

package.json

@@ -9,6 +9,8 @@
     "test": "lerna run test"
   },
   "devDependencies": {
+    "@nighttrax/eslint-config-tsx": "~6.1.0",
+    "eslint": "~7.5.0",
     "lerna": "~3.14.0",
     "typescript": "~3.9.6"
   }

packages/bar/src/index.ts

@@ -1,3 +1,4 @@
-import { meaningOfLife } from '@nighttrax/foo';
+import { meaningOfLife } from "@nighttrax/foo";
 
+// eslint-disable-next-line no-console
 console.log(meaningOfLife);

packages/components/src/button.tsx

@@ -1,3 +1,8 @@
 import React from "react";
 
-export const Button = () => <button onClick={() => alert('you clicked me')}>Click me</button>;
+export const Button = () => (
+  // eslint-disable-next-line no-alert
+  <button type="button" onClick={() => alert("you clicked me")}>
+    Click me
+  </button>
+);

packages/cra-ejected-babel/.eslintignore

@@ -0,0 +1,3 @@
+config/
+scripts/
+src/react-app-env.d.ts

packages/cra-ejected-babel/package.json

@@ -73,9 +73,6 @@
     "build": "node scripts/build.js",
     "test": "yarn run build"
   },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
   "browserslist": {
     "production": [
       ">0.2%",

packages/cra-ejected-babel/src/index.tsx

@@ -1,12 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import {meaningOfLife} from "@nighttrax/foo";
-import {Button} from "@nighttrax/components";
+import { meaningOfLife } from "@nighttrax/foo";
+import { Button } from "@nighttrax/components";
 
 ReactDOM.render(
   <React.StrictMode>
     {meaningOfLife}
-    <Button/>
+    <Button />
   </React.StrictMode>,
-  document.getElementById('root')
+  document.getElementById("root")
 );

packages/cra/config-overrides.js

@@ -1,4 +1,5 @@
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+/* eslint-disable import/no-extraneous-dependencies */
+const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
 
 module.exports = (config) => {
   // Remove the ModuleScopePlugin which throws when we try to import something

packages/cra/package.json

@@ -22,9 +22,6 @@
     "build": "SKIP_PREFLIGHT_CHECK=true react-app-rewired build",
     "test": "yarn run build"
   },
-  "eslintConfig": {
-    "extends": "react-app"
-  },
   "browserslist": {
     "production": [
       ">0.2%",

packages/cra/src/index.tsx

@@ -1,12 +1,12 @@
 import React from "react";
 import ReactDOM from "react-dom";
-import {meaningOfLife} from "@nighttrax/foo";
-import {Button} from "@nighttrax/components";
+import { meaningOfLife } from "@nighttrax/foo";
+import { Button } from "@nighttrax/components";
 
 ReactDOM.render(
   <React.StrictMode>
     {meaningOfLife}
-    <Button/>
+    <Button />
   </React.StrictMode>,
-  document.getElementById('root')
+  document.getElementById("root")
 );

packages/foo/src/index.ts

@@ -1,2 +1 @@
 export const meaningOfLife = 42;
-

packages/jest-babel/babel.config.js

@@ -1,14 +1,17 @@
 module.exports = {
-  "presets": [
-      ['@babel/preset-env', {targets: {node: 'current'}}],
-      "@babel/preset-typescript"
+  presets: [
+    ["@babel/preset-env", { targets: { node: "current" } }],
+    "@babel/preset-typescript",
   ],
 
-  "plugins": [
-    ["module-resolver", {
-      "alias": {
-        "^@nighttrax/(.+)": "../\\1/src"
-      }
-    }]
-  ]
-}
+  plugins: [
+    [
+      "module-resolver",
+      {
+        alias: {
+          "^@nighttrax/(.+)": "../\\1/src",
+        },
+      },
+    ],
+  ],
+};

packages/jest-babel/src/index.ts

@@ -1,3 +1,3 @@
-import {meaningOfLife} from "@nighttrax/foo";
+import { meaningOfLife } from "@nighttrax/foo";
 
 export const whatIsTheMeaningOfLife = () => meaningOfLife;

packages/jest-babel/test/index.spec.ts

@@ -1,7 +1,7 @@
-import {whatIsTheMeaningOfLife} from "../src";
+import { whatIsTheMeaningOfLife } from "../src";
 
-describe("meaning of life", function() {
-  it("should be 42", function() {
+describe("meaning of life", () => {
+  it("should be 42", () => {
     expect(whatIsTheMeaningOfLife()).toEqual(42);
   });
 });

packages/jest-tsjest/jest.config.js

@@ -1,12 +1,13 @@
-const { pathsToModuleNameMapper } = require('ts-jest/utils');
+/* eslint-disable import/no-extraneous-dependencies */
+const { pathsToModuleNameMapper } = require("ts-jest/utils");
 // Load the config which holds the path aliases.
-const { compilerOptions } = require('../../tsconfig.json');
+const { compilerOptions } = require("../../tsconfig.json");
 
 module.exports = {
-  preset: 'ts-jest',
+  preset: "ts-jest",
 
-  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths , {
+  moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths, {
     // This has to match the baseUrl defined in tsconfig.json.
-    prefix: '<rootDir>/../../'
-  })
+    prefix: "<rootDir>/../../",
+  }),
 };

packages/jest-tsjest/src/index.ts

@@ -1,3 +1,3 @@
-import {meaningOfLife} from "@nighttrax/foo";
+import { meaningOfLife } from "@nighttrax/foo";
 
 export const whatIsTheMeaningOfLife = () => meaningOfLife;

packages/jest-tsjest/test/index.spec.ts

@@ -1,7 +1,7 @@
-import {whatIsTheMeaningOfLife} from "../src";
+import { whatIsTheMeaningOfLife } from "../src";
 
-describe("meaning of life", function() {
-  it("should be 42", function() {
+describe("meaning of life", () => {
+  it("should be 42", () => {
     expect(whatIsTheMeaningOfLife()).toEqual(42);
   });
 });

packages/nextjs/next.config.js

@@ -1,6 +1,7 @@
-const withTM = require('next-transpile-modules')(
-    // List all of your dependencies.
-    ['components']
+/* eslint-disable import/no-extraneous-dependencies */
+const withTM = require("next-transpile-modules")(
+  // List all of your dependencies.
+  ["components"]
 );
 
 module.exports = withTM();

packages/nextjs/pages/index.tsx

@@ -1,8 +1,10 @@
 import React from "react";
-import {meaningOfLife} from "@nighttrax/foo";
-import {Button} from "@nighttrax/components";
+import { meaningOfLife } from "@nighttrax/foo";
+import { Button } from "@nighttrax/components";
 
-export default () => <div>
-  <p>Meaning of life is {meaningOfLife}</p>
-  <Button/>
-</div>;
+export default () => (
+  <div>
+    <p>Meaning of life is {meaningOfLife}</p>
+    <Button />
+  </div>
+);

packages/ts-node/src/index.ts

@@ -1,3 +1,4 @@
-import {meaningOfLife} from "@nighttrax/foo";
+import { meaningOfLife } from "@nighttrax/foo";
 
+// eslint-disable-next-line no-console
 console.log(meaningOfLife);

packages/webpack/src/index.ts

@@ -1 +1 @@
-import '@nighttrax/bar';
+import "@nighttrax/bar";

packages/webpack/webpack.config.js

@@ -1,18 +1,17 @@
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin');
+/* eslint-disable import/no-extraneous-dependencies */
+const TsconfigPathsPlugin = require("tsconfig-paths-webpack-plugin");
 
 module.exports = {
   entry: "./src/index.ts",
-  mode: 'development',
+  mode: "development",
   output: {
-    filename: "bundle.js"
+    filename: "bundle.js",
   },
   resolve: {
     extensions: [".ts", ".tsx", ".js"],
-    plugins: [new TsconfigPathsPlugin()]
+    plugins: [new TsconfigPathsPlugin()],
   },
   module: {
-    rules: [
-      { test: /\.tsx?$/, loader: "ts-loader" }
-    ]
-  }
+    rules: [{ test: /\.tsx?$/, loader: "ts-loader" }],
+  },
 };