gatsby-attainlabs-cms 1.0.17 → 1.0.18

package/dist/sliceWrapper.d.ts

@@ -3,6 +3,8 @@ interface SliceWrapperProps {
         componentPath: string;
         [key: string]: any;
     };
+    data: any;
 }
-export default function SliceWrapper({ sliceContext }: SliceWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+export default function SliceWrapper({ sliceContext, data, }: SliceWrapperProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const TrustPilotQuery: import("gatsby").StaticQueryDocument;
 export {};

package/dist/sliceWrapper.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { graphql } from "gatsby";
 import { CMS_COMPONENTS } from "./map";
-export default function SliceWrapper({ sliceContext }) {
+export default function SliceWrapper({ sliceContext, data, }) {
     const { componentPath, ...props } = sliceContext;
     const pathFormatted = componentPath
         .replace("src/cms/components//", "")
@@ -11,5 +12,40 @@ export default function SliceWrapper({ sliceContext }) {
         console.warn(`Component "${pathFormatted}" not found in CMS_COMPONENTS`);
         return null;
     }
-    return _jsx(Component, { ...props });
+    return (_jsx(Component, { ...props, trustPilotData: data.allTrustPilotReviews.edges[0].node }));
 }
+export const TrustPilotQuery = graphql `
+  query {
+    allTrustPilotReviews {
+      edges {
+        node {
+          recentReviews {
+            reviews {
+              numberOfLikes
+              stars
+              text
+              title
+              createdAt
+              isVerified
+              reviewVerificationLevel
+              consumer {
+                displayName
+              }
+            }
+          }
+          businessData {
+            score {
+              stars
+              trustScore
+            }
+            displayName
+            numberOfReviews {
+              total
+              usedForTrustScoreCalculation
+            }
+          }
+        }
+      }
+    }
+  }
+`;

package/gatsby-node.js

@@ -11,18 +11,18 @@ const brands = {
   "Attain Finance": "attainfinance",
 };
 
-const createPage = async (blocks, pageUrl, id) => {
+const createPage = async (blocks, pageUrl) => { 
   // Validate input parameters
-  if (!Array.isArray(blocks) || !pageUrl || !id) {
+  if (!Array.isArray(blocks) || !pageUrl) {
     throw new Error("Invalid parameters passed to createPage.");
   }
 
   // Helper function to generate Slice components
-  const generateSlices = (blocks, pageUrl, id) => {
+  const generateSlices = (blocks, id) => {
     return blocks
       .map(
         (b) =>
-          `<Slice alias="block--${pageUrl}--${b.props.component.name}--${id}" />`
+          `<Slice alias="${b.sliceId}" />`
       )
       .join("\n");
   };
@@ -44,7 +44,7 @@ const createPage = async (blocks, pageUrl, id) => {
     const Page = () => {
       return (
         <Layout>
-          ${generateSlices(blocks, pageUrl, id)}
+          ${generateSlices(blocks, pageUrl)}
         </Layout>
       );
     };
@@ -123,7 +123,7 @@ exports.onPreInit = async (_, pluginOptions) => {
     },
     {
       repoPath: "/apps/cms/src/cms/editors/visual-block-editor/core/",
-      localBasePath: path.resolve("./src/cms/components/"),
+      localBasePath: path.resolve("./src/cms/"),
     },
     {
       repoPath: `/apps/cms/src/gatsby-plugin-theme-ui/${brands[brand]}`,
@@ -250,8 +250,12 @@ exports.onPreInit = async (_, pluginOptions) => {
           res.pipe(fileStream);
           fileStream.on("finish", () => {
             fileStream.close(() => {
-              const generatedComment =
-                "// GENERATED FILE // This file is automatically generated by the AttainLabs CMS plugin. Do not edit this file directly.\n";
+              const ext = path.extname(destFile).toLowerCase(); 
+              let generatedComment = "";
+                    if (ext === ".ts" || ext === ".tsx" || ext === ".js" || ext === ".jsx") {
+                      generatedComment =
+                        "// GENERATED FILE // This file is automatically generated by the AttainLabs CMS plugin. Do not edit this file directly.\n";
+                    }
               const fileContent = fs.readFileSync(tmpFile, "utf8");
               fs.writeFileSync(destFile, generatedComment + fileContent);
 
@@ -393,26 +397,28 @@ exports.createPages = async ({ actions, store }, pluginOptions) => {
       if (published) {
         //Generate page's blocks slices
         await Promise.all(
-          content.map(async (b) => {
+          content.map(async (b) => {  
             const name = b.props.component.name;
-            const blockId = `block--${pageUrl}--${name}--${id}`;
-            console.log(`Creating slice: ${blockId}`);
+            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: blockId,
+              id: sliceId,
               component: path.resolve(
                 siteRoot,
                 "src/cms/components/sliceWrapper.tsx"
               ),
               context: {
-                componentPath: `./src/cms/components/${b.props.component.path}/index.tsx`,
+                componentPath: `./src/cms/components${b.props.component.path}/index.tsx`,
                 ...b.props,
               },
             });
+            b["sliceId"] = sliceId; // attach sliceId to block for later use
+            return b;
           })
         );
 
-        const pageSource = await createPage(content, pageUrl, id);
+        const pageSource = await createPage(content, pageUrl);
         const outPath = path.join(siteRoot, "src/pages", `${pageUrl}.tsx`);
         // Generate the page itself
         await fse.outputFile(outPath, pageSource);

package/package.json

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

package/src/sliceWrapper.tsx

@@ -1,7 +1,7 @@
 // GENERATED FILE // This file is automatically generated by the AttainLabs CMS plugin. Do not edit this file directly.
 
 import React from "react";
-import type { SliceComponentProps } from "gatsby";
+import { graphql, type SliceComponentProps } from "gatsby";
 import { CMS_COMPONENTS } from "./map";
 
 interface SliceWrapperProps {
@@ -9,11 +9,14 @@ interface SliceWrapperProps {
     componentPath: string;
     [key: string]: any;
   };
+  data: any;
 }
 
-export default function SliceWrapper({ sliceContext }: SliceWrapperProps) {
+export default function SliceWrapper({
+  sliceContext,
+  data,
+}: SliceWrapperProps) {
   const { componentPath, ...props } = sliceContext;
-
   const pathFormatted = componentPath
     .replace("src/cms/components//", "")
     .replace(/^.\//, "")
@@ -24,5 +27,46 @@ export default function SliceWrapper({ sliceContext }: SliceWrapperProps) {
     return null;
   }
 
-  return <Component {...props} />;
+  return (
+    <Component
+      {...props}
+      trustPilotData={data.allTrustPilotReviews.edges[0].node}
+    />
+  );
 }
+
+export const TrustPilotQuery = graphql`
+  query {
+    allTrustPilotReviews {
+      edges {
+        node {
+          recentReviews {
+            reviews {
+              numberOfLikes
+              stars
+              text
+              title
+              createdAt
+              isVerified
+              reviewVerificationLevel
+              consumer {
+                displayName
+              }
+            }
+          }
+          businessData {
+            score {
+              stars
+              trustScore
+            }
+            displayName
+            numberOfReviews {
+              total
+              usedForTrustScoreCalculation
+            }
+          }
+        }
+      }
+    }
+  }
+`;