@sitecore-content-sdk/nextjs 0.1.0-beta.1

package/dist/cjs/components/RichText.js

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichText = 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 = {};
+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;
+    const isEditing = editable && props.field && props.field.metadata;
+    const router = (0, router_1.useRouter)();
+    const richTextRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        // NOT IN EDIT MODE
+        if (hasText && !isEditing) {
+            initializeLinks();
+        }
+    }, [hasText]);
+    const routeHandler = (ev) => {
+        if (!ev.currentTarget)
+            return;
+        ev.preventDefault();
+        const pathname = ev.currentTarget.href;
+        router.push(pathname, pathname, { locale: false });
+    };
+    const initializeLinks = () => {
+        const node = richTextRef.current;
+        // selects all links that start with '/'
+        const internalLinks = node && node.querySelectorAll(internalLinksSelector);
+        if (!internalLinks || !internalLinks.length)
+            return;
+        internalLinks.forEach((link) => {
+            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_1.default.createElement(react_2.RichText, Object.assign({ ref: richTextRef, editable: editable }, rest));
+};
+exports.RichText = RichText;
+exports.RichText.propTypes = Object.assign({ internalLinksSelector: prop_types_1.default.string }, react_2.RichTextPropTypes);
+exports.RichText.displayName = 'NextRichText';

package/dist/cjs/editing/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EDITING_PASS_THROUGH_HEADERS = exports.QUERY_PARAM_VERCEL_SET_BYPASS_COOKIE = exports.QUERY_PARAM_VERCEL_PROTECTION_BYPASS = void 0;
+exports.QUERY_PARAM_VERCEL_PROTECTION_BYPASS = 'x-vercel-protection-bypass';
+exports.QUERY_PARAM_VERCEL_SET_BYPASS_COOKIE = 'x-vercel-set-bypass-cookie';
+/**
+ * Headers that should be passed along to (Editing Chromes handler) SSR request.
+ * Note these are in lowercase format to match expected `IncomingHttpHeaders`.
+ */
+exports.EDITING_PASS_THROUGH_HEADERS = ['authorization', 'cookie'];

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

@@ -0,0 +1,62 @@
+"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.EditingConfigMiddleware = void 0;
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+const core_1 = require("@sitecore-content-sdk/core");
+const utils_1 = require("@sitecore-content-sdk/core/utils");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+const utils_2 = require("../utils/utils");
+/**
+ * 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.
+ */
+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[editing_1.QUERY_PARAM_EDITING_SECRET];
+            if (!(0, utils_1.enforceCors)(_req, res, editing_1.EDITING_ALLOWED_ORIGINS)) {
+                core_1.debug.editing('invalid origin host - set allowed origins in JSS_ALLOWED_ORIGINS environment variable');
+                return res.status(401).json({ message: 'Invalid origin' });
+            }
+            if (secret !== (0, utils_2.getJssEditingSecret)()) {
+                core_1.debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, (0, utils_2.getJssEditingSecret)());
+                return res.status(401).json({ message: 'Missing or invalid editing secret' });
+            }
+            // Handle preflight request
+            if (_req.method === 'OPTIONS') {
+                core_1.debug.editing('preflight request');
+                // 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());
+            return res.status(200).json({
+                components,
+                packages: this.config.metadata.packages,
+                editMode: layout_1.EditMode.Metadata,
+            });
+        });
+    }
+    /**
+     * Gets the Next.js API route handler
+     * @returns middleware handler
+     */
+    getHandler() {
+        return this.handler;
+    }
+}
+exports.EditingConfigMiddleware = EditingConfigMiddleware;

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

