[Next.js][Multi-site] Better page props site resolution for editing/p…

…review (#1304)
Sitecore · Jan 26, 2023 · e34b9f0 · e34b9f0
1 parent 76363e6
commit e34b9f0
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 1 deletion.
diff --git a/...te-sitecore-jss/src/templates/nextjs-multisite/src/lib/page-props-factory/plugins/site.ts b/...te-sitecore-jss/src/templates/nextjs-multisite/src/lib/page-props-factory/plugins/site.ts
@@ -9,6 +9,8 @@ class SitePlugin implements Plugin {
   order = 0;
 
   async exec(props: SitecorePageProps, context: GetServerSidePropsContext | GetStaticPropsContext) {
+    if (context.preview) return props;
+
     const path =
       context.params === undefined
         ? '/'

diff --git a/...re-jss/src/templates/nextjs-personalize/src/lib/page-props-factory/plugins/personalize.ts b/...re-jss/src/templates/nextjs-personalize/src/lib/page-props-factory/plugins/personalize.ts
@@ -7,6 +7,8 @@ class PersonalizePlugin implements Plugin {
   order = 3;
 
   async exec(props: SitecorePageProps, context: GetServerSidePropsContext | GetStaticPropsContext) {
+    if (context.preview) return props;
+
     const path =
       context.params === undefined
         ? '/'

diff --git a/...e-sitecore-jss/src/templates/nextjs-sxa/src/lib/page-props-factory/plugins/error-pages.ts b/...e-sitecore-jss/src/templates/nextjs-sxa/src/lib/page-props-factory/plugins/error-pages.ts
@@ -9,6 +9,8 @@ class ErrorPagesPlugin implements Plugin {
   order = 3;
 
   async exec(props: SitecorePageProps, context: GetServerSidePropsContext | GetStaticPropsContext) {
+    if (context.preview) return props;
+
     const errorPagesService = new GraphQLErrorPagesService({
       endpoint: config.graphQLEndpoint,
       apiKey: config.sitecoreApiKey,

diff --git a/...eate-sitecore-jss/src/templates/nextjs/src/lib/page-props-factory/plugins/preview-mode.ts b/...eate-sitecore-jss/src/templates/nextjs/src/lib/page-props-factory/plugins/preview-mode.ts
@@ -1,3 +1,4 @@
+import { SiteInfo } from '@sitecore-jss/sitecore-jss-nextjs';
 import { editingDataService } from '@sitecore-jss/sitecore-jss-nextjs/editing';
 import { SitecorePageProps } from 'lib/page-props';
 import { GetServerSidePropsContext, GetStaticPropsContext } from 'next';
@@ -16,6 +17,7 @@ class PreviewModePlugin implements Plugin {
         `Unable to get editing data for preview ${JSON.stringify(context.previewData)}`
       );
     }
+    props.site = data.layoutData.sitecore.context.site as SiteInfo;
     props.locale = data.language;
     props.layoutData = data.layoutData;
     props.dictionary = data.dictionary;

diff --git a/packages/create-sitecore-jss/src/templates/nextjs/src/lib/page-props-factory/plugins/site.ts b/packages/create-sitecore-jss/src/templates/nextjs/src/lib/page-props-factory/plugins/site.ts
@@ -1,12 +1,15 @@
 import { SitecorePageProps } from 'lib/page-props';
+import { GetServerSidePropsContext, GetStaticPropsContext } from 'next';
 import { Plugin } from '..';
 import { siteResolver } from 'lib/site-resolver';
 import config from 'temp/config';
 
 class SitePlugin implements Plugin {
   order = 0;
 
-  async exec(props: SitecorePageProps) {
+  async exec(props: SitecorePageProps, context: GetServerSidePropsContext | GetStaticPropsContext) {
+    if (context.preview) return props;
+
     // Resolve site by name
     props.site = siteResolver.getByName(config.jssAppName);