Merge pull request #4 from buzcarter/feature/index_OG_image

quick hack it in.
buzcarter · Oct 23, 2023 · 9e5ac01 · 9e5ac01
2 parents 724e8de + 3d4f1b5
commit 9e5ac01
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/buildRecipeIndex.js b/src/buildRecipeIndex.js
@@ -9,6 +9,7 @@ const Substitutions = {
   // Head's meta-tags
   META_FAVICON:      '{{__favIcon__}}',
   META_DATE:         '{{__metaDateGenerated__}}',
+  META_OG_IMG:    '{{__metaOGImage__}}',
   THEME_CSS:         '{{__theme__}}',
   // kickoff the on-page script
   STARTUP_JS:        '{{__startup__}}',
@@ -34,6 +35,7 @@ function buildRecipeIndex(indexTemplate, { defaultTheme, favicon, outputPath, in
   let lettersIndex = '';
   // create list of recipes
   let recipeItems = '';
+  let ogImgURL = '';
 
   let prevLetter = '';
 
@@ -50,6 +52,9 @@ function buildRecipeIndex(indexTemplate, { defaultTheme, favicon, outputPath, in
     }
 
     const image = images.find(i => i.name === name);
+    if (!ogImgURL && image) {
+      ogImgURL = `images/${image.fileName}`;
+    }
     const imgPath = image
       ? `images/thumbnails/${image.name}.jpg`
       : 'images/placeholder.svg';
@@ -71,6 +76,7 @@ function buildRecipeIndex(indexTemplate, { defaultTheme, favicon, outputPath, in
     .replace(Substitutions.META_DATE, `<meta name="date" content="${new Date()}">`)
     .replace(Substitutions.THEME_CSS, `theme-${defaultTheme}`)
     .replace(Substitutions.META_FAVICON, favicon ? `<link rel="icon" type="image/png" href="${favicon}">` : '')
+    .replace(Substitutions.META_OG_IMG, ogImgURL ? `<meta property="og:image" content="${ogImgURL}">` : '')
     .replace(Substitutions.STARTUP_JS, `recipeIndex.init("${initialIndexView || 'content'}")`);
 
   writeFileSync(resolve(outputPath, 'index.html'), prettyHtml(contents), { encoding: 'utf8' });

diff --git a/src/templates/index.html b/src/templates/index.html
@@ -6,6 +6,7 @@
   <!-- basics -->
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+  {{__metaOGImage__}}
   {{__metaDateGenerated__}}
   {{__favIcon__}}
   <!-- font and styles -->