@penskemediacorp/larva 1.2.1-alpha.0 → 1.3.0

package/lib/utils/getPatternRoutes.js

@@ -0,0 +1,58 @@
+/**
+ * Pattern Routes
+ *
+ * Given an object containing two levels of keys, the first for pattern types,
+ * and the second for pattern names of that type with a value of an array
+ * containing the variants - e.g.:
+ *
+ * {
+ * 		components: {
+ * 			'c-button': [ 'brand-basic', 'prototype' ]
+ * 		},
+ * 		objects: {
+ * 			'o-nav': [ 'prototype' ]
+ * 		}
+ * }
+ *
+ * Return an array with routes for every pattern in the object.
+ *
+ * @param {object} patternsObj - An object with two levels of keys where patternObj['components']['c-link'] is an array of c-link variants.
+ * @return {array} - An array of string routes e.g. [ '/components/c-link/', '/components/c-link/sponsored' ]
+ */
+
+const chalk = require( 'chalk' );
+
+module.exports = function getPatternRoutes( patterns ) {
+
+	let patternRoutes = [];
+
+	try {
+
+		patternRoutes = Object.keys( patterns ).map( ( type ) => {
+
+			return Object.keys( patterns[type] ).map( ( name ) => {
+				let path = `${type}/${name}`;
+
+				if ( patterns[type][name].length > 1 ) {
+
+					return patterns[type][name].map( ( variant ) => {
+						if ( 'prototype' !== variant ) {
+							return path + '/' + variant;
+						} else {
+							return path;
+						}
+					} );
+
+				} else {
+					return path;
+				}
+
+			} ).flat();
+
+		} ).flat();
+	} catch ( error ) {
+		console.error( chalk.red( 'Could not build the pattern routes. Is the pattern object structure correct?' ), error );
+	}
+
+	return patternRoutes;
+}

package/lib/utils/getPatternType.js

@@ -0,0 +1,15 @@
+// Note 4/6/20 - This might not be necessary since we can use the directory name.
+module.exports = function getPatternType ( patternName ) {
+	const patternNamespace = patternName.substring( 0, 2 );
+	let patternType = 'modules';
+
+	if ( 'o-' ===  patternNamespace ) {
+		patternType = 'objects';
+	}
+
+	if ( 'c-' === patternNamespace ) {
+		patternType = 'components';
+	}
+
+	return patternType;
+}

package/lib/utils/getPatternVariants.js

@@ -0,0 +1,24 @@
+/**
+ * Return an array of "variants", or the pattern.XX.js from a 
+ * given directory.
+ * 
+ * @param {string} startPath - the pattern directory to search.
+ */
+
+const fs = require( 'fs' );
+
+// https://regex101.com/r/DgnTR4/2
+const regex = new RegExp( '(.[^.]+)\.(.+)\.js$' );
+
+module.exports = function getPatternVariants( startPath ) {
+
+	// Only return Node prototype files that follow pattern name.XX.js
+	const files = fs.readdirSync( startPath ).filter( ( file ) => {
+		if ( /.+\..*\.js$/.test( file ) ) {
+			return file;
+		}
+	} );
+
+	// Return array of the name of the variant e.g. XX in name.XX.js
+	return files.map( ( file ) => file.match( regex )[2] );
+};

package/lib/utils/getPatternsIndexPath.js

@@ -0,0 +1,11 @@
+const isCoreTheme = require( './isCoreTheme' );
+
+module.exports = function getPatternsIndexPath( config ) {
+	// TODO: add parent/child-esque logic for Larva patterns will occur i.e. the app 
+	// should look first in the theme, then in larvaPatternsDir.
+	// if ( isCoreTheme( config ) ) {
+		return config.larvaPatternsDir;
+	// } else {
+	// 	return config.projectPatternsDir;
+	// }
+}

package/lib/utils/getSubDirectoryNames.js

@@ -0,0 +1,23 @@
+const fs = require( 'fs' );
+const chalk = require( 'chalk' );
+
+/**
+ * Get Subdirectory names
+ *
+ * @param {string} path path to a directory containing subdirectories.
+ * @return {array} array of strings representing names of subdirectories.
+ *
+ * @link: https://stackoverflow.com/questions/18112204/get-all-directories-within-directory-nodejs
+ **/
+
+module.exports = function getSubDirectoryNames( path ) {
+	try {
+		return fs.readdirSync( path ).filter( function( file ) {
+			if ( 'node_modules' !== file && 'fixtures' !== file ) {
+				return fs.statSync( path + '/' + file ).isDirectory();
+			}
+		});
+	} catch {
+		console.error( path + ' doesn\'t exist.' );
+	}
+}

package/lib/utils/isCoreTheme.js

