Update build process to babel 7, gulp 4, rollup 1.6

Author: tehvgg

dev/sass/styles.scss

@@ -3,7 +3,7 @@
 	align-items: center;
 	padding: 0 $pad 0 $pad;
 	flex: 0 $title-height;
-	
+
 	h1 {
 		flex: 1;
 	}
@@ -15,16 +15,16 @@
 
 	&:not(.inactive) {
 		cursor: pointer;
-	
+
 		&:hover {
 			color: $lightest;
-			
+
 			svg.icon {
 				color: currentColor;
 			}
 		}
 	}
-	
+
 	svg.icon {
 		transition: fill $transition-t;
 	}
@@ -62,13 +62,13 @@ html, body {
 
 	// This shouldn't be necessary if everything is working correctly
 	// overflow: hidden;
-	
+
 	> .container {
 		/* wraps all content, since flex layouts don't work reliably on body */
 		height: 100%;
 		display: flex;
 		flex-flow: column;
-		
+
 		> .app {
 			/* wraps the sidebar and doc */
 			flex: 1;
@@ -108,7 +108,7 @@ h1, h2 {
 	flex-direction: column;
 	margin: 0;
 	padding: 0;
-	
+
 	li {
 		display: block;
 	}
@@ -143,8 +143,8 @@ span.error {
 	from {
 		transform: rotate(0deg);
 	}
-	
+
 	to {
 		transform: rotate(360deg);
 	}
-}
+}

dev/src/RegExr.js

@@ -41,7 +41,7 @@ import Prefs from "./helpers/Prefs";
 
 export default class RegExr extends EventDispatcher {
 	constructor () { super(); }
-	
+
 	init(state, account, config={}) {
 		this.prefs = new Prefs();
 		this.flavor = new Flavor();
@@ -64,7 +64,7 @@ export default class RegExr extends EventDispatcher {
 		if (params.expression) { this.expression.value = params.expression; }
 		if (params.text) { this.text.value = params.text; }
 		if (params.tool) { this.tools.value = {id:params.tool, input:params.input}; }
-		
+
 		window.onbeforeunload = (e) => this.unsaved ? "You have unsaved changes." : null;
 		this.resetUnsaved();
 
@@ -83,7 +83,7 @@ export default class RegExr extends EventDispatcher {
 		//Server.verify().then((data) => this.account.value = data);
 		new RefCoverage();
 	}
-	
+
 // getter / setters:
 	get state() {
 		let o = {
@@ -95,7 +95,7 @@ export default class RegExr extends EventDispatcher {
 		// copy share values onto the pattern object:
 		return Utils.copy(this.share.value, o);
 	}
-	
+
 	set state(o) {
 		if (!o) { return; }
 		this.flavor.value = o.flavor;
@@ -130,7 +130,7 @@ export default class RegExr extends EventDispatcher {
 	resetUnsaved() {
 		this._savedHash = this.hash;
 	}
-	
+
 	newDoc(warn=true) {
 		this.load({flavor: this.flavor.value, expression: ".", text:"Text"}, warn);
 		this.expression.selectAll();
@@ -141,7 +141,7 @@ export default class RegExr extends EventDispatcher {
 		if (warn && this.unsaved && !confirm(warn)) { return; }
 		this.state = Utils.clone(state);
 	}
-	
+
 // private methods:
 	_initUI() {
 		// TODO: break into own Device class? Rename mobile.scss too?
@@ -162,16 +162,16 @@ export default class RegExr extends EventDispatcher {
 		};
 
 		this.theme = new Theme(this.el);
-		
+
 		let el = $.query(".app > .doc", this.el);
 		this.expression = new Expression($.query("> section.expression", el));
 		this.text = new Text($.query("> section.text", el));
 		this.tools = new Tools($.query("> section.tools", el));
-		
+
 		this.account = new Account();
 		this.sidebar = new Sidebar($.query(".app > .sidebar", this.el));
 		this.share = this.sidebar.share;
-		
+
 		this.expression.on("change", ()=> this._change());
 		this.text.on("change", ()=> this._change());
 		this.flavor.on("change", ()=> this._change());
@@ -193,20 +193,20 @@ export default class RegExr extends EventDispatcher {
 		if (!ids.length) { ls.setItem("f_v3", "1"); return; }
 		Server.multiFavorite(ids).then(() => ls.setItem("f_v3", "1"));
 	}
-	
+
 	_change() {
 		this.dispatchEvent("change");
 		var solver = this.flavor.solver, exp = this.expression;
 		solver.solve({pattern:exp.pattern, flags:exp.flags, text:this.text.value, tool:this.tools.value}, (result) => this._handleResult(result));
 	}
-	
+
 	_handleResult(result) {
 		this.result = this._processResult(result);;
 		this.dispatchEvent("result");
 	}
-	
+
 	_processResult(result) {
 		result.matches && result.matches.forEach((o, i)=>o.num=i);
 		return result;
 	}
-}
+}

dev/src/docs/sidebar_content.js

@@ -24,15 +24,15 @@ home.label = "Menu";
 home.desc = "[from HTML]";
 home.kids = [
 
-	
+
 	{
 	label: "Pattern Settings",
 	id: "share",
 	el: "#share_main",
 	list: false,
 	kids: [
 		{
-		label: "Save to my Favorites", 
+		label: "Save to my Favorites",
 		id: "share_favorites",
 		el:"#share_favorites"
 		},
@@ -43,7 +43,7 @@ home.kids = [
 		}
 	]
 	},
-	
+
 	{
 	label: "My Patterns",
 	id:"favorites",
@@ -52,17 +52,17 @@ home.kids = [
 	search: true,
 	kids: []
 	},
-	
+
 	{
 	label: "Cheatsheet",
 	id:"cheatsheet",
 	el: "#cheatsheet"
 	},
-	
+
 	{ // injected from Reference
 	id:"reference"
 	},
-	
+
 	{
 	label: "Community Patterns",
 	id: "community",
@@ -81,7 +81,7 @@ home.kids = [
 
 		{
 		label:"About",
-		desc:"RegExr v[build-version] ([build-date])."+
+		desc:"RegExr v<%= build-version %> (<%= 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>"
 		},
@@ -195,4 +195,4 @@ home.kids = [
 		}
 	]
 	}
-];
+];