@quintype/seo 1.49.2 → 1.49.3-article-image-array-schema.1

package/dist/index.cjs.js

@@ -680,10 +680,44 @@ function generateArticleData(structuredData = {}, story = {}, publisherConfig =
     dateModified: stripMillisecondsFromTime(new Date(story["last-published-at"]), timezone),
     datePublished: stripMillisecondsFromTime(new Date(story["first-published-at"]), timezone),
     name: storyKeysPresence && story.headline || "",
-    image: generateArticleImageData(story["hero-image-s3-key"], publisherConfig)
+    image: generateArticleHeroImageData(story["hero-image-s3-key"], publisherConfig, story["hero-image-metadata"])
   }, isAccessibleForFree, sponsor, { isPartOf: generateIsPartOfDataForArticle(story, publisherConfig) }, articleSectionObj(story));
 }
 
+function generateArticleHeroImageData(image, publisherConfig = {}, imageMetadata = {}) {
+  const imageWidth = 1200;
+  const imageHeights = [675, 900, 1200];
+  const hasFocusPoint = get__default["default"](imageMetadata, ["focus-point"], null);
+
+  const focusedImage = hasFocusPoint ? new quintypeJs.FocusedImage(image, imageMetadata) : null;
+
+  return imageHeights.map(height => {
+    let croppedImage = "";
+    const imageSrc = /^https?.*/.test(publisherConfig["cdn-image"]) ? publisherConfig["cdn-image"] : `https://${publisherConfig["cdn-image"]}`;
+
+    if (focusedImage) {
+      const path = focusedImage.path([imageWidth, height], {
+        w: imageWidth,
+        h: height,
+        auto: "format,compress",
+        fit: "crop"
+      });
+      croppedImage = `${imageSrc}/${path}`;
+      console.log("focusedImage ----------->>>", {
+        hasFocusPoint,
+        focusedImage,
+        path,
+        croppedImage
+      });
+    }
+    const finalUrl = focusedImage ? croppedImage : imageUrl(publisherConfig, image, imageWidth, height);
+    return Object.assign({
+      "@type": "ImageObject",
+      url: finalUrl
+    }, getQueryParams(finalUrl));
+  });
+}
+
 function generateArticleImageData(image, publisherConfig = {}) {
   const imageWidth = 1200;
   const imageHeight = 675;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/seo",
-  "version": "1.49.2",
+  "version": "1.49.3-article-image-array-schema.1",
   "description": "SEO Modules for Quintype",
   "main": "dist/index.cjs.js",
   "repository": "https://github.com/quintype/quintype-node-seo",

package/src/structured-data/structured-data-tags.js

@@ -1,4 +1,5 @@
 import get from "lodash/get";
+import { FocusedImage } from "quintype-js";
 import { getAllowedCards, getQueryParams, stripMillisecondsFromTime, stripQueryParams } from "../utils";
 import { generateTagsForEntity } from "./entity";
 import {
@@ -122,7 +123,7 @@ function generateArticleData(structuredData = {}, story = {}, publisherConfig =
       dateModified: stripMillisecondsFromTime(new Date(story["last-published-at"]), timezone),
       datePublished: stripMillisecondsFromTime(new Date(story["first-published-at"]), timezone),
       name: (storyKeysPresence && story.headline) || "",
-      image: generateArticleImageData(story["hero-image-s3-key"], publisherConfig),
+      image: generateArticleHeroImageData(story["hero-image-s3-key"], publisherConfig, story["hero-image-metadata"]),
     },
     isAccessibleForFree,
     sponsor,
@@ -131,6 +132,45 @@ function generateArticleData(structuredData = {}, story = {}, publisherConfig =
   );
 }
 
+function generateArticleHeroImageData(image, publisherConfig = {}, imageMetadata = {}) {
+  const imageWidth = 1200;
+  const imageHeights = [675, 900, 1200];
+  const hasFocusPoint = get(imageMetadata, ["focus-point"], null);
+
+  const focusedImage = hasFocusPoint ? new FocusedImage(image, imageMetadata) : null;
+
+  return imageHeights.map((height) => {
+    let croppedImage = "";
+    const imageSrc = /^https?.*/.test(publisherConfig["cdn-image"])
+      ? publisherConfig["cdn-image"]
+      : `https://${publisherConfig["cdn-image"]}`;
+
+    if (focusedImage) {
+      const path = focusedImage.path([imageWidth, height], {
+        w: imageWidth,
+        h: height,
+        auto: "format,compress",
+        fit: "crop",
+      });
+      croppedImage = `${imageSrc}/${path}`;
+      console.log("focusedImage ----------->>>", {
+        hasFocusPoint,
+        focusedImage,
+        path,
+        croppedImage,
+      });
+    }
+    const finalUrl = focusedImage ? croppedImage : imageUrl(publisherConfig, image, imageWidth, height);
+    return Object.assign(
+      {
+        "@type": "ImageObject",
+        url: finalUrl,
+      },
+      getQueryParams(finalUrl)
+    );
+  });
+}
+
 function generateArticleImageData(image, publisherConfig = {}) {
   const imageWidth = 1200;
   const imageHeight = 675;