@sitecore-content-sdk/content 1.5.0-canary.9 → 2.0.0-canary.2

package/dist/cjs/editing/codegen/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesignLibraryPreviewError = exports.sendErrorEvent = exports.createComponentInstance = exports.addStyleElement = exports.getImportMapInfo = exports.getDesignLibraryImportMapEvent = exports.getDesignLibraryComponentPropsEvent = exports.getDesignLibraryComponentPreviewErrorEvent = exports.addServerComponentPreviewHandler = exports.addComponentPreviewHandler = void 0;
+exports.fetchGeneratedComponentFromCache = exports.DesignLibraryPreviewError = exports.sendErrorEvent = exports.createComponentInstance = exports.addStyleElement = exports.getImportMapInfo = exports.getDesignLibraryImportMapEvent = exports.getDesignLibraryComponentPropsEvent = exports.getDesignLibraryComponentPreviewErrorEvent = exports.addServerComponentPreviewHandler = exports.addComponentPreviewHandler = void 0;
 var preview_1 = require("./preview");
 Object.defineProperty(exports, "addComponentPreviewHandler", { enumerable: true, get: function () { return preview_1.addComponentPreviewHandler; } });
 Object.defineProperty(exports, "addServerComponentPreviewHandler", { enumerable: true, get: function () { return preview_1.addServerComponentPreviewHandler; } });
