Added option to compress JSON files

on by default
StrawberryMaster · Jan 14, 2025 · f368f4a · f368f4a
1 parent ef8257a
commit f368f4a
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -188,6 +188,10 @@ <h3>Stage</h3>
 									<ion-icon name="document-outline" aria-hidden="true"></ion-icon>
 									<span>Standard JSON</span>
 								</button>
+								<div class="compress-option">
+									<input type="checkbox" id="compress-json" checked>
+									<label for="compress-json">Compress JSON</label>
+								</div>
 								<button type="button" id="export-hurdat">
 									<ion-icon name="document-text-outline" aria-hidden="true"></ion-icon>
 									<span>HURDAT Format</span>

diff --git a/static/css/style.css b/static/css/style.css
@@ -499,9 +499,33 @@ ion-icon+span {
 
 #export-options .formats-container {
 	display: flex;
+	flex-direction: column;
 	gap: .5rem;
 }
 
+.compress-option {
+	display: flex;
+	align-items: center;
+	gap: .25rem;
+	padding: .25rem;
+	background-color: rgba(255, 255, 255, 0.6);
+	border-radius: .2rem 0 0 .2rem;
+	font-size: .8em;
+	margin-left: .5rem;
+}
+
+.compress-option label {
+	font-size: .85em;
+	cursor: pointer;
+}
+
+.compress-option input[type="checkbox"] {
+	cursor: pointer;
+	width: auto;
+	margin: 0;
+	transform: scale(0.9);
+}
+
 #export-options button {
 	font-size: .9em;
 	flex: 1;
@@ -578,7 +602,7 @@ ion-icon+span {
 		grid-template-rows: 5fr 1fr;
 	}
 
-		#export-options .formats-container {
+	#export-options .formats-container {
 		flex-direction: column;
 	}
 

diff --git a/static/js/export.js b/static/js/export.js
@@ -14,7 +14,7 @@ const SUCCESS_MESSAGES = {
 function convertSpeed(speed, fromUnit, toUnit = 'knots') {
     if (!speed) return speed;
     if (fromUnit === toUnit) return speed;
-    
+
     if (toUnit === 'knots') {
         return Math.round(speed / SPEED_CONVERSION[fromUnit]);
     } else {
@@ -79,7 +79,8 @@ async function downloadTrackData(format = 'json') {
             fileExtension = 'txt';
             mimeType = 'text/plain';
         } else {
-            content = JSON.stringify(data, null, 2);
+            const shouldCompress = document.querySelector("#compress-json")?.checked;
+            content = JSON.stringify(data, null, shouldCompress ? 0 : 2);
             fileExtension = 'json';
             mimeType = 'application/json';
         }