the "Maida Heatter" case: allow author names to be in Headers (h3-h6)

buzcarter · Nov 11, 2023 · 9cc4178 · 9cc4178
1 parent b0b32c6
commit 9cc4178
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 9 deletions.
diff --git a/src/buildRecipes.js b/src/buildRecipes.js
@@ -171,7 +171,8 @@ function getHelpSection(helpURLs, name) {
 
 function convertRecipe(outputHTML, recipeHTML, opts) {
   const {
-    name, image,
+    name,
+    heroImgURL: image,
     autoUrlSections, defaultTheme, favicon, useFractionSymbols, helpURLs, includeHelpLinks, shortenURLs, titleSuffix,
   } = opts;
   let recipeName = '';

diff --git a/src/libs/__tests__/utils.test.js b/src/libs/__tests__/utils.test.js
@@ -128,8 +128,9 @@ describe('buildRecipes', () => {
     });
   });
 
-  describe('', () => {
+  describe('getAuthor', () => {
     const { getAuthor } = utils;
+
     it('should happy path', () => {
       const Tests = [{
         value: ``,
@@ -188,6 +189,14 @@ from Mellisa Clark at the New York Times
 by Jeff "Handsy" Smith aka "The Frugal Gourmet" (WBEZ Chicago)
         `,
         expectedResult: 'Jeff "Handsy" Smith aka "The Frugal Gourmet"',
+      }, {
+        value: `
+# Positively-the-Absolutely-Best-Chocolate-Chip Cookies
+### From Maida Heatter
+
+* Yield: **50** cookies.
+`,
+        expectedResult: 'Maida Heatter'
       }];
 
       Tests.forEach(({ value, expectedResult}) => {

diff --git a/src/libs/utils.js b/src/libs/utils.js
@@ -23,7 +23,7 @@ const RegExes = {
   // #endregion
 
   // #region Find Author Credit
-  AUTHOR: /^\s*(?:by|courtesy of|from(?: the)? kitchen of|from)\s*[ :-]\s*([A-Z][\w "]+)/im
+  AUTHOR: /^(?:#{3,6})?\s*(?:by|courtesy of|from(?: the)? kitchen of|from)\s*[ :-]\s*([A-Z][\w "]+)/im
   // #endregion
 };
 

diff --git a/src/static/styles/recipesIndex.css b/src/static/styles/recipesIndex.css
@@ -4,9 +4,9 @@
   --color-view-btn-selected: var(--color-primary);
   --color-view-svg-selected: var(--color-neutral-00);
 
-  --color-filter-inactive: var(--color-neutral-25);
-  --color-filter-hover:    var(--color-neutral-80);
-  --color-filter-focus:    var(--color-neutral-50);
+  --color-filter-inactive:   var(--color-neutral-25);
+  --color-filter-hover:      var(--color-neutral-80);
+  --color-filter-focus:      var(--color-neutral-50);
 
   --search-input-height: 40px;
   --search-icon-length:  18px;
@@ -214,10 +214,11 @@ body .recipe-list .recipe-list__item--hidden {
 }
 
 .recipe-list__author {
+  color: var(--color-neutral-50);
   display: block;
-  font-style: normal;
   font-size: 90%;
-  color: var(--color-neutral-50);
+  font-style: normal;
+  font-weight: 300;
 }
 
 /* Shared */
@@ -232,7 +233,6 @@ body .recipe-list .recipe-list__item--hidden {
   break-inside: avoid-column;
 }
 
-
 /* view: Compact List */
 .view--compact-list .recipe-list__author,
 .view--compact-list .recipe-list__photo {