From 442a7f612c7569ffda429a610815c51823860141 Mon Sep 17 00:00:00 2001
From: lukasmartinelli <me@lukasmartinelli.ch>
Date: Wed, 21 Sep 2016 08:34:48 +0200
Subject: [PATCH] Support resetting styles

---
 src/app.jsx       |  6 ++++++
 src/settings.jsx  |  7 ++++++-
 src/stylestore.js | 10 ++++++++++
 src/workspace.jsx |  2 ++
 4 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/app.jsx b/src/app.jsx
index 1b8988a4..855093f1 100644
--- a/src/app.jsx
+++ b/src/app.jsx
@@ -34,6 +34,11 @@ export default class App extends React.Component {
 		}
 	}
 
+	onReset() {
+		this.styleStore.purge()
+		loadDefaultStyle(mapStyle => this.onStyleUpload(mapStyle))
+	}
+
 	getChildContext() {
 		return {
 			rebass: theme,
@@ -98,6 +103,7 @@ export default class App extends React.Component {
 			/>
 			<WorkspaceDrawer
 				onStyleChanged={this.onStyleChanged.bind(this)}
+				onReset={this.onReset.bind(this)}
 				workContext={this.state.workContext}
 				mapStyle={this.state.currentStyle}
 				accessToken={this.state.accessToken}
diff --git a/src/settings.jsx b/src/settings.jsx
index 1d514f69..c542f780 100644
--- a/src/settings.jsx
+++ b/src/settings.jsx
@@ -7,6 +7,7 @@ import Input from 'rebass/dist/Input'
 import Toolbar from 'rebass/dist/Toolbar'
 import NavItem from 'rebass/dist/NavItem'
 import Space from 'rebass/dist/Space'
+import Button from 'rebass/dist/Button'
 
 import Immutable from 'immutable'
 import PureRenderMixin from 'react-addons-pure-render-mixin';
@@ -17,7 +18,8 @@ export class SettingsEditor extends React.Component {
 		mapStyle: React.PropTypes.instanceOf(Immutable.Map).isRequired,
 		onStyleChanged: React.PropTypes.func.isRequired,
 		accessToken: React.PropTypes.string,
-		onAccessTokenChanged: React.PropTypes.func
+		onAccessTokenChanged: React.PropTypes.func,
+		onReset: React.PropTypes.func
 	}
 
 	constructor(props) {
@@ -68,6 +70,9 @@ export class SettingsEditor extends React.Component {
 					value={this.props.mapStyle.get('glyphs')}
 					onChange={this.onChange.bind(this, "glyphs")}
 				/>
+				<Button
+					onClick={this.props.onReset}
+				>Reset style</Button>
 			</Container>
 		</div>
 	}
diff --git a/src/stylestore.js b/src/stylestore.js
index 834b3498..85db8b45 100644
--- a/src/stylestore.js
+++ b/src/stylestore.js
@@ -91,6 +91,16 @@ export class StyleStore {
 		this.mapStyles = loadStoredStyles()
 	}
 
+	// Delete entire style history
+	purge() {
+		for (let i = 0; i < window.localStorage.length; i++) {
+				const key = window.localStorage.key(i)
+				if(key.startsWith(storagePrefix)) {
+					window.localStorage.removeItem(key)
+				}
+		}
+	}
+
 	// Find the last edited style
 	latestStyle() {
 		if(this.mapStyles.length === 0) return emptyStyle
diff --git a/src/workspace.jsx b/src/workspace.jsx
index 7f9ff5be..63c6a89a 100644
--- a/src/workspace.jsx
+++ b/src/workspace.jsx
@@ -14,6 +14,7 @@ export class WorkspaceDrawer extends React.Component {
 		workContext: React.PropTypes.oneOf(['layers', 'settings', 'sources']).isRequired,
 		accessToken: React.PropTypes.string,
 		onAccessTokenChanged: React.PropTypes.func,
+		onReset: React.PropTypes.func,
 	}
 
 	onLayersChanged(changedLayers) {
@@ -39,6 +40,7 @@ export class WorkspaceDrawer extends React.Component {
 
 		if(this.props.workContext === "settings") {
 			workspaceContent = <SettingsEditor
+				onReset={this.props.onReset}
 				onStyleChanged={this.props.onStyleChanged}
 				mapStyle={this.props.mapStyle}
 				accessToken={this.props.accessToken}