@remkoj/optimizely-cms-react 1.0.3

package/LICENSE

@@ -0,0 +1,13 @@
+ Copyright 2024 Remko Jantzen
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,2 @@
+# Optimizely SaaS CMS React Components
+React client components, with SSR support, to render content from Optimizely Content Graph

package/dist/browser/context.d.ts

@@ -0,0 +1,6 @@
+import { Services, type OptimizelyGraphConfig, type IOptiGraphClient } from '@remkoj/optimizely-graph-client';
+import { type FunctionComponent, type PropsWithChildren } from 'react';
+export declare const OptimizelyRouterProvider: FunctionComponent<PropsWithChildren<{
+    clientOrConfig: IOptiGraphClient | OptimizelyGraphConfig;
+}>>;
+export declare const useOptimizelyRouter: () => Services.RouteResolver;

package/dist/browser/context.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Services } from '@remkoj/optimizely-graph-client';
+import { createContext, useContext } from 'react';
+const RouteResolverContext = createContext(undefined);
+export const OptimizelyRouterProvider = ({ clientOrConfig, children }) => {
+    const router = new Services.RouteResolver(clientOrConfig);
+    return _jsx(RouteResolverContext.Provider, { value: router, children: children });
+};
+export const useOptimizelyRouter = () => {
+    const router = useContext(RouteResolverContext);
+    if (router == undefined)
+        throw new Error("useOptimizelyRouter can only be used within components that are contained within an OptimizelyRouterProvider");
+    return router;
+};
+//# sourceMappingURL=context.js.map

package/dist/browser/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/browser/context.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAqD,MAAM,iCAAiC,CAAA;AAC7G,OAAO,EAAE,aAAa,EAAE,UAAU,EAAkD,MAAM,OAAO,CAAA;AAEjG,MAAM,oBAAoB,GAAG,aAAa,CAAqC,SAAS,CAAC,CAAA;AAEzF,MAAM,CAAC,MAAM,wBAAwB,GAAwG,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAE,EAAE;IAE1K,MAAM,MAAM,GAAG,IAAI,QAAQ,CAAC,aAAa,CAAC,cAAc,CAAC,CAAA;IACzD,OAAO,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAG,MAAM,YAAK,QAAQ,GAAkC,CAAA;AACvG,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAkC,GAAG,EAAE;IACnE,MAAM,MAAM,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAA;IAC/C,IAAI,MAAM,IAAI,SAAS;QACnB,MAAM,IAAI,KAAK,CAAC,8GAA8G,CAAC,CAAA;IACnI,OAAO,MAAM,CAAA;AACjB,CAAC,CAAA"}

package/dist/browser/index.d.ts

@@ -0,0 +1 @@
+export * from './context';

package/dist/browser/index.js

@@ -0,0 +1,2 @@
+export * from './context';
+//# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/browser/index.tsx"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist/errors.d.ts

@@ -0,0 +1,5 @@
+export declare class InvalidContentLinkError extends Error {
+    protected _contentLink: any;
+    get contentLink(): any;
+    constructor(invalidContentLink?: any, message?: string);
+}

package/dist/errors.js

@@ -0,0 +1,11 @@
+export class InvalidContentLinkError extends Error {
+    _contentLink;
+    get contentLink() {
+        return this._contentLink;
+    }
+    constructor(invalidContentLink, message) {
+        super(message ?? "Invalid content link");
+        this._contentLink = invalidContentLink;
+    }
+}
+//# sourceMappingURL=errors.js.map

package/dist/errors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.js","sourceRoot":"","sources":["../src/errors.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAEpC,YAAY,CAAM;IAE5B,IAAW,WAAW;QAElB,OAAO,IAAI,CAAC,YAAY,CAAA;IAC5B,CAAC;IAED,YAAmB,kBAAwB,EAAE,OAAgB;QAEzD,KAAK,CAAC,OAAO,IAAI,sBAAsB,CAAC,CAAA;QACxC,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAA;IAC1C,CAAC;CACJ"}