@@ -0,0 +1,8 @@
+
+module.exports = function isCoreTheme( config ) {
+	if ( undefined === config.themePatternsDir ) {
+		return true;
+	}
+
+	return false;
+}

package/lib/utils/renderSass.js

@@ -0,0 +1,20 @@
+const sass = require( 'node-sass' );
+const path = require( 'path' );
+
+module.exports = function renderSass( sassData ) {
+	return new Promise( ( resolve, reject ) => {
+		sass.render( {
+			data: sassData,
+			includePaths: [
+				path.resolve( process.cwd(), './node_modules'), // Command should be run from same directory as node_modules
+				path.resolve( process.cwd(), './src')
+			]
+		}, ( err, result ) => {
+			if ( err ) {
+				reject( err );
+			}
+
+			resolve( result );
+		});
+	});
+}

package/lib/utils/spawnScript.js

@@ -0,0 +1,26 @@
+const spawn = require( 'cross-spawn' );
+
+const getArgsFromCli = require( './getArgsFromCli' );
+
+// Filter out the first CLI argument which is the Larva command,
+// and not needed for the binary.
+const cliArgsWithoutScriptName = ( () => {
+	let cliArgs = getArgsFromCli();
+
+	if ( cliArgs.length ) {
+		cliArgs.shift();
+	}
+
+	return cliArgs.length ? cliArgs : [];
+} )();
+
+module.exports = function spawnScript( binaryFile, scriptArgs ) {
+
+	spawn.sync(
+		binaryFile,
+		[
+			... scriptArgs,
+			... cliArgsWithoutScriptName
+		], { stdio: 'inherit' }
+	);
+};

package/lib/utils/writeJsonToFile.js

@@ -0,0 +1,6 @@
+const fs = require( 'fs' );
+
+module.exports = function writePatternDataToFile( filepath, data ) {
+	let json = JSON.stringify( data );
+	fs.writeFileSync( filepath, json );
+};

package/lib/writeJson.js

@@ -0,0 +1,53 @@
+const path = require( 'path' );
+const chalk = require( 'chalk' );
+const fs = require( 'fs' );
+
+const getPatternData = require( './utils/getPatternData' );
+const getModuleNamesFromDirectory = require( './utils/getModuleNamesFromDirectory' );
+const getPatternVariants = require( './utils/getPatternVariants' );
+const writeJsonToFile = require( './utils/writeJsonToFile' );
+
+// The fromLarva flag can come from CLI argument
+module.exports = function writeJson( patternConfig, fromLarva = false ) {
+
+	const sourceDirectory = ( true === fromLarva ) ? patternConfig.larvaPatternsDir : patternConfig.projectPatternsDir;
+	const ignoredModules  = patternConfig.ignoredModules ? patternConfig.ignoredModules : [];
+	const modulesArr      = getModuleNamesFromDirectory( sourceDirectory, ignoredModules );
+
+	modulesArr.forEach( ( moduleName ) => {
+
+		const startPath = sourceDirectory + '/modules/' + moduleName;
+		const variants = getPatternVariants( startPath );
+
+		variants.forEach( ( variant ) => {
+
+			const moduleData = getPatternData( sourceDirectory, {
+				type: 'modules',
+				name: moduleName,
+				variant: variant
+			} );
+
+			const jsonDestPath = path.resolve( patternConfig.projectPatternsDir, '../../build/json/modules/' + moduleName + '.' + variant + '.json' );
+
+			// If JSON data and module prototype are the same, pass, otherwise write the data to file
+			let hasChanged = true;
+			try {
+				if ( fs.existsSync( jsonDestPath ) && JSON.stringify( require( jsonDestPath ) ) === JSON.stringify( moduleData ) ) {
+					hasChanged = false;
+				}
+			} catch ( error ) {
+				console.warn( error );
+			}
+
+			if ( hasChanged ) {
+				writeJsonToFile( jsonDestPath, moduleData );
+				console.log( chalk.green.bold( `Wrote JSON for ${moduleName}.${variant}` ) );
+			} else {
+				console.log( chalk.grey( `No updates in ${moduleName}.${variant}` ) );
+			}
+		}
+
+		);
+
+	} );
+};

package/package.json