@@ -0,0 +1,182 @@
+"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.EditingRenderMiddleware = exports.isComponentLibraryPreviewData = 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 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");
+/**
+ * Type guard for Component Library mode
+ * @param {object} data preview data to check
+ * @returns true if the data is EditingPreviewData
+ * @see EditingPreviewData
+ */
+const isComponentLibraryPreviewData = (data) => {
+    return (typeof data === 'object' &&
+        data !== null &&
+        'mode' in data &&
+        data.mode === 'library');
+};
+exports.isComponentLibraryPreviewData = isComponentLibraryPreviewData;
+/**
+ * Middleware / handler for use in the editing render Next.js API route (e.g. '/api/editing/render')
+ * which is required for Sitecore editing support.
+ */
+class EditingRenderMiddleware extends render_middleware_1.RenderMiddlewareBase {
+    /**
+     * @param {EditingRenderMiddlewareConfig} [config] Editing render middleware config
+     */
+    constructor(config) {
+        super();
+        this.config = config;
+        this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e;
+            const { query, body, method, headers } = req;
+            core_1.debug.editing('editing render middleware start: %o', {
+                method,
+                query,
+                headers,
+                body,
+            });
+            if (!(0, utils_2.enforceCors)(req, res, editing_1.EDITING_ALLOWED_ORIGINS)) {
+                core_1.debug.editing('invalid origin host - set allowed origins in JSS_ALLOWED_ORIGINS environment variable');
+                return res.status(401).json({
+                    html: `<html><body>Requests from origin ${(_a = req.headers) === null || _a === void 0 ? void 0 : _a.origin} not allowed</body></html>`,
+                });
+            }
+            // Validate secret
+            const secret = (_b = query[editing_1.QUERY_PARAM_EDITING_SECRET]) !== null && _b !== void 0 ? _b : body === null || body === void 0 ? void 0 : body.jssEditingSecret;
+            if (secret !== (0, utils_1.getJssEditingSecret)()) {
+                core_1.debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, (0, utils_1.getJssEditingSecret)());
+                return res.status(401).json({
+                    html: '<html><body>Missing or invalid secret</body></html>',
+                });
+            }
+            if (req.method === 'OPTIONS') {
+                core_1.debug.editing('preflight request');
+                // CORS headers are set by enforceCors
+                return res.status(204).send(null);
+            }
+            if (req.method !== 'GET') {
+                core_1.debug.editing('invalid method - sent %s expected GET', req.method);
+                res.setHeader('Allow', 'GET');
+                return res.status(405).json({
+                    html: `<html><body>Invalid request method '${req.method}'</body></html>`,
+                });
+            }
+            const startTimestamp = Date.now();
+            const mode = query.mode;
+            const defaultRequiredParams = ['sc_site', 'sc_itemid', 'sc_lang', 'route', 'mode'];
+            const componentRequiredParams = [
+                'sc_site',
+                'sc_itemid',
+                'sc_renderingId',
+                'sc_uid',
+                'sc_lang',
+                'mode',
+            ];
+            const requiredQueryParams = mode === 'library' ? componentRequiredParams : defaultRequiredParams;
+            const missingQueryParams = requiredQueryParams.filter((param) => !query[param]);
+            // Validate query parameters
+            if (missingQueryParams.length) {
+                core_1.debug.editing('missing required query parameters: %o', missingQueryParams);
+                return res.status(400).json({
+                    html: `<html><body>Missing required query parameters: ${missingQueryParams.join(', ')}</body></html>`,
+                });
+            }
+            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,
+                }, {
+                    maxAge: 3,
+                });
+            }
+            else {
+                res.setPreviewData({
+                    site: query.sc_site,
+                    itemId: query.sc_itemid,
+                    language: query.sc_lang,
+                    // 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,
+                    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
+                {
+                    maxAge: 3,
+                });
+            }
+            // Cookies with the SameSite=Lax policy set by Next.js setPreviewData function causes CORS issue
+            // when Next.js preview mode is activated, resulting the page to render in normal mode instead.
+            // By replacing it with "SameSite=None; Secure", we ensure cookies are correctly sent with
+            // cross-origin requests, allowing the page to be editable. This change should be reverted
+            // once vercel addresses this open issue: https://github.com/vercel/next.js/issues/49927
+            const setCookieHeader = res.getHeader('Set-Cookie');
+            if (setCookieHeader && Array.isArray(setCookieHeader)) {
+                const modifiedCookies = setCookieHeader.map((cookie) => {
+                    const cookieIdentifiers = {
+                        __prerender_bypass: /^__prerender_bypass=/,
+                        __next_preview_data: /^__next_preview_data=/,
+                    };
+                    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+                    for (const [_, regex] of Object.entries(cookieIdentifiers)) {
+                        if (cookie.match(regex)) {
+                            return cookie.replace(/SameSite=Lax/, 'SameSite=None; Secure');
+                        }
+                    }
+                    return cookie;
+                });
+                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;
+            core_1.debug.editing('editing render middleware end in %dms: redirect %o', Date.now() - startTimestamp, {
+                status: 307,
+                route,
+            });
+            // Restrict the page to be rendered only within the allowed origins
+            res.setHeader('Content-Security-Policy', this.getSCPHeader());
+            res.redirect(route);
+        });
+    }
+    /**
+     * Gets the Next.js API route handler
+     * @returns route handler
+     */
+    getHandler() {
+        return this.handler;
+    }
+    /**
+     * Gets the Content-Security-Policy header value
+     * @returns Content-Security-Policy header value
+     */
+    getSCPHeader() {
+        return `frame-ancestors 'self' ${[
+            ...(0, utils_2.getAllowedOriginsFromEnv)(),
+            ...editing_1.EDITING_ALLOWED_ORIGINS,
+        ].join(' ')}`;
+    }
+}
+exports.EditingRenderMiddleware = EditingRenderMiddleware;

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

