chore: only generate og images locally

.eleventy.js

@@ -48,6 +48,9 @@ export default async function (eleventyConfig) {
     jsTruthy: true,
   })
 
+  // watch ignores
+  eleventyConfig.watchIgnores.add('src/assets/social-preview/**/*')
+
   // passthrough
   eleventyConfig.addPassthroughCopy('src/assets')
   eleventyConfig.addPassthroughCopy('_redirects')
@@ -74,7 +77,7 @@ export default async function (eleventyConfig) {
   })
   eleventyConfig.addPassthroughCopy({
      'node_modules/@daviddarnes/mastodon-post/mastodon-post.js': 'assets/scripts/components/mastodon-post.js'
-   }) 
+   })
 
   // enable merging of tags
   eleventyConfig.setDataDeepMerge(true)

config/events/index.js

@@ -3,26 +3,29 @@ import Image from '@11ty/eleventy-img'
 import { minify } from 'terser'
 
 export const svgToJpeg = () => {
-  const socialPreviewImagesDir = '_site/assets/img/social-preview/'
+  if (process.env.ELEVENTY_RUN_MODE !== 'build') {
-  fs.readdir(socialPreviewImagesDir, (err, files) => {
+    const socialPreviewImagesInputDir = '_site/assets/img/social-preview/'
-    if (!!files && files.length > 0) {
+    const socialPreviewImagesOutputDir = 'src/assets/img/social-preview/'
-      files.forEach((fileName) => {
+    fs.readdir(socialPreviewImagesInputDir, (err, files) => {
-        if (fileName.endsWith('.svg')) {
+      if (!!files && files.length > 0) {
-          let imageUrl = socialPreviewImagesDir + fileName
+        files.forEach((fileName) => {
-          Image(imageUrl, {
+          if (fileName.endsWith('.svg')) {
-            formats: ['jpeg'],
+            let imageUrl = socialPreviewImagesInputDir + fileName
-            outputDir: './' + socialPreviewImagesDir,
+            Image(imageUrl, {
-            filenameFormat: function (id, src, width, format) {
+              formats: ['jpeg'],
-              let outputFileName = fileName.substring(0, fileName.length - 4)
+              outputDir: './' + socialPreviewImagesOutputDir,
-              return `${outputFileName}.${format}`
+              filenameFormat: function (id, src, width, format) {
-            },
+                let outputFileName = fileName.substring(0, fileName.length - 4)
-          })
+                return `${outputFileName}.${format}`
-        }
+              },
-      })
+            })
-    } else {
+          }
-      console.log('⚠ No social images found')
+        })
-    }
+      } else {
-  })
+        console.log('⚠ No social images found')
+      }
+    })
+  }
 }
 
 export const minifyJsComponents = async () => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coryd.dev",
-  "version": "13.4.3",
+  "version": "13.5.0",
   "description": "The source for my personal site. Built using 11ty.",
   "type": "module",
   "scripts": {

src/_data/env.js

@@ -1,3 +1,5 @@
 export default async function () {
-  return process.env.NODE_ENV
+  return {
+    production: process.env.ELEVENTY_RUN_MODE === 'build'
+  }
 }