Refactor to use routes, make POIs linkable

app/services/storage.js

@@ -2,9 +2,12 @@ import Service from '@ember/service';
 import RemoteStorage from 'remotestoragejs';
 import Places from '@remotestorage/module-places';
 import Widget from 'remotestorage-widget';
+import { tracked } from '@glimmer/tracking';
 
 export default class StorageService extends Service {
   rs;
+  @tracked savedPlaces = [];
+  @tracked version = 0; // Shared version tracker for bookmarks
 
   constructor() {
     super(...arguments);
@@ -21,9 +24,46 @@ export default class StorageService extends Service {
 
     // const widget = new Widget(this.rs);
     // widget.attach();
+
+    this.rs.on('ready', () => {
+      this.loadAllPlaces();
+    });
+
+    this.rs.scope('/places/').on('change', () => {
+      this.loadAllPlaces();
+    });
   }
 
   get places() {
     return this.rs.places;
   }
+
+  notifyChange() {
+    this.version++;
+    this.loadAllPlaces();
+  }
+
+  async loadAllPlaces() {
+    try {
+      const places = await this.rs.places.listAll();
+      if (places && Array.isArray(places)) {
+        this.savedPlaces = places;
+      } else {
+        this.savedPlaces = [];
+      }
+      console.log('Loaded saved places:', this.savedPlaces.length);
+    } catch (e) {
+      console.error('Failed to load places:', e);
+    }
+  }
+
+  findPlaceById(id) {
+    // Search by internal ID first
+    let place = this.savedPlaces.find((p) => p.id === id);
+    if (place) return place;
+
+    // Then search by OSM ID
+    place = this.savedPlaces.find((p) => p.osmId === id);
+    return place;
+  }
 }