@sitecore-content-sdk/content 2.2.1 → 2.3.0-beta.atoms.20260721120640

package/atoms.d.ts

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

package/dist/cjs/atoms/design-library-bridge/constants.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DESIGN_LIBRARY_ATOMS_ERROR_EVENT_NAME = exports.DESIGN_LIBRARY_ATOMS_CATALOG_EVENT_NAME = exports.DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME = void 0;
+/**
+ * Event name for component preview updates from design library
+ * @internal
+ */
+exports.DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME = 'component:atoms:preview';
+/**
+ * Event name for the atoms catalog registration (replaces legacy `atom:registry`).
+ * @internal
+ */
+exports.DESIGN_LIBRARY_ATOMS_CATALOG_EVENT_NAME = 'atoms:catalog';
+/**
+ * Event to send to design library when rendering atoms error occurs
+ * @internal
+ */
+exports.DESIGN_LIBRARY_ATOMS_ERROR_EVENT_NAME = 'atoms:error';

package/dist/cjs/atoms/design-library-bridge/events.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addComponentPropsUpdateHandler = exports.addDocumentUpdateHandler = exports.sendAtomsErrorEvent = void 0;
+exports.getDesignLibraryAtomsCatalogEvent = getDesignLibraryAtomsCatalogEvent;
+exports.getDesignLibraryAtomsErrorEvent = getDesignLibraryAtomsErrorEvent;
+const core_1 = require("@sitecore-content-sdk/core");
+const design_library_1 = require("../../editing/design-library");
+const constants_1 = require("./constants");
+const { ERROR_MESSAGES } = core_1.constants;
+/**
+ * Creates a DesignLibraryAtomsCatalogEvent with the given catalog payload.
+ * @param {AtomsCatalogPayload} payload - serialized catalog data
+ * @returns {DesignLibraryAtomsCatalogEvent} the event ready to be posted to Design Studio
+ * @internal
+ */
+function getDesignLibraryAtomsCatalogEvent(payload) {
+    return {
+        name: constants_1.DESIGN_LIBRARY_ATOMS_CATALOG_EVENT_NAME,
+        message: payload,
+    };
+}
+/**
+ * Generates a DesignLibraryAtomsErrorEvent depending on the type of error with the given error.
+ * @param {unknown} error - The error to be sent.
+ * @param {DesignLibraryAtomsError} type - The type of error.
+ * @returns An object representing the DesignLibraryAtomsErrorEvent.
+ * @internal
+ */
+function getDesignLibraryAtomsErrorEvent(error, type) {
+    return {
+        name: constants_1.DESIGN_LIBRARY_ATOMS_ERROR_EVENT_NAME,
+        message: { error, type },
+    };
+}
+/**
+ * Sends a design library atoms error event to the design library
+ * @param {unknown} error - The error object or message to be sent.
+ * @param {DesignLibraryAtomsError} type - The type of error, as defined in DesignLibraryAtomsError.
+ * @internal
+ */
+const sendAtomsErrorEvent = (error, type) => {
+    const errorEvent = getDesignLibraryAtomsErrorEvent(error, type);
+    console.error(`Component Library: sending error event. ${ERROR_MESSAGES.CONTACT_SUPPORT}`, errorEvent);
+    if (typeof window !== 'undefined') {
+        const target = window.parent && window.parent !== window ? window.parent : window;
+        target.postMessage(errorEvent, '*');
+    }
+};
+exports.sendAtomsErrorEvent = sendAtomsErrorEvent;
+/**
+ * Adds a handler for atom document update events from the design library.
+ * @param {(updatedRootComponent: Document) => void} callback - The callback to be invoked when a document update event is received.
+ * @returns A function to unsubscribe from the atom document update events.
+ * @internal
+ */
+const addDocumentUpdateHandler = (callback) => {
+    const handler = (e) => {
+        if (!(0, design_library_1.validateEvent)(e, constants_1.DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME)) {
+            return;
+        }
+        console.debug('Component Library atoms: message received', e.data);
+        callback(e.data.document);
+    };
+    window.addEventListener('message', handler);
+    const unsubscribe = () => {
+        window.removeEventListener('message', handler);
+    };
+    return unsubscribe;
+};
+exports.addDocumentUpdateHandler = addDocumentUpdateHandler;
+/**
+ * Adds a handler for component props (fields and params) updates from the design library.
+ * Listens for 'component:update' events and invokes the callback with the updated fields and params.
+ * @param {Function} callback - Called when a 'component:update' message is received.
+ * @returns A function to unsubscribe from the event.
+ * @internal
+ */
+const addComponentPropsUpdateHandler = (callback) => {
+    const handler = (e) => {
+        if (!(0, design_library_1.validateEvent)(e, 'component:update'))
+            return;
+        const details = e.data.details;
+        callback(details === null || details === void 0 ? void 0 : details.fields, details === null || details === void 0 ? void 0 : details.params);
+    };
+    window.addEventListener('message', handler);
+    return () => window.removeEventListener('message', handler);
+};
+exports.addComponentPropsUpdateHandler = addComponentPropsUpdateHandler;

