Save sidebar & flavor

Author: gskinner

dev/src/Flavor.js

@@ -23,21 +23,24 @@ import BrowserSolver from "./helpers/BrowserSolver.js";
 import ServerSolver from "./helpers/ServerSolver.js";
 import profiles from "./profiles/profiles.js";
 
+import app from "./app";
+
 export default class Flavor extends EventDispatcher {
 
 	constructor(flavor) {
 		super();
-		this.value = flavor;
+		this.value = app.prefs.read("flavor");
 		this._browserSolver = new BrowserSolver();
 		this._serverSolver = new ServerSolver();
 	}
 
 	set value(id) {
-		let profile = profiles[id.toLowerCase() || "js"];
+		let profile = profiles[(id && id.toLowerCase()) || "js"];
 		if (!profile || profile === this._profile) { return; }
 		Track.page("flavor/"+id);
 		this._profile = profile;
 		this._buildSupportMap(profile);
+		app.prefs.write("flavor", id);
 		this.dispatchEvent("change");
 	}
 

dev/src/RegExr.js

@@ -43,7 +43,8 @@ export default class RegExr extends EventDispatcher {
 	constructor () { super(); }
 
 	init(state, account, config={}) {
-		this.flavor = new Flavor("js");
+		this.prefs = new Prefs();
+		this.flavor = new Flavor();
 		this.reference = new Reference(reference_content, this.flavor, config);
 		this._migrateFavorites();
 		this._initUI();
@@ -160,7 +161,6 @@ export default class RegExr extends EventDispatcher {
 			toggle: new Tooltip($.query("#library #tooltip"), true)
 		};
 
-		this.prefs = new Prefs();
 		this.theme = new Theme(this.el);
 
 		let el = $.query(".app > .doc", this.el);

dev/src/views/Account.js

@@ -21,7 +21,6 @@ import EventDispatcher from "../events/EventDispatcher";
 import $ from "../utils/DOMUtils"
 import Track from "../utils/Track"
 
-import Tooltip from "../controls/Tooltip";
 import List from "../controls/List";
 import Server from "../net/Server";
 

dev/src/views/Sidebar.js

@@ -37,8 +37,10 @@ export default class Sidebar {
 		this._initUI(el);
 		this._content = this._prepContent(content);
 		this.minList.data = [{id: "menu", label:"Menu"}].concat(content.kids);
-		this.goto("home");
 		app.flavor.on("change", ()=>this._onFlavorChange());
+		let id = app.prefs.read("side");
+		if (!id || !this._idMap[id] || id === "share") { id = "home"; }
+		this.goto(id);
 		if (app.isNarrow) { setTimeout(() => this.minimize(true, false), 1500); }
 	}
 
@@ -63,7 +65,12 @@ export default class Sidebar {
 		if (item.hide) { return this.show(item.parent); }
 		if (!item || item.id === "menu") { return; } // expand button on the min menu
 		this.minimize(false);
-		if (item.id) { Track.page("sidebar/"+item.id); }
+		if (item.id) {
+			Track.page("sidebar/"+item.id);
+			if (item.id === "home" || (item.parent && item.parent.id === "home") || this._isInReference(item)) {
+				app.prefs.write("side", item.id);
+			}
+		}
 
 		if (!item.el && !item.kids) {
 			if (this.searchMode || !item.parent || item.parent === this.curItem) {
@@ -196,9 +203,13 @@ export default class Sidebar {
 			if (o.example) { this.contentEl.appendChild(new Example("Example", o.example).el); }
 		}
 	}
-	
+
 	_isInReference(o) {
-		do { if (o.id === "reference") { return true; } } while (o = o.parent);
+		return this._isIn(o, "reference");
+	}
+	
+	_isIn(o, id) {
+		do { if (o.id === id) { return true; } } while (o = o.parent);
 		return false;
 	}