@shopify/hydrogen 0.6.3 → 0.8.0

package/dist/node/framework/middleware.js

@@ -22,18 +22,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.hydrogenMiddleware = exports.graphiqlMiddleware = void 0;
 const graphiql_1 = require("./graphiql");
 const handle_event_1 = __importDefault(require("../handle-event"));
-/**
- * Provides middleware to Node.js Express-like servers. Used by the Hydrogen
- * Vite dev server plugin as well as production Node.js implementation.
- */
-function hydrogenMiddleware({ dev, shopifyConfig, cache, indexTemplate, getServerEntrypoint, devServer, }) {
+function graphiqlMiddleware({ shopifyConfig, dev, }) {
     return async function (request, response, next) {
         const graphiqlRequest = dev && isGraphiqlRequest(request);
         if (graphiqlRequest) {
             return respondWithGraphiql(response, shopifyConfig);
         }
+        next();
+    };
+}
+exports.graphiqlMiddleware = graphiqlMiddleware;
+/**
+ * Provides middleware to Node.js Express-like servers. Used by the Hydrogen
+ * Vite dev server plugin as well as production Node.js implementation.
+ */
+function hydrogenMiddleware({ dev, cache, indexTemplate, getServerEntrypoint, devServer, }) {
+    return async function (request, response, next) {
         const url = new URL('http://' + request.headers.host + request.originalUrl);
         const isReactHydrationRequest = url.pathname === '/react';
         /**
@@ -67,7 +74,7 @@ function hydrogenMiddleware({ dev, shopifyConfig, cache, indexTemplate, getServe
              * polyfill has loaded above.
              */
             const { ServerComponentRequest } = await Promise.resolve().then(() => __importStar(require('./Hydration/ServerComponentRequest.server')));
-            const eventResponse = await handle_event_1.default(
+            const eventResponse = await (0, handle_event_1.default)(
             /**
              * Mimic a `FetchEvent`
              */
@@ -118,12 +125,11 @@ function hydrogenMiddleware({ dev, shopifyConfig, cache, indexTemplate, getServe
         }
     };
 }
-exports.default = hydrogenMiddleware;
+exports.hydrogenMiddleware = hydrogenMiddleware;
 function shouldInterceptRequest(request, isReactHydrationRequest) {
     var _a;
-    return ((/text\/html|application\/hydrogen/.test((_a = request.headers['accept']) !== null && _a !== void 0 ? _a : '') ||
-        isReactHydrationRequest) &&
-        request.url !== '/favicon.ico');
+    return (/text\/html|application\/hydrogen/.test((_a = request.headers['accept']) !== null && _a !== void 0 ? _a : '') ||
+        isReactHydrationRequest);
 }
 /**
  * /graphiql and /___graphql are supported
@@ -137,5 +143,5 @@ async function respondWithGraphiql(response, shopifyConfig) {
     }
     const { storeDomain, storefrontToken, graphqlApiVersion } = shopifyConfig;
     response.setHeader('Content-Type', 'text/html');
-    response.end(graphiql_1.graphiqlHtml(storeDomain === null || storeDomain === void 0 ? void 0 : storeDomain.replace(/^https?:\/\//, ''), storefrontToken, graphqlApiVersion));
+    response.end((0, graphiql_1.graphiqlHtml)(storeDomain === null || storeDomain === void 0 ? void 0 : storeDomain.replace(/^https?:\/\//, ''), storefrontToken, graphqlApiVersion));
 }

package/dist/node/framework/plugin.js

@@ -10,10 +10,10 @@ const vite_plugin_inspect_1 = __importDefault(require("vite-plugin-inspect"));
 const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
 exports.default = (shopifyConfig, pluginOptions) => {
     return [
-        process.env.VITE_INSPECT && vite_plugin_inspect_1.default(),
-        vite_plugin_hydrogen_config_1.default(),
-        vite_plugin_hydrogen_middleware_1.default(shopifyConfig, pluginOptions),
-        vite_plugin_react_server_components_shim_1.default(),
-        plugin_react_1.default(),
+        process.env.VITE_INSPECT && (0, vite_plugin_inspect_1.default)(),
+        (0, vite_plugin_hydrogen_config_1.default)(),
+        (0, vite_plugin_hydrogen_middleware_1.default)(shopifyConfig, pluginOptions),
+        (0, vite_plugin_react_server_components_shim_1.default)(),
+        (0, plugin_react_1.default)(),
     ];
 };

package/dist/node/framework/plugins/resolver.d.ts

@@ -0,0 +1 @@
+export declare function resolve(path: string): string;

package/dist/node/framework/plugins/resolver.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resolve = void 0;
+function resolve(path) {
+    return require.resolve(path);
+}
+exports.resolve = resolve;

package/dist/node/framework/plugins/vite-plugin-hydrogen-config.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = () => {
     return {
         name: 'vite-plugin-hydrogen-config',
-        config: () => ({
+        config: (_, env) => ({
             resolve: {
                 alias: {
                     /**
@@ -18,6 +18,17 @@ exports.default = () => {
             },
             build: {
                 sourcemap: true,
+                /**
+                 * By default, SSR dedupe logic gets bundled which runs `require('module')`.
+                 * We don't want this in our workers runtime, because `require` is not supported.
+                 */
+                rollupOptions: process.env.WORKER
+                    ? {
+                        output: {
+                            format: 'es',
+                        },
+                    }
+                    : {},
             },
             ssr: {
                 external: ['isomorphic-dompurify'],
@@ -54,6 +65,9 @@ exports.default = () => {
                     'react-router-dom',
                 ],
             },
+            define: {
+                __DEV__: env.mode !== 'production',
+            },
         }),
     };
 };

