Feat/migrate out of antd

.eslintrc.json

@@ -1,14 +1,16 @@
 {
   "env": {
     "browser": true,
-    "es2021": true
+    "es2021": true,
+    "jest": true
   },
   "extends": [
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
     "next/core-web-vitals"
   ],
+  "plugins": ["react", "@typescript-eslint"],
   "parser": "@typescript-eslint/parser",
   "parserOptions": {
     "ecmaFeatures": {
@@ -17,17 +19,17 @@
     "ecmaVersion": "latest",
     "sourceType": "module"
   },
-  "plugins": ["react", "@typescript-eslint"],
   "rules": {
     "react/prop-types": "off",
     "react/react-in-jsx-scope": "off",
     "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-inferrable-types": "error",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn",
-    "import/prefer-default-export": "off",
+    "import/prefer-default-export": "off", // check for relevance here
+    "eslint-comments/no-use": 0,
     "import/no-cycle": "off",
     "no-multi-assign": "off",
-    // "prettier/prettier": "error",
     "no-console": 1,
     "import/no-extraneous-dependencies": "off",
     "import/no-unresolved": "error",
@@ -37,6 +39,36 @@
         "namedComponents": "arrow-function",
         "unnamedComponents": "arrow-function"
       }
+    ],
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": ["@mui/*/*/*"]
+      }
+    ],
+    "max-lines-per-function": ["error", 250],
+    "max-params": ["error", 3],
+    "complexity": ["error", 5],
+    "max-lines": ["error", 350],
+    "no-else-return": "error",
+    "require-jsdoc": [
+      "error",
+      {
+        "require": {
+          "FunctionDeclaration": true,
+          "MethodDefinition": false,
+          "ClassDeclaration": false,
+          "ArrowFunctionExpression": false,
+          "FunctionExpression": false
+        }
+      }
+    ],
+    "no-shadow": "error",
+    "no-empty": "error",
+    "import/order": [
+      "error",
+      { "groups": [["builtin", "external", "internal", "parent", "sibling", "index"]] }
     ]
   }
 }

.github/workflows/ci.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node-version: [18.x]
+        node-version: [20.x]
 
     steps:
       - uses: actions/checkout@v2
@@ -31,16 +31,7 @@ jobs:
 
       - name: Build Project
         run: yarn build
-
-        # commenting for now to make CI green , will try this 
-        # - name: run Lighthouse CI
-        #   run: |
-        #     yarn global add @lhci/[email protected]
-        #     lhci autorun --collect.staticDistDir
-
-        env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
+
       - uses: sonarsource/sonarqube-scan-action@master
         env:
           SONAR_TOKEN: ${{ secrets.SONAR_TOKEN }}

.github/workflows/jest-coverage.yml

@@ -0,0 +1,41 @@
+name: Jest Coverage Report with Annotations (CI)
+on:
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+jobs:
+  coverage_report:
+    name: Jest Coverage Report
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v2
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'yarn'
+
+      # could not find the threshold value in jest.config.js
+      # therefore hardcoded for now
+      # - name: Get Threshold
+      #   id: threshold
+      #   uses: notiz-dev/github-action-json-property@release
+      #   with:
+      #     path: 'jest.config.js'
+      #     prop_path: 'coverageThreshold.global.statements'
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Test and generate coverage report
+        uses: artiomtr/[email protected]
+        with:
+          github-token: ${{ secrets.GITHUB_TOKEN }}
+          # threshold: ${{steps.threshold.outputs.prop}}
+          package-manager: yarn
+          custom-title: Jest Coverage Report

.github/workflows/lighthouseci.yml

@@ -0,0 +1,28 @@
+name: CI
+on:
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+jobs:
+  lhci:
+    name: Lighthouse
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+      - name: Use Node.js 20.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20.x
+      - name: yarn install and build
+        run: |
+          yarn install
+          yarn build
+      - name: run Lighthouse CI
+        run: |
+          yarn global add @lhci/cli
+          lhci autorun
+        env:
+          LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}

.gitignore

@@ -11,6 +11,9 @@
 # next.js
 /.next/
 /out/
+/.swc/
+/analyze/
+
 
 # production
 /build
@@ -45,4 +48,5 @@ yarn-error.log*
 /public/workbox-*.js.map
 /public/worker-*.js.map
 /public/fallback-*.js
-reports
+reports
+.lighthouseci/*

README.md

@@ -41,7 +41,7 @@ An enterprise Next.js template application based on bulletproof architecture sho
 - API calls using `api-sauce`
 - Styling using `styled-components`
 - Reusing components from Ant design
-- Translations using `react-intl`
+- Translations using `lingui`
 
 ## Global state management using @redux/toolkit
 
@@ -98,14 +98,13 @@ An enterprise Next.js template application based on bulletproof architecture sho
   - [containers/Repos/index.tsx](containers/Repos/index.tsx)
   - [features/repos/components/RepoList/index.tsx](features/repos/components/RepoList/index.tsx)
 
-## Localization using react-intl
+## Localization using lingui
 
-- Translations using [React Intl](https://github.com/formatjs/react-intl)
+- Translations using [Lingui](https://lingui.dev/)
 
   Take a look at the following files
 
   - [translations/en.json](translations/en.json)
-  - [common/IntlGlobalProvider/index.tsx](common/IntlGlobalProvider/index.tsx)
   - [common/T/index.tsx](common/T/index.tsx)
   - [features/info/components/RepoInfo/index.tsx](features/info/components/RepoInfo/index.tsx)