@@ -0,0 +1,101 @@
+"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.FEAASRenderMiddleware = void 0;
+const core_1 = require("@sitecore-content-sdk/core");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+const utils_1 = require("../utils/utils");
+const render_middleware_1 = require("./render-middleware");
+const utils_2 = require("@sitecore-content-sdk/core/utils");
+/**
+ * Middleware / handler for use in the feaas render Next.js API route (e.g. '/api/editing/feaas/render')
+ * which is required for Sitecore editing support.
+ */
+class FEAASRenderMiddleware extends render_middleware_1.RenderMiddlewareBase {
+    /**
+     * @param {EditingRenderMiddlewareConfig} [config] Editing render middleware config
+     */
+    constructor(config) {
+        var _a;
+        super();
+        this.config = config;
+        this.defaultPageUrl = '/feaas/render';
+        this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const { method, query, headers } = req;
+            const startTimestamp = Date.now();
+            core_1.debug.editing('feaas render middleware start: %o', {
+                method,
+                query,
+                headers,
+            });
+            if (!(0, utils_2.enforceCors)(req, res, editing_1.EDITING_ALLOWED_ORIGINS)) {
+                core_1.debug.editing('invalid origin host - set allowed origins in JSS_ALLOWED_ORIGINS environment variable');
+                return res
+                    .status(401)
+                    .send(`<html><body>Requests from origin ${(_a = req.headers) === null || _a === void 0 ? void 0 : _a.origin} are not allowed</body></html>`);
+            }
+            if (!method || !['GET', 'OPTIONS'].includes(method)) {
+                core_1.debug.editing('invalid method - sent %s expected GET,OPTIONS', method);
+                res.setHeader('Allow', 'GET, OPTIONS');
+                return res.status(405).send(`<html><body>Invalid request method '${method}'</body></html>`);
+            }
+            // Validate secret
+            const secret = query[editing_1.QUERY_PARAM_EDITING_SECRET];
+            if (secret !== (0, utils_1.getJssEditingSecret)()) {
+                core_1.debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, (0, utils_1.getJssEditingSecret)());
+                return res.status(401).send('<html><body>Missing or invalid secret</body></html>');
+            }
+            // Handle preflight request
+            if (method === 'OPTIONS') {
+                core_1.debug.editing('preflight request');
+                // CORS headers are set by enforceCors
+                return res.status(204).send(null);
+            }
+            try {
+                // Get query string parameters to propagate on subsequent requests (e.g. for deployment protection bypass)
+                const params = this.getQueryParamsForPropagation(query);
+                // Enable Next.js Preview Mode
+                res.setPreviewData({});
+                const queryParams = new URLSearchParams();
+                for (const key in params) {
+                    if ({}.hasOwnProperty.call(params, key)) {
+                        queryParams.append(key, params[key]);
+                    }
+                }
+                // Pass "feaasSrc" in case a FEAASComponent is being requested
+                if (query.feaasSrc) {
+                    queryParams.append('feaasSrc', query.feaasSrc);
+                }
+                const redirectUrl = this.pageUrl + (queryParams.toString() ? `?${queryParams.toString()}` : '');
+                core_1.debug.editing('redirecting to page route %s', redirectUrl);
+                core_1.debug.editing('feaas render middleware end in %dms', Date.now() - startTimestamp);
+                res.redirect(redirectUrl);
+            }
+            catch (err) {
+                const error = err;
+                console.info(
+                // eslint-disable-next-line quotes
+                "Hint: for non-standard server or Next.js route configurations, you may need to override the 'pageUrl' available on the 'FEAASRenderMiddleware' config.");
+                res.status(500).send(`<html><body>${error}</body></html>`);
+            }
+        });
+        this.pageUrl = (_a = config === null || config === void 0 ? void 0 : config.pageUrl) !== null && _a !== void 0 ? _a : this.defaultPageUrl;
+    }
+    /**
+     * Gets the Next.js API route handler
+     * @returns route handler
+     */
+    getHandler() {
+        return this.handler;
+    }
+}
+exports.FEAASRenderMiddleware = FEAASRenderMiddleware;

