gtfs-to-html 2.2.1 → 2.3.3

package/CHANGELOG.md

@@ -5,6 +5,37 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [2.3.3] - 2022-01-21
+
+### Updated
+
+- Dependency updates
+
+## [2.3.2] - 2021-12-28
+
+### Updated
+
+- Dependency updates
+- Updated docs info on multi-route timetables
+
+## [2.3.1] - 2021-11-26
+
+### Updated
+
+- Dependency updates
+- Better trip names for CSV export
+
+## [2.3.0] - 2021-11-05
+
+### Added
+
+- Support for exporting timetables in CSV format
+
+### Updated
+
+- Update route color swatch styles to support longer names
+- Dependency updates
+
 ## [2.2.1] - 2021-10-17
 
 ### Added
@@ -102,7 +133,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Fix for showRouteTitle config
 
-## [Unreleased]
+## [2.3.1] - 2021-11-26
 
 ### Added
 

package/README.md

@@ -1,35 +1,51 @@
-
-# GTFS to HTML
-
-[![NPM version](https://img.shields.io/npm/v/gtfs-to-html.svg?style=flat)](https://www.npmjs.com/package/gtfs-to-html)
-[![David](https://img.shields.io/david/blinktaginc/gtfs-to-html.svg)]()
-[![npm](https://img.shields.io/npm/dm/gtfs-to-html.svg?style=flat)]()
-[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/sindresorhus/xo)
-
-[![NPM](https://nodei.co/npm/gtfs-to-html.png?downloads=true)](https://nodei.co/npm/gtfs-to-html/)
-
- See [gtfstohtml.com](https://gtfstohtml.com) for full documentation.
-
-`gtfs-to-html` creates human-readable, user-friendly transit timetables in HTML and PDF format directly from [GTFS transit data](https://developers.google.com/transit/gtfs/). Most transit agencies have schedule data in GTFS format but need to show each route's schedule to users on a website. This project automates the process of creating nicely formatted HTML timetables for inclusion on a transit agency website. This makes it easy to keep timetables up to date and accurate when schedule changes happen and reduces the likelihood of errors.
+<p align="center">
+  ➡️
+  <a href="https://gtfstohtml.com/docs/">Documentation</a> |
+  <a href="https://gtfstohtml.com/docs/quick-start">Quick Start</a> |
+  <a href="https://gtfstohtml.com/docs/configuration">Configuration</a> |
+  <a href="https://gtfstohtml.com/docs/contact">Questions and Support</a>
+  ⬅️
+  <br /><br />
+  <img src="www/static/img/gtfs-to-html-logo.svg" alt="GTFS-to-HTML" />
+  <br /><br />
+  <a href="https://www.npmjs.com/package/gtfs-to-html" rel="nofollow"><img src="https://img.shields.io/npm/v/gtfs-to-html.svg?style=flat" style="max-width: 100%;"></a>
+  <a href="https://www.npmjs.com/package/gtfs-to-html" rel="nofollow"><img src="https://img.shields.io/npm/dm/gtfs-to-html.svg?style=flat" style="max-width: 100%;"></a>
+  <img src="https://img.shields.io/badge/License-MIT-yellow.svg">
+  <br /><br />
+  Create human-readable, user-friendly transit timetables in HTML, PDF or CSV format directly from GTFS.
+  <br /><br />
+  <a href="https://nodei.co/npm/gtfs-to-html/" rel="nofollow"><img src="https://nodei.co/npm/gtfs-to-html.png?downloads=true" alt="NPM" style="max-width: 100%;"></a>
+</p>
+
+<hr>
+
+See [gtfstohtml.com](https://gtfstohtml.com) for full documentation.
+
+Most transit agencies have schedule data in [GTFS ](https://developers.google.com/transit/gtfs/) format but need to show each route's schedule to users on a website. GTFS-to-HTML automates the process of creating nicely formatted HTML timetables for inclusion on a transit agency website. This makes it easy to keep timetables up to date and accurate when schedule changes happen and reduces the likelihood of errors.
 
 <img width="1265" src="https://user-images.githubusercontent.com/96217/28296063-aed45568-6b1a-11e7-9794-94b3d915d668.png">
 
 ## Features
 
 ### Configurable and customizable
-`gtfs-to-html` has many options that configure how timetables are presented. It also allows using a completely custom template which makes it easy to build chunks of HTML that will fit perfectly into any website using any HTML structure and classes that you'd like. Or, create printable PDF versions of timetables using the `outputFormat` config option.
+
+`gtfs-to-html` has many options that configure how timetables are presented. It also allows using a completely custom template which makes it easy to build chunks of HTML that will fit perfectly into any website using any HTML structure and classes that you'd like. Or, create printable PDF versions or CSV exports of timetables using the `outputFormat` config option.
 
 ### Accessibility for all
+
 `gtfs-to-html` properly formats timetables to ensure they are screen-reader accessible and WCAG 2.0 compliant.
 
 ### Mobile responsiveness built in
+
 Built-in styling makes `gtfs-to-html` timetables ready to size and scroll easily on mobile phones and tablets.
 
 ### Schedule changes? A cinch.
+
 By generating future timetables and including dates in table metadata, your timetables can appear in advance of a schedule change, and you can validate that your new timetables and GTFS are correct.
 
 ### Auto-generated maps
-`gtfs-to-html` can also generate a map for each route that can be included with the schedule page. The map shows all stops for the route and lists all routes that serve each stop. See the `showMap` configuration option below. 
+
+`gtfs-to-html` can also generate a map for each route that can be included with the schedule page. The map shows all stops for the route and lists all routes that serve each stop. See the `showMap` configuration option below.
 
 Note: If you only want maps of GTFS data, use the [gtfs-to-geojson](https://github.com/blinktaginc/gtfs-to-geojson) package instead and skip making timetables entirely. If offers many different formats of GeoJSON for routes and stops.
 
@@ -40,34 +56,36 @@ Note: If you only want maps of GTFS data, use the [gtfs-to-geojson](https://gith
 You can now use `gtfs-to-html` without actually downloading any code or doing any configuration. [run.gtfstohtml.com](https://run.gtfstohtml.com) provides a web based interface for finding GTFS feeds for agencies, setting configuration and then generates a previewable and downloadable set of timetables.
 
 ## Current Usage
+
 Many transit agencies use `gtfs-to-html` to generate the schedule pages used on their websites, including:
 
-* [Advance Transit](https://advancetransit.com)
-* [Brockton Area Transit Authority](https://ridebat.com)
-* [Capital Transit (Helena, Montana)](http://www.ridethecapitalt.org)
-* [Capital Transit (Juneau, Alaska)](https://juneaucapitaltransit.org)
-* [Central Transit (Ellensburg, Washington)](https://centraltransit.org)
-* [County Connection (Contra Costa County, California)](https://countyconnection.com)
-* [El Dorado Transit](http://eldoradotransit.com)
-* [Greater Attleboro-Taunton Regional Transit Authority](https://www.gatra.org)
-* [Humboldt Transit Authority](http://hta.org)
-* [Kings Area Rural Transit (KART)](https://www.kartbus.org)
-* [Madera County Connection](http://mcctransit.com)
-* [Marin Transit](https://marintransit.org)
-* [Morongo Basin Transit Authority](https://mbtabus.com)
-* [Mountain Transit](http://mountaintransit.org)
-* [MVgo (Mountain View, CA)](https://mvgo.org)
-* [NW Connector (Oregon)](http://www.nworegontransit.org)
-* [Palo Verde Valley Transit Agency](http://pvvta.com)
-* [Petaluma Transit](http://transit.cityofpetaluma.net)
-* [RTC Washoe (Reno, NV)](https://www.rtcwashoe.com)
-* [Santa Barbara Metropolitan Transit District](https://sbmtd.gov)
-* [Sonoma County Transit](http://sctransit.com)
-* [Tahoe Truckee Area Regional Transit](https://tahoetruckeetransit.com)
-* [Transcollines](https://transcollines.ca)
-* [Tulare County Area Transit](https://ridetcat.org)
-* [Victor Valley Transit](https://vvta.org)
-* [Worcester Regional Transit Authority](https://therta.com)
+- [Advance Transit](https://advancetransit.com)
+- [Brockton Area Transit Authority](https://ridebat.com)
+- [Capital Transit (Helena, Montana)](http://www.ridethecapitalt.org)
+- [Capital Transit (Juneau, Alaska)](https://juneaucapitaltransit.org)
+- [Central Transit (Ellensburg, Washington)](https://centraltransit.org)
+- [County Connection (Contra Costa County, California)](https://countyconnection.com)
+- [El Dorado Transit](http://eldoradotransit.com)
+- [Greater Attleboro-Taunton Regional Transit Authority](https://www.gatra.org)
+- [Humboldt Transit Authority](http://hta.org)
+- [Kings Area Rural Transit (KART)](https://www.kartbus.org)
+- [Madera County Connection](http://mcctransit.com)
+- [Marin Transit](https://marintransit.org)
+- [Morongo Basin Transit Authority](https://mbtabus.com)
+- [Mountain Transit](http://mountaintransit.org)
+- [MVgo (Mountain View, CA)](https://mvgo.org)
+- [NW Connector (Oregon)](http://www.nworegontransit.org)
+- [Palo Verde Valley Transit Agency](http://pvvta.com)
+- [Petaluma Transit](http://transit.cityofpetaluma.net)
+- [RTC Washoe (Reno, NV)](https://www.rtcwashoe.com)
+- [Santa Barbara Metropolitan Transit District](https://sbmtd.gov)
+- [Sonoma County Transit](http://sctransit.com)
+- [Tahoe Transportation District](https://www.tahoetransportation.org)
+- [Tahoe Truckee Area Regional Transit](https://tahoetruckeetransit.com)
+- [Transcollines](https://transcollines.ca)
+- [Tulare County Area Transit](https://ridetcat.org)
+- [Victor Valley Transit](https://vvta.org)
+- [Worcester Regional Transit Authority](https://therta.com)
 
 Are you using `gtfs-to-html`? Let us know via email (brendan@blinktag.com) or via opening a github issue or pull request if your agency is using this library.
 

package/app/index.js

@@ -14,7 +14,7 @@ import {
   getTimetablePagesForAgency,
   getFormattedTimetablePage,
   generateOverviewHTML,
-  generateHTML,
+  generateTimetableHTML,
 } from '../lib/utils.js';
 
 const { argv } = yargs(process.argv).option('c', {
@@ -107,8 +107,8 @@ router.get('/timetables/:timetablePageId', async (request, response, next) => {
       config
     );
 
-    const results = await generateHTML(timetablePage, config);
-    response.send(results.html);
+    const html = await generateTimetableHTML(timetablePage, config);
+    response.send(html);
   } catch (error) {
     next(error);
   }

package/lib/file-utils.js

@@ -145,6 +145,19 @@ export function generateFileName(timetable, config) {
   return sanitize(filename).toLowerCase();
 }
 
+/*
+ * Generate the filename for a CSV timetable.
+ */
+export function generateCSVFileName(timetable, timetablePage) {
+  let filename = timetablePage.filename.replace(/.html$/, '');
+
+  if (timetablePage.timetables.length > 1) {
+    filename += `_${timetable.direction_id}`;
+  }
+
+  return sanitize(`${filename}.csv`);
+}
+
 /*
  * Generates the folder name for a timetable page based on the date.
  */

package/lib/formatters.js

@@ -356,6 +356,37 @@ export function formatStops(timetable, config) {
   return timetable.stops;
 }
 
+/*
+ * Formats a stop name.
+ */
+export function formatStopName(stop) {
+  return `${stop.stop_name}${
+    stop.type === 'arrival'
+      ? ' (Arrival)'
+      : stop.type === 'departure'
+      ? ' (Departure)'
+      : ''
+  }`;
+}
+
+/*
+ * Formats trip "Contines from".
+ */
+export function formatTripContinuesFrom(trip) {
+  return trip.continues_from_route
+    ? trip.continues_from_route.route.route_short_name
+    : '';
+}
+
+/*
+ * Formats trip "Contines as".
+ */
+export function formatTripContinuesAs(trip) {
+  return trip.continues_as_route
+    ? trip.continues_as_route.route.route_short_name
+    : '';
+}
+
 /*
  * Change all stoptimes of a trip so the first trip starts at midnight. Useful
  * for hourly schedules.

package/lib/gtfs-to-html.js

@@ -1,7 +1,7 @@
 import path from 'node:path';
 import { mkdir, writeFile } from 'node:fs/promises';
 
-import { each, map } from 'lodash-es';
+import { map } from 'lodash-es';
 import { openDb, getDb, importGtfs } from 'gtfs';
 import sanitize from 'sanitize-filename';
 import Timer from 'timer-machine';
@@ -12,6 +12,7 @@ import {
   generateFolderName,
   renderPdf,
   zipFolder,
+  generateCSVFileName,
 } from './file-utils.js';
 import {
   log,
@@ -25,8 +26,10 @@ import {
   setDefaultConfig,
   getTimetablePagesForAgency,
   getFormattedTimetablePage,
-  generateHTML,
+  generateTimetableHTML,
+  generateTimetableCSV,
   generateOverviewHTML,
+  generateStats,
 } from './utils.js';
 
 /*
@@ -93,7 +96,7 @@ const gtfsToHtml = async (initialConfig) => {
   );
   await prepDirectory(exportPath);
 
-  if (config.noHead !== true) {
+  if (config.noHead !== true && ['html', 'pdf'].includes(config.outputFormat)) {
     copyStaticAssets(exportPath);
   }
 
@@ -138,26 +141,38 @@ const gtfsToHtml = async (initialConfig) => {
         sanitize(timetablePage.filename)
       );
 
-      const results = await generateHTML(timetablePage, config);
-
-      each(outputStats, (stat, key) => {
-        if (results.stats[key]) {
-          outputStats[key] += results.stats[key];
+      if (config.outputFormat === 'csv') {
+        for (const timetable of timetablePage.timetables) {
+          const csv = await generateTimetableCSV(timetable);
+          const csvPath = path.join(
+            exportPath,
+            datePath,
+            generateCSVFileName(timetable, timetablePage)
+          );
+          await writeFile(csvPath, csv);
         }
-      });
-
-      const htmlPath = path.join(
-        exportPath,
-        datePath,
-        sanitize(timetablePage.filename)
-      );
-      await writeFile(htmlPath, results.html);
+      } else {
+        const html = await generateTimetableHTML(timetablePage, config);
+        const htmlPath = path.join(
+          exportPath,
+          datePath,
+          sanitize(timetablePage.filename)
+        );
+        await writeFile(htmlPath, html);
 
-      if (config.outputFormat === 'pdf') {
-        await renderPdf(htmlPath);
+        if (config.outputFormat === 'pdf') {
+          await renderPdf(htmlPath);
+        }
       }
 
       timetablePages.push(timetablePage);
+      const timetableStats = generateStats(timetablePage);
+
+      for (const key of Object.keys(outputStats)) {
+        if (timetableStats[key]) {
+          outputStats[key] += timetableStats[key];
+        }
+      }
     } catch (error) {
       outputStats.warnings.push(error.message);
       bar.interrupt(error.message);
@@ -167,10 +182,12 @@ const gtfsToHtml = async (initialConfig) => {
   }
   /* eslint-enable no-await-in-loop */
 
-  // Generate route summary index.html
-  config.assetPath = '';
-  const html = await generateOverviewHTML(timetablePages, config);
-  await writeFile(path.join(exportPath, 'index.html'), html);
+  if (config.outputFormat === 'html') {
+    // Generate route summary index.html
+    config.assetPath = '';
+    const html = await generateOverviewHTML(timetablePages, config);
+    await writeFile(path.join(exportPath, 'index.html'), html);
+  }
 
   // Generate output log.txt
   const logText = await generateLogText(outputStats, config);

package/lib/template-functions.js

@@ -141,3 +141,45 @@ export function getNotesForStoptime(notes, stoptime) {
     );
   });
 }
+
+/*
+ * Formats a trip name.
+ */
+export function formatTripName(trip, index, timetable) {
+  let tripName = '';
+  if (timetable.routes.length > 1) {
+    tripName = trip.route_short_name;
+  } else if (trip.trip_short_name) {
+    tripName += trip.trip_short_name;
+  } else {
+    tripName += `Run #${index + 1}`;
+  }
+
+  if (timetableHasDifferentDays(timetable)) {
+    tripName += ` ${trip.dayList}`;
+  }
+
+  return tripName;
+}
+
+/*
+ * Formats a trip name.
+ */
+export function formatTripNameForCSV(trip, timetable) {
+  let tripName = '';
+  if (timetable.routes.length > 1) {
+    tripName += `${trip.route_short_name} - `;
+  }
+
+  if (trip.trip_short_name) {
+    tripName += trip.trip_short_name;
+  } else {
+    tripName += trip.trip_id;
+  }
+
+  if (timetableHasDifferentDays(timetable)) {
+    tripName += ` - ${trip.dayList}`;
+  }
+
+  return tripName;
+}

package/lib/utils.js

@@ -19,6 +19,7 @@ import {
   sortBy,
   uniq,
   uniqBy,
+  zip,
 } from 'lodash-es';
 import {
   getCalendarDates,
@@ -37,6 +38,7 @@ import {
   getTimetablePages,
   getAgencies,
 } from 'gtfs';
+import { stringify } from 'csv-stringify';
 import moment from 'moment';
 import sqlString from 'sqlstring';
 import toposort from 'toposort';
@@ -47,11 +49,14 @@ import {
   formatDays,
   formatDaysLong,
   formatFrequency,
+  formatStopName,
   formatStops,
   formatTimetableId,
   formatTimetableLabel,
   formatTimetablePageLabel,
   formatTrip,
+  formatTripContinuesAs,
+  formatTripContinuesFrom,
   isNullOrEmpty,
   mergeTimetablesWithSameId,
   resetStoptimesToMidnight,
@@ -67,6 +72,7 @@ import {
   fromGTFSTime,
   calendarCodeToCalendar,
 } from './time-utils.js';
+import { formatTripNameForCSV } from './template-functions.js';
 
 const { version } = JSON.parse(
   readFileSync(new URL('../package.json', import.meta.url))
@@ -1498,7 +1504,7 @@ export async function getFormattedTimetablePage(timetablePageId, config) {
 /*
  * Generate stats about timetable page.
  */
-const generateStats = (timetablePage) => {
+export const generateStats = (timetablePage) => {
   const stats = {
     stops: 0,
     trips: 0,
@@ -1527,17 +1533,54 @@ const generateStats = (timetablePage) => {
 /*
  * Generate the HTML timetable for a timetable page.
  */
-export async function generateHTML(timetablePage, config) {
+export function generateTimetableHTML(timetablePage, config) {
   const templateVars = {
     timetablePage,
     config,
   };
-  const html = await renderTemplate('timetablepage', templateVars, config);
-  const stats = generateStats(timetablePage);
-  return {
-    html,
-    stats,
-  };
+  return renderTemplate('timetablepage', templateVars, config);
+}
+
+/*
+ * Generate the CSV timetable for a timetable page.
+ */
+export async function generateTimetableCSV(timetable) {
+  // Generate horizontal orientation, then transpose if vertical is needed.
+  const lines = [];
+
+  lines.push([
+    '',
+    ...timetable.orderedTrips.map((trip) =>
+      formatTripNameForCSV(trip, timetable)
+    ),
+  ]);
+
+  if (timetable.has_continues_from_route) {
+    lines.push([
+      'Continues from route',
+      ...timetable.orderedTrips.map((trip) => formatTripContinuesFrom(trip)),
+    ]);
+  }
+
+  for (const stop of timetable.stops) {
+    lines.push([
+      formatStopName(stop),
+      ...stop.trips.map((stoptime) => stoptime.formatted_time),
+    ]);
+  }
+
+  if (timetable.has_continues_as_route) {
+    lines.push([
+      'Continues as route',
+      ...timetable.orderedTrips.map((trip) => formatTripContinuesAs(trip)),
+    ]);
+  }
+
+  if (timetable.orientation === 'vertical') {
+    return stringify(zip(...lines));
+  }
+
+  return stringify(lines);
 }
 
 /*

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "gtfs-to-html",
-  "version": "2.2.1",
+  "version": "2.3.3",
   "private": false,
-  "description": "Build human readable transit timetables as HTML or PDF from GTFS",
+  "description": "Build human readable transit timetables as HTML, PDF or CSV from GTFS",
   "keywords": [
     "transit",
     "gtfs",
@@ -38,32 +38,33 @@
     "@turf/helpers": "^6.5.0",
     "@turf/simplify": "^6.5.0",
     "archiver": "^5.3.0",
-    "chalk": "^4.1.2",
-    "cli-table": "^0.3.6",
+    "chalk": "^5.0.0",
+    "cli-table": "^0.3.11",
     "copy-dir": "^1.3.0",
-    "express": "^4.17.1",
-    "gtfs": "^3.1.4",
+    "csv-stringify": "^6.0.5",
+    "express": "^4.17.2",
+    "gtfs": "^3.2.4",
     "js-beautify": "^1.14.0",
     "lodash-es": "^4.17.21",
     "moment": "^2.29.1",
     "morgan": "^1.10.0",
-    "pretty-error": "^3.0.4",
+    "pretty-error": "^4.0.0",
     "pug": "^3.0.2",
-    "puppeteer": "^10.4.0",
+    "puppeteer": "^13.1.1",
     "sanitize-filename": "^1.6.3",
     "sqlstring": "^2.3.2",
     "timer-machine": "^1.1.0",
     "toposort": "^2.0.2",
     "untildify": "^4.0.0",
-    "yargs": "^17.2.1"
+    "yargs": "^17.3.1"
   },
   "devDependencies": {
-    "eslint": "^8.0.1",
+    "eslint": "^8.7.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-xo": "^0.39.0",
-    "husky": "^7.0.2",
-    "prettier": "^2.4.1",
-    "pretty-quick": "^3.1.1"
+    "husky": "^7.0.4",
+    "prettier": "^2.5.1",
+    "pretty-quick": "^3.1.3"
   },
   "engines": {
     "node": ">= 12.14.0"

package/public/css/timetable_styles.css

@@ -162,24 +162,26 @@ a:hover {
 }
 
 .route-color-swatch {
-  width: 26px;
+  min-width: 26px;
   height: 26px;
-  border-radius: 50%;
+  border-radius: 13px;
   text-align: center;
   line-height: 26px;
   font-size: 14px;
-  letter-spacing: -1px;
+  letter-spacing: -0.5px;
+  padding: 0 5px;
 }
 
 .route-color-swatch-large {
-  width: 40px;
+  min-width: 40px;
   height: 40px;
-  border-radius: 50%;
+  border-radius: 20px;
   text-align: center;
   line-height: 40px;
   font-size: 20px;
   font-weight: bold;
   letter-spacing: -1px;
+  padding: 0 8px;
 }
 
 @media screen and (max-width: 767px) {

package/views/default/formatting_functions.pug

@@ -11,23 +11,6 @@
     return summary;
   }
 
-  function formatTripName(trip, idx, timetable) {
-    let tripName = '';
-    if (timetable.routes.length > 1) {
-      tripName = trip.route_short_name;
-    } else if (trip.trip_short_name) {
-      tripName += trip.trip_short_name;
-    } else {
-      tripName += `Run #${idx + 1}`;
-    }
-  
-    if (timetableHasDifferentDays(timetable)) {
-      tripName += ` ${trip.dayList}`;
-    }
-  
-    return tripName;
-  }
-
   function formatRouteName(route) {
     const hasLongName = route.route_long_name !== '' && route.route_long_name !== null;
 

package/views/default/overview_full.pug

@@ -6,9 +6,9 @@ block extraHeader
   if config.showMap
     script(src="https://unpkg.com/jquery@3.6.0/dist/jquery.min.js" crossorigin="anonymous")
     script(src="https://unpkg.com/lodash@4.17.21/lodash.min.js" crossorigin="anonymous")
-    script(src="https://api.mapbox.com/mapbox-gl-js/v2.5.0/mapbox-gl.js")
+    script(src="https://api.mapbox.com/mapbox-gl-js/v2.5.1/mapbox-gl.js")
     script.
       mapboxgl.accessToken = '#{config.mapboxAccessToken}';
     script(src=`${config.assetPath}js/system-map.js`)
 
-    link(href="https://api.mapbox.com/mapbox-gl-js/v2.5.0/mapbox-gl.css" rel="stylesheet")
+    link(href="https://api.mapbox.com/mapbox-gl-js/v2.5.1/mapbox-gl.css" rel="stylesheet")

package/views/default/timetablepage_full.pug

@@ -9,10 +9,10 @@ block extraHeader
     script(src=`${config.assetPath}js/timetable-menu.js`)
 
   if config.showMap
-    script(src="https://api.mapbox.com/mapbox-gl-js/v2.5.0/mapbox-gl.js")
+    script(src="https://api.mapbox.com/mapbox-gl-js/v2.5.1/mapbox-gl.js")
     script.
       mapboxgl.accessToken = '#{config.mapboxAccessToken}';
     script(src=`${config.assetPath}js/timetable-map.js`)
 
-    link(href="https://api.mapbox.com/mapbox-gl-js/v2.5.0/mapbox-gl.css" rel="stylesheet")
+    link(href="https://api.mapbox.com/mapbox-gl-js/v2.5.1/mapbox-gl.css" rel="stylesheet")