mod-build 3.6.75-beta.2 → 4.0.0-alpha.2

package/src/templates/components/head.html

@@ -0,0 +1,70 @@
+<!-- an example of the head component for v4.0.0 -->
+<meta charset="UTF-8" />
+<link rel="icon" type="image/svg+xml" href="/{{#if page.headConfig.faviconPath}}{{page.headConfig.faviconPath}}{{else}}favicon.svg"{{/if}} />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+<!-- assets links afterBegin -->
+{{#if page.headConfig.useModAnalytics}}
+	<script src="https://{{this.resourceDomain}}/quote/resources/mod-alytics/modalytics.min.js" {{#if page.headConfig.deferModAnalytics}}defer{{/if}} {{#if page.headConfig.asyncModAnalytics}}async{{/if}}></script>
+{{/if}}
+
+<!-- Include vwo setup -->
+{{#xif "this.page.headConfig.vwoSetup.vwoPathArray.indexOf(this.path) > -1" }}
+	<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com">
+	<!-- Do not double hit our analytical resources (Heap/Google Analytics) if the page is going to be redirected by a VWO a/b test-->
+	<script src="{{ resolveAlias '@/scripts/vendor/visual-website-optimizer.js'}}"></script>
+{{else}}
+	<script src="{{ resolveAlias '@/scripts/url-cleaner.js'}}"></script>
+{{/xif}}
+
+{{#unless page.headConfig.disableRobots}}
+	<meta name="robots" content="{{#if page.headConfig.robotsCsv}}{{page.headConfig.robotsCsv}}{{else}}noindex,nofollow{{/if}}"/>
+{{/unless}}
+
+{{#unless page.headConfig.disableOgTags}}
+	<meta property="og:title" content="{{page.headConfig.title}}" />
+	<meta property="og:description" content="{{page.headConfig.description}}" />
+{{/unless}}
+
+<meta name="description" property="description" content="{{page.headConfig.description}}" />
+<meta name="keywords" property="keywords" content="{{page.headConfig.keywords}}" />
+
+<!-- preconnect google fonts -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+{{#if page.headConfig.preConnect}}
+	{{#each page.headConfig.preConnect}}
+		<link
+		{{#if this.rel}}rel="{{this.rel}}"{{/if}}
+		{{#if this.href}}href="{{this.href}}"{{/if}}
+		{{#if this.as}}as="{{this.as}}"{{/if}}
+		{{#if this.crossorigin}}crossorigin="{{this.crossorigin}}"{{/if}}
+		{{#if this.media}}media="{{this.media}}"{{/if}}
+		{{#if this.type}}type="{{this.type}}"{{/if}}
+		{{#if this.fetchpriority}}fetchpriority="{{this.fetchpriority}}"{{/if}}
+		>
+	{{/each}}
+{{/if}}
+
+<!-- site title -->
+<title>
+	{{#if page.headConfig.inverseTitle}}
+		{{#unless page.headConfig.hideTitleCompanyName}}{{company_name}} | {{/unless}}
+		{{#if this.pageTitle}}
+			{{this.pageTitle}}
+		{{else}}
+			{{#if page.headConfig.title}}
+				{{page.headConfig.title}} 
+			{{/if}}
+		{{/if}}
+	{{else}}
+		{{#if this.pageTitle}}
+			{{this.pageTitle}} 
+		{{else}}
+			{{#if page.headConfig.title}}
+				{{page.headConfig.title}} 
+			{{/if}}
+		{{/if}}
+		{{#unless page.headConfig.hideTitleCompanyName}} | {{company_name}}{{/unless}}
+	{{/if}}
+</title>

package/tasks/clean.js

@@ -0,0 +1,13 @@
+import { deleteSync } from 'del';
+import { defaultSettings } from '../siteconfig';
+
+const clean = (done) => {
+	deleteSync([
+		`src/${defaultSettings.tmpFolder}/`,
+		`${defaultSettings.distFolder}/`
+	]);
+	console.log('clean finished');
+	done();
+};
+
+export default clean;

package/tasks/grab-cdn.js

@@ -0,0 +1,107 @@
+import { defaultSettings, siteData } from '../siteconfig.js'
+import { templateData } from '../template.js';
+import axios from 'axios';
+import { createWriteStream } from 'node:fs';
+import * as stream from 'node:stream';
+import { promisify } from 'node:util';
+import fs from 'node:fs';
+
+function streamToDestination(inputPath, destPath, fileName) {
+	const finished = promisify(stream.finished);
+	const url = `https://${defaultSettings.resourceDomain}${inputPath}`;
+
+	return new Promise(resolve => {
+		if (!fs.existsSync(`src/${destPath}`)) {
+			fs.mkdirSync(`src/${destPath}`, { recursive: true });
+		}
+
+		// if file exists, do not create it again
+		if (fs.existsSync(`src/${destPath}${fileName}`)) {
+			resolve();
+		} else {
+			const writer = createWriteStream(`src/${destPath}${fileName}`);
+			const options = {
+				url,
+				method: 'get',
+				responseType: 'stream',
+			};
+
+			axios(options).then(resp => {
+				if (resp.status !== 200) {
+					throw new Error(`${resp.status}: Error while fetching ${url}`);
+				}
+				console.log('axios grab-cdn running');
+				resp.data.pipe(writer);
+				console.log(`src/${destPath}${fileName} created...`);
+				return finished(writer);
+			}).then(() => {
+				resolve();
+			}).catch(error => {
+				console.error(error);
+				resolve();
+			});
+		}
+	}); 
+} 
+
+export default async function(done) {
+	const { nodeEnv, isLocal } = defaultSettings;
+	const { isQSPage, isWhiteLabel, domain } = siteData;
+	const { page } = templateData();
+	const { themeFile } = page;
+	const isModWhiteLabel = isWhiteLabel && !isQSPage
+	const domainHasModernize = domain.indexOf('modernize') > -1;
+
+	let externalResources;
+	// listing of Static Resources sub-path and site destination paths
+	// key: inputPath, value: destPath
+
+	externalResources = {
+		'/quote/resources/mod-site/templates/scripts/trusted-form.html': ['/templates/scripts/', 'trusted-form.html']
+	};
+
+	// grab footer modals and place under the resources
+	Object.assign(externalResources, {
+		'/quote/resources/shared-resources/templates/modals/about/': ['/resources/templates/modals/about/', 'index.html'],
+		'/quote/resources/shared-resources/templates/modals/privacy/': ['/resources/templates/modals/privacy/', 'index.html'],
+		'/quote/resources/shared-resources/templates/modals/terms/': ['/resources/templates/modals/terms/', 'index.html'],
+		'/quote/resources/shared-resources/templates/modals/contact-us/': ['/resources/templates/modals/contact-us/', 'index.html'],
+		'/quote/resources/shared-resources/templates/modals/faq/': ['/resources/templates/modals/faq/', 'index.html']
+	})
+
+	Object.assign(externalResources, {'/quote/resources/mod-site/templates/scripts/jornaya.html': ['/templates/scripts/', 'jornaya.html']});
+
+	if (isModWhiteLabel || domainHasModernize) {
+		Object.assign(externalResources, {'/quote/resources/mod-site/templates/scripts/recaptcha.html': ['/templates/scripts/', 'recaptcha.html']});
+	}
+
+	// local dev files
+	const remoteFilesForLocalDev = {
+		'/quote/resources/mod-site/scripts/vendor/maxmind-geoip2.js': ['/temp/scripts/', 'maxmind-geoip2.js']
+	};
+
+	// theme JSON
+	if (isQSPage) {
+		Object.assign(externalResources, {
+			[`/quote/resources/data/themes/${themeFile}.json`]: ['/data/', 'theme.json']
+		});
+	}
+
+	if (!nodeEnv) {
+		throw new Error('Missing environment variables. Did you start with gulp instead of npm run...?');
+	}
+
+	// only save modform/utils if its local development
+	if (isLocal) {
+		externalResources = { ...externalResources, ...remoteFilesForLocalDev };
+	}
+
+	const filesPromiseMap = Object.keys(externalResources).map(async key => {
+		const destinationPath = externalResources[key][0];
+		const fileName = externalResources[key][1];
+		await streamToDestination(key, destinationPath, fileName);
+	});
+
+	await Promise.all(filesPromiseMap);
+	done();
+};

package/tasks/grab-form-helpers.js

@@ -0,0 +1,94 @@
+import { defaultSettings } from '../siteconfig.js'
+import axios from 'axios';
+import { createWriteStream } from 'node:fs';
+import * as stream from 'node:stream';
+import { promisify } from 'node:util';
+import fs from 'node:fs';
+
+const resourcePath = 'quote/resources/mod-form/form';
+
+// helper to allow us to define an "end" event to multiple streams
+const streamToDestination = (destPath, fileName) => {
+	if (!fileName) {
+		return false;
+	}
+
+	const finished = promisify(stream.finished);
+	const url = `https://${defaultSettings.resourceDomain}/${resourcePath}/${fileName}`;
+
+	return new Promise(resolve => {
+		const folderPath = `${defaultSettings.srcFolder}/${destPath}`;
+
+		if (!fs.existsSync(folderPath)) {
+			fs.mkdirSync(folderPath, { recursive: true });
+		}
+
+		// if file exists, do not create it again
+		if (fs.existsSync(`${folderPath}/${fileName}`)) {
+			resolve();
+		} else {
+			const writer = createWriteStream(`${folderPath}/${fileName}`)
+			const options = {
+				url,
+				method: 'get',
+				responseType: 'stream'
+			};
+
+			axios(options).then(resp => {
+				if (resp.status !== 200) {
+					throw new Error(`${resp.status}: Error while fetching ${url}`);
+				}
+				resp.data.pipe(writer);
+				console.log(`${destPath}/${fileName} created...`);
+				return finished(writer);
+			}).then(() => {
+				resolve();
+			}).catch(error => {
+				console.error(error);
+				resolve();
+			});
+		}
+	});
+}
+
+async function getHelpers() {
+	let helpers = [];
+	await new Promise(resolve => {
+		const options = {
+			url: `https://${defaultSettings.resourceDomain}/${resourcePath}/chunks.txt`,
+			method: 'get'
+		}
+
+		axios(options).then(resp => {
+			if (resp.status !== 200) {
+				throw new Error(`${resp.status}: Error while fetching ${url}`);
+			}
+			helpers = resp.data.split('\n');
+			resolve();
+		}).then(() => {
+			resolve();
+		}).catch(error => {
+			console.error(error);
+			resolve();
+		});
+	});
+
+	return helpers;
+}
+
+export default async function(done) {
+	const { nodeEnv } = defaultSettings;
+	const helpers = await getHelpers(defaultSettings);
+
+	if (!nodeEnv) {
+		throw new Error('Missing environment variables. Did you start with gulp instead of npm run...?');
+	}
+	const destinationPath = '/resources/scripts/helpers/';
+	const filesPromiseMap = helpers.map(async helper => {
+		const fileName = helper;
+		await streamToDestination(destinationPath, fileName);
+	});
+
+	await Promise.all(filesPromiseMap);
+	done();
+}

package/tasks/grab-shared-components.js

@@ -0,0 +1,81 @@
+import { defaultSettings, siteData } from '../siteconfig.js'
+import axios from 'axios';
+import { createWriteStream } from 'node:fs';
+import * as stream from 'node:stream';
+import { promisify } from 'node:util';
+import fs from 'node:fs';
+
+const resourcePath = 'quote/resources/mod-site';
+const componentFolders = ['accessible-components'];
+
+const streamSharedCompsToDestination = (defaultSettings, folder, fileName) => {
+	const finished = promisify(stream.finished);
+
+	return new Promise(resolve => {
+		const folderPath = `${defaultSettings.srcFolder}/${folder}`;
+		const componentFolderPath = fileName.split('/')[0];
+
+		if (!fs.existsSync(folderPath)) {
+			fs.mkdirSync(folderPath, { recursive: true });
+		}
+
+		if (!fs.existsSync(`${folderPath}/${componentFolderPath}`)) {
+			fs.mkdirSync(`${folderPath}/${componentFolderPath}`, { recursive: true });
+		}
+
+		// if file exists, do not create it again
+		if (fs.existsSync(`${folderPath}/${fileName}`)) {
+			resolve();
+		} else {
+			const writer = createWriteStream(`${folderPath}/${fileName}`)
+			const options = {
+				url: `https://${defaultSettings.resourceDomain}/${resourcePath}/${folder}/${fileName}`,
+				method: 'get',
+				responseType: 'stream'
+			};
+
+			axios(options).then(resp => {
+				if (resp.status !== 200) {
+					throw new Error(`${resp.status}: Error while fetching ${url}`);
+				}
+				console.log(`${folderPath}/${fileName} created...`);
+				resp.data.pipe(writer);
+				return finished(writer);
+			}).then(() => {
+				resolve();
+			}).catch(error => {
+				console.error(error);
+				resolve();
+			});
+		}
+	});
+}
+
+const getListOfSharedComponents = (defaultSettings, componentFolders) => {
+	return componentFolders.map(folder => {
+		return new Promise(resolve => {
+			axios.get(`https://${defaultSettings.resourceDomain}/${resourcePath}/${folder}/all.json`)
+				.then(resp => {
+					if (resp.status !== 200) {
+						throw new Error(`${resp.status}: Error while fetching ${folder}/all.json`);
+					}
+					const listOfComponents = resp.data;
+					const componentPromises = listOfComponents.map(resource => {
+					 	return streamSharedCompsToDestination(defaultSettings, folder, `${resource}`);
+					});
+					
+					resolve(Promise.all(componentPromises));
+				})
+				.catch(err => {
+					console.log(defaultSettings.nodeEnv);
+					throw new Error(`Error while fetching ${folder}/all.json: ${err.message}`);
+				});
+		});
+	});
+}
+
+export default function(done) {
+	console.log('running grab-shared-components');
+	getListOfSharedComponents(defaultSettings, componentFolders);
+	done();
+}

package/tasks/grab-shared-scripts.js

@@ -0,0 +1,267 @@
+import { defaultSettings, siteData } from '../siteconfig.js'
+import axios from 'axios';
+import { createWriteStream } from 'node:fs';
+import * as stream from 'node:stream';
+import { promisify } from 'node:util';
+import fs from 'node:fs';
+import gulp from 'gulp';
+import tap from 'gulp-tap';
+import hash from 'gulp-hash';
+import replace from 'gulp-replace';
+import { getFileFromURL } from '../src/scripts/utils.js';
+
+let fileNames = {
+	modAlyticsFileName: '',
+	modUtilsFileName: '',
+	abandonmentJsFileName: '',
+	footerComponentJsFileName: '',
+	modFooterStylesFileName: '',
+	qsFooterStylesFileName: '',
+	homeownerFormFileName: ''
+};
+
+let isQuotePageOrUseRelativePath = false;
+let resourceURL = '';
+let pathSubdirectory = '';
+let componentFolderPath = '';
+
+function replaceModalyticsSrc(gulp, defaultSettings) {
+	const resourcePath = isQuotePageOrUseRelativePath ? `${pathSubdirectory}{{#if this.src}}{{this.src}}{{/if}}resources/scripts/mod-alytics/` : '/resources/scripts/mod-alytics/';
+	return gulp.src(`${defaultSettings.srcFolder}/${componentFolderPath}/head/head.html`)
+		.pipe(replace(/".*(modalytics).*"/, `"${resourcePath}${fileNames.modAlyticsFileName}"`))
+		.pipe(gulp.dest(`${defaultSettings.srcFolder}/${componentFolderPath}/head`));
+}
+
+function replaceFootAssetScripts(gulp, defaultSettings) {
+	const resourcePath = isQuotePageOrUseRelativePath ? `${pathSubdirectory}{{#if this.nodeModulesPath}}{{this.nodeModulesPath}}{{/if}}resources/scripts` : '/resources/scripts';
+	return gulp.src(`${defaultSettings.srcFolder}/${componentFolderPath}/foot-assets/foot-assets.html`)
+	.pipe(replace(/"(?:(?!"|js")[\s\S])+(modutils|mod-utils.*?)js"|"(?:(?!"|")[\s\S])+(footer\/footer-component.*?)js"|"(?:(?!"|")[\s\S])+(mod-form\/form.*?)js"/g, function(match) {
+			if (match.includes('mod-form/form')) {
+				return `"${resourcePath}/mod-form/form/${fileNames.homeownerFormFileName}"`;
+			} else if (match.includes('modutils') || match.includes('mod-utils')) {
+				return `"${resourcePath}/mod-utils/${fileNames.modUtilsFileName}"`;
+			} else if (match.includes('footer-component')) {
+				return `"${resourcePath}/footer/${fileNames.footerComponentJsFileName}"`;
+			}
+		}))
+		.pipe(gulp.dest(`${defaultSettings.srcFolder}/${componentFolderPath}/foot-assets`))
+		.on('end', function() {
+			console.log('>> FINISHED replacing foot asset scripts');
+		});
+}
+
+function replaceAbandonmentJsCssSrc(gulp, defaultSettings) {
+	const jsResourcePath = isQuotePageOrUseRelativePath ? `${pathSubdirectory}resources/scripts/abandonment/` : '/resources/scripts/abandonment/';
+	const cssResourcePath = isQuotePageOrUseRelativePath ? `${pathSubdirectory}resources/styles/components/abandonment/` : '/resources/styles/components/abandonment/';
+	return gulp.src(defaultSettings.srcFolder + '/templates/abandonment/*.html')
+		.pipe(replace(/"(?:(?!"|")[\s\S])+(abandonment\/abandonment.*?)js"/, `"${jsResourcePath}${fileNames.abandonmentJsFileName}"`))
+		.pipe(replace(/"(?:(?!"|")[\s\S])+(components\/abandonment\/abandonment.*?)css"/, `"${cssResourcePath}${fileNames.abandonmentStylesFileName}"`))
+		.pipe(gulp.dest(defaultSettings.srcFolder + '/templates/abandonment'));
+}
+
+function replaceFooterStylesReference(gulp, defaultSettings, siteData) {
+	if (siteData.siteData && siteData.siteData.useRelativePathForResources === true) {
+		return gulp.src(defaultSettings.srcFolder + '/resources/scripts/footer/' + fileNames.footerComponentJsFileName)
+			.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/mod.*?)\)/, `concat("${pathSubdirectory}resources/styles/components/footer/` + fileNames.modFooterStylesFileName + '")'))
+			.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/qs.*?)\)/, `concat("${pathSubdirectory}resources/styles/components/footer/` + fileNames.qsFooterStylesFileName + '")'))
+			.pipe(gulp.dest(defaultSettings.srcFolder + '/resources/scripts/footer'))
+	} else if (!siteData.siteData || siteData.siteData && !siteData.siteData.isQuotePage) {
+		return gulp.src(defaultSettings.srcFolder + '/resources/scripts/footer/' + fileNames.footerComponentJsFileName)
+			.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/mod.*?)\)/, 'concat("/resources/styles/components/footer/' + fileNames.modFooterStylesFileName + '")'))
+			.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/qs.*?)\)/, 'concat("/resources/styles/components/footer/' + fileNames.qsFooterStylesFileName + '")'))
+			.pipe(gulp.dest(defaultSettings.srcFolder + '/resources/scripts/footer'))
+	}
+}
+
+function replaceFooterStylesReferenceInMap(gulp, defaultSettings, siteData) {
+	if (siteData.siteData && siteData.siteData.useRelativePathForResources === true) {
+		return gulp.src(defaultSettings.srcFolder + '/resources/scripts/footer/footer-component.min.js.map')
+			.pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/mod.*?)\`/, '`' + pathSubdirectory + 'resources/styles/components/footer/' + fileNames.modFooterStylesFileName + '`'))
+			.pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/mod.*?)\`/, '`' + pathSubdirectory + 'resources/styles/components/footer/' + fileNames.qsFooterStylesFileName + '`'))
+			.pipe(gulp.dest(defaultSettings.srcFolder + '/resources/scripts/footer'));
+	} else if (!siteData.siteData || siteData.siteData && !siteData.siteData.isQuotePage) {
+		return gulp.src(defaultSettings.srcFolder + '/resources/scripts/footer/footer-component.min.js.map')
+			.pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/mod.*?)\`/, '`/resources/styles/components/footer/' + fileNames.modFooterStylesFileName + '`'))
+			.pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/mod.*?)\`/, '`/resources/styles/components/footer/' + fileNames.qsFooterStylesFileName + '`'))
+			.pipe(gulp.dest(defaultSettings.srcFolder + '/resources/scripts/footer'));
+	}
+}
+
+const TASKS = {
+	copyModutils: {
+		url: 'mod-utils/modutils.min.js',
+		config: {
+			fileName: 'modUtilsFileName',
+			dest: 'scripts/mod-utils',
+			mapUrl: 'mod-utils/modutils.min.js.map'
+		},
+		srcReplaceFn: null,
+		additionalSrcReplaceFns: []
+	},
+	copyFooterComponentJs: {
+		url: 'shared-resources/scripts/footer/footer-component.min.js',
+		config: {
+			fileName: 'footerComponentJsFileName',
+			dest: 'scripts/footer',
+			mapUrl: 'shared-resources/scripts/footer/footer-component.min.js.map'
+		},
+		srcReplaceFn: null,
+		additionalSrcReplaceFns: []
+	},
+	copyHomeownerForm: {
+		url: 'mod-form/form/homeowner.min.js',
+		config: {
+			fileName: 'homeownerFormFileName',
+			dest: 'scripts/mod-form/form',
+			mapUrl: 'mod-form/form/homeowner.min.js.map'
+		},
+		srcReplaceFn: replaceFootAssetScripts,
+		additionalSrcReplaceFns: []
+	},
+	copyModalytics: {
+		url: 'mod-alytics/modalytics.min.js',
+		config: {
+			fileName: 'modAlyticsFileName',
+			dest: 'scripts/mod-alytics',
+			mapUrl: 'mod-alytics/modalytics.min.js.map'
+		},
+		srcReplaceFn: replaceModalyticsSrc,
+		additionalSrcReplaceFns: []
+	},
+	copyAbandonmentComponentStyles: {
+		url: 'shared-resources/styles/components/abandonment/abandonment.min.css',
+		config: {
+			fileName: 'abandonmentStylesFileName',
+			dest: 'styles/components/abandonment',
+			mapUrl: null
+		},
+		srcReplaceFn: null,
+		additionalSrcReplaceFns: []
+	},
+	copyAbandonmentJs: {
+		url: 'shared-resources/scripts/abandonment/abandonment.min.js',
+		config: {
+			fileName: 'abandonmentJsFileName',
+			dest: 'scripts/abandonment',
+			mapUrl: 'shared-resources/scripts/abandonment/abandonment.min.js.map'
+		},
+		srcReplaceFn: replaceAbandonmentJsCssSrc,
+		additionalSrcReplaceFns: []
+	},
+	copyModFooterComponentStyles: {
+		url: 'shared-resources/styles/components/footer/mod-footer.min.css',
+		config: {
+			fileName: 'modFooterStylesFileName',
+			dest: 'styles/components/footer',
+			mapUrl: null
+		},
+		srcReplaceFn: null,
+		additionalSrcReplaceFns: []
+	},
+	copyQsFooterComponentStyles: {
+		url: 'shared-resources/styles/components/footer/qs-footer.min.css',
+		config: {
+			fileName: 'qsFooterStylesFileName',
+			dest: 'styles/components/footer',
+			mapUrl: null
+		},
+		srcReplaceFn: null,
+		additionalSrcReplaceFns: [replaceFooterStylesReference, replaceFooterStylesReferenceInMap]
+	}
+};
+
+function getResource(task, fileNames, resourcePath = 'quote/resources') {
+	const { url, config, srcReplaceFn, additionalSrcReplaceFns } = task;
+
+	if (Object.keys(config).length === 0) {
+		return false;
+	}
+
+	const finished = promisify(stream.finished);
+	
+	return new Promise(resolve => {
+		const file = getFileFromURL(url);
+
+		if (!fs.existsSync(`${task.config.defaultSettings.srcFolder}/resources/${config.dest}`)) {
+			fs.mkdirSync(`${task.config.defaultSettings.srcFolder}/resources/${config.dest}`, { recursive: true });
+		}
+
+		// if file exists, do not create it again
+		if (fs.existsSync(`${task.config.defaultSettings.srcFolder}/resources/${config.dest}/${file}`)) {	
+			resolve();
+		} else {
+			const options = {
+				url: `https://${task.config.defaultSettings.resourceDomain}/${resourcePath}/${url}`,
+				method: 'get',
+				responseType: 'stream'
+			}
+			axios(options).then(resp => {
+				if (resp.status !== 200) {
+					throw new Error(`${resp.status}: Error while fetching ${url}`);
+				}
+	
+				const writer = createWriteStream(`${task.config.defaultSettings.srcFolder}/resources/${config.dest}/${file}`);
+				resp.data.pipe(writer);
+				console.log(`${task.config.defaultSettings.srcFolder}/resources/${config.dest}/${file} created...`);
+				return finished(writer);
+			})
+			.then(() => {
+				gulp.src(`${task.config.defaultSettings.srcFolder}/resources/${config.dest}/${file}`)
+				.pipe(hash({
+					hashLength: 20,
+					algorithm: 'md5',
+					template: file.replace(/^([^.]*)\.(.*)$/, '$1-<%= hash %>.$2')
+				}))
+				.pipe(tap(function(file, t) {
+					file = JSON.stringify(file);
+					file = JSON.parse(file).history[1];
+					fileNames[task.config.fileName] = file.split('/').pop();
+				}))
+				.pipe(gulp.dest(`${task.config.defaultSettings.srcFolder}/resources/${config.dest}`));
+				resolve();
+			})
+			.then(() => {
+				if (!config.mapUrl) {
+					return false;
+				}
+				// do we really need to separately get sourcemaps??
+				resolve();
+			})
+			.then(() => {
+				if (!srcReplaceFn) {
+					return false;
+				}
+				// we should update the mod/qs footer components to inject their own CSS instead of hardcoding the file path & then renaming it here!
+				resolve();
+			})
+		}
+	})
+}
+
+export default async function(done) {
+	const { isLocal } = defaultSettings;
+	const isQuotePage = siteData?.siteData?.isQuotePage || siteData?.isQuotePage;
+	const useAccessibleComponents = siteData?.siteData?.useAccessibleConfig || siteData?.useAccessibleConfig;
+	const useRelativePathForResources = siteData?.siteData?.useRelativePathForResources || siteData?.useRelativePathForResources;
+	componentFolderPath = useAccessibleComponents === true ? 'accessible-components' : 'shared-components';
+	isQuotePageOrUseRelativePath = isQuotePage === true || useRelativePathForResources === true;
+	const isPathSubdirectory = siteData?.siteData?.pathSubdirectory || siteData?.pathSubdirectory;
+	pathSubdirectory = !isLocal && isPathSubdirectory ? isPathSubdirectory : '';
+
+	const tasks = Object.values(TASKS);
+	if (tasks.length) {
+		const getAllResources = tasks.map(async function(task) {
+			if (useAccessibleComponents === true) {
+				if (task.url.includes('abandonment.min.js')) {
+					task.url = 'shared-resources/scripts/abandonment/accessible/abandonment.min.js';
+					task.config.mapUrl = 'shared-resources/scripts/abandonment/accessible/abandonment.min.js.map';
+				}
+			}
+			Object.assign(task.config, { defaultSettings, siteData });
+			await getResource(task, fileNames);
+		});
+
+		await Promise.all(getAllResources);
+		done();
+	}
+}

package/tasks/serve.js

@@ -0,0 +1,15 @@
+// import { task } from 'gulp';
+import gulp from 'gulp';
+import grabSharedComponents from './grab-shared-components.js';
+import grabSharedScripts from './grab-shared-scripts.js';
+import clean from './clean.js';
+import grabCdn from './grab-cdn.js';
+import grabFormHelpers from './grab-form-helpers.js';
+import templates from './templates.js';
+
+export function done() {
+	console.log('done');
+}
+
+// Define a gulp task to test if gulp is running correctly
+export default gulp.series(clean, grabCdn, grabSharedComponents, grabSharedScripts, grabFormHelpers, templates, done);