gatsby-attainlabs-cms 1.0.35 → 1.0.37

package/gatsby-node.js

@@ -57,6 +57,84 @@ const generatePage = async (blocks, layout, isNested) => {
   return await prettier.format(pageContent, { parser: "babel-ts" });
 };
 
+const generateBlogPage = async (blocks, layout, isNested) => {
+  // Validate input parameters
+  if (!Array.isArray(blocks)) {
+    throw new Error("Invalid parameters passed to createPage.");
+  }
+
+  // Helper function to generate Slice components
+  const generateSlices = (blocks) => {
+    return blocks.map((b) => `<Slice alias="${b.sliceId}" />`).join("\n");
+  };
+
+  // Generate the page content
+  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"; 
+
+  export const Head = ({ pageContext }: any) => {
+    const blocks = pageContext.blocks;
+    const meta = blocks.root.props.meta;
+   return (
+    <SEO
+      title={meta ? meta.title : ""}
+      description={meta ? meta.description : ""}
+      noIndex={true}
+    />
+  );
+};
+
+    const BlogPage = ({pageContext}:any ) => { 
+      return (
+        <div sx={{bg:"white"}}>
+          ${generateSlices(blocks)}
+        </div>
+      );
+    };
+
+    export default BlogPage;
+  `;
+
+  // Format the generated code using Prettier (must await!)
+  return await prettier.format(pageContent, { parser: "babel-ts" });
+};
+
+const getAllBlogs = (data) => {
+  const allBlogs = [];
+  const getDatePublished = (entry) => {
+    const date =
+      entry?.draft?.blocks?.root?.props?.datePublished ||
+      entry?.blocks?.root?.props?.datePublished;
+    return date ? new Date(date).getTime() : 0;
+  };
+
+  for (let [key, value] of Object.entries(data)) {
+    const category =
+      value?.draft?.blocks?.root?.props?.category ||
+      value?.blocks?.root?.props?.category;
+    if (category === "blog") {
+      value = { ...value, parentFolder: value.folderUrl };
+      allBlogs.push(value);
+    }
+    if (value.hasOwnProperty("children")) {
+      for (let [childKey, childValue] of Object.entries(value["children"])) {
+        const childCategory =
+          childValue?.draft?.blocks?.root?.props?.category ||
+          childValue?.blocks?.root?.props?.category;
+
+        if (childCategory === "blog") {
+          childValue = { ...childValue, parentFolder: value.folderUrl };
+          allBlogs.push(childValue);
+        }
+      }
+    }
+  }
+
+  return allBlogs.sort((a, b) => getDatePublished(b) - getDatePublished(a));
+};
+
 require("dotenv").config();
 // Load PAT from env instead of hardcoding (fallback to old const for now but warn)
 exports.onPreInit = async (_, pluginOptions) => {
@@ -392,29 +470,8 @@ exports.sourceNodes = async (
 
   const firebaseData = await fetchBlogData();
 
-  const allBlogs = [];
-
-  for (const [key, value] of Object.entries(firebaseData)) {
-    const category =
-      value?.draft?.blocks?.root?.props?.category ||
-      value?.blocks?.root?.props?.category;
-
-    if (category === "blog") {
-      allBlogs.push(value);
-    }
-
-    if (value.hasOwnProperty("children")) {
-      for (const [childKey, childValue] of Object.entries(value["children"])) {
-        const childCategory =
-          childValue?.draft?.blocks?.root?.props?.category ||
-          childValue?.blocks?.root?.props?.category;
+  const allBlogs = getAllBlogs(firebaseData);
 
-        if (childCategory === "blog") {
-          allBlogs.push(childValue);
-        }
-      }
-    }
-  }
   for (const blog of allBlogs) {
     const id = createNodeId(`Blog-${blog.id}`);
     const node = {
@@ -456,81 +513,15 @@ 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();
 
-  const blogData = graphql(`
-    query {
-      allBlogs {
-        edges {
-          node {
-            blocks {
-              content {
-                props {
-                  content {
-                    props {
-                      text
-                      image {
-                        desktop {
-                          url
-                        }
-                      }
-                    }
-                    #   type
-                  }
-                }
-              }
-              root {
-                props {
-                  author
-                  datePublished
-                  pageUrl
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-  `);
-  const postsPerPage = 5;
-  const blogs = blogData.allBlogs.edges;
-  const numPages = Math.ceil(blogs.length / postsPerPage);
-
-  Array.from({ length: numPages }).forEach((_, i) => {
-    createPage({
-      path: i === 0 ? `/blogs/` : `/blogs/${i + 1}/`,
-      component: path.resolve(
-        path.join(siteRoot, "src/cms/pages", "index.tsx")
-      ),
-      // path.join(siteRoot, "src/cms/pages", `${folderPath}.tsx`);
-      context: {
-        limit: postsPerPage,
-        skip: i * postsPerPage,
-        numPages,
-        currentPage: i + 1,
-      },
-    });
-  });
-
-  // Create individual blog pages
-  //  let count = 0;
-  //  let page = 1;
-  //  blogs.forEach(({ node }: any) => {
-  //    count++;
-  //    if (count > postsPerPage) {
-  //      page++;
-  //      count = 1;
-  //    }
-  //    createPage({
-  //      path: `/blogs/${page > 1 ? `${page}/` : ""}${node.slug}/`,
-  //      component: path.resolve("./src/templates/blogPage.tsx"),
-  //      context: {
-  //        ...node,
-  //        page,
-  //      },
-  //    });
-  //  });
+  const firebaseBlogs = getAllBlogs(firebaseJson);
+  const blogsPerFolder = 5;
 
-  const firebaseJson = await firebaseData.json();
+  const blogsWithFolderNumbers = firebaseBlogs.map((blog, idx) => {
+    const folderNumber = Math.floor(idx / blogsPerFolder) + 1;
+    return { ...blog, folderNumber };
+  });
 
   async function processPage(page, parentPath = "") {
     // Check for folderUrl first — handle nested folders immediately
@@ -608,7 +599,62 @@ exports.createPages = async ({ actions, store }, pluginOptions) => {
     }
   }
 
+  // async function processBlogs(page, parentPath = "") {
+  //   if (page.template === "visual-editor" && page.published && page.type === "blog") {
+  //     const {
+  //       blocks: {
+  //         content,
+  //         root: {
+  //           props: { pageUrl, layout },
+  //         },
+  //       },
+  //       id,
+  //       folderNumber,
+  //       parentFolder
+  //     } = page;
+
+  //     // 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()}`;
+
+  //         createSlice({
+  //           id: sliceId,
+  //           component: path.resolve(
+  //             siteRoot,
+  //             "src/cms/components/sliceWrapper.tsx"
+  //           ),
+  //           context: {
+  //             componentPath: `./src/cms/components${b.props.component.path}/index.tsx`,
+  //             ...b.props,
+  //           },
+  //         });
+
+  //         b["sliceId"] = sliceId;
+  //         return b;
+  //       })
+  //     );
+
+  //     // Generate page file
+  //     const pageSource = await generateBlogPage(content, layout, parentPath);
+  //     const folderPath = pageUrl;
+  //     const outPath = path.join(siteRoot, "src/cms/pages", `${parentFolder}/${folderNumber}/${folderPath}.tsx`);
+
+  //     await fse.outputFile(outPath, pageSource);
+
+  //     await createPage({
+  //       path: `${parentFolder}/${folderNumber}/${folderPath}`,
+  //       component: outPath,
+  //       context: { ...page },
+  //     });
+  //   }
+  // }
+
   for (const page of Object.values(firebaseJson)) {
     await processPage(page);
   }
+  // for (const blog of blogsWithFolderNumbers) {
+  //   await processBlogs(blog, brand === "LendDirect" ? "resources" : "blogs");
+  // }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-attainlabs-cms",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,6 +25,7 @@
     "gatsby-transformer-sharp": "^5.15.0",
     "prettier": "^3.6.2",
     "react-slick": "^0.31.0",
+    "slick-carousel": "^1.8.1",
     "uuid": "^13.0.0"
   },
   "devDependencies": {