export json cleanup

This commit is contained in:
Azgaar 2022-01-26 18:13:32 +03:00
parent 503eabd9d4
commit 3fe225e293
2 changed files with 173 additions and 347 deletions

View file

@ -978,7 +978,7 @@
<input id="mapName" data-stored="mapName" class="long" autocorrect="off" spellcheck="false" type="text">
</td>
<td>
<i data-tip="Regenerate map name" onclick="Names.MapName(true)" class="icon-arrows-cw"></i>
<i data-tip="Regenerate map name" onclick="Names.getMapName(true)" class="icon-arrows-cw"></i>
</td>
</tr>
@ -3607,12 +3607,14 @@
<p>GeoJSON format is used in GIS tools such as QGIS. Check out <a href="https://github.com/Azgaar/Fantasy-Map-Generator/wiki/GIS-data-export" target="_blank">wiki-page</a> for guidance.</p>
<p>Generator uses pop-up window to download files. Please ensure your browser does not block popups.</p>
<p>It's also possible to export map to <i>Foundry VTT</i>, see <a href="https://github.com/Ethck/azgaar-foundry" target="_blank">the module.</a></p>
<div style="margin: 1em 0 .3em; font-weight: bold">Export To Json</div>
<div style="margin: 1em 0 .3em; font-weight: bold">Export To JSON</div>
<div>
<button onclick="downloadMapDataAPIJson()" data-tip="Downlads Full Data as a .json file. WARNING: This data can be huge. Use at your own risk. You can use other buttons for smaller and filtered files.">all json</button>
<button onclick="downloadMapDataMinimalAPIJson()" data-tip="Download a json file that looks like API response. Includes global data and doesn't include cell data. For cell data you must use cells json button">minimal json</button>
<button onclick="downloadCellsDataJSON()" data-tip="Download a json file that only contains cell data. And related map info.">cells json</button>
<button onclick="exportToJson('Full')" data-tip="Download full data as in JSON format. WARNING: This data can be huge. Use at your own risk">full</button>
<button onclick="exportToJson('Minimal')" data-tip="Download minimal data as in JSON format">minimal</button>
<button onclick="exportToJson('Cells')" data-tip="Download map metadata and cells data as in JSON format">cells</button>
</div>
<p>Export in JSON format can be used as an API replacement.</p>
</div>
<div id="saveMapData" style="display: none" class="dialog">

View file