package/dist/node/framework/plugins/vite-plugin-hydrogen-middleware.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const path_1 = __importDefault(require("path"));
 const fs_1 = require("fs");
-const middleware_1 = __importDefault(require("../middleware"));
+const middleware_1 = require("../middleware");
 const in_memory_1 = require("../cache/in-memory");
 exports.default = (shopifyConfig, pluginOptions) => {
     return {
@@ -22,7 +22,13 @@ exports.default = (shopifyConfig, pluginOptions) => {
                 const indexHtml = await fs_1.promises.readFile(resolve('index.html'), 'utf-8');
                 return await server.transformIndexHtml(url, indexHtml);
             }
-            server.middlewares.use(middleware_1.default({
+            // The default vite middleware rewrites the URL `/graphqil` to `/index.html`
+            // By running this middleware first, we avoid that.
+            server.middlewares.use((0, middleware_1.graphiqlMiddleware)({
+                shopifyConfig,
+                dev: true,
+            }));
+            return () => server.middlewares.use((0, middleware_1.hydrogenMiddleware)({
                 dev: true,
                 shopifyConfig,
                 indexTemplate: getIndexTemplate,

package/dist/node/framework/plugins/vite-plugin-react-server-components-shim.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const vite_1 = require("vite");
 const path_1 = __importDefault(require("path"));
 const server_components_1 = require("../server-components");
+const resolver_1 = require("./resolver");
 exports.default = () => {
     let config;
     return {
@@ -37,12 +39,12 @@ exports.default = () => {
                     'When using Hydrogen components within Client Components, use the `@shopify/hydrogen/client` entrypoint instead.');
             }
         },
-        load(id, options) {
+        async load(id, options) {
             if (!isSSR(options))
                 return null;
             // Wrapped components won't match this becase they end in ?no-proxy
             if (/\.client\.[jt]sx?$/.test(id)) {
-                return server_components_1.proxyClientComponent({ id });
+                return (0, server_components_1.proxyClientComponent)({ id });
             }
             return null;
         },
@@ -59,35 +61,23 @@ exports.default = () => {
              */
             if (id.includes('/Hydration/client-imports')) {
                 // eslint-disable-next-line node/no-missing-require
-                const hydrogenPath = path_1.default.dirname(require.resolve('@shopify/hydrogen'));
+                const hydrogenPath = path_1.default.dirname((0, resolver_1.resolve)('@shopify/hydrogen'));
                 const importerPath = path_1.default.join(hydrogenPath, 'framework', 'Hydration');
-                const importerToRootPath = path_1.default.relative(importerPath, config.root);
+                const importerToRootPath = (0, vite_1.normalizePath)(path_1.default.relative(importerPath, config.root));
                 const [importerToRootNested] = importerToRootPath.match(/(\.\.\/)+(\.\.)?/) || [];
                 const userPrefix = path_1.default.normalize(path_1.default.join(importerPath, importerToRootNested.replace(/\/?$/, path_1.default.sep)));
                 const userGlob = path_1.default.join(importerToRootPath, 'src', '**/*.client.[jt]sx');
                 const libPrefix = hydrogenPath + path_1.default.sep;
                 const libGlob = path_1.default.join(path_1.default.relative(importerPath, hydrogenPath), 'components', '**/*.client.js');
                 return code
-                    .replace('__USER_COMPONENTS_PREFIX__', userPrefix)
-                    .replace('__USER_COMPONENTS_GLOB__', userGlob)
-                    .replace('__LIB_COMPONENTS_PREFIX__', libPrefix)
-                    .replace('__LIB_COMPONENTS_GLOB__', libGlob);
+                    .replace('__USER_COMPONENTS_PREFIX__', (0, vite_1.normalizePath)(userPrefix))
+                    .replace('__USER_COMPONENTS_GLOB__', (0, vite_1.normalizePath)(userGlob))
+                    .replace('__LIB_COMPONENTS_PREFIX__', (0, vite_1.normalizePath)(libPrefix))
+                    .replace('__LIB_COMPONENTS_GLOB__', (0, vite_1.normalizePath)(libGlob));
             }
         },
     };
-    // Mitigation for upcoming minor Vite update
-    // https://github.com/vitejs/vite/pull/5253
-    // TO-DO: When the vite package is updated with the above Vite PR,
-    // clean up this function and treat `options` param as objects
-    // from this point forward
-    // Timeline: Targetting for Vite 2.7
     function isSSR(options) {
-        if (typeof options === 'boolean') {
-            return options;
-        }
-        if (typeof options === 'object') {
-            return !!options.ssr;
-        }
-        return false;
+        return !!(options === null || options === void 0 ? void 0 : options.ssr);
     }
 };

package/dist/node/framework/server-components.js

@@ -8,68 +8,46 @@ const es_module_lexer_1 = require("es-module-lexer");
 const fs_1 = require("fs");
 const vite_1 = require("vite");
 const magic_string_1 = __importDefault(require("magic-string"));
+const DEFAULT_EXPORT = 'default';
 async function proxyClientComponent({ id, src, }) {
-    var _a;
-    const defaultComponentName = (_a = id.split('/').pop()) === null || _a === void 0 ? void 0 : _a.split('.').shift();
     // Modify the import ID to avoid infinite wraps
     const importFrom = `${id}?no-proxy`;
     await es_module_lexer_1.init;
     if (!src) {
         src = await fs_1.promises.readFile(id, 'utf-8');
     }
-    const { code } = await vite_1.transformWithEsbuild(src, id);
-    const [, exportStatements] = es_module_lexer_1.parse(code);
-    const hasDefaultExport = exportStatements.includes('default');
-    // Split namedImports in components to wrap and everything else (e.g. GQL Fragments)
-    const namedImports = exportStatements.reduce((acc, i) => {
-        if (i !== 'default') {
-            // Add here any other naming pattern for a non-component export
-            if (/^use[A-Z]|Fragment$|Context$|^[A-Z_]+$/.test(i)) {
-                acc.other.push(i);
-            }
-            else {
-                acc.components.push(i);
-            }
+    const { code } = await (0, vite_1.transformWithEsbuild)(src, id);
+    const [, exportStatements] = (0, es_module_lexer_1.parse)(code);
+    // Classify exports in components to wrap vs. everything else (e.g. GQL Fragments)
+    const otherExports = [];
+    const componentExports = [];
+    for (const key of exportStatements) {
+        if (key !== DEFAULT_EXPORT &&
+            /^use[A-Z]|Fragment$|Context$|^[A-Z_]+$/.test(key)) {
+            otherExports.push(key);
         }
-        return acc;
-    }, { components: [], other: [] });
-    if (!hasDefaultExport && namedImports.components.length === 0) {
-        return `export * from '${importFrom}';\n`;
-    }
-    const s = new magic_string_1.default(`import {wrapInClientMarker} from '@shopify/hydrogen/marker';`);
-    s.append('\nimport ');
-    if (hasDefaultExport) {
-        s.append(defaultComponentName);
-        if (namedImports.components.length > 0) {
-            s.append(', ');
+        else {
+            componentExports.push(key);
         }
     }
-    if (namedImports.components.length) {
-        s.append('* as namedImports');
+    if (componentExports.length === 0) {
+        return `export * from '${importFrom}';\n`;
     }
-    s.append(` from '${importFrom}';\n\n`);
+    const s = new magic_string_1.default(`import {wrapInClientMarker} from '@shopify/hydrogen/marker';\n` +
+        `import * as allImports from '${importFrom}';\n\n`);
     // Re-export other stuff directly without wrapping
-    if (namedImports.other.length > 0) {
-        s.append(`export {${namedImports.other.join(', ')}} from '${importFrom}';\n`);
+    if (otherExports.length > 0) {
+        s.append(`export {${otherExports.join(', ')}} from '${importFrom}';\n`);
     }
-    if (hasDefaultExport) {
-        s.append(generateComponentExport({
-            id,
-            componentName: defaultComponentName,
-            isDefault: true,
-        }));
-    }
-    namedImports.components.forEach((name) => s.append(generateComponentExport({
-        id,
-        componentName: name,
-        isDefault: false,
-    })));
+    // Wrap components in Client Marker
+    componentExports.forEach((key) => {
+        var _a;
+        const isDefault = key === DEFAULT_EXPORT;
+        const componentName = isDefault
+            ? (_a = id.split('/').pop()) === null || _a === void 0 ? void 0 : _a.split('.').shift()
+            : key;
+        s.append(`export ${isDefault ? DEFAULT_EXPORT : `const ${componentName} =`} wrapInClientMarker({ name: '${componentName}', id: '${id}', component: allImports['${key}'], named: ${!isDefault} });\n`);
+    });
     return s.toString();
 }
 exports.proxyClientComponent = proxyClientComponent;
-function generateComponentExport({ id, isDefault, componentName, }) {
-    const component = isDefault
-        ? componentName
-        : `namedImports['${componentName}']`;
-    return `export ${isDefault ? 'default' : `const ${componentName} =`} wrapInClientMarker({ name: '${componentName}', id: '${id}', component: ${component}, named: ${!isDefault} });\n`;
-}

package/dist/node/handle-event.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="node" />
-import type { ServerResponse } from 'http';
+import { ServerResponse } from 'http';
 import type { ServerComponentRequest } from './framework/Hydration/ServerComponentRequest.server';
 import { RuntimeContext } from './framework/runtime';
 interface HydrogenFetchEvent {

package/dist/node/handle-event.js

@@ -4,14 +4,14 @@ const cache_1 = require("./framework/cache");
 const runtime_1 = require("./framework/runtime");
 const config_1 = require("./framework/config");
 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.
      */
-    runtime_1.setCache(cache);
-    runtime_1.setContext(context);
-    config_1.setConfig({ dev });
+    (0, runtime_1.setCache)(cache);
+    (0, runtime_1.setContext)(context);
+    (0, config_1.setConfig)({ dev });
     const isReactHydrationRequest = url.pathname === '/react';
     const template = typeof indexTemplate === 'function'
         ? await indexTemplate(url.toString())
@@ -56,17 +56,19 @@ async function handleEvent(event, { request, entrypoint, indexTemplate, assetHan
      * TODO: Also add `Vary` headers for `accept-language` and any other keys
      * we want to shard our full-page cache for all Hydrogen storefronts.
      */
-    headers.set(cache_1.getCacheControlHeader({ dev }), componentResponse.cacheControlHeader);
+    headers.set((0, cache_1.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,
         });
     }
@@ -77,8 +79,10 @@ async function handleEvent(event, { request, entrypoint, indexTemplate, assetHan
             .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/node/types.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="node" />
-import type { ServerResponse } from 'http';
+import { 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;
@@ -63,6 +78,7 @@ export interface Measurement {
     unit: string;
     value: number;
 }
+export declare type QueryKey = string | readonly unknown[];
 export interface CacheOptions {
     private?: boolean;
     maxAge?: number;
@@ -72,3 +88,4 @@ export interface CacheOptions {
 export interface HydrogenVitePluginOptions {
     devCache?: boolean;
 }
+export {};

package/dist/node/utilities/fetch.js

@@ -47,7 +47,7 @@ function fetchBuilder(request) {
 }
 exports.fetchBuilder = fetchBuilder;
 function graphqlRequestBody(query, variables) {
-    const queryString = typeof query === 'string' ? query : graphql_1.print(query);
+    const queryString = typeof query === 'string' ? query : (0, graphql_1.print)(query);
     return JSON.stringify({
         query: queryString,
         variables,

package/dist/node/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/node/utilities/flattenConnection/flattenConnection.js

@@ -3,13 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.flattenConnection = void 0;
 /**
  * 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.
  */
 function flattenConnection(connection) {
     var _a;

package/dist/node/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/node/utilities/isClient/isClient.js

@@ -3,10 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.isClient = void 0;
 /** 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.
  */
 function isClient() {
     return typeof window !== 'undefined';

package/dist/node/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/node/utilities/isServer/isServer.js

@@ -4,12 +4,8 @@ exports.isServer = void 0;
 const isClient_1 = require("../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.
  */
 function isServer() {
-    return !isClient_1.isClient();
+    return !(0, isClient_1.isClient)();
 }
 exports.isServer = isServer;

package/dist/node/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/node/utilities/parseMetafieldValue/parseMetafieldValue.js

@@ -3,37 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseMetafieldValue = void 0;
 /**
  * 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                                                                                        |
  */
 function parseMetafieldValue(metafield) {
     if (metafield.value == null) {

package/dist/node/utilities/suspense.d.ts

@@ -2,6 +2,6 @@
  * Wrap the fetch promise in a way that React Suspense understands.
  * Essentially, keep throwing something until you have legit data.
  */
-export declare function wrapPromise(promise: Promise<any>): {
-    read: () => any;
+export declare function wrapPromise<T>(promise: Promise<T>): {
+    read: () => T;
 };

package/dist/node/utilities/suspense.js

@@ -14,14 +14,8 @@ function wrapPromise(promise) {
     }, (err) => {
         status = 'error';
         response = err;
-        throw err;
     });
     const read = () => {
-        /**
-         * TODO: This logic doesn't hold up when an error is thrown. For some reason.
-         * We instead throw the exception above in the suspender. We should revisit
-         * this and add a better server fetch implementation.
-         */
         switch (status) {
             case 'pending':
                 throw suspender;

package/dist/node/utilities/video_parameters.js

@@ -17,7 +17,7 @@ function addParametersToEmbeddedVideoUrl(url, parameters) {
 }
 exports.addParametersToEmbeddedVideoUrl = addParametersToEmbeddedVideoUrl;
 function useEmbeddedVideoUrl(url, parameters) {
-    return react_1.useMemo(() => {
+    return (0, react_1.useMemo)(() => {
         if (!parameters) {
             return url;
         }