package/dist/factory.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentFactory, ComponentType, ComponentTypeHandle, ComponentTypeDictionary } from './types';
+export declare const EmptyComponentHandle = "$$fragment$$";
+/**
+ * The default implementation of the ComponentFactory iterface
+ */
+export declare class DefaultComponentFactory implements ComponentFactory {
+    private registry;
+    register(type: ComponentTypeHandle, component: ComponentType): void;
+    registerAll(components: ComponentTypeDictionary): void;
+    has(type: ComponentTypeHandle): boolean;
+    resolve(type: ComponentTypeHandle): undefined | ComponentType;
+}
+/**
+ * Retrieve the currently staticly cached ComponentFactory instance, if there's no
+ * currently staticly cached ComponentFactory, the default ComponentFactory will be
+ * returned
+ *
+ * @returns The ComponentFactory
+ */
+export declare const getFactory: () => ComponentFactory;
+/**
+ * Update the staticly cached Component Factory, which will be returned by all future
+ * "getFactory" calls
+ *
+ * @param   newFactory    The ComponentFactory to set as staticly cached instance
+ * @returns void
+ */
+export declare const setFactory: (newFactory: ComponentFactory) => void;
+declare const _default: ComponentFactory;
+export default _default;

package/dist/factory.js

@@ -0,0 +1,65 @@
+const MERGE_SYMBOL = '/';
+const DBG = process.env.DXP_DEBUG == '1';
+export const EmptyComponentHandle = '$$fragment$$';
+/**
+ * The default implementation of the ComponentFactory iterface
+ */
+export class DefaultComponentFactory {
+    registry = {};
+    register(type, component) {
+        type = processComponentTypeHandle(type);
+        this.registry[type] = component;
+    }
+    registerAll(components) {
+        components.forEach(c => this.register(c.type, c.component));
+    }
+    has(type) {
+        type = processComponentTypeHandle(type);
+        return Object.getOwnPropertyNames(this.registry).includes(type);
+    }
+    resolve(type) {
+        type = processComponentTypeHandle(type);
+        if (Object.getOwnPropertyNames(this.registry).includes(type))
+            return this.registry[type];
+        return undefined;
+    }
+}
+function processComponentTypeHandle(handle) {
+    if (typeof (handle) == 'string')
+        return handle == "" ? EmptyComponentHandle : handle;
+    if (Array.isArray(handle) && handle.every(s => typeof (s) == 'string'))
+        return handle.filter(s => s.toLowerCase() != 'content').map(s => s == "" ? EmptyComponentHandle : s).join(MERGE_SYMBOL);
+    throw new Error(`Invalid component type handle: ${typeof (handle)}`);
+}
+const _static = {};
+/**
+ * Retrieve the currently staticly cached ComponentFactory instance, if there's no
+ * currently staticly cached ComponentFactory, the default ComponentFactory will be
+ * returned
+ *
+ * @returns The ComponentFactory
+ */
+export const getFactory = () => {
+    if (!_static.factory) {
+        if (DBG)
+            console.log("⚪ [ComponentFactory] Creating new Component Factory");
+        _static.factory = new DefaultComponentFactory();
+    }
+    else {
+        if (DBG)
+            console.log("⚪ [ComponentFactory] Reusing existing Component Factory");
+    }
+    return _static.factory;
+};
+/**
+ * Update the staticly cached Component Factory, which will be returned by all future
+ * "getFactory" calls
+ *
+ * @param   newFactory    The ComponentFactory to set as staticly cached instance
+ * @returns void
+ */
+export const setFactory = (newFactory) => {
+    _static.factory = newFactory;
+};
+export default getFactory();
+//# sourceMappingURL=factory.js.map

