Launch Maplibre and fully excise Mapbox (#1276)

Bye bye Mapbox

Author: jboolean

backend/README.md

@@ -30,13 +30,13 @@ npm start
 
 ## Environments
 
-There are three backend environments (stages), two database environments, unlimited frontend environments, and one Mapbox map.
+There are three backend environments (stages), two database environments, unlimited frontend environments, and one Maplibre map.
 
 On the backend, there's production, staging, and your local development environment. Production uses the `fourtiesnyc` database, while other environments use `fourtiesnyc_staging`. This means your local server uses a shared database with staging. This is not ideal and came about because originally the app had only static photo data; it should be improved.
 
 On the frontend, there are ephemeral environments created for each pull request, these all share `staging` as the backend.
 
-There is one Mapbox map that is shared. This means you may see story labels on the map that are not in the staging database and can't be read.
+There is one Maplibre map that is shared. This means you may see story labels on the map that are not in the staging database and can't be read.
 
 ## Deployment
 
@@ -138,13 +138,13 @@ There's currently no sign-up form for the mailing list. Addresses are just added
 
 ### Map sync
 
-Every night, a cron job refreshes the materialized views, regenerates a set of geojson, pushes it to Mapbox, and triggers Mapbox's regeneration of the map tiles. Note that regenerating map tiles costs money, which is why it's not done continuously.
+Every night, a cron job refreshes the materialized views, regenerates a set of geojson, and generates PMTiles.
 
 This important process supports geocode corrections and user story labels.
 
 ## Third party services
 
-- Mapbox - For the map
+- Maplibre - For the map using self-hosted PMTiles
 - AWS SSM - For secrets
 - Postmark - For transactional and campaign emails
 - Netlify Identity - For admin users

backend/serverless.yml

@@ -33,7 +33,6 @@ provider:
     JWT_SECRET: ${ssm:/${self:service}-${sls:stage}-jwt-secret}
     MODERATORS_TO_EMAIL: ${ssm:/${self:service}-${sls:stage}-moderators-to-email}
     MERCH_REVIEWER_EMAILS: ${ssm:/${self:service}-${sls:stage}-merch-reviewer-emails}
-    MAPBOX_SK: ${ssm:/${self:service}-${sls:stage}-mapbox-sk}
     OPENAI_SK: ${ssm:/${self:service}-${sls:stage}-openai-sk}
     RAPIDAPI_API_KEY: ${ssm:/${self:service}-${sls:stage}-rapidapi-api-key}
     PRINTFUL_SK: ${ssm:/${self:service}-${sls:stage}-printful-sk}
@@ -90,17 +89,11 @@ functions:
     handler: checkMerchQueue.handler
     events:
       - schedule: cron(30 11 * * ? *)
-  syncMap:
-    enabled: '"${sls:stage}" == "production"'
-    handler: syncMap.handler
-    events:
-      - schedule: cron(0 12 * * ? *)
-    timeout: 900
   syncMapSelfHosted:
     enabled: '"${sls:stage}" == "production" || "${sls:stage}" == "staging"'
     handler: syncMapSelfHosted.handler
     events:
-      - schedule: cron(10 12 * * ? *)
+      - schedule: cron(0 12 * * ? *)
     timeout: 900
     memorySize: 4096
     layers:

backend/src/business/geodata/TilesetService.ts

@@ -12,7 +12,6 @@ import {
   StoryEmailTemplateData,
 } from '../email/templates/StoryUserEmailTemplateData';
 import StoryUserRemovedTemplate from '../email/templates/StoryUserRemovedTemplate';
-import forgeStaticMapUrl from '../utils/forgeStaticMapUrl';
 import required from '../utils/required';
 import { createStoryToken } from './StoryTokenService';
 
@@ -71,26 +70,15 @@ function forgeImageThumbnailUrl(photo: Story['photo']): string {
   return `https://photos.1940s.nyc/420-jpg/${photo.identifier}.jpg`;
 }
 
-function forgeMapImageUrl(
-  photo: Story['photo'],
-  lngLat: Story['lngLat'],
-  retina = false
-): string | null {
-  if (!lngLat) {
-    return null;
-  }
-  return forgeStaticMapUrl(photo.identifier, lngLat, 315, 315, 16, retina);
-}
-
 function forgeStoryTemplateContext(story: Story): StoryEmailTemplateData {
   return {
     storytellerName: required(story.storytellerName, 'storytellerName'),
     photoDescription: describePhoto(story.photo),
     storyEditUrl: forgeStoryEditUrl(story),
     viewPhotoUrl: forgePhotoUrl(story.photo, story.lngLat),
     photoThumbnailUrl: forgeImageThumbnailUrl(story.photo),
-    mapImageUrl: forgeMapImageUrl(story.photo, story.lngLat, false),
-    mapImageUrlRetina: forgeMapImageUrl(story.photo, story.lngLat, true),
+    mapImageUrl: null,
+    mapImageUrlRetina: null,
   };
 }
 

backend/src/business/stories/StoryUserEmailService.ts

@@ -14,7 +14,6 @@ module.exports = {
     convertImage: './convertImage.ts',
     checkStaleStories: './checkStaleStories.ts',
     checkMerchQueue: './checkMerchQueue.ts',
-    syncMap: './syncMap.ts',
     syncMapSelfHosted: './syncMapSelfHosted.ts',
     generateStoryTitles: './generateStoryTitles.ts',
     sendEmailCampaigns: './sendEmailCampaigns.ts',