Prefer place name in UA/browser language

closes #16
1.11.3
2026-02-10 19:19:36 +04:00 · 2026-02-10 18:53:21 +04:00
10 changed files with 44 additions and 11 deletions
@@ -2,6 +2,7 @@ import Component from '@glimmer/component';
 import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { humanizeOsmTag } from '../utils/format-text';
+import { getLocalizedName } from '../utils/osm';
 import Icon from '../components/icon';
 import PlaceEditForm from './place-edit-form';

@@ -22,8 +23,7 @@ export default class PlaceDetails extends Component {
  get name() {
    return (
      this.place.title ||
-      this.tags.name ||
-      this.tags['name:en'] ||
+      getLocalizedName(this.tags) ||
      'Unnamed Place'
    );
  }
@@ -7,6 +7,7 @@ import or from 'ember-truth-helpers/helpers/or';
 import PlaceDetails from './place-details';
 import Icon from './icon';
 import humanizeOsmTag from '../helpers/humanize-osm-tag';
+import { getLocalizedName } from '../utils/osm';

 export default class PlacesSidebar extends Component {
  @service storage;
@@ -85,8 +86,7 @@ export default class PlacesSidebar extends Component {
    } else {
      // It's a fresh POI -> Save it
      const placeData = {
-        title:
-          place.osmTags.name || place.osmTags['name:en'] || 'Untitled Place',
+        title: getLocalizedName(place.osmTags, 'Untitled Place'),
        lat: place.lat,
        lon: place.lon,
        tags: [],
@@ -1,4 +1,5 @@
 import Service, { service } from '@ember/service';
+import { getLocalizedName } from '../utils/osm';

 export default class OsmService extends Service {
  @service settings;
@@ -61,7 +62,7 @@ out center;

  normalizePoi(poi) {
    return {
-      title: poi.tags?.name || poi.tags?.['name:en'] || 'Untitled Place',
+      title: getLocalizedName(poi.tags),
      lat: poi.lat || poi.center?.lat,
      lon: poi.lon || poi.center?.lon,
      url: poi.tags?.website,
@@ -0,0 +1,32 @@
+export function getLocalizedName(tags, defaultName = 'Untitled Place') {
+  if (!tags) return defaultName;
+
+  // 1. Get user's preferred languages
+  const languages = navigator.languages || [navigator.language || 'en'];
+
+  // 2. Try to find a match for each preferred language
+  for (const lang of languages) {
+    if (!lang) continue;
+
+    // Handle "en-US", "de-DE", etc. -> look for "name:en", "name:de"
+    const shortLang = lang.split('-')[0];
+    const tagKey = `name:${shortLang}`;
+
+    if (tags[tagKey]) {
+      return tags[tagKey];
+    }
+  }
+
+  // 3. Fallback to standard "name"
+  if (tags.name) {
+    return tags.name;
+  }
+
+  // 4. Fallback to "name:en" (common in international places without local name)
+  if (tags['name:en']) {
+    return tags['name:en'];
+  }
+
+  // 5. Final fallback
+  return defaultName;
+}
@@ -1,6 +1,6 @@
 {
  "name": "marco",
-  "version": "1.11.2",
+  "version": "1.11.3",
  "private": true,
  "description": "Unhosted maps app",
  "repository": {
@@ -26,8 +26,8 @@
    <meta name="msapplication-TileColor" content="#F6E9A6">
    <meta name="msapplication-TileImage" content="/icons/icon-144.png">

-  <script type="module" crossorigin src="/assets/main-CYFdUlXN.js"></script>
-  <link rel="stylesheet" crossorigin href="/assets/main-D53xPL_H.css">
+  <script type="module" crossorigin src="/assets/main-DD9l9xzQ.js"></script>
+  <link rel="stylesheet" crossorigin href="/assets/main-G8wPYi_P.css">
 </head>
  <body>
 </body>
Author	SHA1	Message	Date
raucao	64ccc694d3	Prefer place name in UA/browser language closes #16	2026-02-10 19:19:36 +04:00
raucao	87e2380ef6	1.11.3	2026-02-10 18:53:21 +04:00