package/dist/factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","sourceRoot":"","sources":["../src/factory.ts"],"names":[],"mappings":"AACA,MAAM,YAAY,GAAG,GAAG,CAAA;AACxB,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,GAAG,CAAA;AAExC,MAAM,CAAC,MAAM,oBAAoB,GAAI,cAAc,CAAA;AAEnD;;GAEG;AACH,MAAM,OAAO,uBAAuB;IACxB,QAAQ,GAA2C,EAAE,CAAA;IAE7D,QAAQ,CAAC,IAAyB,EAAE,SAAwB;QAExD,IAAI,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAA;QACvC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;IACnC,CAAC;IAED,WAAW,CAAC,UAAmC;QAE3C,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;IAC/D,CAAC;IAED,GAAG,CAAC,IAAyB;QAEzB,IAAI,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAA;QACvC,OAAO,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;IACnE,CAAC;IAED,OAAO,CAAC,IAAyB;QAE7B,IAAI,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAA;QACvC,IAAI,MAAM,CAAC,mBAAmB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;YACxD,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAC9B,OAAO,SAAS,CAAA;IACpB,CAAC;CACJ;AAED,SAAS,0BAA0B,CAAC,MAA2B;IAE3D,IAAI,OAAM,CAAC,MAAM,CAAC,IAAI,QAAQ;QAC1B,OAAO,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAA;IACvD,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,OAAM,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC;QACjE,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAC3H,MAAM,IAAI,KAAK,CAAC,kCAAmC,OAAM,CAAC,MAAM,CAAE,EAAE,CAAC,CAAA;AACzE,CAAC;AAED,MAAM,OAAO,GAAqC,EAAE,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAA4B,GAAG,EAAE;IACpD,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QACnB,IAAI,GAAG;YAAE,OAAO,CAAC,GAAG,CAAC,qDAAqD,CAAC,CAAA;QAC3E,OAAO,CAAC,OAAO,GAAG,IAAI,uBAAuB,EAAE,CAAA;IACnD,CAAC;SAAM,CAAC;QACJ,IAAI,GAAG;YAAE,OAAO,CAAC,GAAG,CAAC,yDAAyD,CAAC,CAAA;IACnF,CAAC;IACD,OAAO,OAAO,CAAC,OAAO,CAAA;AAC1B,CAAC,CAAA;AACD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAA4C,CAAC,UAA4B,EAAE,EAAE;IAChG,OAAO,CAAC,OAAO,GAAG,UAAU,CAAA;AAChC,CAAC,CAAA;AACD,eAAe,UAAU,EAAE,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The version of the current Optimizely DXP React SDK
+ */
+export declare const Version = "0.0.1";
+export * from './types';
+export * as Errors from './errors';
+export * as Utils from './utilities';
+export * from './factory';

package/dist/index.js

@@ -0,0 +1,10 @@
+/**
+ * The version of the current Optimizely DXP React SDK
+ */
+export const Version = '0.0.1';
+// Export library
+export * from './types';
+export * as Errors from './errors';
+export * as Utils from './utilities';
+export * from './factory';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAA;AAE9B,iBAAiB;AACjB,cAAc,SAAS,CAAA;AACvB,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,KAAK,MAAM,aAAa,CAAA;AACpC,cAAc,WAAW,CAAA"}

package/dist/server/components/cms-content-area.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import 'server-only';
+import type { ElementType } from '../type-utils';
+import type { CmsContentAreaProps, ContentAreaItemDefinition } from './types';
+export type { CmsContentAreaClassMapper, CmsContentAreaProps, ContentAreaItemDefinition } from './types';
+/**
+ * React server component to render a content area
+ *
+ * @param       param0      The content area information for rendering
+ * @returns
+ */
+export declare const CmsContentArea: <T extends ElementType = "div", I extends ElementType = "div">({ items, classMapper, className, fieldName, as: elementType, itemsProperty, itemWrapper, locale: _locale, client: _client, factory: _factory, inEditMode: _inEditMode, ...additionalProps }: CmsContentAreaProps<T, I>) => Promise<JSX.Element>;
+export declare function processContentAreaItems(items?: (ContentAreaItemDefinition | null)[] | null, locale?: string): Promise<JSX.Element[]>;
+export default CmsContentArea;

package/dist/server/components/cms-content-area.js

