@shopify/hydrogen 0.17.1 → 0.17.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.17.2
+
+### Patch Changes
+
+- [#1161](https://github.com/Shopify/hydrogen/pull/1161) [`6b963fb1`](https://github.com/Shopify/hydrogen/commit/6b963fb1fdd2824683870c8ff3258447bf7fedea) Thanks [@merwan7](https://github.com/merwan7)! - Adds ability to add multiple cookies in one response
+
+* [#1162](https://github.com/Shopify/hydrogen/pull/1162) [`5446d544`](https://github.com/Shopify/hydrogen/commit/5446d544f151e233e909e6a6f002e87863ae6151) Thanks [@arlyxiao](https://github.com/arlyxiao)! - Upgrade body-parser
+
+- [#1200](https://github.com/Shopify/hydrogen/pull/1200) [`7fb7ee49`](https://github.com/Shopify/hydrogen/commit/7fb7ee497091df3177d53e8745edcae6ba99a87d) Thanks [@blittle](https://github.com/blittle)! - Add bot user agents for Seoradar and Adresults, resolves #1199
+
+* [#1167](https://github.com/Shopify/hydrogen/pull/1167) [`0a5ac1cb`](https://github.com/Shopify/hydrogen/commit/0a5ac1cbec449eefe48041ed6aceaac375dfa601) Thanks [@benjaminsehl](https://github.com/benjaminsehl)! - Only warn in console on missing Model3D alt tag, do not throw error
+
+- [#1152](https://github.com/Shopify/hydrogen/pull/1152) [`d3e3e695`](https://github.com/Shopify/hydrogen/commit/d3e3e695457e6eb2a3ebf9767e0f10cc3570e880) Thanks [@jplhomer](https://github.com/jplhomer)! - Fix scroll restoration when server props are changed
+
 ## 0.17.1
 
 ### Patch Changes
@@ -343,7 +357,7 @@
   }, []);
   ```
 
-  See an example on how this could be done inside the Demo Store template [country selector](https://github.com/Shopify/hydrogen/blob/v1.x-2022-07/examples/template-hydrogen-default/src/components/CountrySelector.client.jsx)
+  See an example on how this could be done inside the Demo Store template [country selector](https://github.com/Shopify/hydrogen/blob/v1.x-2022-07/templates/template-hydrogen-default/src/components/CountrySelector.client.jsx)
 
 - [#698](https://github.com/Shopify/hydrogen/pull/698) [`6f30b9a1`](https://github.com/Shopify/hydrogen/commit/6f30b9a1327f06d648a01dd94d539c7dcb3061e0) Thanks [@jplhomer](https://github.com/jplhomer)! - Basic end-to-end tests have been added to the default Hydrogen template. You can run tests in development:
 

package/dist/esnext/components/ModelViewer/ModelViewer.client.d.ts

@@ -112,7 +112,7 @@ interface ModelViewerProps {
     /** The callback to invoke when the 'scene-graph-ready' event is triggered. Refer to [scene-graph-ready in the <model-viewer> documentation](https://modelviewer.dev/docs/index.html#entrydocs-scenegraph-events-sceneGraphReady). */
     onSceneGraphReady?: (event: Event) => void;
 }
-declare type PropsWeControl = 'src' | 'alt' | 'poster';
+declare type PropsWeControl = 'src' | 'poster';
 declare global {
     namespace JSX {
         interface IntrinsicElements {

package/dist/esnext/components/ModelViewer/ModelViewer.client.js

@@ -99,7 +99,7 @@ export function ModelViewer(props) {
         throw new Error(`<ModelViewer/> requires 'data.sources' prop to be an array, with an object that has a property 'url' on it`);
     }
     if (!data.alt) {
-        throw new Error(`<ModelViewer/> requires the 'data.alt' prop`);
+        console.warn(`<ModelViewer/> requires the 'data.alt' prop for accessibility`);
     }
     return (React.createElement("model-viewer", { ref: callbackRef, ...passthroughProps, class: className, id: id, src: data.sources[0].url, alt: data.alt, "camera-controls": (_c = passthroughProps.cameraControls) !== null && _c !== void 0 ? _c : true, poster: passthroughProps.poster || ((_d = data.previewImage) === null || _d === void 0 ? void 0 : _d.url), autoplay: (_e = passthroughProps.autoplay) !== null && _e !== void 0 ? _e : true, loading: passthroughProps.loading, reveal: passthroughProps.reveal, ar: passthroughProps.ar, "ar-modes": passthroughProps.arModes, "ar-scale": passthroughProps.arScale, "ar-placement": passthroughProps.arPlacement, "ios-src": passthroughProps.iosSrc, "touch-action": passthroughProps.touchAction, "disable-zoom": passthroughProps.disableZoom, "orbit-sensitivity": passthroughProps.orbitSensitivity, "auto-rotate": passthroughProps.autoRotate, "auto-rotate-delay": passthroughProps.autoRotateDelay, "rotation-per-second": passthroughProps.rotationPerSecond, "interaction-policy": passthroughProps.interactionPolicy, "interaction-prompt": passthroughProps.interactionPrompt, "interaction-prompt-style": passthroughProps.interactionPromptStyle, "interaction-prompt-threshold": passthroughProps.interactionPromptThreshold, "camera-orbit": passthroughProps.cameraOrbit, "camera-target": passthroughProps.cameraTarget, "field-of-view": passthroughProps.fieldOfView, "max-camera-orbit": passthroughProps.maxCameraOrbit, "min-camera-orbit": passthroughProps.minCameraOrbit, "max-field-of-view": passthroughProps.maxFieldOfView, "min-field-of-view": passthroughProps.minFieldOfView, bounds: passthroughProps.bounds, "interpolation-decay": (_f = passthroughProps.interpolationDecay) !== null && _f !== void 0 ? _f : 100, "skybox-image": passthroughProps.skyboxImage, "environment-image": passthroughProps.environmentImage, exposure: passthroughProps.exposure, "shadow-intensity": (_g = passthroughProps.shadowIntensity) !== null && _g !== void 0 ? _g : 0, "shadow-softness": (_h = passthroughProps.shadowSoftness) !== null && _h !== void 0 ? _h : 0, "animation-name": passthroughProps.animationName, "animation-crossfade-duration": passthroughProps.animationCrossfadeDuration, "variant-name": passthroughProps.variantName, orientation: passthroughProps.orientation, scale: passthroughProps.scale }, children));
 }

package/dist/esnext/entry-server.js

@@ -121,7 +121,7 @@ async function render(url, { App, routes, request, componentResponse, log, templ
      * 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['cache-control'] = componentResponse.cacheControlHeader;
+    headers.set('cache-control', componentResponse.cacheControlHeader);
     if (componentResponse.customBody) {
         // This can be used to return sitemap.xml or any other custom response.
         postRequestTasks('ssr', status, request, componentResponse);
@@ -131,7 +131,7 @@ async function render(url, { App, routes, request, componentResponse, log, templ
             headers,
         });
     }
-    headers[CONTENT_TYPE] = HTML_CONTENT_TYPE;
+    headers.set(CONTENT_TYPE, HTML_CONTENT_TYPE);
     html = applyHtmlHead(html, request.ctx.head, template);
     if (flight) {
         html = html.replace('</body>', () => `${flightContainer({
@@ -220,8 +220,7 @@ async function stream(url, { App, routes, request, response, componentResponse,
              * queries which might be caught behind Suspense. Clarify this or add
              * additional checks downstream?
              */
-            responseOptions.headers['cache-control'] =
-                componentResponse.cacheControlHeader;
+            responseOptions.headers.set('cache-control', componentResponse.cacheControlHeader);
             if (isRedirect(responseOptions)) {
                 return false;
             }
@@ -230,7 +229,7 @@ async function stream(url, { App, routes, request, response, componentResponse,
                     writable.write(encoder.encode(await componentResponse.customBody));
                     return false;
                 }
-                responseOptions.headers[CONTENT_TYPE] = HTML_CONTENT_TYPE;
+                responseOptions.headers.set(CONTENT_TYPE, HTML_CONTENT_TYPE);
                 writable.write(encoder.encode(DOCTYPE));
                 if (didError) {
                     // This error was delayed until the headers were properly sent.
@@ -487,8 +486,7 @@ function startWritingHtmlToServerResponse(response, error) {
 function getResponseOptions({ headers, status, customStatus }, error) {
     var _a, _b;
     const responseInit = {};
-    // @ts-ignore
-    responseInit.headers = Object.fromEntries(headers.entries());
+    responseInit.headers = headers;
     if (error) {
         responseInit.status = 500;
     }
@@ -509,7 +507,7 @@ function writeHeadToServerResponse(response, serverComponentResponse, log, error
     if (statusText) {
         response.statusMessage = statusText;
     }
-    Object.entries(headers).forEach(([key, value]) => response.setHeader(key, value));
+    Object.entries(headers.raw()).forEach(([key, value]) => response.setHeader(key, value));
 }
 function isRedirect(response) {
     var _a, _b;

package/dist/esnext/foundation/FileRoutes/FileRoutes.server.js

@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 import { matchPath } from '../../utilities/matchPath';
 import { log } from '../../utilities/log';
+import { extractPathFromRoutesKey } from '../../utilities/apiRoutes';
 import { useServerRequest } from '../ServerRequestProvider';
 import { RouteParamsProvider } from '../useRouteParams/RouteParamsProvider.client';
 /**
@@ -34,24 +35,7 @@ export function createPageRoutes(pages, topLevelPath = '*', dirPrefix) {
     const topLevelPrefix = topLevelPath.replace('*', '').replace(/\/$/, '');
     const routes = Object.keys(pages)
         .map((key) => {
-        let path = key
-            .replace(dirPrefix, '')
-            .replace(/\.server\.(t|j)sx?$/, '')
-            /**
-             * Replace /index with /
-             */
-            .replace(/\/index$/i, '/')
-            /**
-             * Only lowercase the first letter. This allows the developer to use camelCase
-             * dynamic paths while ensuring their standard routes are normalized to lowercase.
-             */
-            .replace(/\b[A-Z]/, (firstLetter) => firstLetter.toLowerCase())
-            /**
-             * Convert /[handle].jsx and /[...handle].jsx to /:handle.jsx for react-router-dom
-             */
-            .replace(/\[(?:[.]{3})?(\w+?)\]/g, (_match, param) => `:${param}`);
-        if (path.endsWith('/') && path !== '/')
-            path = path.substring(0, path.length - 1);
+        const path = extractPathFromRoutesKey(key, dirPrefix);
         /**
          * Catch-all routes [...handle].jsx don't need an exact match
          * https://reactrouter.com/core/api/Route/exact-bool

package/dist/esnext/foundation/Router/BrowserRouter.client.js

@@ -10,8 +10,15 @@ export const BrowserRouter = ({ history: pHistory, children, }) => {
         return React.createElement(React.Fragment, null, children);
     const history = useMemo(() => pHistory || createBrowserHistory(), [pHistory]);
     const [location, setLocation] = useState(history.location);
+    const [locationChanged, setLocationChanged] = useState(false);
     const { pending, locationServerProps, setLocationServerProps } = useInternalServerProps();
-    useScrollRestoration(location, pending, locationServerProps);
+    useScrollRestoration({
+        location,
+        pending,
+        serverProps: locationServerProps,
+        locationChanged,
+        onFinishNavigating: () => setLocationChanged(false),
+    });
     useLayoutEffect(() => {
         const unlisten = history.listen(({ location: newLocation }) => {
             positions[location.key] = window.scrollY;
@@ -20,9 +27,10 @@ export const BrowserRouter = ({ history: pHistory, children, }) => {
                 search: newLocation.search,
             });
             setLocation(newLocation);
+            setLocationChanged(true);
         });
         return () => unlisten();
-    }, [history, location]);
+    }, [history, location, setLocationChanged]);
     return (React.createElement(RouterContext.Provider, { value: {
             history,
             location,
@@ -49,7 +57,7 @@ function useBeforeUnload(callback) {
         };
     }, [callback]);
 }
-function useScrollRestoration(location, pending, serverProps) {
+function useScrollRestoration({ location, pending, serverProps, locationChanged, onFinishNavigating, }) {
     /**
      * Browsers have an API for scroll restoration. We wait for the page to load first,
      * in case the browser is able to restore scroll position automatically, and then
@@ -66,7 +74,7 @@ function useScrollRestoration(location, pending, serverProps) {
     }, []));
     useLayoutEffect(() => {
         // The app has just loaded
-        if (isFirstLoad) {
+        if (isFirstLoad || !locationChanged) {
             isFirstLoad = false;
             return;
         }
@@ -87,15 +95,27 @@ function useScrollRestoration(location, pending, serverProps) {
             const element = document.querySelector(location.hash);
             if (element) {
                 element.scrollIntoView();
+                onFinishNavigating();
                 return;
             }
         }
         // If we have a matching position, scroll to it
         if (position) {
             window.scrollTo(0, position);
+            onFinishNavigating();
             return;
         }
         // Scroll to the top of new pages
         window.scrollTo(0, 0);
-    }, [location, pending, serverProps]);
+        onFinishNavigating();
+    }, [
+        location.pathname,
+        location.search,
+        location.hash,
+        pending,
+        serverProps.pathname,
+        serverProps.search,
+        locationChanged,
+        onFinishNavigating,
+    ]);
 }

package/dist/esnext/framework/plugins/vite-plugin-platform-entry.js

@@ -19,7 +19,7 @@ export default () => {
             }
         },
         resolveId(source, importer) {
-            if (normalizePath(source).includes('@shopify/hydrogen/platforms/')) {
+            if (normalizePath(source).includes('/hydrogen/platforms/')) {
                 const hydrogenPath = path.dirname(require.resolve('@shopify/hydrogen/package.json'));
                 const platformEntryName = source.split(path.sep).pop() || '';
                 const platformEntryPath = path.resolve(hydrogenPath, 'dist', 'esnext', 'platforms', platformEntryName);
@@ -30,7 +30,7 @@ export default () => {
             return null;
         },
         transform(code, id) {
-            if (normalizePath(id).includes('@shopify/hydrogen/dist/esnext/platforms/')) {
+            if (normalizePath(id).includes('/hydrogen/dist/esnext/platforms/')) {
                 code = code
                     .replace('__SERVER_ENTRY__', process.env.HYDROGEN_SERVER_ENTRY || HYDROGEN_DEFAULT_SERVER_ENTRY)
                     .replace('__INDEX_TEMPLATE__', normalizePath(path.resolve(config.root, config.build.outDir, '..', 'client', 'index.html')));

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

@@ -19,6 +19,7 @@ export declare type ApiRouteMatch = {
     hasServerComponent: boolean;
     params: RouteParams;
 };
+export declare function extractPathFromRoutesKey(routesKey: string, dirPrefix: string): string;
 export declare function getApiRoutes(pages: ImportGlobEagerOutput | undefined, topLevelPath?: string): Array<HydrogenApiRoute>;
 export declare function getApiRouteFromURL(url: URL, routes: Array<HydrogenApiRoute>): ApiRouteMatch | null;
 /** The `queryShop` utility is a function that helps you query the Storefront API.

package/dist/esnext/utilities/apiRoutes.js

@@ -5,6 +5,28 @@ import { getStorefrontApiRequestHeaders } from './storefrontApi';
 import { emptySessionImplementation, } from '../foundation/session/session';
 let memoizedRoutes = [];
 let memoizedPages = {};
+export function extractPathFromRoutesKey(routesKey, dirPrefix) {
+    let path = routesKey
+        .replace(dirPrefix, '')
+        .replace(/\.server\.(t|j)sx?$/, '')
+        /**
+         * Replace /index with /
+         */
+        .replace(/\/index$/i, '/')
+        /**
+         * Only lowercase the first letter. This allows the developer to use camelCase
+         * dynamic paths while ensuring their standard routes are normalized to lowercase.
+         */
+        .replace(/\b[A-Z]/, (firstLetter) => firstLetter.toLowerCase())
+        /**
+         * Convert /[handle].jsx and /[...handle].jsx to /:handle.jsx for react-router-dom
+         */
+        .replace(/\[(?:[.]{3})?(\w+?)\]/g, (_match, param) => `:${param}`);
+    if (path.endsWith('/') && path !== '/') {
+        path = path.substring(0, path.length - 1);
+    }
+    return path;
+}
 export function getApiRoutes(pages, topLevelPath = '*') {
     if (!pages || memoizedPages === pages)
         return memoizedRoutes;
@@ -12,24 +34,7 @@ export function getApiRoutes(pages, topLevelPath = '*') {
     const routes = Object.keys(pages)
         .filter((key) => pages[key].api)
         .map((key) => {
-        let path = key
-            .replace('./routes', '')
-            .replace(/\.server\.(t|j)sx?$/, '')
-            /**
-             * Replace /index with /
-             */
-            .replace(/\/index$/i, '/')
-            /**
-             * Only lowercase the first letter. This allows the developer to use camelCase
-             * dynamic paths while ensuring their standard routes are normalized to lowercase.
-             */
-            .replace(/\b[A-Z]/, (firstLetter) => firstLetter.toLowerCase())
-            /**
-             * Convert /[handle].jsx and /[...handle].jsx to /:handle.jsx for react-router-dom
-             */
-            .replace(/\[(?:[.]{3})?(\w+?)\]/g, (_match, param) => `:${param}`);
-        if (path.endsWith('/') && path !== '/')
-            path = path.substring(0, path.length - 1);
+        const path = extractPathFromRoutesKey(key, './routes');
         /**
          * Catch-all routes [...handle].jsx don't need an exact match
          * https://reactrouter.com/core/api/Route/exact-bool

package/dist/esnext/utilities/bot-ua.js

@@ -41,6 +41,9 @@ const botUserAgents = [
     'W3C_Validator',
     'WhatsApp',
     'yandex',
+    // SEO Tools
+    'Seoradar',
+    'W3C html2txt',
 ];
 /**
  * Creates a regex based on the botUserAgents array

package/dist/esnext/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "0.17.1";
+export declare const LIB_VERSION = "0.17.2";

package/dist/esnext/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '0.17.1';
+export const LIB_VERSION = '0.17.2';

package/dist/node/entry-server.js

@@ -148,7 +148,7 @@ async function render(url, { App, routes, request, componentResponse, log, templ
      * 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['cache-control'] = componentResponse.cacheControlHeader;
+    headers.set('cache-control', componentResponse.cacheControlHeader);
     if (componentResponse.customBody) {
         // This can be used to return sitemap.xml or any other custom response.
         postRequestTasks('ssr', status, request, componentResponse);
@@ -158,7 +158,7 @@ async function render(url, { App, routes, request, componentResponse, log, templ
             headers,
         });
     }
-    headers[CONTENT_TYPE] = HTML_CONTENT_TYPE;
+    headers.set(CONTENT_TYPE, HTML_CONTENT_TYPE);
     html = (0, Html_1.applyHtmlHead)(html, request.ctx.head, template);
     if (flight) {
         html = html.replace('</body>', () => `${flightContainer({
@@ -247,8 +247,7 @@ async function stream(url, { App, routes, request, response, componentResponse,
              * queries which might be caught behind Suspense. Clarify this or add
              * additional checks downstream?
              */
-            responseOptions.headers['cache-control'] =
-                componentResponse.cacheControlHeader;
+            responseOptions.headers.set('cache-control', componentResponse.cacheControlHeader);
             if (isRedirect(responseOptions)) {
                 return false;
             }
@@ -257,7 +256,7 @@ async function stream(url, { App, routes, request, response, componentResponse,
                     writable.write(encoder.encode(await componentResponse.customBody));
                     return false;
                 }
-                responseOptions.headers[CONTENT_TYPE] = HTML_CONTENT_TYPE;
+                responseOptions.headers.set(CONTENT_TYPE, HTML_CONTENT_TYPE);
                 writable.write(encoder.encode(DOCTYPE));
                 if (didError) {
                     // This error was delayed until the headers were properly sent.
@@ -514,8 +513,7 @@ function startWritingHtmlToServerResponse(response, error) {
 function getResponseOptions({ headers, status, customStatus }, error) {
     var _a, _b;
     const responseInit = {};
-    // @ts-ignore
-    responseInit.headers = Object.fromEntries(headers.entries());
+    responseInit.headers = headers;
     if (error) {
         responseInit.status = 500;
     }
@@ -536,7 +534,7 @@ function writeHeadToServerResponse(response, serverComponentResponse, log, error
     if (statusText) {
         response.statusMessage = statusText;
     }
-    Object.entries(headers).forEach(([key, value]) => response.setHeader(key, value));
+    Object.entries(headers.raw()).forEach(([key, value]) => response.setHeader(key, value));
 }
 function isRedirect(response) {
     var _a, _b;

package/dist/node/foundation/Router/BrowserRouter.client.js

@@ -36,8 +36,15 @@ const BrowserRouter = ({ history: pHistory, children, }) => {
         return react_1.default.createElement(react_1.default.Fragment, null, children);
     const history = (0, react_1.useMemo)(() => pHistory || (0, history_1.createBrowserHistory)(), [pHistory]);
     const [location, setLocation] = (0, react_1.useState)(history.location);
+    const [locationChanged, setLocationChanged] = (0, react_1.useState)(false);
     const { pending, locationServerProps, setLocationServerProps } = (0, use_server_props_1.useInternalServerProps)();
-    useScrollRestoration(location, pending, locationServerProps);
+    useScrollRestoration({
+        location,
+        pending,
+        serverProps: locationServerProps,
+        locationChanged,
+        onFinishNavigating: () => setLocationChanged(false),
+    });
     (0, react_1.useLayoutEffect)(() => {
         const unlisten = history.listen(({ location: newLocation }) => {
             positions[location.key] = window.scrollY;
@@ -46,9 +53,10 @@ const BrowserRouter = ({ history: pHistory, children, }) => {
                 search: newLocation.search,
             });
             setLocation(newLocation);
+            setLocationChanged(true);
         });
         return () => unlisten();
-    }, [history, location]);
+    }, [history, location, setLocationChanged]);
     return (react_1.default.createElement(exports.RouterContext.Provider, { value: {
             history,
             location,
@@ -78,7 +86,7 @@ function useBeforeUnload(callback) {
         };
     }, [callback]);
 }
-function useScrollRestoration(location, pending, serverProps) {
+function useScrollRestoration({ location, pending, serverProps, locationChanged, onFinishNavigating, }) {
     /**
      * Browsers have an API for scroll restoration. We wait for the page to load first,
      * in case the browser is able to restore scroll position automatically, and then
@@ -95,7 +103,7 @@ function useScrollRestoration(location, pending, serverProps) {
     }, []));
     (0, react_1.useLayoutEffect)(() => {
         // The app has just loaded
-        if (isFirstLoad) {
+        if (isFirstLoad || !locationChanged) {
             isFirstLoad = false;
             return;
         }
@@ -116,15 +124,27 @@ function useScrollRestoration(location, pending, serverProps) {
             const element = document.querySelector(location.hash);
             if (element) {
                 element.scrollIntoView();
+                onFinishNavigating();
                 return;
             }
         }
         // If we have a matching position, scroll to it
         if (position) {
             window.scrollTo(0, position);
+            onFinishNavigating();
             return;
         }
         // Scroll to the top of new pages
         window.scrollTo(0, 0);
-    }, [location, pending, serverProps]);
+        onFinishNavigating();
+    }, [
+        location.pathname,
+        location.search,
+        location.hash,
+        pending,
+        serverProps.pathname,
+        serverProps.search,
+        locationChanged,
+        onFinishNavigating,
+    ]);
 }

package/dist/node/framework/plugins/vite-plugin-platform-entry.js

@@ -24,7 +24,7 @@ exports.default = () => {
             }
         },
         resolveId(source, importer) {
-            if ((0, vite_1.normalizePath)(source).includes('@shopify/hydrogen/platforms/')) {
+            if ((0, vite_1.normalizePath)(source).includes('/hydrogen/platforms/')) {
                 const hydrogenPath = path_1.default.dirname(require.resolve('@shopify/hydrogen/package.json'));
                 const platformEntryName = source.split(path_1.default.sep).pop() || '';
                 const platformEntryPath = path_1.default.resolve(hydrogenPath, 'dist', 'esnext', 'platforms', platformEntryName);
@@ -35,7 +35,7 @@ exports.default = () => {
             return null;
         },
         transform(code, id) {
-            if ((0, vite_1.normalizePath)(id).includes('@shopify/hydrogen/dist/esnext/platforms/')) {
+            if ((0, vite_1.normalizePath)(id).includes('/hydrogen/dist/esnext/platforms/')) {
                 code = code
                     .replace('__SERVER_ENTRY__', process.env.HYDROGEN_SERVER_ENTRY || vite_plugin_hydrogen_middleware_1.HYDROGEN_DEFAULT_SERVER_ENTRY)
                     .replace('__INDEX_TEMPLATE__', (0, vite_1.normalizePath)(path_1.default.resolve(config.root, config.build.outDir, '..', 'client', 'index.html')));

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

@@ -19,6 +19,7 @@ export declare type ApiRouteMatch = {
     hasServerComponent: boolean;
     params: RouteParams;
 };
+export declare function extractPathFromRoutesKey(routesKey: string, dirPrefix: string): string;
 export declare function getApiRoutes(pages: ImportGlobEagerOutput | undefined, topLevelPath?: string): Array<HydrogenApiRoute>;
 export declare function getApiRouteFromURL(url: URL, routes: Array<HydrogenApiRoute>): ApiRouteMatch | null;
 /** The `queryShop` utility is a function that helps you query the Storefront API.

package/dist/node/utilities/apiRoutes.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderApiRoute = exports.getApiRouteFromURL = exports.getApiRoutes = void 0;
+exports.renderApiRoute = exports.getApiRouteFromURL = exports.getApiRoutes = exports.extractPathFromRoutesKey = void 0;
 const matchPath_1 = require("./matchPath");
 const log_1 = require("../utilities/log/");
 const fetch_1 = require("./fetch");
@@ -8,6 +8,29 @@ const storefrontApi_1 = require("./storefrontApi");
 const session_1 = require("../foundation/session/session");
 let memoizedRoutes = [];
 let memoizedPages = {};
+function extractPathFromRoutesKey(routesKey, dirPrefix) {
+    let path = routesKey
+        .replace(dirPrefix, '')
+        .replace(/\.server\.(t|j)sx?$/, '')
+        /**
+         * Replace /index with /
+         */
+        .replace(/\/index$/i, '/')
+        /**
+         * Only lowercase the first letter. This allows the developer to use camelCase
+         * dynamic paths while ensuring their standard routes are normalized to lowercase.
+         */
+        .replace(/\b[A-Z]/, (firstLetter) => firstLetter.toLowerCase())
+        /**
+         * Convert /[handle].jsx and /[...handle].jsx to /:handle.jsx for react-router-dom
+         */
+        .replace(/\[(?:[.]{3})?(\w+?)\]/g, (_match, param) => `:${param}`);
+    if (path.endsWith('/') && path !== '/') {
+        path = path.substring(0, path.length - 1);
+    }
+    return path;
+}
+exports.extractPathFromRoutesKey = extractPathFromRoutesKey;
 function getApiRoutes(pages, topLevelPath = '*') {
     if (!pages || memoizedPages === pages)
         return memoizedRoutes;
@@ -15,24 +38,7 @@ function getApiRoutes(pages, topLevelPath = '*') {
     const routes = Object.keys(pages)
         .filter((key) => pages[key].api)
         .map((key) => {
-        let path = key
-            .replace('./routes', '')
-            .replace(/\.server\.(t|j)sx?$/, '')
-            /**
-             * Replace /index with /
-             */
-            .replace(/\/index$/i, '/')
-            /**
-             * Only lowercase the first letter. This allows the developer to use camelCase
-             * dynamic paths while ensuring their standard routes are normalized to lowercase.
-             */
-            .replace(/\b[A-Z]/, (firstLetter) => firstLetter.toLowerCase())
-            /**
-             * Convert /[handle].jsx and /[...handle].jsx to /:handle.jsx for react-router-dom
-             */
-            .replace(/\[(?:[.]{3})?(\w+?)\]/g, (_match, param) => `:${param}`);
-        if (path.endsWith('/') && path !== '/')
-            path = path.substring(0, path.length - 1);
+        const path = extractPathFromRoutesKey(key, './routes');
         /**
          * Catch-all routes [...handle].jsx don't need an exact match
          * https://reactrouter.com/core/api/Route/exact-bool

package/dist/node/utilities/bot-ua.js

@@ -44,6 +44,9 @@ const botUserAgents = [
     'W3C_Validator',
     'WhatsApp',
     'yandex',
+    // SEO Tools
+    'Seoradar',
+    'W3C html2txt',
 ];
 /**
  * Creates a regex based on the botUserAgents array

package/dist/node/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "0.17.1";
+export declare const LIB_VERSION = "0.17.2";

package/dist/node/version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
-exports.LIB_VERSION = '0.17.1';
+exports.LIB_VERSION = '0.17.2';

package/package.json

@@ -7,7 +7,7 @@
   "engines": {
     "node": ">=14"
   },
-  "version": "0.17.1",
+  "version": "0.17.2",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",
@@ -81,7 +81,7 @@
     "rimraf": "^3.0.2"
   },
   "peerDependencies": {
-    "body-parser": "^1.19.1",
+    "body-parser": "^1.20.0",
     "compression": "^1.7.4",
     "react": "0.0.0-experimental-2bf7c02f0-20220314",
     "react-dom": "0.0.0-experimental-2bf7c02f0-20220314",