21.7.0

21.7.0

🎉 New Features & Improvements

• [sitecore-jss-angular] Enhance Placeholder component error handling (#1744)
  • Placeholder component supports failed event that is triggered when the component fails to render.
  • Handle error in the Placeholder component more gracefully by using an appropriate error JssCanActivateRedirectError type for redirects handling.
  • JssModule.forChild now accepts component or component map type as a parameter.
  • Fixed missing guard this context when calling canActivate guard
• [sitecore-jss] [templates/nextjs-xmcloud] Load the content styles for the RichText component (#1670)(#1683) (#1684) (#1693)
• [templates/react] [sitecore-jss-react] Replace package 'deep-equal' with 'fast-deep-equal'. No functionality change only performance improvement (#1719) (#1665)
• [templates/nextjs-xmcloud] [sitecore-jss] [sitecore-jss-nextjs] [sitecore-jss-react] Add support for loading appropriate stylesheets whenever a theme is applied to BYOC and SXA components by introducing new function getComponentLibraryStylesheetLinks, which replaces getFEAASLibraryStylesheetLinks (which has been marked as deprecated) (#1722)
• [templates/nextjs-xmcloud] [sitecore-jss-nextjs] Add protected endpoint which provides configuration information (the sitecore packages used by the app and all registered components) to be used to determine feature compatibility on Pages side. (#1724 #1734)
• [sitecore-jss-nextjs] [templates/nextjs] [BYOC] Component Builder integration endpoint (#1729)
• [sitecore-jss] [templates/nextjs-xmcloud] Enable site GraphQL query for mutlisite in XMCloud instead of default search one. Site query should take "Valid for environment" SXA site setting into account when returning site list. (#1739)
  • To enable this on your existing app, modify the \scripts\config\plugins\multisite.ts file and add "useSiteQuery: true" to GraphQLSiteInfoService constructor call
• [sitecore-jss-nextjs] Set secure, httpOnly, sameSite attributes to the sc_site cookie by default: (#1746)
• [sitecore-jss] GraphQL Client Retry Improvements:
  • Handle additional string error codes like ECONNRESET, ETIMEDOUT, EPROTO. Can configure more using DefaultRetryStrategy.
  • Retries has now been enabled by default with a default value of 3. It can be disabled by configuring it to 0.
  • [Retry-After] header now falls back to the default delay time when it comes out to be empty.
    (#1755) (#1759) (#1763)
• [sitecore-jss-nextjs] [templates/nextjs-xmcloud] Updated @sitecore-cloudsdk/* dependencies to ^0.2.3
• [templates/nextjs-xmcloud] Updated @sitecore/components to ^1.1.10

🐛 Bug Fixes

• [templates/nextjs] [templates/nextjs-styleguide] Modify all GraphQLRequestClient import statements so that it gets imported from the /graphql submodule (#1728)
• [templates/node-headless-ssr-proxy] [node-headless-ssr-proxy] Add sc_site qs parameter to Layout Service requests by default (#1660)
• [templates/nextjs-sxa] Fix Image component when there is using Banner variant which set property background-image when image is empty. (#1689) (#1692)
• [templates/nextjs-sxa] Fix feature show Grid column in Experience Editor. (#1704)
• [sitecore-jss-nextjs] [templates/nextjs-xmcloud] SDK initialization rejections are now correctly handled. Errors should no longer occur after getSDK() promises resolve when they shouldn't (for example, getting Events SDK in development environment) (#1712 #1715 #1716)
• [sitecore-jss-nextjs] Fix redirects middleware for working with absolute url where is using site language context (#1727) (#1737)
• [templates/nextjs-sxa] Fix base styles of SXA components. Remove conflicted styles of BasicSite template. (#1757)

🛠 Breaking Changes

• [sitecore-jss-nextjs] [templates/nextjs] Upgrade to Next 14 (#1720)(#1723)
  • Due to changes in peer dependencies, please ensure your app uses Next version 14

🧹 Chores

• Upgrade to Node.js 20.x (#1679)(#1681)
• [nextjs/template] Upgrade graphql-codegen packages to latest (#1711)