mod-build 4.0.98 → 4.0.99

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 4.0.99
+
+- Added `grab-bbb-logo` task to fetch the updated BBB logo and replace existing `bbb.svg` and/or `<symbol id="bbb">` in the sprite. Also updates current `BBB Accredited Business` alt text in `.html` / `template.js`
+
 ## 4.0.98
 
 - Allow `fontsToDownload` entries to specify custom weights via `fontVariants` (e.g. `{ montserrat: { fontVariants: [{ medium: '500' }, { bold: '700' }] } }`); plain font names still default to regular + bold

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "mod-build",
-	"version": "4.0.98",
+	"version": "4.0.99",
 	"description": "Share components for S3 sites.",
 	"type": "module",
 	"scripts": {

package/tasks/grab-bbb-logo.js

@@ -0,0 +1,108 @@
+import { defaultSettings } from '../src/data/config.js';
+import { createRetryFetch } from '../src/scripts/retry-fetch.js';
+import fs from 'node:fs';
+import path from 'node:path';
+
+const bbbResourcePath = '/quote/resources/assets/images/logos/misc/bbb.svg';
+const bbbAltText = 'BBB Accredited Business';
+const bbbAltTextUpdated = 'Better Business Bureau Accredited Business';
+const bbbSymbolRegex = /<symbol\b[^>]*\bid\s*=\s*["']bbb["'][^>]*>[\s\S]*?<\/symbol>/i;
+const skipDirs = new Set(['node_modules', 'dist', '.git', '.tmp']);
+
+const fetchWithRetry = createRetryFetch();
+
+function walkFiles(dir, matcher, results = []) {
+	if (!fs.existsSync(dir)) {
+		return results;
+	}
+
+	for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+		const fullPath = path.join(dir, entry.name);
+
+		if (entry.isDirectory()) {
+			if (!skipDirs.has(entry.name)) {
+				walkFiles(fullPath, matcher, results);
+			}
+			continue;
+		}
+
+		if (entry.isFile() && matcher(fullPath, entry.name)) {
+			results.push(fullPath);
+		}
+	}
+
+	return results;
+}
+
+async function fetchBbbSvgMarkup() {
+	const url = `https://${defaultSettings.nodeEnv}${bbbResourcePath}`;
+	const response = await fetchWithRetry(url);
+
+	if (response.status !== 200) {
+		throw new Error(`${response.status}: Error while fetching ${url}`);
+	}
+
+	return (await response.text()).trim();
+}
+
+function buildBbbSymbol(svgMarkup) {
+	const symbol = svgMarkup.replace(/^[\s\S]*?<svg\b/i, '<symbol').replace(/<\/svg>\s*$/i, '</symbol>');
+
+	if (/^<symbol\b[^>]*\bid\s*=/i.test(symbol)) {
+		return symbol;
+	}
+
+	return symbol.replace(/^<symbol\b/i, '<symbol id="bbb"');
+}
+
+async function updateBbbLogo(svgMarkup) {
+	const existingLogos = walkFiles(process.cwd(), (_fullPath, fileName) => fileName === 'bbb.svg');
+
+	for (const logoPath of existingLogos) {
+		fs.writeFileSync(logoPath, `${svgMarkup}\n`, 'utf8');
+		console.log(`Updated BBB logo: ${logoPath}`);
+	}
+}
+
+async function updateAccreditedBusinessText() {
+	const files = walkFiles(process.cwd(), (_fullPath, fileName) => (
+		fileName.endsWith('.html') || fileName === 'template.js'
+	));
+
+	for (const filePath of files) {
+		const contents = fs.readFileSync(filePath, 'utf8');
+
+		if (!contents.includes(bbbAltText)) {
+			continue;
+		}
+
+		const updated = contents.replaceAll(bbbAltText, bbbAltTextUpdated);
+		fs.writeFileSync(filePath, updated, 'utf8');
+		console.log(`Updated BBB accredited text in: ${filePath}`);
+	}
+}
+
+async function updateBbbInSprite(svgMarkup) {
+	const spriteFiles = walkFiles(process.cwd(), (_fullPath, fileName) => fileName === 'sprite.svg');
+	const updatedSymbol = buildBbbSymbol(svgMarkup);
+
+	for (const spritePath of spriteFiles) {
+		const contents = fs.readFileSync(spritePath, 'utf8');
+
+		if (!bbbSymbolRegex.test(contents)) {
+			continue;
+		}
+
+		const updatedContents = contents.replace(bbbSymbolRegex, updatedSymbol);
+		fs.writeFileSync(spritePath, updatedContents, 'utf8');
+		console.log(`Updated BBB symbol in sprite: ${spritePath}`);
+	}
+}
+
+export default async function() {
+	const svgMarkup = await fetchBbbSvgMarkup();
+
+	await updateBbbLogo(svgMarkup);
+	await updateAccreditedBusinessText();
+	await updateBbbInSprite(svgMarkup);
+}

package/tasks/serve.js

@@ -4,6 +4,7 @@ import grabGlobalFonts from './grab-global-fonts.js';
 import grabSharedComponents from './grab-shared-components.js';
 import grabSharedScripts from './grab-shared-scripts.js';
 import grabCdn from './grab-cdn.js';
+import grabBbbLogo from './grab-bbb-logo.js';
 import grabB2BData from './grab-b2b-data.js';
 import getDefaultTradeQuestions from './get-default-trade-questions.js';
 import grabFormHelpers from './grab-form-helpers.js';
@@ -18,6 +19,7 @@ export async function startModBuild(config) {
 	await grabGlobalFonts(config);
 	await grabB2BData(config);
 	await grabCdn(config);
+	await grabBbbLogo();
 	await getDefaultTradeQuestions(config);
 	await Promise.all([
 		grabSharedComponents(config),