mod-build 3.6.71 → 4.0.0-alpha.1

package/src/scripts/utils.js

@@ -0,0 +1,178 @@
+import { seasons } from "../data/seasons.js";
+import { defaultSettings } from "../../siteconfig.js";
+import gulpHandlebarsFileInclude from "gulp-handlebars-file-include";
+
+export function getFileFromURL(url) {
+	return url.split('/').pop();
+}
+
+export function getActiveSeasons() {
+	const today = new Date();
+	const year = today.getFullYear();
+	const activeSeason = [];
+
+	for (const key in seasons) {
+		if (Object.prototype.hasOwnProperty.call(seasons, key)) {
+			const seasonName = key;
+			const dateRanges = seasons[key];
+			const startDate = new Date(`${Object.values(dateRanges)[0]}-${year}`);
+			const endDate = new Date(`${Object.values(dateRanges)[1]}-${year}`);
+
+			if (startDate < today && today < endDate) {
+				activeSeason.push(seasonName);
+			}
+		}
+	}
+
+	return activeSeason;
+}
+
+function handlebarsX(expression, context) {
+	const result = (function() {
+		try {
+			return new Function(expression);
+		}
+		catch (e) {
+			console.warn(
+				'• Expression: {{x \'' + expression + '\'}}\n'
+				+ '• JS-Error: ', e, '\n'
+			+ '• Context: ',
+				context
+			);
+		}
+	}).call(context);
+
+	return result;
+}
+
+export const handlebarsHelpers = [
+	// Run any js line
+	{
+		name: 'x',
+		fn: function(expression, options) {
+			return handlebarsX(expression, this, options);
+		}
+	},
+	// Run any js line and check if it is true
+	{
+		name: 'xif',
+		fn: function(expression, options) {
+			return handlebarsX(expression, this, options) ? options.fn(this) : options.inverse(this);
+		}
+	},
+	// Reverse array
+	{
+		name: 'reverseArray',
+		fn: function(expression) {
+			expression.reverse();
+		}
+	},
+	// Check if one var equals to another
+	{
+		name: 'equals',
+		fn: function(v1, v2, block) {
+			if (v1 === v2) {
+				return block.fn(this);
+			}
+		}
+	},
+	// Convert string to uppercase
+	{
+		name: 'uppercase',
+		fn: function(expression) {
+			return 'string' === typeof expression ? expression.toUpperCase() : '';
+		}
+	},
+	// Convert deferred styles string to links
+	{
+		name: 'deferredStyles',
+		fn: function(str) {
+			var urls = str.split(';'),
+				links = [];
+
+			urls.forEach(function(url) {
+				links.push('<link href="' + url + '" rel="stylesheet" type="text/css" />');
+			});
+
+			return links.join('');
+		}
+	},
+	// Format Phone number like type1 : xxx-xxx-xxxx OR type2 : (xxx) xxx-xxxx
+	{
+		name: 'formatPhoneNo',
+		fn: function(expression, type) {
+			var mask = /(\d{3})(\d{3})(\d{,4})?/;
+			var newValues;
+			if (type === 'type1') {
+				newValues = '$1-$2-$3';
+			} else {
+				newValues = '($1) $2-$3';
+			}
+			return expression.replace(mask, newValues);
+		}
+	},
+	// It will take the json object & variable name to assign the object & return it in the script tag
+	{
+		name: 'jsonVarScriptTag',
+		fn: function(json, variable) {
+			var check = (typeof json === 'object') && (typeof variable === 'string' && variable);
+			return check ? '<script>' + 'var ' + variable + '=' + JSON.stringify(json) + '</script>' : '';
+		}
+	},
+	// It will take & return json object
+	{
+		name: 'json',
+		fn: function(json) {
+			return JSON.stringify(json);
+		}
+	},
+	// Adding increment of 1 to value
+	{
+		name: 'inc',
+		fn: function(index) {
+			index++;
+			return index;
+		}
+	},
+	// Loop to go through and add each attribute defined in the attributes: {} object
+	{
+		name: 'addAttributes',
+		fn: function(obj) {
+			var output = '';
+			var ignoreKeys = Array.prototype.slice.call(arguments, 1, -1);
+
+			for (var key in obj.attributes) {
+				if (ignoreKeys.indexOf(key) === -1) {
+					if (typeof obj.attributes[key] !== 'object') {
+						output += key + '="' + obj.attributes[key] + '" ';
+					} else if (key === 'data') {
+						for (var dataKey in obj.attributes[key]) {
+							output += 'data-' + dataKey + '="' + obj.attributes[key][dataKey] + '" ';
+						}
+					} else if (key === 'aria') {
+						for (var ariaKey in obj.attributes[key]) {
+							output += 'aria-' + ariaKey + '="' + obj.attributes[key][ariaKey] + '" ';
+						}
+					} 
+				}
+			}
+			return output.trim();
+		}
+	},
+	{
+		name: 'resolveAlias',
+		fn: function(input) {
+			if (input.includes('@')) {
+				const resolvedValue = defaultSettings.modBuild || '';
+				return input.replace('@', resolvedValue);
+			}
+			return input;
+		}
+	},
+	{
+		name: 'fileInclude',
+		fn: function(input) {
+			return gulpHandlebarsFileInclude(input);
+		}
+	}		
+]

