mapcomplete/Logic/Osm/OsmConnection.ts

207 lines
7.2 KiB
TypeScript
Raw Normal View History

2020-06-24 00:35:19 +02:00
// @ts-ignore
import osmAuth from "osm-auth";
import {UIEventSource} from "../UIEventSource";
import {OsmPreferences} from "./OsmPreferences";
import {ChangesetHandler} from "./ChangesetHandler";
import {ElementStorage} from "../ElementStorage";
2020-11-06 04:02:53 +01:00
import Svg from "../../Svg";
2020-11-11 16:23:49 +01:00
import LayoutConfig from "../../Customizations/JSON/LayoutConfig";
2021-01-03 00:19:42 +01:00
import Img from "../../UI/Base/Img";
2020-06-24 00:35:19 +02:00
export default class UserDetails {
2020-06-24 00:35:19 +02:00
public loggedIn = false;
public name = "Not logged in";
public csCount = 0;
public img: string;
public unreadMessages = 0;
public totalMessages = 0;
2020-06-29 03:12:44 +02:00
public dryRun: boolean;
home: { lon: number; lat: number };
2020-06-24 00:35:19 +02:00
}
export class OsmConnection {
public auth;
2020-06-24 00:35:19 +02:00
public userDetails: UIEventSource<UserDetails>;
2020-12-08 23:44:34 +01:00
_dryRun: boolean;
2020-06-24 00:35:19 +02:00
public preferencesHandler: OsmPreferences;
public changesetHandler: ChangesetHandler;
private _onLoggedIn: ((userDetails: UserDetails) => void)[] = [];
constructor(dryRun: boolean, oauth_token: UIEventSource<string>,
// Used to keep multiple changesets open and to write to the correct changeset
layoutName: string,
singlePage: boolean = true) {
let pwaStandAloneMode = false;
try {
if (window.matchMedia('(display-mode: standalone)').matches || window.matchMedia('(display-mode: fullscreen)').matches) {
pwaStandAloneMode = true;
}
} catch (e) {
console.warn("Detecting standalone mode failed", e, ". Assuming in browser and not worrying furhter")
}
2020-07-31 18:38:14 +02:00
const iframeMode = window !== window.top;
if (iframeMode || pwaStandAloneMode || !singlePage) {
// In standalone mode, we DON'T use single page login, as 'redirecting' opens a new window anyway...
2020-07-31 18:38:14 +02:00
// Same for an iframe...
this.auth = new osmAuth({
oauth_consumer_key: 'hivV7ec2o49Two8g9h8Is1VIiVOgxQ1iYexCbvem',
oauth_secret: 'wDBRTCem0vxD7txrg1y6p5r8nvmz8tAhET7zDASI',
singlepage: false,
auto: true,
});
} else {
this.auth = new osmAuth({
oauth_consumer_key: 'hivV7ec2o49Two8g9h8Is1VIiVOgxQ1iYexCbvem',
oauth_secret: 'wDBRTCem0vxD7txrg1y6p5r8nvmz8tAhET7zDASI',
singlepage: true,
landing: window.location.href,
auto: true,
});
}
2021-02-05 16:32:37 +01:00
this.userDetails = new UIEventSource<UserDetails>(new UserDetails(), "userDetails");
this.userDetails.data.dryRun = dryRun;
2020-06-24 00:35:19 +02:00
this._dryRun = dryRun;
this.preferencesHandler = new OsmPreferences(this.auth, this);
this.changesetHandler = new ChangesetHandler(layoutName, dryRun, this, this.auth);
if (oauth_token.data !== undefined) {
console.log(oauth_token.data)
const self = this;
this.auth.bootstrapToken(oauth_token.data,
(x) => {
console.log("Called back: ", x)
self.AttemptLogin();
}, this.auth);
oauth_token.setData(undefined);
}
2020-06-24 00:35:19 +02:00
if (this.auth.authenticated()) {
this.AttemptLogin(); // Also updates the user badge
} else {
2020-06-24 00:35:19 +02:00
console.log("Not authenticated");
}
}
2020-06-24 00:35:19 +02:00
public UploadChangeset(
2020-11-11 16:23:49 +01:00
layout: LayoutConfig,
allElements: ElementStorage,
generateChangeXML: (csid: string) => string,
continuation: () => void = () => {
}) {
this.changesetHandler.UploadChangeset(layout, allElements, generateChangeXML, continuation);
}
2020-06-24 00:35:19 +02:00
public GetPreference(key: string, prefix: string = "mapcomplete-"): UIEventSource<string> {
return this.preferencesHandler.GetPreference(key, prefix);
2020-06-24 00:35:19 +02:00
}
public GetLongPreference(key: string, prefix: string = "mapcomplete-"): UIEventSource<string> {
return this.preferencesHandler.GetLongPreference(key, prefix);
}
public OnLoggedIn(action: (userDetails: UserDetails) => void) {
this._onLoggedIn.push(action);
}
2020-06-24 00:35:19 +02:00
public LogOut() {
this.auth.logout();
2020-07-01 17:51:55 +02:00
this.userDetails.data.loggedIn = false;
2020-09-05 01:40:43 +02:00
this.userDetails.data.csCount = 0;
this.userDetails.data.name = "";
2020-07-01 17:51:55 +02:00
this.userDetails.ping();
console.log("Logged out")
2020-06-24 00:35:19 +02:00
}
public AttemptLogin() {
const self = this;
console.log("Trying to log in...");
2020-06-24 00:35:19 +02:00
this.auth.xhr({
method: 'GET',
path: '/api/0.6/user/details'
}, function (err, details) {
if (err != null) {
2020-06-24 00:35:19 +02:00
console.log(err);
if (err.status == 401) {
console.log("Clearing tokens...")
// Not authorized - our token probably got revoked
// Reset all the tokens
const tokens = [
"https://www.openstreetmap.orgoauth_request_token_secret",
"https://www.openstreetmap.orgoauth_token",
"https://www.openstreetmap.orgoauth_token_secret"]
tokens.forEach(token => localStorage.removeItem(token))
}
return;
2020-06-24 00:35:19 +02:00
}
if (details == null) {
2020-06-24 00:35:19 +02:00
return;
}
self.CheckForMessagesContinuously();
2020-06-24 00:35:19 +02:00
// details is an XML DOM of user details
let userInfo = details.getElementsByTagName("user")[0];
// let moreDetails = new DOMParser().parseFromString(userInfo.innerHTML, "text/xml");
2020-06-24 00:35:19 +02:00
let data = self.userDetails.data;
data.loggedIn = true;
2020-07-01 21:21:29 +02:00
console.log("Login completed, userinfo is ", userInfo);
2020-06-24 00:35:19 +02:00
data.name = userInfo.getAttribute('display_name');
data.csCount = userInfo.getElementsByTagName("changesets")[0].getAttribute("count");
2020-06-28 23:33:48 +02:00
data.img = undefined;
const imgEl = userInfo.getElementsByTagName("img");
if (imgEl !== undefined && imgEl[0] !== undefined) {
data.img = imgEl[0].getAttribute("href");
}
2020-11-06 04:02:53 +01:00
data.img = data.img ?? Img.AsData(Svg.osm_logo);
2020-06-28 23:33:48 +02:00
2020-06-29 03:12:44 +02:00
const homeEl = userInfo.getElementsByTagName("home");
if (homeEl !== undefined && homeEl[0] !== undefined) {
const lat = parseFloat(homeEl[0].getAttribute("lat"));
const lon = parseFloat(homeEl[0].getAttribute("lon"));
data.home = {lat: lat, lon: lon};
}
const messages = userInfo.getElementsByTagName("messages")[0].getElementsByTagName("received")[0];
data.unreadMessages = parseInt(messages.getAttribute("unread"));
data.totalMessages = parseInt(messages.getAttribute("count"));
self.userDetails.ping();
for (const action of self._onLoggedIn) {
action(self.userDetails.data);
}
self._onLoggedIn = [];
2020-06-24 00:35:19 +02:00
});
}
private CheckForMessagesContinuously() {
const self = this;
window.setTimeout(() => {
if (self.userDetails.data.loggedIn) {
console.log("Checking for messages")
this.AttemptLogin();
}
}, 5 * 60 * 1000);
}
2020-06-24 00:35:19 +02:00
}