Fix linter.

Author: onurtemizkan

packages/e2e-tests/test-applications/remix-hydrogen/README.md

@@ -1,6 +1,8 @@
 # Hydrogen template: Hello World
 
-Hydrogen is Shopify’s stack for headless commerce. Hydrogen is designed to dovetail with [Remix](https://remix.run/), Shopify’s full stack web framework. This template contains a **minimal setup** of components, queries and tooling to get started with Hydrogen.
+Hydrogen is Shopify’s stack for headless commerce. Hydrogen is designed to dovetail with [Remix](https://remix.run/),
+Shopify’s full stack web framework. This template contains a **minimal setup** of components, queries and tooling to get
+started with Hydrogen.
 
 [Check out Hydrogen docs](https://shopify.dev/custom-storefronts/hydrogen)
 [Get familiar with Remix](https://remix.run/docs/en/v1)

packages/e2e-tests/test-applications/remix-hydrogen/app/entry.client.tsx

@@ -1,18 +1,14 @@
-import {RemixBrowser, useLocation, useMatches} from '@remix-run/react';
-import {startTransition, StrictMode, useEffect} from 'react';
-import {hydrateRoot} from 'react-dom/client';
+import { RemixBrowser, useLocation, useMatches } from '@remix-run/react';
+import { startTransition, StrictMode, useEffect } from 'react';
+import { hydrateRoot } from 'react-dom/client';
 import * as Sentry from '@sentry/remix';
-import {env} from '../env';
+import { env } from '../env';
 
 Sentry.init({
   dsn: env.SENTRY_DSN,
   integrations: [
     new Sentry.BrowserTracing({
-      routingInstrumentation: Sentry.remixRouterInstrumentation(
-        useEffect,
-        useLocation,
-        useMatches,
-      ),
+      routingInstrumentation: Sentry.remixRouterInstrumentation(useEffect, useLocation, useMatches),
     }),
     new Sentry.Replay(),
   ],
@@ -24,11 +20,10 @@ Sentry.init({
   debug: true,
 });
 
-Sentry.addGlobalEventProcessor((event) => {
+Sentry.addGlobalEventProcessor(event => {
   if (
     event.type === 'transaction' &&
-    (event.contexts?.trace?.op === 'pageload' ||
-      event.contexts?.trace?.op === 'navigation')
+    (event.contexts?.trace?.op === 'pageload' || event.contexts?.trace?.op === 'navigation')
   ) {
     const eventId = event.event_id;
     if (eventId) {

packages/e2e-tests/test-applications/remix-hydrogen/app/entry.server.tsx

@@ -1,18 +1,18 @@
-import type {DataFunctionArgs, EntryContext} from '@shopify/remix-oxygen';
-import {RemixServer} from '@remix-run/react';
+import type { DataFunctionArgs, EntryContext } from '@shopify/remix-oxygen';
+import { RemixServer } from '@remix-run/react';
 import isbot from 'isbot';
-import {renderToReadableStream} from 'react-dom/server';
-import {createContentSecurityPolicy} from '@shopify/hydrogen';
+import { renderToReadableStream } from 'react-dom/server';
+import { createContentSecurityPolicy } from '@shopify/hydrogen';
 import * as Sentry from '@sentry/remix';
-import {env} from '../env';
+import { env } from '../env';
 
 Sentry.workerInit({
   dsn: env.SENTRY_DSN,
   // Performance Monitoring
   tracesSampleRate: 1.0, // Capture 100% of the transactions, reduce in production!
 });
 
-export function handleError(error: unknown, {request}: DataFunctionArgs): void {
+export function handleError(error: unknown, { request }: DataFunctionArgs): void {
   Sentry.captureRemixServerException(error, 'remix.server', request);
 }
 
@@ -22,7 +22,7 @@ export default async function handleRequest(
   responseHeaders: Headers,
   remixContext: EntryContext,
 ) {
-  const {nonce, header, NonceProvider} = createContentSecurityPolicy();
+  const { nonce, header, NonceProvider } = createContentSecurityPolicy();
 
   const body = await renderToReadableStream(
     <NonceProvider>

packages/e2e-tests/test-applications/remix-hydrogen/app/root.tsx

@@ -1,4 +1,4 @@
-import {type LinksFunction, type LoaderArgs} from '@shopify/remix-oxygen';
+import { type LinksFunction, type LoaderArgs } from '@shopify/remix-oxygen';
 import {
   Links,
   Meta,
@@ -10,18 +10,14 @@ import {
   type ShouldRevalidateFunction,
   useRouteError,
 } from '@remix-run/react';
-import type {Shop} from '@shopify/hydrogen/storefront-api-types';
+import type { Shop } from '@shopify/hydrogen/storefront-api-types';
 import appStyles from './styles/app.css';
 import favicon from '../public/favicon.svg';
-import {useNonce} from '@shopify/hydrogen';
+import { useNonce } from '@shopify/hydrogen';
 import * as Sentry from '@sentry/remix';
 
 // This is important to avoid re-fetching root queries on sub-navigations
-export const shouldRevalidate: ShouldRevalidateFunction = ({
-  formMethod,
-  currentUrl,
-  nextUrl,
-}) => {
+export const shouldRevalidate: ShouldRevalidateFunction = ({ formMethod, currentUrl, nextUrl }) => {
   // revalidate when a mutation is performed e.g add to cart, login...
   if (formMethod && formMethod !== 'GET') {
     return true;
@@ -37,7 +33,7 @@ export const shouldRevalidate: ShouldRevalidateFunction = ({
 
 export const links: LinksFunction = () => {
   return [
-    {rel: 'stylesheet', href: appStyles},
+    { rel: 'stylesheet', href: appStyles },
     {
       rel: 'preconnect',
       href: 'https://cdn.shopify.com',
@@ -46,12 +42,12 @@ export const links: LinksFunction = () => {
       rel: 'preconnect',
       href: 'https://shop.app',
     },
-    {rel: 'icon', type: 'image/svg+xml', href: favicon},
+    { rel: 'icon', type: 'image/svg+xml', href: favicon },
   ];
 };
 
-export async function loader({context}: LoaderArgs) {
-  const layout = await context.storefront.query<{shop: Shop}>(LAYOUT_QUERY);
+export async function loader({ context }: LoaderArgs) {
+  const layout = await context.storefront.query<{ shop: Shop }>(LAYOUT_QUERY);
   return {
     layout,
   };
@@ -73,7 +69,7 @@ function App() {
   const nonce = useNonce();
   const data = useLoaderData<typeof loader>();
 
-  const {name} = data.layout.shop;
+  const { name } = data.layout.shop;
 
   return (
     <html lang="en">

packages/e2e-tests/test-applications/remix-hydrogen/app/routes/_index.tsx

@@ -1,5 +1,5 @@
 import * as Sentry from '@sentry/remix';
-import {Link} from '@remix-run/react';
+import { Link } from '@remix-run/react';
 
 export default function Index() {
   return (

packages/e2e-tests/test-applications/remix-hydrogen/app/routes/client-error.tsx

@@ -1,4 +1,4 @@
-import {useEffect, useState} from 'react';
+import { useEffect, useState } from 'react';
 
 export default function ErrorBoundaryCapture() {
   const [count, setCount] = useState(0);

packages/e2e-tests/test-applications/remix-hydrogen/app/routes/server-error.tsx

@@ -1,15 +1,15 @@
-import {json} from '@shopify/remix-oxygen';
-import {useLoaderData} from '@remix-run/react';
+import { json } from '@shopify/remix-oxygen';
+import { useLoaderData } from '@remix-run/react';
 import * as Sentry from '@sentry/remix';
 
 export function loader() {
   const id = Sentry.captureException(new Error('Sentry Server Error'));
 
-  return json({id});
+  return json({ id });
 }
 
 export default function ServerError() {
-  const {id} = useLoaderData();
+  const { id } = useLoaderData();
 
   return (
     <div>

packages/e2e-tests/test-applications/remix-hydrogen/app/styles/app.css

@@ -1,8 +1,8 @@
 body {
   margin: 0;
-  background: #FFFFFF;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  background: #ffffff;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans',
+    'Helvetica Neue', sans-serif;
   padding: 20px;
 }
 

packages/e2e-tests/test-applications/remix-hydrogen/playwright.config.ts

@@ -1,5 +1,5 @@
-import type {PlaywrightTestConfig} from '@playwright/test';
-import {devices} from '@playwright/test';
+import type { PlaywrightTestConfig } from '@playwright/test';
+import { devices } from '@playwright/test';
 
 const port = 3030;
 

packages/e2e-tests/test-applications/remix-hydrogen/remix.env.d.ts

@@ -5,14 +5,14 @@
 // Enhance TypeScript's built-in typings.
 import '@total-typescript/ts-reset';
 
-import type {Storefront} from '@shopify/hydrogen';
-import type {HydrogenSession} from './server';
+import type { Storefront } from '@shopify/hydrogen';
+import type { HydrogenSession } from './server';
 
 declare global {
   /**
    * A global `process` object is only available during build to access NODE_ENV.
    */
-  const process: {env: {NODE_ENV: 'production' | 'development'}};
+  const process: { env: { NODE_ENV: 'production' | 'development' } };
 
   /**
    * Declare expected Env parameter in fetch handler.

packages/e2e-tests/test-applications/remix-hydrogen/server.ts

@@ -1,6 +1,6 @@
 // Virtual entry point for the app
 import * as remixBuild from '@remix-run/dev/server-build';
-import {createStorefrontClient, storefrontRedirect} from '@shopify/hydrogen';
+import { createStorefrontClient, storefrontRedirect } from '@shopify/hydrogen';
 import {
   createRequestHandler,
   getStorefrontHeaders,
@@ -13,11 +13,7 @@ import {
  * Export a fetch handler in module format.
  */
 export default {
-  async fetch(
-    request: Request,
-    env: Env,
-    executionContext: ExecutionContext,
-  ): Promise<Response> {
+  async fetch(request: Request, env: Env, executionContext: ExecutionContext): Promise<Response> {
     try {
       /**
        * Open a cache instance in the worker and a custom session instance.
@@ -35,10 +31,10 @@ export default {
       /**
        * Create Hydrogen's Storefront client.
        */
-      const {storefront} = createStorefrontClient({
+      const { storefront } = createStorefrontClient({
         cache,
         waitUntil,
-        i18n: {language: 'EN', country: 'US'},
+        i18n: { language: 'EN', country: 'US' },
         publicStorefrontToken: env.PUBLIC_STOREFRONT_API_TOKEN,
         privateStorefrontToken: env.PRIVATE_STOREFRONT_API_TOKEN,
         storeDomain: env.PUBLIC_STORE_DOMAIN,
@@ -53,7 +49,7 @@ export default {
       const handleRequest = createRequestHandler({
         build: remixBuild,
         mode: process.env.NODE_ENV,
-        getLoadContext: () => ({session, storefront, env, waitUntil}),
+        getLoadContext: () => ({ session, storefront, env, waitUntil }),
       });
 
       const response = await handleRequest(request);
@@ -64,14 +60,14 @@ export default {
          * If the redirect doesn't exist, then `storefrontRedirect`
          * will pass through the 404 response.
          */
-        return storefrontRedirect({request, response, storefront});
+        return storefrontRedirect({ request, response, storefront });
       }
 
       return response;
     } catch (error) {
       // eslint-disable-next-line no-console
       console.error(error);
-      return new Response('An unexpected error occurred', {status: 500});
+      return new Response('An unexpected error occurred', { status: 500 });
     }
   },
 };
@@ -82,10 +78,7 @@ export default {
  * swap out the cookie-based implementation with something else!
  */
 export class HydrogenSession {
-  constructor(
-    private sessionStorage: SessionStorage,
-    private session: Session,
-  ) {}
+  constructor(private sessionStorage: SessionStorage, private session: Session) {}
 
   static async init(request: Request, secrets: string[]) {
     const storage = createCookieSessionStorage({