Merge branch 'update/react-app-cleanup' into add/modules-alias-for-cl…

…eaner-imports

* update/react-app-cleanup:
  Fix minor ESLint issue after PR merge
  Translate strings
  Fix linting
  Update console ascii art
  Update eslint.yml
  Remove example page
  Add php dependencies to eslint action
  Move handlePageLoad function to react hook
  ESLint action
  Fix webinar banner component lint issue
  Other lint fixes
  Add `eslint` and lint js files

# Conflicts:
#	src/app/data/routes.js
#	webpack.config.js

.eslintrc.js

@@ -0,0 +1,30 @@
+module.exports = {
+	extends: [ 'plugin:@wordpress/eslint-plugin/recommended' ],
+	settings: {
+		'import/resolver': {
+			alias: {
+				map: [
+					[ 'App', './src/app' ],
+					[ 'Assets', './aseets' ],
+				],
+				extensions: [ '.js', '.jsx', '.json' ],
+			},
+		},
+	},
+	globals: {
+		__: true,
+		_camelCase: true,
+		_filter: true,
+		_n: true,
+		classNames: true,
+		useContext: true,
+		useEffect: true,
+		useState: true,
+	},
+	rules: {
+		'import/no-unresolved': [
+			'error',
+			{ ignore: [ '^App/', '^Assets/' ] },
+		],
+	},
+};

.github/workflows/eslint.yml

@@ -0,0 +1,91 @@
+name: ESLint
+
+on:
+  push:
+    branches:
+      - main
+      - master
+      - trunk
+      - develop
+      - release/*
+      - feature/*
+      - add/*
+      - update/*
+      - fix/*
+      - try/*'
+    paths:
+      - 'src/**/*.js'
+  pull_request:
+    types: [ opened, edited, reopened, ready_for_review ]
+    paths: 
+      - 'src/**/*.js'
+  workflow_dispatch:
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event_name == 'pull_request' && github.head_ref || github.sha }}
+  cancel-in-progress: true
+
+jobs:
+  ESLint:
+    runs-on: ubuntu-latest
+    steps:
+
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '8.1'
+          coverage: none
+          tools: composer, cs2pr
+
+      - name: Setup workflow context
+        id: workflow
+        working-directory: ${{ runner.temp }}
+        env:
+          REPO: ${{ github.repository }}
+        run: |
+          mkdir dist
+          echo "DIST=${PWD}/dist" >> $GITHUB_OUTPUT
+          echo "PACKAGE=${REPO##*/}" >> $GITHUB_OUTPUT
+
+      - name: Use Node.js 16.x
+        uses: actions/setup-node@v4
+        with:
+          node-version: 16.x
+          cache: 'npm'
+
+      - name: Get Composer cache directory
+        id: composer-cache
+        run: echo "dir=$(composer config cache-files-dir)" >> $GITHUB_OUTPUT
+
+      - name: Cache Composer vendor directory
+        uses: actions/cache@v3
+        with:
+          path: ${{ steps.composer-cache.outputs.dir }}
+          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
+          restore-keys: |
+            ${{ runner.os }}-composer-
+
+      - name: Show versions
+        run: |
+          php --version
+          composer --version
+          node --version
+          npm --version
+
+      - name: Validate composer.json and composer.lock
+        run: composer validate
+
+      - name: Install PHP Dependencies
+        run: composer install --no-progress --no-dev --optimize-autoloader --prefer-dist
+
+      - name: Setup Registry
+        run: printf "\n//npm.pkg.github.com/:_authToken=${{ secrets.NEWFOLD_ACCESS_TOKEN }}" >> .npmrc
+
+      - name: NPM Install
+        run: npm ci --legacy-peer-deps
+
+      - name: ESLint
+        run: npm run lint:js

package.json

@@ -34,6 +34,7 @@
         "@wordpress/i18n": "^4.45.0",
         "@wordpress/icons": "^9.36.0",
         "classnames": "^2.3.2",
+        "eslint-import-resolver-alias": "^1.1.2",
         "jquery": "^3.7.1",
         "lodash": "^4.17.21",
         "react": "^18.2.0",
@@ -47,9 +48,11 @@
         "@tailwindcss/forms": "^0.5.6",
         "@testing-library/cypress": "^10.0.1",
         "@wordpress/env": "^8.11.0",
+        "@wordpress/eslint-plugin": "^17.3.0",
         "@wordpress/scripts": "^26.16.0",
         "cypress": "^13.4.0",
         "cypress-axe": "^1.5.0",
+        "eslint-plugin-import": "^2.29.0",
         "tailwindcss": "^3.3.5"
     },
     "scripts": {