@sitecore-content-sdk/nextjs 0.1.0-beta.8 → 0.1.0-canary.0

package/README.md

@@ -1,10 +1,11 @@
-# Sitecore JavaScript Rendering SDK for Next.js
+# Sitecore Content SDK for Next.js
+
+This module is provided as a part of Sitecore Content SDK. It contains Next.js components and integration for Sitecore Content SDK.
 
 <!---
-@TODO: use new name when decided
+@TODO: Update link with appropriate page when avaiable
 -->
-This module is provided as a part of Sitecore JavaScript Rendering SDK. It contains Next.js components and integration for JSS.
 
-[Documentation (XM Cloud)](https://doc.sitecore.com/xmc/en/developers/xm-cloud/sitecore-javascript-rendering-sdk--jss--for-next-js.html)
+[Documentation](https://doc.sitecore.com/xmc/en/developers/xm-cloud/sitecore-javascript-rendering-sdk--jss--for-next-js.html)
 
 [API reference documentation](/ref-docs/nextjs/)

package/client.d.ts

@@ -0,0 +1 @@
+export * from './types/client/index';

package/client.js

@@ -0,0 +1 @@
+module.exports = require('./dist/cjs/client/index');

package/component-props-loader.d.ts

@@ -0,0 +1 @@
+export * from './types/tools/component-props.loader';

package/component-props-loader.js

@@ -0,0 +1,3 @@
+const loader = require('./dist/cjs/tools/component-props.loader');
+
+module.exports = loader;

package/dist/cjs/client/index.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SitecoreClient = exports.createGraphQLClientFactory = exports.getEdgeProxyContentUrl = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = void 0;
+var client_1 = require("@sitecore-content-sdk/core/client");
+Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return client_1.DefaultRetryStrategy; } });
+Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return client_1.GraphQLRequestClient; } });
+Object.defineProperty(exports, "getEdgeProxyContentUrl", { enumerable: true, get: function () { return client_1.getEdgeProxyContentUrl; } });
+Object.defineProperty(exports, "createGraphQLClientFactory", { enumerable: true, get: function () { return client_1.createGraphQLClientFactory; } });
+var sitecore_nextjs_client_1 = require("./sitecore-nextjs-client");
+Object.defineProperty(exports, "SitecoreClient", { enumerable: true, get: function () { return sitecore_nextjs_client_1.SitecoreNextjsClient; } });

package/dist/cjs/client/sitecore-nextjs-client.js

@@ -0,0 +1,117 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SitecoreNextjsClient = void 0;
+const client_1 = require("@sitecore-content-sdk/core/client");
+const component_props_service_1 = require("../services/component-props-service");
+const site_1 = require("@sitecore-content-sdk/core/site");
+const personalize_1 = require("@sitecore-content-sdk/core/personalize");
+class SitecoreNextjsClient extends client_1.SitecoreClient {
+    constructor(initOptions) {
+        super(initOptions);
+        this.initOptions = initOptions;
+        this.componentPropsService = this.getComponentPropsService();
+    }
+    /**
+     * Resolves site based on the provided path
+     * @param {string | string[]} path path to resolve site from
+     * @returns resolved site, or default site info if not found
+     */
+    resolveSiteFromPath(path) {
+        const resolvedPath = super.parsePath(path);
+        // Get site name (from path rewritten in middleware)
+        const siteData = (0, site_1.getSiteRewriteData)(resolvedPath, this.initOptions.defaultSite);
+        // Resolve site by name
+        return (this.siteResolver.getByName(siteData.siteName) || {
+            name: siteData.siteName,
+            hostName: '',
+            language: '',
+        });
+    }
+    /**
+     * Normalizes a nextjs path that could have been rewritten
+     * @param {string | string[]} path nextjs path
+     * @returns path string without nextjs prefixes
+     */
+    parsePath(path) {
+        const basePath = super.parsePath(path);
+        return (0, site_1.normalizeSiteRewrite)((0, personalize_1.normalizePersonalizedRewrite)(basePath));
+    }
+    getPage(path, pageOptions, options) {
+        const _super = Object.create(null, {
+            parsePath: { get: () => super.parsePath },
+            getPage: { get: () => super.getPage }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const resolvedPath = this.parsePath(path);
+            // Get variant(s) for personalization (from path), must ensure path is of type string
+            const personalizeData = pageOptions.personalize || (0, personalize_1.getPersonalizedRewriteData)(_super.parsePath.call(this, path));
+            const site = pageOptions.site || ((_a = this.resolveSiteFromPath(path)) === null || _a === void 0 ? void 0 : _a.name);
+            const page = yield _super.getPage.call(this, resolvedPath, {
+                locale: pageOptions.locale,
+                site,
+                personalize: personalizeData,
+            }, options);
+            return page;
+        });
+    }
+    /**
+     * Retrieves preview page and layout details
+     * @param {PreviewData} previewData - The editing preview data for metadata mode.
+     * @param {FetchOptions} [fetchOptions] Additional fetch fetch options to override GraphQL requests (like retries and fetch)
+     */
+    getPreview(previewData, fetchOptions) {
+        const _super = Object.create(null, {
+            getPreview: { get: () => super.getPreview }
+        });
+        return __awaiter(this, void 0, void 0, function* () {
+            return _super.getPreview.call(this, previewData, fetchOptions);
+        });
+    }
+    /**
+     * Parses components from nextjs component map and layoutData, executes getServerProps/getStaticProps methods
+     * and returns resulting props from components
+     * @param {LayoutServiceData} layoutData layout data to parse compnents from
+     * @param {PreviewData} context Nextjs preview data
+     * @param {ComponentMap<NextjsJssComponent>} components component map to get props for
+     * @returns {ComponentPropsCollection} component props
+     */
+    getComponentData(layoutData, context, components) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let componentProps = {};
+            if (!layoutData.sitecore.route)
+                return componentProps;
+            // Retrieve component props using side-effects defined on components level
+            componentProps = yield this.componentPropsService.fetchComponentProps({
+                layoutData: layoutData,
+                context,
+                components,
+            });
+            const errors = Object.keys(componentProps)
+                .map((id) => {
+                const component = componentProps[id];
+                return component.error
+                    ? `\nUnable to get component props for ${component.componentName} (${id}): ${component.error}`
+                    : '';
+            })
+                .join('');
+            if (errors.length) {
+                throw new Error(errors);
+            }
+            return componentProps;
+        });
+    }
+    getComponentPropsService() {
+        return new component_props_service_1.ComponentPropsService();
+    }
+}
+exports.SitecoreNextjsClient = SitecoreNextjsClient;

