@graphcommerce/magento-recently-viewed-products 8.1.0-canary.8 → 9.0.0-canary.100

package/CHANGELOG.md

@@ -1,5 +1,193 @@
 # @graphcommerce/magento-recently-viewed-products
 
+## 9.0.0-canary.100
+
+## 9.0.0-canary.99
+
+## 9.0.0-canary.98
+
+## 9.0.0-canary.97
+
+## 9.0.0-canary.96
+
+## 9.0.0-canary.95
+
+## 9.0.0-canary.94
+
+## 9.0.0-canary.93
+
+## 9.0.0-canary.92
+
+## 9.0.0-canary.91
+
+## 9.0.0-canary.90
+
+## 9.0.0-canary.89
+
+## 9.0.0-canary.88
+
+## 9.0.0-canary.87
+
+## 9.0.0-canary.86
+
+### Patch Changes
+
+- [#2379](https://github.com/graphcommerce-org/graphcommerce/pull/2379) [`5832c9d`](https://github.com/graphcommerce-org/graphcommerce/commit/5832c9d891e288f47e3b181f4a2f5529847dee2b) - Solved issue where Recently Viewed Products would execute a query even if there were no products to display. ([@paales](https://github.com/paales))
+
+## 9.0.0-canary.85
+
+## 9.0.0-canary.84
+
+## 9.0.0-canary.83
+
+## 9.0.0-canary.82
+
+## 9.0.0-canary.81
+
+## 9.0.0-canary.80
+
+## 9.0.0-canary.79
+
+## 9.0.0-canary.78
+
+## 9.0.0-canary.77
+
+## 9.0.0-canary.76
+
+## 9.0.0-canary.75
+
+## 9.0.0-canary.74
+
+## 9.0.0-canary.73
+
+## 9.0.0-canary.72
+
+## 9.0.0-canary.71
+
+## 9.0.0-canary.70
+
+## 9.0.0-canary.69
+
+## 9.0.0-canary.68
+
+## 9.0.0-canary.67
+
+## 9.0.0-canary.66
+
+## 9.0.0-canary.65
+
+## 9.0.0-canary.64
+
+## 9.0.0-canary.63
+
+## 9.0.0-canary.62
+
+## 9.0.0-canary.61
+
+## 9.0.0-canary.60
+
+## 9.0.0-canary.59
+
+## 9.0.0-canary.58
+
+## 9.0.0-canary.57
+
+## 9.0.0-canary.56
+
+## 9.0.0-canary.55
+
+## 9.0.0-canary.54
+
+## 8.1.0-canary.53
+
+## 8.1.0-canary.52
+
+## 8.1.0-canary.51
+
+## 8.1.0-canary.50
+
+## 8.1.0-canary.49
+
+## 8.1.0-canary.48
+
+## 8.1.0-canary.47
+
+## 8.1.0-canary.46
+
+## 8.1.0-canary.45
+
+## 8.1.0-canary.44
+
+## 8.1.0-canary.43
+
+## 8.1.0-canary.42
+
+## 8.1.0-canary.41
+
+## 8.1.0-canary.40
+
+## 8.1.0-canary.39
+
+## 8.1.0-canary.38
+
+## 8.1.0-canary.37
+
+## 8.1.0-canary.36
+
+## 8.1.0-canary.35
+
+## 8.1.0-canary.34
+
+## 8.1.0-canary.33
+
+## 8.1.0-canary.32
+
+## 8.1.0-canary.31
+
+## 8.1.0-canary.30
+
+## 8.1.0-canary.29
+
+## 8.1.0-canary.28
+
+## 8.1.0-canary.27
+
+## 8.1.0-canary.26
+
+## 8.1.0-canary.25
+
+## 8.1.0-canary.24
+
+## 8.1.0-canary.23
+
+## 8.1.0-canary.22
+
+## 8.1.0-canary.21
+
+## 8.1.0-canary.20
+
+## 8.1.0-canary.19
+
+## 8.1.0-canary.18
+
+## 8.1.0-canary.17
+
+## 8.1.0-canary.16
+
+## 8.1.0-canary.15
+
+## 8.1.0-canary.14
+
+## 8.1.0-canary.13
+
+## 8.1.0-canary.12
+
+## 8.1.0-canary.11
+
+## 8.1.0-canary.10
+
+## 8.1.0-canary.9
+
 ## 8.1.0-canary.8
 
 ## 8.1.0-canary.7
@@ -90,8 +278,7 @@
 
 ### Minor Changes
 
-- [#2077](https://github.com/graphcommerce-org/graphcommerce/pull/2077) [`e661106`](https://github.com/graphcommerce-org/graphcommerce/commit/e661106d45e51c617533f19b397a812e22b6fc82) - Created a new `<RecentlyViewedProducts/>` component and render it on product pages.
-  ([@bramvanderholst](https://github.com/bramvanderholst))
+- [#2077](https://github.com/graphcommerce-org/graphcommerce/pull/2077) [`e661106`](https://github.com/graphcommerce-org/graphcommerce/commit/e661106d45e51c617533f19b397a812e22b6fc82) - Created a new `<RecentlyViewedProducts/>` component and render it on product pages. ([@bramvanderholst](https://github.com/bramvanderholst))
 
 ## 8.0.0-canary.100
 
@@ -115,8 +302,7 @@
 
 ### Patch Changes
 
-- [#2172](https://github.com/graphcommerce-org/graphcommerce/pull/2172) [`871e07a`](https://github.com/graphcommerce-org/graphcommerce/commit/871e07ac8bbb7e6c392a740a8244f69992b42b76) - Recently viewed products would show skeleton items even after loading succeeded
-  ([@paales](https://github.com/paales))
+- [#2172](https://github.com/graphcommerce-org/graphcommerce/pull/2172) [`871e07a`](https://github.com/graphcommerce-org/graphcommerce/commit/871e07ac8bbb7e6c392a740a8244f69992b42b76) - Recently viewed products would show skeleton items even after loading succeeded ([@paales](https://github.com/paales))
 
 ## 8.0.0-canary.90
 
@@ -168,11 +354,9 @@
 
 ### Patch Changes
 
-- [#2108](https://github.com/graphcommerce-org/graphcommerce/pull/2108) [`c4a64d8`](https://github.com/graphcommerce-org/graphcommerce/commit/c4a64d8c5e38232d31f84b68acdf0032af5eeffd) - When multiple variations of a single configurable product were viewed the RecentlyViewedProducts component it would keep showing a loading state.
-  ([@StefanAngenent](https://github.com/StefanAngenent))
+- [#2108](https://github.com/graphcommerce-org/graphcommerce/pull/2108) [`c4a64d8`](https://github.com/graphcommerce-org/graphcommerce/commit/c4a64d8c5e38232d31f84b68acdf0032af5eeffd) - When multiple variations of a single configurable product were viewed the RecentlyViewedProducts component it would keep showing a loading state. ([@StefanAngenent](https://github.com/StefanAngenent))
 
-- [#2108](https://github.com/graphcommerce-org/graphcommerce/pull/2108) [`6f214fb`](https://github.com/graphcommerce-org/graphcommerce/commit/6f214fbfd8ef24cc6dcba72f403bdcb1d8a5ed8a) - Remove marginBottom from ProductScroller by default and let implementor set the margin
-  ([@StefanAngenent](https://github.com/StefanAngenent))
+- [#2108](https://github.com/graphcommerce-org/graphcommerce/pull/2108) [`6f214fb`](https://github.com/graphcommerce-org/graphcommerce/commit/6f214fbfd8ef24cc6dcba72f403bdcb1d8a5ed8a) - Remove marginBottom from ProductScroller by default and let implementor set the margin ([@StefanAngenent](https://github.com/StefanAngenent))
 
 ## 7.1.0-canary.66
 

package/components/RecentlyViewedProducts.tsx

@@ -16,7 +16,10 @@ export function RecentlyViewedProducts(props: RecentlyViewedProductsProps) {
   const ref = useRef<HTMLDivElement>(null)
   const isInView = useInView(ref, { margin: '300px', once: true })
   const { skus } = useRecentlyViewedSkus({ exclude })
-  const productList = useRecentlyViewedProducts({ exclude, skip: !isInView && loading === 'lazy' })
+  const productList = useRecentlyViewedProducts({
+    exclude,
+    skip: skus.length === 0 || (!isInView && loading === 'lazy'),
+  })
 
   if (
     !import.meta.graphCommerce.recentlyViewedProducts?.enabled ||

package/hooks/useRecentlyViewedProducts.tsx

@@ -9,13 +9,7 @@ export function useRecentlyViewedProducts(props: UseRecentlyViewedProductsProps)
   let { skus, loading } = useRecentlyViewedSkus()
 
   const productList = useQuery(ProductListDocument, {
-    variables: {
-      filters: {
-        sku: {
-          in: skus.map((p) => p.sku).sort(),
-        },
-      },
-    },
+    variables: { onlyItems: true, filters: { sku: { in: skus.map((p) => p.sku).sort() } } },
     skip: loading || !skus.length || skip,
   })
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@graphcommerce/magento-recently-viewed-products",
   "homepage": "https://www.graphcommerce.org/",
   "repository": "github:graphcommerce-org/graphcommerce",
-  "version": "8.1.0-canary.8",
+  "version": "9.0.0-canary.100",
   "sideEffects": false,
   "prettier": "@graphcommerce/prettier-config-pwa",
   "eslintConfig": {
@@ -12,16 +12,16 @@
     }
   },
   "peerDependencies": {
-    "@graphcommerce/eslint-config-pwa": "^8.1.0-canary.8",
-    "@graphcommerce/graphql": "^8.1.0-canary.8",
-    "@graphcommerce/graphql-mesh": "^8.1.0-canary.8",
-    "@graphcommerce/magento-cart": "^8.1.0-canary.8",
-    "@graphcommerce/magento-product": "^8.1.0-canary.8",
-    "@graphcommerce/magento-product-configurable": "^8.1.0-canary.8",
-    "@graphcommerce/next-config": "^8.1.0-canary.8",
-    "@graphcommerce/next-ui": "^8.1.0-canary.8",
-    "@graphcommerce/prettier-config-pwa": "^8.1.0-canary.8",
-    "@graphcommerce/typescript-config-pwa": "^8.1.0-canary.8",
+    "@graphcommerce/eslint-config-pwa": "^9.0.0-canary.100",
+    "@graphcommerce/graphql": "^9.0.0-canary.100",
+    "@graphcommerce/graphql-mesh": "^9.0.0-canary.100",
+    "@graphcommerce/magento-cart": "^9.0.0-canary.100",
+    "@graphcommerce/magento-product": "^9.0.0-canary.100",
+    "@graphcommerce/magento-product-configurable": "^9.0.0-canary.100",
+    "@graphcommerce/next-config": "^9.0.0-canary.100",
+    "@graphcommerce/next-ui": "^9.0.0-canary.100",
+    "@graphcommerce/prettier-config-pwa": "^9.0.0-canary.100",
+    "@graphcommerce/typescript-config-pwa": "^9.0.0-canary.100",
     "@mui/material": "^5.10.16",
     "framer-motion": "^10.0.0",
     "next": "*",

package/plugins/RegisterProductAsRecentlyViewed.tsx

@@ -5,15 +5,17 @@ import {
   ProductPageMetaProps,
 } from '@graphcommerce/magento-product'
 import { useConfigurableSelectedVariant } from '@graphcommerce/magento-product-configurable/hooks'
-import type { IfConfig, PluginProps } from '@graphcommerce/next-config'
+import type { PluginConfig, PluginProps } from '@graphcommerce/next-config'
 import { useEventCallback } from '@mui/material'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
 import { RecentlyViewedProductsDocument } from '../graphql/RecentlyViewedProducts.gql'
 
-export const component = 'ProductPageMeta'
-export const exported = '@graphcommerce/magento-product'
-export const ifConfig: IfConfig = 'recentlyViewedProducts.enabled'
+export const config: PluginConfig = {
+  type: 'component',
+  module: '@graphcommerce/magento-product',
+  ifConfig: 'recentlyViewedProducts.enabled',
+}
 
 function ViewHandling(props: { product: ProductPageMetaFragment }) {
   const { product } = props
@@ -69,9 +71,7 @@ function ViewHandling(props: { product: ProductPageMetaFragment }) {
   return null
 }
 
-const RegisterProductAsRecentlyViewed = (
-  props: PluginProps<ProductPageMetaProps> & AddToCartItemSelector,
-) => {
+export function ProductPageMeta(props: PluginProps<ProductPageMetaProps> & AddToCartItemSelector) {
   const { Prev, product } = props
 
   return (
@@ -81,5 +81,3 @@ const RegisterProductAsRecentlyViewed = (
     </>
   )
 }
-
-export const Plugin = RegisterProductAsRecentlyViewed