npm - @shopify/hydrogen - Versions diffs - 0.5.1 → 0.6.1 - Mend

@shopify/hydrogen 0.5.1 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (186) hide show

package/dist/worker/handle-event.js CHANGED Viewed

@@ -1,5 +1,6 @@
 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;
     const url = new URL(request.url);
@@ -8,86 +9,78 @@ export default async function handleEvent(event, { request, entrypoint, indexTem
      */
     setCache(cache);
     setContext(context);
+    setConfig({ dev });
     const isReactHydrationRequest = url.pathname === '/react';
-    try {
-        const template = typeof indexTemplate === 'function'
-            ? await indexTemplate(url.toString())
-            : indexTemplate;
-        /**
-         * If this is a request for an asset, and an asset handler is present, call it.
-         */
-        if (/\.(png|jpe?g|gif|css|js|svg|ico|map)$/i.test(url.pathname) &&
-            assetHandler) {
-            return assetHandler(event, url);
-        }
-        const { render, hydrate, stream } = entrypoint.default || entrypoint;
-        // @ts-ignore
-        if (dev && !(render && hydrate && stream)) {
-            throw new Error(`entry-server.jsx could not be loaded. This likely occurred because of a Vite compilation error.\n` +
-                `Please check your server logs for more information.`);
-        }
-        const isStreamable = streamableResponse && isStreamableRequest(url);
-        const context = {};
-        /**
-         * Stream back real-user responses, but for bots/etc,
-         * use `render` instead. This is because we need to inject <head>
-         * things for SEO reasons.
-         */
-        if (isStreamable) {
-            if (isReactHydrationRequest) {
-                hydrate(url, { context, request, response: streamableResponse, dev });
-            }
-            else {
-                stream(url, {
-                    context,
-                    request,
-                    response: streamableResponse,
-                    template,
-                    dev,
-                });
-            }
-            return;
-        }
-        const { body, bodyAttributes, htmlAttributes, componentResponse, ...head } = await render(url, { request, context, isReactHydrationRequest });
-        const headers = componentResponse.headers;
-        /**
-         * 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(getCacheControlHeader({ dev }), componentResponse.cacheControlHeader);
-        if (componentResponse.customBody) {
-            return new Response(await componentResponse.customBody, {
-                status: (_a = componentResponse.status) !== null && _a !== void 0 ? _a : 200,
-                headers,
-            });
-        }
-        let response;
+    const template = typeof indexTemplate === 'function'
+        ? await indexTemplate(url.toString())
+        : indexTemplate;
+    /**
+     * If this is a request for an asset, and an asset handler is present, call it.
+     */
+    if (/\.(png|jpe?g|gif|css|js|svg|ico|map)$/i.test(url.pathname) &&
+        assetHandler) {
+        return assetHandler(event, url);
+    }
+    const { render, hydrate, stream } = entrypoint.default || entrypoint;
+    // @ts-ignore
+    if (dev && !(render && hydrate && stream)) {
+        throw new Error(`entry-server.jsx could not be loaded. This likely occurred because of a Vite compilation error.\n` +
+            `Please check your server logs for more information.`);
+    }
+    const isStreamable = streamableResponse && isStreamableRequest(url);
+    /**
+     * Stream back real-user responses, but for bots/etc,
+     * use `render` instead. This is because we need to inject <head>
+     * things for SEO reasons.
+     */
+    if (isStreamable) {
         if (isReactHydrationRequest) {
-            response = new Response(body, {
-                status: (_b = componentResponse.status) !== null && _b !== void 0 ? _b : 200,
-                headers,
-            });
+            hydrate(url, { context: {}, request, response: streamableResponse, dev });
         }
         else {
-            const html = template
-                .replace(`<div id="root"></div>`, `<div id="root" data-server-rendered="true">${body}</div>`)
-                .replace(/<head>(.*?)<\/head>/s, generateHeadTag(head))
-                .replace('<body', bodyAttributes ? `<body ${bodyAttributes}` : '$&')
-                .replace('<html', htmlAttributes ? `<html ${htmlAttributes}` : '$&');
-            headers.append('content-type', 'text/html');
-            response = new Response(html, {
-                status: (_c = componentResponse.status) !== null && _c !== void 0 ? _c : 200,
-                headers,
+            stream(url, {
+                context: {},
+                request,
+                response: streamableResponse,
+                template,
+                dev,
             });
         }
-        return response;
+        return;
+    }
+    const { body, bodyAttributes, htmlAttributes, componentResponse, ...head } = await render(url, { request, context: {}, isReactHydrationRequest, dev });
+    const headers = componentResponse.headers;
+    /**
+     * 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(getCacheControlHeader({ dev }), componentResponse.cacheControlHeader);
+    if (componentResponse.customBody) {
+        return new Response(await componentResponse.customBody, {
+            status: (_a = componentResponse.status) !== null && _a !== void 0 ? _a : 200,
+            headers,
+        });
+    }
+    let response;
+    if (isReactHydrationRequest) {
+        response = new Response(body, {
+            status: (_b = componentResponse.status) !== null && _b !== void 0 ? _b : 200,
+            headers,
+        });
     }
-    catch (e) {
-        console.log(e.stack);
-        return new Response(e.message || e.toString(), {
-            status: 500,
+    else {
+        const html = template
+            .replace(`<div id="root"></div>`, `<div id="root" data-server-rendered="true">${body}</div>`)
+            .replace(/<head>(.*?)<\/head>/s, generateHeadTag(head))
+            .replace('<body', bodyAttributes ? `<body ${bodyAttributes}` : '$&')
+            .replace('<html', htmlAttributes ? `<html ${htmlAttributes}` : '$&');
+        headers.append('content-type', 'text/html');
+        response = new Response(html, {
+            status: (_c = componentResponse.status) !== null && _c !== void 0 ? _c : 200,
+            headers,
         });
     }
+    return response;
 }
 function isStreamableRequest(url) {
     /**

package/dist/worker/types.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export declare type Renderer = (url: URL, options: {
     request: ServerComponentRequest;
     context?: Record<string, any>;
     isReactHydrationRequest?: boolean;
+    dev?: boolean;
 }) => Promise<{
     body: string;
     componentResponse: ServerComponentResponse;

package/package.json CHANGED Viewed

@@ -4,7 +4,7 @@
     "access": "public",
     "@shopify:registry": "https://registry.npmjs.org"
   },
-  "version": "0.5.1",
+  "version": "0.6.1",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",
@@ -95,5 +95,5 @@
     "react-ssr-prepass": "^1.4.0",
     "vite-plugin-inspect": "^0.3.6"
   },
-  "gitHead": "f801f0208c02810f8ca5b3fbb25e2d402cdd3550"
+  "gitHead": "8b292618107390b2e81a03a068b20899f66f0761"
 }

package/dist/esnext/utilities/connections.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import { GraphQLConnection } from '../types';
2	- export declare function flattenConnection<T>(connection: GraphQLConnection<T>): T[];

package/dist/esnext/utilities/connections.js DELETED Viewed

@@ -1,4 +0,0 @@
-export function flattenConnection(connection) {
-    var _a;
-    return ((_a = connection.edges) !== null && _a !== void 0 ? _a : []).map((edge) => edge.node);
-}

package/dist/node/utilities/connections.d.ts DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import { GraphQLConnection } from '../types';
2	- export declare function flattenConnection<T>(connection: GraphQLConnection<T>): T[];

package/dist/node/utilities/connections.js DELETED Viewed

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flattenConnection = void 0;
-function flattenConnection(connection) {
-    var _a;
-    return ((_a = connection.edges) !== null && _a !== void 0 ? _a : []).map((edge) => edge.node);
-}
-exports.flattenConnection = flattenConnection;