Apply biome fmt fixes

Author: rustworthy

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/.eslintrc.cjs

@@ -8,8 +8,8 @@
 module.exports = {
   root: true,
   parserOptions: {
-    ecmaVersion: "latest",
-    sourceType: "module",
+    ecmaVersion: 'latest',
+    sourceType: 'module',
     ecmaFeatures: {
       jsx: true,
     },
@@ -19,63 +19,59 @@ module.exports = {
     commonjs: true,
     es6: true,
   },
-  ignorePatterns: ["!**/.server", "!**/.client"],
+  ignorePatterns: ['!**/.server', '!**/.client'],
 
   // Base config
-  extends: ["eslint:recommended"],
+  extends: ['eslint:recommended'],
 
   overrides: [
     // React
     {
-      files: ["**/*.{js,jsx,ts,tsx}"],
-      plugins: ["react", "jsx-a11y"],
+      files: ['**/*.{js,jsx,ts,tsx}'],
+      plugins: ['react', 'jsx-a11y'],
       extends: [
-        "plugin:react/recommended",
-        "plugin:react/jsx-runtime",
-        "plugin:react-hooks/recommended",
-        "plugin:jsx-a11y/recommended",
+        'plugin:react/recommended',
+        'plugin:react/jsx-runtime',
+        'plugin:react-hooks/recommended',
+        'plugin:jsx-a11y/recommended',
       ],
       settings: {
         react: {
-          version: "detect",
+          version: 'detect',
         },
-        formComponents: ["Form"],
+        formComponents: ['Form'],
         linkComponents: [
-          { name: "Link", linkAttribute: "to" },
-          { name: "NavLink", linkAttribute: "to" },
+          { name: 'Link', linkAttribute: 'to' },
+          { name: 'NavLink', linkAttribute: 'to' },
         ],
-        "import/resolver": {
+        'import/resolver': {
           typescript: {},
         },
       },
     },
 
     // Typescript
     {
-      files: ["**/*.{ts,tsx}"],
-      plugins: ["@typescript-eslint", "import"],
-      parser: "@typescript-eslint/parser",
+      files: ['**/*.{ts,tsx}'],
+      plugins: ['@typescript-eslint', 'import'],
+      parser: '@typescript-eslint/parser',
       settings: {
-        "import/internal-regex": "^~/",
-        "import/resolver": {
+        'import/internal-regex': '^~/',
+        'import/resolver': {
           node: {
-            extensions: [".ts", ".tsx"],
+            extensions: ['.ts', '.tsx'],
           },
           typescript: {
             alwaysTryTypes: true,
           },
         },
       },
-      extends: [
-        "plugin:@typescript-eslint/recommended",
-        "plugin:import/recommended",
-        "plugin:import/typescript",
-      ],
+      extends: ['plugin:@typescript-eslint/recommended', 'plugin:import/recommended', 'plugin:import/typescript'],
     },
 
     // Node
     {
-      files: [".eslintrc.cjs", "server.js"],
+      files: ['.eslintrc.cjs', 'server.js'],
       env: {
         node: true,
       },

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/app/entry.client.tsx

@@ -1,8 +1,8 @@
 import { RemixBrowser, useLocation, useMatches } from '@remix-run/react';
 import * as Sentry from '@sentry/remix';
-import type { ISentry } from 'types';
 import { StrictMode, startTransition, useEffect } from 'react';
 import { hydrateRoot } from 'react-dom/client';
+import type { ISentry } from 'types';
 
 Sentry.init({
   environment: 'qa', // dynamic sampling bias to keep transactions

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/app/entry.server.tsx

@@ -1,6 +1,6 @@
-import * as Sentry from '@sentry/remix';
 import fsp from 'node:fs/promises';
 import util from 'node:util';
+import * as Sentry from '@sentry/remix';
 
 Sentry.init({
   tracesSampleRate: 1.0, // Capture 100% of the transactions, reduce in production!

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/app/routes/_index.tsx

@@ -1,6 +1,6 @@
+import { MetaFunction } from '@remix-run/node';
 import { Link, useSearchParams } from '@remix-run/react';
 import * as Sentry from '@sentry/remix';
-import { MetaFunction } from '@remix-run/node';
 
 // we will then demonstrate in out e2e tests that `sentry-trace` and `babbage`
 // are inhereted and play nicely with route-level meta info

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/playwright.config.ts

@@ -42,24 +42,24 @@ const config: PlaywrightTestConfig = {
 
   /* Configure projects for major browsers */
   projects: [
-    { name: "setup", testMatch: /global\.setup\.ts/, teardown: "teardown" },
+    { name: 'setup', testMatch: /global\.setup\.ts/, teardown: 'teardown' },
     {
       name: 'chromium',
       use: {
         ...devices['Desktop Chrome'],
       },
-      dependencies: ["setup"]
+      dependencies: ['setup'],
     },
-    { name: "teardown", testMatch: /global\.teardown\.ts/},
+    { name: 'teardown', testMatch: /global\.teardown\.ts/ },
   ],
 
   /* Run your local dev server before starting the tests */
   webServer: [
     {
       command: `PORT=${PORT} pnpm dev:events`,
       port: PORT,
-      stdout: "pipe",
-      stderr: "pipe",
+      stdout: 'pipe',
+      stderr: 'pipe',
     },
   ],
 };

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/server.js

@@ -1,13 +1,13 @@
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { wrapFastifyCreateRequestHandler } from '@sentry/remix';
-import { installGlobals } from '@remix-run/node';
-import { createRequestHandler } from '@mcansh/remix-fastify';
-import fastify from 'fastify';
 import compression from '@fastify/compress';
 import middie from '@fastify/middie';
 import multipart from '@fastify/multipart';
 import serveStatic from '@fastify/static';
+import { createRequestHandler } from '@mcansh/remix-fastify';
+import { installGlobals } from '@remix-run/node';
+import { wrapFastifyCreateRequestHandler } from '@sentry/remix';
+import fastify from 'fastify';
 
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/tests/axios.ts

@@ -1,14 +1,12 @@
-
 import { default as Axios } from 'axios';
 
 const authToken = process.env.E2E_TEST_AUTH_TOKEN;
 const sentryTestOrgSlug = process.env.E2E_TEST_SENTRY_ORG_SLUG;
 const sentryTestProject = process.env.E2E_TEST_SENTRY_TEST_PROJECT;
 
-export const axios = Axios.create(
-  {
-    baseURL: `https://sentry.io/api/0/projects/${sentryTestOrgSlug}/${sentryTestProject}`,
-    headers: { Authorization: `Bearer ${authToken}` } }
-  );
+export const axios = Axios.create({
+  baseURL: `https://sentry.io/api/0/projects/${sentryTestOrgSlug}/${sentryTestProject}`,
+  headers: { Authorization: `Bearer ${authToken}` },
+});
 
-export { AxiosError } from "axios";
+export { AxiosError } from 'axios';

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/tests/behaviour-client.test.ts

@@ -23,7 +23,7 @@ test('Sends a client-side exception to Sentry', async ({ page }) => {
         } catch (e) {
           const notThereJustYet = e instanceof AxiosError && e.response && e.response.status === 404;
           if (notThereJustYet) return 404;
-          throw e
+          throw e;
         }
       },
       {
@@ -38,7 +38,7 @@ test('Sends a pageload transaction to Sentry', async ({ page }) => {
 
   const recordedTransactionsHandle = await page.waitForFunction(() => {
     const hasTransactions = Array.isArray(window.recordedTransactions) && window.recordedTransactions.length >= 1;
-    if (hasTransactions) return window.recordedTransactions
+    if (hasTransactions) return window.recordedTransactions;
   });
   const eventIds = await recordedTransactionsHandle.jsonValue();
   if (!eventIds) throw new Error("Application didn't record any transaction event IDs.");
@@ -58,7 +58,7 @@ test('Sends a pageload transaction to Sentry', async ({ page }) => {
             } catch (e) {
               const notThereJustYet = e instanceof AxiosError && e.response && e.response.status === 404;
               if (notThereJustYet) return 404;
-              throw e
+              throw e;
             }
           },
           {
@@ -84,7 +84,7 @@ test('Sends a navigation transaction to Sentry', async ({ page }) => {
   // there sould be at least 2 transactions: page load + navigation
   const recordedTransactionsHandle = await page.waitForFunction(() => {
     const hasTransactions = Array.isArray(window.recordedTransactions) && window.recordedTransactions.length >= 2;
-    if (hasTransactions) return window.recordedTransactions
+    if (hasTransactions) return window.recordedTransactions;
   });
   const eventIds = await recordedTransactionsHandle.jsonValue();
   if (!eventIds) throw new Error("Application didn't record any transaction event IDs.");
@@ -107,7 +107,7 @@ test('Sends a navigation transaction to Sentry', async ({ page }) => {
               if (e instanceof AxiosError && e.response) {
                 const notThereJustYet = e instanceof AxiosError && e.response && e.response.status === 404;
                 if (notThereJustYet) return 404;
-                throw e
+                throw e;
               }
             }
           },
@@ -155,4 +155,3 @@ test('Renders `sentry-trace` and `baggage` meta tags for a sub-route', async ({
   expect(sentryTraceMetaTag).toBeTruthy();
   expect(baggageMetaTag).toBeTruthy();
 });
-

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/tests/behaviour-server.test.ts

@@ -1,13 +1,13 @@
+import path from 'node:path';
 import { expect, test } from '@playwright/test';
 import { AxiosError, axios } from './axios';
 import { readEventsDir } from './utils';
-import path from "node:path";
 
 const EVENT_POLLING_TIMEOUT = 90_000;
 
 interface Tag {
-  key: string,
-  value: unknown,
+  key: string;
+  value: unknown;
 }
 
 test('Sends two linked transactions (server & client) to Sentry', async ({ page }, testInfo) => {
@@ -18,7 +18,7 @@ test('Sends two linked transactions (server & client) to Sentry', async ({ page
 
   const recordedTransactionsHandle = await page.waitForFunction(() => {
     const hasTransactions = Array.isArray(window.recordedTransactions) && window.recordedTransactions.length >= 1;
-    if (hasTransactions) return window.recordedTransactions
+    if (hasTransactions) return window.recordedTransactions;
   });
   const clientEventIds = await recordedTransactionsHandle.jsonValue();
   if (!clientEventIds) throw new Error("Application didn't record any transaction event IDs.");
@@ -35,7 +35,7 @@ test('Sends two linked transactions (server & client) to Sentry', async ({ page
               const { data: transactionEvent, status } = await axios.get(`/events/${eventId}/`);
               // Ref: https://docs.sentry.io/api/events/list-a-projects-error-events/
               const isFromThisTest = (transactionEvent.tags as Tag[]).find(({ key, value }) => {
-                return key === "sentry_test" && value === testInfo.testId;
+                return key === 'sentry_test' && value === testInfo.testId;
               });
               if (isFromThisTest) {
                 const op = transactionEvent.contexts?.trace?.op;
@@ -45,7 +45,7 @@ test('Sends two linked transactions (server & client) to Sentry', async ({ page
             } catch (e) {
               const notThereJustYet = e instanceof AxiosError && e.response && e.response.status === 404;
               if (notThereJustYet) return 404;
-              throw e
+              throw e;
             }
           },
           {
@@ -58,14 +58,16 @@ test('Sends two linked transactions (server & client) to Sentry', async ({ page
   expect(pageLoadTransactionEvent).not.toBeNull();
 
   let serverEventIds = null;
-  await expect.poll(async () => {
-    const files = await readEventsDir();
-    if (files.length !== 0) {
-      serverEventIds = files.map(f => path.basename(f, ".txt"));
-      return true;
-    }
-    return false;
-  }).toBe(true)
+  await expect
+    .poll(async () => {
+      const files = await readEventsDir();
+      if (files.length !== 0) {
+        serverEventIds = files.map(f => path.basename(f, '.txt'));
+        return true;
+      }
+      return false;
+    })
+    .toBe(true);
   expect(serverEventIds).not.toBeNull();
 
   console.log(`Polling for server-side eventIds: ${JSON.stringify(serverEventIds)}`);
@@ -84,7 +86,7 @@ test('Sends two linked transactions (server & client) to Sentry', async ({ page
               const { data: transactionEvent, status } = await axios.get(`/events/${eventId}/`);
               // Ref: https://docs.sentry.io/api/events/list-a-projects-error-events/
               const isFromThisTest = (transactionEvent.tags as Tag[]).find(({ key, value }) => {
-                return key === "sentry_test" && value === testInfo.testId;
+                return key === 'sentry_test' && value === testInfo.testId;
               });
               if (isFromThisTest) {
                 const op = transactionEvent.contexts?.trace?.op;
@@ -94,7 +96,7 @@ test('Sends two linked transactions (server & client) to Sentry', async ({ page
             } catch (e) {
               const notThereJustYet = e instanceof AxiosError && e.response && e.response.status === 404;
               if (notThereJustYet) return 404;
-              throw e
+              throw e;
             }
           },
           {
@@ -108,8 +110,8 @@ test('Sends two linked transactions (server & client) to Sentry', async ({ page
   expect(httpServerTransactionEvent).not.toBeNull();
 
   // the two events are both related to `routes/_index` page ...
-  const httpServerTransactionTag = (httpServerTransactionEvent!.tags as Tag[]).find(({ key }) => key === "transaction");
-  const pageLoadTransactionTag = (pageLoadTransactionEvent!.tags as Tag[]).find(({ key }) => key === "transaction");
+  const httpServerTransactionTag = (httpServerTransactionEvent!.tags as Tag[]).find(({ key }) => key === 'transaction');
+  const pageLoadTransactionTag = (pageLoadTransactionEvent!.tags as Tag[]).find(({ key }) => key === 'transaction');
   expect(httpServerTransactionTag!.value).toBe('routes/_index');
   expect(pageLoadTransactionTag!.value).toBe('routes/_index');
 

dev-packages/e2e-tests/test-applications/create-remix-app-fastify-vite/tests/global.setup.ts

@@ -1,9 +1,9 @@
-import { test as setup } from "@playwright/test";
-import { recreateEventsDir } from "./utils";
+import { test as setup } from '@playwright/test';
+import { recreateEventsDir } from './utils';
 
-setup("remove left-overs from #tests/events directory", async () => {
+setup('remove left-overs from #tests/events directory', async () => {
   // We are not cleaning up after the testrun by design:
   // we are leaving the events from the test behind to be able
   // to inspect them.
   await recreateEventsDir();
-})
+});