@sitecore-jss/sitecore-jss-nextjs 22.0.0-canary.38 → 22.0.0-canary.42

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

@@ -18,7 +18,8 @@ const server_1 = require("next/server");
 const site_1 = require("@sitecore-jss/sitecore-jss/site");
 const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 const middleware_1 = require("./middleware");
-const REGEXP_CONTEXT_SITE_LANG = new RegExp(/\$siteLang/, 'gi');
+const REGEXP_CONTEXT_SITE_LANG = new RegExp(/\$siteLang/, 'i');
+const REGEXP_ABSOLUTE_URL = new RegExp('^(?:[a-z]+:)?//', 'i');
 /**
  * Middleware / handler fetches all redirects from Sitecore instance by grapqhl service
  * compares with current url and redirects to target url
@@ -35,13 +36,14 @@ class RedirectsMiddleware extends middleware_1.MiddlewareBase {
             const language = this.getLanguage(req);
             const hostname = this.getHostHeader(req) || this.defaultHostname;
             let site;
+            const startTimestamp = Date.now();
             sitecore_jss_1.debug.redirects('redirects middleware start: %o', {
                 pathname,
                 language,
                 hostname,
             });
             const createResponse = () => __awaiter(this, void 0, void 0, function* () {
-                if (this.config.disabled && this.config.disabled(req, server_1.NextResponse.next())) {
+                if (this.config.disabled && this.config.disabled(req, res || server_1.NextResponse.next())) {
                     sitecore_jss_1.debug.redirects('skipped (redirects middleware is disabled)');
                     return res || server_1.NextResponse.next();
                 }
@@ -57,44 +59,58 @@ class RedirectsMiddleware extends middleware_1.MiddlewareBase {
                     return res || server_1.NextResponse.next();
                 }
                 // Find context site language and replace token
-                if (REGEXP_CONTEXT_SITE_LANG.test(existsRedirect.target)) {
+                if (REGEXP_CONTEXT_SITE_LANG.test(existsRedirect.target) &&
+                    !(REGEXP_ABSOLUTE_URL.test(existsRedirect.target) &&
+                        existsRedirect.target.includes(hostname))) {
                     existsRedirect.target = existsRedirect.target.replace(REGEXP_CONTEXT_SITE_LANG, site.language);
                 }
                 const url = req.nextUrl.clone();
-                const absoluteUrlRegex = new RegExp('^(?:[a-z]+:)?//', 'i');
-                if (absoluteUrlRegex.test(existsRedirect.target)) {
+                if (REGEXP_ABSOLUTE_URL.test(existsRedirect.target)) {
                     url.href = existsRedirect.target;
-                    url.locale = req.nextUrl.locale;
                 }
                 else {
+                    const source = `${url.pathname}${url.search}`;
                     url.search = existsRedirect.isQueryStringPreserved ? url.search : '';
                     const urlFirstPart = existsRedirect.target.split('/')[1];
                     if (this.locales.includes(urlFirstPart)) {
                         url.locale = urlFirstPart;
-                        url.pathname = existsRedirect.target.replace(`/${urlFirstPart}`, '');
+                        existsRedirect.target = existsRedirect.target.replace(`/${urlFirstPart}`, '');
                     }
-                    else {
-                        url.pathname = existsRedirect.target;
+                    const target = source
+                        .replace((0, regex_parser_1.default)(existsRedirect.pattern), existsRedirect.target)
+                        .replace(/^\/\//, '/')
+                        .split('?');
+                    url.pathname = target[0];
+                    if (target[1]) {
+                        const newParams = new URLSearchParams(target[1]);
+                        for (const [key, val] of newParams.entries()) {
+                            url.searchParams.append(key, val);
+                        }
                     }
                 }
                 const redirectUrl = decodeURIComponent(url.href);
                 /** return Response redirect with http code of redirect type **/
                 switch (existsRedirect.redirectType) {
                     case site_1.REDIRECT_TYPE_301:
-                        return server_1.NextResponse.redirect(redirectUrl, 301);
+                        return server_1.NextResponse.redirect(redirectUrl, {
+                            status: 301,
+                            statusText: 'Moved Permanently',
+                            headers: res === null || res === void 0 ? void 0 : res.headers,
+                        });
                     case site_1.REDIRECT_TYPE_302:
-                        return server_1.NextResponse.redirect(redirectUrl, 302);
+                        return server_1.NextResponse.redirect(redirectUrl, {
+                            status: 302,
+                            statusText: 'Found',
+                            headers: res === null || res === void 0 ? void 0 : res.headers,
+                        });
                     case site_1.REDIRECT_TYPE_SERVER_TRANSFER:
-                        return server_1.NextResponse.rewrite(redirectUrl);
+                        return server_1.NextResponse.rewrite(redirectUrl, res);
                     default:
-                        return server_1.NextResponse.next();
+                        return res || server_1.NextResponse.next();
                 }
             });
             const response = yield createResponse();