@@ -12,3 +12,4 @@ Object.defineProperty(exports, "addStyleElement", { enumerable: true, get: funct
 Object.defineProperty(exports, "createComponentInstance", { enumerable: true, get: function () { return preview_1.createComponentInstance; } });
 Object.defineProperty(exports, "sendErrorEvent", { enumerable: true, get: function () { return preview_1.sendErrorEvent; } });
 Object.defineProperty(exports, "DesignLibraryPreviewError", { enumerable: true, get: function () { return preview_1.DesignLibraryPreviewError; } });
+Object.defineProperty(exports, "fetchGeneratedComponentFromCache", { enumerable: true, get: function () { return preview_1.fetchGeneratedComponentFromCache; } });

package/dist/cjs/editing/codegen/preview.js

@@ -1,4 +1,7 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sendErrorEvent = exports.createComponentInstance = exports.addServerComponentPreviewHandler = exports.addComponentPreviewHandler = exports.DesignLibraryPreviewError = void 0;
 exports.buildComponentDependencies = buildComponentDependencies;
@@ -8,7 +11,11 @@ exports.getDesignLibraryComponentPropsEvent = getDesignLibraryComponentPropsEven
 exports.getDesignLibraryImportMapEvent = getDesignLibraryImportMapEvent;
 exports.getImportMapInfo = getImportMapInfo;
 exports.isImportEntryInfoArray = isImportEntryInfoArray;
+exports.fetchGeneratedComponentFromCache = fetchGeneratedComponentFromCache;
+const core_1 = require("@sitecore-content-sdk/core");
 const design_library_1 = require("../design-library");
+const debug_1 = __importDefault(require("../../debug"));
+const { SITECORE_EDGE_PLATFORM_URL_DEFAULT } = core_1.constants;
 /**
  * Event to send import map to design library
  */
@@ -97,7 +104,7 @@ const addComponentPreviewHandler = (importMap, callback) => {
                 return;
             }
             console.debug('Component Library: message received', eventArgs);
-            const Component = (0, exports.createComponentInstance)(importMap, eventArgs);
+            const Component = (0, exports.createComponentInstance)(importMap, eventArgs.message);
             addStyleElement(eventArgs.message.styles.content);
             callback(null, Component);
         }
@@ -115,7 +122,7 @@ const addComponentPreviewHandler = (importMap, callback) => {
 exports.addComponentPreviewHandler = addComponentPreviewHandler;
 /**
  * Adds the browser-side event handler for 'component:generation:component-preview' message used in Design Library for server components
- * The event should contain the component code, styles and imports.
+ * The event should contain the cache id and token which will be used to fetch the component code, styles and imports from secured endpoint
  * @param {Function} callback callback to be called after component is received
  * @internal
  */
@@ -157,14 +164,13 @@ function addStyleElement(stylesContent) {
 /**
  * Dynamically creates a React component instance from provided importMap and from code, styles, and dependencies provided in the preview event.
  * @param {ImportEntry[]} importMap - The import map containing module and export references that might be injected as dependencies in the provided code.
- * @param {ComponentPreviewEventArgs} previewEventArgs - The event arguments containing the component code, styles, and import definitions.
+ * @param {GeneratedComponentData} generatedComponentData - The generated component data received from design library.
  * @returns The dynamically created React component instance.
  * @throws If any required modules or exports are missing from the import map, an error is thrown describing the missing dependencies.
  * @internal
  */
-const createComponentInstance = (importMap, previewEventArgs) => {
-    const { message } = previewEventArgs;
-    const dependencies = buildComponentDependencies(message.imports, importMap);
+const createComponentInstance = (importMap, generatedComponentData) => {
+    const dependencies = buildComponentDependencies(generatedComponentData.imports, importMap);
     if (dependencies.missing.modules.length > 0 || dependencies.missing.exports.length > 0) {
         let errorMessage = '';
         dependencies.missing.modules.forEach((mod) => {
@@ -179,9 +185,9 @@ const createComponentInstance = (importMap, previewEventArgs) => {
     const importNames = dependencies.successful.map((entry) => entry.name);
     const importInstances = dependencies.successful.map((entry) => entry.value);
     const exports = { Component: null };
-    const componentFn = new Function('exports', message.styles.styleImport.name, ...importNames, message.code.content);
+    const componentFn = new Function('exports', generatedComponentData.styles.styleImport.name, ...importNames, generatedComponentData.code.content);
     // Function will set exports.Component
-    componentFn(exports, message.styles.styleImport.content, ...importInstances);
+    componentFn(exports, generatedComponentData.styles.styleImport.content, ...importInstances);
     return exports.Component;
 };
 exports.createComponentInstance = createComponentInstance;
@@ -275,3 +281,26 @@ const sendErrorEvent = (uid, error, type) => {
     }
 };
 exports.sendErrorEvent = sendErrorEvent;
+/**
+ * Fetches generated component data from the authoring cache endpoint.
+ * This is used by the Design Studio Server to fetch the updated component data from the secured cache endpoint and render it in the Design Library Studio preview iframe.
+ * @param {string} id - The unique identifier of the component to fetch from cache.
+ * @param {string} token - The authorization token for authentication.
+ * @param {string} [edgeUrl] - The URL of the Sitecore Edge endpoint.
+ * @returns A Promise that resolves to the component rendering data, component generation data, or undefined if the fetch fails.
+ * @internal
+ */
+async function fetchGeneratedComponentFromCache(id, token, edgeUrl = SITECORE_EDGE_PLATFORM_URL_DEFAULT) {
+    const dataFetcher = new core_1.NativeDataFetcher({ debugger: debug_1.default.editing });
+    const componentDataResponse = await dataFetcher.fetch(`${edgeUrl}/authoring/api/v1/components/cache/${id}`, {
+        method: 'GET',
+        headers: {
+            Authorization: `Bearer ${token}`,
+        },
+    });
+    if (componentDataResponse.status !== 200) {
+        throw new Error(`Failed to fetch generated component data from cache for id: ${id}. Response Status: ${componentDataResponse.status}, Response Status Text: ${componentDataResponse.statusText}`);
+    }
+    const generatedComponentData = JSON.parse(componentDataResponse.data.content);
+    return generatedComponentData;
+}

package/dist/cjs/editing/design-library.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.postToDesignLibrary = exports.updateComponent = exports.updateComponentHandler = exports.validateEvent = exports.validateOrigin = exports.addComponentUpdateHandler = exports.DesignLibraryStatus = exports.COMPONENT_UPDATE_CACHE_KEY_PREFIX = void 0;
+exports.postToDesignLibrary = exports.updateComponent = exports.updateComponentHandler = exports.validateEvent = exports.validateOrigin = exports.addComponentUpdateHandler = exports.DesignLibraryStatus = exports.COMPONENT_PREVIEW_CACHE_KEY_PREFIX = exports.COMPONENT_UPDATE_CACHE_KEY_PREFIX = void 0;
 exports.getDesignLibraryStatusEvent = getDesignLibraryStatusEvent;
 exports.getDesignLibraryScriptLink = getDesignLibraryScriptLink;
 exports.isDesignLibraryMode = isDesignLibraryMode;
@@ -16,6 +16,11 @@ const DESIGN_LIBRARY_STATUS_EVENT_NAME = 'component:status';
  * @internal
  */
 exports.COMPONENT_UPDATE_CACHE_KEY_PREFIX = 'component-update-';
+/**
+ * Prefix for component preview cache keys
+ * @internal
+ */
+exports.COMPONENT_PREVIEW_CACHE_KEY_PREFIX = 'component-preview-';
 /**
  * Enumeration of statuses for the design library.
  * @internal
@@ -133,15 +138,17 @@ exports.updateComponent = updateComponent;
  * Generates a DesignLibraryStatusEvent with the given status and uid.
  * @param {DesignLibraryStatus} status - The status of rendering.
  * @param {string} uid - The unique identifier for the event.
+ * @param {boolean} [isRenderingServerComponent] - Indicates if the component being rendered is a server component.
  * @returns An object representing the DesignLibraryStatusEvent.
  * @internal
  */
-function getDesignLibraryStatusEvent(status, uid) {
+function getDesignLibraryStatusEvent(status, uid, isRenderingServerComponent = false) {
     return {
         name: DESIGN_LIBRARY_STATUS_EVENT_NAME,
         message: {
             status,
             uid,
+            isRenderingServerComponent,
         },
     };
 }

package/dist/cjs/editing/index.js

@@ -1,6 +1,6 @@
 "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;
+exports.updateComponent = exports.COMPONENT_PREVIEW_CACHE_KEY_PREFIX = 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");
@@ -30,4 +30,5 @@ Object.defineProperty(exports, "getDesignLibraryScriptLink", { enumerable: true,
 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, "COMPONENT_PREVIEW_CACHE_KEY_PREFIX", { enumerable: true, get: function () { return design_library_1.COMPONENT_PREVIEW_CACHE_KEY_PREFIX; } });
 Object.defineProperty(exports, "updateComponent", { enumerable: true, get: function () { return design_library_1.updateComponent; } });

package/dist/cjs/tools/codegen/import-map.js

@@ -283,7 +283,7 @@ const prepImportMaps = async (paths, separateMaps) => {
  */
 const writeImportMap = (args) => {
     return async ({ scConfig }) => {
-        const defaultTemplate = args.serverTemplate || exports.defaultMapTemplate;
+        const defaultTemplate = args.defaultTemplate || exports.defaultMapTemplate;
         const clientTemplate = args.clientTemplate || exports.defaultMapTemplate;
         if (!scConfig) {
             throw new Error('Sitecore configuration is required to be provided');
@@ -319,7 +319,7 @@ const writeImportMap = (args) => {
 };
 exports.writeImportMap = writeImportMap;
 // eslint-disable-next-line jsdoc/require-jsdoc
-function _defaultMapTemplate(indexedImportMap, framework = 'core') {
+function _defaultMapTemplate(indexedImportMap, framework = 'core', defaultImportEntriesImport = 'defaultImportEntries') {
     const importStatements = [];
     const importMapArray = Array.from(indexedImportMap);
     // get import map entries after
@@ -371,7 +371,7 @@ function _defaultMapTemplate(indexedImportMap, framework = 'core') {
 // Below are built-in Content SDK imports neccessary for the import map
 import {
   combineImportEntries,
-  defaultImportEntries,
+  ${defaultImportEntriesImport},
   ImportEntry,
 } from '@sitecore-content-sdk/${framework}/codegen';
 // end of built-in imports
@@ -393,6 +393,6 @@ ${finalImportMap
         .join(',\n')}
 ] as ImportEntry[];
 
-export default combineImportEntries(defaultImportEntries, importMap);
+export default combineImportEntries(${defaultImportEntriesImport}, importMap);
 `;
 }

package/dist/esm/editing/codegen/index.js

@@ -1 +1 @@
-export { addComponentPreviewHandler, addServerComponentPreviewHandler, getDesignLibraryComponentPreviewErrorEvent, getDesignLibraryComponentPropsEvent, getDesignLibraryImportMapEvent, getImportMapInfo, addStyleElement, createComponentInstance, sendErrorEvent, DesignLibraryPreviewError, } from './preview';
+export { addComponentPreviewHandler, addServerComponentPreviewHandler, getDesignLibraryComponentPreviewErrorEvent, getDesignLibraryComponentPropsEvent, getDesignLibraryImportMapEvent, getImportMapInfo, addStyleElement, createComponentInstance, sendErrorEvent, DesignLibraryPreviewError, fetchGeneratedComponentFromCache, } from './preview';

package/dist/esm/editing/codegen/preview.js

@@ -1,4 +1,7 @@
+import { NativeDataFetcher, constants } from '@sitecore-content-sdk/core';
 import { validateEvent } from '../design-library';
+import debug from '../../debug';
+const { SITECORE_EDGE_PLATFORM_URL_DEFAULT } = constants;
 /**
  * Event to send import map to design library
  */
@@ -87,7 +90,7 @@ export const addComponentPreviewHandler = (importMap, callback) => {
                 return;
             }
             console.debug('Component Library: message received', eventArgs);
-            const Component = createComponentInstance(importMap, eventArgs);
+            const Component = createComponentInstance(importMap, eventArgs.message);
             addStyleElement(eventArgs.message.styles.content);
             callback(null, Component);
         }
@@ -104,7 +107,7 @@ export const addComponentPreviewHandler = (importMap, callback) => {
 };
 /**
  * Adds the browser-side event handler for 'component:generation:component-preview' message used in Design Library for server components
- * The event should contain the component code, styles and imports.
+ * The event should contain the cache id and token which will be used to fetch the component code, styles and imports from secured endpoint
  * @param {Function} callback callback to be called after component is received
  * @internal
  */
@@ -145,14 +148,13 @@ export function addStyleElement(stylesContent) {
 /**
  * Dynamically creates a React component instance from provided importMap and from code, styles, and dependencies provided in the preview event.
  * @param {ImportEntry[]} importMap - The import map containing module and export references that might be injected as dependencies in the provided code.
- * @param {ComponentPreviewEventArgs} previewEventArgs - The event arguments containing the component code, styles, and import definitions.
+ * @param {GeneratedComponentData} generatedComponentData - The generated component data received from design library.
  * @returns The dynamically created React component instance.
  * @throws If any required modules or exports are missing from the import map, an error is thrown describing the missing dependencies.
  * @internal
  */
-export const createComponentInstance = (importMap, previewEventArgs) => {
-    const { message } = previewEventArgs;
-    const dependencies = buildComponentDependencies(message.imports, importMap);
+export const createComponentInstance = (importMap, generatedComponentData) => {
+    const dependencies = buildComponentDependencies(generatedComponentData.imports, importMap);
     if (dependencies.missing.modules.length > 0 || dependencies.missing.exports.length > 0) {
         let errorMessage = '';
         dependencies.missing.modules.forEach((mod) => {
@@ -167,9 +169,9 @@ export const createComponentInstance = (importMap, previewEventArgs) => {
     const importNames = dependencies.successful.map((entry) => entry.name);
     const importInstances = dependencies.successful.map((entry) => entry.value);
     const exports = { Component: null };
-    const componentFn = new Function('exports', message.styles.styleImport.name, ...importNames, message.code.content);
+    const componentFn = new Function('exports', generatedComponentData.styles.styleImport.name, ...importNames, generatedComponentData.code.content);
     // Function will set exports.Component
-    componentFn(exports, message.styles.styleImport.content, ...importInstances);
+    componentFn(exports, generatedComponentData.styles.styleImport.content, ...importInstances);
     return exports.Component;
 };
 /**
@@ -261,3 +263,26 @@ export const sendErrorEvent = (uid, error, type) => {
         target.postMessage(errorEvent, '*');
     }
 };
+/**
+ * Fetches generated component data from the authoring cache endpoint.
+ * This is used by the Design Studio Server to fetch the updated component data from the secured cache endpoint and render it in the Design Library Studio preview iframe.
+ * @param {string} id - The unique identifier of the component to fetch from cache.
+ * @param {string} token - The authorization token for authentication.
+ * @param {string} [edgeUrl] - The URL of the Sitecore Edge endpoint.
+ * @returns A Promise that resolves to the component rendering data, component generation data, or undefined if the fetch fails.
+ * @internal
+ */
+export async function fetchGeneratedComponentFromCache(id, token, edgeUrl = SITECORE_EDGE_PLATFORM_URL_DEFAULT) {
+    const dataFetcher = new NativeDataFetcher({ debugger: debug.editing });
+    const componentDataResponse = await dataFetcher.fetch(`${edgeUrl}/authoring/api/v1/components/cache/${id}`, {
+        method: 'GET',
+        headers: {
+            Authorization: `Bearer ${token}`,
+        },
+    });
+    if (componentDataResponse.status !== 200) {
+        throw new Error(`Failed to fetch generated component data from cache for id: ${id}. Response Status: ${componentDataResponse.status}, Response Status Text: ${componentDataResponse.statusText}`);
+    }
+    const generatedComponentData = JSON.parse(componentDataResponse.data.content);
+    return generatedComponentData;
+}

package/dist/esm/editing/design-library.js

@@ -10,6 +10,11 @@ const DESIGN_LIBRARY_STATUS_EVENT_NAME = 'component:status';
  * @internal
  */
 export const COMPONENT_UPDATE_CACHE_KEY_PREFIX = 'component-update-';
+/**
+ * Prefix for component preview cache keys
+ * @internal
+ */
+export const COMPONENT_PREVIEW_CACHE_KEY_PREFIX = 'component-preview-';
 /**
  * Enumeration of statuses for the design library.
  * @internal
@@ -122,15 +127,17 @@ export const updateComponent = (component, fields, params) => {
  * Generates a DesignLibraryStatusEvent with the given status and uid.
  * @param {DesignLibraryStatus} status - The status of rendering.
  * @param {string} uid - The unique identifier for the event.
+ * @param {boolean} [isRenderingServerComponent] - Indicates if the component being rendered is a server component.
  * @returns An object representing the DesignLibraryStatusEvent.
  * @internal
  */
-export function getDesignLibraryStatusEvent(status, uid) {
+export function getDesignLibraryStatusEvent(status, uid, isRenderingServerComponent = false) {
     return {
         name: DESIGN_LIBRARY_STATUS_EVENT_NAME,
         message: {
             status,
             uid,
+            isRenderingServerComponent,
         },
     };
 }

package/dist/esm/editing/index.js

@@ -3,4 +3,4 @@ export { DEFAULT_PLACEHOLDER_UID, PagesEditor, isEditorActive, resetEditorChrome
 export { ComponentLayoutService, } from './component-layout-service';
 export { DesignLibraryVariantGeneration, } from './models';
 export { LayoutKind, MetadataKind, DesignLibraryMode, } from './models';
-export { addComponentUpdateHandler, DesignLibraryStatus, getDesignLibraryStatusEvent, getDesignLibraryScriptLink, isDesignLibraryMode, postToDesignLibrary, COMPONENT_UPDATE_CACHE_KEY_PREFIX, updateComponent, } from './design-library';
+export { addComponentUpdateHandler, DesignLibraryStatus, getDesignLibraryStatusEvent, getDesignLibraryScriptLink, isDesignLibraryMode, postToDesignLibrary, COMPONENT_UPDATE_CACHE_KEY_PREFIX, COMPONENT_PREVIEW_CACHE_KEY_PREFIX, updateComponent, } from './design-library';

package/dist/esm/tools/codegen/import-map.js

@@ -241,7 +241,7 @@ const prepImportMaps = async (paths, separateMaps) => {
  */
 export const writeImportMap = (args) => {
     return async ({ scConfig }) => {
-        const defaultTemplate = args.serverTemplate || defaultMapTemplate;
+        const defaultTemplate = args.defaultTemplate || defaultMapTemplate;
         const clientTemplate = args.clientTemplate || defaultMapTemplate;
         if (!scConfig) {
             throw new Error('Sitecore configuration is required to be provided');
@@ -276,7 +276,7 @@ export const writeImportMap = (args) => {
     };
 };
 // eslint-disable-next-line jsdoc/require-jsdoc
-function _defaultMapTemplate(indexedImportMap, framework = 'core') {
+function _defaultMapTemplate(indexedImportMap, framework = 'core', defaultImportEntriesImport = 'defaultImportEntries') {
     const importStatements = [];
     const importMapArray = Array.from(indexedImportMap);
     // get import map entries after
@@ -328,7 +328,7 @@ function _defaultMapTemplate(indexedImportMap, framework = 'core') {
 // Below are built-in Content SDK imports neccessary for the import map
 import {
   combineImportEntries,
-  defaultImportEntries,
+  ${defaultImportEntriesImport},
   ImportEntry,
 } from '@sitecore-content-sdk/${framework}/codegen';
 // end of built-in imports
@@ -350,6 +350,6 @@ ${finalImportMap
         .join(',\n')}
 ] as ImportEntry[];
 
-export default combineImportEntries(defaultImportEntries, importMap);
+export default combineImportEntries(${defaultImportEntriesImport}, importMap);
 `;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/content",
-  "version": "1.5.0-canary.9",
+  "version": "2.0.0-canary.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -77,7 +77,7 @@
     "@sitecore-cloudsdk/events": "^0.5.1"
   },
   "dependencies": {
-    "@sitecore-content-sdk/core": "1.5.0-canary.9",
+    "@sitecore-content-sdk/core": "2.0.0-canary.2",
     "chalk": "^4.1.2",
     "debug": "^4.4.0",
     "glob": "^11.0.2",
@@ -86,7 +86,7 @@
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "1ee268ebf45cb5138f525201290568370e004241",
+  "gitHead": "fb5a8d3373cf15bbb9dcc2312b80825fe7d82ac8",
   "files": [
     "dist",
     "types",

package/types/editing/codegen/index.d.ts

@@ -1,2 +1,2 @@
-export { addComponentPreviewHandler, addServerComponentPreviewHandler, getDesignLibraryComponentPreviewErrorEvent, getDesignLibraryComponentPropsEvent, getDesignLibraryImportMapEvent, getImportMapInfo, addStyleElement, createComponentInstance, sendErrorEvent, DesignLibraryPreviewError, ImportEntry, ImportEntryInfo, ComponentPreviewEventArgs, } from './preview';
+export { addComponentPreviewHandler, addServerComponentPreviewHandler, getDesignLibraryComponentPreviewErrorEvent, getDesignLibraryComponentPropsEvent, getDesignLibraryImportMapEvent, getImportMapInfo, addStyleElement, createComponentInstance, sendErrorEvent, DesignLibraryPreviewError, ImportEntry, ImportEntryInfo, GeneratedComponentData, ComponentPreviewEventArgs, ServerComponentPreviewEventArgs, fetchGeneratedComponentFromCache, } from './preview';
 //# sourceMappingURL=index.d.ts.map

package/types/editing/codegen/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editing/codegen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,0CAA0C,EAC1C,mCAAmC,EACnC,8BAA8B,EAC9B,gBAAgB,EAChB,eAAe,EACf,uBAAuB,EACvB,cAAc,EACd,yBAAyB,EACzB,WAAW,EACX,eAAe,EACf,yBAAyB,GAC1B,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/editing/codegen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,0BAA0B,EAC1B,gCAAgC,EAChC,0CAA0C,EAC1C,mCAAmC,EACnC,8BAA8B,EAC9B,gBAAgB,EAChB,eAAe,EACf,uBAAuB,EACvB,cAAc,EACd,yBAAyB,EACzB,WAAW,EACX,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,+BAA+B,EAC/B,gCAAgC,GACjC,MAAM,WAAW,CAAC"}

package/types/editing/codegen/preview.d.ts

@@ -56,50 +56,73 @@ export type ComponentImport = {
     alias: string;
 };
 /**
- * Represents a component preview event data sent from design library
+ * Represents the data needed to render AI generated component.
  * @internal
  */
-export interface ComponentPreviewEventArgs extends DesignLibraryEvent {
-    name: typeof DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME;
-    message: {
-        /**
-         * The unique identifier for the component.
-         */
-        uid: string;
+export type GeneratedComponentData = {
+    /**
+     * The unique identifier for the component.
+     */
+    uid: string;
+    /**
+     * The code of the component.
+     */
+    code: {
+        type: 'function';
+        content: string;
+    };
+    /**
+     * The styles of the component.
+     */
+    styles: {
+        type: 'style-element';
         /**
-         * The code of the component.
+         * The styles content to be attached to the DOM.
          */
-        code: {
-            type: 'function';
-            content: string;
-        };
+        content: string;
         /**
-         * The styles of the component.
+         * The CSS module import
          */
-        styles: {
-            type: 'style-element';
+        styleImport: {
             /**
-             * The styles content to be attached to the DOM.
+             * The name of the style import.
              */
-            content: string;
+            name: string;
             /**
-             * The CSS module import
+             * The value of the style import
              */
-            styleImport: {
-                /**
-                 * The name of the style import.
-                 */
-                name: string;
-                /**
-                 * The value of the style import
-                 */
-                content: unknown;
-            };
+            content: unknown;
         };
+    };
+    /**
+     * The imports of the component.
+     */
+    imports: ComponentImport[];
+};
+/**
+ * Represents a component preview event data sent from design library
+ * @internal
+ */
+export interface ComponentPreviewEventArgs extends DesignLibraryEvent {
+    name: typeof DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME;
+    message: GeneratedComponentData;
+}
+/**
+ * Represents a server component preview event data sent from design library in variant generation mode.
+ * @internal
+ */
+export interface ServerComponentPreviewEventArgs extends DesignLibraryEvent {
+    name: typeof DESIGN_LIBRARY_COMPONENT_PREVIEW_EVENT_NAME;
+    message: {
         /**
-         * The imports of the component.
+         * The cache information for the component preview, used for server components in Design Library variant generation mode.
          */
-        imports: ComponentImport[];
+        cache: {
+            /** The unique identifier for the cache entry. */
+            id: string;
+            /** The jwt token for authentication when fetching the preview component from the cache. */
+            token: string;
+        };
     };
 }
 /**
@@ -184,11 +207,11 @@ export declare function buildComponentDependencies(componentImports: ComponentIm
 export declare const addComponentPreviewHandler: (importMap: ImportEntry[], callback: (error: unknown | null, Component: unknown) => void) => (() => void) | undefined;
 /**
  * Adds the browser-side event handler for 'component:generation:component-preview' message used in Design Library for server components
- * The event should contain the component code, styles and imports.
+ * The event should contain the cache id and token which will be used to fetch the component code, styles and imports from secured endpoint
  * @param {Function} callback callback to be called after component is received
  * @internal
  */
-export declare const addServerComponentPreviewHandler: (callback: (eventArgs: ComponentPreviewEventArgs) => void) => () => void;
+export declare const addServerComponentPreviewHandler: (callback: (eventArgs: ServerComponentPreviewEventArgs) => void) => () => void;
 /**
  * Adds <style> element in the document head with the provided CSS.
  * If an existing style element with the id "content-sdk-style-preview" is found, it is removed
@@ -200,12 +223,12 @@ export declare function addStyleElement(stylesContent: string): void;
 /**
  * Dynamically creates a React component instance from provided importMap and from code, styles, and dependencies provided in the preview event.
  * @param {ImportEntry[]} importMap - The import map containing module and export references that might be injected as dependencies in the provided code.
- * @param {ComponentPreviewEventArgs} previewEventArgs - The event arguments containing the component code, styles, and import definitions.
+ * @param {GeneratedComponentData} generatedComponentData - The generated component data received from design library.
  * @returns The dynamically created React component instance.
  * @throws If any required modules or exports are missing from the import map, an error is thrown describing the missing dependencies.
  * @internal
  */
-export declare const createComponentInstance: (importMap: ImportEntry[], previewEventArgs: ComponentPreviewEventArgs) => unknown;
+export declare const createComponentInstance: (importMap: ImportEntry[], generatedComponentData: GeneratedComponentData) => unknown;
 /**
  * Generates a DesignLibraryComponentPreviewErrorEvent with the given uid and error.
  * @param {string} uid - The unique identifier for the event.
@@ -252,5 +275,15 @@ export declare function isImportEntryInfoArray(data: unknown): data is ImportEnt
  * @internal
  */
 export declare const sendErrorEvent: (uid: string, error: unknown, type: DesignLibraryPreviewError) => void;
+/**
+ * Fetches generated component data from the authoring cache endpoint.
+ * This is used by the Design Studio Server to fetch the updated component data from the secured cache endpoint and render it in the Design Library Studio preview iframe.
+ * @param {string} id - The unique identifier of the component to fetch from cache.
+ * @param {string} token - The authorization token for authentication.
+ * @param {string} [edgeUrl] - The URL of the Sitecore Edge endpoint.
+ * @returns A Promise that resolves to the component rendering data, component generation data, or undefined if the fetch fails.
+ * @internal
+ */
+export declare function fetchGeneratedComponentFromCache(id: string, token: string, edgeUrl?: string): Promise<GeneratedComponentData>;
 export {};
 //# sourceMappingURL=preview.d.ts.map

package/types/editing/codegen/preview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/editing/codegen/preview.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/editing/codegen/preview.ts"],"names":[],"mappings":"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"}

package/types/editing/design-library.d.ts

@@ -9,6 +9,11 @@ declare const DESIGN_LIBRARY_STATUS_EVENT_NAME = "component:status";
  * @internal
  */
 export declare const COMPONENT_UPDATE_CACHE_KEY_PREFIX = "component-update-";
+/**
+ * Prefix for component preview cache keys
+ * @internal
+ */
+export declare const COMPONENT_PREVIEW_CACHE_KEY_PREFIX = "component-preview-";
 /**
  * Base interface for all Design Library events.
  */
@@ -31,6 +36,7 @@ export interface DesignLibraryStatusEvent extends DesignLibraryEvent {
     message: {
         status: 'ready' | 'rendered';
         uid: string;
+        isRenderingServerComponent: boolean;
     };
 }
 /**
@@ -83,10 +89,11 @@ export declare const updateComponent: (component: ComponentRendering<ComponentFi
  * Generates a DesignLibraryStatusEvent with the given status and uid.
  * @param {DesignLibraryStatus} status - The status of rendering.
  * @param {string} uid - The unique identifier for the event.
+ * @param {boolean} [isRenderingServerComponent] - Indicates if the component being rendered is a server component.
  * @returns An object representing the DesignLibraryStatusEvent.
  * @internal
  */
-export declare function getDesignLibraryStatusEvent(status: DesignLibraryStatus, uid: string): DesignLibraryStatusEvent;
+export declare function getDesignLibraryStatusEvent(status: DesignLibraryStatus, uid: string, isRenderingServerComponent?: boolean): DesignLibraryStatusEvent;
 /**
  * Generates the URL for the design library script link.
  * Caller should pass the resolved Edge URL from config.

package/types/editing/design-library.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"design-library.d.ts","sourceRoot":"","sources":["../../src/editing/design-library.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,KAAK,EACL,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AACH,QAAA,MAAM,gCAAgC,qBAAqB,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,iCAAiC,sBAAsB,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,IAAI,EAAE,OAAO,gCAAgC,CAAC;IAC9C,OAAO,EAAE;QACP,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC;QAC7B,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,mBAAmB;IAC7B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;KACnD,CAAC;CACH;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GACpC,eAAe,kBAAkB,EACjC,kBAAkB,CAAC,oBAAoB,EAAE,kBAAkB,KAAK,IAAI,6BAUrE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,YAAY,YASjD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,GAAG,YAAY,EAAE,WAAW,MAAM,KAAG,OAelE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,GAAG,YAAY,EACf,eAAe,kBAAkB,EACjC,kBAAkB,CAAC,oBAAoB,EAAE,kBAAkB,KAAK,IAAI,oDAkDrE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,kBAAkB,CAAC,eAAe,CAAC,EAC9C,QAAQ,eAAe,GAAG,SAAS,EACnC,QAAQ,eAAe,GAAG,SAAS,SAQpC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,mBAAmB,EAC3B,GAAG,EAAE,MAAM,GACV,wBAAwB,CAQ1B;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,eAAe,GAAE,MAAqD,GACrE,MAAM,CAER;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,iBAAiB,CAE5E;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,kBAAkB,SAW1D,CAAC"}
+{"version":3,"file":"design-library.d.ts","sourceRoot":"","sources":["../../src/editing/design-library.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,KAAK,EACL,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE7C;;GAEG;AACH,QAAA,MAAM,gCAAgC,qBAAqB,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,iCAAiC,sBAAsB,CAAC;AAErE;;;GAGG;AACH,eAAO,MAAM,kCAAkC,uBAAuB,CAAC;AAEvE;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED;;;GAGG;AACH,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,IAAI,EAAE,OAAO,gCAAgC,CAAC;IAC9C,OAAO,EAAE;QACP,MAAM,EAAE,OAAO,GAAG,UAAU,CAAC;QAC7B,GAAG,EAAE,MAAM,CAAC;QACZ,0BAA0B,EAAE,OAAO,CAAC;KACrC,CAAC;CACH;AAED;;;GAGG;AACH,oBAAY,mBAAmB;IAC7B,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE;QACR,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAChC,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;KACnD,CAAC;CACH;AAED;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GACpC,eAAe,kBAAkB,EACjC,kBAAkB,CAAC,oBAAoB,EAAE,kBAAkB,KAAK,IAAI,6BAUrE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,YAAY,YASjD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,GAAI,GAAG,YAAY,EAAE,WAAW,MAAM,KAAG,OAelE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,GAAG,YAAY,EACf,eAAe,kBAAkB,EACjC,kBAAkB,CAAC,oBAAoB,EAAE,kBAAkB,KAAK,IAAI,oDAkDrE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAC1B,WAAW,kBAAkB,CAAC,eAAe,CAAC,EAC9C,QAAQ,eAAe,GAAG,SAAS,EACnC,QAAQ,eAAe,GAAG,SAAS,SAQpC,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CACzC,MAAM,EAAE,mBAAmB,EAC3B,GAAG,EAAE,MAAM,EACX,0BAA0B,UAAQ,GACjC,wBAAwB,CAS1B;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,eAAe,GAAE,MAAqD,GACrE,MAAM,CAER;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,iBAAiB,CAE5E;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,KAAK,kBAAkB,SAW1D,CAAC"}

package/types/editing/index.d.ts

@@ -3,5 +3,5 @@ export { DEFAULT_PLACEHOLDER_UID, PagesEditor, isEditorActive, resetEditorChrome
 export { ComponentLayoutService, ComponentLayoutRequestParams, ComponentLayoutServiceConfig, } from './component-layout-service';
 export { EditingRenderQueryParams, RenderComponentQueryParams, DesignLibraryVariantGeneration, } from './models';
 export { LayoutKind, MetadataKind, EditingPreviewData, DesignLibraryRenderPreviewData, DesignLibraryMode, } from './models';
-export { addComponentUpdateHandler, DesignLibraryStatus, DesignLibraryStatusEvent, getDesignLibraryStatusEvent, getDesignLibraryScriptLink, isDesignLibraryMode, postToDesignLibrary, COMPONENT_UPDATE_CACHE_KEY_PREFIX, updateComponent, } from './design-library';
+export { addComponentUpdateHandler, DesignLibraryStatus, DesignLibraryStatusEvent, getDesignLibraryStatusEvent, getDesignLibraryScriptLink, isDesignLibraryMode, postToDesignLibrary, COMPONENT_UPDATE_CACHE_KEY_PREFIX, COMPONENT_PREVIEW_CACHE_KEY_PREFIX, updateComponent, } from './design-library';
 //# sourceMappingURL=index.d.ts.map

package/types/editing/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EACL,uBAAuB,EACvB,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,EACpB,wBAAwB,EACxB,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,8BAA8B,EAC9B,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,EACnB,iCAAiC,EACjC,eAAe,GAChB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/editing/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EACL,uBAAuB,EACvB,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,4BAA4B,EAC5B,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,oBAAoB,EACpB,wBAAwB,EACxB,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,sBAAsB,EACtB,4BAA4B,EAC5B,4BAA4B,GAC7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,wBAAwB,EACxB,0BAA0B,EAC1B,8BAA8B,GAC/B,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,8BAA8B,EAC9B,iBAAiB,GAClB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,mBAAmB,EACnB,mBAAmB,EACnB,iCAAiC,EACjC,kCAAkC,EAClC,eAAe,GAChB,MAAM,kBAAkB,CAAC"}

package/types/tools/codegen/import-map.d.ts

@@ -43,13 +43,12 @@ export type WriteImportMapArgsInternal = WriteImportMapArgs & {
      */
     separateServerClientMaps?: boolean;
     /**
-     * Function to return custom template for server import map file.
-     * Will be used as default template if separateServerClientMaps is false.
+     * Function to return custom template for import map file.
      * @param {Map<string, ModuleExports>} indexedImportMap import map to be processed into final import-map.ts or import-map.server.ts file
      * @returns {string} contents for resulting import map file
      * @internal
      */
-    serverTemplate?: (indexedImportMap: Map<string, ModuleExports>) => string;
+    defaultTemplate?: (indexedImportMap: Map<string, ModuleExports>) => string;
     /**
      * Function to return custom template for client import map file when separateServerClientMaps is true.
      * @param {Map<string, ModuleExports>} indexedImportMap import map to be processed into final import-map.client.ts file
@@ -94,6 +93,6 @@ declare function _getImportMap(paths: string[]): Map<string, ModuleExports>;
 export declare const writeImportMap: (args: WriteImportMapArgsInternal) => ({ scConfig }: {
     scConfig: SitecoreConfig;
 }) => Promise<void>;
-declare function _defaultMapTemplate(indexedImportMap: Map<string, ModuleExports>, framework?: string): string;
+declare function _defaultMapTemplate(indexedImportMap: Map<string, ModuleExports>, framework?: string, defaultImportEntriesImport?: string): string;
 export {};
 //# sourceMappingURL=import-map.d.ts.map

package/types/tools/codegen/import-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"import-map.d.ts","sourceRoot":"","sources":["../../../src/tools/codegen/import-map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,YAAY,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOhD,eAAO,MAAM,SAAS,GAAI,2BAEvB;IACD,oBAAoB,CAAC,EAAE,OAAO,gBAAgB,CAAC;CAChD,SAEA,CAAC;AAEF;;;;GAIG;AACH,eAAO,IAAI,YAAY,sBAAgB,CAAC;AAExC;;;;;GAKG;AACH,eAAO,IAAI,kBAAkB,4BAAsB,CAAC;AAEpD,eAAO,MAAM,eAAe;;wBASJ,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,MAAM;CAO/E,CAAC;AAmBF;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,GAAG;IAC5D;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,MAAM,CAAC;IAC1E;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,MAAM,CAAC;CAC3E,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAE1B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAElC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAQF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,YAAY,EAAE,CAAC,iBAAiB,KAAG,WAAW,GAAG,IA4BlF,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAC9B,aAAa,MAAM,EACnB,YAAY,MAAM,EAClB,YAAY,OAAO,GAAG,SAAS,GAAG,WAAW,WAQ9C,CAAC;AAGF,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,8BAsJrC;AAyCD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,0BAA0B,MAC/C,cAAc;IAAE,QAAQ,EAAE,cAAc,CAAA;CAAE,kBAwCzD,CAAC;AAGF,iBAAS,mBAAmB,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,EAAE,SAAS,SAAS,UAsF5F"}
+{"version":3,"file":"import-map.d.ts","sourceRoot":"","sources":["../../../src/tools/codegen/import-map.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,YAAY,CAAC;AAIjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOhD,eAAO,MAAM,SAAS,GAAI,2BAEvB;IACD,oBAAoB,CAAC,EAAE,OAAO,gBAAgB,CAAC;CAChD,SAEA,CAAC;AAEF;;;;GAIG;AACH,eAAO,IAAI,YAAY,sBAAgB,CAAC;AAExC;;;;;GAKG;AACH,eAAO,IAAI,kBAAkB,4BAAsB,CAAC;AAEpD,eAAO,MAAM,eAAe;;wBASJ,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,MAAM;CAO/E,CAAC;AAmBF;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,0BAA0B,GAAG,kBAAkB,GAAG;IAC5D;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;OAKG;IACH,eAAe,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,MAAM,CAAC;IAC3E;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,MAAM,CAAC;CAC3E,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG;IAE1B,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAElC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,CAAC;AAQF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAAI,YAAY,EAAE,CAAC,iBAAiB,KAAG,WAAW,GAAG,IA4BlF,CAAC;AAIF,eAAO,MAAM,mBAAmB,GAC9B,aAAa,MAAM,EACnB,YAAY,MAAM,EAClB,YAAY,OAAO,GAAG,SAAS,GAAG,WAAW,WAQ9C,CAAC;AAGF,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,8BAsJrC;AAyCD;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,0BAA0B,MAC/C,cAAc;IAAE,QAAQ,EAAE,cAAc,CAAA;CAAE,kBAwCzD,CAAC;AAGF,iBAAS,mBAAmB,CAC1B,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,EAC5C,SAAS,SAAS,EAClB,0BAA0B,GAAE,MAA+B,UAuF5D"}