@remkoj/optimizely-cms-react 2.0.0-pre4 → 2.0.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@remkoj/optimizely-cms-react",
   "license": "Apache-2.0",
-  "version": "2.0.0-pre4",
+  "version": "2.0.0",
   "packageManager": "yarn@4.1.1",
   "repository": "https://github.com/remkoj/optimizely-dxp-clients.git",
   "author": "Remko Jantzen <693172+remkoj@users.noreply.github.com>",
@@ -40,25 +40,27 @@
     }
   },
   "devDependencies": {
-    "@remkoj/optimizely-graph-client": "2.0.0-pre4",
+    "@remkoj/optimizely-graph-client": "2.0.0",
     "@types/crypto-js": "^4.2.2",
-    "@types/node": "^20.12.12",
+    "@types/node": "^20.14.7",
     "@types/react": "^18.3.3",
     "@types/react-dom": "18.3.0",
-    "graphql": "^16.8.1",
+    "entities": "^4.5.0",
+    "graphql": "^16.8.2",
     "graphql-request": "^6.1.0",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "scheduler": "^0.23.2",
-    "typescript": "^5.4.5"
+    "typescript": "^5.5.2"
   },
   "dependencies": {
     "@graphql-typed-document-node/core": "^3.2.0",
     "crypto-js": "^4.2.0"
   },
   "peerDependencies": {
-    "@remkoj/optimizely-graph-client": "2.0.0-pre4",
+    "@remkoj/optimizely-graph-client": "2.0.0",
+    "entities": "*",
     "graphql": "^16.8.1",
     "graphql-request": "^6.1.0",
     "react": "*",
@@ -69,6 +71,5 @@
     "prepare": "yarn tsc --build",
     "watch": "tsc --watch",
     "recompile": "tsc --build --clean && tsc --build --force"
-  },
-  "stableVersion": "1.0.4"
+  }
 }

package/dist/components/rich-text/index.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { type ComponentFactory } from "../../types.js";
-export type RichTextProps = {
-    /**
-     * The component factory used for this rich text content
-     */
-    factory: ComponentFactory;
-    /**
-     * The rich text to render, provided as either a HTML string or JSON encoded
-     * structured data.
-     */
-    text: string | null | undefined;
-    /**
-     * The value for the "data-epi-edit" marker on the top level element
-     */
-    editId?: string | null;
-    /**
-     * The CSS Class to apply to the text container
-     */
-    className?: string;
-};
-export type RichTextTextNode = {
-    text: string;
-};
-export type RichTextData = {
-    type: string;
-    children?: Array<RichTextData | RichTextTextNode>;
-};
-export declare function isRichTextData(toTest: any): toTest is RichTextData;
-export declare function isRichTextText(toTest: any): toTest is RichTextTextNode;
-export declare const RichText: (props: RichTextProps) => JSX.Element;
-export default RichText;

package/dist/components/rich-text/index.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export function isRichTextData(toTest) {
-    if (typeof (toTest) != 'object' || toTest == null)
-        return false;
-    return typeof toTest.type == 'string' && toTest.type.length > 0;
-}
-export function isRichTextText(toTest) {
-    if (typeof (toTest) != 'object' || toTest == null)
-        return false;
-    return typeof toTest.text == 'string' && toTest.text.length > 0;
-}
-export const RichText = ({ factory, text, editId, className }) => {
-    const debug = process.env.NODE_ENV != 'production';
-    let data = undefined;
-    try {
-        data = JSON.parse(text ?? 'undefined');
-    }
-    catch (e) { /* Ignore any error as we'll fall-back to HTML injection */ }
-    if (!data)
-        return _jsx("div", { dangerouslySetInnerHTML: { __html: text ?? '' }, className: className, "data-epi-edit": editId });
-    if (!isRichTextData(data)) {
-        if (debug)
-            console.warn(`[Rich Text] Invalid rich text data received: ${text}`);
-        return _jsx("div", { className: className, "data-epi-edit": editId });
-    }
-    return _jsx("div", { className: className, "data-epi-edit": editId, children: _jsx(RichTextElement, { factory: factory, ...data }) });
-};
-const RichTextElement = ({ type, children, text, factory, ...props }) => {
-    const debug = process.env.NODE_ENV != 'production';
-    if (!type && text)
-        return _jsx(_Fragment, { children: text });
-    if (!type) {
-        if (debug)
-            console.warn(`[Rich Text] Invalid rich text element data received: ${{ type, children, text, ...props }}`);
-        return _jsx(_Fragment, {});
-    }
-    const DivElement = 'div';
-    const Component = factory.resolve(type) ?? DivElement;
-    const uid = Math.round(Math.random() * 10000);
-    return _jsx(Component, { ...props, children: children?.map(child => _jsx(RichTextElement, { factory: factory, ...child }, `${uid}::${child.type ?? 'text'}`)) });
-};
-export default RichText;
-//# sourceMappingURL=index.js.map

