CI: adding prettier to pre-commit (#1009)

.pre-commit-config.yaml

@@ -28,6 +28,13 @@ repos:
     rev: v0.0.286
     hooks:
       - id: ruff
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: v3.1.0
+    hooks:
+    - id: prettier
+      types_or: [html, css, javascript, ts, tsx]
+      additional_dependencies:
+      - prettier
 
   # We would like to have a mypy pre-commit hook, but due to the fact that
   # pre-commit runs in it's own isolated environment, we would need to install

backend/tests/unit/danswer/connectors/cross_connector_utils/test_table.html

@@ -1,39 +1,43 @@
 <p>This page is to ensure we’re able to parse a table into a tsv</p>
-<table data-table-width="760" data-layout="default" ac:local-id="3ad64d9f-01f1-4f78-876e-0fdf84e826a6">
+<table
-   <tbody>
+  data-table-width="760"
-      <tr>
+  data-layout="default"
-         <th>
+  ac:local-id="3ad64d9f-01f1-4f78-876e-0fdf84e826a6"
-            <p><strong>hello</strong></p>
+>
-         </th>
+  <tbody>
-         <th>
+    <tr>
-            <p><strong>there</strong></p>
+      <th>
-         </th>
+        <p><strong>hello</strong></p>
-         <th>
+      </th>
-            <p><strong>general</strong></p>
+      <th>
-         </th>
+        <p><strong>there</strong></p>
-      </tr>
+      </th>
-      <tr>
+      <th>
-         <td>
+        <p><strong>general</strong></p>
-            <p>kenobi</p>
+      </th>
-         </td>
+    </tr>
-         <td>
+    <tr>
-            <p>a</p>
+      <td>
-         </td>
+        <p>kenobi</p>
-         <td>
+      </td>
-            <p>b</p>
+      <td>
-         </td>
+        <p>a</p>
-      </tr>
+      </td>
-      <tr>
+      <td>
-         <td>
+        <p>b</p>
-            <p>c</p>
+      </td>
-         </td>
+    </tr>
-         <td>
+    <tr>
-            <p>d</p>
+      <td>
-         </td>
+        <p>c</p>
-         <td>
+      </td>
-            <p>e</p>
+      <td>
-         </td>
+        <p>d</p>
-      </tr>
+      </td>
-   </tbody>
+      <td>
+        <p>e</p>
+      </td>
+    </tr>
+  </tbody>
 </table>
 <p />

web/src/app/chat/Chat.tsx

@@ -148,10 +148,10 @@ export const Chat = ({
           (persona) => persona.id === existingChatSessionPersonaId
         )
       : defaultSelectedPersonaId !== undefined
-      ? availablePersonas.find(
+        ? availablePersonas.find(
-          (persona) => persona.id === defaultSelectedPersonaId
+            (persona) => persona.id === defaultSelectedPersonaId
-        )
+          )
-      : undefined
+        : undefined
   );
   const livePersona = selectedPersona || availablePersonas[0];
 

web/src/components/admin/connectors/table/ConnectorsTable.tsx

@@ -87,7 +87,7 @@ export function StatusRow<ConnectorConfigType, ConnectorCredentialType>({
 
 export interface ColumnSpecification<
   ConnectorConfigType,
-  ConnectorCredentialType
+  ConnectorCredentialType,
 > {
   header: string;
   key: string;
@@ -101,7 +101,7 @@ export interface ColumnSpecification<
 
 export interface ConnectorsTableProps<
   ConnectorConfigType,
-  ConnectorCredentialType
+  ConnectorCredentialType,
 > {
   connectorIndexingStatuses: ConnectorIndexingStatus<
     ConnectorConfigType,

web/src/components/admin/connectors/table/SingleUseConnectorsTable.tsx

@@ -46,7 +46,7 @@ const SingleUseConnectorStatus = ({
 
 export function SingleUseConnectorsTable<
   ConnectorConfigType,
-  ConnectorCredentialType
+  ConnectorCredentialType,
 >({
   connectorIndexingStatuses,
   liveCredential,

web/src/lib/types.ts

@@ -171,7 +171,7 @@ export interface IndexAttemptSnapshot {
 
 export interface ConnectorIndexingStatus<
   ConnectorConfigType,
-  ConnectorCredentialType
+  ConnectorCredentialType,
 > {
   cc_pair_id: number;
   name: string | null;