package/dist/cjs/components/RichText.js

@@ -47,12 +47,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RichText = void 0;
+exports.RichText = exports.prefetched = void 0;
 const react_1 = __importStar(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const router_1 = require("next/router");
 const react_2 = require("@sitecore-content-sdk/react");
-const prefetched = {};
+exports.prefetched = {};
 const RichText = (props) => {
     const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true, editable = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks", "editable"]);
     const hasText = props.field && props.field.value;
@@ -81,9 +81,21 @@ const RichText = (props) => {
         internalLinks.forEach((link) => {
             if (link.target === '_blank')
                 return;
-            if (prefetchLinks && !prefetched[link.pathname]) {
+            const prefetch = () => {
                 router.prefetch(link.pathname, undefined, { locale: false });
-                prefetched[link.pathname] = true;
+                exports.prefetched[link.pathname] = true;
+            };
+            if (!exports.prefetched[link.pathname] && prefetchLinks !== false) {
+                if (prefetchLinks === true) {
+                    prefetch();
+                }
+                if (prefetchLinks === 'hover') {
+                    const mouseOverHandler = () => {
+                        prefetch();
+                        link.removeEventListener('mouseover', mouseOverHandler);
+                    };
+                    link.addEventListener('mouseover', mouseOverHandler, false);
+                }
             }
             link.addEventListener('click', routeHandler, false);
         });

package/dist/cjs/config/define-cli-config.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineCliConfig = void 0;
+const config_1 = require("@sitecore-content-sdk/core/config");
+const byoc_component_1 = require("../tools/templating/byoc-component");
+const default_component_1 = require("../tools/templating/default-component");
+/**
+ * Accepts a `SitecoreCliConfigInput` object and returns the Sitecore Content SDK CLI configuration from the specified file,
+ * updated with the required default values.
+ * @param {SitecoreCliConfigInput} cliConfig the cli configuration provided by the application
+ * @returns {SitecoreCliConfig} full sitecore cli configuration to use with cli
+ */
+const defineCliConfig = (cliConfig) => {
+    addDefaultScaffoldTemplates(cliConfig);
+    return (0, config_1.defineCliConfig)(cliConfig);
+};
+exports.defineCliConfig = defineCliConfig;
+/**
+ * Adds default scaffold templates to the CLI configuration.
+ * @param {SitecoreCliConfigInput} cliConfig - The CLI configuration object
+ */
+function addDefaultScaffoldTemplates(cliConfig) {
+    if (!cliConfig.scaffold) {
+        cliConfig.scaffold = {};
+    }
+    if (!cliConfig.scaffold.templates) {
+        cliConfig.scaffold.templates = [];
+    }
+    cliConfig.scaffold.templates.unshift(default_component_1.defaultTemplate, byoc_component_1.byocTemplate);
+}

package/dist/cjs/config/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineConfig = void 0;
+exports.defineCliConfig = exports.defineConfig = void 0;
 var config_1 = require("@sitecore-content-sdk/core/config");
 Object.defineProperty(exports, "defineConfig", { enumerable: true, get: function () { return config_1.defineConfig; } });
+var define_cli_config_1 = require("./define-cli-config");
+Object.defineProperty(exports, "defineCliConfig", { enumerable: true, get: function () { return define_cli_config_1.defineCliConfig; } });

package/dist/cjs/editing/editing-config-middleware.js

@@ -41,9 +41,7 @@ class EditingConfigMiddleware {
                 // CORS headers are set by enforceCors
                 return res.status(204).send(null);
             }
-            const components = Array.isArray(this.config.components)
-                ? this.config.components
-                : Array.from(this.config.components.keys());
+            const components = Array.from(this.config.components.keys());
             return res.status(200).json({
                 components,
                 packages: this.config.metadata.packages,

package/dist/cjs/editing/editing-render-middleware.js

@@ -9,27 +9,28 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditingRenderMiddleware = exports.isComponentLibraryPreviewData = void 0;
+exports.EditingRenderMiddleware = exports.isDesignLibraryPreviewData = void 0;
 const core_1 = require("@sitecore-content-sdk/core");
-const layout_1 = require("@sitecore-content-sdk/core/layout");
 const editing_1 = require("@sitecore-content-sdk/core/editing");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 const utils_1 = require("../utils/utils");
 const render_middleware_1 = require("./render-middleware");
 const utils_2 = require("@sitecore-content-sdk/core/utils");
 const personalize_1 = require("@sitecore-content-sdk/core/personalize");
+const site_1 = require("@sitecore-content-sdk/core/site");
 /**
- * Type guard for Component Library mode
+ * Type guard for Design Library mode
  * @param {object} data preview data to check
  * @returns true if the data is EditingPreviewData
  * @see EditingPreviewData
  */
-const isComponentLibraryPreviewData = (data) => {
+const isDesignLibraryPreviewData = (data) => {
     return (typeof data === 'object' &&
         data !== null &&
         'mode' in data &&
         data.mode === 'library');
 };
-exports.isComponentLibraryPreviewData = isComponentLibraryPreviewData;
+exports.isDesignLibraryPreviewData = isDesignLibraryPreviewData;
 /**
  * Middleware / handler for use in the editing render Next.js API route (e.g. '/api/editing/render')
  * which is required for Sitecore editing support.
@@ -97,15 +98,12 @@ class EditingRenderMiddleware extends render_middleware_1.RenderMiddlewareBase {
                 });
             }
             if (mode === 'library') {
-                // dedicated route and layout to SSR component library
-                query.route = '/component-library/render';
                 res.setPreviewData({
                     itemId: query.sc_itemid,
                     componentUid: query.sc_uid,
                     renderingId: query.sc_renderingId,
                     language: query.sc_lang,
                     site: query.sc_site,
-                    pageState: layout_1.LayoutServicePageState.Normal,
                     mode: 'library',
                     dataSourceId: query.sc_datasourceId,
                     version: query.sc_version,
@@ -121,7 +119,7 @@ class EditingRenderMiddleware extends render_middleware_1.RenderMiddlewareBase {
                     // for sc_variantId we may employ multiple variants (page-layout + component level)
                     variantIds: ((_c = query.sc_variant) === null || _c === void 0 ? void 0 : _c.split(',')) || [personalize_1.DEFAULT_VARIANT],
                     version: query.sc_version,
-                    pageState: query.mode,
+                    mode: query.mode,
                     layoutKind: query.sc_layoutKind,
                 }, 
                 // Cache the preview data for 3 seconds to ensure the page is rendered with the correct preview data not the cached one
@@ -149,6 +147,12 @@ class EditingRenderMiddleware extends render_middleware_1.RenderMiddlewareBase {
                     }
                     return cookie;
                 });
+                // Set Preview mode identifier cookie, if the page is rendered in Sitecore Preview mode
+                if (mode === layout_1.LayoutServicePageState.Preview) {
+                    const previewSite = `${site_1.SITE_KEY}=${query.sc_site}; Path=/; HttpOnly; SameSite=None; Secure`;
+                    const previewCookie = `${editing_1.PREVIEW_KEY}=true; Path=/; HttpOnly; SameSite=None; Secure`;
+                    modifiedCookies.push(previewSite, previewCookie);
+                }
                 res.setHeader('Set-Cookie', modifiedCookies);
             }
             const route = ((_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.resolvePageUrl) === null || _e === void 0 ? void 0 : _e.call(_d, query.route)) || query.route;

package/dist/cjs/editing/index.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.EditingConfigMiddleware = exports.FEAASRenderMiddleware = exports.isComponentLibraryPreviewData = exports.EditingRenderMiddleware = exports.GraphQLEditingService = void 0;
+exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.EditingConfigMiddleware = exports.FEAASRenderMiddleware = exports.isDesignLibraryPreviewData = exports.EditingRenderMiddleware = exports.GraphQLEditingService = void 0;
 var editing_1 = require("@sitecore-content-sdk/core/editing");
 Object.defineProperty(exports, "GraphQLEditingService", { enumerable: true, get: function () { return editing_1.GraphQLEditingService; } });
 var editing_render_middleware_1 = require("./editing-render-middleware");
 Object.defineProperty(exports, "EditingRenderMiddleware", { enumerable: true, get: function () { return editing_render_middleware_1.EditingRenderMiddleware; } });
-Object.defineProperty(exports, "isComponentLibraryPreviewData", { enumerable: true, get: function () { return editing_render_middleware_1.isComponentLibraryPreviewData; } });
+Object.defineProperty(exports, "isDesignLibraryPreviewData", { enumerable: true, get: function () { return editing_render_middleware_1.isDesignLibraryPreviewData; } });
 var feaas_render_middleware_1 = require("./feaas-render-middleware");
 Object.defineProperty(exports, "FEAASRenderMiddleware", { enumerable: true, get: function () { return feaas_render_middleware_1.FEAASRenderMiddleware; } });
 var editing_config_middleware_1 = require("./editing-config-middleware");

package/dist/cjs/index.js

@@ -33,8 +33,8 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentLibraryLayout = exports.File = exports.getComponentLibraryStylesheetLinks = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.Image = exports.ComponentBuilder = exports.BYOCWrapper = exports.FEaaSWrapper = exports.NextImage = exports.Placeholder = exports.RichText = exports.Link = exports.useComponentProps = exports.ComponentPropsContext = exports.ComponentPropsReactContext = exports.normalizeSiteRewrite = exports.getSiteRewriteData = exports.getSiteRewrite = exports.GraphQLSiteInfoService = exports.SiteResolver = exports.GraphQLRobotsService = exports.GraphQLErrorPagesService = exports.GraphQLSitemapXmlService = exports.MultisiteGraphQLSitemapService = exports.GraphQLSitemapService = exports.ComponentPropsService = exports.CdpHelper = exports.normalizePersonalizedRewrite = exports.getGroomedVariantIds = exports.getPersonalizedRewriteData = exports.getPersonalizedRewrite = exports.personalizeLayout = exports.GraphQLDictionaryService = exports.mediaApi = exports.RestComponentLayoutService = exports.EditMode = exports.getContentStylesheetLink = exports.getFieldValue = exports.getChildPlaceholder = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.MemoryCacheClient = exports.debug = exports.enableDebug = exports.NativeDataFetcher = exports.constants = void 0;
-exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.DefaultEmptyFieldEditingComponentText = exports.DefaultEmptyFieldEditingComponentImage = void 0;
+exports.DefaultEmptyFieldEditingComponentImage = exports.DesignLibrary = exports.File = exports.getDesignLibraryStylesheetLinks = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.Image = exports.BYOCWrapper = exports.FEaaSWrapper = exports.NextImage = exports.Placeholder = exports.RichText = exports.Link = exports.useComponentProps = exports.ComponentPropsContext = exports.ComponentPropsReactContext = exports.normalizeSiteRewrite = exports.getSiteRewriteData = exports.getSiteRewrite = exports.GraphQLSiteInfoService = exports.SiteResolver = exports.GraphQLRobotsService = exports.GraphQLErrorPagesService = exports.GraphQLSitemapXmlService = exports.GraphQLSitePathService = exports.ComponentPropsService = exports.CdpHelper = exports.normalizePersonalizedRewrite = exports.getGroomedVariantIds = exports.getPersonalizedRewriteData = exports.getPersonalizedRewrite = exports.personalizeLayout = exports.GraphQLDictionaryService = exports.mediaApi = exports.RestComponentLayoutService = exports.RenderingType = exports.EditMode = exports.getContentStylesheetLink = exports.getFieldValue = exports.getChildPlaceholder = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.MemoryCacheClient = exports.debug = exports.enableDebug = exports.NativeDataFetcher = exports.constants = void 0;
+exports.Form = exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.DefaultEmptyFieldEditingComponentText = void 0;
 var core_1 = require("@sitecore-content-sdk/core");
 Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return core_1.constants; } });
 // generic data access
@@ -49,6 +49,7 @@ Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: f
 Object.defineProperty(exports, "getFieldValue", { enumerable: true, get: function () { return layout_1.getFieldValue; } });
 Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return layout_1.getContentStylesheetLink; } });
 Object.defineProperty(exports, "EditMode", { enumerable: true, get: function () { return layout_1.EditMode; } });
+Object.defineProperty(exports, "RenderingType", { enumerable: true, get: function () { return layout_1.RenderingType; } });
 var editing_1 = require("@sitecore-content-sdk/core/editing");
 Object.defineProperty(exports, "RestComponentLayoutService", { enumerable: true, get: function () { return editing_1.RestComponentLayoutService; } });
 var media_1 = require("@sitecore-content-sdk/core/media");
@@ -64,19 +65,17 @@ Object.defineProperty(exports, "normalizePersonalizedRewrite", { enumerable: tru
 Object.defineProperty(exports, "CdpHelper", { enumerable: true, get: function () { return personalize_1.CdpHelper; } });
 var component_props_service_1 = require("./services/component-props-service");
 Object.defineProperty(exports, "ComponentPropsService", { enumerable: true, get: function () { return component_props_service_1.ComponentPropsService; } });
-var graphql_sitemap_service_1 = require("./services/graphql-sitemap-service");
-Object.defineProperty(exports, "GraphQLSitemapService", { enumerable: true, get: function () { return graphql_sitemap_service_1.GraphQLSitemapService; } });
-var mutisite_graphql_sitemap_service_1 = require("./services/mutisite-graphql-sitemap-service");
-Object.defineProperty(exports, "MultisiteGraphQLSitemapService", { enumerable: true, get: function () { return mutisite_graphql_sitemap_service_1.MultisiteGraphQLSitemapService; } });
 var site_1 = require("@sitecore-content-sdk/core/site");
-Object.defineProperty(exports, "GraphQLSitemapXmlService", { enumerable: true, get: function () { return site_1.GraphQLSitemapXmlService; } });
-Object.defineProperty(exports, "GraphQLErrorPagesService", { enumerable: true, get: function () { return site_1.GraphQLErrorPagesService; } });
-Object.defineProperty(exports, "GraphQLRobotsService", { enumerable: true, get: function () { return site_1.GraphQLRobotsService; } });
-Object.defineProperty(exports, "SiteResolver", { enumerable: true, get: function () { return site_1.SiteResolver; } });
-Object.defineProperty(exports, "GraphQLSiteInfoService", { enumerable: true, get: function () { return site_1.GraphQLSiteInfoService; } });
-Object.defineProperty(exports, "getSiteRewrite", { enumerable: true, get: function () { return site_1.getSiteRewrite; } });
-Object.defineProperty(exports, "getSiteRewriteData", { enumerable: true, get: function () { return site_1.getSiteRewriteData; } });
-Object.defineProperty(exports, "normalizeSiteRewrite", { enumerable: true, get: function () { return site_1.normalizeSiteRewrite; } });
+Object.defineProperty(exports, "GraphQLSitePathService", { enumerable: true, get: function () { return site_1.GraphQLSitePathService; } });
+var site_2 = require("@sitecore-content-sdk/core/site");
+Object.defineProperty(exports, "GraphQLSitemapXmlService", { enumerable: true, get: function () { return site_2.GraphQLSitemapXmlService; } });
+Object.defineProperty(exports, "GraphQLErrorPagesService", { enumerable: true, get: function () { return site_2.GraphQLErrorPagesService; } });
+Object.defineProperty(exports, "GraphQLRobotsService", { enumerable: true, get: function () { return site_2.GraphQLRobotsService; } });
+Object.defineProperty(exports, "SiteResolver", { enumerable: true, get: function () { return site_2.SiteResolver; } });
+Object.defineProperty(exports, "GraphQLSiteInfoService", { enumerable: true, get: function () { return site_2.GraphQLSiteInfoService; } });
+Object.defineProperty(exports, "getSiteRewrite", { enumerable: true, get: function () { return site_2.getSiteRewrite; } });
+Object.defineProperty(exports, "getSiteRewriteData", { enumerable: true, get: function () { return site_2.getSiteRewriteData; } });
+Object.defineProperty(exports, "normalizeSiteRewrite", { enumerable: true, get: function () { return site_2.normalizeSiteRewrite; } });
 var ComponentPropsContext_1 = require("./components/ComponentPropsContext");
 Object.defineProperty(exports, "ComponentPropsReactContext", { enumerable: true, get: function () { return ComponentPropsContext_1.ComponentPropsReactContext; } });
 Object.defineProperty(exports, "ComponentPropsContext", { enumerable: true, get: function () { return ComponentPropsContext_1.ComponentPropsContext; } });
@@ -93,8 +92,6 @@ const FEaaSWrapper = __importStar(require("./components/FEaaSWrapper"));
 exports.FEaaSWrapper = FEaaSWrapper;
 const BYOCWrapper = __importStar(require("./components/BYOCWrapper"));
 exports.BYOCWrapper = BYOCWrapper;
-var ComponentBuilder_1 = require("./ComponentBuilder");
-Object.defineProperty(exports, "ComponentBuilder", { enumerable: true, get: function () { return ComponentBuilder_1.ComponentBuilder; } });
 var react_1 = require("@sitecore-content-sdk/react");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return react_1.Image; } });
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return react_1.Text; } });
@@ -102,9 +99,9 @@ Object.defineProperty(exports, "DateField", { enumerable: true, get: function ()
 Object.defineProperty(exports, "FEaaSComponent", { enumerable: true, get: function () { return react_1.FEaaSComponent; } });
 Object.defineProperty(exports, "fetchFEaaSComponentServerProps", { enumerable: true, get: function () { return react_1.fetchFEaaSComponentServerProps; } });
 Object.defineProperty(exports, "BYOCComponent", { enumerable: true, get: function () { return react_1.BYOCComponent; } });
-Object.defineProperty(exports, "getComponentLibraryStylesheetLinks", { enumerable: true, get: function () { return react_1.getComponentLibraryStylesheetLinks; } });
+Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return react_1.getDesignLibraryStylesheetLinks; } });
 Object.defineProperty(exports, "File", { enumerable: true, get: function () { return react_1.File; } });
-Object.defineProperty(exports, "ComponentLibraryLayout", { enumerable: true, get: function () { return react_1.ComponentLibraryLayout; } });
+Object.defineProperty(exports, "DesignLibrary", { enumerable: true, get: function () { return react_1.DesignLibrary; } });
 Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentImage", { enumerable: true, get: function () { return react_1.DefaultEmptyFieldEditingComponentImage; } });
 Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentText", { enumerable: true, get: function () { return react_1.DefaultEmptyFieldEditingComponentText; } });
 Object.defineProperty(exports, "SitecoreContext", { enumerable: true, get: function () { return react_1.SitecoreContext; } });
@@ -117,3 +114,4 @@ Object.defineProperty(exports, "withDatasourceCheck", { enumerable: true, get: f
 Object.defineProperty(exports, "withFieldMetadata", { enumerable: true, get: function () { return react_1.withFieldMetadata; } });
 Object.defineProperty(exports, "withEmptyFieldEditingComponent", { enumerable: true, get: function () { return react_1.withEmptyFieldEditingComponent; } });
 Object.defineProperty(exports, "EditingScripts", { enumerable: true, get: function () { return react_1.EditingScripts; } });
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return react_1.Form; } });

package/dist/cjs/middleware/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultisiteMiddleware = exports.PersonalizeMiddleware = exports.RedirectsMiddleware = exports.defineMiddleware = exports.Middleware = exports.MiddlewareBase = exports.debug = void 0;
+exports.SitemapMiddleware = exports.MultisiteMiddleware = exports.PersonalizeMiddleware = exports.RedirectsMiddleware = exports.defineMiddleware = exports.Middleware = exports.MiddlewareBase = exports.debug = void 0;
 var core_1 = require("@sitecore-content-sdk/core");
 Object.defineProperty(exports, "debug", { enumerable: true, get: function () { return core_1.debug; } });
 var middleware_1 = require("./middleware");
@@ -13,3 +13,5 @@ var personalize_middleware_1 = require("./personalize-middleware");
 Object.defineProperty(exports, "PersonalizeMiddleware", { enumerable: true, get: function () { return personalize_middleware_1.PersonalizeMiddleware; } });
 var multisite_middleware_1 = require("./multisite-middleware");
 Object.defineProperty(exports, "MultisiteMiddleware", { enumerable: true, get: function () { return multisite_middleware_1.MultisiteMiddleware; } });
+var sitemap_middleware_1 = require("./sitemap-middleware");
+Object.defineProperty(exports, "SitemapMiddleware", { enumerable: true, get: function () { return sitemap_middleware_1.SitemapMiddleware; } });

package/dist/cjs/middleware/middleware.js

@@ -9,10 +9,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineMiddleware = exports.MiddlewareBase = exports.Middleware = void 0;
+exports.defineMiddleware = exports.MiddlewareBase = exports.Middleware = exports.REWRITE_HEADER_NAME = void 0;
 const site_1 = require("@sitecore-content-sdk/core/site");
 const core_1 = require("@sitecore-content-sdk/core");
 const server_1 = require("next/server");
+exports.REWRITE_HEADER_NAME = 'x-sc-rewrite';
 /**
  * Middleware class to be extended by all middleware implementations
  */
@@ -26,8 +27,6 @@ class MiddlewareBase extends Middleware {
     constructor(config) {
         super();
         this.config = config;
-        this.SITE_SYMBOL = 'sc_site';
-        this.REWRITE_HEADER_NAME = 'x-sc-rewrite';
         this.siteResolver = new site_1.SiteResolver(config.sites);
         this.defaultHostname = config.defaultHostname || 'localhost';
     }
@@ -56,7 +55,7 @@ class MiddlewareBase extends Middleware {
         return (pathname.startsWith('/api/') || // Ignore Next.js API calls
             pathname.startsWith('/sitecore/') || // Ignore Sitecore API calls
             pathname.startsWith('/_next') || // Ignore next service calls
-            (this.config.disabled && this.config.disabled(req, res)));
+            (this.config.skip && this.config.skip(req, res)));
     }
     /**
      * Safely extract all headers for debug logging
@@ -75,7 +74,7 @@ class MiddlewareBase extends Middleware {
      * @returns {string} language
      */
     getLanguage(req) {
-        return req.nextUrl.locale || req.nextUrl.defaultLocale || 'en';
+        return req.nextUrl.locale || req.nextUrl.defaultLocale || this.config.defaultLanguage || 'en';
     }
     /**
      * Extract 'host' header
@@ -86,18 +85,27 @@ class MiddlewareBase extends Middleware {
         return (_a = req.headers.get('host')) === null || _a === void 0 ? void 0 : _a.split(':')[0];
     }
     /**
-     * Get site information.
-     * Can not be used in **Preview** mode, since site will not be resolved
+     * Get site information. If site name is stored in cookie, use it, otherwise resolve by hostname
+     * - If site can't be resolved by site name cookie use default site info based on provided parameters
+     * - If site can't be resolved by hostname throw an error
      * @param {NextRequest} req request
      * @param {NextResponse} [res] response
      * @returns {SiteInfo} site information
      */
     getSite(req, res) {
         var _a;
-        const siteNameCookie = (_a = res === null || res === void 0 ? void 0 : res.cookies.get(this.SITE_SYMBOL)) === null || _a === void 0 ? void 0 : _a.value;
-        if (siteNameCookie)
-            return this.siteResolver.getByName(siteNameCookie);
+        const siteNameCookie = (_a = res === null || res === void 0 ? void 0 : res.cookies.get(site_1.SITE_KEY)) === null || _a === void 0 ? void 0 : _a.value;
         const hostname = this.getHostHeader(req) || this.defaultHostname;
+        if (siteNameCookie) {
+            // Usually we should be able to resolve site by cookie
+            // in case of Sitecore Preview mode, there can be a case that new site was created
+            // but it's not present in the sitemap, so we fallback to default site info
+            return (this.siteResolver.getByName(siteNameCookie) || {
+                name: siteNameCookie,
+                language: this.getLanguage(req),
+                hostName: '*',
+            });
+        }
         return this.siteResolver.getByHost(hostname);
     }
     /**
@@ -105,14 +113,17 @@ class MiddlewareBase extends Middleware {
      * @param {string} rewritePath the destionation path
      * @param {NextRequest} req the current request
      * @param {NextResponse} res the current response
+     * @param {boolean} [skipHeader] don't write 'x-sc-rewrite' header
      */
-    rewrite(rewritePath, req, res) {
+    rewrite(rewritePath, req, res, skipHeader) {
         // Note an absolute URL is required: https://nextjs.org/docs/messages/middleware-relative-urls
         const rewriteUrl = req.nextUrl.clone();
         rewriteUrl.pathname = rewritePath;
         const response = server_1.NextResponse.rewrite(rewriteUrl, res);
         // Share rewrite path with following executed middlewares
-        response.headers.set(this.REWRITE_HEADER_NAME, rewritePath);
+        if (!skipHeader) {
+            response.headers.set(exports.REWRITE_HEADER_NAME, rewritePath);
+        }
         return response;
     }
 }

package/dist/cjs/middleware/multisite-middleware.js

@@ -1,4 +1,5 @@
 "use strict";
+/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -13,6 +14,7 @@ exports.MultisiteMiddleware = void 0;
 const site_1 = require("@sitecore-content-sdk/core/site");
 const core_1 = require("@sitecore-content-sdk/core");
 const middleware_1 = require("./middleware");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
 /**
  * Middleware / handler for multisite support
  */
@@ -24,7 +26,7 @@ class MultisiteMiddleware extends middleware_1.MiddlewareBase {
         super(config);
         this.config = config;
         this.handle = (req, res) => __awaiter(this, void 0, void 0, function* () {
-            var _a;
+            var _a, _b, _c;
             if (!this.config.enabled) {
                 core_1.debug.multisite('skipped (multisite middleware is disabled globally)');
                 return res;
@@ -47,12 +49,21 @@ class MultisiteMiddleware extends middleware_1.MiddlewareBase {
                     core_1.debug.multisite('skipped (preview)');
                     return res;
                 }
-                // Site name can be forced by query string parameter or cookie
-                const siteName = req.nextUrl.searchParams.get(this.SITE_SYMBOL) ||
-                    (this.config.useCookieResolution &&
-                        this.config.useCookieResolution(req) &&
-                        ((_a = req.cookies.get(this.SITE_SYMBOL)) === null || _a === void 0 ? void 0 : _a.value)) ||
-                    this.siteResolver.getByHost(hostname).name;
+                let siteName;
+                const isSitecorePreview = (_a = req.cookies.get(editing_1.PREVIEW_KEY)) === null || _a === void 0 ? void 0 : _a.value;
+                if (isSitecorePreview) {
+                    // This cookie is required to be set in the Sitecore Preview mode
+                    siteName = (_b = req.cookies.get(site_1.SITE_KEY)) === null || _b === void 0 ? void 0 : _b.value;
+                }
+                else {
+                    // Site name can be forced by query string parameter or cookie
+                    siteName =
+                        req.nextUrl.searchParams.get(site_1.SITE_KEY) ||
+                            (this.config.useCookieResolution &&
+                                this.config.useCookieResolution(req) &&
+                                ((_c = req.cookies.get(site_1.SITE_KEY)) === null || _c === void 0 ? void 0 : _c.value)) ||
+                            this.siteResolver.getByHost(hostname).name;
+                }
                 // Rewrite to site specific path
                 const rewritePath = (0, site_1.getSiteRewrite)(pathname, {
                     siteName,
@@ -65,7 +76,7 @@ class MultisiteMiddleware extends middleware_1.MiddlewareBase {
                     sameSite: 'none',
                 };
                 // Share site name with the following executed middlewares
-                response.cookies.set(this.SITE_SYMBOL, siteName, defaultCookieAttributes);
+                response.cookies.set(site_1.SITE_KEY, siteName, defaultCookieAttributes);
                 core_1.debug.multisite('multisite middleware end in %dms: %o', Date.now() - startTimestamp, {
                     rewritePath,
                     siteName,

package/dist/cjs/middleware/personalize-middleware.js

@@ -35,7 +35,7 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
                 const language = this.getLanguage(req);
                 const hostname = this.getHostHeader(req) || this.defaultHostname;
                 const startTimestamp = Date.now();
-                const timeout = this.config.cdpTimeout;
+                const cdpTimeout = this.config.cdpTimeout;
                 core_1.debug.personalize('personalize middleware start: %o', {
                     pathname,
                     language,
@@ -87,7 +87,7 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
                     variantIds: execution.variantIds,
                     params,
                     language,
-                    timeout,
+                    timeout: cdpTimeout,
                 }, req).then((personalization) => {
                     const variantId = personalization.variantId;
                     if (variantId) {
@@ -104,7 +104,7 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
                     return res;
                 }
                 // Path can be rewritten by previously executed middleware
-                const basePath = (res === null || res === void 0 ? void 0 : res.headers.get('x-sc-rewrite')) || pathname;
+                const basePath = (res === null || res === void 0 ? void 0 : res.headers.get(middleware_1.REWRITE_HEADER_NAME)) || pathname;
                 // Rewrite to persononalized path
                 const rewritePath = (0, personalize_1.getPersonalizedRewrite)(basePath, identifiedVariantIds);
                 const response = this.rewrite(rewritePath, req, res);