@contentful/experiences-core 0.0.1-alpha.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Contentful
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/communication/sendMessage.d.ts

@@ -0,0 +1,6 @@
+import { PostMessageMethods } from '../constants.js';
+import { OutgoingEvent } from '../types.js';
+
+declare const sendMessage: (eventType: OutgoingEvent | PostMessageMethods, data?: unknown) => void;
+
+export { sendMessage };

package/dist/constants.d.ts

@@ -0,0 +1,106 @@
+declare const SCROLL_STATES: {
+    Start: string;
+    IsScrolling: string;
+    End: string;
+};
+declare const OUTGOING_EVENTS: {
+    Connected: string;
+    DesignTokens: string;
+    HoveredSection: string;
+    MouseMove: string;
+    NewHoveredElement: string;
+    ComponentSelected: string;
+    RegisteredComponents: string;
+    RequestComponentTreeUpdate: string;
+    ComponentDragCanceled: string;
+    ComponentDropped: string;
+    ComponentMoved: string;
+    CanvasReload: string;
+    UpdateSelectedComponentCoordinates: string;
+    UpdateHoveredComponentCoordinates: string;
+    CanvasScroll: string;
+    CanvasError: string;
+    ComponentMoveStarted: string;
+    ComponentMoveEnded: string;
+    OutsideCanvasClick: string;
+};
+declare const INCOMING_EVENTS: {
+    RequestEditorMode: string;
+    ExperienceUpdated: string;
+    ComponentDraggingChanged: string;
+    ComponentDragCanceled: string;
+    ComponentDragStarted: string;
+    ComponentDragEnded: string;
+    ComponentMoveEnded: string;
+    CanvasResized: string;
+    SelectComponent: string;
+    HoverComponent: string;
+    UpdatedEntity: string;
+    AssembliesAdded: string;
+    AssembliesRegistered: string;
+    InitEditor: string;
+    MouseMove: string;
+};
+declare const INTERNAL_EVENTS: {
+    ComponentsRegistered: string;
+    VisualEditorInitialize: string;
+};
+declare const VISUAL_EDITOR_EVENTS: {
+    Ready: string;
+};
+declare const VISUAL_EDITOR_CONTAINER_ID = "cf-visual-editor";
+declare const CONTENTFUL_COMPONENT_CATEGORY = "contentful-component";
+declare const CONTENTFUL_DEFAULT_CATEGORY = "Contentful";
+declare const CONTENTFUL_COMPONENTS: {
+    section: {
+        id: string;
+        name: string;
+    };
+    container: {
+        id: string;
+        name: string;
+    };
+    columns: {
+        id: string;
+        name: string;
+    };
+    singleColumn: {
+        id: string;
+        name: string;
+    };
+    button: {
+        id: string;
+        name: string;
+    };
+    heading: {
+        id: string;
+        name: string;
+    };
+    image: {
+        id: string;
+        name: string;
+    };
+    richText: {
+        id: string;
+        name: string;
+    };
+    text: {
+        id: string;
+        name: string;
+    };
+};
+declare const ASSEMBLY_NODE_TYPE = "assembly";
+declare const ASSEMBLY_DEFAULT_CATEGORY = "Assemblies";
+declare const ASSEMBLY_BLOCK_NODE_TYPE = "assemblyBlock";
+declare const ASSEMBLY_NODE_TYPES: string[];
+declare const LATEST_SCHEMA_VERSION = "2023-09-28";
+declare const CF_STYLE_ATTRIBUTES: string[];
+declare const EMPTY_CONTAINER_HEIGHT = "80px";
+declare const DEFAULT_IMAGE_WIDTH = "500px";
+declare enum PostMessageMethods {
+    REQUEST_ENTITIES = "REQUEST_ENTITIES",
+    REQUESTED_ENTITIES = "REQUESTED_ENTITIES"
+}
+declare const SUPPORTED_IMAGE_FORMATS: readonly ["jpg", "png", "webp", "gif", "avif"];
+
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS };

package/dist/constants.js

