frontend: apply prettier

PR-URL: hasura/graphql-engine-mono#7668
GitOrigin-RevId: 0ed901780092994ae40c2c57557c5854812a91b2

.git-blame-ignore-revs

@@ -1,2 +1,3 @@
 11a454c2d69bb05c3471be0d04d2282cc93a557e # reformat with Ormolu
 342391f39dd68dd7922ef29215e150dca7811975 # reformat with Ormolu v0.5.0.1
+fb19d80e16092186c6aa61bf90b3d1a55644a5a7 # Prettier reformat

frontend/.gitignore

@@ -42,3 +42,6 @@ Thumbs.db
 
 # Env
 .env
+
+# This is a snapshot generated during npm install, but not needed
+/snapshots.js

frontend/.prettierignore

@@ -3,3 +3,7 @@
 /dist
 /coverage
 /docs
+/apps/console-ce/src/assets/
+/apps/console-ee/src/assets/
+/apps/console-ce-e2e/**/snapshots.js
+/snapshots.js

frontend/.vscode/settings.json

@@ -2,7 +2,6 @@
   "eslint.validate": ["json"],
   "cSpell.words": ["clsx"],
   "tailwindCSS.experimental.classRegex": [
-
     "tw\\w+ ?= ?`([^`]*)`",
     "tw\\w+: ?`([^`]*)`"
   ],

frontend/README.md

