@shopify/hydrogen 1.0.0 → 1.0.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 1.0.1
+
+### Patch Changes
+
+- [#1716](https://github.com/Shopify/hydrogen/pull/1716) [`4e6356e6`](https://github.com/Shopify/hydrogen/commit/4e6356e67bf92ff621573eac36fe34f37a1c326c) Thanks [@wizardlyhel](https://github.com/wizardlyhel)! - Fix add to cart Shopify session tracking
+
+* [#1713](https://github.com/Shopify/hydrogen/pull/1713) [`ea47ab68`](https://github.com/Shopify/hydrogen/commit/ea47ab68b112c0c1c5b28020c8a2fa91a54f0b78) Thanks [@frandiox](https://github.com/frandiox)! - Fix `fetchSync` when called with relative URLs.
+
 ## 1.0.0
 
 ### Major Changes

package/dist/esnext/components/CartProvider/hooks.client.js

@@ -2,7 +2,8 @@ import React, { useState } from 'react';
 import { useShop } from '../../foundation';
 import { flattenConnection } from '../../utilities';
 import { CartCreate, defaultCartFragment } from './cart-queries';
-import { SHOPIFY_STOREFRONT_ID_HEADER, STOREFRONT_API_PUBLIC_TOKEN_HEADER, } from '../../constants';
+import { SHOPIFY_STOREFRONT_ID_HEADER, STOREFRONT_API_PUBLIC_TOKEN_HEADER, SHOPIFY_STOREFRONT_Y_HEADER, SHOPIFY_STOREFRONT_S_HEADER, SHOPIFY_Y, SHOPIFY_S, } from '../../constants';
+import { parse } from 'worktop/cookie';
 export function useCartFetch() {
     const { storeDomain, storefrontApiVersion, storefrontToken, storefrontId } = useShop();
     return React.useCallback(({ query, variables, }) => {
@@ -15,6 +16,12 @@ export function useCartFetch() {
         if (storefrontId) {
             headers[SHOPIFY_STOREFRONT_ID_HEADER] = storefrontId;
         }
+        // Find Shopify cookies
+        const cookieData = parse(document.cookie);
+        if (cookieData[SHOPIFY_Y] && cookieData[SHOPIFY_S]) {
+            headers[SHOPIFY_STOREFRONT_Y_HEADER] = cookieData[SHOPIFY_Y];
+            headers[SHOPIFY_STOREFRONT_S_HEADER] = cookieData[SHOPIFY_S];
+        }
         return fetch(`https://${storeDomain}/api/${storefrontApiVersion}/graphql.json`, {
             method: 'POST',
             headers,

package/dist/esnext/constants.d.ts

@@ -7,3 +7,7 @@ export declare const STOREFRONT_API_PUBLIC_TOKEN_HEADER = "X-Shopify-Storefront-
 export declare const STOREFRONT_API_BUYER_IP_HEADER = "Shopify-Storefront-Buyer-IP";
 export declare const SHOPIFY_STOREFRONT_ID_VARIABLE = "SHOPIFY_STOREFRONT_ID";
 export declare const SHOPIFY_STOREFRONT_ID_HEADER = "Shopify-Storefront-Id";
+export declare const SHOPIFY_STOREFRONT_Y_HEADER = "Shopify-Storefront-Y";
+export declare const SHOPIFY_STOREFRONT_S_HEADER = "Shopify-Storefront-S";
+export declare const SHOPIFY_Y = "_shopify_y";
+export declare const SHOPIFY_S = "_shopify_s";

package/dist/esnext/constants.js

@@ -7,3 +7,7 @@ export const STOREFRONT_API_PUBLIC_TOKEN_HEADER = 'X-Shopify-Storefront-Access-T
 export const STOREFRONT_API_BUYER_IP_HEADER = 'Shopify-Storefront-Buyer-IP';
 export const SHOPIFY_STOREFRONT_ID_VARIABLE = 'SHOPIFY_STOREFRONT_ID';
 export const SHOPIFY_STOREFRONT_ID_HEADER = 'Shopify-Storefront-Id';
+export const SHOPIFY_STOREFRONT_Y_HEADER = 'Shopify-Storefront-Y';
+export const SHOPIFY_STOREFRONT_S_HEADER = 'Shopify-Storefront-S';
+export const SHOPIFY_Y = '_shopify_y';
+export const SHOPIFY_S = '_shopify_s';

package/dist/esnext/foundation/Analytics/connectors/Shopify/ShopifyAnalytics.client.js

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import { parse, stringify } from 'worktop/cookie';
+import { SHOPIFY_Y, SHOPIFY_S } from '../../../../constants';
 import { ClientAnalytics } from '../../ClientAnalytics';
 import { buildUUID, addDataIf } from './utils';
-import { SHOPIFY_S, SHOPIFY_Y } from './const';
 const longTermLength = 60 * 60 * 24 * 360 * 2; // ~2 year expiry
 const shortTermLength = 60 * 30; // 30 mins
 const myShopifyDomain = 'myshopify.com';

package/dist/esnext/foundation/Analytics/connectors/Shopify/ShopifyAnalytics.server.js

@@ -4,11 +4,11 @@ import AnalyticsErrorBoundary from '../../../AnalyticsErrorBoundary.client';
 import { useServerRequest } from '../../../ServerRequestProvider';
 import { useServerAnalytics } from '../../hook';
 import { useShop } from '../../../useShop';
-import { SHOPIFY_S, SHOPIFY_Y } from './const';
 import { ShopifyAnalyticsClient } from './ShopifyAnalytics.client';
 import { useShopQuery } from '../../../../hooks/useShopQuery';
 import { CacheLong } from '../../../Cache/strategies';
 import { gql } from '../../../../utilities/graphql-tag';
+import { SHOPIFY_Y, SHOPIFY_S } from '../../../../constants';
 export function ShopifyAnalytics({ cookieDomain }) {
     const { storeDomain } = useShop();
     const request = useServerRequest();

package/dist/esnext/foundation/Analytics/connectors/Shopify/const.d.ts

@@ -1,5 +1,3 @@
-export declare const SHOPIFY_Y = "_shopify_y";
-export declare const SHOPIFY_S = "_shopify_s";
 export declare const ShopifyAnalyticsConstants: {
     pageType: {
         article: string;

package/dist/esnext/foundation/Analytics/connectors/Shopify/const.js

@@ -1,5 +1,3 @@
-export const SHOPIFY_Y = '_shopify_y';
-export const SHOPIFY_S = '_shopify_s';
 // Shopify analytics constants
 const article = 'article';
 const blog = 'blog';

package/dist/esnext/foundation/fetchSync/client/fetchSync.js

@@ -5,7 +5,7 @@ import { suspendFunction, preloadFunction } from '../../../utilities/suspense';
  */
 export function fetchSync(url, options) {
     const [text, response] = suspendFunction([url, options], async () => {
-        const response = await globalThis.fetch(url, options);
+        const response = await globalThis.fetch(new URL(url, window.location.origin), options);
         const text = await response.text();
         return [text, response];
     });

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

@@ -1,5 +1,6 @@
 import { parseJSON } from '../../../utilities/parse';
 import { useQuery } from '../../useQuery/hooks';
+import { useUrl } from '../../useUrl';
 /**
  * The `fetchSync` hook makes API requests and is the recommended way to make simple fetch calls on the server and the client.
  * It's designed similar to the [Web API's `fetch`](https://developer.mozilla.org/en-US/docs/Web/API/fetch), only in a way
@@ -7,9 +8,11 @@ import { useQuery } from '../../useQuery/hooks';
  */
 export function fetchSync(url, options) {
     const { cache, preload, shouldCacheResponse, ...requestInit } = options ?? {};
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    const { origin } = useUrl();
     const { data: useQueryResponse, error } = useQuery(// eslint-disable-line react-hooks/rules-of-hooks
     [url, requestInit], async () => {
-        const response = await globalThis.fetch(url, requestInit);
+        const response = await globalThis.fetch(new URL(url, origin), requestInit);
         const text = await response.text();
         return [text, response];
     }, {

package/dist/esnext/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "1.0.0";
+export declare const LIB_VERSION = "1.0.1";

package/dist/esnext/version.js

@@ -1 +1 @@
-export const LIB_VERSION = '1.0.0';
+export const LIB_VERSION = '1.0.1';

package/package.json

@@ -7,7 +7,7 @@
   "engines": {
     "node": ">=14"
   },
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Modern custom Shopify storefronts",
   "license": "MIT",
   "main": "dist/esnext/index.js",