@@ -0,0 +1,101 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import 'server-only';
+import CmsContent from './cms-content';
+import * as Utils from '../../utilities';
+import * as Errors from '../../errors';
+import createClient from '@remkoj/optimizely-graph-client';
+import getServerContext from '../context';
+//#endregion
+/**
+ * React server component to render a content area
+ *
+ * @param       param0      The content area information for rendering
+ * @returns
+ */
+export const CmsContentArea = async ({ items, classMapper, className, fieldName, as: elementType, itemsProperty, itemWrapper, locale: _locale, client: _client, factory: _factory, inEditMode: _inEditMode, ...additionalProps }) => {
+    const context = getServerContext();
+    if (context.isDebugOrDevelopment && !context.client)
+        console.warn(`🟠 [CmsContentArea] No Content Graph client provided for ${fieldName ?? 'CmsContentArea'}, this will cause problems with edit mode!`);
+    // Parse & prepare props
+    const { inEditMode, factory, locale: ctxLocale } = context;
+    const gqlClient = context.client ?? createClient();
+    // Determine locale
+    const locale = _locale ?? ctxLocale;
+    if (context.isDebug && locale == _locale && locale != ctxLocale) {
+        console.warn(`🟠 [CmsContentArea] The Context Locale for ContentArea ${fieldName ?? 'CmsContentArea'}, was overridden. Context Locale ${ctxLocale}, current locale ${locale}`);
+    }
+    if (!locale) {
+        console.error(`🔴 [CmsContentArea] No locale set on the ServerContext, which is required to make the ContentArea${fieldName ? ' ' + fieldName : ''} render its content`);
+        return _jsx(_Fragment, {});
+    }
+    // Convert the items to a list of enriched content types and filter out items cannot be loaded
+    const actualItems = (items || []).filter(forValidContentAreaItems);
+    const componentData = await Promise.all(actualItems.map(async (item, idx) => {
+        // Prepare data from received content area format
+        const contentLink = Utils.normalizeContentLinkWithLocale({ ...item.item, locale: locale });
+        if (!contentLink)
+            throw new Errors.InvalidContentLinkError({ ...item.item, locale: locale });
+        const contentType = Utils.normalizeContentType(item.item?.data?.contentType);
+        const fragmentData = item.item?.data || undefined;
+        // Read element wrapper configuration
+        const { as: contentItemElement, className: contentItemBaseClassName, itemsProperty: contentItemTarget, ...contentItemElementProps } = itemWrapper ?? {};
+        // Generate element wrapper properties
+        const contentAreaItemContainerKey = `ContentAreaItem-${idx}-${contentLink.guidValue}-${contentLink.id}-${contentLink.workId}`;
+        const contentAreaItemContainerProps = {
+            className: `opti-content-area-item opti-content-area-item-${idx}${contentItemBaseClassName ? ' ' + contentItemBaseClassName : ''} ${classMapper ? classMapper(item.displayOption ?? 'default', contentType ?? null, idx) : ""}`,
+            "data-epi-block-id": inEditMode && fieldName ? contentLink?.id || undefined : undefined,
+            "data-displayoption": item.displayOption || undefined,
+            "data-tag": item.tag || undefined,
+            ...contentItemElementProps
+        };
+        const contentAraeItemContent = await CmsContent({ contentLink, contentType, fragmentData, client: gqlClient, factory, outputEditorWarning: inEditMode, contentTypePrefix: "Block" });
+        // Inject the element into the wrapper
+        const childrenTarget = contentItemTarget || "children";
+        let contentAreaItemContainerChildren = undefined;
+        if (childrenTarget == "children")
+            contentAreaItemContainerChildren = contentAraeItemContent;
+        else
+            contentAreaItemContainerProps[childrenTarget] = contentAraeItemContent;
+        const ContentAreaItemContainer = contentItemElement || "div";
+        return _jsx(ContentAreaItemContainer, { ...contentAreaItemContainerProps, children: contentAreaItemContainerChildren }, contentAreaItemContainerKey);
+    }));
+    // Build container element
+    const contentAreaContainerProps = {
+        className: `opti-content-area ${Array.isArray(className) ? className.join(' ') : (className ?? '')}`.trim(),
+        "data-epi-edit": inEditMode && fieldName ? fieldName : undefined,
+        ...additionalProps
+    };
+    const contentAreaContainerChildrenTarget = itemsProperty ?? "children";
+    let contentAreaContainerChildren = undefined;
+    if (contentAreaContainerChildrenTarget == "children")
+        contentAreaContainerChildren = componentData;
+    else
+        contentAreaContainerProps[contentAreaContainerChildrenTarget] = componentData;
+    const ContentAreaContainer = elementType ?? "div";
+    return _jsx(ContentAreaContainer, { ...contentAreaContainerProps, children: contentAreaContainerChildren });
+};
+function forValidContentAreaItems(itm) {
+    if (itm == undefined || itm == null)
+        return false;
+    if (itm.item == undefined || itm.item == null)
+        return false;
+    if (itm.item.data == undefined || itm.item.data == null)
+        return typeof (itm.item.guidValue) == 'string' && itm.item.guidValue.length > 0;
+    return itm.item.guidValue == itm.item.data.id?.guidValue;
+}
+export async function processContentAreaItems(items, locale) {
+    const actualItems = (items ?? []).filter(Utils.isNotNullOrUndefined);
+    return Promise.all(actualItems.map(async (item, idx) => {
+        // Prepare data from received content area format
+        const contentLink = Utils.normalizeContentLinkWithLocale({ ...item.item, locale: locale });
+        if (!contentLink)
+            throw new Errors.InvalidContentLinkError({ ...item.item, locale: locale });
+        const contentType = Utils.normalizeContentType(item.item?.data?.contentType);
+        const fragmentData = item.item?.data || undefined;
+        const guidValue = (item.item?.guidValue ?? "00000000-0000-0000-0000-000000000000") + "::" + idx;
+        // Build output
+        return await CmsContent({ contentLink, contentType, fragmentData, key: guidValue });
+    }));
+}
+export default CmsContentArea;
+//# sourceMappingURL=cms-content-area.js.map

