21.2.0

21.2.0

🎉 New Features & Improvements

• [templates/nexts] [sitecore-jss-dev-tools] [sitecore-jss-nextjs] Move template related script to the base package (#1520):
  • [sitecore-jss-nextjs]:
    • Introduced ComponentBuilder class for generating component factories and module factories.
    • ComponentPropsService componentModule property renamed to moduleFactory.
    • Adjusted ComponentModule definition:
      • renamed to ModuleFactory.
      • Module type besides the initial limited set of props now can also include any React component. React.Component is replaced by React.ComponentType.
  • [sitecore-jss-dev-tools]:
    • Introduced nextjs submodule, which contains component builder generation functionality.
  • [templates/nextjs]:
    • Introduced plugins architecture for component builder and scaffold component generation processes.
    • Reused new utils added to sitecore-jss-dev-tools.
• [templates/react] [sitecore-jss-dev-tools] Refactoring for react template (#1506)(#1515):
  • [templates/react]:
    • Introduced plugins architecture for boostrap, config and component builder generation process
    • Updated components tree to represent the structure: fields, styleguide, graphql folders.
  • [sitecore-jss-react] Introduced ComponentBuilder class for generating component factories
  • [sitecore-jss-dev-tools]:
    • Introduced react submodule, which contains component builder generation functionality
    • Added common utils for plugins, file generation
• [templates/nextjs-personalize] Disable page view tracking event in development (#1414)
• [templates/nextjs-sxa] Add custom template for jss scaffold (#1420)
• [sitecore-jss-react] [sitecore-jss-nextjs] FEaaS component will render 'staged' variant for editing and preview and 'published' variant for live site by default, unless variant is overriden via rendering parameters. (#1433)
• [templates/nextjs] [templates/angular] [templates/react] [templates/vue] Pre-push hook for lint check (#1427) (#1442) (#1444) (#1468) (#1472)
• [sitecore-jss-nextjs] Add a new handling for token $siteLang(context site language) in middleware redirect (#1454)
• [sitecore-jss] [templates/nextjs-sxa] Rewrite logic of handling custom error pages. The error pages rewrite page with error(it's saving status code) instead of redirected (#1469) (#1476)
• [templates/nextjs] Remove .babelrc to (re)enable SWC compilation by default (#1483)
• [sitecore-jss] Handle null items in graphql layout service. (#1492)
• [templates/nextjs-personalize] [sitecore-jss] Update the default personalize middleware, personalize/cdp service timeout values to 400 (#1507)
• [templates/react] [templates/angular] [templates/vue] Remove persisted query link since APQ(Automatic Persisted Queries) is not supported on Sitecore Experience Edge Delivery (#1420)
• [sitecore-jss] [templates/nextjs-personalize] Introduced optional personalize scope identifier to isolate embedded personalization data among XM Cloud Environments that are sharing a Personalize tenant (#1494)
• [sitecore-jss-nextjs] Add prefetchLinks paramter to the RichText component to allow prefetching of links to be enabled/disabled (#1517)

🧹 Chores

• Automated API doc generation and added packages/samples filter (#1470)(#1474)
• Revisit and update github ISSUE_TEMPLATE (#1445)
• Configure the recommended VSCode extensions for the starters (#1437)
• [templates/nextjs] [templates/nextjs-styleguide-tracking] Move remaining Styleguide-Tracking artifacts from the base template (#1422)
• Fix API Doc generation (#1464)
• Update Sitecore logos (#1467)
• Fix security vulnerabilities (#1381)
• [templates/nextjs-sxa] Move some dependencies to devDependencies (#1489)
• [templates/nextjs-sxa] Clarify rootItemId usage for Dictionary Service in SXA sites (#1409)

🐛 Bug Fixes

• [templates/angular] [templates/vue] Link component does not add anchor to the internal links (#1511)
• [templates/react] [React] Cannot find package '@babel/plugin-proposal-export-namespace-from' (#1510)
• [templates/angular] [templates/vue] Sitecore service endpoint is not proxied in Connected mode (#1465)
• [templates/nextjs] Healthz shows page not found for multisite setup (#1443)
• [sitecore-jss-react] Hydration error when render Link in Edit mode (#1432)
• [sitecore-jss-nextjs] Fix for Link component which throws error if field is undefined (#1425)
• [templates/react] Fix compilation error when developing react template in monorepo (#1428) (#1451)
• [sitecore-jss-nextjs] Fix regex for middleware redirects (#1431)
• [sitecore-jss-angular] Fix memory leak in image and link components (#1435)
• [templates/nextjs-multisite] Fix skipped site info fetch (#1434)
• [angular] Fix app build errors. Webpack version is locked at 5.78 due to webpack/webpack#16981 (#1448)
• [sitecore-jss-nextjs] Fix middleware redirect when the target use regexp with querystring (#1449) (#1460)
• [templates/nextjs] Fix incorrectly named .gitignore file \scripts\temp.npmignore (#1463)
• [angular] Avoid sending two dictionary service calls when switching language and refreshing the page (#1473)
• Fix installed sitecore-jss-* dependency version (#1478)
• [node-headless-ssr-experience-edge] Add helper comment for rootItemId (#1491)
• [templates/nextjs-sxa] Add condition DISABLE_SSG_FETCH for 404/500 pages to enable full ISR (Incremental Static Regeneration) flow (#1496)
• [templates/nextjs-sxa] Fix class .indent for component which have column size 12 (#1505)
• [templates/nextjs-sxa] Fix type(from Text to RichText) of editing text in value Text2 for Promo Component in WithText variant (#1504).
• [sitecore-jss-nextjs] Fix RichText component to re-initialize links when content changes (#1503)
• [angular] [react] [vue] [nextjs] Prevent personalized component rendering errors when default variant is hidden (#1383)
• [vue] Fix disconnected mode not starting in monorepo setup (#1418)
• [sitecore-jss-proxy] The rewriteRequestPath function ignores query string parameters added in a middleware(#1373) (#1379)
• [templates/react] [React] Fix build error (#1505)
• [templates/vue] [Vue] Fix integrated mode error (#1505)

🛠 Breaking Changes

• [templates/nexts] [sitecore-jss-dev-tools] [sitecore-jss-nextjs] Move template related script to the base package (#1520):
  • [sitecore-jss-nextjs]:
    • ComponentPropsService fetchServerSideComponentProps, fetchStaticComponentProps methods accept params.moduleFactory instead of params.componentModule.
    • Exports ModuleFactory instead of ComponentModule.
• [sitecore-jss-react] [sitecore-jss-nextjs] [templates/nextjs-sxa] FEaaS component is now server rendered. Prop type used FEaaSWrapper has been modified alongside with FEaaSWrapper implementation. Make sure you use the updated type and the updated wrapper. (#1413) (#1513)
• [sitecore-jss-rendering-host] startDevServer is retired. startRenderingHostServer is the only w...

21.1.7

21.1.7

🐛 Bug Fixes

[React] Cannot find package '@babel/plugin-proposal-export-namespace-from' #1510

21.1.6

21.1.6

🐛 Bug Fixes

• [templates/nextjs-sxa] Add condition DISABLE_SSG_FETCH for 404/500 pages to enable full ISR (Incremental Static Regeneration) flow (#1496)

21.1.5

21.1.5

🐛 Bug Fixes

• Change ^ to ~ for versioning in templates
• use exact versions for sitecore-jss-* monorepo dependencies.
• Remove headlinks from nextjs-sxa

21.1.4

21.1.4

🐛 Bug Fixes

• Fix installed sitecore-jss-* dependency version (#1481)

21.1.2

21.1.2

🎉 New Features & Improvements

• [sitecore-jss] [templates/nextjs-sxa] Rewrite logic of handling custom error pages. The error pages rewrite page with error(it's saving status code) instead of redirected (#1469) (#1476)

🐛 Bug Fixes

• [templates/angular] Fix app build errors. Webpack version is locked at 5.78 due to webpack/webpack#16981 (#1448)

16.0.3

16.0.3

🐛 Bug Fixes

• [sitecore-jss-anguar] Fix memory leak in image and link components (#1436)

21.1.1

21.1.1

🐛 Bug Fixes

• [sitecore-jss-nextjs] [SXA] fixed middleware redirects (#1431)

21.1.0

21.1.0

🎉 New Features & Improvements

• [create-sitecore-jss] [sitecore-jss-nextjs] [templates/nextjs] [templates/nextjs-multisite] New nextjs-multisite initializer add-on. Allows a single JSS Next.js app to serve multiple Sitecore sites. (#1248) (#1288) (#1264) (#1271) (#1275) (#1277) (#1279) (#1281) (#1283) (#1284) (#1286) (#1306) (#1290) (#1294) (#1302) (#1339) (#1360) (#1365) (#1303) (#1304) (#1299) (#1322) (#1361) (#1296)
• [templates/nextjs] [sitecore-jss-nextjs] Upgrade Next.js to version 13 (#1324) (#1340) (#1341) (#1346)
• [templates/angular] [sitecore-jss-angular] Upgrade Angular to version 14 (#1285) (#1300) (#1300) (#1307)
• [templates/nextjs] Finalize @sitecore/engage version upgrade (#1317)
• [templates/nextjs] Add healthz check (#1207)
• [sitecore-jss] [sitecore-jss-nextjs] Performance improvements for personalize service and middleware (#1218)
• [sitecore-jss] [sitecore-jss-nextjs] Update models: Add url and id property to item type (#1219)
• [sitecore-jss-nextjs] Add async to editing data cache (#1223)
• [templates/nextjs] [sitecore-jss] [sitecore-jss-nextjs] Performance improvement for site redirects service (#1225)
• [sitecore-jss-angular] Add canActivate and resolve functionality (#1246)
• [templates/react] [templates/nextjs] [templates/vue] [sitecore-jss-nextjs] [sitecore-jss-react] [sitecore-jss-vue] Upgrade 3rd party dependencies (#1250) (#1301) (#1305) (#1321) (#1352) (#1362) (#1327) (#1313) (#1329) (#1338)
• [templates/angular] Upgrade bootstrap in sample app (#1308)
• [templates/angular] [templates/react] [templates/vue] [templates/nextjs-styleguide] [sitecore-jss-nextjs] [sitecore-jss-react] [sitecore-jss-angular] [sitecore-jss-vue] Edit frame component implementation (#1342)
• [sitecore-jss-react] Export DateFieldProps (#1216)
• [templates/nextjs-personalize] [sitecore-jss-nextjs] Add support for fallback point of sale (#1367)
• [sitecore-jss-nextjs] Implemented MiddlewareBase abstraction. Skip Redirects middleware during editing (#1370)
• [sitecore-jss-nextjs] Redirects middleware should debug log start/end (#1372)
• [templates/nextjs] Additional middleware default exclusions (#1230)
• [sitecore-jss-proxy] Disable websocket processing by default in proxy (#1311)

🧹 Chores

• [sitecore-jss-vue] Suppress unit test warnings (#1335)
• Add test-packages npm command (#1233)
• [create-sitecore-jss] [sitecore-jss-nextjs] [sitecore-jss-react] [sitecore-jss-cli] [sitecore-jss] [sitecore-jss-dev-tools] Increase unit test coverage (#1258) (#1259) (#1260) (#1262) (#1263) (#1265) (#1256)
• Improve unit test coverage reporting (#1202)
• Update CHANGELOG with updated version strategy (#1330)
• PR template refresh (#1351)

🐛 Bug Fixes

• [sitecore-jss] rootItemId not resolvable for different language versions (#1196)
• [sitecore-jss-forms] File upload validation error (#1213)
• [sitecore-jss-react] [sitecore-jss-nextjs] Link component does not add anchor to the internal links (#1226) (#1375)
• [create-sitecore-jss] Incompatibility message when installing sxa and styleguide (#1315)
• [templates/angular] The data "This page does not exist" is displayed during loading the page of angular app in EE (#1331)
• [sitecore-jss-dev-tools] After upgrade deploy throws 'Cannot calculate proper length in synchronous way.' (#1332)
• [templates/nextjs] Sample in Docker env references linked packages using lowercase path (#1334)
• [templates/nextjs] [sitecore-jss-nextjs] In Image component exclude width/height when fill prop is provided (#1336)
• [sitecore-jss-rendering-host] Fix react rendering host ESM error (#1337)
• [templates/nextjs] Add rewrite for Sitecore's default 404 prefix (#1345)
• [sitecore-jss-react] Fix rendering issue in components using withPlaceholder (#1349)
• [sitecore-jss-react-forms] The language of the form is changed after clicking the submit button (#1261)
• [templates/nextjs-sxa] Cumulative SXA bug fixes (#1319) (#1292) (#1165) (#1245) (#1268) (#1269) (#1272) (#1278) (#1333) (#1185) (#1172) (#1255)
• [templates/vue] Fix local dev server launch error (#1368)

🛠 Breaking Changes

• [sitecore-jss-nextjs] [templates/nextjs] [templates/nextjs-personalize] [templates/nextjs-sxa] Middleware configuration for multiple sites (#1288) (#1350) (#1367)

  • SiteResolver implementation must be passed into redirects middleware
  • SiteResolver implementation must be passed into personalize middleware
  • getPointOfSale function passed into personalize middleware now accepts two parameters: site and language. Personalize middleware will use base PosResolver if no function is passed.

• [sitecore-jss-angular][templates/angular] jss-angular package and sample has been updated to version 14. (#1285) (#1300)

  • JSS Angular sample is now using Ivy
  • IE11 no longer supported by JSS Angular
  • sitecore-jss-angular package does not output UMD package anymore - only ESM. We created a '@sitecore-jss/sitecore-jss-angular/cjs' sub-module to have CJS imports still available i.e. in angular sample app's scripts. Right now the submodule re-exports '@sitecore-jss/sitecore-jss' modules.
  • componentFactory is no longer present in ComponentFactoryResult interface, due to createComponent changes and deprecations introduced in Angular 13.
  • More details on changes in Angular can be f...

19.0.5

19.0.5

🐛 Bug Fixes

• [React][Nextjs] Fix double hash in anchor links (#1376)