package/dist/components/rich-text/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/rich-text/index.tsx"],"names":[],"mappings":";AAiCA,MAAM,UAAU,cAAc,CAAC,MAAW;IAEtC,IAAI,OAAM,CAAC,MAAM,CAAC,IAAI,QAAQ,IAAI,MAAM,IAAI,IAAI;QAC5C,OAAO,KAAK,CAAA;IAChB,OAAO,OAAQ,MAAuB,CAAC,IAAI,IAAI,QAAQ,IAAK,MAAuB,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;AACvG,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,MAAW;IAEtC,IAAI,OAAM,CAAC,MAAM,CAAC,IAAI,QAAQ,IAAI,MAAM,IAAI,IAAI;QAC5C,OAAO,KAAK,CAAA;IAChB,OAAO,OAAQ,MAA2B,CAAC,IAAI,IAAI,QAAQ,IAAK,MAA2B,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;AAC/G,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAA2C,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IAErG,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAA;IAClD,IAAI,IAAI,GAA8B,SAAS,CAAA;IAC/C,IAAI,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,WAAW,CAAC,CAAA;IAC1C,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC,CAAC,2DAA2D,CAAA,CAAC;IAE1E,IAAI,CAAC,IAAI;QACL,OAAO,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE,EAAE,EAAE,SAAS,EAAG,SAAS,mBAAmB,MAAM,GAAS,CAAA;IAExH,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACxB,IAAI,KAAK;YAAE,OAAO,CAAC,IAAI,CAAC,gDAAiD,IAAK,EAAE,CAAC,CAAA;QACjF,OAAO,cAAK,SAAS,EAAG,SAAS,mBAAmB,MAAM,GAAS,CAAA;IACvE,CAAC;IAED,OAAO,cAAK,SAAS,EAAG,SAAS,mBAAmB,MAAM,YAAG,KAAC,eAAe,IAAC,OAAO,EAAG,OAAO,KAAQ,IAAI,GAAK,GAAM,CAAA;AAC1H,CAAC,CAAA;AAED,MAAM,eAAe,GAA+G,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAEhL,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,YAAY,CAAA;IAClD,IAAI,CAAC,IAAI,IAAI,IAAI;QACb,OAAO,4BAAI,IAAI,GAAK,CAAA;IAExB,IAAI,CAAC,IAAI,EAAE,CAAC;QACR,IAAI,KAAK;YAAE,OAAO,CAAC,IAAI,CAAC,wDAAyD,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAG,EAAE,CAAC,CAAA;QACnH,OAAO,mBAAK,CAAA;IACpB,CAAC;IACD,MAAM,UAAU,GAAG,KAAK,CAAA;IACxB,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,UAAU,CAAA;IACrD,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAA;IAC7C,OAAO,KAAC,SAAS,OAAM,KAAK,YACtB,QAAQ,EAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAC,eAAe,IAA8D,OAAO,EAAG,OAAO,KAAO,KAAK,IAApF,GAAG,GAAG,KAAO,KAAsB,CAAC,IAAI,IAAI,MAAO,EAAE,CAAmC,CAAC,GACjI,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

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

@@ -1,10 +0,0 @@
-import type { ContentType, ContentLinkWithLocale } from "../../types";
-import type { IOptiGraphClient } from "@remkoj/optimizely-graph-client";
-/**
- * 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>;

package/dist/server/components/utils.js

@@ -1,28 +0,0 @@
-import * as Utils from "../../utilities";
-import * as Queries from "./queries";
-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(Queries.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;
-}