@sitecore-content-sdk/content 1.5.0-canary.5

package/dist/cjs/editing/editing-service.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditingService = exports.query = void 0;
+const debug_1 = __importDefault(require("../debug"));
+const models_1 = require("./models");
+/**
+ * GraphQL query for fetching editing data.
+ */
+exports.query = `
+  query EditingQuery($itemId: String!, $language: String!, $version: String) {
+    item(path: $itemId, language: $language, version: $version) {
+      rendered
+    }
+  }
+`;
+/**
+ * Service for fetching editing data from Sitecore using the Sitecore's GraphQL API.
+ * Expected to be used in XMCloud Pages preview (editing) Metadata Edit Mode.
+ * @public
+ */
+class EditingService {
+    /**
+     * Fetch layout data using the Sitecore GraphQL endpoint.
+     * @param {EditingServiceConfig} serviceConfig configuration
+     */
+    constructor(serviceConfig) {
+        this.serviceConfig = serviceConfig;
+        this.graphQLClient = this.getGraphQLClient();
+    }
+    /**
+     * Fetches editing data. Provides the layout data and dictionary phrases
+     * @param {object} variables - The parameters for fetching editing data.
+     * @param {string} variables.itemId - The item id (path) to fetch layout data for.
+     * @param {string} variables.language - The language to fetch layout data for.
+     * @param {string} variables.mode - The editing mode to fetch layout data for.
+     * @param {string} [variables.version] - The version of the item (optional).
+     * @param {LayoutKind} [variables.layoutKind] - The final or shared layout variant.
+     * @param {FetchOptions} [fetchOptions] Options to override graphQL client details like retries and fetch implementation
+     * @returns {Promise} The layout data and dictionary phrases.
+     */
+    async fetchEditingData({ itemId, language, version, layoutKind = models_1.LayoutKind.Final, mode }, fetchOptions) {
+        var _a;
+        debug_1.default.editing('fetching editing data for %s %s %s %s', itemId, language, version, layoutKind);
+        if (!language) {
+            throw new RangeError('The language must be a non-empty string');
+        }
+        const editModeHeader = mode === 'edit' ? 'true' : 'false';
+        const editingData = await this.graphQLClient.request(exports.query, {
+            itemId,
+            version,
+            language,
+        }, Object.assign(Object.assign({}, fetchOptions), { headers: {
+                sc_layoutKind: layoutKind,
+                sc_editMode: editModeHeader,
+            } }));
+        return {
+            layoutData: ((_a = editingData === null || editingData === void 0 ? void 0 : editingData.item) === null || _a === void 0 ? void 0 : _a.rendered) || {
+                sitecore: {
+                    context: { pageEditing: true, language },
+                    route: null,
+                },
+            },
+        };
+    }
+    /**
+     * Gets a GraphQL client that can make requests to the API.
+     * @returns {GraphQLClient} implementation
+     */
+    getGraphQLClient() {
+        if (!this.serviceConfig.clientFactory) {
+            throw new Error('clientFactory needs to be provided when initializing GraphQL client.');
+        }
+        return this.serviceConfig.clientFactory({
+            debugger: debug_1.default.editing,
+        });
+    }
+}
+exports.EditingService = EditingService;

