@faststore/core 3.9.2 → 3.10.0

package/.turbo/turbo-build.log

@@ -49,13 +49,13 @@ Route (pages)                              Size     First Load JS
 ┌ ● /                                      3.23 kB         122 kB
 ├   └ css/b1806cbafd0c1f81.css             3.06 kB
 ├   /_app                                  0 B            91.9 kB
-├ ● /[...slug]                             2.01 kB         131 kB
+├ ● /[...slug]                             2.09 kB         131 kB
 ├ ● /[slug]/p                              34.1 kB         153 kB
 ├   ├ css/bf1560439df2c1a1.css             5.66 kB
 ├   ├ css/e3ff5d95518a5c79.css             6.01 kB
 ├   └ css/d92839440872e246.css             15.6 kB
-├ ○ /404                                   1.48 kB         120 kB
-├ ● /500                                   1.48 kB         120 kB
+├ ○ /404                                   1.48 kB         121 kB
+├ ● /500                                   1.48 kB         121 kB
 ├ ● /account                               714 B           120 kB
 ├ λ /api/graphql                           0 B            91.9 kB
 ├ λ /api/health/live                       0 B            91.9 kB
@@ -67,12 +67,12 @@ Route (pages)                              Size     First Load JS
 + First Load JS shared by all              95 kB
   ├ chunks/framework-12a146e94cfcf7c4.js   45.4 kB
   ├ chunks/main-209ac4974b020af1.js        33.1 kB
-  ├ chunks/pages/_app-9d35d5919aef5334.js  9.91 kB
-  ├ chunks/webpack-97751f512707b560.js     3.57 kB
+  ├ chunks/pages/_app-e8bd1b2503bf0aa9.js  9.94 kB
+  ├ chunks/webpack-bf502499da135235.js     3.57 kB
   └ css/ee0556daedda6306.css               3.07 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)
 ○  (Static)  automatically rendered as static HTML (uses no initial props)
 ●  (SSG)     automatically generated as static HTML + JSON (uses getStaticProps)
 
-Done in 69.91s.
+Done in 69.67s.

package/.turbo/turbo-test.log

@@ -1,12 +1,12 @@
 yarn run v1.22.22
 $ jest
-PASS test/utils/multipleTemplates.test.ts (36.517 s)
-PASS test/server/cms/index.test.ts (36.727 s)
-PASS test/server/index.test.ts (39.782 s)
+PASS test/server/cms/index.test.ts (35.287 s)
+PASS test/utils/multipleTemplates.test.ts (36.448 s)
+PASS test/server/index.test.ts (39.699 s)
 
 Test Suites: 3 passed, 3 total
 Tests:       19 passed, 19 total
 Snapshots:   0 total
-Time:        40.944 s
+Time:        40.791 s
 Ran all test suites.
