Lint JS code with Prettier

.github/workflows/lint.yml

@@ -3,7 +3,7 @@ name: Lint
 on: [pull_request]
 
 jobs:
-  Lint:
+  Standard:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout code
@@ -15,3 +15,23 @@ jobs:
           bundler-cache: true
       - name: Lint Ruby files
         run: bundle exec standardrb
+  Prettier:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: "18"
+      - name: Restore node_modules cache
+        uses: actions/cache@v3
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-modules-${{ hashFiles('package.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-modules
+      - name: Install dependencies
+        run: yarn install
+      - name: Lint code
+        run: yarn lint

.github/workflows/ci.yml → .github/workflows/test.yml

@@ -1,4 +1,4 @@
-name: CI
+name: Test
 
 on: [push, pull_request]
 

app/javascript/alchemy_admin/page_publication_fields.js

@@ -9,7 +9,7 @@ export default function () {
     )
     const public_field = dialog.querySelector("#page_public")
 
-    if(!public_field) return
+    if (!public_field) return
 
     public_field.addEventListener("click", function (evt) {
       const checkbox = evt.target

package.json

@@ -1,7 +1,8 @@
 {
   "name": "alchemy_admin",
   "scripts": {
-    "test": "jest"
+    "test": "jest",
+    "lint": "prettier --check 'app/javascript/**/*.js'"
   },
   "keywords": [],
   "author": "Thomas von Deyen",