UX: better feedback on osm connection state; add user agent and path

src/Logic/Osm/OsmConnection.ts

@@ -607,6 +607,10 @@ export class OsmConnection {
         this.FetchCapabilities().then(({ api, gpx }) => {
             this.apiIsOnline.setData(api)
             this.gpxServiceIsOnline.setData(gpx)
+        }).catch(err => {
+            console.log("Could not reach the api:", err)
+            this.apiIsOnline.set("unreachable")
+            this.gpxServiceIsOnline.set("unreachable")
         })
     }
 

src/Logic/State/UserRelatedState.ts

@@ -416,6 +416,11 @@ export default class UserRelatedState {
                 typeof window === "undefined" ? "no" : window.navigator.share ? "yes" : "no",
             _iframe: Utils.isIframe ? "yes" : "no",
         })
+        if(!Utils.runningFromConsole){
+            amendedPrefs.data["_host"] = window.location.host
+            amendedPrefs.data["_path"] = window.location.pathname
+            amendedPrefs.data["_userAgent"] = navigator.userAgent
+        }
 
         for (const key in Constants.userJourney) {
             amendedPrefs.data["__userjourney_" + key] = Constants.userJourney[key]

src/UI/ThemeViewGUI.svelte

@@ -421,7 +421,7 @@
       <If condition={state.featureSwitches.featureSwitchFakeUser}>
         <div class="alert w-fit">Faking a user (Testmode)</div>
       </If>
-      {#if $apiState !== "online"}
+      {#if $apiState !== "online" && $apiState !== "unknown"}
         <div class="alert w-fit">API is {$apiState}</div>
       {/if}
     </div>