add prettier to the standard flow

aine-etke · aine-etke · commit 339e885f15d1 · 2026-02-04T01:41:05.000Z
diff --git a/.prettierignore b/.prettierignore
@@ -1,2 +1,3 @@
 .vscode
 .yarn
+**/*.md
diff --git a/.watchmanconfig b/.watchmanconfig
@@ -1,5 +1,3 @@
 {
-    "ignore_dirs": [
-        "testdata"
-    ]
+  "ignore_dirs": ["testdata"]
 }
diff --git a/docker-compose-dev.yml b/docker-compose-dev.yml
@@ -4,22 +4,22 @@ services:
     entrypoint: python
     command: "-m synapse.app.homeserver -c /config/homeserver.yaml"
     volumes:
-    - ./testdata/synapse:/config
-    - ./testdata/synapse.data:/media-store
+      - ./testdata/synapse:/config
+      - ./testdata/synapse.data:/media-store
 
   mas:
     image: ghcr.io/element-hq/matrix-authentication-service:latest
     ports:
-    - "8007:8007"
+      - "8007:8007"
     volumes:
-    - ./testdata/mas/config.yaml:/config.yaml:ro
+      - ./testdata/mas/config.yaml:/config.yaml:ro
 
   nginx:
     image: nginx:latest
     ports:
-    - "8008:8008"
+      - "8008:8008"
     volumes:
-    - ./testdata/nginx/nginx.conf:/etc/nginx/conf.d/nginx.conf:ro
+      - ./testdata/nginx/nginx.conf:/etc/nginx/conf.d/nginx.conf:ro
 
   synapse-admin-prod:
     image: ghcr.io/etkecc/synapse-admin
@@ -31,17 +31,17 @@ services:
         condition: service_healthy
         restart: true
     ports:
-    - "8080:8080"
+      - "8080:8080"
     volumes:
-    - ./testdata/element/nginx.conf:/etc/nginx/nginx.conf:ro
-    - /dev/null:/etc/nginx/conf.d/default.conf:ro
-    - ./testdata/element/config.json:/app/config.json:ro
+      - ./testdata/element/nginx.conf:/etc/nginx/nginx.conf:ro
+      - /dev/null:/etc/nginx/conf.d/default.conf:ro
+      - ./testdata/element/config.json:/app/config.json:ro
 
   postgres:
     image: postgres:17-alpine
     volumes:
-    - ./testdata/postgres.data:/var/lib/postgresql/data
-    - ./testdata/postgres.initdb:/docker-entrypoint-initdb.d:ro
+      - ./testdata/postgres.data:/var/lib/postgresql/data
+      - ./testdata/postgres.initdb:/docker-entrypoint-initdb.d:ro
     environment:
       POSTGRES_USER: synapse
       POSTGRES_PASSWORD: synapse
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="utf-8" />
@@ -10,18 +10,8 @@
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link
-      rel="manifest"
-      href="./manifest.json"
-      media="(prefers-color-scheme: light)"
-      data-scheme="light"
-    />
-    <link
-      rel="manifest"
-      href="./manifest-dark.json"
-      media="(prefers-color-scheme: dark)"
-      data-scheme="dark"
-    />
+    <link rel="manifest" href="./manifest.json" media="(prefers-color-scheme: light)" data-scheme="light" />
+    <link rel="manifest" href="./manifest-dark.json" media="(prefers-color-scheme: dark)" data-scheme="dark" />
     <link rel="shortcut icon" href="./favicon.ico" />
     <title>Synapse Admin</title>
     <style>
@@ -87,7 +77,7 @@
       .loader:before,
       .loader:after {
         position: absolute;
-        content: '';
+        content: "";
       }
 
       .loader:before {
@@ -118,23 +108,23 @@
 
       @-webkit-keyframes load2 {
         0% {
-            -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+          -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
         }
         100% {
-            -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+          -webkit-transform: rotate(360deg);
+          transform: rotate(360deg);
         }
       }
 
       @keyframes load2 {
         0% {
-            -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+          -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
         }
         100% {
-            -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+          -webkit-transform: rotate(360deg);
+          transform: rotate(360deg);
         }
       }
     </style>
@@ -147,7 +137,7 @@
       </div>
     </div>
     <script type="module" src="/src/index.tsx"></script>
-    <span id="js-version" style="display: none;"></span>
+    <span id="js-version" style="display: none"></span>
   </body>
   <script>
     const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
diff --git a/justfile b/justfile
@@ -48,9 +48,10 @@ stop-dev:
 register-user localpart password *admin:
     docker-compose -f docker-compose-dev.yml exec mas mas-cli manage register-user --yes {{ if admin =="1" {"--admin"} else {"--no-admin"} }} -p {{ password }} {{ localpart }}
 
-# run yarn {fix,lint,test} commands
+# run yarn {fix,format,test} commands
 test:
     @-yarn run fix
+    @-yarn run format
     @-yarn run test
 
 # run the app in a production mode
diff --git a/package.json b/package.json
@@ -97,6 +97,7 @@
     "start": "vite serve",
     "build": "vite build",
     "lint": "ESLINT_USE_FLAT_CONFIG=false eslint --ignore-path .gitignore --ignore-pattern testdata/ --ext .ts,.tsx .",
+    "format": "prettier --write \"src/**/*\"",
     "fix": "yarn lint --fix",
     "test": "yarn jest",
     "test:watch": "yarn jest --watch"

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`	`1`	`{`
`2`		`- "ignore_dirs": [`
`3`		`- "testdata"`
`4`		`- ]`
	`2`	`+ "ignore_dirs": ["testdata"]`
`5`	`3`	`}`