gatsby-attainlabs-cms 1.0.27 → 1.0.29

package/dist/sliceWrapper.js

@@ -12,7 +12,14 @@ export default function SliceWrapper({ sliceContext, data, }) {
         console.warn(`Component "${pathFormatted}" not found in CMS_COMPONENTS`);
         return null;
     }
-    return (_jsx(Component, { ...props, trustPilotData: data.allTrustPilotReviews.edges[0].node }));
+    return (_jsx(Component, { ...props, trustPilotData: data.allTrustPilotReviews.edges[0].node, blogs: {
+            sliderBlogs: {
+                ...data.sliderBlogs,
+            },
+            allBlogs: {
+                ...data.allBlogs,
+            },
+        } }));
 }
 export const TrustPilotQuery = graphql `
   query {
@@ -47,5 +54,68 @@ export const TrustPilotQuery = graphql `
         }
       }
     }
+    allBlogs: allBlogs {
+      edges {
+        node {
+          blocks {
+            content {
+              props {
+                content {
+                  props {
+                    text
+                    image {
+                      desktop {
+                        url
+                      }
+                    }
+                  }
+                  #   type
+                }
+              }
+            }
+            root {
+              props {
+                author
+                datePublished
+                pageUrl
+              }
+            }
+          }
+        }
+      }
+    }
+    sliderBlogs: allBlogs(
+      limit: 9
+      sort: { blocks: { root: { props: { datePublished: DESC } } } }
+    ) {
+      edges {
+        node {
+          blocks {
+            content {
+              props {
+                content {
+                  props {
+                    text
+                    image {
+                      desktop {
+                        url
+                      }
+                    }
+                  }
+                  #   type
+                }
+              }
+            }
+            root {
+              props {
+                author
+                datePublished
+                pageUrl
+              }
+            }
+          }
+        }
+      }
+    }
   }
 `;

package/gatsby-node.js

@@ -12,7 +12,7 @@ const brands = {
   "Attain Finance": "attainfinance",
 };
 
-const generatePage = async (blocks, layout) => {
+const generatePage = async (blocks, layout, isNested) => {
   // Validate input parameters
   if (!Array.isArray(blocks)) {
     throw new Error("Invalid parameters passed to createPage.");
@@ -27,22 +27,21 @@ const generatePage = async (blocks, layout) => {
   const pageContent = `
   /* This is a generated file by the gatsby-attainlabs-cms plugin. Any changes will be overwritten on the next build. */
     import { Slice } from "gatsby";
-    import SEO from "../components/SEO";
-    import Layout from "../layouts/${layout}";
+    import SEO from "../${isNested && "../"}components/SEO"; 
 
      
 
   export const Head = ({ pageContext }: any) => {
   const blocks = pageContext.blocks || { root: { props: { meta: {} } } };
   const { title, description } = blocks.root.props.meta;
-  return <SEO title={title} description={description} noIndex={true} />;
+  return <SEO title={title || ""} description={description || ""} noIndex={true} />;
 };
 
     const Page = ({pageContext}:any ) => { 
       return (
-        <>
+        <div sx={{bg:"white"}}>
           ${generateSlices(blocks)}
-        </>
+        </div>
       );
     };
 
@@ -301,6 +300,7 @@ exports.sourceNodes = async (
     );
     return; // stop execution early
   }
