@shopify/hydrogen 2024.7.2 → 2024.7.3

package/dist/development/index.cjs

@@ -511,7 +511,7 @@ var errorOnce = (string) => {
 };
 
 // src/version.ts
-var LIB_VERSION = "2024.7.2";
+var LIB_VERSION = "2024.7.3";
 
 // src/utils/graphql.ts
 function minifyQuery(string) {
@@ -900,7 +900,10 @@ function formatAPIResult(data, errors2) {
 
 // src/utils/request.ts
 function getHeader(request, key) {
-  const value = request.headers?.get?.(key) ?? request.headers?.[key];
+  return getHeaderValue(request.headers, key);
+}
+function getHeaderValue(headers, key) {
+  const value = headers?.get?.(key) ?? headers?.[key];
   return typeof value === "string" ? value : null;
 }
 function getDebugHeaders(request) {
@@ -911,11 +914,8 @@ function getDebugHeaders(request) {
 }
 
 // src/cache/create-with-cache.ts
-function createWithCache({
-  cache,
-  waitUntil,
-  request
-}) {
+function createWithCache(cacheOptions) {
+  const { cache, waitUntil, request } = cacheOptions;
   return function withCache(cacheKey, strategy, actionFn) {
     return runWithCache(cacheKey, actionFn, {
       strategy,
@@ -1815,7 +1815,7 @@ function Seo({ debug }) {
   const matches = react$1.useMatches();
   const location = react$1.useLocation();
   console.warn(
-    "[h2:warn:Seo] The `<Seo/>` component is deprecated. Use `getSeoMeta` instead.\nSee: https://shopify.dev/docs/api/hydrogen/2024-01/utilities/getseometa"
+    "[h2:warn:Seo] The `<Seo/>` component is deprecated. Use `getSeoMeta` instead.\nSee: https://shopify.dev/docs/api/hydrogen/2024-07/utilities/getseometa"
   );
   const seoConfig = react.useMemo(() => {
     return matches.flatMap((match) => {
@@ -2574,6 +2574,11 @@ function createCustomerAccountClient({
       `[h2:warn:createCustomerAccountClient] You are using Customer Account API version ${customerApiVersion} when this version of Hydrogen was built for ${DEFAULT_CUSTOMER_API_VERSION}.`
     );
   }
+  if (!session) {
+    console.warn(
+      `[h2:warn:createCustomerAccountClient] session is required to use Customer Account API. Ensure the session object passed in exist.`
+    );
+  }
   if (!request?.url) {
     throw new Error(
       "[h2:error:createCustomerAccountClient] The request object does not contain a URL."
@@ -3569,7 +3574,7 @@ var CART_METAFIELD_DELETE_MUTATION = () => `#graphql
   }
 `;
 var cartGetIdDefault = (requestHeaders) => {
-  const cookies = cookie.parse(requestHeaders.get("Cookie") || "");
+  const cookies = cookie.parse(getHeaderValue(requestHeaders, "Cookie") || "");
   return () => {
     return cookies.cart ? `gid://shopify/Cart/${cookies.cart}` : void 0;
   };
@@ -3988,10 +3993,31 @@ function addCspDirective(currentValue, value) {
 }
 var Script = react.forwardRef(
   (props, ref) => {
+    const { waitForHydration, src, ...rest } = props;
+    if (!src) throw new Error("Script components require a `src` prop");
+    if (waitForHydration) return /* @__PURE__ */ jsxRuntime.jsx(LazyScript, { src, options: rest });
     const nonce = useNonce();
-    return /* @__PURE__ */ jsxRuntime.jsx("script", { suppressHydrationWarning: true, ...props, nonce, ref });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "script",
+      {
+        suppressHydrationWarning: true,
+        ...rest,
+        src,
+        nonce,
+        ref
+      }
+    );
   }
 );
+function LazyScript({
+  src,
+  options
+}) {
+  hydrogenReact.useLoadScript(src, {
+    attributes: options
+  });
+  return null;
+}
 function useOptimisticData(identifier) {
   const fetchers = react$1.useFetchers();
   const data = {};
@@ -4205,6 +4231,7 @@ function ShopifyAnalytics({
   const { subscribe: subscribe2, register: register2, canTrack } = useAnalytics();
   const [shopifyReady, setShopifyReady] = react.useState(false);
   const [privacyReady, setPrivacyReady] = react.useState(false);
+  const init = react.useRef(false);
   const { ready: shopifyAnalyticsReady } = register2("Internal_Shopify_Analytics");
   const { ready: customerPrivacyReady } = register2(
     "Internal_Shopify_CustomerPrivacy"
@@ -4233,6 +4260,8 @@ function ShopifyAnalytics({
     checkoutDomain
   });
   react.useEffect(() => {
+    if (init.current) return;
+    init.current = true;
     subscribe2(AnalyticsEvent.PAGE_VIEWED, pageViewHandler);
     subscribe2(AnalyticsEvent.PRODUCT_VIEWED, productViewHandler);
     subscribe2(AnalyticsEvent.COLLECTION_VIEWED, collectionViewHandler);
@@ -4686,7 +4715,6 @@ function AnalyticsProvider({
   consent,
   customData = {},
   shop: shopProp = null,
-  disableThrowOnError = false,
   cookieDomain
 }) {
   const listenerSet = react.useRef(false);
@@ -4847,6 +4875,84 @@ var RichText = function(props) {
     }
   );
 };
+
+// src/createHydrogenContext.ts
+function createHydrogenContext(options) {
+  const {
+    env,
+    request,
+    cache,
+    waitUntil,
+    i18n,
+    session,
+    logErrors,
+    storefront: storefrontOptions = {},
+    customerAccount: customerAccountOptions,
+    cart: cartOptions = {}
+  } = options;
+  if (!session) {
+    console.warn(
+      `[h2:warn:createHydrogenContext] A session object is required to create hydrogen context.`
+    );
+  }
+  const { storefront } = createStorefrontClient({
+    // share options
+    cache,
+    waitUntil,
+    i18n,
+    logErrors,
+    // storefrontOptions
+    storefrontHeaders: storefrontOptions.headers || getStorefrontHeaders(request),
+    storefrontApiVersion: storefrontOptions.apiVersion,
+    // defaults
+    storefrontId: env.PUBLIC_STOREFRONT_ID,
+    storeDomain: env.PUBLIC_STORE_DOMAIN,
+    privateStorefrontToken: env.PRIVATE_STOREFRONT_API_TOKEN,
+    publicStorefrontToken: env.PUBLIC_STOREFRONT_API_TOKEN
+  });
+  const customerAccount = createCustomerAccountClient({
+    // share options
+    session,
+    request,
+    waitUntil,
+    logErrors,
+    // customerAccountOptions
+    customerApiVersion: customerAccountOptions?.apiVersion,
+    authUrl: customerAccountOptions?.authUrl,
+    customAuthStatusHandler: customerAccountOptions?.customAuthStatusHandler,
+    unstableB2b: customerAccountOptions?.unstableB2b,
+    // defaults
+    customerAccountId: env.PUBLIC_CUSTOMER_ACCOUNT_API_CLIENT_ID,
+    customerAccountUrl: env.PUBLIC_CUSTOMER_ACCOUNT_API_URL
+  });
+  const cart = createCartHandler({
+    // cartOptions
+    getCartId: cartOptions.getId || cartGetIdDefault(request.headers),
+    setCartId: cartOptions.setId || cartSetIdDefault(),
+    cartQueryFragment: cartOptions.queryFragment,
+    cartMutateFragment: cartOptions.mutateFragment,
+    customMethods: cartOptions.customMethods,
+    // defaults
+    storefront,
+    customerAccount
+  });
+  return {
+    storefront,
+    customerAccount,
+    cart,
+    env,
+    waitUntil,
+    session
+  };
+}
+function getStorefrontHeaders(request) {
+  return {
+    requestGroupId: getHeader(request, "request-id"),
+    buyerIp: getHeader(request, "oxygen-buyer-ip"),
+    cookie: getHeader(request, "cookie"),
+    purpose: getHeader(request, "purpose")
+  };
+}
 //! @see: https://shopify.dev/docs/api/storefront/latest/mutations/cartCreate
 //! @see https://shopify.dev/docs/api/storefront/latest/queries/cart
 //! @see: https://shopify.dev/docs/api/storefront/latest/mutations/cartLinesAdd
@@ -4976,6 +5082,7 @@ exports.changelogHandler = changelogHandler;
 exports.createCartHandler = createCartHandler;
 exports.createContentSecurityPolicy = createContentSecurityPolicy;
 exports.createCustomerAccountClient = createCustomerAccountClient;
+exports.createHydrogenContext = createHydrogenContext;
 exports.createStorefrontClient = createStorefrontClient;
 exports.createWithCache = createWithCache;
 exports.formatAPIResult = formatAPIResult;