@osm-editor-kit/street-imagery-react 0.1.0-alpha.10 → 0.1.0-alpha.11

package/dist/hooks/useProviderData.d.ts

@@ -1,5 +1,11 @@
 import type { Bbox } from '@osm-editor-kit/street-imagery';
 import { type ProviderId } from '@osm-editor-kit/street-imagery';
+import { keepPreviousData } from '@tanstack/react-query';
+/**
+ * Keeps the last result on screen while the next viewport loads. Only while the query is on:
+ * a query that is off (provider turned off, zoomed out too far) would show that result forever.
+ */
+export declare const previousDataWhile: (enabled: boolean) => typeof keepPreviousData | undefined;
 /** Host limit on top of the provider's own minimum zooms: below it nothing is requested. */
 type ProviderDataOptions = {
     minZoom?: number;

package/dist/index.js

@@ -5,7 +5,7 @@ import { distanceMeters, sequencesToFeatureCollection, emptyLineCollection, adap
 import { Source, Layer, useMap } from 'react-map-gl/maplibre';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { lazy, useEffect, Fragment as Fragment$1, Suspense, useState, useRef, useEffectEvent } from 'react';
-import { useQuery, useQueries } from '@tanstack/react-query';
+import { keepPreviousData, useQuery, useQueries } from '@tanstack/react-query';
 import { create } from 'zustand';
 
 var POINTS_SOURCE_ID = "selection-highlight";
@@ -139,6 +139,7 @@ var withinBbox = (bbox) => (item) => {
   const [lng, lat] = item.lngLat;
   return lng >= bbox[0] && lng <= bbox[2] && lat >= bbox[1] && lat <= bbox[3];
 };
+var previousDataWhile = (enabled) => enabled ? keepPreviousData : void 0;
 var useProviderPhotos = (providerId, bbox, zoom, { minZoom = 0 } = {}) => {
   const adapter = adapterById[providerId];
   const meta = providerById[providerId];
@@ -150,7 +151,7 @@ var useProviderPhotos = (providerId, bbox, zoom, { minZoom = 0 } = {}) => {
       return photos.filter(withinBbox(bbox));
     },
     enabled,
-    placeholderData: (previous) => previous
+    placeholderData: previousDataWhile(enabled)
   });
 };
 var useProviderSequences = (providerId, bbox, zoom, { minZoom = 0 } = {}) => {
@@ -162,7 +163,7 @@ var useProviderSequences = (providerId, bbox, zoom, { minZoom = 0 } = {}) => {
     queryKey: ["provider-sequences", providerId, bboxKey(bbox), zoom],
     queryFn: ({ signal }) => adapter?.fetchSequences?.(bbox, zoom, signal) ?? [],
     enabled,
-    placeholderData: (previous) => previous
+    placeholderData: previousDataWhile(enabled)
   });
 };
 var useProviderMapFeatures = (providerId, bbox, zoom, { minZoom = 0 } = {}) => {
@@ -176,7 +177,7 @@ var useProviderMapFeatures = (providerId, bbox, zoom, { minZoom = 0 } = {}) => {
       return features.filter(withinBbox(bbox));
     },
     enabled,
-    placeholderData: (previous) => previous
+    placeholderData: previousDataWhile(enabled)
   });
 };
 var CONE_SOURCE_ID = "view-direction-cone";
@@ -2057,4 +2058,4 @@ var PhotoDateRangeFilter = ({
   ] });
 };
 
-export { BASE_COLOR, FloatingPhotoViewer, FloatingViewerInfoButton, LocationPickOnMap, MAPILLARY_FEATURE_BAR_LABELS, MapillaryFeatureBar, PhotoCount, PhotoDate, PhotoDateRangeFilter, SELECTION_COLOR, SelectedMapFeatureLayer, StreetLevelImagerySelectionOverlay, StreetLevelImagerySourcesAndLayers, StreetLevelImageryViewCone, StreetLevelImageryViewer, VIEWPOINT_DEFAULT_COLOR, VIEWPOINT_DIRECTION_LAYER_ID, VIEW_SHAPE_FILL_OPACITY, ViewpointLayer, getViewpointSession, queryStreetImageryFeatures, resolveSelectedSequence, streetImageryInteractiveLayerIds, useActiveDirectionKey, useAllProviderMapFeatures, useAllProviderPhotos, useArmedLocationOpenerId, useCanGoBack, useCanGoForward, useCurrentHistoryEntry, useLocationPickActions, useMapViewportBbox, useMapillaryImageDetections, useMapillaryMapFeatureImages, useMapillaryMapFeaturesNear, usePhotoFullUrl, usePhotoThumbnail, useProviderMapFeatures, useProviderPhotos, useProviderSequences, useSelectedMapillaryFeature, useViewSuggestions, useViewpointLine, useViewpoints, viewDirectionKeyFromFeatures, viewSuggestionLabel };
+export { BASE_COLOR, FloatingPhotoViewer, FloatingViewerInfoButton, LocationPickOnMap, MAPILLARY_FEATURE_BAR_LABELS, MapillaryFeatureBar, PhotoCount, PhotoDate, PhotoDateRangeFilter, SELECTION_COLOR, SelectedMapFeatureLayer, StreetLevelImagerySelectionOverlay, StreetLevelImagerySourcesAndLayers, StreetLevelImageryViewCone, StreetLevelImageryViewer, VIEWPOINT_DEFAULT_COLOR, VIEWPOINT_DIRECTION_LAYER_ID, VIEW_SHAPE_FILL_OPACITY, ViewpointLayer, getViewpointSession, previousDataWhile, queryStreetImageryFeatures, resolveSelectedSequence, streetImageryInteractiveLayerIds, useActiveDirectionKey, useAllProviderMapFeatures, useAllProviderPhotos, useArmedLocationOpenerId, useCanGoBack, useCanGoForward, useCurrentHistoryEntry, useLocationPickActions, useMapViewportBbox, useMapillaryImageDetections, useMapillaryMapFeatureImages, useMapillaryMapFeaturesNear, usePhotoFullUrl, usePhotoThumbnail, useProviderMapFeatures, useProviderPhotos, useProviderSequences, useSelectedMapillaryFeature, useViewSuggestions, useViewpointLine, useViewpoints, viewDirectionKeyFromFeatures, viewSuggestionLabel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osm-editor-kit/street-imagery-react",
-  "version": "0.1.0-alpha.10",
+  "version": "0.1.0-alpha.11",
   "description": "React MapLibre layers and photo viewers for street-level imagery providers.",
   "homepage": "https://github.com/osmberlin/street-space-editor/tree/main/packages/street-imagery-react",
   "license": "MIT",