gatsby-attainlabs-cms 1.0.33 → 1.0.35

package/gatsby-browser.js

@@ -0,0 +1,28 @@
+exports.onClientEntry = (_, pluginOptions) => {
+  const { brand } = pluginOptions;
+
+  if (brand === "LendDirect") {
+    import("@fontsource/open-sans/300.css");
+    import("@fontsource/open-sans/400.css");
+    import("@fontsource/open-sans/500.css");
+    import("@fontsource/open-sans/600.css");
+    import("@fontsource/open-sans/700.css");
+    import("@fontsource/open-sans/800.css");
+    import("slick-carousel/slick/slick.css");
+    import("slick-carousel/slick/slick-theme.css");
+  }
+  if (brand === "Heights Finance") {
+    import("@fontsource/montserrat/300.css");
+    import("@fontsource/montserrat/400.css");
+    import("@fontsource/montserrat/500.css");
+    import("@fontsource/montserrat/600.css");
+    import("@fontsource/montserrat/700.css");
+    import("@fontsource/montserrat/800.css");
+    import("@fontsource/montserrat/300-italic.css");
+    import("@fontsource/montserrat/400-italic.css");
+    import("@fontsource/montserrat/500-italic.css");
+    import("@fontsource/montserrat/600-italic.css");
+    import("@fontsource/montserrat/700-italic.css");
+    import("@fontsource/montserrat/800-italic.css");
+  }
+};

package/gatsby-node.js

@@ -4,6 +4,7 @@ const path = require("path");
 const prettier = require("prettier");
 const fse = require("fs-extra");
 const crypto = require("crypto");
+const { graphql } = require("gatsby");
 
 const brands = {
   LendDirect: "lenddirect",
@@ -283,8 +284,16 @@ exports.sourceNodes = async (
   pluginOptions
 ) => {
   const { createNode } = actions;
-  const { trustpilotApiKey, brand } = pluginOptions;
+  const { trustpilotApiKey, brand, environment } = pluginOptions;
   const apiKey = process.env.TRUSTPILOT_API_KEY || trustpilotApiKey;
+
+  if (environment === "dev") {
+    console.log(
+      "ℹ️ [gatsby-attainlabs-cms] Running in 'dev' environment mode. Skipping source node creation."
+    );
+    return;
+  }
+
   console.log(
     `ℹ️ [gatsby-attainlabs-cms] Fetching Trustpilot data for brand: ${brand}`
   );
@@ -428,7 +437,7 @@ exports.createPages = async ({ actions, store }, pluginOptions) => {
   const siteRoot = store.getState().program.directory;
   if (environment === "dev") {
     console.log(
-      "ℹ️ [gatsby-attainlabs-cms] Running in 'dev' environment mode. Skipping component sync."
+      "ℹ️ [gatsby-attainlabs-cms] Running in 'dev' environment mode. Skipping page creation."
     );
     return;
   }
@@ -448,6 +457,79 @@ exports.createPages = async ({ actions, store }, pluginOptions) => {
     `https://attain-finance-cms-default-rtdb.firebaseio.com/cms/brands/${brands[brand]}/pages.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 firebaseJson = await firebaseData.json();
 
   async function processPage(page, parentPath = "") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-attainlabs-cms",
-  "version": "1.0.33",
+  "version": "1.0.35",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -15,6 +15,8 @@
     "gatsby": "^5.0.0 || ^4.0.0"
   },
   "dependencies": {
+    "@fontsource/montserrat": "^5.2.8",
+    "@fontsource/open-sans": "^5.2.7",
     "dotenv": "^17.2.1",
     "gatsby-background-image": "^1.6.0",
     "gatsby-plugin-image": "^3.15.0",