mod-build 3.6.7 → 3.6.8--beta.2

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Changelog
 
+## 3.6.8
+
+- Adding a new `useRelativePathForResources` parameter for special use-cases that need to use a relative path for shared scripts (ie. the improvementcenter pages)
+
 ## 3.6.7
 
 - Adding a new `grab-shared-scripts` gulp task grab the most recent version from `mod-analytics`. It will copy this version into the site's `resources/scripts/mod-alytics` folder & then update the src in the `head` shared component. Also updated `cache-bust` to ignore this file on build.

package/gulp-tasks/grab-shared-scripts.js

@@ -1,14 +1,19 @@
 var request = require('request');
 var source = require('vinyl-source-stream');
 var replace = require('gulp-replace');
+var debug = require('gulp-debug');
 var hash = require('gulp-hash');
 var tap = require('gulp-tap');
 var path = require('path');
 
 var modAlyticsFileName = '';
+var abandonmentJsFileName = '';
+var footerComponentJsFileName = '';
+var modFooterStylesFileName = '';
+var qsFooterStylesFileName = '';
 
-function replaceModalyticsSrcInHead(gulp, gulpPlugins, siteSettings, siteData) {
-	if (siteData.siteData && siteData.siteData.isQuotePage === true) {
+function replaceModalyticsSrc(gulp, gulpPlugins, siteSettings, siteData) {
+	if (siteData.siteData && siteData.siteData.isQuotePage === true || siteData.siteData && siteData.siteData.useRelativePathForResources === true) {
 		return gulp.src(siteSettings.srcFolder + '/shared-components/head/head.html')
 		.pipe(replace(/".*(modalytics).*"/, '"resources/scripts/mod-alytics/' + modAlyticsFileName + '"'))
 		.pipe(gulp.dest(siteSettings.srcFolder + '/shared-components/head'));
@@ -19,7 +24,60 @@ function replaceModalyticsSrcInHead(gulp, gulpPlugins, siteSettings, siteData) {
 	}
 }
 
-function copyCurrentModalytics(gulp, gulpPlugins, siteSettings, siteData) {
+function replaceAbandonmentJsSrc(gulp, gulpPlugins, siteSettings, siteData) {
+	if (siteData.siteData && siteData.siteData.isQuotePage === true || siteData.siteData && siteData.siteData.useRelativePathForResources === true) {
+		return gulp.src(siteSettings.srcFolder + '/templates/abandonment/index.html')
+		.pipe(replace(/"(?:(?!"|")[\s\S])+(abandonment\/abandonment.*?)js"/, '"resources/scripts/abandonment/' + abandonmentJsFileName + '"'))
+		.pipe(gulp.dest(siteSettings.srcFolder + '/templates/abandonment'));
+	} else {
+		return gulp.src(siteSettings.srcFolder + '/templates/abandonment/index.html')
+		.pipe(replace(/"(?:(?!"|")[\s\S])+(abandonment\/abandonment.*?)js"/, '"/resources/scripts/abandonment/' + abandonmentJsFileName + '"'))
+		.pipe(gulp.dest(siteSettings.srcFolder + '/templates/abandonment'));
+	}
+}
+
+function replaceFooterComponentJsSrc(gulp, gulpPlugins, siteSettings, siteData) {
+	if (siteData.siteData && siteData.siteData.isQuotePage === true || siteData.siteData && siteData.siteData.useRelativePathForResources === true) {
+		return gulp.src(siteSettings.srcFolder + '/shared-components/foot-assets/foot-assets.html')
+		.pipe(replace(/"(?:(?!"|")[\s\S])+(footer\/footer-component.*?)js"/, '"resources/scripts/footer/' + footerComponentJsFileName + '"'))
+		.pipe(gulp.dest(siteSettings.srcFolder + '/shared-components/foot-assets'));
+	} else {
+		return gulp.src(siteSettings.srcFolder + '/shared-components/foot-assets/foot-assets.html')
+		.pipe(replace(/"(?:(?!"|")[\s\S])+(footer\/footer-component.*?)js"/, '"/resources/scripts/footer/' + footerComponentJsFileName + '"'))
+		.pipe(gulp.dest(siteSettings.srcFolder + '/shared-components/foot-assets'));
+	}
+}
+
+function replaceFooterStylesReference(gulp, gulpPlugins, siteSettings, siteData) {
+	if (siteData.siteData && siteData.siteData.isQuotePage === true || siteData.siteData && siteData.siteData.useRelativePathForResources === true) {
+		return gulp.src(siteSettings.srcFolder + '/resources/scripts/footer/' + footerComponentJsFileName)
+		// .pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/mod.*?)\`/, '`resources/styles/components/footer/' + modFooterStylesFileName + '`'))
+		.pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/qs.*?)\`/, '`resources/styles/components/footer/' + qsFooterStylesFileName + '`'))
+		.pipe(gulp.dest(siteSettings.srcFolder + '/resources/scripts/footer'));
+	} else {
+		return gulp.src(siteSettings.srcFolder + '/resources/scripts/footer/' + footerComponentJsFileName)
+		// .pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/mod.*?)\`/, '`/resources/styles/components/footer/' + modFooterStylesFileName + '`'))
+		// .pipe(replace(/\`(?:(?!\`|\`)[\s\S])+(components\/footer\/qs.*?)\`/, '`/resources/styles/components/footer/' + qsFooterStylesFileName + '`'))
+		// .pipe(gulp.dest(siteSettings.srcFolder + '/resources/scripts/footer'))
+		.pipe(debug());
+	}
+}
+
+function replaceFooterStylesReferenceInMap(gulp, gulpPlugins, siteSettings, siteData) {
+	if (siteData.siteData && siteData.siteData.isQuotePage === true || siteData.siteData && siteData.siteData.useRelativePathForResources === true) {
+		return gulp.src(siteSettings.srcFolder + '/resources/scripts/footer/footer-component.min.js.map')
+		.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/mod.*?)\)/, 'concat("resources/styles/components/footer/' + modFooterStylesFileName + '")'))
+		.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/qs.*?)\)/, 'concat("resources/styles/components/footer/' + qsFooterStylesFileName + '")'))
+		.pipe(gulp.dest(siteSettings.srcFolder + '/resources/scripts/footer'));
+	} else {
+		return gulp.src(siteSettings.srcFolder + '/resources/scripts/footer/footer-component.min.js.map')
+		.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/mod.*?)\)/, 'concat("/resources/styles/components/footer/' + modFooterStylesFileName + '")'))
+		.pipe(replace(/concat\((?:(?!concat\(|\))[\s\S])+(components\/footer\/qs.*?)\)/, 'concat("/resources/styles/components/footer/' + qsFooterStylesFileName + '")'))
+		.pipe(gulp.dest(siteSettings.srcFolder + '/resources/scripts/footer'));
+	}
+}
+
+function copyModalytics(gulp, gulpPlugins, siteSettings, siteData) {
 	return new Promise(resolve => {
 		request(`https://${siteSettings.nodeEnv}/quote/resources/mod-alytics/modalytics.min.js`)
 			.on('response', resp => {
@@ -45,7 +103,7 @@ function copyCurrentModalytics(gulp, gulpPlugins, siteSettings, siteData) {
 					if (resp.statusCode !== 200) {
 						throw new Error(`${resp.statusCode} Error while fetching modalytics.min.js.map`);
 					} else {
-						replaceModalyticsSrcInHead(gulp, gulpPlugins, siteSettings, siteData);
+						replaceModalyticsSrc(gulp, gulpPlugins, siteSettings, siteData);
 					}
 				})
 				.pipe(source('modalytics.min.js.map'))
@@ -54,6 +112,127 @@ function copyCurrentModalytics(gulp, gulpPlugins, siteSettings, siteData) {
 		});
 	});
 }
+
+function copyAbandonmentJs(gulp, gulpPlugins, siteSettings, siteData) {
+	return new Promise(resolve => {
+		request(`https://${siteSettings.nodeEnv}/quote/resources/shared-resources/scripts/abandonment/abandonment.min.js`)
+			.on('response', resp => {
+				if (resp.statusCode !== 200) {
+					throw new Error(`${resp.statusCode} Error while fetching abandonment.min.js`);
+				}
+			})
+			.pipe(source('abandonment.min.js'))
+			.pipe(hash({
+				hashLength: 20,
+				template: 'abandonment-<%= hash %>.min.js'
+			}))
+			.pipe(tap(function(file, t){
+				abandonmentJsFileName = path.basename(file.path);
+			}))
+			.pipe(gulp.dest(`${siteSettings.srcFolder}/resources/scripts/abandonment`))
+			.on('finish', resolve);
+	})
+	.then(() => {
+		return new Promise(resolve => {
+			request(`https://${siteSettings.nodeEnv}/quote/resources/shared-resources/scripts/abandonment/abandonment.min.js.map`)
+				.on('response', resp => {
+					if (resp.statusCode !== 200) {
+						throw new Error(`${resp.statusCode} Error while fetching abandonment.min.js.map`);
+					} else {
+						replaceAbandonmentJsSrc(gulp, gulpPlugins, siteSettings, siteData);
+					}
+				})
+				.pipe(source('abandonment.min.js.map'))
+				.pipe(gulp.dest(`${siteSettings.srcFolder}/resources/scripts/abandonment`))
+				.on('finish', resolve);
+		});
+	});
+}
+
+function copyFooterComponentJs(gulp, gulpPlugins, siteSettings, siteData) {
+	return new Promise(resolve => {
+		request(`https://${siteSettings.nodeEnv}/quote/resources/shared-resources/scripts/footer/footer-component.min.js`)
+			.on('response', resp => {
+				if (resp.statusCode !== 200) {
+					throw new Error(`${resp.statusCode} Error while fetching footer-component.min.js`);
+				}
+			})
+			.pipe(source('footer-component.min.js'))
+			.pipe(hash({
+				hashLength: 20,
+				template: 'footer-component-<%= hash %>.min.js'
+			}))
+			.pipe(tap(function(file, t){
+				footerComponentJsFileName = path.basename(file.path);
+			}))
+			.pipe(gulp.dest(`${siteSettings.srcFolder}/resources/scripts/footer`))
+			.on('finish', resolve);
+	})
+	.then(() => {
+		return new Promise(resolve => {
+			request(`https://${siteSettings.nodeEnv}/quote/resources/shared-resources/scripts/footer/footer-component.min.js.map`)
+				.on('response', resp => {
+					if (resp.statusCode !== 200) {
+						throw new Error(`${resp.statusCode} Error while fetching footer-component.min.js.map`);
+					} else {
+						replaceFooterComponentJsSrc(gulp, gulpPlugins, siteSettings, siteData);
+					}
+				})
+				.pipe(source('footer-component.min.js.map'))
+				.pipe(gulp.dest(`${siteSettings.srcFolder}/resources/scripts/footer`))
+				.on('finish', resolve);
+		});
+	});
+}
+
+function copyFooterComponentStyles(gulp, gulpPlugins, siteSettings, siteData) {
+	return new Promise(resolve => {
+		request(`https://${siteSettings.nodeEnv}/quote/resources/shared-resources/styles/components/footer/qs-footer.min.css`)
+			.on('response', resp => {
+				if (resp.statusCode !== 200) {
+					throw new Error(`${resp.statusCode} Error while fetching qs-footer.min.css`);
+				}
+			})
+			.pipe(source('qs-footer.min.css'))
+			.pipe(hash({
+				hashLength: 20,
+				template: 'qs-footer-<%= hash %>.min.css'
+			}))
+			.pipe(tap(function(file, t){
+				qsFooterStylesFileName = path.basename(file.path);
+			}))
+			.pipe(gulp.dest(`${siteSettings.srcFolder}/resources/styles/components/footer`))
+			.on('finish', resolve);
+	})
+	.then(() => {
+		return new Promise(resolve => {
+			request(`https://${siteSettings.nodeEnv}/quote/resources/shared-resources/styles/components/footer/mod-footer.min.css`)
+				.on('response', resp => {
+					if (resp.statusCode !== 200) {
+						throw new Error(`${resp.statusCode} Error while fetching mod-footer.min.css`);
+					} else {
+						console.log(qsFooterStylesFileName);
+						replaceFooterStylesReference(gulp, gulpPlugins, siteSettings, siteData);
+					}
+				})
+				.pipe(source('mod-footer.min.css'))
+				.pipe(hash({
+					hashLength: 20,
+					template: 'mod-footer-<%= hash %>.min.css'
+				}))
+				.pipe(tap(function(file, t){
+					modFooterStylesFileName = path.basename(file.path);
+				}))
+				.pipe(gulp.dest(`${siteSettings.srcFolder}/resources/styles/components/footer`))
+				.on('finish', resolve);
+		});
+	})
+	// .then(() => {
+	// 	replaceFooterStylesReference(gulp, gulpPlugins, siteSettings, siteData);
+	// 	replaceFooterStylesReferenceInMap(gulp, gulpPlugins, siteSettings, siteData);
+	// });
+}
+
 module.exports = function(gulp, gulpPlugins, siteSettings, siteData) {
 	return function() {
 		const { nodeEnv } = siteSettings;
@@ -61,6 +240,6 @@ module.exports = function(gulp, gulpPlugins, siteSettings, siteData) {
 			throw new Error('Missing environment variables. Did you start with gulp instead of npm run...?');
 		}
 
-		return copyCurrentModalytics(gulp, gulpPlugins, siteSettings, siteData);
+		return copyModalytics(gulp, gulpPlugins, siteSettings, siteData) && copyAbandonmentJs(gulp, gulpPlugins, siteSettings, siteData) && copyFooterComponentJs(gulp, gulpPlugins, siteSettings, siteData) && copyFooterComponentStyles(gulp, gulpPlugins, siteSettings, siteData);
 	};
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mod-build",
-  "version": "3.6.7",
+  "version": "3.6.8--beta.2",
   "description": "Share components for S3 sites.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -21,6 +21,7 @@
     "gulp-concat": "^2.6.1",
     "gulp-cssmin": "^0.1.7",
     "gulp-csso": "^3.0.0",
+    "gulp-debug": "^4.0.0",
     "gulp-eslint": "^5.0.0",
     "gulp-eslint-threshold": "^0.1.1",
     "gulp-filter": "^5.0.0",