iD.Connection = function() { var event = d3.dispatch('auth', 'load'), url = 'http://www.openstreetmap.org', connection = {}, refNodes = {}, user = {}, inflight = {}, loadedTiles = {}, oauth = iD.OAuth(); function bboxUrl(b) { return url + '/api/0.6/map?bbox=' + [b[0][0],b[1][1],b[1][0],b[0][1]]; } function bboxFromAPI(box, tile, callback) { function done(err, parsed) { loadedTiles[tile.toString()] = true; delete inflight[tile.toString()]; callback(err, parsed); } inflight[tile.toString()] = loadFromURL(bboxUrl(box), done); } function loadFromURL(url, callback) { function done(dom) { return callback(null, parse(dom)); } return d3.xml(url).get().on('load', done); } function getNodes(obj) { var nelems = obj.getElementsByTagName('nd'), nodes = new Array(nelems.length); for (var i = 0, l = nelems.length; i < l; i++) { nodes[i] = 'n' + nelems[i].attributes.ref.nodeValue; refNodes['n' + nelems[i].attributes.ref.nodeValue] = true; } return nodes; } function getTags(obj) { var tags = {}, tagelems = obj.getElementsByTagName('tag'); for (var i = 0, l = tagelems.length; i < l; i++) { var item = tagelems[i]; tags[item.attributes.k.nodeValue] = item.attributes.v.nodeValue; } return tags; } function getMembers(obj) { var elems = obj.getElementsByTagName('member'), members = new Array(elems.length); for (var i = 0, l = elems.length; i < l; i++) { members[i] = { id: elems[i].attributes.type.nodeValue[0] + elems[i].attributes.ref.nodeValue, type: elems[i].attributes.type.nodeValue, role: elems[i].attributes.role.nodeValue }; } return members; } function objectData(obj) { var o = { type: obj.nodeName, members: getMembers(obj), nodes: getNodes(obj), tags: getTags(obj) }; for (var i = 0, l = obj.attributes.length; i < l; i++) { o[obj.attributes[i].nodeName] = obj.attributes[i].nodeValue; } if (o.lon && o.lat) { o.loc = [parseFloat(o.lon), parseFloat(o.lat)]; delete o.lon; delete o.lat; } o.id = iD.Entity.id.fromOSM(o.type, o.id); switch (o.type) { case 'node': o._poi = !refNodes[o.id]; return iD.Node(o); case 'way': return iD.Way(o); case 'relation': return iD.Relation(o); } } function parse(dom) { if (!dom || !dom.childNodes) return new Error('Bad request'); var root = dom.childNodes[0]; var entities = {}; refNodes = {}; var rparentsOf = {}, wparentsOf = {}; function addEntity(obj) { var o = objectData(obj); entities[o.id] = o; var i; if (o.type === 'relation') { for (i = 0; i < o.members.length; i++) { if (o.members[i].id) { if (rparentsOf[o.members[i].id] === undefined) { rparentsOf[o.members[i].id] = []; } rparentsOf[o.members[i].id].push(o.id); } } } if (o.type === 'way') { for (i = 0; i < o.nodes.length; i++) { if (o.nodes[i]) { if (wparentsOf[o.nodes[i]] === undefined) { wparentsOf[o.nodes[i]] = []; } wparentsOf[o.nodes[i]].push(o.id); } } } } _.forEach(root.getElementsByTagName('way'), addEntity); _.forEach(root.getElementsByTagName('node'), addEntity); _.forEach(root.getElementsByTagName('relation'), addEntity); var g = iD.Graph(entities); for (var i in wparentsOf) { if (entities[i]) g.transient(entities[i], 'parentWays', d3.functor(wparentsOf[i])); } for (i in rparentsOf) { if (entities[i]) g.transient(entities[i], 'parentRelations', d3.functor(rparentsOf[i])); } return g; } function authenticated() { return oauth.authenticated(); } connection.putChangeset = function(changes, comment, imagery_used, callback) { oauth.xhr({ method: 'PUT', path: '/api/0.6/changeset/create', options: { header: { 'Content-Type': 'text/xml' } }, content: iD.format.XML.changeset(comment, imagery_used) }, function (err, changeset_id) { if (err) return callback(err); oauth.xhr({ method: 'POST', path: '/api/0.6/changeset/' + changeset_id + '/upload', options: { header: { 'Content-Type': 'text/xml' } }, content: iD.format.XML.osmChange(user.id, changeset_id, changes) }, function (err) { if (err) return callback(err); oauth.xhr({ method: 'PUT', path: '/api/0.6/changeset/' + changeset_id + '/close' }, function (err) { callback(err, changeset_id); }); }); }); }; function userDetails(callback) { function done(err, user_details) { var u = user_details.getElementsByTagName('user')[0], img = u.getElementsByTagName('img'), image_url = ''; if (img && img[0].getAttribute('href')) { image_url = img[0].getAttribute('href'); } callback(connection.user({ display_name: u.attributes.display_name.nodeValue, image_url: image_url, id: u.attributes.id.nodeValue }).user()); } oauth.xhr({ method: 'GET', path: '/api/0.6/user/details' }, done); } function tileAlreadyLoaded(c) { return !loadedTiles[c.toString()] && !inflight[c.toString()]; } function abortRequest(i) { i.abort(); } function loadTile(e) { function done(err, g) { event.load(err, g); } bboxFromAPI(e.box, e.tile, done); } function loadTiles(projection) { var scaleExtent = [15, 15], s = projection.scale(), tiles = d3.geo.tile() .scaleExtent(scaleExtent) .scale(s) .translate(projection.translate())(), z = Math.max(Math.log(s) / Math.log(2) - 8, 0), rz = Math.max(scaleExtent[0], Math.min(scaleExtent[1], Math.floor(z))), ts = 256 * Math.pow(2, z - rz), tile_origin = [ s / 2 - projection.translate()[0], s / 2 - projection.translate()[1]]; function apiExtentBox(c) { var x = (c[0] * ts) - tile_origin[0]; var y = (c[1] * ts) - tile_origin[1]; return { box: [ projection.invert([x, y]), projection.invert([x + ts, y + ts])], tile: c }; } _.filter(inflight, function(v, i) { var wanted = _.find(tiles, function(tile) { return i === tile.toString(); }); if (!wanted) delete inflight[i]; return !wanted; }).map(abortRequest); tiles .filter(tileAlreadyLoaded) .map(apiExtentBox) .forEach(loadTile); } connection.userUrl = function(username) { return url + "/user/" + username; }; connection.url = function(_) { if (!arguments.length) return url; url = _; oauth.url(_); return connection; }; connection.user = function(_) { if (!arguments.length) return user; user = _; return connection; }; connection.flush = function() { loadedTiles = {}; return connection; }; connection.logout = function() { oauth.logout(); event.auth(); return connection; }; connection.authenticate = function(callback) { function done(err, res) { event.auth(); if (callback) callback(err, res); } return oauth.authenticate(done); }; connection.bboxFromAPI = bboxFromAPI; connection.loadFromURL = loadFromURL; connection.loadTiles = _.debounce(loadTiles, 100); connection.userDetails = userDetails; connection.authenticated = authenticated; connection.objectData = objectData; return d3.rebind(connection, event, 'on'); };