update main

.eslintignore

@@ -11,4 +11,5 @@ hasura/app/**
 .next/**
 .next
 .swcrc
-mockServiceWorker.js
+mockServiceWorker.js
+.nx

.eslintrc.ci.json

@@ -0,0 +1,8 @@
+{
+  "extends": [".eslintrc.json"],
+  "rules": {
+    "import/no-cycle": "error",
+    "import/no-unused-modules": "error",
+    "import/no-deprecated": "error"
+  }
+}

.eslintrc.json

@@ -1,12 +1,6 @@
 {
   "root": true,
-  "plugins": [
-    "@nx/nx",
-    "eslint-plugin-prettier",
-    "markdown",
-    "sonarjs",
-    "tailwindcss"
-  ],
+  "plugins": ["@nx/eslint-plugin", "markdown", "sonarjs", "tailwindcss"],
   "extends": [
     "eslint-config-prettier",
     "plugin:import/recommended",
@@ -15,13 +9,14 @@
     "plugin:json/recommended",
     "plugin:sonarjs/recommended",
     "plugin:storybook/recommended",
+    "plugin:playwright/recommended",
     "plugin:tailwindcss/recommended"
   ],
   "settings": {
     "import/resolver": {
       "node": "true",
       "typescript": {
-        "project": ["apps/**/tsconfig.*?.json", "libs/**/tsconfig.*?.json"]
+        "project": ["apps/*/tsconfig.json", "libs/*/tsconfig.json"]
       }
     },
     "tailwindcss": {
@@ -32,6 +27,10 @@
     }
   },
   "rules": {
+    "import/named": "off",
+    "import/namespace": "off",
+    "import/default": "off",
+    "import/no-named-as-default-member": "off",
     "tailwindcss/no-custom-classname": [
       "error",
       {
@@ -63,19 +62,26 @@
         "sonarjs/no-duplicate-string": "off"
       }
     },
+    {
+      "files": ["!**/*", "**/e2e/**/*.spec.ts"],
+      "extends": ["plugin:playwright/recommended"]
+    },
     {
       "files": ["*.ts", "*.tsx"],
-      "extends": ["plugin:@nx/typescript"],
+      "extends": ["plugin:@nx/eslint-plugin/typescript"],
       "rules": {
         "@typescript-eslint/ban-ts-comment": "off",
-        "import/no-cycle": "error"
+        "import/no-cycle": "off",
+        "@typescript-eslint/no-unused-vars": "warn",
+        "@typescript-eslint/no-explicit-any": "warn"
       }
     },
     {
       "files": ["*.js", "*.jsx"],
-      "extends": ["plugin:@nx/javascript"],
+      "extends": ["plugin:@nx/eslint-plugin/javascript"],
       "rules": {
-        "import/no-cycle": "error"
+        "import/no-cycle": "off",
+        "@typescript-eslint/no-unused-vars": "warn"
       }
     },
     {

.github/workflows/build-and-e2e-back-office-tests.yml

@@ -0,0 +1,55 @@
+name: Build and E2E back-office tests
+
+on:
+  workflow_dispatch:
+
+env:
+  NODE_OPTIONS: '--max_old_space_size=4096'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        name: Checkout [Pull Request]
+        if: ${{ github.event_name == 'pull_request' }}
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+          fetch-depth: 0
+
+      - uses: actions/checkout@v3
+        name: Checkout [Default Branch]
+        if: ${{ github.event_name != 'pull_request' }}
+        with:
+          fetch-depth: 0
+
+      - name: Derive appropriate SHAs for base and head for nx affected commands
+        id: nx
+        uses: nrwl/nx-set-shas@v3
+        with:
+          main-branch-name: staging
+
+      - name: Set up environment and cache dependencies
+        uses: sebpalluel/ci/.github/actions/setup-environment@latest
+
+      - name: Build and check if back-office affected
+        id: check
+        run: |
+          affected=$(pnpm nx affected -t=build)
+          if [[ $affected == *"back-office:build:production"* ]]; then
+            echo "::set-output name=back-office::true"
+          else
+            echo "::set-output name=back-office::false"
+          fi
+
+      - name: Launch docker services
+        if: steps.check.outputs.back-office == 'true'
+        run: pnpm docker:services & pnpm nx run back-office:build:production
+
+      - name: Run e2e tests
+        if: steps.check.outputs.back-office == 'true'
+        run: pnpm nx run back-office:e2e --skipInstall

.github/workflows/build-and-e2e-web-tests.yml

@@ -0,0 +1,55 @@
+name: Build and E2E web tests
+
+on:
+  workflow_dispatch:
+
+env:
+  NODE_OPTIONS: '--max_old_space_size=4096'
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        name: Checkout [Pull Request]
+        if: ${{ github.event_name == 'pull_request' }}
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+          fetch-depth: 0
+
+      - uses: actions/checkout@v3
+        name: Checkout [Default Branch]
+        if: ${{ github.event_name != 'pull_request' }}
+        with:
+          fetch-depth: 0
+
+      - name: Derive appropriate SHAs for base and head for nx affected commands
+        id: nx
+        uses: nrwl/nx-set-shas@v3
+        with:
+          main-branch-name: staging
+
+      - name: Set up environment and cache dependencies
+        uses: sebpalluel/ci/.github/actions/setup-environment@latest
+
+      - name: Build and check if web affected
+        id: check
+        run: |
+          affected=$(pnpm nx affected -t=build)
+          if [[ $affected == *"web:build:production"* ]]; then
+            echo "::set-output name=web::true"
+          else
+            echo "::set-output name=web::false"
+          fi
+
+      - name: Launch docker services
+        if: steps.check.outputs.web == 'true'
+        run: pnpm docker:services & pnpm nx run web:build:production
+
+      - name: Run e2e tests
+        if: steps.check.outputs.web == 'true'
+        run: pnpm nx run web:e2e --skipInstall

.github/workflows/chromatic-back-office.yml

@@ -0,0 +1,50 @@
+name: 'Chromatic Back-Office'
+
+on:
+  pull_request:
+    paths:
+      - libs/ui/**
+      - libs/features/**
+  push:
+    branches: ['staging']
+    paths:
+      - libs/ui/**
+      - libs/features/**
+  workflow_dispatch:
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  chromatic-deployment:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v3
+        name: Checkout [Pull Request]
+        if: ${{ github.event_name == 'pull_request' }}
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+          fetch-depth: 0
+
+      - uses: actions/checkout@v3
+        name: Checkout [Default Branch]
+        if: ${{ github.event_name != 'pull_request' }}
+        with:
+          fetch-depth: 0
+
+      - name: Set up environment and cache dependencies
+        uses: sebpalluel/ci/.github/actions/setup-environment@latest
+
+      - name: Install Libvips
+        run: sudo apt-get update && sudo apt-get install -y libvips-dev
+
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          projectToken: ${{ secrets.CHROMATIC_BACK_OFFICE_PROJECT_TOKEN }}
+          exitZeroOnChanges: true
+          onlyChanged: true
+          buildScriptName: build-storybook:back-office

.github/workflows/chromatic-ui.yml

@@ -5,7 +5,7 @@ on:
     paths:
       - libs/ui/**
   push:
-    branches: ['main']
+    branches: ['staging']
     paths:
       - libs/ui/**
   workflow_dispatch:
@@ -19,6 +19,15 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
+        name: Checkout [Pull Request]
+        if: ${{ github.event_name == 'pull_request' }}
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+          fetch-depth: 0
+
+      - uses: actions/checkout@v3
+        name: Checkout [Default Branch]
+        if: ${{ github.event_name != 'pull_request' }}
         with:
           fetch-depth: 0
 

.github/workflows/chromatic-web.yml

@@ -4,12 +4,14 @@ on:
   pull_request:
     paths:
       - libs/ui/**
-      - apps/web/**
+      - libs/features/**
+      - '!libs/features/back-office/**'
   push:
-    branches: ['main']
+    branches: ['staging']
     paths:
       - libs/ui/**
-      - apps/web/**
+      - libs/features/**
+      - '!libs/features/back-office/**'
   workflow_dispatch:
 
 concurrency:
@@ -22,6 +24,15 @@ jobs:
 
     steps:
       - uses: actions/checkout@v3
+        name: Checkout [Pull Request]
+        if: ${{ github.event_name == 'pull_request' }}
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+          fetch-depth: 0
+
+      - uses: actions/checkout@v3
+        name: Checkout [Default Branch]
+        if: ${{ github.event_name != 'pull_request' }}
         with:
           fetch-depth: 0