chore(commitlint): configure commitlint.

.husky/commit-msg

@@ -0,0 +1,6 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+echo 'commit-msg'
+
+npx --no-install commitlint --edit "$1"

.husky/pre-commit

@@ -0,0 +1,6 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+echo "${PWD}"
+
+npx --no-install lint-staged --allow-empty

.husky/pre-push

@@ -0,0 +1,2 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"

commitlint.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+  extends: ["@commitlint/config-conventional"],
+  rules: {
+    "scope-case": [2, "always", "lower-case"],
+    "subject-case": [2, "always", "lower-case"],
+    "subject-full-stop": [2, "always", "."],
+    "subject-max-length": [2, "always", 70],
+  },
+};

package.json

@@ -17,6 +17,9 @@
     "lerna:add": "lerna add"
   },
   "devDependencies": {
-    "lerna": "^4.0.0"
+    "@commitlint/cli": "^16.2.4",
+    "@commitlint/config-conventional": "^16.2.4",
+    "lerna": "^4.0.0",
+    "lint-staged": "^12.4.1"
   }
 }

packages/eslint-config/package.json

@@ -17,8 +17,10 @@
     "url": "git+https://github.com/cicerohen/boilerplate-mfe.git"
   },
   "dependencies": {
-    "@babel/eslint-parser": "^7.16.3",
     "eslint": "^7.32.0",
-    "eslint-plugin-react": "^7.28.0"
+    "eslint-plugin-react": "^7.28.0",
+    "@typescript-eslint/eslint-plugin": "^5.21.0",
+    "@typescript-eslint/parser": "^5.21.0",
+    "eslint-plugin-react-hooks": "^4.5.0"
   }
 }

packages/eslint-config/src/eslintrc.json

@@ -1,7 +1,13 @@
 {
-  "extends": ["eslint:recommended", "plugin:react/recommended"],
-  "ignorePatterns": ["/dist/**/*"],
-  "parser": "@babel/eslint-parser",
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended"
+  ],
+  "ignorePatterns": ["/dist/**/*", "*webpack.config.*"],
+  "parser": "@typescript-eslint/parser",
   "settings": {
     "react": {
       "version": "detect"
@@ -17,6 +23,7 @@
   },
   "rules": {
     "react/react-in-jsx-scope": "off",
-    "react/prop-types": "off"
+    "react/prop-types": "off",
+    "@typescript-eslint/no-empty-function": "warn"
   }
 }

packages/mfe-auth/package.json

@@ -24,6 +24,7 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },

packages/mfe-dashboard/package.json

@@ -24,6 +24,7 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },

packages/mfe-editor/.eslintrc.json

@@ -1,3 +1,7 @@
 {
-  "extends": ["@mfe/eslint-config"]
+  "extends": ["@mfe/eslint-config"],
+  "rules": {
+    "@typescript-eslint/no-this-alias": "off",
+    "prefer-rest-params": "off"
+  }
 }

packages/mfe-editor/package.json

@@ -24,6 +24,7 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },

packages/mfe-editor/src/components/Editor.tsx

@@ -24,7 +24,9 @@ export const Editor = () => {
 
   const [value] = useState(initialValue);
 
-  const onChange = () => {};
+  const onChange = () => {
+    console.log("onChange editor");
+  };
 
   return (
     <Slate editor={editor} value={value} onChange={onChange}>

packages/mfe-editor/src/components/RenderElement.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 export const RenderElement = ({ element, attributes, children }) => {
   if (element.type === "numbered-list") {
     return <ol {...attributes}>{children}</ol>;

packages/mfe-editor/src/utils/debounce.ts

@@ -3,13 +3,13 @@ export const debounce = (func, wait = 50, immediate) => {
   return function () {
     const context = this;
     const args = arguments;
-    let later = function () {
+    const later = function () {
       timeout = null;
       if (!immediate) {
         func.apply(context, args);
       }
     };
-    let callNow = immediate && !timeout;
+    const callNow = immediate && !timeout;
     clearTimeout(timeout);
     timeout = setTimeout(later, wait);
     if (callNow) {

packages/mfe-footer/package.json

@@ -24,6 +24,7 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },

packages/mfe-header/package.json

@@ -24,6 +24,7 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },

packages/mfe-header/src/App.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react";
+import { useState } from "react";
 
 import { Header } from "./components/Header";
 
@@ -7,10 +7,5 @@ export const App = () => {
     JSON.parse(localStorage.getItem("typer:user")) || null
   );
 
-  useEffect(() => {
-    const onSignIn = () => {};
-    window.addEventListener("auth:onSignIn", onSignIn);
-  }, []);
-
   return <Header user={user} />;
 };

packages/mfe-home/.lintstagedrc

@@ -0,0 +1,6 @@
+{
+  "*.{ts,tsx}": [
+    "eslint --fix",
+    "prettier --write"
+  ]
+}

packages/mfe-home/package.json

@@ -24,12 +24,13 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },
   "dependencies": {
-    "single-spa-react": "^4.4.0",
     "react": "^17.0.1",
-    "react-dom": "^17.0.1"
+    "react-dom": "^17.0.1",
+    "single-spa-react": "^4.4.0"
   }
 }

packages/mfe-home/src/App.tsx

@@ -8,7 +8,7 @@ export const App = () => {
         <h2 className="text-lg text-white">It is easy and free</h2>
         <a
           href="#"
-          className="border text-white text-xs uppercase px-6 py-4 text-sm  rounded-lg inline-block mt-10"
+          className="border text-white text-xs uppercase px-6 py-4  rounded-lg inline-block mt-10"
         >
           Start Writing
         </a>

packages/mfe-root-config/package.json

@@ -28,6 +28,7 @@
     "@mfe/webpack-config": "^1.0.0",
     "copy-webpack-plugin": "^9.0.1",
     "html-webpack-plugin": "^5.3.2",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   }

packages/mfe-sidebar/package.json

@@ -24,6 +24,7 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },

packages/mfe-styleguide/package.json

@@ -29,6 +29,7 @@
     "@mfe/eslint-config": "^1.0.0",
     "@mfe/prettier-config": "^1.0.0",
     "@mfe/webpack-config-react": "^1.0.0",
+    "@types/react": "^18.0.8",
     "kill-port": "^1.6.1",
     "typescript": "^4.5.4"
   },