setup autoformatting (#64)

Closes #9

* ci(deps): add prettier

* ci: add format script

* chore: format everything

* ci: add autofix

Author: MrGreenTea

.all-contributorsrc

@@ -1,7 +1,5 @@
 {
-  "files": [
-    "README.md"
-  ],
+  "files": ["README.md"],
   "imageSize": 100,
   "commit": false,
   "commitType": "docs",
@@ -12,29 +10,21 @@
       "name": "Hannes",
       "avatar_url": "https://avatars.githubusercontent.com/u/127860003?v=4",
       "profile": "https://github.com/Han2-Ro",
-      "contributions": [
-        "code",
-        "doc"
-      ]
+      "contributions": ["code", "doc"]
     },
     {
       "login": "MrGreenTea",
       "name": "Jonas",
       "avatar_url": "https://avatars.githubusercontent.com/u/9407731?v=4",
       "profile": "http://bulik.dev",
-      "contributions": [
-        "infra",
-        "code"
-      ]
+      "contributions": ["infra", "code"]
     },
     {
       "login": "aprevrah",
       "name": "ap",
       "avatar_url": "https://avatars.githubusercontent.com/u/119614085?v=4",
       "profile": "https://github.com/aprevrah",
-      "contributions": [
-        "code"
-      ]
+      "contributions": ["code"]
     }
   ],
   "contributorsPerLine": 7,

.github/workflows/autofix.yml

@@ -0,0 +1,24 @@
+name: autofix.ci
+on:
+  pull_request:
+  push:
+    branches:
+      - main
+permissions:
+  contents: read
+
+jobs:
+  autofix:
+    runs-on: ubuntu-24.04
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: "pnpm"
+      - name: Install Node Dependencies
+        run: pnpm install
+      - run: pnpm run format
+      - uses: autofix-ci/action@551dded8c6cc8a1054039c8bc0b8b48c51dfc6ef

README.md

@@ -1,49 +1,58 @@
 # CMS for YoungVision.org - Built with Payload CMS
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
+
 [![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
+
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 
 This is the content management system (CMS) for [youngvision.org](https://www.youngvision.org/) ([repository](https://github.com/YoungVision-eV/website)), built using [Payload CMS](https://payloadcms.com/). It is currently used to create and manage the events displayed on our website.
 
 ## 📦 Prerequisites
 
 Before you begin, ensure you have the following installed:
+
 - Node.js (v16 or higher)
 - pnpm
 - docker / podman
 
 ## 🏃 Getting Started
 
 1. **Clone the repository**
+
    ```bash
    git clone https://github.com/YoungVision-eV/website-cms.git
    cd website-cms
    ```
 
 1. **Install dependencies**
+
    ```bash
    pnpm install
    ```
 
 1. **Environment Setup**
+
    - Copy the `.env.example` file to `.env`
 
 1. **MongoDB Setup**
+
    - Start MongoDB for example with Docker:
      ```bash
      docker run --name mongodb-website-cms -p 27017:27017 mongo:latest
      ```
    - If needed update the `DATABASE_URI` in the `.env` file
 
 1. **Development**
+
    - Start the development server:
      ```bash
      pnpm dev
      ```
    - The CMS will be available at `http://localhost:3000/admin`
 
 1. **Build for Production**
+
    ```bash
    pnpm build
    ```
@@ -67,7 +76,7 @@ Before you begin, ensure you have the following installed:
 - `pnpm serve` - Start production server
 - `pnpm generate:types` - Generate TypeScript types (which are used in the [Frontend](https://github.com/YoungVision-eV/website/blob/main/src/data/payload-types.ts))
 
-## ✨ Contributors 
+## ✨ Contributors
 
 Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
 

docker-compose.yml

@@ -11,13 +11,13 @@ services:
       - PAYLOAD_SECRET
       - DATABASE_URI=mongodb://mongo:27017/website
     volumes:
-      - 'payload-uploads:/app/dist/uploads'
+      - "payload-uploads:/app/dist/uploads"
     env_file:
-      - path: '.env'
+      - path: ".env"
         required: false
     restart: unless-stopped
     healthcheck:
-      test: 'wget --spider http://localhost:3000/api/health || exit 1'
+      test: "wget --spider http://localhost:3000/api/health || exit 1"
       interval: 10s
       timeout: 10s
       retries: 5
@@ -28,18 +28,18 @@ services:
     command:
       - --storageEngine=wiredTiger
     volumes:
-      - 'payload-mongo-data:/data/db'
-      - 'payload-mongo-config:/data/configdb'
+      - "payload-mongo-data:/data/db"
+      - "payload-mongo-config:/data/configdb"
     env_file:
-      - path: '.env'
+      - path: ".env"
         required: false
     restart: unless-stopped
     healthcheck:
       test: echo 'db.runCommand("ping").ok' | mongo mongo:27017/website --quiet
       interval: 10s
       timeout: 10s
       retries: 5
-      start_period: 40s 
+      start_period: 40s
 volumes:
   payload-uploads:
   payload-mongo-data:

package.json

@@ -14,7 +14,8 @@
     "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png}\" dist/",
     "generate:types": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload generate:types",
     "generate:graphQLSchema": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload generate:graphQLSchema",
-    "payload": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload"
+    "payload": "cross-env PAYLOAD_CONFIG_PATH=src/payload.config.ts payload",
+    "format": "prettier --write ."
   },
   "dependencies": {
     "@payloadcms/bundler-webpack": "^1.0.0",
@@ -31,6 +32,7 @@
     "@types/express": "^4.17.9",
     "copyfiles": "^2.4.1",
     "nodemon": "^3.0.0",
+    "prettier": "^3.5.1",
     "ts-node": "^10.0.0",
     "typescript": "^5.0.0"
   }