Add first batch of tag icons

baker/SiteBaker.tsx

@@ -779,6 +779,25 @@ export class SiteBaker {
         this.progressBar.tick({ name: "✅ baked google drive images" })
     }
 
+    // Make sure that our tag icons don't have typos, nor reference tags that have been renamed
+    // We want to be sure that if we have a tag name, we'll be able to load its icon like so:
+    // <img src={`/images/tag-icons/${tag.name}.svg`} />
+    private async validateTagIcons() {
+        const allTags = await db
+            .knexTable("tags")
+            .select<{ name: string }[]>("name")
+        const tagNames = new Set(allTags.map((tag) => tag.name))
+        const tagIcons = await fs.readdir("public/images/tag-icons")
+        for (const icon of tagIcons) {
+            const iconName = icon.split(".")[0]
+            if (!tagNames.has(iconName)) {
+                logErrorAndMaybeSendToBugsnag(
+                    `Tag icon "${icon}" does not have a corresponding tag in the database.`
+                )
+            }
+        }
+    }
+
     // Bake the static assets
     private async bakeAssets() {
         if (!this.bakeSteps.has("assets")) return
@@ -793,6 +812,7 @@ export class SiteBaker {
         await execWrapper(
             `rm -rf ${this.bakedSiteDir}/assets && cp -r ${BASE_DIR}/dist/assets ${this.bakedSiteDir}/assets`
         )
+        await this.validateTagIcons()
         await execWrapper(
             `rsync -hav --delete ${BASE_DIR}/public/* ${this.bakedSiteDir}/ ${excludes}`
         )