package/dist/cjs/atoms/design-library-bridge/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./events"), exports);
+__exportStar(require("./types"), exports);

package/dist/cjs/atoms/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addComponentPropsUpdateHandler = exports.addDocumentUpdateHandler = exports.sendAtomsErrorEvent = exports.getDesignLibraryAtomsCatalogEvent = void 0;
+var design_library_bridge_1 = require("./design-library-bridge");
+Object.defineProperty(exports, "getDesignLibraryAtomsCatalogEvent", { enumerable: true, get: function () { return design_library_bridge_1.getDesignLibraryAtomsCatalogEvent; } });
+Object.defineProperty(exports, "sendAtomsErrorEvent", { enumerable: true, get: function () { return design_library_bridge_1.sendAtomsErrorEvent; } });
+Object.defineProperty(exports, "addDocumentUpdateHandler", { enumerable: true, get: function () { return design_library_bridge_1.addDocumentUpdateHandler; } });
+Object.defineProperty(exports, "addComponentPropsUpdateHandler", { enumerable: true, get: function () { return design_library_bridge_1.addComponentPropsUpdateHandler; } });

package/dist/cjs/atoms/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -382,7 +382,7 @@ class SitecoreClient {
             isPreview: false,
             isEditing: false,
             isDesignLibrary: false,
-            designLibrary: { isVariantGeneration: false },
+            designLibrary: { isVariantGeneration: false, isLowCode: false },
         };
         switch (mode) {
             case layout_1.LayoutServicePageState.Normal:
@@ -401,6 +401,11 @@ class SitecoreClient {
                 pageMode.isDesignLibrary = true;
                 pageMode.isEditing = true;
                 break;
+            case editing_1.DesignLibraryMode.LowCode:
+                pageMode.isDesignLibrary = true;
+                pageMode.designLibrary.isLowCode = true;
+                pageMode.isEditing = true;
+                break;
             default:
                 break;
         }

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

@@ -1,100 +1,70 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineConfig = exports.getFallbackConfig = exports.buildFallbackConfig = void 0;
+exports.defineConfig = exports.getFallbackConfig = void 0;
 exports.deepMerge = deepMerge;
 const core_1 = require("@sitecore-content-sdk/core");
 const tools_1 = require("@sitecore-content-sdk/core/tools");
 const config_cli_1 = require("../config-cli");
 const { ERROR_MESSAGES } = core_1.constants;
 /**
- * Default Sitecore config values sourced from an env-like record (e.g. `process.env` or
- * values mapped from an Angular `environment` object). Shared by {@link getFallbackConfig}
- * and framework-specific define-config wrappers.
- * @param {Record<string, string | undefined>} env - String key/value map using the same names as Node / Sitecore CLI env vars
- * @returns {SitecoreConfig} default config before merging `sitecore.config` overrides
- * @internal
+ * Provides default initial values for SitecoreConfig
+ * @returns default config
  */
-const buildFallbackConfig = (env) => {
-    const rawEdgeUrl = env.CSDK_PUBLIC_SITECORE_EDGE_PLATFORM_HOSTNAME || env[tools_1.SITECORE_EDGE_PLATFORM_HOSTNAME_ENV];
-    return {
-        api: {
-            edge: {
-                contextId: env.SITECORE_EDGE_CONTEXT_ID || '',
-                clientContextId: env.SITECORE_EDGE_CLIENT_CONTEXT_ID || env.CSDK_PUBLIC_SITECORE_EDGE_CONTEXT_ID || '',
-                edgeUrl: (0, tools_1.resolveEdgeUrl)(rawEdgeUrl),
-            },
-            local: {
-                apiKey: env.SITECORE_API_KEY ||
-                    env.CSDK_PUBLIC_SITECORE_API_KEY ||
-                    env.NEXT_PUBLIC_SITECORE_API_KEY ||
-                    '',
-                apiHost: env.SITECORE_API_HOST ||
-                    env.CSDK_PUBLIC_SITECORE_API_HOST ||
-                    env.NEXT_PUBLIC_SITECORE_API_HOST ||
-                    '',
-                path: '/sitecore/api/graph/edge',
-            },
-        },
-        editingSecret: env.SITECORE_EDITING_SECRET || 'editing-secret-missing',
-        retries: {
-            count: 3,
-            retryStrategy: new core_1.DefaultRetryStrategy({
-                statusCodes: [429, 502, 503, 504, 520, 521, 522, 523, 524],
-            }),
+const getFallbackConfig = () => ({
+    api: {
+        edge: {
+            contextId: process.env.SITECORE_EDGE_CONTEXT_ID || '',
+            clientContextId: '',
+            edgeUrl: (0, tools_1.resolveEdgeUrl)(),
         },
-        redirects: {
-            enabled: env.NODE_ENV !== 'development',
-            locales: ['en'],
+        local: {
+            apiKey: process.env.SITECORE_API_KEY || process.env.NEXT_PUBLIC_SITECORE_API_KEY || '',
+            apiHost: process.env.SITECORE_API_HOST || process.env.NEXT_PUBLIC_SITECORE_API_HOST || '',
+            path: '/sitecore/api/graph/edge',
         },
-        multisite: {
+    },
+    editingSecret: process.env.SITECORE_EDITING_SECRET || 'editing-secret-missing',
+    retries: {
+        count: 3,
+        retryStrategy: new core_1.DefaultRetryStrategy({
+            statusCodes: [429, 502, 503, 504, 520, 521, 522, 523, 524],
+        }),
+    },
+    redirects: {
+        enabled: process.env.NODE_ENV !== 'development',
+        locales: ['en'],
+    },
+    multisite: {
+        enabled: true,
+        useCookieResolution: () => false,
+    },
+    personalize: {
+        enabled: process.env.NODE_ENV !== 'development',
+        edgeTimeout: parseInt(process.env.PERSONALIZE_MIDDLEWARE_EDGE_TIMEOUT, 10) || 400,
+        cdpTimeout: parseInt(process.env.PERSONALIZE_MIDDLEWARE_CDP_TIMEOUT, 10) || 400,
+        scope: '',
+        channel: 'WEB',
+        currency: 'USD',
+    },
+    defaultSite: '',
+    defaultLanguage: 'en',
+    layout: {
+        formatLayoutQuery: null,
+    },
+    dictionary: {
+        caching: {
             enabled: true,
-            useCookieResolution: () => false,
-        },
-        personalize: {
-            enabled: env.NODE_ENV !== 'development',
-            edgeTimeout: parseInt(env.PERSONALIZE_MIDDLEWARE_EDGE_TIMEOUT || '', 10) || 400,
-            cdpTimeout: parseInt(env.PERSONALIZE_MIDDLEWARE_CDP_TIMEOUT || '', 10) || 400,
-            scope: env.SITECORE_PERSONALIZE_SCOPE ||
-                env.CSDK_PUBLIC_PERSONALIZE_SCOPE ||
-                env.NEXT_PUBLIC_PERSONALIZE_SCOPE ||
-                '',
-            channel: 'WEB',
-            currency: 'USD',
-        },
-        defaultSite: env.SITECORE_DEFAULT_SITE ||
-            env.CSDK_PUBLIC_SITECORE_DEFAULT_SITE ||
-            env.CSDK_PUBLIC_DEFAULT_SITE ||
-            '',
-        defaultLanguage: env.SITECORE_DEFAULT_LANGUAGE || env.CSDK_PUBLIC_DEFAULT_LANGUAGE || 'en',
-        layout: {
-            formatLayoutQuery: null,
-        },
-        dictionary: {
-            caching: {
-                enabled: true,
-                timeout: 60,
-            },
+            timeout: 60,
         },
-        rewriteMediaUrls: false,
-        disableCodeGeneration: false,
-    };
-};
-exports.buildFallbackConfig = buildFallbackConfig;
-/**
- * Provides default initial values for SitecoreConfig from `process.env`
- * TODO: remove in favor of buildFallbackConfig
- * @returns default config
- * @internal
- */
-const getFallbackConfig = () => {
-    return (0, exports.buildFallbackConfig)(process.env);
-};
+    },
+    rewriteMediaUrls: false,
+    disableCodeGeneration: false,
+});
 exports.getFallbackConfig = getFallbackConfig;
 /**
  * Deep merge utility that skips undefined or empty string values in the override.
  * @param {T} base base value
  * @param {DeepPartial<T>} [override] override value
- * @internal
  */
 function deepMerge(base, override) {
     if (!override)
@@ -137,7 +107,9 @@ const resolveConfig = (base, override) => {
         result.personalize.edgeTimeout = base.personalize.edgeTimeout;
     }
     // Resolve edge URL at config level so consumers use the resolved value directly
-    result.api.edge.edgeUrl = (0, tools_1.resolveEdgeUrl)(result.api.edge.edgeUrl);
+    result.api.edge.edgeUrl = result.api.edge.edgeUrl
+        ? (0, tools_1.resolveEdgeUrl)(result.api.edge.edgeUrl)
+        : (0, tools_1.resolveEdgeUrl)();
     return result;
 };
 const validateApiConfiguration = (config) => {
@@ -210,15 +182,12 @@ const createConfigProxy = (config) => {
 /**
  * Accepts a SitecoreConfigInput object and returns full sitecore configuration
  * @param {SitecoreConfigInput} config override values to be written over default config settings
- * @param {Record<string, string | undefined>} [env] optional env-like record to source default config values from; defaults to `process.env` when not provided
  * @returns {SitecoreConfig} full sitecore configuration to use in application
  * @public
  */
-const defineConfig = (config = {}, env) => {
-    const runtimeEnv = env || (typeof process !== 'undefined' ? process.env : {});
-    const fallback = (0, exports.buildFallbackConfig)(runtimeEnv);
-    const resolvedConfig = resolveConfig(fallback, config);
-    const isCLI = (runtimeEnv === null || runtimeEnv === void 0 ? void 0 : runtimeEnv[config_cli_1.SITECORE_CLI_MODE_ENV_VAR]) === 'true';
+const defineConfig = (config) => {
+    const resolvedConfig = resolveConfig((0, exports.getFallbackConfig)(), config);
+    const isCLI = process.env[config_cli_1.SITECORE_CLI_MODE_ENV_VAR] === 'true';
     // At `build time`, we create a proxy for the config object to validate the config by
     // accessing the literal paths instead of validating the whole object at once.
     // At `runtime` all the config should be validated to fail fast in case of invalid configuration.

package/dist/cjs/config/index.js

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deepMerge = exports.getFallbackConfig = exports.defineConfig = exports.buildFallbackConfig = exports.ComponentTemplateType = void 0;
+exports.defineConfig = exports.ComponentTemplateType = void 0;
 var models_1 = require("./models");
 Object.defineProperty(exports, "ComponentTemplateType", { enumerable: true, get: function () { return models_1.ComponentTemplateType; } });
 var define_config_1 = require("./define-config");
-Object.defineProperty(exports, "buildFallbackConfig", { enumerable: true, get: function () { return define_config_1.buildFallbackConfig; } });
 Object.defineProperty(exports, "defineConfig", { enumerable: true, get: function () { return define_config_1.defineConfig; } });
-Object.defineProperty(exports, "getFallbackConfig", { enumerable: true, get: function () { return define_config_1.getFallbackConfig; } });
-Object.defineProperty(exports, "deepMerge", { enumerable: true, get: function () { return define_config_1.deepMerge; } });

package/dist/cjs/editing/models.js

@@ -33,6 +33,8 @@ var DesignLibraryMode;
     DesignLibraryMode["Normal"] = "library";
     /** Metadata mode */
     DesignLibraryMode["Metadata"] = "library-metadata";
+    /** Low code mode */
+    DesignLibraryMode["LowCode"] = "library-low-code";
 })(DesignLibraryMode || (exports.DesignLibraryMode = DesignLibraryMode = {}));
 /**
  * Variant generation mode for Design Library

package/dist/cjs/form/form.js

@@ -71,13 +71,13 @@ exports.executeScriptElements = executeScriptElements;
  * @param {string} [componentId] - The unique identifier of the component
  * @internal
  */
-const subscribeToFormSubmitEvent = (formElement, componentId, signal) => {
+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, events_1.form)(formId, name, (componentId === null || componentId === void 0 ? void 0 : componentId.replace(/-/g, '')) || '');
         }
-    }), { signal });
+    }));
 };
 exports.subscribeToFormSubmitEvent = subscribeToFormSubmitEvent;

