Add prettier to pre-commit

Author: easyCZ

.gitpod.yml

@@ -14,15 +14,15 @@ ports:
     onOpen: ignore
   - port: 9229
     onOpen: ignore
-# Go proxy
+  # Go proxy
   - port: 9999
     onOpen: ignore
   - port: 13001
     onOpen: ignore
-# Werft
+  # Werft
   - port: 7777
     onOpen: ignore
-# Dev Theia
+  # Dev Theia
   - port: 13444
 tasks:
   - name: Add Harvester kubeconfig
@@ -40,6 +40,9 @@ tasks:
   - name: Go
     init: leeway exec --filter-type go -v -- go mod verify
     openMode: split-right
+  - name: pre-commit
+    # install pre-commit hooks into git
+    before: pre-commit install
 vscode:
   extensions:
     - bradlc.vscode-tailwindcss

.pre-commit-config.yaml

@@ -1,34 +1,40 @@
 repos:
-- repo: https://github.com/pre-commit/pre-commit-hooks
-  rev: v4.0.1
-  hooks:
-    #- id: check-yaml
-    #  args: [--allow-multiple-documents]
-    # - id: end-of-file-fixer
-    - id: trailing-whitespace
-      exclude: .*/src/main/java/io/gitpod/supervisor/api/.*
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v4.1.0
+    hooks:
+      #- id: check-yaml
+      #  args: [--allow-multiple-documents]
+      # - id: end-of-file-fixer
+      - id: trailing-whitespace
+        exclude: .*/src/main/java/io/gitpod/supervisor/api/.*
 
-    - id: check-symlinks
-    - id: mixed-line-ending
-    - id: check-case-conflict
-    - id: check-executables-have-shebangs
-    - id: check-shebang-scripts-are-executable
-    - id: check-merge-conflict
+      - id: check-symlinks
+      - id: mixed-line-ending
+      - id: check-case-conflict
+      - id: check-executables-have-shebangs
+      - id: check-shebang-scripts-are-executable
+      - id: check-merge-conflict
 
+  # keep fork in sync!
+  - repo: https://github.com/gitpod-io/pre-commit-hooks
+    rev: "2.1.5"
+    hooks:
+      - id: forbid-binary
+        exclude: |
+          (?x)^(
+            .*example-layer.tar.gz|
+            .*\.(png|svg|ico|gpg)|
+            dev/version-manifest/version-manifest|
+            .*gradle-wrapper\.jar
+          )$
+      - id: script-must-have-extension
+      - id: shellcheck
+        args: [-e, "SC1090,SC1091"]
+        exclude: .*/gradlew$
 
-# keep fork in sync!
-- repo: https://github.com/gitpod-io/pre-commit-hooks
-  rev: "2.1.5"
-  hooks:
-    - id: forbid-binary
-      exclude: |
-        (?x)^(
-          .*example-layer.tar.gz|
-          .*\.(png|svg|ico|gpg)|
-          dev/version-manifest/version-manifest|
-          .*gradle-wrapper\.jar
-        )$
-    - id: script-must-have-extension
-    - id: shellcheck
-      args: [-e, "SC1090,SC1091"]
-      exclude: .*/gradlew$
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: "v2.5.1"
+    hooks:
+      - id: prettier
+        # Only enabled for WebApp components initially, to build consensus and incrementally onboard others
+        files: ^components\/(server|gitpod-protocol|gitpod-db|dashboard)\/.*\.ts(x?)$