@shopify/hydrogen 0.8.3 → 0.10.0-experimental.1

package/dist/esnext/client.d.ts

@@ -5,5 +5,5 @@ export * from './foundation/useShop';
 export * from './foundation/ShopifyProvider';
 export * from './foundation/ServerStateProvider';
 export { ServerStateRouter } from './foundation/Router/ServerStateRouter.client';
-export { Helmet } from 'react-helmet-async';
+export { Helmet, HelmetProvider } from 'react-helmet-async';
 export * from './utilities';

package/dist/esnext/client.js

@@ -5,5 +5,5 @@ export * from './foundation/useShop';
 export * from './foundation/ShopifyProvider';
 export * from './foundation/ServerStateProvider';
 export { ServerStateRouter } from './foundation/Router/ServerStateRouter.client';
-export { Helmet } from 'react-helmet-async';
+export { Helmet, HelmetProvider } from 'react-helmet-async';
 export * from './utilities';

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

@@ -1 +1 @@
-export { Link } from 'react-router-dom';
+export declare function Link(props: any): JSX.Element;

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

@@ -1 +1,5 @@
-export { Link } from 'react-router-dom';
+import React from 'react';
+import { Link as RRLink } from 'react-router-dom';
+export function Link(props) {
+    return import.meta.env.SSR ? (React.createElement("a", { href: props.to, ...props, to: null })) : (React.createElement(RRLink, { ...props }));
+}

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { useProductOptions } from '../../hooks';
 import { Product } from './types';
 /**
  * The `ProductProvider` component sets up a context with product details. Descendents of
@@ -9,8 +10,8 @@ export declare function ProductProvider({ children, product, initialVariantId, }
     children: ReactNode;
     /** A [Product object](/api/storefront/reference/products/product). */
     product: Product;
-    /** The initially selected variant. */
-    initialVariantId: string;
+    /** The initially selected variant. This is required only if you're using a `SelectedVariantX` hook in the `ProductProvider` component.*/
+    initialVariantId?: Parameters<typeof useProductOptions>['0']['initialVariantId'];
 }): JSX.Element;
 export declare namespace ProductProvider {
     var Fragment: string;

package/dist/esnext/components/RawHtml/RawHtml.js

@@ -16,6 +16,6 @@ export function RawHtml(props) {
         }
         // TODO: Re-enable when we find a way to support Worker runtime
         // return DOMPurify.sanitize(text, DOMPURIFY_CONFIG);
-    }, [string, unsanitized]);
+    }, [string, !!unsanitized]);
     return (React.createElement(Wrapper, { ...passthroughProps, dangerouslySetInnerHTML: { __html: sanitizedString } }));
 }

package/dist/esnext/entry-client.js

@@ -3,10 +3,9 @@ import React, { Suspense, useState } from 'react';
 import { createRoot } from 'react-dom';
 import { BrowserRouter } from 'react-router-dom';
 import { ErrorBoundary } from 'react-error-boundary';
-import { HelmetProvider } from 'react-helmet-async';
-import { useServerResponse } from './framework/Hydration/Cache.client';
-import { ServerStateProvider, ServerStateRouter } from './client';
-const renderHydrogen = async (ClientWrapper) => {
+import { useServerResponse } from './framework/Hydration/rsc';
+import { ServerStateProvider, ServerStateRouter, ShopifyProvider, } from './client';
+const renderHydrogen = async (ClientWrapper, { shopifyConfig }) => {
     const root = document.getElementById('root');
     if (!root) {
         console.error(`Could not find a root element <div id="root"></div> to render.`);
@@ -14,20 +13,20 @@ const renderHydrogen = async (ClientWrapper) => {
     }
     createRoot(root, { hydrate: true }).render(React.createElement(ErrorBoundary, { FallbackComponent: Error },
         React.createElement(Suspense, { fallback: null },
-            React.createElement(Content, { clientWrapper: ClientWrapper }))));
+            React.createElement(Content, { clientWrapper: ClientWrapper, shopifyConfig: shopifyConfig }))));
 };
 export default renderHydrogen;
-function Content({ clientWrapper: ClientWrapper }) {
+function Content({ clientWrapper: ClientWrapper, shopifyConfig, }) {
     const [serverState, setServerState] = useState({
         pathname: window.location.pathname,
         search: window.location.search,
     });
     const response = useServerResponse(serverState);
-    return (React.createElement(ServerStateProvider, { serverState: serverState, setServerState: setServerState },
-        React.createElement(HelmetProvider, null,
+    return (React.createElement(ShopifyProvider, { shopifyConfig: shopifyConfig },
+        React.createElement(ServerStateProvider, { serverState: serverState, setServerState: setServerState },
             React.createElement(BrowserRouter, null,
                 React.createElement(ServerStateRouter, null),
-                React.createElement(ClientWrapper, null, response.read())))));
+                React.createElement(ClientWrapper, null, response.readRoot())))));
 }
 function Error({ error }) {
     return (React.createElement("div", { style: { padding: '1em' } },

package/dist/esnext/entry-server.d.ts

@@ -1,3 +1,6 @@
 import type { ServerHandler } from './types';
+declare global {
+    var __WORKER__: boolean;
+}
 declare const renderHydrogen: ServerHandler;
 export default renderHydrogen;