Merge branch 'main' into feature/reverse_sorting

Author: destrex271

.github/workflows/ci.yaml

@@ -19,3 +19,11 @@ jobs:
         uses: astral-sh/ruff-action@v2
         with:
           args: "format --check"
+
+      - name: Setup Biome
+        uses: biomejs/setup-biome@v2
+        with:
+          version: latest
+
+      - name: Run Biome
+        run: biome ci .

Makefile

@@ -1,8 +1,11 @@
 format:
 	ruff format
+	npx @biomejs/biome format --write
 
 lint:
 	ruff check
+	npx @biomejs/biome check
 
 lint-fix:
 	ruff check --fix
+	npx @biomejs/biome check --fix

README.md

@@ -76,14 +76,37 @@ admin interface, go back to the main interface. You're now logged in.
 
 ## Contributing
 
-Before committing make sure to install the git pre-commit hook to adhere to the
-codestyle.
+Code formatting and linting is done using [`ruff`] and [`biome`]. You can run
+formatting using `make format`. Linting can be done using `make lint` and
+automatic fixing of linting errors can be done using `make lint-fix`. CI checks
+that you adhere to these coding standards.
+
+You can install the git pre-commit hook to help you adhere to the codestyle:
 
 ```bash
 ln -s ../../tools/githook/pre-commit .git/hooks/
-
 ```
 
+[`ruff`]: https://docs.astral.sh/ruff/
+[`biome`]: https://biomejs.dev/
+
+### Discord
+
+If you want to discuss development of a fix/feature over chat. Please join the
+`#commitfest-dev` channel on the ["PostgreSQL Hacking" Discord server][1]
+
+[1]: https://discord.gg/XZy2DXj7Wz
+
+### Staging server
+
+The staging server is available at: <https://commitfest-test.postgresql.org/>
+User and password for the HTTP authentication popup are both `pgtest`. The
+`main` branch is automatically deployed to the staging server. After some time
+on the staging server, commits will be merged into the `prod` branch, which
+automatically deploys to the production server.
+
+### Regenerating the database dump files
+
 If you'd like to regenerate the database dump files, you can run the following commands:
 ```
 ./manage.py dumpdata auth  --format=json --indent=4 --exclude=auth.permission > pgcommitfest/commitfest/fixtures/auth_data.json

biome.json

@@ -0,0 +1,36 @@
+{
+    "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+    "vcs": {
+        "enabled": false,
+        "clientKind": "git",
+        "useIgnoreFile": false
+    },
+    "files": {
+        "ignoreUnknown": true,
+        "ignore": [],
+        "include": [
+            "media/commitfest/js/commitfest.js",
+            "media/commitfest/css/commitfest.css",
+            "biome.json"
+        ]
+    },
+    "formatter": {
+        "enabled": true,
+        "indentStyle": "space",
+        "indentWidth": 4
+    },
+    "organizeImports": {
+        "enabled": true
+    },
+    "linter": {
+        "enabled": true,
+        "rules": {
+            "recommended": true
+        }
+    },
+    "javascript": {
+        "formatter": {
+            "quoteStyle": "double"
+        }
+    }
+}

media/commitfest/css/commitfest.css

@@ -4,47 +4,45 @@
 
 /* For close button with float disabled */
 .close-nofloat {
-   float: none !important;
+    float: none !important;
 }
 
 /* General form styling */
 .form-horizontal div.form-group {
-   margin-bottom: 10px;
+    margin-bottom: 10px;
 }
 div.form-group div.controls ul {
-   list-style-type: none;
-   margin: 0px;
-   padding: 0px;
+    list-style-type: none;
+    margin: 0px;
+    padding: 0px;
 }
 div.form-group div.controls ul li {
-   display: inline;
+    display: inline;
 }
 div.form-group div.controls ul li label {
-   display: inline;
-   font-weight: normal;
-   vertical-align:middle;
+    display: inline;
+    font-weight: normal;
+    vertical-align: middle;
 }
 div.form-group div.controls ul li label input {
-   display: inline;
-   vertical-align:middle;
+    display: inline;
+    vertical-align: middle;
 }
-div.form-group div.controls input[type='checkbox'] {
-   width: 10px;
+div.form-group div.controls input[type="checkbox"] {
+    width: 10px;
 }
 
 div.form-group div.controls input.threadpick-input {
-   width: 80%;
-   display: inline;
+    width: 80%;
+    display: inline;
 }
 
-
-
 /*
  * Attach thread dialog
  */
 #attachThreadListWrap.loading {
     display: block;
-    background: url('/media/commitfest/spinner.gif') no-repeat center;
+    background: url("/media/commitfest/spinner.gif") no-repeat center;
     width: 124px;
     height: 124px;
     margin: 0 auto;
@@ -57,7 +55,7 @@ div.form-group div.controls input.threadpick-input {
  * Annotate message dialog */
 #annotateMessageBody.loading {
     display: block;
-    background: url('/media/commitfest/spinner.gif') no-repeat center;
+    background: url("/media/commitfest/spinner.gif") no-repeat center;
     width: 124px;
     height: 124px;
     margin: 0 auto;