gatsby-attainlabs-cms 1.0.0

package/README.md

@@ -0,0 +1,29 @@
+# gatsby-attain-labs-cms
+
+A Gatsby plugin that downloads and syncs `index.tsx` components from the **Attain Labs CMS** hosted in Azure Repos into your Gatsby project at build time.
+
+This is especially useful for keeping brand-specific and global CMS blocks up to date across Gatsby projects without manual copying.
+
+---
+
+## Install
+
+```bash
+npm install gatsby-attain-labs-cms
+```
+
+---
+
+## Usage
+
+In your gatsby-config.js, configure the plugin with the brand you want to sync:
+
+```javascript
+{
+      resolve: "gatsby-attain-labs-cms",
+      options: {
+        // Select one: 'LendDirect', 'Cash Money', or 'Heights Finance'
+        brand: "LendDirect",
+      },
+    },
+```

package/gatsby-node.js

@@ -0,0 +1,148 @@
+import fs from "fs";
+import https from "https";
+import path from "path";
+import "dotenv/config";
+// Load PAT from env instead of hardcoding (fallback to old const for now but warn)
+
+export const onPreInit = async (_, pluginOptions) => {
+  const { brand, azureBranch } = pluginOptions;
+
+  const pat = process.env.GATSBY_PERSONAL_ACCESS_TOKEN;
+
+  const brands = {
+    LendDirect: "lenddirect",
+    "Cash Money": "cashmoney",
+    "Heights Finance": "heightsfinance",
+  };
+
+  const org = "CuroFinTech";
+  const project = "Marketing";
+  const repo = "Attain Labs";
+  const branch = azureBranch || "feature/adding-puck-for-visual-code-editing";
+
+  // List of folders to download from
+  const targets = [
+    {
+      repoPath: `/apps/cms/src/cms/components/editor/templates/visual-block-editor/components/brands/${brands[brand]}`,
+      localBasePath: path.resolve("./src/cms/components/brand"),
+    },
+    {
+      repoPath:
+        "/apps/cms/src/cms/components/editor/templates/visual-block-editor/components/global/blocks",
+      localBasePath: path.resolve("./src/cms/components/global"),
+    },
+  ];
+
+  const options = {
+    headers: {
+      Authorization: `Basic ${Buffer.from(`:${pat}`).toString("base64")}`,
+      "User-Agent": "component-transfer-script",
+    },
+  };
+
+  // Loop through targets
+  targets.forEach(({ repoPath, localBasePath }) => {
+    const listUrl = `https://dev.azure.com/${org}/${project}/_apis/git/repositories/${encodeURIComponent(
+      repo
+    )}/items?scopePath=${encodeURIComponent(
+      repoPath
+    )}&recursionLevel=full&includeContentMetadata=true&versionDescriptor.version=${encodeURIComponent(
+      branch
+    )}&versionDescriptor.versionType=branch&api-version=7.0`;
+
+    https
+      .get(listUrl, options, (res) => {
+        let data = "";
+        res.on("data", (chunk) => (data += chunk));
+        res.on("end", () => {
+          if (res.statusCode !== 200) {
+            console.error(
+              `Failed to list items for ${repoPath}: ${res.statusCode} ${res.statusMessage}`
+            );
+            console.error(data);
+            return;
+          }
+
+          const result = JSON.parse(data);
+          const posix = path.posix;
+
+          // Keep only index.tsx files
+          const items = (result.value || []).filter(
+            (i) =>
+              !i.isFolder &&
+              i.gitObjectType === "blob" &&
+              posix.basename(i.path) === "index.tsx"
+          );
+
+          console.log(`Found ${items.length} index.tsx files in ${repoPath}`);
+          items.forEach((item) =>
+            downloadFile(item.path, repoPath, localBasePath)
+          );
+        });
+      })
+      .on("error", (err) => {
+        console.error("Request error:", err.message);
+      });
+  });
+
+  // Download a single file preserving folder structure under localBasePath
+  function downloadFile(filePath, repoPath, localBasePath) {
+    const fileUrl = `https://dev.azure.com/${org}/${project}/_apis/git/repositories/${encodeURIComponent(
+      repo
+    )}/items?path=${encodeURIComponent(
+      filePath
+    )}&versionDescriptor.version=${encodeURIComponent(
+      branch
+    )}&versionDescriptor.versionType=branch&api-version=7.0&download=true`;
+
+    const posix = path.posix;
+    const relativePath = posix.relative(repoPath, filePath); // structure under repoPath
+    const destFile = path.join(localBasePath, ...relativePath.split("/"));
+    const destDir = path.dirname(destFile);
+
+    if (!fs.existsSync(destDir)) {
+      fs.mkdirSync(destDir, { recursive: true });
+      console.log(`📂 Created directory: ${destDir}`);
+    }
+
+    const doRequest = (url) => {
+      https
+        .get(url, options, (res) => {
+          if (
+            res.statusCode &&
+            res.statusCode >= 300 &&
+            res.statusCode < 400 &&
+            res.headers.location
+          ) {
+            return doRequest(res.headers.location);
+          }
+
+          if (res.statusCode !== 200) {
+            console.error(
+              `Failed to download ${filePath}: ${res.statusCode} ${res.statusMessage}`
+            );
+            res.resume();
+            return;
+          }
+
+          const tmpFile = destFile + ".part";
+          const fileStream = fs.createWriteStream(tmpFile);
+
+          res.pipe(fileStream);
+          fileStream.on("finish", () => {
+            fileStream.close(() => {
+              fs.renameSync(tmpFile, destFile);
+              console.log(`✅ Downloaded ${destFile}`);
+            });
+          });
+        })
+        .on("error", (err) => {
+          console.error("Request error:", err.message);
+        });
+    };
+
+    doRequest(fileUrl);
+  }
+};
+
+onPreInit({}, { brand: "LendDirect" }); // For testing purposes, remove when done

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "gatsby-attainlabs-cms",
+  "version": "1.0.0",
+  "main": "gatsby-node.js",
+  "type": "module",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "Anthony Barrera",
+  "license": "ISC",
+  "description": "A Gatsby plugin that downloads and syncs `index.tsx` components from the **Attain Labs CMS** hosted in Azure Repos into your Gatsby project at build time.",
+  "peerDependencies": {
+    "gatsby": "^5.0.0 || ^4.0.0"
+  },
+  "dependencies": {
+    "dotenv": "^17.2.1"
+  }
+}