package/dist/server/components/cms-content-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cms-content-area.js","sourceRoot":"","sources":["../../../src/server/components/cms-content-area.tsx"],"names":[],"mappings":"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"}

package/dist/server/components/cms-content.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import 'server-only';
+import type { CmsContentProps } from './types';
+export type { CmsContentProps } from './types';
+/**
+ * React Server Side component for the CmsContent
+ *
+ * @param     param0
+ * @returns
+ */
+export declare const CmsContent: ({ contentType, contentTypePrefix, contentLink, children, fragmentData }: CmsContentProps) => Promise<JSX.Element>;
+export default CmsContent;

package/dist/server/components/cms-content.js

@@ -0,0 +1,106 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import 'server-only';
+import getContentType from './get-content-type';
+import getServerContext from '../context';
+import createClient, { AuthMode } from '@remkoj/optimizely-graph-client';
+import { print } from 'graphql';
+import * as Utils from "../../utilities";
+import * as Queries from './queries';
+/**
+ * React Server Side component for the CmsContent
+ *
+ * @param     param0
+ * @returns
+ */
+export const CmsContent = async ({ contentType, contentTypePrefix, contentLink, children, fragmentData }) => {
+    const context = getServerContext();
+    if (context.isDebugOrDevelopment && !context.client)
+        console.warn(`🟠 [CmsContent] No Content Graph client provided with ${JSON.stringify(contentLink)}, this will cause problems with edit mode!`);
+    // Parse & prepare props
+    const inEditMode = context.inEditMode && context.isEditableContent(contentLink);
+    const outputEditorWarning = context.forceEditorWarnings;
+    const factory = context.factory;
+    const client = context.client ?? createClient();
+    const isInlineBlock = Utils.isInlineContentLink(contentLink);
+    if (context.isDebug && inEditMode)
+        console.log(`👔 [CmsContent] Edit mode active for content with id: ${JSON.stringify(contentLink)}`);
+    if (context.isDebug && inEditMode && client.currentAuthMode == AuthMode.Public)
+        console.warn(`🟠 [CmsContent] Edit mode active without an authenticated client, this will cause problems`);
+    // DEBUG Tracing
+    if (context.isDebug)
+        console.log("⚪ [CmsContent] Rendering CMS Content for:", JSON.stringify(contentType), isInlineBlock ? "Inline content" : JSON.stringify({ id: contentLink.id, workId: contentLink.workId, guidValue: contentLink.guidValue, locale: contentLink.locale }), inEditMode ? "edit-mode" : "published");
+    // Ensure we have a content type to work with
+    if (!isInlineBlock && !contentType) {
+        if (context.isDebugOrDevelopment)
+            console.warn(`🟠 [CmsContent] No content type provided for content ${JSON.stringify({ id: contentLink.id, workId: contentLink.workId, guidValue: contentLink.guidValue, locale: contentLink.locale })}, this causes an additional GraphQL query to resolve the ContentType`);
+        contentType = await getContentType(contentLink, client);
+    }
+    // Apply the content-type prefix if needed
+    if (Array.isArray(contentType) && Utils.isNonEmptyString(contentTypePrefix) && contentType.length > 0 && contentType[0] != contentTypePrefix) {
+        if (context.isDebug)
+            console.info(`⚪ [CmsContent] Component type [${contentType.join('/')}] doesn't have the configured prefix, adding ${contentTypePrefix} as prefix`);
+        contentType.unshift(contentTypePrefix);
+    }
+    // Resolve component
+    const Component = factory.resolve(contentType ?? "");
+    if (!Component) {
+        if (context.isDebugOrDevelopment) {
+            console.warn(`🟠 [CmsContent] Component of type "${contentType?.join('/') ?? ""}" not resolved by factory`);
+        }
+        if (context.isDebug || inEditMode || outputEditorWarning) {
+            const errorMsg = _jsxs("div", { className: 'opti-error', children: ["Component of type \"", contentType?.join('/') ?? "", "\" not resolved by factory"] });
+            return children ? _jsxs(_Fragment, { children: [errorMsg, children] }) : errorMsg;
+        }
+        return _jsx(_Fragment, { children: children ? children : undefined });
+    }
+    if (context.isDebug)
+        console.log("⚪ [CmsContent] Rendering item using component:", Component?.displayName ?? Component);
+    // Render with previously loaded data
+    const fragmentProps = fragmentData ? Object.getOwnPropertyNames(fragmentData).filter(x => !Queries.CmsContentFragments.IContentDataProps.includes(x)) : [];
+    if (fragmentProps.length > 0) {
+        if (context.isDebug)
+            console.log("⚪ [CmsContent] Rendering CMS Component using fragment information", fragmentProps);
+        if (Utils.validatesFragment(Component) && !Component.validateFragment(fragmentData)) {
+            console.error("🔴 [CmsContent] Invalid fragment data received for ", Component.displayName ?? contentType?.join("/") ?? "[Undetermined component]");
+            return _jsx(_Fragment, {});
+        }
+        return _jsx(Component, { inEditMode: inEditMode, contentLink: contentLink, data: fragmentData || {}, client: client });
+    }
+    // If we don't have previously loaded data we cannot load content for inline blocks
+    if (isInlineBlock)
+        return (context.isDebug || inEditMode || outputEditorWarning) ? _jsx("div", { className: 'opti-error', children: "Inline blocks cannot be loaded individually" }) : _jsx(_Fragment, {});
+    // Render using included query 
+    if (Utils.isCmsComponentWithDataQuery(Component)) {
+        const gqlQuery = Component.getDataQuery();
+        const gqlVariables = Utils.contentLinkToRequestVariables(contentLink);
+        if (context.isDebug)
+            console.log("⚪ [CmsContent] Component data fetching variables:", gqlVariables);
+        const gqlResponse = await client.request(gqlQuery, gqlVariables);
+        if (context.isDebug)
+            console.log("⚪ [CmsContent] Component request the following data:", gqlResponse);
+        return _jsx(Component, { inEditMode: inEditMode, contentLink: contentLink, data: gqlResponse, client: client });
+    }
+    // Render using included fragment
+    if (Utils.isCmsComponentWithFragment(Component)) {
+        const [name, fragment] = Component.getDataFragment();
+        const fragmentQuery = `query getContentFragmentById($id: Int!, $workId: Int, $guidValue: String, $locale: [Locales]!, $isCommonDraft: Boolean ) { contentById: Content( where: { ContentLink: { Id: { eq: $id }, WorkId: { eq: $workId }, GuidValue: { eq: $guidValue } },IsCommonDraft: {eq: $isCommonDraft} }, orderBy: { Status: ASC }, locale: $locale, limit: 1 ) { total items { contentType: ContentType id: ContentLink { id: Id, workId: WorkId, guidValue: GuidValue } locale: Language { name: Name } ...${name} } } } ${print(fragment)}`;
+        const fragmentVariables = Utils.contentLinkToRequestVariables(contentLink);
+        if (!fragmentVariables?.workId && inEditMode)
+            fragmentVariables.isCommonDraft = true;
+        if (context.isDebug)
+            console.log(`⚪ [CmsContent] Component data fetching using fragment ${name}, with variables: ${JSON.stringify(fragmentVariables)}`);
+        const fragmentResponse = await client.request(fragmentQuery, fragmentVariables);
+        const totalItems = fragmentResponse.contentById.total || 0;
+        if (totalItems < 1)
+            throw new Error(`CmsContent expected to load exactly one content item of type ${name}, received ${totalItems} from Optimizely Graph. Content Item: ${JSON.stringify(fragmentVariables)}`);
+        if (totalItems > 1 && context.isDebug)
+            console.warn(`🟠 [CmsContent] Resolved ${totalItems} content items, expected only 1. Picked the first one`);
+        return _jsx(Component, { inEditMode: inEditMode, contentLink: contentLink, data: fragmentResponse.contentById.items[0], client: client });
+    }
+    // Assume there's no server side prepared data needed for the component
+    if (context.isDebug)
+        console.log(`⚪ [CmsContent] Component of type "${contentType?.join('/') ?? Component.displayName ?? '?'}" did not request pre-loading of data`);
+    return _jsx(Component, { inEditMode: inEditMode, contentLink: contentLink, data: fragmentData || {}, client: client });
+};
+export default CmsContent;
+//# sourceMappingURL=cms-content.js.map

