Call hydrogen's storefront.graphql directly, drop the compat shim

Completes the migration started in f8c3ef9. That commit put hydrogen
underneath the existing shopifyFetch wrapper; this one removes the
wrapper so every query uses the package's own client API.

- All 22 call sites now call storefront.graphql(DOCUMENT, { variables })
  (cachedStorefront for shop policies) instead of shopifyFetch, which
  emulated the old client's {query, variables} -> {data} shape.
- shopifyFetch is replaced by unwrapStorefrontResult(result, operation),
  which is only an error policy, not a transport wrapper: it returns
  data and throws when Shopify reports GraphQL errors, since hydrogen
  returns those rather than throwing. Naming the operation means a
  failure points at the call site instead of just at "Shopify".
- Environment reads move to services/shopify/config, so client.ts is
  only the hydrogen clients and shop-pay-button no longer imports from
  a query module just to get the store domain.
- Removes @shopify/storefront-api-client, the superseded client. It had
  no importers.

The SHOPIFY_STOREFRONT_API_URL export is gone too — hydrogen builds the
endpoint from storeDomain and apiVersion, and nothing else used it.

No behaviour change intended: same documents, same env var names, same
2025-07 API pin, same caching split between the two clients.

yarn typecheck passes with 0 errors. Verified against mock.shop: build
prerenders the policy pages, and in the browser product grid, search,
collection filters, cart restore, quantity update and discount-code
apply all work with no console errors. Customer account flows remain
untested — they need real credentials.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01JaxgqPbFxLsSuLPZom2kdC

services/shopify/customer.ts

@@ -3,7 +3,7 @@
 // The customer access token is a credential: it is only ever handled here and
 // in the /api/account route handlers, and is stored in an httpOnly cookie so
 // client JavaScript can never read it.
-import { shopifyFetch } from '@/services/shopify/client';
+import { storefront, unwrapStorefrontResult } from '@/services/shopify/client';
 import {
   CUSTOMER_QUERY,
   CUSTOMER_CREATE_MUTATION,
@@ -99,12 +99,14 @@ export async function createCustomer(input: {
   lastName?: string;
   acceptsMarketing?: boolean;
 }): Promise<{ errors: CustomerUserError[] }> {
-  const response = await shopifyFetch({
-    query: CUSTOMER_CREATE_MUTATION,
-    variables: { input },
-  });
+  const data = unwrapStorefrontResult(
+    await storefront.graphql(CUSTOMER_CREATE_MUTATION, {
+      variables: { input },
+    }),
+    'CustomerCreate'
+  );
 
-  const result = response.data.customerCreate;
+  const result = data.customerCreate;
   if (!result) return { errors: MUTATION_FAILED };
 
   return { errors: result.customerUserErrors ?? [] };
@@ -114,12 +116,14 @@ export async function login(
   email: string,
   password: string
 ): Promise<AuthResult> {
-  const response = await shopifyFetch({
-    query: CUSTOMER_ACCESS_TOKEN_CREATE_MUTATION,
-    variables: { input: { email, password } },
-  });
+  const data = unwrapStorefrontResult(
+    await storefront.graphql(CUSTOMER_ACCESS_TOKEN_CREATE_MUTATION, {
+      variables: { input: { email, password } },
+    }),
+    'CustomerAccessTokenCreate'
+  );
 
-  const result = response.data.customerAccessTokenCreate;
+  const result = data.customerAccessTokenCreate;
   if (!result) return { token: null, errors: MUTATION_FAILED };
 
   return {
@@ -130,8 +134,7 @@ export async function login(
 
 export async function logout(accessToken: string): Promise<void> {
   try {
-    await shopifyFetch({
-      query: CUSTOMER_ACCESS_TOKEN_DELETE_MUTATION,
+    await storefront.graphql(CUSTOMER_ACCESS_TOKEN_DELETE_MUTATION, {
       variables: { customerAccessToken: accessToken },
     });
   } catch (err) {
@@ -144,8 +147,7 @@ export async function logout(accessToken: string): Promise<void> {
 // would leak account membership.
 export async function recoverPassword(email: string): Promise<void> {
   try {
-    await shopifyFetch({
-      query: CUSTOMER_RECOVER_MUTATION,
+    await storefront.graphql(CUSTOMER_RECOVER_MUTATION, {
       variables: { email },
     });
   } catch (err) {
@@ -158,12 +160,14 @@ export async function resetPassword(
   resetToken: string,
   password: string
 ): Promise<AuthResult> {
-  const response = await shopifyFetch({
-    query: CUSTOMER_RESET_MUTATION,
-    variables: { id, input: { resetToken, password } },
-  });
+  const data = unwrapStorefrontResult(
+    await storefront.graphql(CUSTOMER_RESET_MUTATION, {
+      variables: { id, input: { resetToken, password } },
+    }),
+    'CustomerReset'
+  );
 
-  const result = response.data.customerReset;
+  const result = data.customerReset;
   if (!result) return { token: null, errors: MUTATION_FAILED };
 
   return {
@@ -177,12 +181,14 @@ export async function activateAccount(
   activationToken: string,
   password: string
 ): Promise<AuthResult> {
-  const response = await shopifyFetch({
-    query: CUSTOMER_ACTIVATE_MUTATION,
-    variables: { id, input: { activationToken, password } },
-  });
+  const data = unwrapStorefrontResult(
+    await storefront.graphql(CUSTOMER_ACTIVATE_MUTATION, {
+      variables: { id, input: { activationToken, password } },
+    }),
+    'CustomerActivate'
+  );
 
-  const result = response.data.customerActivate;
+  const result = data.customerActivate;
   if (!result) return { token: null, errors: MUTATION_FAILED };
 
   return {
@@ -196,12 +202,14 @@ export async function getCustomer(
   orderCount = 10
 ): Promise<Customer | null> {
   try {
-    const response = await shopifyFetch({
-      query: CUSTOMER_QUERY,
-      variables: { customerAccessToken: accessToken, orderCount },
-    });
+    const data = unwrapStorefrontResult(
+      await storefront.graphql(CUSTOMER_QUERY, {
+        variables: { customerAccessToken: accessToken, orderCount },
+      }),
+      'GetCustomer'
+    );
 
-    return response.data.customer ?? null;
+    return data.customer ?? null;
   } catch (err) {
     // An expired or revoked token reads as "not signed in".
     console.error('Failed to load customer:', err);
@@ -218,12 +226,14 @@ export async function updateCustomer(
     phone?: string;
   }
 ): Promise<{ customer: Customer | null; errors: CustomerUserError[] }> {
-  const response = await shopifyFetch({
-    query: CUSTOMER_UPDATE_MUTATION,
-    variables: { customerAccessToken: accessToken, customer },
-  });
+  const data = unwrapStorefrontResult(
+    await storefront.graphql(CUSTOMER_UPDATE_MUTATION, {
+      variables: { customerAccessToken: accessToken, customer },
+    }),
+    'CustomerUpdate'
+  );
 
-  const result = response.data.customerUpdate;
+  const result = data.customerUpdate;
   if (!result) return { customer: null, errors: MUTATION_FAILED };
 
   return {