]> git.openstreetmap.org Git - nominatim-ui.git/blob - src/lib/api_utils.js
Merge remote-tracking branch 'upstream/master'
[nominatim-ui.git] / src / lib / api_utils.js
1 import { last_api_request_url_store, error_store } from './stores.js';
2
3 function api_request_progress(status) {
4   var loading_el = document.getElementById('loading');
5   if (!loading_el) return; // might not be on page yet
6
7   loading_el.style.display = (status === 'start') ? 'block' : null;
8 }
9
10 export async function fetch_from_api(endpoint_name, params, callback) {
11   var api_url = generate_nominatim_api_url(endpoint_name, params);
12
13   api_request_progress('start');
14   if (endpoint_name !== 'status') last_api_request_url_store.set(null);
15
16   try {
17     await fetch(api_url)
18       .then(response => response.json())
19       .then(data => {
20         if (data.error) {
21           error_store.set(data.error.message);
22         }
23         callback(data);
24         api_request_progress('finish');
25       });
26   } catch (error) {
27     error_store.set(`Error fetching data from ${api_url} (${error})`);
28     api_request_progress('finish');
29   }
30
31   if (endpoint_name !== 'status') last_api_request_url_store.set(api_url);
32 }
33
34 var fetch_content_cache = {};
35 export async function fetch_content_into_element(url, dom_element) {
36   if (!window.location.protocol.match(/^http/)) {
37     dom_element.innerHTML = `Cannot display data from ${url} here. `
38       + 'Browser security prevents loading content from file:// URLs.';
39     return;
40   }
41
42   if (fetch_content_cache[url]) {
43     dom_element.innerHTML = fetch_content_cache[url];
44     return;
45   }
46   try {
47     await fetch(url)
48       .then(response => response.text())
49       .then(html => {
50         html = html.replace('Nominatim_API_Endpoint', Nominatim_Config.Nominatim_API_Endpoint);
51         dom_element.innerHTML = html;
52         fetch_content_cache[url] = html;
53       });
54   } catch (error) {
55     dom_element.innerHTML = `Error fetching content from ${url} (${error})`;
56   }
57 }
58
59 function generate_nominatim_api_url(endpoint_name, params) {
60   return Nominatim_Config.Nominatim_API_Endpoint + endpoint_name + '.php?'
61          + Object.keys(clean_up_parameters(params)).map((k) => {
62            return encodeURIComponent(k) + '=' + encodeURIComponent(params[k]);
63          }).join('&');
64 }
65
66
67 function clean_up_parameters(params) {
68   // `&a=&b=&c=1` => '&c=1'
69   var param_names = Object.keys(params);
70   for (var i = 0; i < param_names.length; i += 1) {
71     var val = params[param_names[i]];
72     if (typeof (val) === 'undefined' || val === '' || val === null) {
73       delete params[param_names[i]];
74     }
75   }
76   return params;
77 }
78
79 export function update_html_title(title) {
80   document.title = [title, Nominatim_Config.Page_Title]
81     .filter((val) => val && val.length > 1)
82     .join(' | ');
83 }
84