package/dist/cjs/editing/index.js

@@ -0,0 +1,16 @@
+"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;
+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; } });
+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");
+Object.defineProperty(exports, "EditingConfigMiddleware", { enumerable: true, get: function () { return editing_config_middleware_1.EditingConfigMiddleware; } });
+var layout_1 = require("@sitecore-content-sdk/core/layout");
+Object.defineProperty(exports, "RenderingType", { enumerable: true, get: function () { return layout_1.RenderingType; } });
+Object.defineProperty(exports, "EDITING_COMPONENT_PLACEHOLDER", { enumerable: true, get: function () { return layout_1.EDITING_COMPONENT_PLACEHOLDER; } });
+Object.defineProperty(exports, "EDITING_COMPONENT_ID", { enumerable: true, get: function () { return layout_1.EDITING_COMPONENT_ID; } });

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RenderMiddlewareBase = void 0;
+const constants_1 = require("./constants");
+/**
+ * Base class for middleware that handles pages and components rendering in Sitecore Editors.
+ */
+class RenderMiddlewareBase {
+    constructor() {
+        /**
+         * Gets query parameters that should be passed along to subsequent requests (e.g. for deployment protection bypass)
+         * @param {object} query Object of query parameters from incoming URL
+         * @returns Object of approved query parameters
+         */
+        this.getQueryParamsForPropagation = (query) => {
+            const params = {};
+            if (query[constants_1.QUERY_PARAM_VERCEL_PROTECTION_BYPASS]) {
+                params[constants_1.QUERY_PARAM_VERCEL_PROTECTION_BYPASS] = query[constants_1.QUERY_PARAM_VERCEL_PROTECTION_BYPASS];
+            }
+            if (query[constants_1.QUERY_PARAM_VERCEL_SET_BYPASS_COOKIE]) {
+                params[constants_1.QUERY_PARAM_VERCEL_SET_BYPASS_COOKIE] = query[constants_1.QUERY_PARAM_VERCEL_SET_BYPASS_COOKIE];
+            }
+            return params;
+        };
+        /**
+         * Get headers that should be passed along to subsequent requests
+         * @param {IncomingHttpHeaders} headers Incoming HTTP Headers
+         * @returns Object of approved headers
+         */
+        this.getHeadersForPropagation = (headers) => {
+            // Filter and normalize headers
+            const filteredHeaders = constants_1.EDITING_PASS_THROUGH_HEADERS.reduce((acc, header) => {
+                const value = headers[header];
+                if (value) {
+                    acc[header] = Array.isArray(value) ? value.join(', ') : value;
+                }
+                return acc;
+            }, {});
+            return filteredHeaders;
+        };
+    }
+}
+exports.RenderMiddlewareBase = RenderMiddlewareBase;

