@vonaffenfels/contentful-teasermanager 1.0.6 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-teasermanager",
-    "version": "1.0.6",
+    "version": "1.0.8",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -99,7 +99,7 @@
         "@vonaffenfels/slate-editor": "^1.0.5",
         "webpack": "5.73.0"
     },
-    "gitHead": "6b627160bbe091e7e7989bc32bdf808e8d3af4e0",
+    "gitHead": "93ecd9a3fd0bc3e7d14a80b1138d1934d505d032",
     "publishConfig": {
         "access": "public"
     }

package/src/components/Teasermanager.js

@@ -5,11 +5,18 @@ import Renderer from "@vonaffenfels/slate-editor/dist/Renderer";
 import componentLoader from "@vonaffenfels/slate-editor/componentLoader";
 import {Timeline} from "./Teasermanager/Timeline";
 import styles from "./Teasermanager.module.css";
-
-export const Teasermanager = ({entryId, onSlotClick = () => console.error("missing onSlotClick"),  contentFieldName = "wysiwyg", locale = "en-US"}) => {
+import {runLoaders} from "../lib/runLoaders"
+
+export const Teasermanager = ({
+    entryId,
+    onSlotClick = () => console.error("missing onSlotClick"),
+    contentFieldName = "content",
+    locale = "de",
+}) => {
     const contentfulClient = getContentfulClient();
     const [entry, setEntry] = useState(null);
     const wrapperRef = useRef(null);
+    const [loadedContent, setLoadedContent] = useState(null);
     const [currentDate, setCurrentDate] = useState(null);
 
     const initSlot = (node) => {
@@ -65,17 +72,28 @@ export const Teasermanager = ({entryId, onSlotClick = () => console.error("missi
         }
     }, [wrapperRef, currentDate]);
 
+    useEffect(() => {
+        const contentValue = entry?.fields?.[contentFieldName]?.[locale];
+        const portalValue = entry?.fields?.portal?.[locale];
+
+        if (!contentValue) {
+            return setLoadedContent(null);
+        }
+
+        runLoaders(contentValue, portalValue).then(setLoadedContent);
+    }, [contentFieldName, locale, entry]);
+
     return <div className="w-full flex flex-col">
         <div className="w-full">
-            <Timeline currentDate={currentDate} setCurrentDate={setCurrentDate} />
+            <Timeline currentDate={currentDate} setCurrentDate={setCurrentDate}/>
         </div>
         <div className={styles.wrapper} ref={wrapperRef}>
-            {!!entry?.fields?.[contentFieldName]?.[locale] &&
+            {!!loadedContent &&
                 <Renderer
-                    value={entry?.fields?.[contentFieldName]?.[locale]}
-                    storybookComponentLoader={componentLoader}/>}
+                    value={loadedContent}
+                    storybookComponentLoader={componentLoader}
+                />
+            }
         </div>
-
     </div>
-
-}
+}

package/src/lib/runLoaders.js

@@ -0,0 +1,38 @@
+export const runLoaders = async (value, portal) => {
+    if (!Array.isArray(value)) {
+        return value;
+    }
+
+    const newValue = await Promise.all(value.map(async (item) => {
+        try {
+            return await runLoader(item, portal)
+        } catch (e) {
+            console.error(e);
+            return item;
+        }
+    }));
+
+    return newValue;
+}
+
+const runLoader = async (item, portal) => {
+
+    if (!item?.block) {
+        return item;
+    }
+    try {
+        const response = await fetch(`/api/loader/?portal=${portal}&block=${item.block}&variables=${JSON.stringify(item.attributes)}`).then(res => res.json());
+
+        return {
+            ...item,
+            attributes: {
+                ...(item.attributes || {}),
+                ...response,
+            },
+        }
+    } catch (e) {
+        console.error(e);
+    }
+
+    return item;
+}