refactor file save type to .gz and update the data in ui.

modules/dynamic/auto-update.js

@@ -1,6 +1,6 @@
 "use strict";
 
-// update old .map version to the current one
+// update old .gz/.map version to the current one
 export function resolveVersionConflicts(version) {
   if (version < 1) {
     // v1.0 added a new religions layer

modules/io/load.js

@@ -1,5 +1,5 @@
 "use strict";
-// Functions to load and parse .map files
+// Functions to load and parse .gz/.map files
 async function quickLoad() {
   const blob = await ldb.get("lastMap");
   if (blob) loadMapPrompt(blob);
@@ -170,7 +170,7 @@ function showUploadMessage(type, mapData, mapVersion) {
   let message, title, canBeLoaded;
 
   if (type === "invalid") {
-    message = `The file does not look like a valid <i>.map</i> file.<br>Please check the data format`;
+    message = `The file does not look like a valid <i>.gz or .map</i> file.<br>Please check the data format`;
     title = "Invalid file";
     canBeLoaded = false;
   } else if (type === "ancient") {

modules/io/save.js

@@ -1,5 +1,5 @@
 "use strict";
-// functions to save project as .map file
+// functions to save project as .gz file
 
 // prepare map data for saving
 function getMapData() {
@@ -126,7 +126,7 @@ async function compressMapData(mapData){
 }
 
 
-// Download .map file
+// Download .gz file
 async function downloadMap() {
   if (customization)
     return tip("Map cannot be saved when edit mode is active, please exit the mode and retry", false, "error");
@@ -136,7 +136,7 @@ async function downloadMap() {
   const blob = new Blob([mapData], {type: "text/plain"});
   const URL = window.URL.createObjectURL(blob);
   const link = document.createElement("a");
-  link.download = getFileName() + ".map";
+  link.download = getFileName() + ".gz";
   link.href = URL;
   link.click();
   tip(`${link.download} is saved. Open "Downloads" screen (CTRL + J) to check`, true, "success", 7000);
@@ -148,13 +148,13 @@ async function saveToDropbox() {
     return tip("Map cannot be saved when edit mode is active, please exit the mode and retry", false, "error");
   closeDialogs("#alert");
   const mapData = await compressMapData(getMapData());
-  const filename = getFileName() + ".map";
+  const filename = getFileName() + ".gz";
   try {
     await Cloud.providers.dropbox.save(filename, mapData);
     tip("Map is saved to your Dropbox", true, "success", 8000);
   } catch (msg) {
     ERROR && console.error(msg);
-    tip("Cannot save .map to your Dropbox", true, "error", 8000);
+    tip("Cannot save .gz to your Dropbox", true, "error", 8000);
   }
 }
 
@@ -188,19 +188,19 @@ async function quickSave() {
   const mapData = await compressMapData(getMapData());
   const blob = new Blob([mapData], {type: "text/plain"});
   await ldb.set("lastMap", blob); // auto-save map
-  tip("Map is saved to browser memory. Please also save as .map file to secure progress", true, "success", 2000);
+  tip("Map is saved to browser memory. Please also save as .gz file to secure progress", true, "success", 2000);
 }
 
 const saveReminder = function () {
   if (localStorage.getItem("noReminder")) return;
   const message = [
-    "Please don't forget to save your work as a .map file",
-    "Please remember to save work as a .map file",
-    "Saving in .map format will ensure your data won't be lost in case of issues",
+    "Please don't forget to save your work as a .gz file",
+    "Please remember to save work as a .gz file",
+    "Saving in .gz format will ensure your data won't be lost in case of issues",
     "Safety is number one priority. Please save the map",
     "Don't forget to save your map on a regular basis!",
     "Just a gentle reminder for you to save the map",
-    "Please don't forget to save your progress (saving as .map is the best option)",
+    "Please don't forget to save your progress (saving as .gz is the best option)",
     "Don't want to be reminded about need to save? Press CTRL+Q"
   ];
   const interval = 15 * 60 * 1000; // remind every 15 minutes

modules/ui/heightmap-editor.js

@@ -28,7 +28,7 @@ function editHeightmap(options) {
     <p><i>Erase</i> mode also allows you Convert an Image into a heightmap or use Template Editor.</p>
     <p>You can <i>keep</i> the data, but you won't be able to change the coastline.</p>
     <p>Try <i>risk</i> mode to change the coastline and keep the data. The data will be restored as much as possible, but it can cause unpredictable errors.</p>
-    <p>Please <span class="pseudoLink" onclick="dowloadMap();">save the map</span> before editing the heightmap!</p>
+    <p>Please <span class="pseudoLink" onclick="downloadMap();">save the map</span> before editing the heightmap!</p>
     <p style="margin-bottom: 0">Check out ${link(
       "https://github.com/Azgaar/Fantasy-Map-Generator/wiki/Heightmap-customization",
       "wiki"

modules/ui/hotkeys.js

@@ -32,7 +32,7 @@ function handleKeyup(event) {
   else if (code === "Delete") removeElementOnKey();
   else if (code === "KeyO" && document.getElementById("canvas3d")) toggle3dOptions();
   else if (ctrl && code === "KeyQ") toggleSaveReminder();
-  else if (ctrl && code === "KeyS") dowloadMap();
+  else if (ctrl && code === "KeyS") downloadMap();
   else if (ctrl && code === "KeyC") saveToDropbox();
   else if (ctrl && code === "KeyZ" && undo?.offsetParent) undo.click();
   else if (ctrl && code === "KeyY" && redo?.offsetParent) redo.click();

modules/ui/options.js

@@ -844,8 +844,8 @@ async function connectToDropbox() {
 
 function loadURL() {
   const pattern = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;
-  const inner = `Provide URL to a .map file:
-    <input id="mapURL" type="url" style="width: 24em" placeholder="https://e-cloud.com/test.map">
+  const inner = `Provide URL to a .gz or .map file:
+    <input id="mapURL" type="url" style="width: 24em" placeholder="https://e-cloud.com/test.gz">
     <br><i>Please note server should allow CORS for file to be loaded. If CORS is not allowed, save file to Dropbox and provide a direct link</i>`;
   alertMessage.innerHTML = inner;
   $("#alert").dialog({