package/src/styles/home.scss

@@ -0,0 +1 @@
+// an example SCSS file to import

package/src/temp/scripts/maxmind-geoip2.js

@@ -0,0 +1,104 @@
+"use strict";
+
+var geoip2 = function () {
+  function e(e, t, r, n) {
+    this.successCallback = e, this.errorCallback = t, this.type = n;
+  }
+  var t = {};
+  e.prototype.returnSuccess = function (e) {
+    this.successCallback && "function" == typeof this.successCallback && this.successCallback(this.fillInObject(JSON.parse(e)));
+  }, e.prototype.returnError = function (e) {
+    this.errorCallback && "function" == typeof this.errorCallback && (e || (e = {
+      error: "Unknown error"
+    }), this.errorCallback(e));
+  };
+  var r = {
+    country: [["continent", "Object", "names", "Object"], ["country", "Object", "names", "Object"], ["registered_country", "Object", "names", "Object"], ["represented_country", "Object", "names", "Object"], ["traits", "Object"]],
+    city: [["city", "Object", "names", "Object"], ["continent", "Object", "names", "Object"], ["country", "Object", "names", "Object"], ["location", "Object"], ["postal", "Object"], ["registered_country", "Object", "names", "Object"], ["represented_country", "Object", "names", "Object"], ["subdivisions", "Array", 0, "Object", "names", "Object"], ["traits", "Object"]]
+  };
+  return e.prototype.fillInObject = function (e) {
+    for (var t = "country" === this.type ? r.country : r.city, n = 0; n < t.length; n++) for (var o = t[n], s = e, i = 0; i < o.length; i += 2) {
+      var c = o[i];
+      s[c] || (s[c] = "Object" === o[i + 1] ? {} : []), s = s[c];
+    }
+    try {
+      Object.defineProperty(e.continent, "continent_code", {
+        enumerable: !1,
+        get: function get() {
+          return this.code;
+        },
+        set: function set(e) {
+          this.code = e;
+        }
+      });
+    } catch (u) {
+      e.continent.code && (e.continent.continent_code = e.continent.code);
+    }
+    if ("country" !== this.type) try {
+      Object.defineProperty(e, "most_specific_subdivision", {
+        enumerable: !1,
+        get: function get() {
+          return this.subdivisions[this.subdivisions.length - 1];
+        },
+        set: function set(e) {
+          this.subdivisions[this.subdivisions.length - 1] = e;
+        }
+      });
+    } catch (u) {
+      e.most_specific_subdivision = e.subdivisions[e.subdivisions.length - 1];
+    }
+    return e;
+  }, e.prototype.getGeoIPResult = function () {
+    var e,
+      t = this,
+      r = new window.XMLHttpRequest(),
+      n = "https://geoip-js.com/geoip/v2.1/" + this.type + "/me?",
+      o = {
+        referrer: location.protocol + "//" + location.hostname
+      };
+    if (!this.alreadyRan) {
+      this.alreadyRan = 1;
+      for (e in o) o.hasOwnProperty(e) && o[e] && (n += e + "=" + encodeURIComponent(o[e]) + "&");
+      n = n.substring(0, n.length - 1), r.open("GET", n, !0), r.onload = function () {
+        if ("undefined" == typeof r.status || 200 === r.status) t.returnSuccess(r.responseText);else {
+          var e,
+            n = r.hasOwnProperty("contentType") ? r.contentType : r.getResponseHeader("Content-Type");
+          if (/json/.test(n) && r.responseText.length) try {
+            e = JSON.parse(r.responseText);
+          } catch (o) {
+            e = {
+              code: "HTTP_ERROR",
+              error: "The server returned a " + r.status + " status with an invalid JSON body."
+            };
+          } else e = r.responseText.length ? {
+            code: "HTTP_ERROR",
+            error: "The server returned a " + r.status + " status with the following body: " + r.responseText
+          } : {
+            code: "HTTP_ERROR",
+            error: "The server returned a " + r.status + " status but either the server did not return a body or this browser is a version of Internet Explorer that hides error bodies."
+          };
+          t.returnError(e);
+        }
+      }, r.ontimeout = function () {
+        t.returnError({
+          code: "HTTP_TIMEOUT",
+          error: "The request to the GeoIP2 web service timed out."
+        });
+      }, r.onerror = function () {
+        t.returnError({
+          code: "HTTP_ERROR",
+          error: "There was a network error receiving the response from the GeoIP2 web service."
+        });
+      }, r.send(null);
+    }
+  }, t.country = function (t, r, n) {
+    var o = new e(t, r, n, "country");
+    o.getGeoIPResult();
+  }, t.city = function (t, r, n) {
+    var o = new e(t, r, n, "city");
+    o.getGeoIPResult();
+  }, t.insights = function (t, r, n) {
+    var o = new e(t, r, n, "insights");
+    o.getGeoIPResult();
+  }, t;
+}();

