@shopify/hydrogen 0.6.4 → 0.7.0

package/dist/esnext/graphql/graphql-constants.d.ts

@@ -1128,20 +1128,38 @@ export declare const Localization: string;
  */
 export declare const MediaFileFragment: string;
 /**
-*```
-* fragment MetafieldFragment on Metafield {
-*   id
-*   type
-*   namespace
-*   key
-*   value
-*   createdAt
-*   updatedAt
-*   description
-* }
-
-*```
-*/
+ *```
+ *
+ * fragment MetafieldFragment on Metafield {
+ *   id
+ *   type
+ *   namespace
+ *   key
+ *   value
+ *   createdAt
+ *   updatedAt
+ *   description
+ *   reference @include(if: $includeReferenceMetafieldDetails) {
+ *     __typename
+ *     ... on MediaImage {
+ *       id
+ *       mediaContentType
+ *       image {
+ *         ...ImageFragment
+ *       }
+ *     }
+ *   }
+ * }
+ * fragment ImageFragment on Image {
+ *   id
+ *   url
+ *   altText
+ *   width
+ *   height
+ * }
+ *
+ *```
+ */
 export declare const MetafieldFragment: string;
 /**
 *```
@@ -1247,6 +1265,7 @@ export declare const MoneyFragment: string;
  *   }
  * }
  *
+ *
  * fragment MetafieldFragment on Metafield {
  *   id
  *   type
@@ -1256,6 +1275,16 @@ export declare const MoneyFragment: string;
  *   createdAt
  *   updatedAt
  *   description
+ *   reference @include(if: $includeReferenceMetafieldDetails) {
+ *     __typename
+ *     ... on MediaImage {
+ *       id
+ *       mediaContentType
+ *       image {
+ *         ...ImageFragment
+ *       }
+ *     }
+ *   }
  * }
  *
  * fragment VariantFragment on ProductVariant {
@@ -1365,6 +1394,14 @@ export declare const MoneyFragment: string;
  *   }
  * }
  *
+ * fragment ImageFragment on Image {
+ *   id
+ *   url
+ *   altText
+ *   width
+ *   height
+ * }
+ *
  *
  * fragment SellingPlanFragment on SellingPlan {
  *   id

package/dist/esnext/graphql/graphql-constants.js

@@ -2173,21 +2173,40 @@ fragment Model3DFragment on Model3d {
 }
 `;
 /**
-*```
-* fragment MetafieldFragment on Metafield {
-*   id
-*   type
-*   namespace
-*   key
-*   value
-*   createdAt
-*   updatedAt
-*   description
-* }
-
-*```
-*/
-export const MetafieldFragment = `fragment MetafieldFragment on Metafield {
+ *```
+ *
+ * fragment MetafieldFragment on Metafield {
+ *   id
+ *   type
+ *   namespace
+ *   key
+ *   value
+ *   createdAt
+ *   updatedAt
+ *   description
+ *   reference @include(if: $includeReferenceMetafieldDetails) {
+ *     __typename
+ *     ... on MediaImage {
+ *       id
+ *       mediaContentType
+ *       image {
+ *         ...ImageFragment
+ *       }
+ *     }
+ *   }
+ * }
+ * fragment ImageFragment on Image {
+ *   id
+ *   url
+ *   altText
+ *   width
+ *   height
+ * }
+ *
+ *```
+ */
+export const MetafieldFragment = `
+fragment MetafieldFragment on Metafield {
   id
   type
   namespace
@@ -2196,6 +2215,23 @@ export const MetafieldFragment = `fragment MetafieldFragment on Metafield {
   createdAt
   updatedAt
   description
+  reference @include(if: $includeReferenceMetafieldDetails) {
+    __typename
+    ... on MediaImage {
+      id
+      mediaContentType
+      image {
+        ...ImageFragment
+      }
+    }
+  }
+}
+fragment ImageFragment on Image {
+  id
+  url
+  altText
+  width
+  height
 }
 `;
 /**
@@ -2318,6 +2354,7 @@ export const MoneyFragment = `fragment MoneyFragment on MoneyV2 {
  *   }
  * }
  *
+ *
  * fragment MetafieldFragment on Metafield {
  *   id
  *   type
@@ -2327,6 +2364,16 @@ export const MoneyFragment = `fragment MoneyFragment on MoneyV2 {
  *   createdAt
  *   updatedAt
  *   description
+ *   reference @include(if: $includeReferenceMetafieldDetails) {
+ *     __typename
+ *     ... on MediaImage {
+ *       id
+ *       mediaContentType
+ *       image {
+ *         ...ImageFragment
+ *       }
+ *     }
+ *   }
  * }
  *
  * fragment VariantFragment on ProductVariant {
@@ -2436,6 +2483,14 @@ export const MoneyFragment = `fragment MoneyFragment on MoneyV2 {
  *   }
  * }
  *
+ * fragment ImageFragment on Image {
+ *   id
+ *   url
+ *   altText
+ *   width
+ *   height
+ * }
+ *
  *
  * fragment SellingPlanFragment on SellingPlan {
  *   id
@@ -2607,6 +2662,7 @@ fragment MediaFileFragment on Media {
   }
 }
 
+
 fragment MetafieldFragment on Metafield {
   id
   type
@@ -2616,6 +2672,16 @@ fragment MetafieldFragment on Metafield {
   createdAt
   updatedAt
   description
+  reference @include(if: $includeReferenceMetafieldDetails) {
+    __typename
+    ... on MediaImage {
+      id
+      mediaContentType
+      image {
+        ...ImageFragment
+      }
+    }
+  }
 }
 
 fragment VariantFragment on ProductVariant {
@@ -2725,6 +2791,14 @@ fragment Model3DFragment on Model3d {
   }
 }
 
+fragment ImageFragment on Image {
+  id
+  url
+  altText
+  width
+  height
+}
+
 
 fragment SellingPlanFragment on SellingPlan {
   id

package/dist/esnext/handle-event.js

@@ -2,7 +2,7 @@ import { getCacheControlHeader } from './framework/cache';
 import { setContext, setCache } from './framework/runtime';
 import { setConfig } from './framework/config';
 export default async function handleEvent(event, { request, entrypoint, indexTemplate, assetHandler, streamableResponse, dev, cache, context, }) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const url = new URL(request.url);
     /**
      * Inject the cache & context into the module loader so we can pull it out for subrequests.
@@ -56,15 +56,17 @@ export default async function handleEvent(event, { request, entrypoint, indexTem
      */
     headers.set(getCacheControlHeader({ dev }), componentResponse.cacheControlHeader);
     if (componentResponse.customBody) {
+        const { status, customStatus } = componentResponse;
         return new Response(await componentResponse.customBody, {
-            status: (_a = componentResponse.status) !== null && _a !== void 0 ? _a : 200,
+            status: (_b = (_a = customStatus === null || customStatus === void 0 ? void 0 : customStatus.code) !== null && _a !== void 0 ? _a : status) !== null && _b !== void 0 ? _b : 200,
+            statusText: customStatus === null || customStatus === void 0 ? void 0 : customStatus.text,
             headers,
         });
     }
     let response;
     if (isReactHydrationRequest) {
         response = new Response(body, {
-            status: (_b = componentResponse.status) !== null && _b !== void 0 ? _b : 200,
+            status: (_c = componentResponse.status) !== null && _c !== void 0 ? _c : 200,
             headers,
         });
     }
@@ -75,8 +77,10 @@ export default async function handleEvent(event, { request, entrypoint, indexTem
             .replace('<body', bodyAttributes ? `<body ${bodyAttributes}` : '$&')
             .replace('<html', htmlAttributes ? `<html ${htmlAttributes}` : '$&');
         headers.append('content-type', 'text/html');
+        const { status, customStatus } = componentResponse;
         response = new Response(html, {
-            status: (_c = componentResponse.status) !== null && _c !== void 0 ? _c : 200,
+            status: (_e = (_d = customStatus === null || customStatus === void 0 ? void 0 : customStatus.code) !== null && _d !== void 0 ? _d : status) !== null && _e !== void 0 ? _e : 200,
+            statusText: customStatus === null || customStatus === void 0 ? void 0 : customStatus.text,
             headers,
         });
     }

package/dist/esnext/hooks/index.d.ts

@@ -1,6 +1,6 @@
 export { useProductOptions } from './useProductOptions';
 export * from './useProductOptions/types';
-export { useQuery, QueryProvider } from './useQuery';
+export { useQuery, QueryProvider } from '../foundation/useQuery';
 export { useMoney } from './useMoney';
 export { useMeasurement } from './useMeasurement';
 export { useParsedMetafields } from './useParsedMetafields';

package/dist/esnext/hooks/index.js

@@ -1,6 +1,6 @@
 export { useProductOptions } from './useProductOptions';
 export * from './useProductOptions/types';
-export { useQuery, QueryProvider } from './useQuery';
+export { useQuery, QueryProvider } from '../foundation/useQuery';
 export { useMoney } from './useMoney';
 export { useMeasurement } from './useMeasurement';
 export { useParsedMetafields } from './useParsedMetafields';

package/dist/esnext/hooks/useMoney/hooks.js

@@ -1,19 +1,5 @@
 import { useMemo } from 'react';
 import { useShop } from '../../foundation/useShop';
-// TODO: Remove this when Oxygen supports Intl properly (oxygen-sws#527)
-const NARROW_SYMBOL_MAP = {
-    USD: '$',
-    AUD: '$',
-    CAD: '$',
-    NZD: '$',
-    EUR: '€',
-    GBP: '£',
-    INR: '₹',
-    RUB: '₽',
-    CNY: '¥',
-    JPY: '¥',
-    BRL: 'R$',
-};
 /**
  * The `useMoney` hook takes a [`MoneyV2` object](/api/storefront/reference/common-objects/moneyv2) and returns a
  * default-formatted string of the amount with the correct currency indicator, along with some of the parts provided by
@@ -37,12 +23,12 @@ export function useMoney(money) {
         currencyDisplay: 'narrowSymbol',
     }).formatToParts(amount);
     const moneyValue = useMemo(() => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         return ({
             currencyCode: money.currencyCode,
             currencyName: (_b = (_a = nameParts.find((part) => part.type === 'currency')) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : money.currencyCode,
             currencySymbol: (_d = (_c = baseParts.find((part) => part.type === 'currency')) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : money.currencyCode,
-            currencyNarrowSymbol: (_g = (_f = (_e = narrowParts.find((part) => part.type === 'currency')) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : NARROW_SYMBOL_MAP[money.currencyCode]) !== null && _g !== void 0 ? _g : '',
+            currencyNarrowSymbol: (_f = (_e = narrowParts.find((part) => part.type === 'currency')) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : '',
             parts: baseParts,
             localizedString: value,
             amount: baseParts

package/dist/esnext/hooks/useParsedMetafields/useParsedMetafields.d.ts

@@ -1,7 +1,6 @@
-import { GraphQLConnection, ParsedMetafield } from '../../types';
-import { Metafield } from '../../graphql/types/types';
+import { GraphQLConnection, ParsedMetafield, RawMetafield } from '../../types';
 /**
  * The `useParsedMetafields` hook transforms a [MetafieldConnection](/api/storefront/reference/common-objects/metafieldconnection)
  * in an array of metafields whose `values` have been parsed according to the metafield `type`.
  */
-export declare function useParsedMetafields(metafields: GraphQLConnection<Partial<Metafield>> | undefined): ParsedMetafield[];
+export declare function useParsedMetafields(metafields: GraphQLConnection<RawMetafield> | undefined): ParsedMetafield[];

package/dist/esnext/hooks/useProductOptions/types.d.ts

@@ -1,12 +1,11 @@
-import { MetafieldFragmentFragment } from '../..';
-import { GraphQLConnection } from '../../types';
+import { GraphQLConnection, RawMetafield } from '../../types';
 import { SellingPlanFragmentFragment } from './SellingPlanFragment';
 import { SellingPlanGroupsFragmentFragment } from './SellingPlanGroupsFragment';
 import { VariantFragmentFragment } from './VariantFragment';
 export declare type Variant = Omit<Partial<VariantFragmentFragment>, 'id' | 'selectedOptions' | 'metafields' | 'sellingPlanAllocations'> & {
     id: VariantFragmentFragment['id'];
     selectedOptions: VariantFragmentFragment['selectedOptions'];
-    metafields?: GraphQLConnection<Partial<MetafieldFragmentFragment>>;
+    metafields?: GraphQLConnection<Partial<RawMetafield>>;
     sellingPlanAllocations?: GraphQLConnection<SellingPlanAllocation>;
 };
 export declare type SellingPlanGroup = Omit<Partial<SellingPlanGroupsFragmentFragment>, 'options'> & {

package/dist/esnext/hooks/useShopQuery/hooks.js

@@ -1,5 +1,5 @@
 import { useShop } from '../../foundation/useShop';
-import { useQuery } from '../useQuery';
+import { useQuery } from '../../foundation/useQuery';
 import { isClient, fetchBuilder, graphqlRequestBody } from '../../utilities';
 import { getConfig } from '../../framework/config';
 /**

package/dist/esnext/types.d.ts

@@ -2,7 +2,7 @@
 import type { ServerResponse } from 'http';
 import type { ServerComponentResponse } from './framework/Hydration/ServerComponentResponse.server';
 import type { ServerComponentRequest } from './framework/Hydration/ServerComponentRequest.server';
-import type { Metafield } from './graphql/types/types';
+import type { Metafield, Image, MediaContentType } from './graphql/types/types';
 export declare type Renderer = (url: URL, options: {
     request: ServerComponentRequest;
     context?: Record<string, any>;
@@ -50,9 +50,24 @@ export interface GraphQLConnection<T> {
         node: T;
     }[];
 }
-export declare type RawMetafield = Partial<Metafield>;
-export declare type ParsedMetafield = Omit<Partial<Metafield>, 'value'> & {
+export interface MediaImage {
+    __typename?: string;
+    id?: string;
+    mediaContentType?: MediaContentType;
+    image?: Pick<Image, 'altText' | 'url' | 'id' | 'width' | 'height'>;
+}
+interface ProductVariant {
+    __typename?: string;
+}
+interface Product {
+    __typename?: string;
+}
+export declare type RawMetafield = Omit<Partial<Metafield>, 'reference'> & {
+    reference?: MediaImage | ProductVariant | Product | null;
+};
+export declare type ParsedMetafield = Omit<Partial<Metafield>, 'value' | 'reference'> & {
     value?: string | number | boolean | Record<any, string> | Date | Rating | Measurement;
+    reference?: MediaImage | ProductVariant | Product | null;
 };
 export interface Rating {
     value: number;
@@ -72,3 +87,4 @@ export interface CacheOptions {
 export interface HydrogenVitePluginOptions {
     devCache?: boolean;
 }
+export {};

package/dist/esnext/utilities/flattenConnection/flattenConnection.d.ts

@@ -1,12 +1,5 @@
 import { GraphQLConnection } from '../../types';
 /**
  * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
- * ## Arguments
- * | Description | Required |
- * | ------------| --------- |
- * | A connection object with the field `edges` whose value is an array of objects corresponding to `{node: Value}`. For example, any of the [Product connections](api/storefront/reference/products/product#connections) | Yes |
- *
- * ## Return type
- * A flat array whose elements correspond to the `node` value in each element of the original `edges` array.
  */
 export declare function flattenConnection<T>(connection: GraphQLConnection<T>): T[];

package/dist/esnext/utilities/flattenConnection/flattenConnection.js

@@ -1,12 +1,5 @@
 /**
  * The `flattenConnection` utility transforms a connection object from the Storefront API (for example, [Product-related connections](api/storefront/reference/products/product#connections)) into a flat array of nodes.
- * ## Arguments
- * | Description | Required |
- * | ------------| --------- |
- * | A connection object with the field `edges` whose value is an array of objects corresponding to `{node: Value}`. For example, any of the [Product connections](api/storefront/reference/products/product#connections) | Yes |
- *
- * ## Return type
- * A flat array whose elements correspond to the `node` value in each element of the original `edges` array.
  */
 export function flattenConnection(connection) {
     var _a;

package/dist/esnext/utilities/isClient/isClient.d.ts

@@ -1,8 +1,4 @@
 /** The `isClient` utility is a function that returns a boolean indicating
  * if the code was run on the client.
- * ## Arguments
- * None
- * ## Return type
- * A `boolean` indicating if the code was run on the client.
  */
 export declare function isClient(): boolean;

package/dist/esnext/utilities/isClient/isClient.js

@@ -1,9 +1,5 @@
 /** The `isClient` utility is a function that returns a boolean indicating
  * if the code was run on the client.
- * ## Arguments
- * None
- * ## Return type
- * A `boolean` indicating if the code was run on the client.
  */
 export function isClient() {
     return typeof window !== 'undefined';

package/dist/esnext/utilities/isServer/isServer.d.ts

@@ -1,8 +1,4 @@
 /** The `isServer` utility is a function that returns a `boolean` indicating
  * if the code was run on the server.
- * ## Arguments
- * None
- * ## Return type
- * A `boolean` indicating if the code was run on the server.
  */
 export declare function isServer(): boolean;

package/dist/esnext/utilities/isServer/isServer.js

@@ -1,10 +1,6 @@
 import { isClient } from '../isClient';
 /** The `isServer` utility is a function that returns a `boolean` indicating
  * if the code was run on the server.
- * ## Arguments
- * None
- * ## Return type
- * A `boolean` indicating if the code was run on the server.
  */
 export function isServer() {
     return !isClient();

package/dist/esnext/utilities/parseMetafieldValue/parseMetafieldValue.d.ts

@@ -1,36 +1,5 @@
-import { Metafield } from '../../graphql/types/types';
+import { RawMetafield } from '../../types';
 /**
  * The `parseMetafieldValue` function parses a [Metafield](/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](/api/storefront/reference/common-objects/metafield)'s `type`.
- *
- * ## Arguments
- *
- * | Description                                                               | Required |
- * | ------------------------------------------------------------------------- | -------- |
- * | A [Metafield object](/api/storefront/reference/common-objects/metafield). | Yes      |
- *
- * ## Return type
- *
- * Depending on the `type` specified in the passed [Metafield](/api/storefront/reference/common-objects/metafield), the following type is returned:
- *
- * | Metafield `type`         | `value` type                                                                                  |
- * | ------------------------ | --------------------------------------------------------------------------------------------- |
- * | `date`                   | [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
- * | `date_time`              | [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
- * | `boolean`                | boolean                                                                                       |
- * | `number_integer`         | int                                                                                           |
- * | `number_decimal`         | float                                                                                         |
- * | `json`                   | An object                                                                                     |
- * | `weight`                 | An object with `value` and `unit` keys                                                        |
- * | `dimension`              | An object with `value` and `unit` keys                                                        |
- * | `volume`                 | An object with `value` and `unit` keys                                                        |
- * | `rating`                 | An object with `scale_min`, `scale_max`, and `value` keys                                     |
- * | `color`                  | string                                                                                        |
- * | `single_line_text_field` | string                                                                                        |
- * | `multi_line_text_field`  | string                                                                                        |
- * | `product_reference`      | string                                                                                        |
- * | `file_reference`         | string                                                                                        |
- * | `page_reference`         | string                                                                                        |
- * | `variant_reference`      | string                                                                                        |
- * | `url`                    | string                                                                                        |
  */
-export declare function parseMetafieldValue(metafield: Partial<Metafield>): any;
+export declare function parseMetafieldValue(metafield: Partial<RawMetafield>): any;

package/dist/esnext/utilities/parseMetafieldValue/parseMetafieldValue.js

@@ -1,36 +1,5 @@
 /**
  * The `parseMetafieldValue` function parses a [Metafield](/api/storefront/reference/common-objects/metafield)'s `value` from a string into a sensible type corresponding to the [Metafield](/api/storefront/reference/common-objects/metafield)'s `type`.
- *
- * ## Arguments
- *
- * | Description                                                               | Required |
- * | ------------------------------------------------------------------------- | -------- |
- * | A [Metafield object](/api/storefront/reference/common-objects/metafield). | Yes      |
- *
- * ## Return type
- *
- * Depending on the `type` specified in the passed [Metafield](/api/storefront/reference/common-objects/metafield), the following type is returned:
- *
- * | Metafield `type`         | `value` type                                                                                  |
- * | ------------------------ | --------------------------------------------------------------------------------------------- |
- * | `date`                   | [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
- * | `date_time`              | [Date](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) |
- * | `boolean`                | boolean                                                                                       |
- * | `number_integer`         | int                                                                                           |
- * | `number_decimal`         | float                                                                                         |
- * | `json`                   | An object                                                                                     |
- * | `weight`                 | An object with `value` and `unit` keys                                                        |
- * | `dimension`              | An object with `value` and `unit` keys                                                        |
- * | `volume`                 | An object with `value` and `unit` keys                                                        |
- * | `rating`                 | An object with `scale_min`, `scale_max`, and `value` keys                                     |
- * | `color`                  | string                                                                                        |
- * | `single_line_text_field` | string                                                                                        |
- * | `multi_line_text_field`  | string                                                                                        |
- * | `product_reference`      | string                                                                                        |
- * | `file_reference`         | string                                                                                        |
- * | `page_reference`         | string                                                                                        |
- * | `variant_reference`      | string                                                                                        |
- * | `url`                    | string                                                                                        |
  */
 export function parseMetafieldValue(metafield) {
     if (metafield.value == null) {

package/dist/esnext/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "0.6.4";
+export declare const LIB_VERSION = "0.7.0";

package/dist/esnext/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '0.6.4';
+export const LIB_VERSION = '0.7.0';

package/dist/node/framework/Hydration/ServerComponentResponse.server.d.ts

@@ -2,6 +2,10 @@ import { CacheOptions } from '../../types';
 export declare class ServerComponentResponse extends Response {
     private wait;
     private cacheOptions?;
+    customStatus?: {
+        code?: number;
+        text?: string;
+    };
     /**
      * Allow custom body to be a string or a Promise.
      */
@@ -14,6 +18,12 @@ export declare class ServerComponentResponse extends Response {
     canStream(): boolean;
     cache(options: CacheOptions): void;
     get cacheControlHeader(): string;
+    writeHead({ status, statusText, headers, }?: {
+        status?: number;
+        statusText?: string;
+        headers?: Record<string, any>;
+    }): void;
+    redirect(location: string, status?: number): void;
     /**
      * Send the response from a Server Component. Renders React components to string,
      * and returns `null` to make React happy.

package/dist/node/framework/Hydration/ServerComponentResponse.server.js

@@ -33,6 +33,19 @@ class ServerComponentResponse extends Response {
         };
         return cache_1.generateCacheControlHeader(options);
     }
+    writeHead({ status, statusText, headers, } = {}) {
+        if (status || statusText) {
+            this.customStatus = { code: status, text: statusText };
+        }
+        if (headers) {
+            for (const [key, value] of Object.entries(headers)) {
+                this.headers.set(key, value);
+            }
+        }
+    }
+    redirect(location, status = 307) {
+        this.writeHead({ status, headers: { location } });
+    }
     /**
      * Send the response from a Server Component. Renders React components to string,
      * and returns `null` to make React happy.

package/dist/node/framework/middleware.d.ts

@@ -10,9 +10,13 @@ declare type HydrogenMiddlewareArgs = {
     devServer?: ViteDevServer;
     cache?: Cache;
 };
+export declare function graphiqlMiddleware({ shopifyConfig, dev, }: {
+    shopifyConfig: ShopifyConfig;
+    dev: boolean;
+}): (request: IncomingMessage, response: http.ServerResponse, next: NextFunction) => Promise<void>;
 /**
  * Provides middleware to Node.js Express-like servers. Used by the Hydrogen
  * Vite dev server plugin as well as production Node.js implementation.
  */
-export default function hydrogenMiddleware({ dev, shopifyConfig, cache, indexTemplate, getServerEntrypoint, devServer, }: HydrogenMiddlewareArgs): (request: IncomingMessage, response: http.ServerResponse, next: NextFunction) => Promise<void>;
+export declare function hydrogenMiddleware({ dev, cache, indexTemplate, getServerEntrypoint, devServer, }: HydrogenMiddlewareArgs): (request: IncomingMessage, response: http.ServerResponse, next: NextFunction) => Promise<void>;
 export {};