only show routes from current service week

example-config.yml

@@ -661,6 +661,8 @@ itinerary:
 #   maxRealtimeVehicleAge: 60
 #   # Interval for refreshing vehicle positions
 #   vehiclePositionRefreshSeconds: 30 # defaults to 30 seconds.
+#   # Enable this to restrict listing to routes active within the last to next Sunday
+#   onlyShowCurrentServiceWeek: true
 
 # API key to make Mapillary API calls. These are used to show street imagery.
 # Mapillary calls these "Client Tokens". They can be created at https://www.mapillary.com/dashboard/developers

lib/actions/api.js

@@ -370,8 +370,8 @@ export function vehicleRentalQuery(
 export const fetchNearbyResponse = createAction('FETCH_NEARBY_RESPONSE')
 export const fetchNearbyError = createAction('FETCH_NEARBY_ERROR')
 
-export function fetchNearby(coords, map) {
-  return executeOTPAction('fetchNearby', coords, map)
+export function fetchNearby(coords, map, currentServiceWeek) {
+  return executeOTPAction('fetchNearby', coords, map, currentServiceWeek)
 }
 
 // Single trip lookup query

lib/actions/apiV2.js

@@ -23,6 +23,7 @@ import {
   isValidSubsequence,
   queryIsValid
 } from '../util/state'
+import { getCurrentServiceWeek } from '../util/current-service-week'
 import {
   getRouteColorBasedOnSettings,
   getRouteIdForPattern,
@@ -379,7 +380,7 @@ export const fetchNearbyFromStopId = (stopId) => {
   )
 }
 
-export const fetchNearby = (position, radius) => {
+export const fetchNearby = (position, radius, currentServiceWeek) => {
   const { lat, lon } = position
 
   return createGraphQLQueryAction(
@@ -436,11 +437,19 @@ export const fetchNearby = (position, radius) => {
                 lon
                 code
                 gtfsId
+                stopRoutes: routes ${
+                  currentServiceWeek
+                    ? `(serviceDates: {start: "${currentServiceWeek.start}", end: "${currentServiceWeek.end}"})`
+                    : ''
+                } {
+                    gtfsId
+                    }
                 stoptimesForPatterns {
                   pattern {
                     headsign
                     desc: name
                     route {
+                      gtfsId
                       agency {
                         name
                         gtfsId
@@ -818,10 +827,20 @@ export const findRoute = (params) =>
 
 export function findRoutes() {
   return function (dispatch, getState) {
+    // Only calculate current service week if the setting for it is enabled
+    const currentServiceWeek =
+      getState().otp?.config?.routeViewer?.onlyShowCurrentServiceWeek === true
+        ? getCurrentServiceWeek()
+        : null
+
     dispatch(
       createGraphQLQueryAction(
         `{
-          routes {
+          routes ${
+            currentServiceWeek
+              ? `(serviceDates: {start: "${currentServiceWeek.start}", end: "${currentServiceWeek.end}"})`
+              : ''
+          }{
             id: gtfsId
             agency {
               id: gtfsId

lib/components/viewers/nearby/nearby-view.tsx

@@ -1,4 +1,4 @@
 import { connect } from 'react-redux'
 import { FormattedMessage, useIntl } from 'react-intl'
 import { Location } from '@opentripplanner/types'
 import { MapRef, useMap } from 'react-map-gl'
@@ -8,6 +8,7 @@
 import * as mapActions from '../../../actions/map'
 import * as uiActions from '../../../actions/ui'
 import { AppReduxState } from '../../../util/state-types'
+import { getCurrentServiceWeek } from '../../../util/current-service-week'
 import { SetLocationHandler, ZoomToPlaceHandler } from '../../util/types'
 import Loading from '../../narrative/loading'
 import MobileContainer from '../../mobile/container'
@@ -31,13 +32,19 @@
 // TODO: use lonlat package
 type LatLonObj = { lat: number; lon: number }
 type CurrentPosition = { coords?: { latitude: number; longitude: number } }
+type ServiceWeek = { end: string; start: string }
 
 type Props = {
   currentPosition?: CurrentPosition
+  currentServiceWeek?: ServiceWeek
   defaultLatLon: LatLonObj | null
   displayedCoords?: LatLonObj
   entityId?: string
-  fetchNearby: (latLon: LatLonObj, radius?: number) => void
+  fetchNearby: (
+    latLon: LatLonObj,
+    radius?: number,
+    currentServiceWeek?: ServiceWeek
+  ) => void
   hideBackButton?: boolean
   location: string
   mobile?: boolean
@@ -102,6 +109,7 @@
 
 function NearbyView({
   currentPosition,
+  currentServiceWeek,
   defaultLatLon,
   displayedCoords,
   entityId,
@@ -175,10 +183,10 @@
       firstItemRef.current?.scrollIntoView({ behavior: 'smooth' })
     }
     if (finalNearbyCoords) {
-      fetchNearby(finalNearbyCoords, radius)
+      fetchNearby(finalNearbyCoords, radius, currentServiceWeek)
       setLoading(true)
       const interval = setInterval(() => {
-        fetchNearby(finalNearbyCoords, radius)
+        fetchNearby(finalNearbyCoords, radius, currentServiceWeek)
         setLoading(true)
       }, AUTO_REFRESH_INTERVAL)
       return function cleanup() {
@@ -204,6 +212,16 @@
     finalNearbyCoords?.lat !== displayedCoords?.lat ||
     finalNearbyCoords?.lon !== displayedCoords?.lon
 
+  // Build list of nearby routes for filtering within the stop card
+  const nearbyRoutes = Array.from(
+    new Set(
+      nearby
+        ?.map((n: any) =>
+          n.place?.stopRoutes?.map((sr: { gtfsId?: string }) => sr?.gtfsId)
+        )
+        .flat(Infinity)
+    )
+  )
   const nearbyItemList =
     nearby?.map &&
     nearby?.map((n: any) => (
@@ -223,7 +241,7 @@
           /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
           tabIndex={0}
         >
-          {getNearbyItem({ ...n.place, distance: n.distance })}
+          {getNearbyItem({ ...n.place, distance: n.distance, nearbyRoutes })}
         </div>
       </li>
     ))
@@ -290,15 +308,22 @@
 
 const mapStateToProps = (state: AppReduxState) => {
   const { config, location, transitIndex, ui } = state.otp
-  const { map } = state.otp.config
+  const { map, routeViewer } = config
   const { nearbyViewCoords } = ui
   const { nearby } = transitIndex
   const { entityId } = state.router.location.query
   const { currentPosition } = location
   const defaultLatLon =
     map?.initLat && map?.initLon ? { lat: map.initLat, lon: map.initLon } : null
+
+  const currentServiceWeek =
+    routeViewer?.onlyShowCurrentServiceWeek === true
+      ? getCurrentServiceWeek()
+      : null
+
   return {
     currentPosition,
+    currentServiceWeek,
     defaultLatLon,
     displayedCoords: nearby?.coords,
     entityId: entityId && decodeURIComponent(entityId),

lib/components/viewers/nearby/stop.tsx

@@ -1,7 +1,6 @@
 import { Calendar } from '@styled-icons/fa-solid'
 import { connect } from 'react-redux'
 import { FormattedMessage } from 'react-intl'
-import { TransitOperator } from '@opentripplanner/types'
 import coreUtils from '@opentripplanner/core-utils'
 import React from 'react'
 
@@ -25,7 +24,7 @@ type Props = {
   homeTimezone: string
   nearbyViewConfig?: NearbyViewConfig
   routeSortComparator: (a: PatternStopTime, b: PatternStopTime) => number
-  stopData: StopData
+  stopData: StopData & { nearbyRoutes?: string[] }
 }
 
 const Stop = ({
@@ -70,6 +69,12 @@ const Stop = ({
       const sortedStopTimes = st.stoptimes.sort(
         (a: StopTime, b: StopTime) => fullTimestamp(a) - fullTimestamp(b)
       )
+      if (
+        stopData.nearbyRoutes &&
+        !stopData.nearbyRoutes.includes(st?.pattern?.route?.gtfsId)
+      ) {
+        return <></>
+      }
       return (
         <PatternRow
           alwaysShowLongName={nearbyViewConfig?.alwaysShowLongName}

lib/util/config-types.ts

@@ -344,6 +344,8 @@ export interface RouteViewerConfig {
   hideRouteShapesWithinFlexZones?: boolean
   /** Remove vehicles from the map if they haven't sent an update in a number of seconds */
   maxRealtimeVehicleAge?: number
+  /** Use OTP date limiting to only show current service week in list */
+  onlyShowCurrentServiceWeek?: boolean
   /** Disable vehicle highlight if necessary (e.g. custom or inverted icons) */
   vehicleIconHighlight?: boolean
   /** Customize vehicle icon padding (the default iconPadding is 2px in otp-ui) */

lib/util/current-service-week.ts

@@ -0,0 +1,10 @@
+import { addDays, nextSunday, previousSunday } from 'date-fns'
+/** Gets the current service week */
+export const getCurrentServiceWeek = (): {
+  end: string
+  start: string
+} => {
+  const start = previousSunday(new Date()).toISOString().split('T')[0]
+  const end = addDays(nextSunday(new Date()), 1).toISOString().split('T')[0]
+  return { end, start }
+}