chore: replace Yarn with npm and refresh frontend tooling

.github/workflows/node.js.yml

@@ -0,0 +1,23 @@
+# This workflow will do a clean install of node dependencies and build the source code.
+# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions
+
+name: Node.js CI
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v7
+    - name: Use Node.js from package.json
+      uses: actions/setup-node@v7
+      with:
+        node-version-file: package.json
+        cache: npm
+    - run: npm ci
+    - run: npm run build

.github/workflows/php-quality.yml

@@ -0,0 +1,32 @@
+name: PHP Quality
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  run:
+    runs-on: ubuntu-latest
+    strategy:
+      fail-fast: false
+      matrix:
+        php-versions: [ '8.3' ]
+    name: PHP ${{ matrix.php-versions }} Test
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v1
+
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: ${{ matrix.php-versions }}
+          extensions: mbstring, intl #optional, setup extensions
+
+      - name: Check composer
+        run: composer validate
+
+      - name: Add dependencies
+        run: composer install
+
+      - name: Check cs
+        run: composer cs

.gitignore

@@ -7,7 +7,6 @@
 !.yarn/sdks
 !.yarn/versions
 node_modules/
-package-lock.json
 
 .wp-env/mu-plugins/
 .wp-env/plugins/*

composer.json

@@ -20,15 +20,21 @@
 	},
 	"minimum-stability": "dev",
 	"prefer-stable": true,
+	"extra": {
+		"installer-paths": {
+			".wp-env/mu-plugins/{$name}/": [
+				"type:wordpress-muplugin"
+			],
+			".wp-env/plugins/{$name}/": [
+				"type:wordpress-plugin"
+			]
+		}
+	},
 	"repositories": [
 		{
+			"name": "wp-packages",
 			"type": "composer",
-			"url": "https://wpackagist.org",
-			"only": [
-				"wpackagist-plugin/*",
-				"wpackagist-theme/*"
-			],
-			"canonical": false
+			"url": "https://repo.wp-packages.org"
 		},
 		{
 			"type": "composer",
@@ -43,28 +49,18 @@
 		"beapi/blockparty-tabs": "^1.0",
 		"beapi/mega-menu-block": "^1.0.3",
 		"themeone/wp-grid-builder": "^2.1",
-		"wpackagist-plugin/safe-svg": "^2.0",
-		"wpackagist-plugin/wordpress-seo": "^24.6",
-		"wpengine/advanced-custom-fields-pro": "^6.3"
+		"wp-plugin/advanced-custom-fields": "6.8.8",
+		"wp-plugin/safe-svg": "2.4.0",
+		"wp-plugin/wordpress-seo": "28.3"
 	},
 	"require-dev": {
-		"composer/installers": "^1.0|^2.0",
-		"dealerdirect/phpcodesniffer-composer-installer": "^0.7",
-		"php-parallel-lint/php-parallel-lint": "^1.1",
-		"phpcompatibility/php-compatibility": "^9.3",
-		"phpro/grumphp-shim": "^1.3",
-		"squizlabs/php_codesniffer": "^3.7.1",
-		"wp-coding-standards/wpcs": "^3.0"
-	},
-	"extra": {
-		"installer-paths": {
-			".wp-env/mu-plugins/{$name}/": [
-				"type:wordpress-muplugin"
-			],
-			".wp-env/plugins/{$name}/": [
-				"type:wordpress-plugin"
-			]
-		}
+		"dealerdirect/phpcodesniffer-composer-installer": "^1.0",
+		"overtrue/phplint": "^9.0",
+		"php-parallel-lint/php-parallel-lint": "^1.4",
+		"phpcompatibility/phpcompatibility-wp": "^2.1",
+		"phpro/grumphp-shim": "^2.6",
+		"roave/security-advisories": "dev-latest",
+		"wp-coding-standards/wpcs": "3.4.1"
 	},
 	"scripts": {
 		"post-root-package-install": "php -r \"copy('.env.example', '.env');\"",

config/loaders.js

@@ -1,7 +1,6 @@
 const path = require('path');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const srcPath = path.resolve(__dirname, '../src');
-const nodeModulesPath = path.resolve(__dirname, '../node_modules');
 const browserslistConfig = require('@wordpress/browserslist-config');
 
 function isEditor(loaderContext) {
@@ -16,11 +15,7 @@ module.exports = {
 			{
 				test: /\.(woff|woff2)$/,
 				type: 'asset/resource',
-				include: [
-					srcPath + '/fonts',
-					nodeModulesPath + '/@fontsource-variable',
-					nodeModulesPath + '/@fontsource',
-				],
+				include: [srcPath + '/fonts'],
 				generator: {
 					filename: 'fonts/[name][ext][query]',
 				},

grumphp.yml

@@ -32,7 +32,7 @@ grumphp:
     npm_script:
       script: lint
       triggered_by: ['js', 'scss']
-      working_directory: "./web/app/themes/theme-name" # Change theme name here
+      working_directory: "."
       is_run_task: true
       silent: false
   testsuites: []