package/src/templates/_partials/scripts/deferred-styles.html

@@ -1,16 +1,16 @@
-	<noscript id="deferred-styles">
-		{{{deferredStyles deferredStyleUrls}}}
-	</noscript>
-	<script>
-		var loadDeferredStyles = function() {
-			var addStylesNode = document.getElementById("deferred-styles");
-			var replacement = document.createElement("div");
-			replacement.innerHTML = addStylesNode.textContent;
-			document.body.appendChild(replacement)
-			addStylesNode.parentElement.removeChild(addStylesNode);
-		};
-		var raf = requestAnimationFrame || mozRequestAnimationFrame ||
-			webkitRequestAnimationFrame || msRequestAnimationFrame;
-		if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
-		else window.addEventListener('load', loadDeferredStyles);
-	</script>
+<noscript id="deferred-styles">
+	{{{deferredStyles deferredStyleUrls}}}
+</noscript>
+<script>
+	const loadDeferredStyles = function() {
+		let addStylesNode = document.getElementById("deferred-styles");
+		let replacement = document.createElement("div");
+		replacement.innerHTML = addStylesNode.textContent;
+		document.body.appendChild(replacement)
+		addStylesNode.parentElement.removeChild(addStylesNode);
+	};
+	const raf = requestAnimationFrame || mozRequestAnimationFrame ||
+		webkitRequestAnimationFrame || msRequestAnimationFrame;
+	if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
+	else window.addEventListener('load', loadDeferredStyles);
+</script>

package/src/templates/_partials/scripts/vwo-redirect-callback.html

@@ -1,49 +1,47 @@
 <script>