-            // Share site name with the following executed middlewares
-            // Don't need to set when middleware is disabled
-            site && response.cookies.set(this.SITE_SYMBOL, site.name);
-            sitecore_jss_1.debug.redirects('redirects middleware end: %o', {
+            sitecore_jss_1.debug.redirects('redirects middleware end in %dms: %o', Date.now() - startTimestamp, {
                 redirected: response.redirected,
                 status: response.status,
                 url: response.url,
@@ -134,15 +150,22 @@ class RedirectsMiddleware extends middleware_1.MiddlewareBase {
         return __awaiter(this, void 0, void 0, function* () {
             const redirects = yield this.redirectsService.fetchRedirects(siteName);
             const tragetURL = req.nextUrl.pathname;
-            const targetQS = `?${req.nextUrl.search || ''}`;
-            return redirects.length
-                ? redirects.find((redirect) => {
-                    const pattern = `/^/${redirect.pattern
+            const targetQS = req.nextUrl.search || '';
+            const language = this.getLanguage(req);
+            const modifyRedirects = structuredClone(redirects);
+            return modifyRedirects.length
+                ? modifyRedirects.find((redirect) => {
+                    redirect.pattern = redirect.pattern.replace(RegExp(`^[^]?/${language}/`, 'gi'), '');
+                    redirect.pattern = `/^\/${redirect.pattern
                         .replace(/^\/|\/$/g, '')
-                        .replace(/^\^|\$$/g, '')}$/gi`;
-                    return (((0, regex_parser_1.default)(pattern).test(tragetURL) ||
-                        (0, regex_parser_1.default)(pattern).test(`${tragetURL}${targetQS}`) ||
-                        (0, regex_parser_1.default)(pattern).test(`/${req.nextUrl.locale}${tragetURL}`.toLowerCase())) &&
+                        .replace(/^\^\/|\/\$$/g, '')
+                        .replace(/^\^|\$$/g, '')
+                        .replace(/(?<!\\)\?/g, '\\?')
+                        .replace(/\$\/gi$/g, '')}[\/]?$/gi`;
+                    return (((0, regex_parser_1.default)(redirect.pattern).test(tragetURL) ||
+                        (0, regex_parser_1.default)(redirect.pattern).test(`${tragetURL}${targetQS}`) ||
+                        (0, regex_parser_1.default)(redirect.pattern).test(`/${req.nextUrl.locale}${tragetURL}`) ||
+                        (0, regex_parser_1.default)(redirect.pattern).test(`/${req.nextUrl.locale}${tragetURL}${targetQS}`)) &&
                         (redirect.locale
                             ? redirect.locale.toLowerCase() === req.nextUrl.locale.toLowerCase()
                             : true));

package/dist/cjs/services/base-graphql-sitemap-service.js

@@ -10,7 +10,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseGraphQLSitemapService = exports.getSiteEmptyError = exports.siteError = exports.languageError = void 0;
-const graphql_1 = require("@sitecore-jss/sitecore-jss/graphql");
 const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 const personalize_1 = require("@sitecore-jss/sitecore-jss/personalize");
 /** @private */
@@ -36,7 +35,7 @@ query ${usesPersonalize ? 'PersonalizeSitemapQuery' : 'DefaultSitemapQuery'}(
   $language: String!
   $includedPaths: [String]
   $excludedPaths: [String]
-  $pageSize: Int = 10
+  $pageSize: Int = 100
   $after: String
 ) {
   site {
@@ -132,7 +131,7 @@ class BaseGraphQLSitemapService {
     getTranformedPaths(siteName, languages, formatStaticPath) {
         return __awaiter(this, void 0, void 0, function* () {
             const paths = new Array();
-            yield Promise.all(languages.map((language) => __awaiter(this, void 0, void 0, function* () {
+            for (const language of languages) {
                 if (language === '') {
                     throw new RangeError(languageEmptyError);
                 }
@@ -140,7 +139,7 @@ class BaseGraphQLSitemapService {
                 const results = yield this.fetchLanguageSitePaths(language, siteName);
                 const transformedPaths = yield this.transformLanguageSitePaths(results, formatStaticPath, language);
                 paths.push(...transformedPaths);
-            })));
+            }
             return paths;
         });
     }
@@ -195,8 +194,10 @@ class BaseGraphQLSitemapService {
      * @returns {GraphQLClient} implementation
      */
     getGraphQLClient() {
-        return new graphql_1.GraphQLRequestClient(this.options.endpoint, {
-            apiKey: this.options.apiKey,
+        if (!this.options.clientFactory) {
+            throw new Error('clientFactory needs to be provided when initializing GraphQL client.');
+        }
+        return this.options.clientFactory({
             debugger: sitecore_jss_1.debug.sitemap,
         });
     }

package/dist/cjs/services/component-props-service.js

@@ -23,9 +23,9 @@ class ComponentPropsService {
      */
     fetchServerSideComponentProps(params) {
         return __awaiter(this, void 0, void 0, function* () {
-            const { componentModule, layoutData, context } = params;
+            const { moduleFactory, layoutData, context } = params;
             const fetchFunctionFactory = (componentName) => __awaiter(this, void 0, void 0, function* () {
-                const module = yield componentModule(componentName);
+                const module = yield moduleFactory(componentName);
                 return module === null || module === void 0 ? void 0 : module.getServerSideProps;
             });
             return this.fetchComponentProps(fetchFunctionFactory, layoutData, context);
@@ -39,9 +39,9 @@ class ComponentPropsService {
      */
     fetchStaticComponentProps(params) {
         return __awaiter(this, void 0, void 0, function* () {
-            const { componentModule, layoutData, context } = params;
+            const { moduleFactory, layoutData, context } = params;
             const fetchFunctionFactory = (componentName) => __awaiter(this, void 0, void 0, function* () {
-                const module = yield componentModule(componentName);
+                const module = yield moduleFactory(componentName);
                 return module === null || module === void 0 ? void 0 : module.getStaticProps;
             });
             return this.fetchComponentProps(fetchFunctionFactory, layoutData, context);
@@ -128,11 +128,11 @@ class ComponentPropsService {
                     componentProps[uid] = result;
                 })
                     .catch((error) => {
-                    const errLog = `Error during preload data for component ${uid}: ${error.message ||
-                        error}`;
+                    const errLog = `Error during preload data for component ${req.rendering.componentName} (${uid}): ${error.message || error}`;
                     console.error(chalk_1.default.red(errLog));
                     componentProps[uid] = {
                         error: error.message || errLog,
+                        componentName: req.rendering.componentName,
                     };
                 });
             });

package/dist/cjs/utils/utils.js

@@ -1,10 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getJssEditingSecret = exports.handleEditorFastRefresh = exports.getPublicUrl = void 0;
-const chalk_1 = __importDefault(require("chalk"));
 const utils_1 = require("@sitecore-jss/sitecore-jss/utils");
 /**
  * Get the publicUrl.
@@ -12,25 +8,20 @@ const utils_1 = require("@sitecore-jss/sitecore-jss/utils");
  * This is set to http://localhost:3000 by default.
  * VERCEL_URL is provided by Vercel in case if we are in Preview deployment (deployment based on the custom branch),
  * preview deployment has unique url, we don't know exact url.
+ * Similarly, DEPLOY_URL is provided by Netlify and would give us the deploy URL
+ * In production non-editing environments it is desirable to use relative urls, so in that case set PUBLIC_URL = ''
  */
 const getPublicUrl = () => {
-    if (process.env.VERCEL_URL)
-        return `https://${process.env.VERCEL_URL}`;
     let url = process.env.PUBLIC_URL;
     if (url === undefined) {
-        console.warn(`${chalk_1.default.yellow.bold('Warning:')} An PUBLIC_URL environment variable is not defined. Falling back to http://localhost:3000.`);
+        if (process.env.NETLIFY && process.env.DEPLOY_URL)
+            return process.env.DEPLOY_URL;
+        if (process.env.VERCEL_URL)
+            return `https://${process.env.VERCEL_URL}`;
         url = 'http://localhost:3000';
     }
-    else {
-        try {
-            new URL(url);
-        }
-        catch (error) {
-            throw new Error(`The PUBLIC_URL environment variable '${url}' is not a valid URL.`);
-        }
-    }
     // Ensure no trailing slash
-    return url.toString().replace(/\/$/, '');
+    return url.replace(/\/$/, '');
 };
 exports.getPublicUrl = getPublicUrl;
 /**

package/dist/esm/ComponentBuilder.js

@@ -0,0 +1,59 @@
+/**
+ * Nextjs implementation of component builder class for building components based on the configuration.
+ */
+export class ComponentBuilder {
+    constructor(config) {
+        this.config = config;
+        /**
+         * SXA uses custom default export name
+         */
+        this.DEFAULT_EXPORT_NAME = 'Default';
+        this.components = new Map([...config.components]);
+    }
+    /**
+     * Creates a new instance of module factory
+     * Module factory provides a module (file) including all exports.
+     * Module can be imported dynamically or statically.
+     * @returns {ModuleFactory} Module factory implementation
+     */
+    getModuleFactory() {
+        return (componentName) => {
+            const component = this.components.get(componentName);
+            if (!component)
+                return null;
+            // check if module should be imported dynamically
+            if (component.module) {
+                return component.module();
+            }
+            return component;
+        };
+    }
+    /**
+     * Creates a new instance of component factory
+     * Component can be imported dynamically or statically.
+     * @param {Object} [config] Component factory configuration
+     * @param {boolean} [config.isEditing] Indicates if component factory is used in editing mode
+     * @returns {ComponentFactory} Component factory implementation
+     */
+    getComponentFactory({ isEditing } = {}) {
+        return (componentName, exportName) => {
+            const component = this.components.get(componentName);
+            if (!component)
+                return null;
+            // check if component should be imported dynamically
+            if (component.element) {
+                // Editing mode doesn't work well with dynamic components in nextjs: dynamic components are not displayed without refresh after a rendering is added.
+                // This happens beacuse Sitecore editors simply insert updated HTML generated on server side. This conflicts with nextjs dynamic logic as no HTML gets rendered for dynamic component
+                // So we use require() to obtain dynamic components in editing mode while preserving dynamic logic for non-editing scenarios
+                // As we need to be able to seamlessly work with dynamic components in both editing and normal modes, different componentFactory functions will be passed to app
+                return component.element(isEditing);
+            }
+            if (exportName && exportName !== this.DEFAULT_EXPORT_NAME) {
+                return component[exportName];
+            }
+            return (component.Default ||
+                component.default ||
+                component);
+        };
+    }
+}

package/dist/esm/components/BYOCWrapper.js

@@ -0,0 +1,42 @@
+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());
+    });
+};
+import { BYOCWrapper, fetchBYOCComponentServerProps, } from '@sitecore-jss/sitecore-jss-react';
+import { constants } from '@sitecore-jss/sitecore-jss';
+/**
+ * This is a repackaged version of the React BYOCWrapper component with support for
+ * server rendering in Next.js (using component-level data-fetching feature of JSS).
+ */
+/**
+ * Will be called during SSG
+ * @param {ComponentRendering} rendering
+ * @returns {GetStaticPropsContext} context
+ */
+export const getStaticProps = (rendering) => __awaiter(void 0, void 0, void 0, function* () {
+    if (process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED) {
+        return null;
+    }
+    const params = rendering.params || {};
+    const result = yield fetchBYOCComponentServerProps(params);
+    return result;
+});
+/**
+ * Will be called during SSR
+ * @param {ComponentRendering} rendering
+ * @returns {GetStaticPropsContext} context
+ */
+export const getServerSideProps = (rendering) => __awaiter(void 0, void 0, void 0, function* () {
+    if (process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED) {
+        return null;
+    }
+    const params = rendering.params || {};
+    const result = yield fetchBYOCComponentServerProps(params);
+    return result;
+});
+export default BYOCWrapper;

package/dist/esm/components/FEaaSWrapper.js

@@ -0,0 +1,44 @@
+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());
+    });
+};
+import { FEaaSWrapper, fetchFEaaSComponentServerProps, } from '@sitecore-jss/sitecore-jss-react';
+import { constants } from '@sitecore-jss/sitecore-jss';
+/**
+ * This is a repackaged version of the React FEaaSWrapper component with support for
+ * server rendering in Next.js (using component-level data-fetching feature of JSS).
+ */
+/**
+ * Will be called during SSG
+ * @param {ComponentRendering} rendering
+ * @param {LayoutServiceData} layoutData
+ * @returns {GetStaticPropsContext} context
+ */
+export const getStaticProps = (rendering, layoutData) => __awaiter(void 0, void 0, void 0, function* () {
+    if (process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED) {
+        return null;
+    }
+    const params = rendering.params || {};
+    const result = yield fetchFEaaSComponentServerProps(params, layoutData.sitecore.context.pageState);
+    return result;
+});
+/**
+ * Will be called during SSR
+ * @param {ComponentRendering} rendering
+ * @param {LayoutServiceData} layoutData
+ * @returns {GetStaticPropsContext} context
+ */
+export const getServerSideProps = (rendering, layoutData) => __awaiter(void 0, void 0, void 0, function* () {
+    if (process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED) {
+        return null;
+    }
+    const params = rendering.params || {};
+    const result = yield fetchFEaaSComponentServerProps(params, layoutData.sitecore.context.pageState);
+    return result;
+});
+export default FEaaSWrapper;

package/dist/esm/components/NextImage.js

@@ -14,12 +14,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { getEEMarkup, } from '@sitecore-jss/sitecore-jss-react';
 import Image from 'next/image';
-export const sitecoreLoader = ({ src, width }) => {
-    const [root, paramString] = src.split('?');
-    const params = new URLSearchParams(paramString);
-    params.set('mw', width.toString());
-    return `${root}?${params}`;
-};
 export const NextImage = (_a) => {
     var { editable, imageParams, field, mediaUrlPrefix, fill, priority } = _a, otherProps = __rest(_a, ["editable", "imageParams", "field", "mediaUrlPrefix", "fill", "priority"]);
     // next handles src and we use a custom loader,
@@ -55,9 +49,8 @@ export const NextImage = (_a) => {
         delete imageProps.width;
         delete imageProps.height;
     }
-    const loader = (otherProps.loader ? otherProps.loader : sitecoreLoader);
     if (attrs) {
-        return React.createElement(Image, Object.assign({ alt: "", loader: loader }, imageProps));
+        return React.createElement(Image, Object.assign({ alt: "" }, imageProps));
     }
     return null; // we can't handle the truth
 };

package/dist/esm/components/RichText.js

@@ -15,7 +15,7 @@ import { useRouter } from 'next/router';
 import { RichText as ReactRichText, RichTextPropTypes, } from '@sitecore-jss/sitecore-jss-react';
 const prefetched = {};
 export const RichText = (props) => {
-    const { internalLinksSelector = 'a[href^="/"]' } = props, rest = __rest(props, ["internalLinksSelector"]);
+    const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks"]);
     const hasText = props.field && props.field.value;
     const isEditing = props.editable && props.field && props.field.editable;
     const router = useRouter();
@@ -25,12 +25,12 @@ export const RichText = (props) => {
         if (hasText && !isEditing) {
             initializeLinks();
         }
-    }, []);
+    }, [hasText]);
     const routeHandler = (ev) => {
-        if (!ev.target)
+        if (!ev.currentTarget)
             return;
         ev.preventDefault();
-        const pathname = ev.target.href;
+        const pathname = ev.currentTarget.href;
         router.push(pathname, pathname, { locale: false });
     };
     const initializeLinks = () => {
@@ -40,13 +40,13 @@ export const RichText = (props) => {
         if (!internalLinks || !internalLinks.length)
             return;
         internalLinks.forEach((link) => {
-            if (link.target !== '_blank') {
-                if (!prefetched[link.pathname]) {
-                    router.prefetch(link.pathname, undefined, { locale: false });
-                    prefetched[link.pathname] = true;
-                }
-                link.addEventListener('click', routeHandler, false);
+            if (link.target === '_blank')
+                return;
+            if (prefetchLinks && !prefetched[link.pathname]) {
+                router.prefetch(link.pathname, undefined, { locale: false });
+                prefetched[link.pathname] = true;
             }
+            link.addEventListener('click', routeHandler, false);
         });
     };
     return React.createElement(ReactRichText, Object.assign({ ref: richTextRef }, rest));

package/dist/esm/context/context.js

@@ -0,0 +1,79 @@
+import { LayoutServicePageState } from '@sitecore-jss/sitecore-jss-react';
+/**
+ * Context instance that is used to initialize the application Context and associated Software Development Kits (SDKs).
+ */
+export class Context {
+    constructor(props) {
+        this.props = props;
+        /**
+         * Indicates whether the Context and SDK(s) have been initialized
+         */
+        this.isInitialized = false;
+        /**
+         * Software Development Kits (SDKs) to be initialized
+         */
+        this.sdks = {};
+        /**
+         * Promises for the SDKs
+         */
+        this.sdkPromises = {};
+        this.sdkErrors = {};
+        /**
+         * Retrieves the Software Development Kit (SDK) instance, ensuring it is initialized before returning
+         *
+         * @param {string} name SDK name
+         * @returns initialized SDK
+         */
+        this.getSDK = (name) => {
+            if (!this.sdkPromises[name]) {
+                return Promise.reject(`Unknown SDK '${String(name)}'`);
+            }
+            else {
+                return this.sdkPromises[name].then((result) => {
+                    return ((this.sdkErrors[name] && Promise.reject(this.sdkErrors[name])) || Promise.resolve(result));
+                });
+            }
+        };
+        this.sitecoreEdgeUrl = props.sitecoreEdgeUrl;
+        this.sitecoreEdgeContextId = props.sitecoreEdgeContextId;
+        this.siteName = props.siteName;
+        this.pageState = LayoutServicePageState.Normal;
+    }
+    init(props = {}) {
+        // Context and SDKs are initialized only once
+        if (this.isInitialized)
+            return;
+        this.isInitialized = true;
+        if (props.siteName) {
+            this.siteName = props.siteName;
+        }
+        if (props.pageState) {
+            this.pageState = props.pageState;
+        }
+        // iterate over the SDKs and initialize them
+        for (const sdkName of Object.keys(this.props.sdks)) {
+            this.initSDK(sdkName);
+        }
+    }
+    /**
+     * Initializes the Software Development Kit (SDK)
+     *
+     * @param {T} name SDK name
+     * @returns {void}
+     */
+    initSDK(name) {
+        this.sdkPromises[name] = new Promise((resolve) => {
+            this.props.sdks[name]
+                .init(this)
+                .then(() => {
+                this.sdks[name] = this.props.sdks[name].sdk;
+                resolve(this.sdks[name]);
+            })
+                .catch((e) => {
+                // if init rejects, we mark SDK as failed - so getSDK call would reject with a reason
+                this.sdkErrors[name] = e;
+                resolve(undefined);
+            });
+        });
+    }
+}

package/dist/esm/context/index.js

@@ -0,0 +1 @@
+export { Context } from './context';

package/dist/esm/editing/constants.js

@@ -0,0 +1,3 @@
+export const QUERY_PARAM_EDITING_SECRET = 'secret';
+export const QUERY_PARAM_PROTECTION_BYPASS_SITECORE = 'x-sitecore-protection-bypass';
+export const QUERY_PARAM_PROTECTION_BYPASS_VERCEL = 'x-vercel-protection-bypass';

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

@@ -0,0 +1,45 @@
+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());
+    });
+};
+import { QUERY_PARAM_EDITING_SECRET } from './constants';
+import { getJssEditingSecret } from '../utils/utils';
+import { debug } from '@sitecore-jss/sitecore-jss';
+/**
+ * Middleware / handler used in the editing config API route in xmcloud add on (e.g. '/api/editing/config')
+ * provides configuration information to determine feature compatibility on Pages side.
+ */
+export class EditingConfigMiddleware {
+    /**
+     * @param {EditingConfigMiddlewareConfig} [config] Editing configuration middleware config
+     */
+    constructor(config) {
+        this.config = config;
+        this.handler = (_req, res) => __awaiter(this, void 0, void 0, function* () {
+            const secret = _req.query[QUERY_PARAM_EDITING_SECRET];
+            if (secret !== getJssEditingSecret()) {
+                debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, getJssEditingSecret());
+                return res.status(401).json({ message: 'Missing or invalid editing secret' });
+            }
+            const components = Array.isArray(this.config.components)
+                ? this.config.components
+                : Array.from(this.config.components.keys());
+            return res.status(200).json({
+                components,
+                packages: this.config.metadata.packages,
+            });
+        });
+    }
+    /**
+     * Gets the Next.js API route handler
+     * @returns middleware handler
+     */
+    getHandler() {
+        return this.handler;
+    }
+}

package/dist/esm/editing/editing-data-middleware.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { editingDataDiskCache } from './editing-data-cache';
 import { isEditingData } from './editing-data';
-import { QUERY_PARAM_EDITING_SECRET } from './editing-data-service';
+import { QUERY_PARAM_EDITING_SECRET } from './constants';
 import { getJssEditingSecret } from '../utils/utils';
 /**
  * Middleware / handler for use in the editing data Next.js API dynamic route (e.g. '/api/editing/data/[key]')