From cb46ac5421a992104501d6b4a8d628e3a78240d9 Mon Sep 17 00:00:00 2001
From: jirik <jiri.kozel.cz@gmail.com>
Date: Fri, 6 Jan 2017 15:48:57 +0100
Subject: [PATCH] Format style on download

---
 src/components/App.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/App.jsx b/src/components/App.jsx
index f5fde23a..76fdca53 100644
--- a/src/components/App.jsx
+++ b/src/components/App.jsx
@@ -13,6 +13,7 @@ import MessagePanel from './MessagePanel'
 
 import GlSpec from 'mapbox-gl-style-spec/reference/latest.js'
 import validateStyleMin from 'mapbox-gl-style-spec/lib/validate_style.min'
+import formatStyle from 'mapbox-gl-style-spec/lib/format'
 import style from '../libs/style.js'
 import { initialStyleUrl, loadStyleUrl } from '../libs/urlopen'
 import { undoMessages, redoMessages } from '../libs/diffmessage'
@@ -76,7 +77,7 @@ export default class App extends React.Component {
 
   onStyleDownload() {
     const mapStyle = this.state.mapStyle
-    const blob = new Blob([JSON.stringify(mapStyle, null, 4)], {type: "application/json;charset=utf-8"});
+    const blob = new Blob([formatStyle(mapStyle)], {type: "application/json;charset=utf-8"});
     saveAs(blob, mapStyle.id + ".json");
   }
 
@@ -224,4 +225,3 @@ export default class App extends React.Component {
     />
   }
 }
-