@@ -0,0 +1,144 @@
+const SCROLL_STATES = {
+    Start: 'scrollStart',
+    IsScrolling: 'isScrolling',
+    End: 'scrollEnd',
+};
+const OUTGOING_EVENTS = {
+    Connected: 'connected',
+    DesignTokens: 'registerDesignTokens',
+    HoveredSection: 'hoveredSection',
+    MouseMove: 'mouseMove',
+    NewHoveredElement: 'newHoveredElement',
+    ComponentSelected: 'componentSelected',
+    RegisteredComponents: 'registeredComponents',
+    RequestComponentTreeUpdate: 'requestComponentTreeUpdate',
+    ComponentDragCanceled: 'componentDragCanceled',
+    ComponentDropped: 'componentDropped',
+    ComponentMoved: 'componentMoved',
+    CanvasReload: 'canvasReload',
+    UpdateSelectedComponentCoordinates: 'updateSelectedComponentCoordinates',
+    UpdateHoveredComponentCoordinates: 'updateHoveredComponentCoordinates',
+    CanvasScroll: 'canvasScrolling',
+    CanvasError: 'canvasError',
+    ComponentMoveStarted: 'componentMoveStarted',
+    ComponentMoveEnded: 'componentMoveEnded',
+    OutsideCanvasClick: 'outsideCanvasClick',
+};
+const INCOMING_EVENTS = {
+    RequestEditorMode: 'requestEditorMode',
+    ExperienceUpdated: 'componentTreeUpdated',
+    ComponentDraggingChanged: 'componentDraggingChanged',
+    ComponentDragCanceled: 'componentDragCanceled',
+    ComponentDragStarted: 'componentDragStarted',
+    ComponentDragEnded: 'componentDragEnded',
+    ComponentMoveEnded: 'componentMoveEnded',
+    CanvasResized: 'canvasResized',
+    SelectComponent: 'selectComponent',
+    HoverComponent: 'hoverComponent',
+    UpdatedEntity: 'updatedEntity',
+    AssembliesAdded: 'assembliesAdded',
+    AssembliesRegistered: 'assembliesRegistered',
+    InitEditor: 'initEditor',
+    MouseMove: 'mouseMove',
+};
+const INTERNAL_EVENTS = {
+    ComponentsRegistered: 'cfComponentsRegistered',
+    VisualEditorInitialize: 'cfVisualEditorInitialize',
+};
+const VISUAL_EDITOR_EVENTS = {
+    Ready: 'cfVisualEditorReady',
+};
+const VISUAL_EDITOR_CONTAINER_ID = 'cf-visual-editor';
+const CONTENTFUL_COMPONENT_CATEGORY = 'contentful-component';
+const CONTENTFUL_DEFAULT_CATEGORY = 'Contentful';
+const CONTENTFUL_COMPONENTS = {
+    section: {
+        id: 'contentful-section',
+        name: 'Section',
+    },
+    container: {
+        id: 'contentful-container',
+        name: 'Container',
+    },
+    columns: {
+        id: 'contentful-columns',
+        name: 'Columns',
+    },
+    singleColumn: {
+        id: 'contentful-single-column',
+        name: 'Column',
+    },
+    button: {
+        id: 'contentful-button',
+        name: 'Button',
+    },
+    heading: {
+        id: 'contentful-heading',
+        name: 'Heading',
+    },
+    image: {
+        id: 'contentful-image',
+        name: 'Image',
+    },
+    richText: {
+        id: 'contentful-richText',
+        name: 'Rich Text',
+    },
+    text: {
+        id: 'contentful-text',
+        name: 'Text',
+    },
+};
+const ASSEMBLY_NODE_TYPE = 'assembly';
+const ASSEMBLY_DEFAULT_CATEGORY = 'Assemblies';
+const ASSEMBLY_BLOCK_NODE_TYPE = 'assemblyBlock';
+const ASSEMBLY_NODE_TYPES = [ASSEMBLY_NODE_TYPE, ASSEMBLY_BLOCK_NODE_TYPE];
+const LATEST_SCHEMA_VERSION = '2023-09-28';
+const CF_STYLE_ATTRIBUTES = [
+    'cfHorizontalAlignment',
+    'cfVerticalAlignment',
+    'cfMargin',
+    'cfPadding',
+    'cfBackgroundColor',
+    'cfWidth',
+    'cfMaxWidth',
+    'cfHeight',
+    'cfImageAsset',
+    'cfImageOptions',
+    'cfBackgroundImageUrl',
+    'cfBackgroundImageOptions',
+    'cfFlexDirection',
+    'cfFlexWrap',
+    'cfBorder',
+    'cfBorderRadius',
+    'cfGap',
+    'cfFontSize',
+    'cfFontWeight',
+    'cfLineHeight',
+    'cfLetterSpacing',
+    'cfTextColor',
+    'cfTextAlign',
+    'cfTextTransform',
+    'cfTextBold',
+    'cfTextItalic',
+    'cfTextUnderline',
+    // For backwards compatibility
+    // we need to keep those in this constant array
+    // so that omit() in <VisualEditorBlock> and <CompositionBlock>
+    // can filter them out and not pass as props
+    'cfBackgroundImageScaling',
+    'cfBackgroundImageAlignment',
+    'cfBackgroundImageAlignmentVertical',
+    'cfBackgroundImageAlignmentHorizontal',
+];
+const EMPTY_CONTAINER_HEIGHT = '80px';
+const DEFAULT_IMAGE_WIDTH = '500px';
+var PostMessageMethods;
+(function (PostMessageMethods) {
+    PostMessageMethods["REQUEST_ENTITIES"] = "REQUEST_ENTITIES";
+    PostMessageMethods["REQUESTED_ENTITIES"] = "REQUESTED_ENTITIES";
+})(PostMessageMethods || (PostMessageMethods = {}));
+const SUPPORTED_IMAGE_FORMATS = ['jpg', 'png', 'webp', 'gif', 'avif'];
+
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS };
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export const SCROLL_STATES = {\n  Start: 'scrollStart',\n  IsScrolling: 'isScrolling',\n  End: 'scrollEnd',\n};\n\nexport const OUTGOING_EVENTS = {\n  Connected: 'connected',\n  DesignTokens: 'registerDesignTokens',\n  HoveredSection: 'hoveredSection',\n  MouseMove: 'mouseMove',\n  NewHoveredElement: 'newHoveredElement',\n  ComponentSelected: 'componentSelected',\n  RegisteredComponents: 'registeredComponents',\n  RequestComponentTreeUpdate: 'requestComponentTreeUpdate',\n  ComponentDragCanceled: 'componentDragCanceled',\n  ComponentDropped: 'componentDropped',\n  ComponentMoved: 'componentMoved',\n  CanvasReload: 'canvasReload',\n  UpdateSelectedComponentCoordinates: 'updateSelectedComponentCoordinates',\n  UpdateHoveredComponentCoordinates: 'updateHoveredComponentCoordinates',\n  CanvasScroll: 'canvasScrolling',\n  CanvasError: 'canvasError',\n  ComponentMoveStarted: 'componentMoveStarted',\n  ComponentMoveEnded: 'componentMoveEnded',\n  OutsideCanvasClick: 'outsideCanvasClick',\n};\n\nexport const INCOMING_EVENTS = {\n  RequestEditorMode: 'requestEditorMode',\n  ExperienceUpdated: 'componentTreeUpdated',\n  ComponentDraggingChanged: 'componentDraggingChanged',\n  ComponentDragCanceled: 'componentDragCanceled',\n  ComponentDragStarted: 'componentDragStarted',\n  ComponentDragEnded: 'componentDragEnded',\n  ComponentMoveEnded: 'componentMoveEnded',\n  CanvasResized: 'canvasResized',\n  SelectComponent: 'selectComponent',\n  HoverComponent: 'hoverComponent',\n  UpdatedEntity: 'updatedEntity',\n  AssembliesAdded: 'assembliesAdded',\n  AssembliesRegistered: 'assembliesRegistered',\n  InitEditor: 'initEditor',\n  MouseMove: 'mouseMove',\n};\n\nexport const INTERNAL_EVENTS = {\n  ComponentsRegistered: 'cfComponentsRegistered',\n  VisualEditorInitialize: 'cfVisualEditorInitialize',\n};\n\nexport const VISUAL_EDITOR_EVENTS = {\n  Ready: 'cfVisualEditorReady',\n};\n\nexport const VISUAL_EDITOR_CONTAINER_ID = 'cf-visual-editor';\nexport const CONTENTFUL_COMPONENT_CATEGORY = 'contentful-component';\nexport const CONTENTFUL_DEFAULT_CATEGORY = 'Contentful';\n\nexport const CONTENTFUL_COMPONENTS = {\n  section: {\n    id: 'contentful-section',\n    name: 'Section',\n  },\n  container: {\n    id: 'contentful-container',\n    name: 'Container',\n  },\n  columns: {\n    id: 'contentful-columns',\n    name: 'Columns',\n  },\n  singleColumn: {\n    id: 'contentful-single-column',\n    name: 'Column',\n  },\n  button: {\n    id: 'contentful-button',\n    name: 'Button',\n  },\n  heading: {\n    id: 'contentful-heading',\n    name: 'Heading',\n  },\n  image: {\n    id: 'contentful-image',\n    name: 'Image',\n  },\n  richText: {\n    id: 'contentful-richText',\n    name: 'Rich Text',\n  },\n  text: {\n    id: 'contentful-text',\n    name: 'Text',\n  },\n};\n\nexport const ASSEMBLY_NODE_TYPE = 'assembly';\nexport const ASSEMBLY_DEFAULT_CATEGORY = 'Assemblies';\nexport const ASSEMBLY_BLOCK_NODE_TYPE = 'assemblyBlock';\nexport const ASSEMBLY_NODE_TYPES = [ASSEMBLY_NODE_TYPE, ASSEMBLY_BLOCK_NODE_TYPE];\nexport const LATEST_SCHEMA_VERSION = '2023-09-28';\nexport const CF_STYLE_ATTRIBUTES = [\n  'cfHorizontalAlignment',\n  'cfVerticalAlignment',\n  'cfMargin',\n  'cfPadding',\n  'cfBackgroundColor',\n  'cfWidth',\n  'cfMaxWidth',\n  'cfHeight',\n  'cfImageAsset',\n  'cfImageOptions',\n  'cfBackgroundImageUrl',\n  'cfBackgroundImageOptions',\n  'cfFlexDirection',\n  'cfFlexWrap',\n  'cfBorder',\n  'cfBorderRadius',\n  'cfGap',\n  'cfFontSize',\n  'cfFontWeight',\n  'cfLineHeight',\n  'cfLetterSpacing',\n  'cfTextColor',\n  'cfTextAlign',\n  'cfTextTransform',\n  'cfTextBold',\n  'cfTextItalic',\n  'cfTextUnderline',\n  // For backwards compatibility\n  // we need to keep those in this constant array\n  // so that omit() in <VisualEditorBlock> and <CompositionBlock>\n  // can filter them out and not pass as props\n  'cfBackgroundImageScaling',\n  'cfBackgroundImageAlignment',\n  'cfBackgroundImageAlignmentVertical',\n  'cfBackgroundImageAlignmentHorizontal',\n];\n\nexport const EMPTY_CONTAINER_HEIGHT = '80px';\n\nexport const DEFAULT_IMAGE_WIDTH = '500px';\n\nexport enum PostMessageMethods {\n  REQUEST_ENTITIES = 'REQUEST_ENTITIES',\n  REQUESTED_ENTITIES = 'REQUESTED_ENTITIES',\n}\n\nexport const SUPPORTED_IMAGE_FORMATS = ['jpg', 'png', 'webp', 'gif', 'avif'] as const;\n"],"names":[],"mappings":"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"}

package/dist/deep-binding/DeepReference.d.ts

@@ -0,0 +1,28 @@
+import { DataSourceEntryValueType, Link, ExperienceEntry, ExperienceTreeNode } from '../types.js';
+import { EntityStoreBase } from '../entity/EntityStoreBase.js';
+import { ExperienceDataSource } from '@contentful/experiences-validators';
+
+type DeepReferenceOpts = {
+    path: string;
+    dataSource: ExperienceDataSource;
+};
+declare class DeepReference {
+    entityId: string;
+    entityLink: DataSourceEntryValueType;
+    field: string;
+    referentField: string;
+    originalPath: string;
+    constructor({ path, dataSource }: DeepReferenceOpts);
+    get headEntityId(): string;
+    /**
+     * Extracts referent from the path, using EntityStore as source of
+     * entities during the resolution path.
+     * TODO: should it be called `extractLeafReferent` ? or `followToLeafReferent`
+     */
+    extractReferent(entityStore: EntityStoreBase): Link<'Asset' | 'Entry'> | undefined;
+    static from(opt: DeepReferenceOpts): DeepReference;
+}
+declare function gatherDeepReferencesFromExperienceEntry(experienceEntry: ExperienceEntry): DeepReference[];
+declare function gatherDeepReferencesFromTree(startingNode: ExperienceTreeNode, dataSource: ExperienceDataSource): DeepReference[];
+
+export { DeepReference, gatherDeepReferencesFromExperienceEntry, gatherDeepReferencesFromTree };

package/dist/definitions/components.d.ts

@@ -0,0 +1,8 @@
+import { ComponentDefinition } from '../types.js';
+
+declare const sectionDefinition: ComponentDefinition;
+declare const containerDefinition: ComponentDefinition;
+declare const columnsDefinition: ComponentDefinition;
+declare const singleColumnDefinition: ComponentDefinition;
+
+export { columnsDefinition, containerDefinition, sectionDefinition, singleColumnDefinition };

package/dist/definitions/styles.d.ts

@@ -0,0 +1,11 @@
+import { ContainerStyleVariableName, ComponentDefinitionVariable } from '../types.js';
+
+type VariableDefinitions = Partial<Record<ContainerStyleVariableName, ComponentDefinitionVariable<'Text' | 'Boolean' | 'Media' | 'Object'>>>;
+declare const builtInStyles: VariableDefinitions;
+declare const optionalBuiltInStyles: VariableDefinitions;
+declare const sectionBuiltInStyles: VariableDefinitions;
+declare const containerBuiltInStyles: VariableDefinitions;
+declare const singleColumnBuiltInStyles: VariableDefinitions;
+declare const columnsBuiltInStyles: VariableDefinitions;
+
+export { builtInStyles, columnsBuiltInStyles, containerBuiltInStyles, optionalBuiltInStyles, sectionBuiltInStyles, singleColumnBuiltInStyles };

package/dist/entity/EditorEntityStore.d.ts

@@ -0,0 +1,34 @@
+import { Entry, Asset } from 'contentful';
+import { EntityStoreBase } from './EntityStoreBase.js';
+import { PostMessageMethods } from '../constants.js';
+import { RequestEntitiesMessage, RequestedEntitiesMessage } from '../types.js';
+
+type SendMessage = (method: PostMessageMethods.REQUEST_ENTITIES, params: RequestEntitiesMessage) => void;
+type Subscribe = (method: PostMessageMethods.REQUESTED_ENTITIES, cb: (message: RequestedEntitiesMessage) => void) => VoidFunction;
+/**
+ * EntityStore which resolves entries and assets from the editor
+ * over the sendMessage and subscribe functions.
+ */
+declare abstract class EditorEntityStore extends EntityStoreBase {
+    private requestCache;
+    private sendMessage;
+    private subscribe;
+    private timeoutDuration;
+    constructor({ entities, locale, sendMessage, subscribe, timeoutDuration, }: {
+        entities: Array<Entry | Asset>;
+        locale: string;
+        sendMessage: SendMessage;
+        subscribe: Subscribe;
+        timeoutDuration?: number;
+    });
+    private cleanupPromise;
+    private cacheIdSeperator;
+    private getCacheId;
+    private fetchEntity;
+    fetchAsset(id: string, skipCache?: boolean): Promise<Asset | undefined>;
+    fetchAssets(ids: string[], skipCache?: boolean): Promise<Asset[]>;
+    fetchEntry(id: string, skipCache?: boolean): Promise<Entry | undefined>;
+    fetchEntries(ids: string[], skipCache?: boolean): Promise<Entry[]>;
+}
+
+export { EditorEntityStore };

package/dist/entity/EditorModeEntityStore.d.ts

@@ -0,0 +1,29 @@
+import { Asset, Entry, UnresolvedLink } from 'contentful';
+import { EditorEntityStore } from './EditorEntityStore.js';
+
+declare class EditorModeEntityStore extends EditorEntityStore {
+    locale: string;
+    constructor({ entities, locale }: {
+        entities: Array<Asset | Entry>;
+        locale: string;
+    });
+    /**
+     * This function collects and returns the list of requested entries and assets. Additionally, it checks
+     * upfront whether any async fetching logic is actually happening. If not, it returns a plain `false` value, so we
+     * can detect this early and avoid unnecessary re-renders.
+     * @param entityLinks
+     * @returns false if no async fetching is happening, otherwise a promise that resolves when all entities are fetched
+     */
+    fetchEntities({ missingEntryIds, missingAssetIds, skipCache, }: {
+        missingEntryIds: string[];
+        missingAssetIds: string[];
+        skipCache?: boolean;
+    }): Promise<void>;
+    getMissingEntityIds(entityLinks: UnresolvedLink<'Entry' | 'Asset'>[]): {
+        missingEntryIds: string[];
+        missingAssetIds: string[];
+    };
+    getValue(entityLinkOrEntity: UnresolvedLink<'Entry' | 'Asset'> | Entry | Asset, path: string[]): string | undefined;
+}
+
+export { EditorModeEntityStore };

package/dist/entity/EntityStore.d.ts

@@ -0,0 +1,68 @@
+import * as contentful from 'contentful';
+import { UnresolvedLink, Entry, Asset } from 'contentful';
+import { ExperienceFields, ExperienceEntry } from '../types.js';
+import { EntityStoreBase } from './EntityStoreBase.js';
+import { ExperienceUnboundValues } from '@contentful/experiences-validators';
+
+type EntityStoreArgs = {
+    experienceEntry: ExperienceEntry | Entry;
+    entities: Array<Entry | Asset>;
+    locale: string;
+};
+declare class EntityStore extends EntityStoreBase {
+    private _experienceEntry;
+    private _unboundValues;
+    constructor(json: string);
+    constructor({ experienceEntry, entities, locale }: EntityStoreArgs);
+    getCurrentLocale(): string;
+    get experienceEntryFields(): ExperienceFields | undefined;
+    get schemaVersion(): "2023-09-28" | "2023-08-23" | "2023-07-26" | "2023-06-27" | undefined;
+    get breakpoints(): {
+        id: string;
+        displayName: string;
+        query: string;
+        previewSize: string;
+    }[];
+    get dataSource(): Record<string, {
+        sys: {
+            type: "Link";
+            id: string;
+            linkType: "Asset" | "Entry";
+        };
+    }>;
+    get unboundValues(): Record<string, {
+        value?: string | number | boolean | Record<any, any> | undefined;
+    }>;
+    get usedComponents(): {
+        sys: {
+            type: "Link";
+            id: string;
+            linkType: "Entry";
+        };
+    }[] | ExperienceEntry[];
+    /**
+     * Extend the existing set of unbound values with the ones from the assembly definition.
+     * When creating a new assembly out of a container, the unbound value keys are copied and
+     * thus the existing and the added ones have colliding keys. In the case of overlapping value
+     * keys, the ones from the experience overrule the ones from the assembly definition as
+     * the latter one is certainly just a default value while the other one is from the actual instance.
+     * @param unboundValues set of unbound values defined in the assembly definition
+     */
+    addAssemblyUnboundValues(unboundValues: ExperienceUnboundValues): void;
+    getValue(entityLinkOrEntity: UnresolvedLink<'Entry' | 'Asset'> | Entry | Asset, path: string[]): string | undefined;
+    toJSON(): {
+        entryMap: {
+            [k: string]: Entry;
+        };
+        assetMap: {
+            [k: string]: Asset<contentful.ChainModifiers, string>;
+        };
+        locale: string;
+        _experienceEntry: ExperienceFields | undefined;
+        _unboundValues: Record<string, {
+            value?: string | number | boolean | Record<any, any> | undefined;
+        }> | undefined;
+    };
+}
+
+export { EntityStore };

package/dist/entity/EntityStoreBase.d.ts

@@ -0,0 +1,49 @@
+import { Entry, Asset, ChainModifiers, UnresolvedLink } from 'contentful';
+
+/**
+ * Base Store for entities
+ * Can be extended for the different loading behaviours (editor, production, ..)
+ */
+declare abstract class EntityStoreBase {
+    protected locale: string;
+    protected entryMap: Map<string, Entry>;
+    protected assetMap: Map<string, Asset<ChainModifiers, string>>;
+    constructor({ entities, locale }: {
+        entities: Array<Entry | Asset>;
+        locale: string;
+    });
+    get entities(): (Entry | Asset<ChainModifiers, string>)[];
+    updateEntity(entity: Entry | Asset): void;
+    getEntryOrAsset(linkOrEntryOrAsset: UnresolvedLink<'Entry' | 'Asset'> | Asset | Entry, path: string): Entry | Asset | undefined;
+    /**
+     * @deprecated in the base class this should be simply an abstract method
+     * @param entityLink
+     * @param path
+     * @returns
+     */
+    getValue(entityLink: UnresolvedLink<'Entry' | 'Asset'>, path: string[]): string | undefined;
+    getEntityFromLink(link: UnresolvedLink<'Entry' | 'Asset'>): Asset | Entry | undefined;
+    protected getEntitiesFromMap(type: 'Entry' | 'Asset', ids: string[]): {
+        resolved: (Entry | Asset<ChainModifiers, string>)[];
+        missing: string[];
+    };
+    protected addEntity(entity: Entry | Asset): void;
+    fetchAsset(id: string): Promise<Asset | undefined>;
+    fetchAssets(ids: string[]): Promise<Asset[]>;
+    fetchEntry(id: string): Promise<Entry | undefined>;
+    fetchEntries(ids: string[]): Promise<Entry[]>;
+    private getDeepEntry;
+    private isAsset;
+    private getEntity;
+    toJSON(): {
+        entryMap: {
+            [k: string]: Entry;
+        };
+        assetMap: {
+            [k: string]: Asset<ChainModifiers, string>;
+        };
+        locale: string;
+    };
+}
+
+export { EntityStoreBase };

package/dist/enums.d.ts

@@ -0,0 +1,6 @@
+declare enum VisualEditorMode {
+    LazyLoad = "lazyLoad",
+    InjectScript = "injectScript"
+}
+
+export { VisualEditorMode };

package/dist/exports.d.ts

@@ -0,0 +1,3 @@
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS } from './constants.js';
+export { BackgroundImageAlignmentOption, BackgroundImageOptions, BackgroundImageScalingOption, Binding, BindingMap, BindingMapByBlockId, BoundComponentPropertyTypes, CSSProperties, ComponentBinding, ComponentDefinition, ComponentDefinitionVariable, ComponentDefinitionVariableBase, ComponentDefinitionVariableValidation, ComponentRegistration, ComponentRegistrationOptions, ContainerStyleVariableName, Coordinates, DataSourceEntryValueType, DesignTokensDefinition, Experience, ExperienceEntry, ExperienceFields, ExperienceTree, ExperienceTreeNode, ExternalSDKMode, HoveredElement, ImageObjectFitOption, ImageObjectPositionOption, ImageOptions, IncomingEvent, InternalEvent, InternalSDKMode, Link, ManagementEntity, OptimizedBackgroundImageAsset, OptimizedImageAsset, OutgoingEvent, RawCoordinates, RecursiveDesignTokenDefinition, RequestEntitiesMessage, RequestedEntitiesMessage, ResolveDesignValueType, ScrollState, StyleProps, ValidationOption, VariableFormats } from './types.js';
+export { BoundValue, Breakpoint, ComponentDefinitionPropertyType as ComponentDefinitionVariableType, ComponentPropertyValue, ComponentTreeNode, ComponentValue, DesignValue, ExperienceComponentSettings, ExperienceDataSource, ExperienceUnboundValues, PrimitiveValue, SchemaVersions, UnboundValue, ValuesByBreakpoint } from '@contentful/experiences-validators';

