chore(ext): Check extension formats in Actions

Using typescript-formatter for JavaScript and js-beautify for HTML. This
should be quite close to my vtsls + vscode-html-languageservice (which
uses js-beautify [1]) Neovim setup, as well as VSCode out of the box.

[1] https://code.visualstudio.com/docs/languages/html#_formatting

Author: Frederick888

.github/workflows/ci.yml

@@ -31,6 +31,21 @@ jobs:
           path: |
             external-editor-revived.xpi
 
+  format_extension:
+    name: Format MailExtension
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+      - name: Format
+        shell: bash
+        run: |
+          pushd ./extension
+          yarn install
+          find . -type f -name '*.js' ! -path './node_modules/*' -exec yarn run tsfmt -r '{}' \+
+          find . -type f -name '*.html' ! -path './node_modules/*' -exec yarn run js-beautify --replace '{}' \+
+          git diff --exit-code
+
   messaging_host:
     name: Build, lint, and test messaging host
     runs-on: ${{ matrix.os }}

.gitignore

@@ -1,2 +1,4 @@
 /target
 /*.xpi
+/extension/node_modules
+/extension/yarn.lock

extension/.jsbeautifyrc

@@ -0,0 +1,5 @@
+{
+  "indent_size": 2,
+  "end_with_newline": true,
+  "wrap_line_length": 120
+}

extension/options/options.html

@@ -62,7 +62,6 @@
     #temp-dir {
       width: 100%;
     }
-
   </style>
 </head>
 

extension/package.json

@@ -5,5 +5,11 @@
   "main": "background.js",
   "author": "Frederick Zhang",
   "license": "GPL-3.0-or-later",
-  "private": false
+  "private": false,
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
+  "devDependencies": {
+    "js-beautify": "^1.15.3",
+    "typescript": "^5.7.3",
+    "typescript-formatter": "^7.2.2"
+  }
 }

extension/tsfmt.json

@@ -0,0 +1,5 @@
+{
+  "indentSize": 2,
+  "newLineCharacter": "\n",
+  "insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": false
+}