@@ -1,17 +1,38 @@
 {
   "name": "@penskemediacorp/larva",
-  "version": "1.2.1-alpha.0",
+  "version": "1.3.0",
   "description": "> TODO: description",
   "author": "laras126 <laras126@gmail.com>",
   "homepage": "https://github.com/Penske-Media-Corp/pmc-larva/tree/master/packages/larva#readme",
   "license": "MIT",
-  "main": "lib/larva.js",
+  "main": "index.js",
+  "bin": {
+    "larva": "bin/larva.js"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Penske-Media-Corp/pmc-larva.git"
   },
   "scripts": {
-    "test": "echo \"Error: run tests from root\" && exit 1"
+    "test": "echo \"Error: run tests from root\" && exit 1",
+    "update-larva-latest": "npm install --save @penskemediacorp/larva-scss@latest @penskemediacorp/larva-css@latest @penskemediacorp/larva-patterns@latest @penskemediacorp/larva-svg@latest @penskemediacorp/twig-to-php-parser@latest @penskemediacorp/larva-tokens@latest @penskemediacorp/larva-js@latest && npm run prod",
+    "larva": "bin/larva.js server --watch ../larva-patterns --watch src -e twig,js,html",
+    "backstop": "backstop --config=node_modules/@penskemediacorp/backstopjs-config",
+    "prod": "bin/larva.js prod-scss && bin/larva.js prod-js",
+    "prod:scss": "bin/larva.js prod-scss",
+    "prod:js": "bin/larva.js prod-js",
+    "dev": "concurrently \"npm:dev:scss\" \"npm:dev:js\" --raw",
+    "dev:scss": "bin/larva.js dev-scss",
+    "dev:js": "bin/larva.js dev-js",
+    "lint": "bin/larva.js lint-scss & larva lint-js",
+    "lint:scss": "bin/larva.js lint-scss",
+    "lint:js": "bin/larva.js lint-js ./",
+    "lint-fix": "bin/larva.js lint-scss --fix && npm run lint:js --fix",
+    "lint-fix:scss": "bin/larva.js lint-scss --fix",
+    "lint-fix:js": "bin/larva.js lint-js --fix",
+    "write-json": "bin/larva.js write-json larva && bin/larva.js write-json",
+    "build-icons": "bin/larva.js build-icons",
+    "build-html": "bin/larva.js build-html larva && bin/larva.js build-html project"
   },
   "publishConfig": {
     "access": "public"
@@ -20,7 +41,53 @@
     "url": "https://github.com/Penske-Media-Corp/pmc-larva/issues"
   },
   "dependencies": {
-    "@penskemediacorp/larva-patterns": "^1.2.1-alpha.0"
+    "@babel/core": "^7.10.5",
+    "@babel/preset-env": "^7.10.4",
+    "@penskemediacorp/backstopjs-config": "^1.0.0",
+    "@penskemediacorp/eslint-config": "^1.1.1",
+    "@penskemediacorp/larva-css": "^1.3.0",
+    "@penskemediacorp/larva-js": "^1.0.0",
+    "@penskemediacorp/larva-patterns": "^1.3.0",
+    "@penskemediacorp/larva-scss": "^1.1.2",
+    "@penskemediacorp/larva-svg": "^1.1.3",
+    "@penskemediacorp/larva-tokens": "^1.0.0",
+    "@penskemediacorp/stylelint-config": "^1.0.0",
+    "@penskemediacorp/twig-to-php-parser": "^1.0.0",
+    "axios": "^0.21.1",
+    "babel-loader": "^8.1.0",
+    "chalk": "^4.1.0",
+    "clean-webpack-plugin": "^3.0.0",
+    "concurrently": "^5.2.0",
+    "cross-spawn": "^7.0.3",
+    "eslint": "^7.4.0",
+    "eslint-webpack-plugin": "^2.5.3",
+    "express": "^4.17.1",
+    "fibers": "^5.0.0",
+    "flickity": "^2.2.1",
+    "fs-extra": "^9.0.1",
+    "globby": "^11.0.1",
+    "gulp": "^4.0.2",
+    "gulp-clean": "^0.4.0",
+    "gulp-cli": "^2.3.0",
+    "gulp-if": "^3.0.0",
+    "gulp-ignore": "^3.0.0",
+    "gulp-postcss": "^8.0.0",
+    "gulp-rename": "^2.0.0",
+    "gulp-sass": "^4.1.0",
+    "gulp-stylelint": "^13.0.0",
+    "lodash.clonedeep": "^4.5.0",
+    "marked": "^4.0.10",
+    "node-sass-glob-importer": "^5.3.2",
+    "nodemon": "^2.0.4",
+    "postcss": "^7.0.35",
+    "sass": "^1.32.8",
+    "shelljs": "^0.8.5",
+    "stylelint": "^13.6.1",
+    "svg-sprite": "^1.5.0",
+    "svgo": "^1.3.2",
+    "twing": "5.1.0",
+    "webpack": "^4.43.0",
+    "webpack-cli": "^3.3.12"
   },
-  "gitHead": "8ca5817f221f017210b43aa53a2a7cd1ac55678d"
+  "gitHead": "86a5d49bfc6d57168b4e1ffb70c646a5e59e4d6e"
 }

package/public/webfontloader.js

