Add version & build date to the build process.

Author: gskinner

dev/src/docs/sidebar_content.js

@@ -76,12 +76,13 @@ home.kids = [
 	{
 	label: "Help",
 	id: "help",
-	desc: "Help for the RegExr v3.5 application. See the <b>RegEx Reference</b> for help with Regular Expressions.",
+	desc: "Help for the RegExr application. See the <b>RegEx Reference</b> for help with Regular Expressions.",
 	kids: [
 
 		{
 		label:"About",
-		desc:"Created by <a href='http://twitter.com/gskinner/' target='_blank'>Grant Skinner</a> and the <a href='http://gskinner.com/' target='_blank'>gskinner</a> team, using the <a href='http://createjs.com/' target='_blank'>CreateJS</a> & <a href='http://codemirror.net/' target='_blank'>CodeMirror</a> libraries."+
+		desc:"RegExr v[build-version], built on [build-date]."+
+			"<p>Created by <a href='http://twitter.com/gskinner/' target='_blank'>Grant Skinner</a> and the <a href='http://gskinner.com/' target='_blank'>gskinner</a> team, using the <a href='http://createjs.com/' target='_blank'>CreateJS</a> & <a href='http://codemirror.net/' target='_blank'>CodeMirror</a> libraries.</p>"+
 			"<p>You can provide feedback or log bugs on <a href='http://github.com/gskinner/regexr/' target='_blank'>GitHub</a>.</p>"
 		},
 		{

gulpfile.js

@@ -19,6 +19,8 @@ var del = require('del');
 var runSequence = require('run-sequence');
 var htmlmin = require('gulp-htmlmin');
 
+var buildVersion = null;
+
 gulp.task("default", ["browser-sync", "build-default", "watch"]);
 gulp.task("build-default", ["build-js", "build-sass"], browserSync.reload);
 
@@ -30,7 +32,8 @@ gulp.task("build", function(cb) {
 });
 
 gulp.task("deploy", function(cb) {
-	runSequence("build", "clean-build", "copy-build", "inject-file-versions", "minify-html", cb);
+	buildVersion = getBuildVersion();
+	runSequence("build", "clean-build", "copy-build", "inject-build-version", "inject-file-versions", "minify-html", cb);
 });
 
 gulp.task("browser-sync", function() {
@@ -114,7 +117,6 @@ gulp.task("inject", function() {
 		.pipe(inject(gulp.src("dev/inject/*"), {
 			transform: function(path, file) {
 				var tag = /\.css$/ig.test(path) ? "style" : "";
-				console.log(path, tag);
 				return (tag ? "<"+tag+">" : "") + file.contents.toString() + (tag ? "</"+tag+">" : "");
 			}
 		}))
@@ -133,6 +135,14 @@ gulp.task("inject-file-versions", function(cb) {
 	fs.writeFile("build/index.html", indexFile, cb);
 });
 
+gulp.task("inject-build-version", function(cb) {
+	var js = fs.readFileSync("deploy/regexr.js", "utf-8");
+	js = js.replace("[build-version]", buildVersion);
+	js = js.replace("[build-date]", getDateString());
+	fs.writeFile("deploy/regexr.js", js, cb);
+});
+
+
 gulp.task("minify-html", function() {
 	return gulp.src("build/index.html")
 		.pipe(htmlmin({collapseWhitespace: true, conservativeCollapse: true, removeComments: true}))
@@ -178,3 +188,18 @@ function swallowError(err) {
 	console.warn(err.toString());
 	this.emit("end");
 }
+
+function getBuildVersion() {
+	let i = process.argv.indexOf("--v")
+	let v = i === -1 ? null : process.argv[i+1];
+	if (!v || !/^\d+\.\d+\.\d+/.test(v)) {
+		throw("You must specify a version number with `--v x.x.x`.")
+	}
+	return v;
+}
+
+function getDateString() {
+	var now = new Date();
+	var months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+	return months[now.getMonth()]+" "+now.getDate()+", "+now.getFullYear();
+}

index.html

@@ -95,8 +95,8 @@ <h1 class="label">Menu</h1>
 						RegExr is an online tool to <b>learn</b>, <b>build</b>, &amp; <b>test</b> Regular Expressions (RegEx / RegExp).
 						<hr>
 						<ul>
-							<li>Results update in <b>real-time</b> as you type.</li>
 							<li>Supports <b>JavaScript</b> &amp; <b>PHP/PCRE</b> RegEx.</li>
+							<li>Results update in <b>real-time</b> as you type.</li>
 							<li><b>Roll over</b> a match or expression for details.</li>
 							<li><b>Save</b> &amp; share expressions with others.</li>
 							<li>Use <b>Tools</b> to explore your results.</li>
@@ -171,7 +171,7 @@ <h1>Text</h1>
 					</header>
 					<article class="editor multiline"><div class="pad">
 <textarea>
-RegExr v3 was created by gskinner.com, and is proudly hosted by Media Temple.
+RegExr was created by gskinner.com, and is proudly hosted by Media Temple.
 
 Edit the Expression & Text to see matches. Roll over matches or the expression for details. PCRE & Javascript flavors of RegEx are supported.