@@ -6,8 +6,7 @@ Visit the [Nx Documentation](https://nx.dev) to learn more about it.
 
 This `frontend` monorepo contains the Hasura Console, in all the possible modes.
 
-
-*Last import [2023-01-12](https://github.com/hasura/graphql-engine-mono/tree/a8cbb297437e4c2d9ba4cab5da1e464d4eac43e4)*
+_Last import [2023-01-12](https://github.com/hasura/graphql-engine-mono/tree/a8cbb297437e4c2d9ba4cab5da1e464d4eac43e4)_
 
 ## Nx Console
 

frontend/apps/console-ce-e2e/README.md

@@ -1,6 +1,7 @@
 # Test
 
 ## Useful resources
+
 - [Cypress Dashboard for the Console project](https://dashboard.cypress.io/projects/5yiuic)
 
 ## Running all tests to generate coverage

frontend/apps/console-ce-e2e/src/e2e/_onboarding/snapshots.js

@@ -1,3 +1,3 @@
 module.exports = {
-  "__version": "10.4.0"
-}
+  __version: '10.4.0',
+};

frontend/apps/console-ce-e2e/src/e2e/actions/query/snapshots.js

@@ -1,3 +1,3 @@
 module.exports = {
-  "__version": "10.4.0"
-}
+  __version: '10.4.0',
+};

frontend/apps/console-ce-e2e/src/e2e/actions/query/utils/requests/waitForPostCreationRequests.ts

@@ -37,71 +37,71 @@
  * @see https://github.com/bahmutov/cypress-network-idle
  */
 
- import 'cypress-wait-until';
-
- export function waitForPostCreationRequests() {
-    let waitCompleted = false;
-
-    cy.log('*--- All requests must be settled*');
-
-    const pendingRequests = new Map();
-    cy.intercept('POST', 'http://localhost:8080/v1/metadata', req => {
-      if (waitCompleted) return;
-
-      Cypress.log({ message: '*--- Request pending*' });
-
-      pendingRequests.set(req, true);
-
-      req.continue(() => {
-        Cypress.log({ message: '*--- Request settled*' });
-
-        pendingRequests.delete(req);
-      });
-    });
-
-    Cypress.log({ message: '*--- Waiting for the first request to start*' });
-
-    // Check if at least one request has been caught. This check must protect from the following case
-    //
-    //            check          requests start           test failure, the requests got the UI re-rendered
-    //            |              |                        |
-    // |--🚦🔴----⚠️---🚦🟢-------1-2-3-4-5-6-7-1----------💥
-    //
-    // where checking that "there are no pending requests" falls in the false positive case where
-    // there are no pending requests because no one started at all.
-    //
-    // The check runs every millisecond to be 100% sure that no request can escape (ex. because of a
-    // super fast server). A false-negative case represented here
-    //
-    //         requests start requests end   check              check               test failure, no first request caught
-    //         |            | |           |  |                  |                   |
-    // |--🚦🔴--1-2-3-4-5-6-7-1-2-3-4-5-6-7--⚠️------------------⚠️------------------💥
-    cy.waitUntil(() => pendingRequests.size > 0, {
-      timeout: 5000, // 5 seconds is the default Cypress wait for a request to start
-      interval: 1,
-      errorMsg: 'No first request caught',
-    });
-
-    Cypress.log({ message: '*--- Waiting for all the requests to start*' });
-
-    // Let pass some time to collect all the requests. Otherwise, it could detect that the first
-    // request complete and go on with the test, even if another one will be performed in a while.
-    //
-    // This fixed wait protects from the following timeline
-    //
-    //           1st request start     first request end       other requests start   test failure, the requests got the UI re-rendered
-    //           |                     |                       |                      |
-    // |--🚦🔴---1---------------------1----🚦🟢----------------2-3-4-5-6-7-1----------💥
-    //
-    // Obviously, it is an empiric waiting, that also slows down the test.
-    cy.wait(500);
-
-    Cypress.log({ message: '*--- Waiting for all the requests to be settled*' });
-
-    cy.waitUntil(() => pendingRequests.size === 0, {
-      timeout: 30000, // 30 seconds is the default Cypress wait for the request to complete
-      errorMsg: 'Some requests are not settled yet',
-    }).then(() => {
-      waitCompleted = true;
+import 'cypress-wait-until';
+
+export function waitForPostCreationRequests() {
+  let waitCompleted = false;
+
+  cy.log('*--- All requests must be settled*');
+
+  const pendingRequests = new Map();
+  cy.intercept('POST', 'http://localhost:8080/v1/metadata', req => {
+    if (waitCompleted) return;
+
+    Cypress.log({ message: '*--- Request pending*' });
+
+    pendingRequests.set(req, true);
+
+    req.continue(() => {
+      Cypress.log({ message: '*--- Request settled*' });
+
+      pendingRequests.delete(req);
     });
-  }
+  });
+
+  Cypress.log({ message: '*--- Waiting for the first request to start*' });
+
+  // Check if at least one request has been caught. This check must protect from the following case
+  //
+  //            check          requests start           test failure, the requests got the UI re-rendered
+  //            |              |                        |
+  // |--🚦🔴----⚠️---🚦🟢-------1-2-3-4-5-6-7-1----------💥
+  //
+  // where checking that "there are no pending requests" falls in the false positive case where
+  // there are no pending requests because no one started at all.
+  //
+  // The check runs every millisecond to be 100% sure that no request can escape (ex. because of a
+  // super fast server). A false-negative case represented here
+  //
+  //         requests start requests end   check              check               test failure, no first request caught
+  //         |            | |           |  |                  |                   |
+  // |--🚦🔴--1-2-3-4-5-6-7-1-2-3-4-5-6-7--⚠️------------------⚠️------------------💥
+  cy.waitUntil(() => pendingRequests.size > 0, {
+    timeout: 5000, // 5 seconds is the default Cypress wait for a request to start
+    interval: 1,
+    errorMsg: 'No first request caught',
+  });
+
+  Cypress.log({ message: '*--- Waiting for all the requests to start*' });
+
+  // Let pass some time to collect all the requests. Otherwise, it could detect that the first
+  // request complete and go on with the test, even if another one will be performed in a while.
+  //
+  // This fixed wait protects from the following timeline
+  //
+  //           1st request start     first request end       other requests start   test failure, the requests got the UI re-rendered
+  //           |                     |                       |                      |
+  // |--🚦🔴---1---------------------1----🚦🟢----------------2-3-4-5-6-7-1----------💥
+  //
+  // Obviously, it is an empiric waiting, that also slows down the test.
+  cy.wait(500);
+
+  Cypress.log({ message: '*--- Waiting for all the requests to be settled*' });
+
+  cy.waitUntil(() => pendingRequests.size === 0, {
+    timeout: 30000, // 30 seconds is the default Cypress wait for the request to complete
+    errorMsg: 'Some requests are not settled yet',
+  }).then(() => {
+    waitCompleted = true;
+  });
+}