package/dist/exports.js

@@ -0,0 +1,2 @@
+export { ASSEMBLY_BLOCK_NODE_TYPE, ASSEMBLY_DEFAULT_CATEGORY, ASSEMBLY_NODE_TYPE, ASSEMBLY_NODE_TYPES, CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, CONTENTFUL_COMPONENT_CATEGORY, CONTENTFUL_DEFAULT_CATEGORY, DEFAULT_IMAGE_WIDTH, EMPTY_CONTAINER_HEIGHT, INCOMING_EVENTS, INTERNAL_EVENTS, LATEST_SCHEMA_VERSION, OUTGOING_EVENTS, PostMessageMethods, SCROLL_STATES, SUPPORTED_IMAGE_FORMATS, VISUAL_EDITOR_CONTAINER_ID, VISUAL_EDITOR_EVENTS } from './constants.js';
+//# sourceMappingURL=exports.js.map

package/dist/exports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exports.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/fetchers/createExperience.d.ts

@@ -0,0 +1,20 @@
+import { Entry, Asset } from 'contentful';
+import { Experience, ExternalSDKMode } from '../types.js';
+import { EntityStore } from '../entity/EntityStore.js';
+
+type createExperienceArgs = {
+    experienceEntry: Entry;
+    referencedEntries: Array<Entry>;
+    referencedAssets: Array<Asset>;
+    locale: string;
+    /** @deprecated mode no longer needed */
+    mode?: ExternalSDKMode;
+};
+/**
+ * Create an experience instance
+ * @param {string} json - JSON representation of the experience
+ */
+declare function createExperience(json: string): Experience<EntityStore>;
+declare function createExperience(args: createExperienceArgs): Experience<EntityStore>;
+
+export { createExperience };

