@shopify/hydrogen 0.11.0-experimental.1 → 0.11.1-experimental.0

package/dist/esnext/components/Seo/ProductSeo.client.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Helmet } from '../../client';
+import { Head } from '../../client';
 import { TitleSeo } from './TitleSeo.client';
 import { DescriptionSeo } from './DescriptionSeo.client';
 import { TwitterSeo } from './TwitterSeo.client';
@@ -20,7 +20,9 @@ export function ProductSeo({ url, title, description, seo, vendor, featuredImage
         },
         url,
     };
-    productSchema.image = featuredImage.url;
+    if (featuredImage) {
+        productSchema.image = featuredImage.url;
+    }
     if (variants.edges.length > 0) {
         const firstVariant = variants.edges[0].node;
         firstVariantPrice = firstVariant.priceV2;
@@ -44,7 +46,7 @@ export function ProductSeo({ url, title, description, seo, vendor, featuredImage
         });
     }
     return (React.createElement(React.Fragment, null,
-        React.createElement(Helmet, null,
+        React.createElement(Head, null,
             React.createElement("meta", { property: "og:type", content: "og:product" }),
             firstVariantPrice && (React.createElement("meta", { property: "og:price:amount", content: `${firstVariantPrice.amount}` })),
             firstVariantPrice && (React.createElement("meta", { property: "og:price:currency", content: firstVariantPrice.currencyCode })),

package/dist/esnext/components/Seo/TitleSeo.client.js

@@ -1,10 +1,10 @@
 import React from 'react';
-import { Helmet } from '../../client';
+import { Head } from '../../client';
 export function TitleSeo({ title }) {
     if (!title) {
         return null;
     }
-    return (React.createElement(Helmet, null,
+    return (React.createElement(Head, null,
         React.createElement("title", null, title),
         React.createElement("meta", { property: "og:title", content: title })));
 }

package/dist/esnext/components/Seo/TwitterSeo.client.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { Helmet } from '../../client';
+import { Head } from '../../client';
 export function TwitterSeo({ site, title, description }) {
-    return (React.createElement(Helmet, null,
+    return (React.createElement(Head, null,
         React.createElement("meta", { name: "twitter:card", content: "summary_large_image" }),
         site && React.createElement("meta", { name: "twitter:site", content: site }),
         title && React.createElement("meta", { name: "twitter:title", content: title }),

package/dist/esnext/components/Seo/types.d.ts

@@ -32,7 +32,7 @@ export interface Product {
         description?: Description;
     };
     vendor: string;
-    featuredImage: Image;
+    featuredImage?: Image;
     variants: {
         edges: {
             node: {

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

@@ -3,9 +3,9 @@ import { Props } from '../types';
 import { UnitPriceMeasurement, MoneyV2 } from '../../graphql/types/types';
 export interface UnitPriceProps {
     /** A [`MoneyV2` object](/api/storefront/reference/common-objects/moneyv2). */
-    unitPrice: MoneyV2;
+    data: MoneyV2;
     /** A [`UnitPriceMeasurement` object](/api/storefront/reference/products/unitpricemeasurement). */
-    unitPriceMeasurement: UnitPriceMeasurement;
+    measurement: UnitPriceMeasurement;
     /** An HTML tag to be rendered as the base element wrapper. The default is `div`. */
     as?: ElementType;
 }

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

@@ -6,12 +6,12 @@ import { UnitPriceFragment as Fragment } from '../../graphql/graphql-constants';
  * [Storefront API's `MoneyV2` object](/api/storefront/reference/common-objects/moneyv2) with a reference unit from the [Storefront API's `UnitPriceMeasurement` object](/api/storefront/reference/products/unitpricemeasurement).
  */
 export function UnitPrice(props) {
-    const { unitPrice, unitPriceMeasurement, as, ...passthroughProps } = props;
+    const { data, measurement, as, ...passthroughProps } = props;
     const Wrapper = as !== null && as !== void 0 ? as : 'div';
     return (React.createElement(Wrapper, { ...passthroughProps },
-        React.createElement(Money, { money: unitPrice }),
+        React.createElement(Money, { data: data }),
         "/",
-        unitPriceMeasurement.referenceUnit));
+        measurement.referenceUnit));
 }
 UnitPrice.Fragment = Fragment;
 export const UnitPriceFragment = Fragment;

package/dist/esnext/components/Video/Video.d.ts

@@ -4,7 +4,7 @@ import { ImageSizeOptions } from '../../utilities';
 import { Video as VideoType, VideoSource, Image } from '../../graphql/types/types';
 export interface VideoProps {
     /** An object corresponding to the [GraphQL fragment](#graphql-fragment). */
-    video: {
+    data: {
         id?: VideoType['id'];
         previewImage?: Pick<Image, 'url'>;
         sources: Pick<VideoSource, 'url' | 'mimeType'>[];

package/dist/esnext/components/Video/Video.js

@@ -6,9 +6,9 @@ import { VideoFragment as Fragment } from '../../graphql/graphql-constants';
  */
 export function Video(props) {
     var _a;
-    const { video, options, id = video.id, playsInline = true, controls = true, ...passthroughProps } = props;
-    const posterUrl = useImageUrl((_a = video.previewImage) === null || _a === void 0 ? void 0 : _a.url, options);
-    return (React.createElement("video", { ...passthroughProps, id: id, playsInline: playsInline, controls: controls, poster: posterUrl }, video.sources.map((source) => (React.createElement("source", { key: source.url, src: source.url, type: source.mimeType })))));
+    const { data, options, id = data.id, playsInline = true, controls = true, ...passthroughProps } = props;
+    const posterUrl = useImageUrl((_a = data.previewImage) === null || _a === void 0 ? void 0 : _a.url, options);
+    return (React.createElement("video", { ...passthroughProps, id: id, playsInline: playsInline, controls: controls, poster: posterUrl }, data.sources.map((source) => (React.createElement("source", { key: source.url, src: source.url, type: source.mimeType })))));
 }
 Video.Fragment = Fragment;
 export const VideoFragment = Fragment;

package/dist/esnext/components/index.d.ts

@@ -23,12 +23,10 @@ export { CartLinePrice } from './CartLinePrice';
 export { CartLineProductTitle } from './CartLineProductTitle';
 export { CartLineQuantity } from './CartLineQuantity';
 export { CartLineQuantityAdjustButton } from './CartLineQuantityAdjustButton';
-export { CartLineAttributes } from './CartLineAttributes';
 export { CartLines } from './CartLines';
 export { CartCheckoutButton } from './CartCheckoutButton';
 export { CartShopPayButton } from './CartShopPayButton';
 export { CartEstimatedCost } from './CartEstimatedCost';
-export { CartLineSelectedOptions } from './CartLineSelectedOptions';
 export { CartProvider, useCart, useInstantCheckout } from './CartProvider';
 export type { State, Status, Cart, CartWithActions, CartAction, } from './CartProvider';
 export { ProductProvider, useProduct, ProductProviderFragment, } from './ProductProvider';
@@ -36,12 +34,6 @@ export { ProductDescription } from './ProductDescription';
 export { ProductTitle } from './ProductTitle';
 export { ProductPrice } from './ProductPrice';
 export { ProductMetafield } from './ProductMetafield';
-export { SelectedVariantPrice } from './SelectedVariantPrice';
-export { SelectedVariantAddToCartButton } from './SelectedVariantAddToCartButton';
-export { SelectedVariantBuyNowButton } from './SelectedVariantBuyNowButton';
-export { SelectedVariantShopPayButton } from './SelectedVariantShopPayButton';
-export { SelectedVariantImage } from './SelectedVariantImage';
-export { SelectedVariantUnitPrice } from './SelectedVariantUnitPrice';
 export type { BuyNowButtonProps, BuyNowButtonPropsWeControl, } from './BuyNowButton';
 export { BuyNowButton } from './BuyNowButton';
 export type { ShopPayButtonProps } from './ShopPayButton';

package/dist/esnext/components/index.js

@@ -14,24 +14,16 @@ export { CartLinePrice } from './CartLinePrice';
 export { CartLineProductTitle } from './CartLineProductTitle';
 export { CartLineQuantity } from './CartLineQuantity';
 export { CartLineQuantityAdjustButton } from './CartLineQuantityAdjustButton';
-export { CartLineAttributes } from './CartLineAttributes';
 export { CartLines } from './CartLines';
 export { CartCheckoutButton } from './CartCheckoutButton';
 export { CartShopPayButton } from './CartShopPayButton';
 export { CartEstimatedCost } from './CartEstimatedCost';
-export { CartLineSelectedOptions } from './CartLineSelectedOptions';
 export { CartProvider, useCart, useInstantCheckout } from './CartProvider';
 export { ProductProvider, useProduct, ProductProviderFragment, } from './ProductProvider';
 export { ProductDescription } from './ProductDescription';
 export { ProductTitle } from './ProductTitle';
 export { ProductPrice } from './ProductPrice';
 export { ProductMetafield } from './ProductMetafield';
-export { SelectedVariantPrice } from './SelectedVariantPrice';
-export { SelectedVariantAddToCartButton } from './SelectedVariantAddToCartButton';
-export { SelectedVariantBuyNowButton } from './SelectedVariantBuyNowButton';
-export { SelectedVariantShopPayButton } from './SelectedVariantShopPayButton';
-export { SelectedVariantImage } from './SelectedVariantImage';
-export { SelectedVariantUnitPrice } from './SelectedVariantUnitPrice';
 export { BuyNowButton } from './BuyNowButton';
 export { ShopPayButton } from './ShopPayButton';
 export { useAvailableCountries } from '../hooks/useAvailableCountries';

package/dist/esnext/entry-client.js

@@ -16,7 +16,7 @@ const renderHydrogen = async (ClientWrapper) => {
             React.createElement(Content, { clientWrapper: ClientWrapper }))));
 };
 export default renderHydrogen;
-function Content({ clientWrapper: ClientWrapper }) {
+function Content({ clientWrapper: ClientWrapper = ({ children }) => children, }) {
     const [serverState, setServerState] = useState({
         pathname: window.location.pathname,
         search: window.location.search,

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

@@ -1,6 +1,22 @@
-import type { ServerHandler } from './types';
+/// <reference types="node" />
+import type { ServerHandlerConfig } from './types';
+import type { ServerResponse, IncomingMessage } from 'http';
+import { RuntimeContext } from './framework/runtime';
 declare global {
     var __WORKER__: boolean;
 }
-declare const renderHydrogen: ServerHandler;
+interface RequestHandlerOptions {
+    indexTemplate: string | ((url: string) => Promise<string | {
+        default: string;
+    }>);
+    cache?: Cache;
+    streamableResponse?: ServerResponse;
+    dev?: boolean;
+    context?: RuntimeContext;
+    nonce?: string;
+}
+export interface RequestHandler {
+    (request: Request | IncomingMessage, options: RequestHandlerOptions): Promise<Response | undefined>;
+}
+export declare const renderHydrogen: (App: any, { pages }: ServerHandlerConfig) => RequestHandler;
 export default renderHydrogen;