+
   if (!brand || !businessUnitId) {
     console.warn(
       "⚠️ [gatsby-attainlabs-cms] Invalid or missing 'brand' option for Trustpilot integration. " +
@@ -310,6 +310,10 @@ exports.sourceNodes = async (
     return; // stop execution early
   }
 
+  console.log(
+    `ℹ️ [gatsby-attainlabs-cms] Fetching Firebase Blogs Data brand: ${brand}`
+  );
+
   const fetchTrustpilotData = async (endpoint) => {
     try {
       const response = await fetch(
@@ -344,7 +348,7 @@ exports.sourceNodes = async (
       recentReviews: recentReviewsData || {},
     };
 
-    return createNode({
+    createNode({
       ...combinedData,
       id: createNodeId("trustPilotReviews"),
       parent: null,
@@ -356,16 +360,31 @@ exports.sourceNodes = async (
   }
 
   // Blogs node creation
-  const firebaseData = await fetch(
-    `https://attain-finance-cms-default-rtdb.firebaseio.com/cms/brands/lenddirect/pages.json`
-  ).then((res) => res.json());
+
+  const fetchBlogData = async () => {
+    try {
+      const response = await fetch(
+        `https://attain-finance-cms-default-rtdb.firebaseio.com/cms/brands/${brands[brand]}/pages.json`
+      );
+      if (!response.ok) {
+        throw new Error(`HTTP error! status: ${response.status}`);
+      }
+
+      return await response.json();
+    } catch (error) {
+      console.error(`Failed to fetch data from Firebase`, error.message);
+      return null;
+    }
+  };
+
+  const firebaseData = await fetchBlogData();
 
   const allBlogs = [];
 
   for (const [key, value] of Object.entries(firebaseData)) {
     const category =
-      value?.draft?.blocks?.root?.props?.category.type ||
-      value?.blocks?.root?.props?.category.type;
+      value?.draft?.blocks?.root?.props?.category ||
+      value?.blocks?.root?.props?.category;
 
     if (category === "blog") {
       allBlogs.push(value);
@@ -374,8 +393,8 @@ exports.sourceNodes = async (
     if (value.hasOwnProperty("children")) {
       for (const [childKey, childValue] of Object.entries(value["children"])) {
         const childCategory =
-          childValue?.draft?.blocks?.root?.props?.category.type ||
-          childValue?.blocks?.root?.props?.category.type;
+          childValue?.draft?.blocks?.root?.props?.category ||
+          childValue?.blocks?.root?.props?.category;
 
         if (childCategory === "blog") {
           allBlogs.push(childValue);
@@ -424,8 +443,32 @@ exports.createPages = async ({ actions, store }, pluginOptions) => {
   const firebaseData = await fetch(
     `https://attain-finance-cms-default-rtdb.firebaseio.com/cms/brands/${brands[brand]}/pages.json`
   );
+
   const firebaseJson = await firebaseData.json();
-  for (const page of Object.values(firebaseJson)) {
+
+  async function processPage(page, parentPath = "") {
+    // Check for folderUrl first — handle nested folders immediately
+    if (
+      page.folderUrl &&
+      page.children &&
+      Object.keys(page.children).length > 0
+    ) {
+      // use folderUrl instead of pageUrl for folder structure
+      const folderPath = parentPath
+        ? path.join(parentPath, page.folderUrl)
+        : page.folderUrl;
+      const folderFullPath = path.join(siteRoot, "src/cms/pages", folderPath);
+
+      await fse.ensureDir(folderFullPath);
+
+      for (const child of Object.values(page.children)) {
+        await processPage(child, folderPath);
+      }
+
+      return; // Stop here for folders — no page created for folder node
+    }
+
+    // 🧩 Step 2: Process actual pages (no folderUrl)
     if (page.template === "visual-editor" && page.published) {
       const {
         blocks: {
@@ -437,13 +480,12 @@ exports.createPages = async ({ actions, store }, pluginOptions) => {
         id,
       } = page;
 
-      //Generate page's blocks slices
+      // Create slice for each block
       await Promise.all(
         content.map(async (b) => {
           const name = b.props.component.name;
           const sliceId = `block--${pageUrl}--${name}--${id}--${crypto.randomUUID()}`;
-          // console.log(`Creating slice: ${sliceId}`);
-          // here we could await something per slice if needed later
+
           createSlice({
             id: sliceId,
             component: path.resolve(
@@ -455,28 +497,30 @@ exports.createPages = async ({ actions, store }, pluginOptions) => {
               ...b.props,
             },
           });
-          b["sliceId"] = sliceId; // attach sliceId to block for later use
+
+          b["sliceId"] = sliceId;
           return b;
         })
       );
 
-      const pageSource = await generatePage(content, layout);
-      const outPath = path.join(siteRoot, "src/cms/pages", `${pageUrl}.tsx`);
+      // Generate page file
+      const pageSource = await generatePage(content, layout, parentPath);
+      const folderPath = parentPath ? path.join(parentPath, pageUrl) : pageUrl;
+      const outPath = path.join(siteRoot, "src/cms/pages", `${folderPath}.tsx`);
 
       await fse.outputFile(outPath, pageSource);
+
       await createPage({
-        path: pageUrl === "index" ? `/` : `/${pageUrl}`,
-        component: outPath, // ✅ a file path string
-        context: {
-          ...page,
-        },
+        path: folderPath.endsWith("/index")
+          ? `/${parentPath}`
+          : `/${folderPath}`,
+        component: outPath,
+        context: { ...page },
       });
-
-      // const pageSource = await generatePage(content, pageUrl);
-      // const outPath = path.join(siteRoot, "src/pages", `${pageUrl}.tsx`);
-      // // Generate the page itself
-      // await fse.outputFile(outPath, pageSource);
-      // console.log(`✅ Wrote page to ${outPath}`);
     }
   }
+
+  for (const page of Object.values(firebaseJson)) {
+    await processPage(page);
+  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-attainlabs-cms",
-  "version": "1.0.27",
+  "version": "1.0.29",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/sliceWrapper.tsx

@@ -31,6 +31,14 @@ export default function SliceWrapper({
     <Component
       {...props}
       trustPilotData={data.allTrustPilotReviews.edges[0].node}
+      blogs={{
+        sliderBlogs: {
+          ...data.sliderBlogs,
+        },
+        allBlogs: {
+          ...data.allBlogs,
+        },
+      }}
     />
   );
 }
@@ -68,5 +76,68 @@ export const TrustPilotQuery = graphql`
         }
       }
     }
+    allBlogs: allBlogs {
+      edges {
+        node {
+          blocks {
+            content {
+              props {
+                content {
+                  props {
+                    text
+                    image {
+                      desktop {
+                        url
+                      }
+                    }
+                  }
+                  #   type
+                }
+              }
+            }
+            root {
+              props {
+                author
+                datePublished
+                pageUrl
+              }
+            }
+          }
+        }
+      }
+    }
+    sliderBlogs: allBlogs(
+      limit: 9
+      sort: { blocks: { root: { props: { datePublished: DESC } } } }
+    ) {
+      edges {
+        node {
+          blocks {
+            content {
+              props {
+                content {
+                  props {
+                    text
+                    image {
+                      desktop {
+                        url
+                      }
+                    }
+                  }
+                  #   type
+                }
+              }
+            }
+            root {
+              props {
+                author
+                datePublished
+                pageUrl
+              }
+            }
+          }
+        }
+      }
+    }
   }
 `;