@ -1,362 +1,186 @@
/**
* Downloads created data of getMapDataAPIJson()
* Download all data generated
*
* @see getMapDataAPIJson
*/
function downloadMapDataAPIJson() {
function exportToJson(type) {
if (customization) return tip("Map cannot be saved when edit mode is active, please exit the mode and retry", false, "error");
closeDialogs("#alert");
const mapData = getMapDataAPIJson();
const typeMap = {
Full: getFullDataJson,
Minimal: getMinimalDataJson,
Cells: getCellsDataJson
};
const mapData = typeMap[type]();
const blob = new Blob([mapData], {type: "application/json"});
const URL = window.URL.createObjectURL(blob);
const link = document.createElement("a");
link.download = getFileName() + "All.json";
link.download = getFileName(type) + ".json";
link.href = URL;
link.click();
tip(`${link.download} is saved. Open "Downloads" screen (CTRL + J) to check`, true, "success", 7000);
window.URL.revokeObjectURL(URL);
}
/**
* Downloads created data of getMinimalMapJSONData()
* Downloads data without cells
*
* @see getMinimalMapJSONData
*/
function downloadMapDataMinimalAPIJson() {
if (customization) return tip("Map cannot be saved when edit mode is active, please exit the mode and retry", false, "error");
closeDialogs("#alert");
const mapData = getMinimalMapJSONData();
const blob = new Blob([mapData], {type: "application/json"});
const URL = window.URL.createObjectURL(blob);
const link = document.createElement("a");
link.download = getFileName() + "MinimalDataAPI.json";
link.href = URL;
link.click();
tip(`${link.download} is saved. Open "Downloads" screen (CTRL + J) to check`, true, "success", 7000);
window.URL.revokeObjectURL(URL);
}
/**
* Downloads created data of getCellJSONData()
*
* @see getCellJSONData
*/
function downloadCellsDataJSON() {
if (customization) return tip("Map cannot be saved when edit mode is active, please exit the mode and retry", false, "error");
closeDialogs("#alert");
const mapData = getCellJSONData();
const blob = new Blob([mapData], {type: "application/json"});
const URL = window.URL.createObjectURL(blob);
const link = document.createElement("a");
link.download = getFileName() + "CellsData.json";
link.href = URL;
link.click();
tip(`${link.download} is saved. Open "Downloads" screen (CTRL + J) to check`, true, "success", 7000);
window.URL.revokeObjectURL(URL);
}
/**
* Gets current loaded map data as a JSON string.
* The file contains data looks like:
* - info
* - settings (because population and other things are related to this)
* - coords
* - notes
* - pack
*
* @returns {string} JSONString of loaded and constructed data object
*/
function getMapDataAPIJson() {
TIME && console.time("createMapDataJson");
const date = new Date();
const dateString = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
function getMapInfo() {
const info = {
"version": version,
"description": "Api-Like Output File Gathered From: azgaar.github.io/Fantasy-map-generator",
"creation-date":dateString,
"seed" : seed,
"mapId":mapId,
"mapName" : mapName.value
}
version,
description: "Azgaar's Fantasy Map Generator output: azgaar.github.io/Fantasy-map-generator",
exportedAt: new Date().toISOString(),
mapName: mapName.value,
seed,
mapId
};
return info;
}
function getSettings() {
const settings = {
"distanceUnit" : distanceUnitInput.value,
"distanceScale": distanceScaleInput.value,
"areaUnit" : areaUnit.value,
"heightUnit" : heightUnit.value,
"heightExponent" : heightExponentInput.value,
"temperatureScale" : temperatureScale.value,
"barSize" : barSizeInput.value,
"barLabel" : barLabel.value,
"barBackOpacity" : barBackOpacity.value,
"barBackColor" : barBackColor.value,
"barPosX" : barPosX.value,
"barPosY" : barPosY.value,
"populationRate" : populationRate,
"urbanization" : urbanization,
"mapSize" : mapSizeOutput.value,
"latitudeO" : latitudeOutput.value,
"temperatureEquator" : temperatureEquatorOutput.value,
"temperaturePole" : temperaturePoleOutput.value,
"prec" : precOutput.value,
"options" : options,
"mapName" : mapName.value,
"hideLabels" : hideLabels.checked,
"stylePreset" : stylePreset.value,
"rescaleLabels" : rescaleLabels.checked,
"urbanDensity" : urbanDensity
distanceUnit: distanceUnitInput.value,
distanceScale: distanceScaleInput.value,
areaUnit: areaUnit.value,
heightUnit: heightUnit.value,
heightExponent: heightExponentInput.value,
temperatureScale: temperatureScale.value,
barSize: barSizeInput.value,
barLabel: barLabel.value,
barBackOpacity: barBackOpacity.value,
barBackColor: barBackColor.value,
barPosX: barPosX.value,
barPosY: barPosY.value,
populationRate: populationRate,
urbanization: urbanization,
mapSize: mapSizeOutput.value,
latitudeO: latitudeOutput.value,
temperatureEquator: temperatureEquatorOutput.value,
temperaturePole: temperaturePoleOutput.value,
prec: precOutput.value,
options: options,
mapName: mapName.value,
hideLabels: hideLabels.checked,
stylePreset: stylePreset.value,
rescaleLabels: rescaleLabels.checked,
urbanDensity: urbanDensity
};
const coords = mapCoordinates;
const CellConverted = {
"i" : Array.from(pack.cells.i),
"v" : pack.cells.v,
"c" : pack.cells.c,
"p" : pack.cells.p,
"g" : Array.from(pack.cells.g),
"h" : Array.from(pack.cells.h),
"area" : Array.from(pack.cells.area),
"f" : Array.from(pack.cells.f),
"t" : Array.from(pack.cells.t),
"haven" : Array.from(pack.cells.haven),
"harbor" : Array.from(pack.cells.harbor),
"fl" : Array.from(pack.cells.fl),
"r" : Array.from(pack.cells.r),
"conf" : Array.from(pack.cells.conf),
"biome" : Array.from(pack.cells.biome),
"s" : Array.from(pack.cells.s),
"pop" : Array.from(pack.cells.pop),
"culture" : Array.from(pack.cells.culture),
"burg" : Array.from(pack.cells.burg),
"road" : Array.from(pack.cells.road),
"crossroad" : Array.from(pack.cells.crossroad),
"state" : Array.from(pack.cells.state),
"religion" : Array.from(pack.cells.religion),
"province" : Array.from(pack.cells.province)
return settings;
}
function getCellsData() {
const cellConverted = {
i: Array.from(pack.cells.i),
v: pack.cells.v,
c: pack.cells.c,
p: pack.cells.p,
g: Array.from(pack.cells.g),
h: Array.from(pack.cells.h),
area: Array.from(pack.cells.area),
f: Array.from(pack.cells.f),
t: Array.from(pack.cells.t),
haven: Array.from(pack.cells.haven),
harbor: Array.from(pack.cells.harbor),
fl: Array.from(pack.cells.fl),
r: Array.from(pack.cells.r),
conf: Array.from(pack.cells.conf),
biome: Array.from(pack.cells.biome),
s: Array.from(pack.cells.s),
pop: Array.from(pack.cells.pop),
culture: Array.from(pack.cells.culture),
burg: Array.from(pack.cells.burg),
road: Array.from(pack.cells.road),
crossroad: Array.from(pack.cells.crossroad),
state: Array.from(pack.cells.state),
religion: Array.from(pack.cells.religion),
province: Array.from(pack.cells.province)
};
const cellObjArr = [];
{
CellConverted.i.forEach(value => {
cellConverted.i.forEach(value => {
const cellobj = {
"i" : value,
"v" : CellConverted.v[value],
"c" : CellConverted.c[value],
"p" : CellConverted.p[value],
"g" : CellConverted.g[value],
"h" : CellConverted.h[value],
"area" : CellConverted.area[value],
"f" : CellConverted.f[value],
"t" : CellConverted.t[value],
"haven" : CellConverted.haven[value],
"harbor" : CellConverted.harbor[value],
"fl" : CellConverted.fl[value],
"r" : CellConverted.r[value],
"conf" : CellConverted.conf[value],
"biome" : CellConverted.biome[value],
"s" : CellConverted.s[value],
"pop" : CellConverted.pop[value],
"culture" : CellConverted.culture[value],
"burg" : CellConverted.burg[value],
"road" : CellConverted.road[value],
"crossroad" : CellConverted.crossroad[value],
"state" : CellConverted.state[value],
"religion" : CellConverted.religion[value],
"province" : CellConverted.province[value]
}
cellObjArr.push(cellobj)
})
i: value,
v: cellConverted.v[value],
c: cellConverted.c[value],
p: cellConverted.p[value],
g: cellConverted.g[value],
h: cellConverted.h[value],
area: cellConverted.area[value],
f: cellConverted.f[value],
t: cellConverted.t[value],
haven: cellConverted.haven[value],
harbor: cellConverted.harbor[value],
fl: cellConverted.fl[value],
r: cellConverted.r[value],
conf: cellConverted.conf[value],
biome: cellConverted.biome[value],
s: cellConverted.s[value],
pop: cellConverted.pop[value],
culture: cellConverted.culture[value],
burg: cellConverted.burg[value],
road: cellConverted.road[value],
crossroad: cellConverted.crossroad[value],
state: cellConverted.state[value],
religion: cellConverted.religion[value],
province: cellConverted.province[value]
};
const packs = {
"cells": cellObjArr,
"features":pack.features,
"cultures":pack.cultures,
"burgs":pack.burgs,
"states":pack.states,
"provinces":pack.provinces,
"religions":pack.religions,
"rivers":pack.rivers,
"markers":pack.markers,
cellObjArr.push(cellobj);
});
}
const biomes = biomesData;
const ExportData = {info,settings,coords,packs,biomes,notes,nameBases}
const cellsData = {
cells: cellObjArr,
features: pack.features,
cultures: pack.cultures,
burgs: pack.burgs,
states: pack.states,
provinces: pack.provinces,
religions: pack.religions,
rivers: pack.rivers,
markers: pack.markers
};
TIME && console.timeEnd("createMapDataJson");
return JSON.stringify(ExportData);
return cellsData;
}
function getFullDataJson() {
TIME && console.time("getFullDataJson");
/**
* For exporting as JSON without pack.cells
* This can become handy if user don't want a huge data.
* For assigning data to cells user must download cells data with downloadCellsData().
*
* @returns {string} JSONString data of the created object
*/
function getMinimalMapJSONData(){
const info = getMapInfo();
const settings = getSettings();
const cells = getCellsData();
const exportData = {info, settings, coords: mapCoordinates, cells, biomes: biomesData, notes, nameBases};
TIME && console.time("createMapDataMinimalJson");
const date = new Date();
const dateString = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
const info = {
"version": version,
"description": "Api-Like Output File Gathered From: azgaar.github.io/Fantasy-map-generator",
"creation-date":dateString,
"seed" : seed,
"mapId":mapId,
"mapName" : mapName.value
}
const settings = {
"distanceUnit" : distanceUnitInput.value,
"distanceScale": distanceScaleInput.value,
"areaUnit" : areaUnit.value,
"heightUnit" : heightUnit.value,
"heightExponent" : heightExponentInput.value,
"temperatureScale" : temperatureScale.value,
"barSize" : barSizeInput.value,
"barLabel" : barLabel.value,
"barBackOpacity" : barBackOpacity.value,
"barBackColor" : barBackColor.value,
"barPosX" : barPosX.value,
"barPosY" : barPosY.value,
"populationRate" : populationRate,
"urbanization" : urbanization,
"mapSize" : mapSizeOutput.value,
"latitudeO" : latitudeOutput.value,
"temperatureEquator" : temperatureEquatorOutput.value,
"temperaturePole" : temperaturePoleOutput.value,
"prec" : precOutput.value,
"options" : options,
"mapName" : mapName.value,
"hideLabels" : hideLabels.checked,
"stylePreset" : stylePreset.value,
"rescaleLabels" : rescaleLabels.checked,
"urbanDensity" : urbanDensity
};
const coords = mapCoordinates;
const packs = {
"features":pack.features,
"cultures":pack.cultures,
"burgs":pack.burgs,
"states":pack.states,
"provinces":pack.provinces,
"religions":pack.religions,
"rivers":pack.rivers,
"markers":pack.markers,
}
const biomes = biomesData;
const ExportData = {info,settings,coords,packs,biomes,notes,nameBases}
TIME && console.timeEnd("createMapDataMinimalJson");
return JSON.stringify(ExportData);
}
/**
* Gets data that created with info and pack.cell
* This function is created for primarly pack.cell data is too big.
* for speeding up the proccess the main data and cell data is seperated as two files.
*
* exported data look like:
* - info
* - cells
*
* @see pack
* @see getMinimalMapJSONData
* @returns {string} The JSONString of pack.cell
*/
function getCellJSONData() {
TIME && console.time("createMapDataMinimalJson");
const date = new Date();
const dateString = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
const info = {
"version": version,
"description": "Api-Like Output File Gathered From: azgaar.github.io/Fantasy-map-generator",
"creation-date":dateString,
"seed" : seed,
"mapId":mapId,
"mapName" : mapName.value
}
const CellConverted = {
"i" : Array.from(pack.cells.i),
"v" : pack.cells.v,
"c" : pack.cells.c,
"p" : pack.cells.p,
"g" : Array.from(pack.cells.g),
"h" : Array.from(pack.cells.h),
"area" : Array.from(pack.cells.area),
"f" : Array.from(pack.cells.f),
"t" : Array.from(pack.cells.t),
"haven" : Array.from(pack.cells.haven),
"harbor" : Array.from(pack.cells.harbor),
"fl" : Array.from(pack.cells.fl),
"r" : Array.from(pack.cells.r),
"conf" : Array.from(pack.cells.conf),
"biome" : Array.from(pack.cells.biome),
"s" : Array.from(pack.cells.s),
"pop" : Array.from(pack.cells.pop),
"culture" : Array.from(pack.cells.culture),
"burg" : Array.from(pack.cells.burg),
"road" : Array.from(pack.cells.road),
"crossroad" : Array.from(pack.cells.crossroad),
"state" : Array.from(pack.cells.state),
"religion" : Array.from(pack.cells.religion),
"province" : Array.from(pack.cells.province)
};
const cellObjArr = [];
{
CellConverted.i.forEach(value => {
const cellobj = {
"i" : value,
"v" : CellConverted.v[value],
"c" : CellConverted.c[value],
"p" : CellConverted.p[value],
"g" : CellConverted.g[value],
"h" : CellConverted.h[value],
"area" : CellConverted.area[value],
"f" : CellConverted.f[value],
"t" : CellConverted.t[value],
"haven" : CellConverted.haven[value],
"harbor" : CellConverted.harbor[value],
"fl" : CellConverted.fl[value],
"r" : CellConverted.r[value],
"conf" : CellConverted.conf[value],
"biome" : CellConverted.biome[value],
"s" : CellConverted.s[value],
"pop" : CellConverted.pop[value],
"culture" : CellConverted.culture[value],
"burg" : CellConverted.burg[value],
"road" : CellConverted.road[value],
"crossroad" : CellConverted.crossroad[value],
"state" : CellConverted.state[value],
"religion" : CellConverted.religion[value],
"province" : CellConverted.province[value]
}
cellObjArr.push(cellobj)
})
};
const cells = cellObjArr;
const ExportData = {info, cells}
TIME && console.timeEnd("createMapDataMinimalJson");
return JSON.stringify(ExportData);
TIME && console.timeEnd("getFullDataJson");
return JSON.stringify(exportData);
}
// data excluding cells
function getMinimalDataJson() {
TIME && console.time("getMinimalDataJson");
const info = getMapInfo();
const settings = getSettings();
const packData = {
features: pack.features,
cultures: pack.cultures,
burgs: pack.burgs,
states: pack.states,
provinces: pack.provinces,
religions: pack.religions,
rivers: pack.rivers,
markers: pack.markers
};
const exportData = {info, settings, coords: mapCoordinates, pack: packData, biomes: biomesData, notes, nameBases};
TIME && console.timeEnd("getMinimalDataJson");
return JSON.stringify(exportData);
}
function getCellsDataJson() {
TIME && console.time("getCellsDataJson");
const info = getMapInfo();
const cells = getCellsData();
const exportData = {info, cells};
TIME && console.timeEnd("getCellsDataJson");
return JSON.stringify(exportData);
}