package/dist/cjs/graphql/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEdgeProxyContentUrl = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = void 0;
+var graphql_1 = require("@sitecore-content-sdk/core/graphql");
+Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return graphql_1.DefaultRetryStrategy; } });
+Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return graphql_1.GraphQLRequestClient; } });
+Object.defineProperty(exports, "getEdgeProxyContentUrl", { enumerable: true, get: function () { return graphql_1.getEdgeProxyContentUrl; } });

package/dist/cjs/index.js

@@ -0,0 +1,119 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+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;
+var core_1 = require("@sitecore-content-sdk/core");
+Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return core_1.constants; } });
+// generic data access
+Object.defineProperty(exports, "NativeDataFetcher", { enumerable: true, get: function () { return core_1.NativeDataFetcher; } });
+Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return core_1.enableDebug; } });
+Object.defineProperty(exports, "debug", { enumerable: true, get: function () { return core_1.debug; } });
+Object.defineProperty(exports, "MemoryCacheClient", { enumerable: true, get: function () { return core_1.MemoryCacheClient; } });
+var layout_1 = require("@sitecore-content-sdk/core/layout");
+Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return layout_1.LayoutServicePageState; } });
+Object.defineProperty(exports, "GraphQLLayoutService", { enumerable: true, get: function () { return layout_1.GraphQLLayoutService; } });
+Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return layout_1.getChildPlaceholder; } });
+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; } });
+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");
+Object.defineProperty(exports, "mediaApi", { enumerable: true, get: function () { return media_1.mediaApi; } });
+var i18n_1 = require("@sitecore-content-sdk/core/i18n");
+Object.defineProperty(exports, "GraphQLDictionaryService", { enumerable: true, get: function () { return i18n_1.GraphQLDictionaryService; } });
+var personalize_1 = require("@sitecore-content-sdk/core/personalize");
+Object.defineProperty(exports, "personalizeLayout", { enumerable: true, get: function () { return personalize_1.personalizeLayout; } });
+Object.defineProperty(exports, "getPersonalizedRewrite", { enumerable: true, get: function () { return personalize_1.getPersonalizedRewrite; } });
+Object.defineProperty(exports, "getPersonalizedRewriteData", { enumerable: true, get: function () { return personalize_1.getPersonalizedRewriteData; } });
+Object.defineProperty(exports, "getGroomedVariantIds", { enumerable: true, get: function () { return personalize_1.getGroomedVariantIds; } });
+Object.defineProperty(exports, "normalizePersonalizedRewrite", { enumerable: true, get: function () { return personalize_1.normalizePersonalizedRewrite; } });
+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; } });
+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; } });
+Object.defineProperty(exports, "useComponentProps", { enumerable: true, get: function () { return ComponentPropsContext_1.useComponentProps; } });
+var Link_1 = require("./components/Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return Link_1.Link; } });
+var RichText_1 = require("./components/RichText");
+Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return RichText_1.RichText; } });
+var Placeholder_1 = require("./components/Placeholder");
+Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
+var NextImage_1 = require("./components/NextImage");
+Object.defineProperty(exports, "NextImage", { enumerable: true, get: function () { return NextImage_1.NextImage; } });
+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; } });
+Object.defineProperty(exports, "DateField", { enumerable: true, get: function () { return react_1.DateField; } });
+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, "File", { enumerable: true, get: function () { return react_1.File; } });
+Object.defineProperty(exports, "ComponentLibraryLayout", { enumerable: true, get: function () { return react_1.ComponentLibraryLayout; } });
+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; } });
+Object.defineProperty(exports, "SitecoreContextReactContext", { enumerable: true, get: function () { return react_1.SitecoreContextReactContext; } });
+Object.defineProperty(exports, "withSitecoreContext", { enumerable: true, get: function () { return react_1.withSitecoreContext; } });
+Object.defineProperty(exports, "useSitecoreContext", { enumerable: true, get: function () { return react_1.useSitecoreContext; } });
+Object.defineProperty(exports, "withEditorChromes", { enumerable: true, get: function () { return react_1.withEditorChromes; } });
+Object.defineProperty(exports, "withPlaceholder", { enumerable: true, get: function () { return react_1.withPlaceholder; } });
+Object.defineProperty(exports, "withDatasourceCheck", { enumerable: true, get: function () { return react_1.withDatasourceCheck; } });
+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; } });