@sitecore-content-sdk/nextjs 0.1.0-beta.4 → 0.1.0-beta.40

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/config.d.ts

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

package/config.js

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

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/Link.js

@@ -73,14 +73,20 @@ exports.Link = (0, react_1.forwardRef)((props, ref) => {
         const isFileUrl = FILE_EXTENSION_MATCHER.test(href);
         // determine if a link is a route or not. File extensions are not routes and should not be pre-fetched.
         if (isMatching && !isFileUrl) {
-            return (react_1.default.createElement(link_1.default, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false, title: value.title, target: value.target, className: value.class }, htmlLinkProps, { ref: ref }, (process.env.TEST ? { 'data-nextjs-link': true } : {})),
+            return (react_1.default.createElement(link_1.default, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false, title: value.title, target: value.target, className: value.class, prefetch: props.prefetch }, htmlLinkProps, { ref: ref }, (process.env.TEST
+                ? {
+                    'data-nextjs-link': true,
+                    'data-nextjs-prefetch': props.prefetch,
+                }
+                : {})),
                 text,
                 children));
         }
     }
-    // prevent passing internalLinkMatcher as it is an invalid DOM element prop
+    // prevent passing internalLinkMatcher or prefetch as it is an invalid DOM element prop
     const reactLinkProps = Object.assign({}, props);
     delete reactLinkProps.internalLinkMatcher;
+    delete reactLinkProps.prefetch;
     return (react_1.default.createElement(react_2.Link, Object.assign({}, reactLinkProps, { ref: ref }, (process.env.TEST ? { 'data-react-link': true } : {}))));
 });
 exports.Link.displayName = 'NextLink';

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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,13 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultisiteMiddleware = exports.PersonalizeMiddleware = exports.RedirectsMiddleware = 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");
 Object.defineProperty(exports, "MiddlewareBase", { enumerable: true, get: function () { return middleware_1.MiddlewareBase; } });
+Object.defineProperty(exports, "Middleware", { enumerable: true, get: function () { return middleware_1.Middleware; } });
+Object.defineProperty(exports, "defineMiddleware", { enumerable: true, get: function () { return middleware_1.defineMiddleware; } });
 var redirects_middleware_1 = require("./redirects-middleware");
 Object.defineProperty(exports, "RedirectsMiddleware", { enumerable: true, get: function () { return redirects_middleware_1.RedirectsMiddleware; } });
 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

@@ -1,12 +1,33 @@
 "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.MiddlewareBase = 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");
-class MiddlewareBase {
+exports.REWRITE_HEADER_NAME = 'x-sc-rewrite';
+/**
+ * Middleware class to be extended by all middleware implementations
+ */
+class Middleware {
+}
+exports.Middleware = Middleware;
+/**
+ * Base middleware class with common methods
+ */
+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';
     }
     /**
@@ -29,12 +50,12 @@ class MiddlewareBase {
         req.headers.get('purpose') === 'prefetch' || req.headers.get('Next-Router-Prefetch') === '1' // Pages Router // App Router
         );
     }
-    excludeRoute(pathname) {
-        var _a, _b;
+    disabled(req, res) {
+        const { pathname } = req.nextUrl;
         return (pathname.startsWith('/api/') || // Ignore Next.js API calls
             pathname.startsWith('/sitecore/') || // Ignore Sitecore API calls
             pathname.startsWith('/_next') || // Ignore next service calls
-            (((_a = this.config) === null || _a === void 0 ? void 0 : _a.excludeRoute) && ((_b = this.config) === null || _b === void 0 ? void 0 : _b.excludeRoute(pathname))));
+            (this.config.skip && this.config.skip(req, res)));
     }
     /**
      * Safely extract all headers for debug logging
@@ -53,7 +74,7 @@ class MiddlewareBase {
      * @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
@@ -64,34 +85,69 @@ class MiddlewareBase {
         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.config.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;
-        return this.config.siteResolver.getByHost(hostname);
+        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);
     }
     /**
      * Create a rewrite response
      * @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;
     }
 }
 exports.MiddlewareBase = MiddlewareBase;
+/**
+ * Define a middleware with a list of middlewares
+ * @param {Middleware[]} middlewares List of middlewares to execute
+ */
+const defineMiddleware = (...middlewares) => {
+    return {
+        /**
+         * Execute all middlewares
+         * @param {NextRequest} req request
+         * @param {NextFetchEvent} ev fetch event
+         * @param {NextResponse} [res] response
+         */
+        exec: (req, ev, res) => __awaiter(void 0, void 0, void 0, function* () {
+            const response = res || server_1.NextResponse.next();
+            core_1.debug.common('middleware start');
+            const start = Date.now();
+            const middlewareResponse = yield middlewares.reduce((p, middleware) => p.then((res) => middleware.handle(req, res, ev)), Promise.resolve(response));
+            core_1.debug.common('middleware end in %dms', Date.now() - start);
+            return middlewareResponse;
+        }),
+    };
+};
+exports.defineMiddleware = defineMiddleware;