@@ -0,0 +1,22 @@
+
+// Note: this should be in assets/public - added here in order to get webfonts working
+// in pattern library w/o needing to add a theme-level webfontloader.
+
+/* Web Font Loader v1.6.28 - (c) Adobe Systems, Google. License: Apache 2.0 */( function () {
+	function aa ( a, b, c ) { return a.call.apply( a.bind, arguments ) } function ba ( a, b, c ) { if ( !a ) throw Error(); if ( 2 < arguments.length ) { var d = Array.prototype.slice.call( arguments, 2 ); return function () { var c = Array.prototype.slice.call( arguments ); Array.prototype.unshift.apply( c, d ); return a.apply( b, c ) } } return function () { return a.apply( b, arguments ) } } function p ( a, b, c ) { p = Function.prototype.bind && -1 != Function.prototype.bind.toString().indexOf( "native code" ) ? aa : ba; return p.apply( null, arguments ) } var q = Date.now || function () { return +new Date }; function ca ( a, b ) { this.a = a; this.o = b || a; this.c = this.o.document } var da = !!window.FontFace; function t ( a, b, c, d ) { b = a.c.createElement( b ); if ( c ) for ( var e in c ) c.hasOwnProperty( e ) && ( "style" == e ? b.style.cssText = c[e] : b.setAttribute( e, c[e] ) ); d && b.appendChild( a.c.createTextNode( d ) ); return b } function u ( a, b, c ) { a = a.c.getElementsByTagName( b )[0]; a || ( a = document.documentElement ); a.insertBefore( c, a.lastChild ) } function v ( a ) { a.parentNode && a.parentNode.removeChild( a ) }
+function w(a,b,c){b=b||[];c=c||[];for(var d=a.className.split(/\s+/),e=0;e<b.length;e+=1){for(var f=!1,g=0;g<d.length;g+=1)if(b[e]===d[g]){f=!0;break}f||d.push(b[e])}b=[];for(e=0;e<d.length;e+=1){f=!1;for(g=0;g<c.length;g+=1)if(d[e]===c[g]){f=!0;break}f||b.push(d[e])}a.className=b.join(" ").replace(/\s+/g," ").replace(/^\s+|\s+$/,"")}function y(a,b){for(var c=a.className.split(/\s+/),d=0,e=c.length;d<e;d++)if(c[d]==b)return!0;return!1}
+function ea(a){return a.o.location.hostname||a.a.location.hostname}function z(a,b,c){function d(){m&&e&&f&&(m(g),m=null)}b=t(a,"link",{rel:"stylesheet",href:b,media:"all"});var e=!1,f=!0,g=null,m=c||null;da?(b.onload=function(){e=!0;d()},b.onerror=function(){e=!0;g=Error("Stylesheet failed to load");d()}):setTimeout(function(){e=!0;d()},0);u(a,"head",b)}
+function A(a,b,c,d){var e=a.c.getElementsByTagName("head")[0];if(e){var f=t(a,"script",{src:b}),g=!1;f.onload=f.onreadystatechange=function(){g||this.readyState&&"loaded"!=this.readyState&&"complete"!=this.readyState||(g=!0,c&&c(null),f.onload=f.onreadystatechange=null,"HEAD"==f.parentNode.tagName&&e.removeChild(f))};e.appendChild(f);setTimeout(function(){g||(g=!0,c&&c(Error("Script load timeout")))},d||5E3);return f}return null};function B(){this.a=0;this.c=null}function C(a){a.a++;return function(){a.a--;D(a)}}function E(a,b){a.c=b;D(a)}function D(a){0==a.a&&a.c&&(a.c(),a.c=null)};function F(a){this.a=a||"-"}F.prototype.c=function(a){for(var b=[],c=0;c<arguments.length;c++)b.push(arguments[c].replace(/[\W_]+/g,"").toLowerCase());return b.join(this.a)};function G(a,b){this.c=a;this.f=4;this.a="n";var c=(b||"n4").match(/^([nio])([1-9])$/i);c&&(this.a=c[1],this.f=parseInt(c[2],10))}function fa(a){return H(a)+" "+(a.f+"00")+" 300px "+I(a.c)}function I(a){var b=[];a=a.split(/,\s*/);for(var c=0;c<a.length;c++){var d=a[c].replace(/['"]/g,"");-1!=d.indexOf(" ")||/^\d/.test(d)?b.push("'"+d+"'"):b.push(d)}return b.join(",")}function J(a){return a.a+a.f}function H(a){var b="normal";"o"===a.a?b="oblique":"i"===a.a&&(b="italic");return b}
+function ga(a){var b=4,c="n",d=null;a&&((d=a.match(/(normal|oblique|italic)/i))&&d[1]&&(c=d[1].substr(0,1).toLowerCase()),(d=a.match(/([1-9]00|normal|bold)/i))&&d[1]&&(/bold/i.test(d[1])?b=7:/[1-9]00/.test(d[1])&&(b=parseInt(d[1].substr(0,1),10))));return c+b};function ha(a,b){this.c=a;this.f=a.o.document.documentElement;this.h=b;this.a=new F("-");this.j=!1!==b.events;this.g=!1!==b.classes}function ia(a){a.g&&w(a.f,[a.a.c("wf","loading")]);K(a,"loading")}function L(a){if(a.g){var b=y(a.f,a.a.c("wf","active")),c=[],d=[a.a.c("wf","loading")];b||c.push(a.a.c("wf","inactive"));w(a.f,c,d)}K(a,"inactive")}function K(a,b,c){if(a.j&&a.h[b])if(c)a.h[b](c.c,J(c));else a.h[b]()};function ja(){this.c={}}function ka(a,b,c){var d=[],e;for(e in b)if(b.hasOwnProperty(e)){var f=a.c[e];f&&d.push(f(b[e],c))}return d};function M(a,b){this.c=a;this.f=b;this.a=t(this.c,"span",{"aria-hidden":"true"},this.f)}function N(a){u(a.c,"body",a.a)}function O(a){return"display:block;position:absolute;top:-9999px;left:-9999px;font-size:300px;width:auto;height:auto;line-height:normal;margin:0;padding:0;font-variant:normal;white-space:nowrap;font-family:"+I(a.c)+";"+("font-style:"+H(a)+";font-weight:"+(a.f+"00")+";")};function P(a,b,c,d,e,f){this.g=a;this.j=b;this.a=d;this.c=c;this.f=e||3E3;this.h=f||void 0}P.prototype.start=function(){var a=this.c.o.document,b=this,c=q(),d=new Promise(function(d,e){function f(){q()-c>=b.f?e():a.fonts.load(fa(b.a),b.h).then(function(a){1<=a.length?d():setTimeout(f,25)},function(){e()})}f()}),e=null,f=new Promise(function(a,d){e=setTimeout(d,b.f)});Promise.race([f,d]).then(function(){e&&(clearTimeout(e),e=null);b.g(b.a)},function(){b.j(b.a)})};function Q(a,b,c,d,e,f,g){this.v=a;this.B=b;this.c=c;this.a=d;this.s=g||"BESbswy";this.f={};this.w=e||3E3;this.u=f||null;this.m=this.j=this.h=this.g=null;this.g=new M(this.c,this.s);this.h=new M(this.c,this.s);this.j=new M(this.c,this.s);this.m=new M(this.c,this.s);a=new G(this.a.c+",serif",J(this.a));a=O(a);this.g.a.style.cssText=a;a=new G(this.a.c+",sans-serif",J(this.a));a=O(a);this.h.a.style.cssText=a;a=new G("serif",J(this.a));a=O(a);this.j.a.style.cssText=a;a=new G("sans-serif",J(this.a));a=
+O(a);this.m.a.style.cssText=a;N(this.g);N(this.h);N(this.j);N(this.m)}var R={D:"serif",C:"sans-serif"},S=null;function T(){if(null===S){var a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent);S=!!a&&(536>parseInt(a[1],10)||536===parseInt(a[1],10)&&11>=parseInt(a[2],10))}return S}Q.prototype.start=function(){this.f.serif=this.j.a.offsetWidth;this.f["sans-serif"]=this.m.a.offsetWidth;this.A=q();U(this)};
+function la(a,b,c){for(var d in R)if(R.hasOwnProperty(d)&&b===a.f[R[d]]&&c===a.f[R[d]])return!0;return!1}function U(a){var b=a.g.a.offsetWidth,c=a.h.a.offsetWidth,d;(d=b===a.f.serif&&c===a.f["sans-serif"])||(d=T()&&la(a,b,c));d?q()-a.A>=a.w?T()&&la(a,b,c)&&(null===a.u||a.u.hasOwnProperty(a.a.c))?V(a,a.v):V(a,a.B):ma(a):V(a,a.v)}function ma(a){setTimeout(p(function(){U(this)},a),50)}function V(a,b){setTimeout(p(function(){v(this.g.a);v(this.h.a);v(this.j.a);v(this.m.a);b(this.a)},a),0)};function W(a,b,c){this.c=a;this.a=b;this.f=0;this.m=this.j=!1;this.s=c}var X=null;W.prototype.g=function(a){var b=this.a;b.g&&w(b.f,[b.a.c("wf",a.c,J(a).toString(),"active")],[b.a.c("wf",a.c,J(a).toString(),"loading"),b.a.c("wf",a.c,J(a).toString(),"inactive")]);K(b,"fontactive",a);this.m=!0;na(this)};
+W.prototype.h=function(a){var b=this.a;if(b.g){var c=y(b.f,b.a.c("wf",a.c,J(a).toString(),"active")),d=[],e=[b.a.c("wf",a.c,J(a).toString(),"loading")];c||d.push(b.a.c("wf",a.c,J(a).toString(),"inactive"));w(b.f,d,e)}K(b,"fontinactive",a);na(this)};function na(a){0==--a.f&&a.j&&(a.m?(a=a.a,a.g&&w(a.f,[a.a.c("wf","active")],[a.a.c("wf","loading"),a.a.c("wf","inactive")]),K(a,"active")):L(a.a))};function oa(a){this.j=a;this.a=new ja;this.h=0;this.f=this.g=!0}oa.prototype.load=function(a){this.c=new ca(this.j,a.context||this.j);this.g=!1!==a.events;this.f=!1!==a.classes;pa(this,new ha(this.c,a),a)};
+function qa(a,b,c,d,e){var f=0==--a.h;(a.f||a.g)&&setTimeout(function(){var a=e||null,m=d||null||{};if(0===c.length&&f)L(b.a);else{b.f+=c.length;f&&(b.j=f);var h,l=[];for(h=0;h<c.length;h++){var k=c[h],n=m[k.c],r=b.a,x=k;r.g&&w(r.f,[r.a.c("wf",x.c,J(x).toString(),"loading")]);K(r,"fontloading",x);r=null;if(null===X)if(window.FontFace){var x=/Gecko.*Firefox\/(\d+)/.exec(window.navigator.userAgent),xa=/OS X.*Version\/10\..*Safari/.exec(window.navigator.userAgent)&&/Apple/.exec(window.navigator.vendor);
+X=x?42<parseInt(x[1],10):xa?!1:!0}else X=!1;X?r=new P(p(b.g,b),p(b.h,b),b.c,k,b.s,n):r=new Q(p(b.g,b),p(b.h,b),b.c,k,b.s,a,n);l.push(r)}for(h=0;h<l.length;h++)l[h].start()}},0)}function pa(a,b,c){var d=[],e=c.timeout;ia(b);var d=ka(a.a,c,a.c),f=new W(a.c,b,e);a.h=d.length;b=0;for(c=d.length;b<c;b++)d[b].load(function(b,d,c){qa(a,f,b,d,c)})};function ra(a,b){this.c=a;this.a=b}
+ra.prototype.load=function(a){function b(){if(f["__mti_fntLst"+d]){var c=f["__mti_fntLst"+d](),e=[],h;if(c)for(var l=0;l<c.length;l++){var k=c[l].fontfamily;void 0!=c[l].fontStyle&&void 0!=c[l].fontWeight?(h=c[l].fontStyle+c[l].fontWeight,e.push(new G(k,h))):e.push(new G(k))}a(e)}else setTimeout(function(){b()},50)}var c=this,d=c.a.projectId,e=c.a.version;if(d){var f=c.c.o;A(this.c,(c.a.api||"https://fast.fonts.net/jsapi")+"/"+d+".js"+(e?"?v="+e:""),function(e){e?a([]):(f["__MonotypeConfiguration__"+
+d]=function(){return c.a},b())}).id="__MonotypeAPIScript__"+d}else a([])};function sa(a,b){this.c=a;this.a=b}sa.prototype.load=function(a){var b,c,d=this.a.urls||[],e=this.a.families||[],f=this.a.testStrings||{},g=new B;b=0;for(c=d.length;b<c;b++)z(this.c,d[b],C(g));var m=[];b=0;for(c=e.length;b<c;b++)if(d=e[b].split(":"),d[1])for(var h=d[1].split(","),l=0;l<h.length;l+=1)m.push(new G(d[0],h[l]));else m.push(new G(d[0]));E(g,function(){a(m,f)})};function ta(a,b){a?this.c=a:this.c=ua;this.a=[];this.f=[];this.g=b||""}var ua="https://fonts.googleapis.com/css";function va(a,b){for(var c=b.length,d=0;d<c;d++){var e=b[d].split(":");3==e.length&&a.f.push(e.pop());var f="";2==e.length&&""!=e[1]&&(f=":");a.a.push(e.join(f))}}
+function wa(a){if(0==a.a.length)throw Error("No fonts to load!");if(-1!=a.c.indexOf("kit="))return a.c;for(var b=a.a.length,c=[],d=0;d<b;d++)c.push(a.a[d].replace(/ /g,"+"));b=a.c+"?family="+c.join("%7C");0<a.f.length&&(b+="&subset="+a.f.join(","));0<a.g.length&&(b+="&text="+encodeURIComponent(a.g));return b};function ya(a){this.f=a;this.a=[];this.c={}}
+var za={latin:"BESbswy","latin-ext":"\u00e7\u00f6\u00fc\u011f\u015f",cyrillic:"\u0439\u044f\u0416",greek:"\u03b1\u03b2\u03a3",khmer:"\u1780\u1781\u1782",Hanuman:"\u1780\u1781\u1782"},Aa={thin:"1",extralight:"2","extra-light":"2",ultralight:"2","ultra-light":"2",light:"3",regular:"4",book:"4",medium:"5","semi-bold":"6",semibold:"6","demi-bold":"6",demibold:"6",bold:"7","extra-bold":"8",extrabold:"8","ultra-bold":"8",ultrabold:"8",black:"9",heavy:"9",l:"3",r:"4",b:"7"},Ba={i:"i",italic:"i",n:"n",normal:"n"},
+Ca=/^(thin|(?:(?:extra|ultra)-?)?light|regular|book|medium|(?:(?:semi|demi|extra|ultra)-?)?bold|black|heavy|l|r|b|[1-9]00)?(n|i|normal|italic)?$/;
+function Da(a){for(var b=a.f.length,c=0;c<b;c++){var d=a.f[c].split(":"),e=d[0].replace(/\+/g," "),f=["n4"];if(2<=d.length){var g;var m=d[1];g=[];if(m)for(var m=m.split(","),h=m.length,l=0;l<h;l++){var k;k=m[l];if(k.match(/^[\w-]+$/)){var n=Ca.exec(k.toLowerCase());if(null==n)k="";else{k=n[2];k=null==k||""==k?"n":Ba[k];n=n[1];if(null==n||""==n)n="4";else var r=Aa[n],n=r?r:isNaN(n)?"4":n.substr(0,1);k=[k,n].join("")}}else k="";k&&g.push(k)}0<g.length&&(f=g);3==d.length&&(d=d[2],g=[],d=d?d.split(","):
+g,0<d.length&&(d=za[d[0]])&&(a.c[e]=d))}a.c[e]||(d=za[e])&&(a.c[e]=d);for(d=0;d<f.length;d+=1)a.a.push(new G(e,f[d]))}};function Ea(a,b){this.c=a;this.a=b}var Fa={Arimo:!0,Cousine:!0,Tinos:!0};Ea.prototype.load=function(a){var b=new B,c=this.c,d=new ta(this.a.api,this.a.text),e=this.a.families;va(d,e);var f=new ya(e);Da(f);z(c,wa(d),C(b));E(b,function(){a(f.a,f.c,Fa)})};function Ga(a,b){this.c=a;this.a=b}Ga.prototype.load=function(a){var b=this.a.id,c=this.c.o;b?A(this.c,(this.a.api||"https://use.typekit.net")+"/"+b+".js",function(b){if(b)a([]);else if(c.Typekit&&c.Typekit.config&&c.Typekit.config.fn){b=c.Typekit.config.fn;for(var e=[],f=0;f<b.length;f+=2)for(var g=b[f],m=b[f+1],h=0;h<m.length;h++)e.push(new G(g,m[h]));try{c.Typekit.load({events:!1,classes:!1,async:!0})}catch(l){}a(e)}},2E3):a([])};function Ha(a,b){this.c=a;this.f=b;this.a=[]}Ha.prototype.load=function(a){var b=this.f.id,c=this.c.o,d=this;b?(c.__webfontfontdeckmodule__||(c.__webfontfontdeckmodule__={}),c.__webfontfontdeckmodule__[b]=function(b,c){for(var g=0,m=c.fonts.length;g<m;++g){var h=c.fonts[g];d.a.push(new G(h.name,ga("font-weight:"+h.weight+";font-style:"+h.style)))}a(d.a)},A(this.c,(this.f.api||"https://f.fontdeck.com/s/css/js/")+ea(this.c)+"/"+b+".js",function(b){b&&a([])})):a([])};var Y=new oa(window);Y.a.c.custom=function(a,b){return new sa(b,a)};Y.a.c.fontdeck=function(a,b){return new Ha(b,a)};Y.a.c.monotype=function(a,b){return new ra(b,a)};Y.a.c.typekit=function(a,b){return new Ga(b,a)};Y.a.c.google=function(a,b){return new Ea(b,a)};var Z={load:p(Y.load,Y)};"function"===typeof define&&define.amd?define(function(){return Z}):"undefined"!==typeof module&&module.exports?module.exports=Z:(window.WebFont=Z,window.WebFontConfig&&Y.load(window.WebFontConfig));}());

package/scripts/build-html.js

@@ -0,0 +1,52 @@
+const chalk = require( 'chalk' );
+const path = require( 'path' );
+
+const getAppConfiguration = require( '../lib/utils/getAppConfiguration' );
+const getArgsFromCli = require( '../lib/utils/getArgsFromCli' );
+const generateStatic = require( '../lib/generateStatic' );
+const getPatternRoutes = require( '../lib/utils/getPatternRoutes' );
+const getAllPatternsObj = require( '../lib/utils/getAllPatternsObj' );
+
+const config = getAppConfiguration( 'patterns' );
+const cliArgs = getArgsFromCli();
+const source = 'larva' === cliArgs[1] ? 'larva' : 'project';
+const port = process.env.NODE_PORT || '3000' ;
+
+const urlBase = 'http://localhost:' + port + '/' + source;
+const buildPath = path.join( process.cwd(), './build/html/' + source );
+
+const patternsObj = ( () => {
+	const patternDir = 'larva' === source ? config.larvaPatternsDir : config.projectPatternsDir;
+	return getAllPatternsObj( patternDir );
+} )();
+
+const routesArr = getPatternRoutes( patternsObj );
+
+// Add a static, non-pattern paths.
+const staticPaths = [
+	'css',
+	'style-guide',
+	'components',
+	'objects',
+	'modules',
+	'',
+];
+
+staticPaths.forEach( p => {
+	// Only build these paths for the larva source.
+	if ( p === 'style-guide' || p === 'css' ) {
+		if ( 'larva' !== source ) {
+			return;
+		}
+	}
+
+	routesArr.push( p )
+});
+
+generateStatic( routesArr, buildPath, ( message ) => {
+
+	// TODO: copy assets into build path
+	// copy assets from larva package to static
+	// copy assets from project to assets
+	console.log( message );
+}, urlBase );

package/scripts/build-icons.js

@@ -0,0 +1,80 @@
+'use strict';
+
+const SVGSpriter = require('svg-sprite');
+const path = require('path');
+const mkdirp = require('mkdirp');
+const globby = require('globby');
+const fs = require('fs');
+const svgoConfig = require( './config/svgo-config.json' );
+
+const projectIconsPath = path.join( process.cwd(), './src/svg/icons' );
+const larvaIconsPath = path.join( process.cwd(), './node_modules/@penskemediacorp/larva-svg/src' );
+
+// TODO: unfinished feature
+// const getSassVarsString = require( './lib/getSassVarsString' );
+
+const config = {
+	dest: 'build/svg',
+	log: null, // No logging
+	mode: {
+		defs: {
+			example: true,
+			sprite: 'sprite.defs.svg'
+		}
+	},
+	shape: {
+		id: {
+			separator: '',
+		},
+		transform: {
+			svgo: svgoConfig
+		}
+	},
+	svg: {
+		dimensionAttributes: false,
+	}
+};
+
+const spriter = new SVGSpriter( config );
+
+const svgFiles = globby.sync( [ larvaIconsPath, projectIconsPath ], {
+	expandDirectories: {
+		extensions: [ 'svg' ],
+	}
+});
+
+// TODO: unfinished feature
+// let scssIcons = {};
+
+console.log( `Looking for icon SVGs in ${path.relative( process.cwd(), larvaIconsPath )} and ${path.relative( process.cwd(), projectIconsPath )}...` );
+
+svgFiles.forEach( file => {
+	// TODO: unfinished feature.
+	// Build Sass vars object
+	// scssIcons[ path.basename( file, '.svg' ) ] = fs.readFileSync( file, { encoding: 'utf-8' } );
+
+	spriter.add( file, path.basename( file ), fs.readFileSync( file, { encoding: 'utf-8' } ) );
+});
+
+console.log( 'Building SVG icon sprite...' );
+
+// Write the Sass variables.
+// TODO: unfinished feature.
+// fs.writeFileSync( path.join( process.cwd(), './build/a-icon-svg.scss' ), getSassVarsString( scssIcons ) );
+
+// Compile the sprite
+spriter.compile( function( error, result, cssData ) {
+
+	// Run through all configured output modes
+	for ( var mode in result ) {
+
+		// Run through all created resources and write them to disk
+		for ( var type in result[mode] ) {
+			mkdirp.sync( path.dirname( result[mode][type].path ) );
+			fs.writeFileSync( result[mode][type].path, result[mode][type].contents );
+		}
+
+	}
+
+	console.log( 'Completed building SVG icon sprite.' );
+});

package/scripts/build-scss.js

@@ -0,0 +1,15 @@
+const path = require( 'path' );
+
+const spawnScript = require( '../lib/utils/spawnScript' );
+
+const gulpfilePath = path.join( __dirname, './config/gulpfile.js' );
+
+const args = [
+	'build-scss',
+	'--gulpfile',
+	gulpfilePath,
+	'--cwd',
+	process.cwd()
+];
+
+spawnScript( './node_modules/.bin/gulp', args );

package/scripts/config/.eslintrc.json

@@ -0,0 +1,11 @@
+{
+	"extends": "@penskemediacorp/eslint-config",
+	"overrides": [ {
+		"files": [
+			"**/*.js"
+		],
+		"rules": {
+			"import/no-unresolved": "off"
+		}
+	} ]
+}