package/dist/server/components/cms-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cms-content.js","sourceRoot":"","sources":["../../../src/server/components/cms-content.tsx"],"names":[],"mappings":"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"}

package/dist/server/components/get-content-type.d.ts

@@ -0,0 +1,12 @@
+import type { IOptiGraphClient } from "@remkoj/optimizely-graph-client";
+import type { ContentType, ContentLinkWithLocale } from "../../types";
+/**
+ * Resolve the ContentType of an Optimizely CMS Component, identified by its content link
+ *
+ * @param       link        The ContentLink of the content item
+ * @param       gqlClient   The GraphQL client to use
+ * @returns     The ContentType, or undefined if it cannot be resolved
+ */
+export declare function getContentType(link: ContentLinkWithLocale, gqlClient: IOptiGraphClient): Promise<ContentType | undefined>;
+export default getContentType;
+export declare const getContentTypeQuery: string;

package/dist/server/components/get-content-type.js

@@ -0,0 +1,55 @@
+import { gql } from 'graphql-request';
+import * as Utils from "../../utilities";
+const DEBUG = false;
+/**
+ * Resolve the ContentType of an Optimizely CMS Component, identified by its content link
+ *
+ * @param       link        The ContentLink of the content item
+ * @param       gqlClient   The GraphQL client to use
+ * @returns     The ContentType, or undefined if it cannot be resolved
+ */
+export async function getContentType(link, gqlClient) {
+    if ((!link.id || link.id < 1) && (!link.guidValue || link.guidValue == ""))
+        throw new Error("Cannot dynamically determine the content type of an inline block");
+    const gqlQueryVars = Utils.contentLinkToRequestVariables(link);
+    const gqlResponse = await gqlClient.request(getContentTypeQuery, gqlQueryVars);
+    if (gqlResponse.Content?.total != 1) {
+        if (DEBUG)
+            console.error(`getContentType: Expected exactly one type, received ${gqlResponse.Content?.total ?? 0} types for`, gqlQueryVars);
+        return undefined;
+    }
+    const items = gqlResponse.Content?.items;
+    if (!items || items.length == 0)
+        throw new Error("The content item could not be found!");
+    const contentType = Utils.normalizeContentType(items[0]?.ContentType);
+    if (!contentType)
+        throw new Error("The item did not contain type information");
+    return contentType;
+}
+export default getContentType;
+export const getContentTypeQuery = gql `query getContentType($id: Int, $workId: Int, $guidValue: String, $locale: [Locales])
+{
+  Content(
+    where: {
+      ContentLink: {
+        GuidValue: {
+          eq: $guidValue
+        }
+        Id: {
+          eq: $id
+        },
+        WorkId: {
+          eq: $workId
+        }
+      }
+    },
+    locale: $locale
+    limit: 1
+  ) {
+    items {
+    	ContentType
+    },
+    total
+  }
+}`;
+//# sourceMappingURL=get-content-type.js.map