package/dist/fetchers/fetchById.d.ts

@@ -0,0 +1,20 @@
+import { ExternalSDKMode, Experience } from '../types.js';
+import { ContentfulClientApi } from 'contentful';
+import { EntityStore } from '../entity/EntityStore.js';
+
+/**
+ * Fetch experience entry using slug as the identifier
+ * @param {string} experienceTypeId - id of the content type associated with the experience
+ * @param {string} slug - slug of the experience (defined in entry settings)
+ * @param {string} localeCode - locale code to fetch the experience. Falls back to the currently active locale in the state
+ */
+declare function fetchById({ client, experienceTypeId, id, localeCode, }: {
+    client: ContentfulClientApi<undefined>;
+    experienceTypeId: string;
+    id: string;
+    localeCode: string;
+    /** @deprecated mode no longer needed */
+    mode?: ExternalSDKMode;
+}): Promise<Experience<EntityStore> | undefined>;
+
+export { fetchById };

package/dist/fetchers/fetchBySlug.d.ts

@@ -0,0 +1,20 @@
+import { ExternalSDKMode, Experience } from '../types.js';
+import { ContentfulClientApi } from 'contentful';
+import { EntityStore } from '../entity/EntityStore.js';
+
+/**
+ * Fetch experience entry using slug as the identifier
+ * @param {string} experienceTypeId - id of the content type associated with the experience
+ * @param {string} slug - slug of the experience (defined in entry settings)
+ * @param {string} localeCode - locale code to fetch the experience. Falls back to the currently active locale in the state
+ */
+declare function fetchBySlug({ client, experienceTypeId, slug, localeCode, }: {
+    client: ContentfulClientApi<undefined>;
+    experienceTypeId: string;
+    slug: string;
+    localeCode: string;
+    /** @deprecated mode no longer needed */
+    mode?: ExternalSDKMode;
+}): Promise<Experience<EntityStore> | undefined>;
+
+export { fetchBySlug };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+export { isContentfulStructureComponent, isEmptyStructureWithRelativeHeight } from './utils/components.js';
+export { findOutermostCoordinates, getElementCoordinates } from './utils/domValues.js';
+export { VisualEditorMessagePayload, doesMismatchMessageSchema, tryParseMessage, validateExperienceBuilderConfig } from './utils/validations.js';
+export { buildCfStyles, buildStyleTag, calculateNodeDefaultHeight } from './utils/styleUtils/stylesUtils.js';
+export { transformBoundContentValue } from './utils/transformers/transformBoundContentValue.js';
+export { checkIsAssembly, checkIsAssemblyDefinition, checkIsAssemblyEntry, checkIsAssemblyNode, generateRandomId, getDataFromTree, getInsertionData } from './utils/utils.js';
+export { isExperienceEntry } from './utils/typeguards.js';
+export { supportedModes } from './utils/supportedModes.js';
+export { MEDIA_QUERY_REGEXP, getActiveBreakpointIndex, getFallbackBreakpointIndex, getValueForBreakpoint, mediaQueryMatcher } from './utils/breakpoints.js';
+export { isLinkToAsset } from './utils/isLinkToAsset.js';
+export { isLink } from './utils/isLink.js';
+export { Fieldset, UnresolvedFieldset, isDeepPath, parseDataSourcePathIntoFieldset, parseDataSourcePathWithL1DeepBindings } from './utils/pathSchema.js';
+export { columnsDefinition, containerDefinition, sectionDefinition, singleColumnDefinition } from './definitions/components.js';
+export { builtInStyles, columnsBuiltInStyles, containerBuiltInStyles, optionalBuiltInStyles, sectionBuiltInStyles, singleColumnBuiltInStyles } from './definitions/styles.js';
+export { EditorModeEntityStore } from './entity/EditorModeEntityStore.js';
+export { EntityStore } from './entity/EntityStore.js';
+export { EntityStoreBase } from './entity/EntityStoreBase.js';
+export { sendMessage } from './communication/sendMessage.js';
+export { VisualEditorMode } from './enums.js';
+export { fetchBySlug } from './fetchers/fetchBySlug.js';
+export { fetchById } from './fetchers/fetchById.js';
+export { createExperience } from './fetchers/createExperience.js';
+export { defineDesignTokens, designTokensRegistry, getDesignTokenRegistration } from './registries/designTokenRegistry.js';
+export { DeepReference, gatherDeepReferencesFromExperienceEntry, gatherDeepReferencesFromTree } from './deep-binding/DeepReference.js';