package/dist/cjs/layout/index.js

@@ -1,18 +1,4 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.applyMediaUrlRewrite = exports.getDefaultMediaUrlTransformer = exports.containsDefaultEdgeHost = exports.rewriteEdgeHostInResponse = exports.getDesignLibraryStylesheetLinks = exports.GRAPHQL_LAYOUT_QUERY_NAME = exports.LayoutService = exports.getContentStylesheetLink = exports.EMPTY_DATE_FIELD_VALUE = exports.getDynamicPlaceholderPattern = exports.isDynamicPlaceholder = exports.isFieldValueEmpty = exports.getChildPlaceholder = exports.getRenderingParamString = exports.getFieldValue = exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.EditMode = exports.LayoutServicePageState = void 0;
 // layout
@@ -42,4 +28,3 @@ Object.defineProperty(exports, "rewriteEdgeHostInResponse", { enumerable: true,
 Object.defineProperty(exports, "containsDefaultEdgeHost", { enumerable: true, get: function () { return rewrite_edge_host_1.containsDefaultEdgeHost; } });
 Object.defineProperty(exports, "getDefaultMediaUrlTransformer", { enumerable: true, get: function () { return rewrite_edge_host_1.getDefaultMediaUrlTransformer; } });
 Object.defineProperty(exports, "applyMediaUrlRewrite", { enumerable: true, get: function () { return rewrite_edge_host_1.applyMediaUrlRewrite; } });
-__exportStar(require("./field-types"), exports);

package/dist/cjs/site/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SiteResolver = exports.getHostnameFromHostHeader = exports.SITE_KEY = exports.SITE_PREFIX = exports.normalizeSiteRewrite = exports.getSiteRewriteData = exports.getSiteRewrite = exports.SitePathService = exports.SiteInfoService = exports.ErrorPagesService = exports.SitemapXmlService = exports.RedirectsService = exports.REDIRECT_TYPE_SERVER_TRANSFER = exports.REDIRECT_TYPE_302 = exports.REDIRECT_TYPE_301 = exports.RobotsService = void 0;
+exports.SiteResolver = exports.SITE_KEY = exports.SITE_PREFIX = exports.normalizeSiteRewrite = exports.getSiteRewriteData = exports.getSiteRewrite = exports.SitePathService = exports.SiteInfoService = exports.ErrorPagesService = exports.SitemapXmlService = exports.RedirectsService = exports.REDIRECT_TYPE_SERVER_TRANSFER = exports.REDIRECT_TYPE_302 = exports.REDIRECT_TYPE_301 = exports.RobotsService = void 0;
 var robots_service_1 = require("./robots-service");
 Object.defineProperty(exports, "RobotsService", { enumerable: true, get: function () { return robots_service_1.RobotsService; } });
 var redirects_service_1 = require("./redirects-service");
@@ -22,6 +22,5 @@ Object.defineProperty(exports, "getSiteRewriteData", { enumerable: true, get: fu
 Object.defineProperty(exports, "normalizeSiteRewrite", { enumerable: true, get: function () { return utils_1.normalizeSiteRewrite; } });
 Object.defineProperty(exports, "SITE_PREFIX", { enumerable: true, get: function () { return utils_1.SITE_PREFIX; } });
 Object.defineProperty(exports, "SITE_KEY", { enumerable: true, get: function () { return utils_1.SITE_KEY; } });
-Object.defineProperty(exports, "getHostnameFromHostHeader", { enumerable: true, get: function () { return utils_1.getHostnameFromHostHeader; } });
 var site_resolver_1 = require("./site-resolver");
 Object.defineProperty(exports, "SiteResolver", { enumerable: true, get: function () { return site_resolver_1.SiteResolver; } });

package/dist/cjs/site/utils.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SITE_KEY = exports.SITE_PREFIX = void 0;
-exports.getHostnameFromHostHeader = getHostnameFromHostHeader;
 exports.getSiteRewrite = getSiteRewrite;
 exports.getSiteRewriteData = getSiteRewriteData;
 exports.normalizeSiteRewrite = normalizeSiteRewrite;
@@ -15,39 +14,6 @@ exports.SITE_PREFIX = '_site_';
  * @public
  */
 exports.SITE_KEY = 'sc_site';
-/**
- * Hostname from a `Host` or `x-forwarded-host` value, without port.
- * - `[::1]:3000` → `::1`
- * - `127.0.0.1:3000` → `127.0.0.1`
- * - `example.com:443` → `example.com`
- * - `::1` → `::1` (does not treat `:1` as a port)
- * @param {string} host - Raw header value
- * @returns {string} The hostname
- * @internal
- */
-function getHostnameFromHostHeader(host) {
-    const trimmed = host.trim();
-    // Bracketed IPv6: "[...]:port" or "[...]"
-    if (trimmed.startsWith('[')) {
-        const end = trimmed.indexOf(']');
-        if (end !== -1) {
-            return trimmed.slice(1, end).toLowerCase();
-        }
-    }
-    // Unbracketed IPv6 (e.g. ::1, 2001:db8::1) — never strip on last ":digits"
-    if (trimmed.includes('::')) {
-        return trimmed.toLowerCase();
-    }
-    // IPv4 or DNS name with ":port" (port = decimal digits only)
-    const lastColon = trimmed.lastIndexOf(':');
-    if (lastColon > 0) {
-        const after = trimmed.slice(lastColon + 1);
-        if (/^\d+$/.test(after)) {
-            return trimmed.slice(0, lastColon).toLowerCase();
-        }
-    }
-    return trimmed.toLowerCase();
-}
 /**
  * Get a site rewrite path for given pathname
  * @param {string} pathname the pathname

package/dist/cjs/tools/index.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildComponentMapContent = exports.prepareComponentsForMap = exports.filterComponentsByType = exports.getComponentSpecUrl = exports.getComponentSpec = void 0;
+exports.filterComponentsByType = exports.getComponentSpecUrl = exports.getComponentSpec = void 0;
 var component_generation_1 = require("./codegen/component-generation");
 Object.defineProperty(exports, "getComponentSpec", { enumerable: true, get: function () { return component_generation_1.getComponentSpec; } });
 Object.defineProperty(exports, "getComponentSpecUrl", { enumerable: true, get: function () { return component_generation_1.getComponentSpecUrl; } });
 var templating_1 = require("./templating");
 Object.defineProperty(exports, "filterComponentsByType", { enumerable: true, get: function () { return templating_1.filterComponentsByType; } });
-Object.defineProperty(exports, "prepareComponentsForMap", { enumerable: true, get: function () { return templating_1.prepareComponentsForMap; } });
-Object.defineProperty(exports, "buildComponentMapContent", { enumerable: true, get: function () { return templating_1.buildComponentMapContent; } });

package/dist/cjs/tools/templating/components.js

@@ -33,7 +33,7 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toPascalCase = exports.componentUnitMocks = exports.getComponentList = void 0;
+exports.componentUnitMocks = exports.getComponentList = void 0;
 exports.filterComponentsByType = filterComponentsByType;
 const glob = __importStar(require("glob"));
 /**
@@ -50,16 +50,6 @@ exports.componentUnitMocks = {
 };
 const componentNamePattern = /^[\/]*(.+[\/\\])*(.+)\.[jt]sx?$/;
 const componentPathPattern = /^([\/]*.+[\/\\].+)\..+$/;
-/**
- * Converts string to PascalCase.
- * @param {string} name - kebab-case, snake_case, dot.notation, camelCase, or PascalCase string (e.g. `my-component`, `my_component`, `my.component`, `myComponent`)
- * @returns {string} PascalCase string (e.g. `MyComponent`)
- */
-const toPascalCase = (name) => name
-    .split(/[-_]/)
-    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
-    .join('');
-exports.toPascalCase = toPascalCase;
 /**
  * Get list of components from @var path
  * Returns a list of components in the following format:
@@ -85,8 +75,8 @@ function _getComponentList(paths, exclude, includeVariants) {
             return {
                 filePath,
                 importPath: filePath.match(componentPathPattern)[1].replace(/\\/g, '/'), // use forward slashes for consistency
-                componentName: (0, exports.toPascalCase)(name),
-                moduleName: (0, exports.toPascalCase)(name).replace(/[^\w]+/g, ''),
+                componentName: name,
+                moduleName: name.replace(/[^\w]+/g, ''),
             };
         }));
     }, []);

package/dist/cjs/tools/templating/index.js

@@ -1,9 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildComponentMapContent = exports.prepareComponentsForMap = exports.filterComponentsByType = exports.getComponentList = void 0;
+exports.filterComponentsByType = exports.getComponentList = void 0;
 var components_1 = require("./components");
 Object.defineProperty(exports, "getComponentList", { enumerable: true, get: function () { return components_1.getComponentList; } });
 Object.defineProperty(exports, "filterComponentsByType", { enumerable: true, get: function () { return components_1.filterComponentsByType; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "prepareComponentsForMap", { enumerable: true, get: function () { return utils_1.prepareComponentsForMap; } });
-Object.defineProperty(exports, "buildComponentMapContent", { enumerable: true, get: function () { return utils_1.buildComponentMapContent; } });

package/dist/esm/atoms/design-library-bridge/constants.js

@@ -0,0 +1,15 @@
+/**
+ * Event name for component preview updates from design library
+ * @internal
+ */
+export const DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME = 'component:atoms:preview';
+/**
+ * Event name for the atoms catalog registration (replaces legacy `atom:registry`).
+ * @internal
+ */
+export const DESIGN_LIBRARY_ATOMS_CATALOG_EVENT_NAME = 'atoms:catalog';
+/**
+ * Event to send to design library when rendering atoms error occurs
+ * @internal
+ */
+export const DESIGN_LIBRARY_ATOMS_ERROR_EVENT_NAME = 'atoms:error';

package/dist/esm/atoms/design-library-bridge/events.js

@@ -0,0 +1,80 @@
+import { constants } from '@sitecore-content-sdk/core';
+import { validateEvent } from '../../editing/design-library';
+import { DESIGN_LIBRARY_ATOMS_CATALOG_EVENT_NAME, DESIGN_LIBRARY_ATOMS_ERROR_EVENT_NAME, DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME, } from './constants';
+const { ERROR_MESSAGES } = constants;
+/**
+ * Creates a DesignLibraryAtomsCatalogEvent with the given catalog payload.
+ * @param {AtomsCatalogPayload} payload - serialized catalog data
+ * @returns {DesignLibraryAtomsCatalogEvent} the event ready to be posted to Design Studio
+ * @internal
+ */
+export function getDesignLibraryAtomsCatalogEvent(payload) {
+    return {
+        name: DESIGN_LIBRARY_ATOMS_CATALOG_EVENT_NAME,
+        message: payload,
+    };
+}
+/**
+ * Generates a DesignLibraryAtomsErrorEvent depending on the type of error with the given error.
+ * @param {unknown} error - The error to be sent.
+ * @param {DesignLibraryAtomsError} type - The type of error.
+ * @returns An object representing the DesignLibraryAtomsErrorEvent.
+ * @internal
+ */
+export function getDesignLibraryAtomsErrorEvent(error, type) {
+    return {
+        name: DESIGN_LIBRARY_ATOMS_ERROR_EVENT_NAME,
+        message: { error, type },
+    };
+}
+/**
+ * Sends a design library atoms error event to the design library
+ * @param {unknown} error - The error object or message to be sent.
+ * @param {DesignLibraryAtomsError} type - The type of error, as defined in DesignLibraryAtomsError.
+ * @internal
+ */
+export const sendAtomsErrorEvent = (error, type) => {
+    const errorEvent = getDesignLibraryAtomsErrorEvent(error, type);
+    console.error(`Component Library: sending error event. ${ERROR_MESSAGES.CONTACT_SUPPORT}`, errorEvent);
+    if (typeof window !== 'undefined') {
+        const target = window.parent && window.parent !== window ? window.parent : window;
+        target.postMessage(errorEvent, '*');
+    }
+};
+/**
+ * Adds a handler for atom document update events from the design library.
+ * @param {(updatedRootComponent: Document) => void} callback - The callback to be invoked when a document update event is received.
+ * @returns A function to unsubscribe from the atom document update events.
+ * @internal
+ */
+export const addDocumentUpdateHandler = (callback) => {
+    const handler = (e) => {
+        if (!validateEvent(e, DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME)) {
+            return;
+        }
+        console.debug('Component Library atoms: message received', e.data);
+        callback(e.data.document);
+    };
+    window.addEventListener('message', handler);
+    const unsubscribe = () => {
+        window.removeEventListener('message', handler);
+    };
+    return unsubscribe;
+};
+/**
+ * Adds a handler for component props (fields and params) updates from the design library.
+ * Listens for 'component:update' events and invokes the callback with the updated fields and params.
+ * @param {Function} callback - Called when a 'component:update' message is received.
+ * @returns A function to unsubscribe from the event.
+ * @internal
+ */
+export const addComponentPropsUpdateHandler = (callback) => {
+    const handler = (e) => {
+        if (!validateEvent(e, 'component:update'))
+            return;
+        const details = e.data.details;
+        callback(details === null || details === void 0 ? void 0 : details.fields, details === null || details === void 0 ? void 0 : details.params);
+    };
+    window.addEventListener('message', handler);
+    return () => window.removeEventListener('message', handler);
+};

package/dist/esm/atoms/design-library-bridge/index.js

@@ -0,0 +1,2 @@
+export * from './events';
+export * from './types';

package/dist/esm/atoms/index.js

@@ -0,0 +1 @@
+export { getDesignLibraryAtomsCatalogEvent, sendAtomsErrorEvent, addDocumentUpdateHandler, addComponentPropsUpdateHandler, } from './design-library-bridge';

package/dist/esm/atoms/types.js

@@ -0,0 +1 @@
+export {};