-Done in 42.61s.
+Done in 42.30s.

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.10.0](https://github.com/vtex/faststore/compare/v3.9.3...v3.10.0) (2025-01-29)
+
+### Features
+
+- add `title` and `description` templates for product listing pages ([#2643](https://github.com/vtex/faststore/issues/2643)) ([00221d9](https://github.com/vtex/faststore/commit/00221d98439b693af3c2c0082ec7ef600637e19e))
+
+## [3.9.3](https://github.com/vtex/faststore/compare/v3.9.2...v3.9.3) (2025-01-28)
+
+### Bug Fixes
+
+- **sdk:** safari rendering ([#2642](https://github.com/vtex/faststore/issues/2642)) ([39746cd](https://github.com/vtex/faststore/commit/39746cd6094ca1f3f08918b88c20c47d87dadd19))
+
 ## [3.9.2](https://github.com/vtex/faststore/compare/v3.9.1...v3.9.2) (2025-01-27)
 
 **Note:** Version bump only for package @faststore/core

package/discovery.config.default.js

@@ -4,6 +4,10 @@ module.exports = {
     description: 'Fast Demo Store',
     titleTemplate: '%s | FastStore',
     author: 'Store Framework',
+    plp: {
+      titleTemplate: '%s | FastStore PLP',
+      descriptionTemplate: '%s products on FastStore Product Listing Page',
+    },
   },
 
   // Theming

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.9.2",
+  "version": "3.10.0",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -128,5 +128,5 @@
     "node": "18.19.0",
     "yarn": "1.19.1"
   },
-  "gitHead": "13bb19fe0bf612ef47c4fd2b546c443fca75f1e6"
+  "gitHead": "03506c3d584afd18033e383c806a078a3f9862dc"
 }

package/src/components/templates/ProductListingPage/ProductListingPage.tsx

@@ -12,7 +12,7 @@ import type { ServerCollectionPageQueryQuery } from '@generated/graphql'
 import { ITEMS_PER_PAGE } from 'src/constants'
 import { useApplySearchState } from 'src/sdk/search/state'
 
-import { PLPContentType } from 'src/server/cms/plp'
+import type { PLPContentType } from 'src/server/cms/plp'
 
 import storeConfig from '../../../../discovery.config'
 import ProductListing from './ProductListing'
@@ -68,8 +68,16 @@ export default function ProductListingPage({
     sort: settings?.productGallery?.sortBySelection as SearchState['sort'],
   })
 
-  const title = collection?.seo.title ?? storeConfig.seo.title
-  const description = collection?.seo.description ?? storeConfig.seo.title
+  const {
+    seo: { plp: plpSeo, ...storeSeo },
+  } = storeConfig
+  const title = collection?.seo.title ?? storeSeo.title
+  const titleTemplate = plpSeo?.titleTemplate ?? storeSeo.titleTemplate
+  const description =
+    collection?.seo.description || // Use description that comes from the Checkout API
+    plpSeo?.descriptionTemplate?.replace(/%s/g, () => title) || // Use description template from the SEO config for PLP
+    storeSeo.description // Use default description from the store SEO config
+
   const [pathname] = router.asPath.split('?')
   const canonical = `${storeConfig.storeUrl}${pathname}`
   const itemsPerPage = settings?.productGallery?.itemsPerPage ?? ITEMS_PER_PAGE
@@ -84,7 +92,7 @@ export default function ProductListingPage({
       <NextSeo
         title={title}
         description={description}
-        titleTemplate={storeConfig.seo.titleTemplate}
+        titleTemplate={titleTemplate}
         canonical={canonical}
         openGraph={{
           type: 'website',

package/src/sdk/performance/useTTI.ts

@@ -1,6 +1,19 @@
 import { useEffect, useState } from 'react'
 
 const TTI_TIMEOUT = 5000 // 5 seconds without long tasks as a criterion for Time To Interactive - https://web.dev/articles/tti
+
+/**
+ * Polyfill for requestIdleCallback, which is not available for every browser
+ * https://caniuse.com/requestidlecallback
+ */
+function ric(callback: () => void) {
+  if (window.requestIdleCallback) {
+    window.requestIdleCallback(callback)
+  } else {
+    window.setTimeout(callback, 1)
+  }
+}
+
 export default function useTTI() {
   const [isInteractive, setIsInteractive] = useState(false)
 
@@ -23,11 +36,11 @@ export default function useTTI() {
           observer.disconnect()
           setIsInteractive(true) // Sets the state to true when TTI is estimated
         } else {
-          requestIdleCallback(checkTTI) // Keeps checking while the browser is idle
+          ric(checkTTI) // Keeps checking while the browser is idle
         }
       }
 
-      requestIdleCallback(checkTTI)
+      ric(checkTTI)
     }
   }, [])
 

package/.next/static/chunks/pages/[...slug]-535243edd040fc0c.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[330],{3054:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return M},default:function(){return _slug_}});var n=r(9499),o=r(4730),c=r(5152),i=r.n(c),s=r(6142),a=r(2339),l=r(1197),u=r(5351),d=r(1163),p=r(2784),b=r(1023),g=r(5403),P=r(5430),j=r.n(P),O=r(9029),f=r(9996),y=r.n(f),w=r(3472),v=r(3638),_=r(4485),h=r(4439),m=r(7641),S=r(1271);function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var L=i()(()=>Promise.all([r.e(9161),r.e(84)]).then(r.bind(r,3620)).then(e=>e.OverriddenDefaultBannerText),{ssr:!1,loadableGenerated:{webpack:()=>[3620]}}),D=i()(()=>Promise.all([r.e(1770),r.e(218),r.e(9704)]).then(r.bind(r,1482)).then(e=>e.OverriddenDefaultNewsletter),{ssr:!1,loadableGenerated:{webpack:()=>[1482]}}),x=i()(()=>Promise.all([r.e(3472),r.e(3506)]).then(r.bind(r,1171)).then(e=>e.OverriddenDefaultProductShelf),{ssr:!1,loadableGenerated:{webpack:()=>[1171]}}),E=i()(()=>r.e(7181).then(r.bind(r,9755)),{ssr:!1,loadableGenerated:{webpack:()=>[9755]}}),k=_objectSpread(_objectSpread(_objectSpread({},S.Z),{},{Breadcrumb:w.j,Hero:v.V,ProductGallery:_.f,BannerText:L,Newsletter:D,ProductShelf:x,ProductTiles:E},m.Z),h.Z),G=r(7563),K=r(4960),Z=r(7171),N=r(7921),T=r(2322);function ProductListing_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function ProductListing_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ProductListing_ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ProductListing_ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var B=i()(()=>r.e(6636).then(r.bind(r,7917)),{loadableGenerated:{webpack:()=>[7917]}}),overwriteMerge=(e,t)=>t;function ProductListing(e){var t,r,{page:{sections:n,settings:o},data:c,globalSections:i}=e,{state:{sort:s,term:a,selectedFacets:l}}=(0,O.R)(),u=null!==(t=null==o?void 0:null===(r=o.productGallery)||void 0===r?void 0:r.itemsPerPage)&&void 0!==t?t:b.g,{data:d}=(0,N.UO)({term:a,sort:s,selectedFacets:l,itemsPerPage:u}),{pages:p,useGalleryPage:g}=(0,Z.Y_)(),P={data:ProductListing_objectSpread(ProductListing_objectSpread({},y()(ProductListing_objectSpread({},c),ProductListing_objectSpread({},d),{arrayMerge:overwriteMerge})),{},{pages:p})};return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(K.ZP,{context:P,children:(0,T.jsx)(Z.Bj.Provider,{value:g,children:(0,T.jsx)(G.Z,{sections:n,globalSections:i,components:k,children:(0,T.jsx)(G.w,{sectionName:"ScrollToTopButton",children:(0,T.jsx)(B,{})})})})})})}function ProductListingPage_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function ProductListingPage_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ProductListingPage_ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ProductListingPage_ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var useSearchParams=e=>{var{collection:t,sort:r}=e,n=null==t?void 0:t.meta.selectedFacets,{asPath:o}=(0,d.useRouter)(),c=(0,p.useMemo)(()=>{var e=new URL(o,"http://localhost");r&&!e.searchParams.has("sort")&&e.searchParams.set("sort",r);var t=(0,s.Q)(e);return 0===t.selectedFacets.length&&(t.selectedFacets=n),(0,a.Z)(t).href},[o,n,r]);return(0,p.useMemo)(()=>(0,s.Q)(new URL(c)),[c])};function ProductListingPage(e){var t,r,n,o,c,i,{page:s,data:a,globalSections:p}=e,{settings:P}=s,O=a.collection,f=(0,d.useRouter)(),y=(0,g.j)(),w=useSearchParams({collection:O,sort:null==P?void 0:null===(t=P.productGallery)||void 0===t?void 0:t.sortBySelection}),v=null!==(r=null==O?void 0:O.seo.title)&&void 0!==r?r:j().seo.title,_=null!==(n=null==O?void 0:O.seo.description)&&void 0!==n?n:j().seo.title,[h]=f.asPath.split("?"),m="".concat(j().storeUrl).concat(h),S=null!==(o=null==P?void 0:null===(c=P.productGallery)||void 0===c?void 0:c.itemsPerPage)&&void 0!==o?o:b.g;return(0,T.jsxs)(l.z,ProductListingPage_objectSpread(ProductListingPage_objectSpread({onChange:y,itemsPerPage:S},w),{},{children:[(0,T.jsx)(u.PB,{title:v,description:_,titleTemplate:j().seo.titleTemplate,canonical:m,openGraph:{type:"website",title:v,description:_}}),(0,T.jsx)(u.gR,{itemListElements:null!==(i=null==O?void 0:O.breadcrumbList.itemListElement)&&void 0!==i?i:[]}),(0,T.jsx)(ProductListing,{globalSections:p,page:s,data:a})]}))}var R=["globalSections","type"];function _slug_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _slug_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?_slug_ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_slug_ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var F=i()(()=>Promise.all([r.e(1770),r.e(5997),r.e(3472),r.e(218),r.e(9161),r.e(6379),r.e(1978)]).then(r.bind(r,8205)),{loadableGenerated:{webpack:()=>[8205]}}),M=!0,_slug_=function(e){var{globalSections:t,type:r}=e,n=(0,o.Z)(e,R);return(0,T.jsxs)(T.Fragment,{children:["plp"===r&&(0,T.jsx)(ProductListingPage,_slug_objectSpread({globalSections:t.sections},n)),"page"===r&&(0,T.jsx)(F,_slug_objectSpread({globalSections:t.sections},n))]})}},881:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[...slug]",function(){return r(3054)}])}},function(e){e.O(0,[6941,7563,4501,9774,2888,179],function(){return e(e.s=881)}),_N_E=e.O()}]);