package/dist/cjs/editing/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateComponent = exports.COMPONENT_UPDATE_CACHE_KEY_PREFIX = exports.postToDesignLibrary = exports.isDesignLibraryMode = exports.getDesignLibraryScriptLink = exports.getDesignLibraryStatusEvent = exports.DesignLibraryStatus = exports.addComponentUpdateHandler = exports.DesignLibraryMode = exports.MetadataKind = exports.LayoutKind = exports.DesignLibraryVariantGeneration = exports.ComponentLayoutService = exports.PREVIEW_KEY = exports.PAGES_EDITING_MARKER = exports.INVALID_SECRET_HTML_MESSAGE = exports.QUERY_PARAM_EDITING_SECRET = exports.EDITING_ALLOWED_ORIGINS = exports.getContentSdkPagesClientData = exports.resetEditorChromes = exports.isEditorActive = exports.PagesEditor = exports.DEFAULT_PLACEHOLDER_UID = exports.EditingService = void 0;
+var editing_service_1 = require("./editing-service");
+Object.defineProperty(exports, "EditingService", { enumerable: true, get: function () { return editing_service_1.EditingService; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "DEFAULT_PLACEHOLDER_UID", { enumerable: true, get: function () { return utils_1.DEFAULT_PLACEHOLDER_UID; } });
+Object.defineProperty(exports, "PagesEditor", { enumerable: true, get: function () { return utils_1.PagesEditor; } });
+Object.defineProperty(exports, "isEditorActive", { enumerable: true, get: function () { return utils_1.isEditorActive; } });
+Object.defineProperty(exports, "resetEditorChromes", { enumerable: true, get: function () { return utils_1.resetEditorChromes; } });
+Object.defineProperty(exports, "getContentSdkPagesClientData", { enumerable: true, get: function () { return utils_1.getContentSdkPagesClientData; } });
+Object.defineProperty(exports, "EDITING_ALLOWED_ORIGINS", { enumerable: true, get: function () { return utils_1.EDITING_ALLOWED_ORIGINS; } });
+Object.defineProperty(exports, "QUERY_PARAM_EDITING_SECRET", { enumerable: true, get: function () { return utils_1.QUERY_PARAM_EDITING_SECRET; } });
+Object.defineProperty(exports, "INVALID_SECRET_HTML_MESSAGE", { enumerable: true, get: function () { return utils_1.INVALID_SECRET_HTML_MESSAGE; } });
+Object.defineProperty(exports, "PAGES_EDITING_MARKER", { enumerable: true, get: function () { return utils_1.PAGES_EDITING_MARKER; } });
+Object.defineProperty(exports, "PREVIEW_KEY", { enumerable: true, get: function () { return utils_1.PREVIEW_KEY; } });
+var component_layout_service_1 = require("./component-layout-service");
+Object.defineProperty(exports, "ComponentLayoutService", { enumerable: true, get: function () { return component_layout_service_1.ComponentLayoutService; } });
+var models_1 = require("./models");
+Object.defineProperty(exports, "DesignLibraryVariantGeneration", { enumerable: true, get: function () { return models_1.DesignLibraryVariantGeneration; } });
+var models_2 = require("./models");
+Object.defineProperty(exports, "LayoutKind", { enumerable: true, get: function () { return models_2.LayoutKind; } });
+Object.defineProperty(exports, "MetadataKind", { enumerable: true, get: function () { return models_2.MetadataKind; } });
+Object.defineProperty(exports, "DesignLibraryMode", { enumerable: true, get: function () { return models_2.DesignLibraryMode; } });
+var design_library_1 = require("./design-library");
+Object.defineProperty(exports, "addComponentUpdateHandler", { enumerable: true, get: function () { return design_library_1.addComponentUpdateHandler; } });
+Object.defineProperty(exports, "DesignLibraryStatus", { enumerable: true, get: function () { return design_library_1.DesignLibraryStatus; } });
+Object.defineProperty(exports, "getDesignLibraryStatusEvent", { enumerable: true, get: function () { return design_library_1.getDesignLibraryStatusEvent; } });
+Object.defineProperty(exports, "getDesignLibraryScriptLink", { enumerable: true, get: function () { return design_library_1.getDesignLibraryScriptLink; } });
+Object.defineProperty(exports, "isDesignLibraryMode", { enumerable: true, get: function () { return design_library_1.isDesignLibraryMode; } });
+Object.defineProperty(exports, "postToDesignLibrary", { enumerable: true, get: function () { return design_library_1.postToDesignLibrary; } });
+Object.defineProperty(exports, "COMPONENT_UPDATE_CACHE_KEY_PREFIX", { enumerable: true, get: function () { return design_library_1.COMPONENT_UPDATE_CACHE_KEY_PREFIX; } });
+Object.defineProperty(exports, "updateComponent", { enumerable: true, get: function () { return design_library_1.updateComponent; } });

package/dist/cjs/editing/models.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignLibraryVariantGeneration = exports.DesignLibraryMode = exports.MetadataKind = exports.LayoutKind = void 0;
+/**
+ * Represents the Editing Layout variant.
+ * - shared - shared layout
+ * - final - final layout
+ * @public
+ */
+var LayoutKind;
+(function (LayoutKind) {
+    LayoutKind["Final"] = "final";
+    LayoutKind["Shared"] = "shared";
+})(LayoutKind || (exports.LayoutKind = LayoutKind = {}));
+/**
+ * Represents the kind of metadata element.
+ * - open - starting chrome element
+ * - close - closing chrome element
+ * @internal
+ */
+var MetadataKind;
+(function (MetadataKind) {
+    MetadataKind["Open"] = "open";
+    MetadataKind["Close"] = "close";
+})(MetadataKind || (exports.MetadataKind = MetadataKind = {}));
+/**
+ * Represents the mode of the Design Library
+ * @public
+ */
+var DesignLibraryMode;
+(function (DesignLibraryMode) {
+    /** Normal mode */
+    DesignLibraryMode["Normal"] = "library";
+    /** Metadata mode */
+    DesignLibraryMode["Metadata"] = "library-metadata";
+})(DesignLibraryMode || (exports.DesignLibraryMode = DesignLibraryMode = {}));
+/**
+ * Variant generation mode for Design Library
+ * @public
+ */
+var DesignLibraryVariantGeneration;
+(function (DesignLibraryVariantGeneration) {
+    DesignLibraryVariantGeneration["Variant"] = "variant";
+})(DesignLibraryVariantGeneration || (exports.DesignLibraryVariantGeneration = DesignLibraryVariantGeneration = {}));

package/dist/cjs/editing/utils.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContentSdkPagesClientData = exports.resetEditorChromes = exports.isEditorActive = exports.PagesEditor = exports.ChromeRediscoveryGlobalFunctionName = exports.EDITING_ALLOWED_ORIGINS = exports.PAGES_EDITING_MARKER = exports.PREVIEW_KEY = exports.INVALID_SECRET_HTML_MESSAGE = exports.QUERY_PARAM_EDITING_SECRET = exports.DEFAULT_PLACEHOLDER_UID = void 0;
+const tools_1 = require("@sitecore-content-sdk/core/tools");
+/**
+ * Default value of uid for root placeholder when uid is not present.
+ * @internal
+ */
+exports.DEFAULT_PLACEHOLDER_UID = '00000000-0000-0000-0000-000000000000';
+/**
+ * Query parameter for editing secret
+ * @internal
+ */
+exports.QUERY_PARAM_EDITING_SECRET = 'secret';
+/**
+ * HTML returned for invalid or missing secret
+ * @internal
+ */
+exports.INVALID_SECRET_HTML_MESSAGE = '<html><body>Missing or invalid secret</body></html>';
+/**
+ * Key to identify whether the app is running in Sitecore Preview mode
+ * @internal
+ */
+exports.PREVIEW_KEY = 'sc_preview';
+/**
+ * ID to be used as a marker for a script rendered in XMC Pages
+ * Should identify app is in XM Cloud Pages editing mode
+ * @internal
+ */
+exports.PAGES_EDITING_MARKER = 'jss-hrz-editing';
+/**
+ * Default allowed origins for editing requests. This is used to enforce CORS, CSP headers.
+ * @internal
+ */
+exports.EDITING_ALLOWED_ORIGINS = [
+    'https://pages.sitecorecloud.io',
+    'https://xmapps.sitecorecloud.io',
+    'https://designlibrary.sitecorecloud.io',
+];
+/**
+ * Copy of chrome rediscovery contract from Horizon (chrome-rediscovery.contract.ts)
+ */
+exports.ChromeRediscoveryGlobalFunctionName = {
+    name: 'Sitecore.Horizon.ResetChromes',
+};
+/**
+ * Static utility class for Sitecore Pages Editor
+ * @public
+ */
+class PagesEditor {
+    /**
+     * Determines whether the current execution context is within a Pages Editor.
+     * Pages Editor environment can be identified only in the browser
+     * @returns true if executing within a Pages Editor
+     */
+    static isActive() {
+        if ((0, tools_1.isServer)()) {
+            return false;
+        }
+        // Check for Chromes mode
+        const chromesCheck = window.location.search.indexOf('sc_headless_mode=edit') > -1;
+        // Content SDK will render a content-sdk-exclusive script element in Metadata mode to indicate edit mode in Pages
+        return chromesCheck || !!window.document.getElementById(exports.PAGES_EDITING_MARKER);
+    }
+    static resetChromes() {
+        if ((0, tools_1.isServer)()) {
+            return;
+        }
+        // Reset chromes in Pages
+        window[exports.ChromeRediscoveryGlobalFunctionName.name] &&
+            window[exports.ChromeRediscoveryGlobalFunctionName.name]();
+    }
+}
+exports.PagesEditor = PagesEditor;
+/**
+ * Determines whether the current execution context is within a Sitecore editor.
+ * Sitecore Editor environment can be identified only in the browser
+ * @returns true if executing within a Sitecore editor
+ * @public
+ */
+const isEditorActive = () => {
+    return PagesEditor.isActive();
+};
+exports.isEditorActive = isEditorActive;
+/**
+ * Resets Sitecore editor "chromes"
+ * @public
+ */
+const resetEditorChromes = () => {
+    if (PagesEditor.isActive()) {
+        PagesEditor.resetChromes();
+    }
+};
+exports.resetEditorChromes = resetEditorChromes;
+/**
+ * Gets extra Content SDK clientData scripts to render in XMC Pages in addition to clientData from Pages itself
+ * @returns {Record} collection of clientData
+ * @internal
+ */
+const getContentSdkPagesClientData = () => {
+    const clientData = {};
+    clientData[exports.PAGES_EDITING_MARKER] = {};
+    return clientData;
+};
+exports.getContentSdkPagesClientData = getContentSdkPagesClientData;

package/dist/cjs/form/form.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscribeToFormSubmitEvent = exports.executeScriptElements = exports.loadForm = void 0;
+const browser_1 = require("@sitecore-cloudsdk/events/browser");
+const client_1 = require("../client");
+const debug_1 = __importDefault(require("../debug"));
+/**
+ * Fetches the form markup from the Sitecore Edge service and renders it in the component's template.
+ * @param {string} contextId - The unique identifier of the current context
+ * @param {string} formId - The unique identifier of the form
+ * @param {string} [edgeUrl] - The URL of the Sitecore Edge Platform
+ * @internal
+ */
+const loadForm = async (contextId, formId, edgeUrl) => {
+    if (!contextId) {
+        debug_1.default.form('Form was not able to render since context id was not provided');
+        return '';
+    }
+    const url = (0, client_1.getEdgeProxyFormsUrl)(contextId, formId, edgeUrl);
+    try {
+        debug_1.default.form(`Fetching form data from ${url}`);
+        const rsp = await fetch(url, {
+            method: 'GET',
+            cache: 'no-cache',
+        });
+        if (rsp.status !== 200) {
+            throw new Error('Failed to fetch form data');
+        }
+        const content = await rsp.text();
+        debug_1.default.form(`Form data fetch response: ${content}`);
+        return content;
+    }
+    catch (error) {
+        debug_1.default.form(`Form '${formId}' was not able to render`, error);
+        throw error;
+    }
+};
+exports.loadForm = loadForm;
+/**
+ * When you set the innerHTML property of an element, the browser does not execute any <script> tags included in the HTML string
+ * This method ensures that any <script> elements within the loaded HTML are executed.
+ * It re-creates the script elements and appends the to the component's template, then removes old script elements to avoid duplication.
+ * @param {HTMLElement} rootElement - The root element to execute script elements within
+ * @internal
+ */
+const executeScriptElements = (rootElement) => {
+    const scriptElements = rootElement.querySelectorAll('script');
+    if (!scriptElements) {
+        return;
+    }
+    Array.from(scriptElements).forEach((scriptElement) => {
+        var _a;
+        const clonedElement = document.createElement('script');
+        Array.from(scriptElement.attributes).forEach((attribute) => {
+            clonedElement.setAttribute(attribute.name, attribute.value);
+        });
+        clonedElement.text = scriptElement.text;
+        (_a = scriptElement === null || scriptElement === void 0 ? void 0 : scriptElement.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(clonedElement, scriptElement);
+    });
+};
+exports.executeScriptElements = executeScriptElements;
+/**
+ * Subscribes to the Form event
+ * This listener captures interactions such as form views or submissions
+ * @param {HTMLElement} formElement - The form element to subscribe to events on
+ * @param {string} [componentId] - The unique identifier of the component
+ * @internal
+ */
+const subscribeToFormSubmitEvent = (formElement, componentId) => {
+    formElement.addEventListener('form:engage', ((e) => {
+        const { formId, name } = e.detail;
+        if (formId && name) {
+            debug_1.default.form('Sending form event', formId, name);
+            (0, browser_1.form)(formId, name, (componentId === null || componentId === void 0 ? void 0 : componentId.replace(/-/g, '')) || '');
+        }
+    }));
+};
+exports.subscribeToFormSubmitEvent = subscribeToFormSubmitEvent;

package/dist/cjs/form/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscribeToFormSubmitEvent = exports.loadForm = exports.executeScriptElements = void 0;
+var form_1 = require("./form");
+Object.defineProperty(exports, "executeScriptElements", { enumerable: true, get: function () { return form_1.executeScriptElements; } });
+Object.defineProperty(exports, "loadForm", { enumerable: true, get: function () { return form_1.loadForm; } });
+Object.defineProperty(exports, "subscribeToFormSubmitEvent", { enumerable: true, get: function () { return form_1.subscribeToFormSubmitEvent; } });

package/dist/cjs/i18n/dictionary-service.js

@@ -0,0 +1,144 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DictionaryService = exports.queryError = void 0;
+const core_1 = require("@sitecore-content-sdk/core");
+const constants_1 = require("../constants");
+const debug_1 = __importDefault(require("../debug"));
+/** @private */
+exports.queryError = 'Valid value for rootItemId not provided and failed to auto-resolve app root item.';
+/** @default */
+const siteQuery = /* GraphQL */ `
+  query DictionarySiteQuery(
+    $siteName: String!
+    $language: String!
+    $pageSize: Int = 500
+    $after: String
+  ) {
+    site {
+      siteInfo(site: $siteName) {
+        dictionary(language: $language, first: $pageSize, after: $after) {
+          pageInfo {
+            endCursor
+            hasNext
+          }
+          results {
+            key
+            value
+          }
+        }
+      }
+    }
+  }
+`;
+/**
+ * Service that fetch dictionary data using Sitecore's GraphQL API.
+ * @augments DictionaryServiceBase
+ * @mixes SearchQueryService<DictionaryQueryResult>
+ * @public
+ */
+class DictionaryService {
+    /**
+     * Creates an instance of graphQL dictionary service with the provided options
+     * @param {DictionaryService} options instance
+     */
+    constructor(options) {
+        this.options = options;
+        this.cache = this.getCacheClient();
+        this.graphQLClient = this.getGraphQLClient();
+    }
+    /**
+     * Fetches dictionary data for internalization. Uses search query by default
+     * @param {string} language the language to fetch
+     * @param {string} site site name to fetch data for.
+     * @param {FetchOptions} [fetchOptions] Options to override graphQL client details like retries and fetch implementation
+     * @returns {Promise<DictionaryPhrases>} dictionary phrases
+     * @throws {Error} if the app root was not found for the specified site and language.
+     */
+    async fetchDictionaryData(language, site, fetchOptions) {
+        var _a, _b;
+        const cacheKey = site + language;
+        const cachedValue = this.getCacheValue(cacheKey);
+        if (cachedValue) {
+            debug_1.default.dictionary('using cached dictionary data for %s %s', language, site);
+            return cachedValue;
+        }
+        const phrases = {};
+        debug_1.default.dictionary('fetching dictionary data for %s %s', language, site);
+        let results = [];
+        let hasNext = true;
+        let after = '';
+        if (!site) {
+            throw new RangeError(constants_1.siteNameError);
+        }
+        if (!language) {
+            throw new RangeError(constants_1.languageError);
+        }
+        while (hasNext) {
+            const fetchResponse = await this.graphQLClient.request(siteQuery, {
+                siteName: site,
+                language,
+                pageSize: this.options.pageSize,
+                after,
+            }, fetchOptions);
+            if ((_b = (_a = fetchResponse === null || fetchResponse === void 0 ? void 0 : fetchResponse.site) === null || _a === void 0 ? void 0 : _a.siteInfo) === null || _b === void 0 ? void 0 : _b.dictionary) {
+                results = results.concat(fetchResponse.site.siteInfo.dictionary.results);
+                after = fetchResponse.site.siteInfo.dictionary.pageInfo.endCursor;
+                hasNext = fetchResponse.site.siteInfo.dictionary.pageInfo.hasNext;
+            }
+            else {
+                hasNext = false;
+            }
+        }
+        results.forEach((item) => (phrases[item.key] = item.value));
+        this.setCacheValue(cacheKey, phrases);
+        return phrases;
+    }
+    /**
+     * Caches a @see DictionaryPhrases value for the specified cache key.
+     * @param {string} key The cache key.
+     * @param {DictionaryPhrases} value The value to cache.
+     * @returns The value added to the cache.
+     * @mixes CacheClient<DictionaryPhrases>
+     */
+    setCacheValue(key, value) {
+        return this.cache.setCacheValue(key, value);
+    }
+    /**
+     * Retrieves a @see DictionaryPhrases value from the cache.
+     * @param {string} key The cache key.
+     * @returns The @see DictionaryPhrases value, or null if the specified key is not found in the cache.
+     */
+    getCacheValue(key) {
+        return this.cache.getCacheValue(key);
+    }
+    /**
+     * Gets a cache client that can cache data. Uses memory-cache as the default
+     * library for caching (@see MemoryCacheClient). Override this method if you
+     * want to use something else.
+     * @returns {CacheClient} implementation
+     */
+    getCacheClient() {
+        return new core_1.MemoryCacheClient(this.options);
+    }
+    /**
+     * Gets a GraphQL client that can make requests to the API. Uses graphql-request as the default
+     * library for fetching graphql data (@see GraphQLRequestClient). Override this method if you
+     * want to use something else.
+     * @returns {GraphQLClient} implementation
+     */
+    getGraphQLClient() {
+        var _a, _b;
+        if (!this.options.clientFactory) {
+            throw new Error('clientFactory needs to be provided when initializing GraphQL client.');
+        }
+        return this.options.clientFactory({
+            debugger: debug_1.default.dictionary,
+            retries: (_a = this.options.retries) === null || _a === void 0 ? void 0 : _a.count,
+            retryStrategy: (_b = this.options.retries) === null || _b === void 0 ? void 0 : _b.retryStrategy,
+        });
+    }
+}
+exports.DictionaryService = DictionaryService;

package/dist/cjs/i18n/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocaleRewrite = exports.DictionaryService = void 0;
+var dictionary_service_1 = require("./dictionary-service");
+Object.defineProperty(exports, "DictionaryService", { enumerable: true, get: function () { return dictionary_service_1.DictionaryService; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getLocaleRewrite", { enumerable: true, get: function () { return utils_1.getLocaleRewrite; } });

package/dist/cjs/i18n/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLocaleRewrite = getLocaleRewrite;
+/**
+ * Get a locale rewrite path for given pathname
+ * @param {string} pathname the pathname
+ * @param {string} locale the site data to include in the rewrite
+ * @returns {string} the rewrite path
+ * @public
+ */
+function getLocaleRewrite(pathname, locale) {
+    if (pathname === '/')
+        return `/${locale}`;
+    const path = pathname.startsWith('/') ? pathname : '/' + pathname;
+    return `/${locale}${path}`;
+}

package/dist/cjs/index.js

@@ -0,0 +1,47 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HIDDEN_RENDERING_NAME = exports.defineConfig = exports.form = exports.debug = void 0;
+const form = __importStar(require("./form"));
+exports.form = form;
+var debug_1 = require("./debug");
+Object.defineProperty(exports, "debug", { enumerable: true, get: function () { return __importDefault(debug_1).default; } });
+var config_1 = require("./config");
+Object.defineProperty(exports, "defineConfig", { enumerable: true, get: function () { return config_1.defineConfig; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "HIDDEN_RENDERING_NAME", { enumerable: true, get: function () { return constants_1.HIDDEN_RENDERING_NAME; } });

package/dist/cjs/layout/content-styles.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.traverseComponent = exports.traverseField = exports.traversePlaceholder = exports.getContentStylesheetUrl = exports.getContentStylesheetLink = void 0;
+const tools_1 = require("@sitecore-content-sdk/core/tools");
+const core_1 = require("@sitecore-content-sdk/core");
+const { SITECORE_EDGE_URL_DEFAULT } = core_1.constants;
+/**
+ * Regular expression to check if the content styles are used in the field value
+ */
+const CLASS_REGEXP = /class=".*(\bck-content\b).*"/g;
+/**
+ * Get the content styles link to be loaded from the Sitecore Edge Platform
+ * @param {LayoutServiceData} layoutData Layout service data
+ * @param {string} sitecoreEdgeContextId Sitecore Edge Context ID
+ * @param {string} [sitecoreEdgeUrl] Sitecore Edge Platform URL. Default is https://edge-platform.sitecorecloud.io
+ * @returns {HTMLLink | null} content styles link, null if no styles are used in layout
+ * @public
+ */
+const getContentStylesheetLink = (layoutData, sitecoreEdgeContextId, sitecoreEdgeUrl = SITECORE_EDGE_URL_DEFAULT) => {
+    if (!layoutData.sitecore.route)
+        return null;
+    const config = { loadStyles: false };
+    (0, exports.traverseComponent)(layoutData.sitecore.route, config);
+    if (!config.loadStyles)
+        return null;
+    return {
+        href: (0, exports.getContentStylesheetUrl)(sitecoreEdgeContextId, sitecoreEdgeUrl),
+        rel: 'stylesheet',
+    };
+};
+exports.getContentStylesheetLink = getContentStylesheetLink;
+const getContentStylesheetUrl = (sitecoreEdgeContextId, sitecoreEdgeUrl = SITECORE_EDGE_URL_DEFAULT) => `${(0, tools_1.normalizeUrl)(sitecoreEdgeUrl)}/v1/files/pages/styles/content-styles.css?sitecoreContextId=${sitecoreEdgeContextId}`;
+exports.getContentStylesheetUrl = getContentStylesheetUrl;
+const traversePlaceholder = (components, config) => {
+    if (config.loadStyles)
+        return;
+    components.forEach((component) => {
+        (0, exports.traverseComponent)(component, config);
+    });
+};
+exports.traversePlaceholder = traversePlaceholder;
+const traverseField = (field, config) => {
+    if (!field || typeof field !== 'object' || config.loadStyles)
+        return;
+    if ('value' in field && typeof field.value === 'string') {
+        config.loadStyles = CLASS_REGEXP.test(field.value);
+    }
+    else if ('fields' in field) {
+        Object.values(field.fields).forEach((field) => {
+            (0, exports.traverseField)(field, config);
+        });
+    }
+    else if (Array.isArray(field)) {
+        field.forEach((field) => {
+            (0, exports.traverseField)(field, config);
+        });
+    }
+};
+exports.traverseField = traverseField;
+const traverseComponent = (component, config) => {
+    if (config.loadStyles)
+        return;
+    if ('fields' in component && component.fields) {
+        Object.values(component.fields).forEach((field) => {
+            (0, exports.traverseField)(field, config);
+        });
+    }
+    const placeholders = component.placeholders || {};
+    Object.keys(placeholders).forEach((placeholder) => {
+        (0, exports.traversePlaceholder)(placeholders[placeholder], config);
+    });
+};
+exports.traverseComponent = traverseComponent;