Fall back to local style store

And convert tabs to spaces in process

src/stylestore.js

@@ -5,117 +5,114 @@ import style from './style.js'
 const storagePrefix = "maputnik"
 const stylePrefix = 'style'
 const storageKeys = {
-	latest: [storagePrefix, 'latest_style'].join(':'),
-	accessToken: [storagePrefix, 'access_token'].join(':')
+  latest: [storagePrefix, 'latest_style'].join(':'),
+  accessToken: [storagePrefix, 'access_token'].join(':')
 }
 
-// Empty style is always used if no style could be restored or fetched
-const emptyStyle = style.ensureMetadataExists(style.fromJSON({
-		version: 8,
-		sources: {},
-		layers: [],
-}))
-
 const defaultStyleUrl = "https://raw.githubusercontent.com/osm2vectortiles/mapbox-gl-styles/master/styles/basic-v9-cdn.json"
 // Fetch a default style via URL and return it or a fallback style via callback
 export function loadDefaultStyle(cb) {
-	console.log('Load default style')
-	var request = new XMLHttpRequest()
-	request.open('GET', defaultStyleUrl, true)
+  console.log('Load default style')
+  var request = new XMLHttpRequest()
+  request.open('GET', defaultStyleUrl, true)
 
-	request.onload = () => {
-		if (request.status >= 200 && request.status < 400) {
-			cb(style.ensureMetadataExists(style.fromJSON(request.responseText)))
-		} else {
-			cb(emptyStyle)
-		}
-	}
+  request.onload = () => {
+    if (request.status >= 200 && request.status < 400) {
+      cb(style.ensureMetadataExists(style.fromJSON(request.responseText)))
+    } else {
+      cb(style.emptyStyle)
+    }
+  }
 
-	request.onerror = function() {
-			console.log('Could not fetch default style')
-			cb(emptyStyle)
-	}
+  request.onerror = function() {
+      console.log('Could not fetch default style')
+      cb(style.emptyStyle)
+  }
 
-	request.send()
+  request.send()
 }
 
 // Return style ids and dates of all styles stored in local storage
 function loadStoredStyles() {
-	const styles = []
-	for (let i = 0; i < window.localStorage.length; i++) {
-			const key = window.localStorage.key(i)
-			if(isStyleKey(key)) {
-				styles.push(fromKey(key))
-			}
-	}
-	return styles
+  const styles = []
+  for (let i = 0; i < window.localStorage.length; i++) {
+      const key = window.localStorage.key(i)
+      if(isStyleKey(key)) {
+        styles.push(fromKey(key))
+      }
+  }
+  return styles
 }
 
 function isStyleKey(key) {
-	const parts = key.split(":")
-	return parts.length == 3 && parts[0] === storagePrefix && parts[1] === stylePrefix
+  const parts = key.split(":")
+  return parts.length == 3 && parts[0] === storagePrefix && parts[1] === stylePrefix
 }
 
 // Load style id from key
 function fromKey(key) {
-	if(!isStyleKey(key)) {
-		throw "Key is not a valid style key"
-	}
+  if(!isStyleKey(key)) {
+    throw "Key is not a valid style key"
+  }
 
-	const parts = key.split(":")
-	const styleId = parts[2]
-	return styleId
+  const parts = key.split(":")
+  const styleId = parts[2]
+  return styleId
 }
 
 // Calculate key that identifies the style with a version
 function styleKey(styleId) {
-	return [storagePrefix, stylePrefix, styleId].join(":")
+  return [storagePrefix, stylePrefix, styleId].join(":")
 }
 
 // Store style independent settings
 export class SettingsStore {
-	get accessToken() {
-		const token = window.localStorage.getItem(storageKeys.accessToken)
-		return token ? token : ""
-	}
-	set accessToken(val) {
-		window.localStorage.setItem(storageKeys.accessToken, val)
-	}
+  get accessToken() {
+    const token = window.localStorage.getItem(storageKeys.accessToken)
+    return token ? token : ""
+  }
+  set accessToken(val) {
+    window.localStorage.setItem(storageKeys.accessToken, val)
+  }
 }
 
 // Manages many possible styles that are stored in the local storage
 export class StyleStore {
-	// Tile store will load all items from local storage and
-	// assume they do not change will working on it
-	constructor() {
-		this.mapStyles = loadStoredStyles()
-	}
+  // Tile store will load all items from local storage and
+  // assume they do not change will working on it
+  constructor() {
+    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)
-				}
-		}
-	}
+  supported(cb) {
+    cb(window.localStorage !== undefined)
+  }
 
-	// Find the last edited style
-	latestStyle() {
-		if(this.mapStyles.length === 0) return emptyStyle
-		const styleId = window.localStorage.getItem(storageKeys.latest)
-		const styleItem = window.localStorage.getItem(styleKey(styleId))
+  // 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)
+        }
+    }
+  }
 
-		if(styleItem) return style.fromJSON(styleItem)
-		return emptyStyle
-	}
+  // Find the last edited style
+  latestStyle(cb) {
+    if(this.mapStyles.length === 0) return cb(style.emptyStyle)
+    const styleId = window.localStorage.getItem(storageKeys.latest)
+    const styleItem = window.localStorage.getItem(styleKey(styleId))
 
-	// Save current style replacing previous version
-	save(mapStyle) {
-		const key = styleKey(mapStyle.get('id'))
-		window.localStorage.setItem(key, JSON.stringify(style.toJSON(mapStyle)))
-		window.localStorage.setItem(storageKeys.latest, mapStyle.get('id'))
-		return mapStyle
-	}
+    if(styleItem) return cb(style.fromJSON(styleItem))
+    cb(style.emptyStyle)
+  }
+
+  // Save current style replacing previous version
+  save(mapStyle) {
+    const key = styleKey(mapStyle.get('id'))
+    window.localStorage.setItem(key, JSON.stringify(style.toJSON(mapStyle)))
+    window.localStorage.setItem(storageKeys.latest, mapStyle.get('id'))
+    return mapStyle
+  }
 }