package/dist/server/components/get-content-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-content-type.js","sourceRoot":"","sources":["../../../src/server/components/get-content-type.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AACrC,OAAO,KAAK,KAAK,MAAM,iBAAiB,CAAA;AAExC,MAAM,KAAK,GAAG,KAAK,CAAA;AAEnB;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,IAA2B,EAAE,SAA2B;IAEzF,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC;QACtE,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAA;IACvF,MAAM,YAAY,GAAG,KAAK,CAAC,6BAA6B,CAAC,IAAI,CAAC,CAAA;IAC9D,MAAM,WAAW,GAAG,MAAM,SAAS,CAAC,OAAO,CAAyB,mBAAmB,EAAE,YAAY,CAAC,CAAA;IACtG,IAAI,WAAW,CAAC,OAAO,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QAClC,IAAI,KAAK;YACL,OAAO,CAAC,KAAK,CAAC,uDAAwD,WAAW,CAAC,OAAO,EAAE,KAAK,IAAI,CAAE,YAAY,EAAE,YAAY,CAAC,CAAA;QACrI,OAAO,SAAS,CAAA;IACpB,CAAC;IAED,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,EAAE,KAAK,CAAA;IACxC,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,CAAC;QAC3B,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAA;IAE3D,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAA;IACrE,IAAI,CAAC,WAAW;QACZ,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAA;IAEhE,OAAO,WAAW,CAAA;AACtB,CAAC;AAED,eAAe,cAAc,CAAA;AAW7B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EAwBpC,CAAA"}

package/dist/server/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cms-content';
+export * from './cms-content-area';

package/dist/server/components/index.js

@@ -0,0 +1,3 @@
+export * from './cms-content';
+export * from './cms-content-area';
+//# sourceMappingURL=index.js.map

package/dist/server/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/server/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,oBAAoB,CAAA"}

package/dist/server/components/queries.d.ts

@@ -0,0 +1,19 @@
+export declare const CmsContentFragments: {
+    IContentDataProps: string[];
+    ContentLink: string;
+    ContentLinkSearch: string;
+    IContentData: string;
+    ContentAreaItemData: string;
+    BlockContentAreaItemSearchData: string;
+    BlockContentAreaItemData: string;
+    LinkItemData: string;
+    ImageData: string;
+    ImageDataSearch: string;
+    BlockData: string;
+    PageData: string;
+};
+export declare const ContentAreaFragments: {
+    ContentAreaItemBase: string;
+};
+export declare const getContentById: string;
+export declare const getContentByPath: string;