Fix photo viewer in public shared Maps by passing shareToken to Viewer

src/components/Map.vue

@@ -170,7 +170,7 @@ import { getCurrentUser } from '@nextcloud/auth'
 import axios from '@nextcloud/axios'
 import { showError, showSuccess } from '@nextcloud/dialogs'
 
-import { LocateControl } from "leaflet.locatecontrol"
+import { LocateControl } from 'leaflet.locatecontrol'
 import 'leaflet.locatecontrol/dist/L.Control.Locate.min.css'
 import L from 'leaflet'
 import 'mapbox-gl/dist/mapbox-gl'
@@ -210,22 +210,22 @@ import PhotoSuggestionsLayer from './map/PhotoSuggestionsLayer.vue'
 
 // exclude dynamic imports from webpack-processing
 L.Control.Elevation.include({
-	import: function(src, condition) {
+	import(src, condition) {
 		if (Array.isArray(src)) {
-			return Promise.all(src.map(m => this.import(m)));
+			return Promise.all(src.map(m => this.import(m)))
 		}
-		switch(src) {
-			case this.__D3:          condition = typeof d3 !== 'object'; break;
-			case this.__TOGEOJSON:   condition = typeof toGeoJSON !== 'object'; break;
-			case this.__LGEOMUTIL:   condition = typeof L.GeometryUtil !== 'object'; break;
-			case this.__LALMOSTOVER: condition = typeof L.Handler.AlmostOver  !== 'function'; break;
-			case this.__LDISTANCEM:  condition = typeof L.DistanceMarkers  !== 'function'; break;
-			case this.__LEDGESCALE:  condition = typeof L.Control.EdgeScale !== 'function'; break;
-			case this.__LHOTLINE:    condition = typeof L.Hotline  !== 'function'; break;
+		switch (src) {
+		case this.__D3: condition = typeof d3 !== 'object'; break
+		case this.__TOGEOJSON: condition = typeof toGeoJSON !== 'object'; break
+		case this.__LGEOMUTIL: condition = typeof L.GeometryUtil !== 'object'; break
+		case this.__LALMOSTOVER: condition = typeof L.Handler.AlmostOver !== 'function'; break
+		case this.__LDISTANCEM: condition = typeof L.DistanceMarkers !== 'function'; break
+		case this.__LEDGESCALE: condition = typeof L.Control.EdgeScale !== 'function'; break
+		case this.__LHOTLINE: condition = typeof L.Hotline !== 'function'; break
 		}
-		let url = (new URL(src, (src.startsWith('../') || src.startsWith('./')) ? this.options.srcFolder : undefined)).toString();
-		return condition !== false ? import(/* webpackIgnore: true */ url) : Promise.resolve();
-	}
+		const url = (new URL(src, (src.startsWith('../') || src.startsWith('./')) ? this.options.srcFolder : undefined)).toString()
+		return condition !== false ? import(/* webpackIgnore: true */ url) : Promise.resolve()
+	},
 })
 
 export default {

src/components/Sidebar/PhotoSuggestionsSidebarTab.vue

@@ -294,7 +294,18 @@ export default {
 		},
 		onListItemClick(photo) {
 			if (OCA.Viewer && OCA.Viewer.open) {
-				OCA.Viewer.open({ path: photo.path, list: this.photoSuggestionsSelected })
+				const token = getToken()
+				if (token) {
+					// For public shares, pass the share token to the Viewer
+					OCA.Viewer.open({
+						path: photo.path,
+						list: this.photoSuggestionsSelected,
+						shareToken: token,
+					})
+				} else {
+					// For logged-in users, use the standard approach
+					OCA.Viewer.open({ path: photo.path, list: this.photoSuggestionsSelected })
+				}
 			}
 		},
 		subtracks(t) {