Apply Prettier to the entire project

This ensures that our tests will be formatted by Prettier, among other things.

.eslintrc.cjs

@@ -1,42 +1,34 @@
 module.exports = {
-    plugins: [
-        "matrix-org",
-    ],
-    extends: [
+  plugins: ["matrix-org"],
+  extends: ["plugin:matrix-org/react", "plugin:matrix-org/a11y", "prettier"],
+  env: {
+    browser: true,
+    node: true,
+  },
+  parserOptions: {
+    ecmaVersion: "latest",
+    sourceType: "module",
+  },
+  rules: {
+    "jsx-a11y/media-has-caption": ["off"],
+  },
+  overrides: [
+    {
+      files: ["src/**/*.{ts,tsx}"],
+      extends: [
+        "plugin:matrix-org/typescript",
         "plugin:matrix-org/react",
-        "plugin:matrix-org/a11y",
         "prettier",
-    ],
-    env: {
-        browser: true,
-        node: true,
+      ],
+      rules: {
+        // We're aiming to convert this code to strict mode
+        "@typescript-eslint/no-non-null-assertion": "off",
+      },
     },
-    parserOptions: {
-        "ecmaVersion": "latest",
-        "sourceType": "module",
-    },
-    rules: {
-        "jsx-a11y/media-has-caption": ["off"],
-    },
-    overrides: [
-        {
-            files: [
-                "src/**/*.{ts,tsx}",
-            ],
-            extends: [
-                "plugin:matrix-org/typescript",
-                "plugin:matrix-org/react",
-                "prettier",
-            ],
-            rules: {
-                // We're aiming to convert this code to strict mode
-                "@typescript-eslint/no-non-null-assertion": "off",
-            },
-        },
-    ],
-    settings: {
-        react: {
-            version: "detect",
-        },
+  ],
+  settings: {
+    react: {
+      version: "detect",
     },
+  },
 };

.github/ISSUE_TEMPLATE/bug.yml

@@ -58,10 +58,10 @@ body:
     id: rageshake
     attributes:
       label: Will you send logs?
-      description:  |
+      description: |
         To send them, press the 'Submit Feedback' button and check 'Include Debug Logs'. Please link to this issue in the description field.
       options:
-        - 'Yes'
-        - 'No'
+        - "Yes"
+        - "No"
     validations:
       required: true

.github/workflows/lint.yaml

@@ -11,7 +11,7 @@ jobs:
       - name: Yarn cache
         uses: actions/setup-node@v3
         with:
-          cache: 'yarn'
+          cache: "yarn"
       - name: Install dependencies
         run: "yarn install"
       - name: Prettier

.github/workflows/netlify-main.yaml

@@ -21,7 +21,7 @@ jobs:
           env: main-branch-cd
           ref: ${{ github.event.workflow_run.head_sha }}
 
-      - name: 'Download artifact'
+      - name: "Download artifact"
         uses: actions/github-script@v3.1.0
         with:
           script: |

.github/workflows/triage-incoming.yaml

@@ -2,7 +2,7 @@ name: Move new issues into triage board
 
 on:
   issues:
-    types: [ opened ]
+    types: [opened]
 
 jobs:
   add-to-project:
@@ -13,13 +13,13 @@ jobs:
         with:
           headers: '{"GraphQL-Features": "projects_next_graphql"}'
           query: |
-              mutation add_to_project($projectid:ID!,$contentid:ID!) {
-                addProjectV2ItemById(input: {projectId: $projectid contentId: $contentid}) {
-                  item {
-                    id
-                  }
+            mutation add_to_project($projectid:ID!,$contentid:ID!) {
+              addProjectV2ItemById(input: {projectId: $projectid contentId: $contentid}) {
+                item {
+                  id
                 }
               }
+            }
           projectid: ${{ env.PROJECT_ID }}
           contentid: ${{ github.event.issue.node_id }}
         env:

.vscode/settings.json

@@ -5,18 +5,18 @@
   "editor.tabSize": 2,
   "[typescriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascriptreact]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[typescript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   },
   "[javascript]": {
     "editor.formatOnSave": true,
-    "editor.defaultFormatter": "esbenp.prettier-vscode",
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
   }
 }

CONTRIBUTING.md

@@ -1,4 +1,3 @@
-Contributing code to Element
-============================
+# Contributing code to Element
 
 Element follows the same pattern as the [matrix-js-sdk](https://github.com/matrix-org/matrix-js-sdk/blob/develop/CONTRIBUTING.md).

i18next-parser.config.js

@@ -6,11 +6,13 @@ export default {
   createOldCatalogs: false,
   defaultNamespace: "app",
   lexers: {
-    ts: [{
-      lexer: "JavascriptLexer",
-      functions: ["t", "translatedError"],
-      functionsNamespace: ["useTranslation", "withTranslation"],
-    }],
+    ts: [
+      {
+        lexer: "JavascriptLexer",
+        functions: ["t", "translatedError"],
+        functionsNamespace: ["useTranslation", "withTranslation"],
+      },
+    ],
   },
   locales: ["en-GB"],
   output: "public/locales/$LOCALE/$NAMESPACE.json",

package.json

@@ -7,8 +7,8 @@
     "serve": "vite preview",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook",
-    "prettier:check": "prettier -c src",
-    "prettier:format": "prettier -w src",
+    "prettier:check": "prettier -c .",
+    "prettier:format": "prettier -w .",
     "lint": "yarn lint:types && yarn lint:js",
     "lint:js": "eslint --max-warnings 0 src",
     "lint:types": "tsc",

public/index.html

@@ -1,20 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="favicon.png" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
+    />
+    <title><%- title %></title>
+    <script>
+      window.global = window;
+    </script>
+  </head>
 
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="favicon.png" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
-  <title>
-    <%- title %>
-  </title>
-  <script>
-    window.global = window;
-  </script>
-</head>
-
-<body>
-  <div id="root"></div>
-</body>
-
+  <body>
+    <div id="root"></div>
+  </body>
 </html>

test/mocks/olmMock.ts

@@ -1 +1 @@
-module.exports = { loadOlm: jest.fn(async () => {}) }
+module.exports = { loadOlm: jest.fn(async () => {}) };