350 lines
No EOL
12 KiB
TypeScript
350 lines
No EOL
12 KiB
TypeScript
/**
|
|
* Handles all changes made to OSM.
|
|
* Needs an authenticator via OsmConnection
|
|
*/
|
|
import {UIEventSource} from "../UIEventSource";
|
|
import {OsmConnection} from "./OsmConnection";
|
|
import {OsmNode, OsmObject} from "./OsmObject";
|
|
import {And, Tag, TagsFilter} from "../TagsFilter";
|
|
import {ElementStorage} from "../ElementStorage";
|
|
import {State} from "../../State";
|
|
import {Utils} from "../../Utils";
|
|
|
|
export class Changes {
|
|
|
|
private static _nextId = -1; // New assined ID's are negative
|
|
|
|
private _pendingChanges: { elementId: string, key: string, value: string }[] = []; // Gets reset on uploadAll
|
|
private newElements: OsmObject[] = []; // Gets reset on uploadAll
|
|
|
|
public readonly pendingChangesES = new UIEventSource<number>(this._pendingChanges.length);
|
|
public readonly isSaving = new UIEventSource(false);
|
|
|
|
constructor(
|
|
state: State) {
|
|
|
|
this.SetupAutoSave(state);
|
|
this.LastEffortSave();
|
|
}
|
|
|
|
addTag(elementId: string, tagsFilter : TagsFilter){
|
|
if(tagsFilter instanceof Tag){
|
|
const tag = tagsFilter as Tag;
|
|
this.addChange(elementId, tag.key, tag.value);
|
|
return;
|
|
}
|
|
|
|
if(tagsFilter instanceof And){
|
|
const and = tagsFilter as And;
|
|
for (const tag of and.and) {
|
|
this.addTag(elementId, tag);
|
|
}
|
|
return;
|
|
}
|
|
console.log("Unsupported tagsfilter element to addTag", tagsFilter);
|
|
throw "Unsupported tagsFilter element";
|
|
}
|
|
|
|
/**
|
|
* Adds a change to the pending changes
|
|
* @param elementId
|
|
* @param key
|
|
* @param value
|
|
*/
|
|
addChange(elementId: string, key: string, value: string) {
|
|
if (key === undefined || key === null) {
|
|
console.log("Invalid key");
|
|
return;
|
|
}
|
|
if (value === undefined || value === null) {
|
|
console.log("Invalid value for ",key);
|
|
return;
|
|
}
|
|
|
|
if(key.startsWith(" ") || value.startsWith(" ") || value.endsWith(" ") || key.endsWith(" ")){
|
|
console.warn("Tag starts with or ends with a space - trimming anyway")
|
|
}
|
|
|
|
key = key.trim();
|
|
value = value.trim();
|
|
|
|
const eventSource = State.state.allElements.getElement(elementId);
|
|
|
|
eventSource.data[key] = value;
|
|
if(value === undefined || value === ""){
|
|
delete eventSource.data[key];
|
|
}
|
|
eventSource.ping();
|
|
// We get the id from the event source, as that ID might be rewritten
|
|
this._pendingChanges.push({elementId: eventSource.data.id, key: key, value: value});
|
|
this.pendingChangesES.setData(this._pendingChanges.length);
|
|
|
|
}
|
|
|
|
/**
|
|
* Create a new node element at the given lat/long.
|
|
* An internal OsmObject is created to upload later on, a geojson represention is returned.
|
|
* Note that the geojson version shares the tags (properties) by pointer, but has _no_ id in properties
|
|
*/
|
|
createElement(basicTags:Tag[], lat: number, lon: number) {
|
|
console.log("Creating a new element with ", basicTags)
|
|
const osmNode = new OsmNode(Changes._nextId);
|
|
this.newElements.push(osmNode);
|
|
Changes._nextId--;
|
|
|
|
const id = "node/" + osmNode.id;
|
|
osmNode.lat = lat;
|
|
osmNode.lon = lon;
|
|
const properties = {id: id};
|
|
|
|
const geojson = {
|
|
"type": "Feature",
|
|
"properties": properties,
|
|
"id": id,
|
|
"geometry": {
|
|
"type": "Point",
|
|
"coordinates": [
|
|
lon,
|
|
lat
|
|
]
|
|
}
|
|
}
|
|
|
|
// The basictags are COPIED, the id is included in the properties
|
|
// The tags are not yet written into the OsmObject, but this is applied onto a
|
|
for (const kv of basicTags) {
|
|
properties[kv.key] = kv.value;
|
|
this._pendingChanges.push({elementId: id, key: kv.key, value: kv.value});
|
|
}
|
|
this.pendingChangesES.setData(this._pendingChanges.length);
|
|
State.state.allElements.addOrGetElement(geojson).ping();
|
|
|
|
return geojson;
|
|
}
|
|
|
|
public uploadAll(optionalContinuation: (() => void) = undefined) {
|
|
const self = this;
|
|
|
|
this.isSaving.setData(true);
|
|
const optionalContinuationWrapped = function () {
|
|
self.isSaving.setData(false);
|
|
if (optionalContinuation) {
|
|
optionalContinuation();
|
|
}
|
|
}
|
|
|
|
|
|
const pending: { elementId: string; key: string; value: string }[] = this._pendingChanges;
|
|
this._pendingChanges = [];
|
|
this.pendingChangesES.setData(this._pendingChanges.length);
|
|
|
|
const newElements = this.newElements;
|
|
this.newElements = [];
|
|
|
|
|
|
const knownElements = {}; // maps string --> OsmObject
|
|
function DownloadAndContinue(neededIds, continuation: (() => void)) {
|
|
// local function which downloads all the objects one by one
|
|
// this is one big loop, running one download, then rerunning the entire function
|
|
if (neededIds.length == 0) {
|
|
continuation();
|
|
return;
|
|
}
|
|
const neededId = neededIds.pop();
|
|
|
|
if (neededId in knownElements) {
|
|
DownloadAndContinue(neededIds, continuation);
|
|
return;
|
|
}
|
|
|
|
console.log("Downloading ", neededId);
|
|
OsmObject.DownloadObject(neededId,
|
|
function (element) {
|
|
knownElements[neededId] = element; // assign the element for later, continue downloading the next element
|
|
DownloadAndContinue(neededIds, continuation);
|
|
}
|
|
);
|
|
}
|
|
|
|
const neededIds = [];
|
|
for (const change of pending) {
|
|
const id = change.elementId;
|
|
if (parseFloat(id.split("/")[1]) < 0) {
|
|
console.log("Detected a new element! Exciting!")
|
|
} else {
|
|
neededIds.push(id);
|
|
}
|
|
}
|
|
|
|
|
|
DownloadAndContinue(neededIds, function () {
|
|
// Here, inside the continuation, we know that all 'neededIds' are loaded in 'knownElements'
|
|
// We apply the changes on them
|
|
for (const change of pending) {
|
|
if (parseInt(change.elementId.split("/")[1]) < 0) {
|
|
// This is a new element - we should apply this on one of the new elements
|
|
for (const newElement of newElements) {
|
|
if (newElement.type + "/" + newElement.id === change.elementId) {
|
|
newElement.addTag(change.key, change.value);
|
|
}
|
|
}
|
|
|
|
} else {
|
|
console.log(knownElements, change.elementId);
|
|
knownElements[change.elementId].addTag(change.key, change.value);
|
|
// note: addTag will flag changes with 'element.changed' internally
|
|
}
|
|
}
|
|
|
|
// Small sanity check for duplicate information
|
|
let changedElements = [];
|
|
for (const elementId in knownElements) {
|
|
const element = knownElements[elementId];
|
|
if (element.changed) {
|
|
changedElements.push(element);
|
|
}
|
|
}
|
|
if (changedElements.length == 0 && newElements.length == 0) {
|
|
console.log("No changes in any object");
|
|
return;
|
|
}
|
|
|
|
|
|
const handleMapping = function (idMapping) {
|
|
for (const oldId in idMapping) {
|
|
const newId = idMapping[oldId];
|
|
|
|
const element = State.state.allElements.getElement(oldId);
|
|
element.data.id = newId;
|
|
State.state.allElements.addElementById(newId, element);
|
|
element.ping();
|
|
}
|
|
}
|
|
|
|
console.log("Beginning upload...");
|
|
// At last, we build the changeset and upload
|
|
State.state.osmConnection.UploadChangeset(
|
|
function (csId) {
|
|
|
|
let modifications = "";
|
|
for (const element of changedElements) {
|
|
if (!element.changed) {
|
|
continue;
|
|
}
|
|
modifications += element.ChangesetXML(csId) + "\n";
|
|
}
|
|
|
|
|
|
let creations = "";
|
|
for (const newElement of newElements) {
|
|
creations += newElement.ChangesetXML(csId);
|
|
}
|
|
|
|
|
|
let changes = `<osmChange version='0.6' generator='Mapcomplete ${State.vNumber}'>`;
|
|
|
|
if (creations.length > 0) {
|
|
changes +=
|
|
"<create>" +
|
|
creations +
|
|
"</create>";
|
|
}
|
|
|
|
if (modifications.length > 0) {
|
|
|
|
changes +=
|
|
"<modify>" +
|
|
modifications +
|
|
"</modify>";
|
|
}
|
|
|
|
changes += "</osmChange>";
|
|
|
|
return changes;
|
|
},
|
|
handleMapping,
|
|
optionalContinuationWrapped);
|
|
});
|
|
}
|
|
|
|
/*
|
|
* Registers an action that:
|
|
* -> Upload everything to OSM
|
|
* -> Asks the user not to close. The 'not to close' dialog should profide enough time to upload
|
|
* -> WHen uploading is done, the window is closed anyway
|
|
*/
|
|
private LastEffortSave() {
|
|
const self = this;
|
|
window.addEventListener("beforeunload", function (e) {
|
|
// Quickly save everyting!
|
|
if (self.pendingChangesES.data == 0) {
|
|
return "";
|
|
}
|
|
|
|
self.uploadAll(function () {
|
|
console.log("Uploaded changes during a last-effort save")
|
|
window.close()
|
|
});
|
|
var confirmationMessage = "Nog even geduld - je laatset wijzigingen worden opgeslaan!";
|
|
|
|
(e || window.event).returnValue = confirmationMessage; //Gecko + IE
|
|
return confirmationMessage; //Webkit, Safari, Chrome
|
|
});
|
|
|
|
|
|
document.addEventListener('visibilitychange', () => {
|
|
if (document.visibilityState === "visible") {
|
|
return;
|
|
}
|
|
if (this.pendingChangesES.data == 0) {
|
|
return;
|
|
}
|
|
|
|
console.log("Uploading: loss of focus")
|
|
this.uploadAll(function () {
|
|
console.log("Uploaded changes during a last-effort save (loss of focus)")
|
|
window.close()
|
|
});
|
|
})
|
|
|
|
}
|
|
|
|
private SetupAutoSave(state: State) {
|
|
|
|
const millisTillChangesAreSaved = state.secondsTillChangesAreSaved;
|
|
const saveAfterXMillis = state.saveTimeout.data;
|
|
const self = this;
|
|
this.pendingChangesES.addCallback(function () {
|
|
|
|
var c = self.pendingChangesES.data;
|
|
if (c > 10) {
|
|
millisTillChangesAreSaved.setData(0);
|
|
self.uploadAll(() => {
|
|
console.log("Uploaded changes: more then 10 pending changes")
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (c > 0) {
|
|
millisTillChangesAreSaved.setData(saveAfterXMillis);
|
|
}
|
|
|
|
});
|
|
|
|
millisTillChangesAreSaved.addCallback((time) => {
|
|
if (time <= 0 && self.pendingChangesES.data > 0) {
|
|
self.uploadAll(() => {
|
|
console.log("Saving changes: timer elapsed")
|
|
});
|
|
}
|
|
}
|
|
)
|
|
|
|
Utils.DoEvery(
|
|
1000,
|
|
() => {
|
|
millisTillChangesAreSaved
|
|
.setData(millisTillChangesAreSaved.data - 1000)
|
|
});
|
|
}
|
|
} |