-{{ fileInclude 'node_modules/mod-build/src/scripts/has-qs-params.js' }}
-{{ fileInclude 'node_modules/mod-build/src/scripts/url-cleaner.js' }}
-{{ fileInclude 'node_modules/mod-build/src/scripts/vendor/visual-website-optimizer.js' }}
-
-(function(VWO_HARD_TIMEOUT) {
-	window._vwo_evq = window._vwo_evq || [];
-	var queue = window._vwo_evq;
-	for (var i = 0; i < queue.length; i++) {
-		if (queue[i][0] === 'rD') {
-			window.willRedirectionOccur = true;
-			break;
-		}
-	}
-	var _vwoOldPush = window._vwo_evq.push;
-	window._vwo_evq.push = function() {
-		var eventData = arguments[0],
-			willRedirectionOccur;
-		if (eventData[0] === 'rD') {
-			willRedirectionOccur = eventData[1];
-			// It will be set to true if a redirection is going to be done by VWO.
-			window.willRedirectionOccurByVWO = willRedirectionOccur;
+	{{ fileInclude 'node_modules/mod-build/src/scripts/vendor/visual-website-optimizer.js' }}
+	
+	(function(VWO_HARD_TIMEOUT) {
+		window._vwo_evq = window._vwo_evq || [];
+		var queue = window._vwo_evq;
+		for (var i = 0; i < queue.length; i++) {
+			if (queue[i][0] === 'rD') {
+				window.willRedirectionOccur = true;
+				break;
+			}
 		}
-		_vwoOldPush.apply(window._vwo_evq, [].slice.call(arguments));
-	};
-	var hardLimitTimedout = false;
-
-	function tryNonVWOTracking() {
-		if ((window._vwo_code && (window._vwo_code.finished() || window._vwo_code.libExecuted)) || hardLimitTimedout) {
-			if (!window.willRedirectionOccurByVWO) {
-				clearTimeout(hardLimitTimer);
-				try {
-					// flag to call Modalytics.initHeapVwo() method in site level js
-					window.initHeapVwo = true;
-				} catch (e) {}
-				return;
+		var _vwoOldPush = window._vwo_evq.push;
+		window._vwo_evq.push = function() {
+			var eventData = arguments[0],
+				willRedirectionOccur;
+			if (eventData[0] === 'rD') {
+				willRedirectionOccur = eventData[1];
+				// It will be set to true if a redirection is going to be done by VWO.
+				window.willRedirectionOccurByVWO = willRedirectionOccur;
+			}
+			_vwoOldPush.apply(window._vwo_evq, [].slice.call(arguments));
+		};
+		var hardLimitTimedout = false;
+	
+		function tryNonVWOTracking() {
+			if ((window._vwo_code && (window._vwo_code.finished() || window._vwo_code.libExecuted)) || hardLimitTimedout) {
+				if (!window.willRedirectionOccurByVWO) {
+					clearTimeout(hardLimitTimer);
+					try {
+						// flag to call Modalytics.initHeapVwo() method in site level js
+						window.initHeapVwo = true;
+					} catch (e) {}
+					return;
+				}
 			}
+			setTimeout(function() {
+				tryNonVWOTracking()
+			}, 500)
 		}
-		setTimeout(function() {
-			tryNonVWOTracking()
-		}, 500)
-	}
-
-	var hardLimitTimer = setTimeout(function() {
-		hardLimitTimedout = true;
-	}, VWO_HARD_TIMEOUT);
-	tryNonVWOTracking();
-})(5000 /*MAXIMUM TIME IN SECONDS IN WHICH CODE WILL EXECUTE ANYWAY*/ );
-</script>
+	
+		var hardLimitTimer = setTimeout(function() {
+			hardLimitTimedout = true;
+		}, VWO_HARD_TIMEOUT);
+		tryNonVWOTracking();
+	})(5000 /*MAXIMUM TIME IN SECONDS IN WHICH CODE WILL EXECUTE ANYWAY*/ );
+	</script>

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();
+};