@quintype/seo 1.40.8 → 1.40.10

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.40.10](https://github.com/quintype/quintype-node-seo/compare/v1.40.5...v1.40.10) (2022-07-29)
+
+
+### Bug Fixes
+
+* Amphtml error  ([#526](https://github.com/quintype/quintype-node-seo/issues/526)) ([24b6c61](https://github.com/quintype/quintype-node-seo/commit/24b6c616118f3db1a2cdda0d98d2827bf2a0d099))
+* **embed-url:** use fallback when story elements are not there ([#530](https://github.com/quintype/quintype-node-seo/issues/530)) ([cf9ab06](https://github.com/quintype/quintype-node-seo/commit/cf9ab06d022a1b2d4c3d6843adcea32606712669))
+* **video-structured-data:** use correct embed url ([#528](https://github.com/quintype/quintype-node-seo/issues/528)) ([abe449f](https://github.com/quintype/quintype-node-seo/commit/abe449fd7e75d45f9b9896444f3ef644ca2cf497))
+
+### [1.40.9](https://github.com/quintype/quintype-node-seo/compare/v1.40.8...v1.40.9) (2022-07-12)
+
+
+### Bug Fixes
+
+* **embed-url:** use fallback when story elements are not there ([#530](https://github.com/quintype/quintype-node-seo/issues/530)) ([cf9ab06](https://github.com/quintype/quintype-node-seo/commit/cf9ab06d022a1b2d4c3d6843adcea32606712669))
+
 ### [1.40.8](https://github.com/quintype/quintype-node-seo/compare/v1.40.5...v1.40.8) (2022-07-11)
 
 

package/dist/index.cjs.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var lodash = require('lodash');
 var React = require('react');
 var ReactDomServer = require('react-dom/server');
+var get = require('lodash/get');
 var url = require('url');
 var dateFnsTz = require('date-fns-tz');
-var quintypeJs = require('quintype-js');
-var get = require('lodash/get');
 var isUndefined = require('lodash/isUndefined');
 var omitBy = require('lodash/omitBy');
+var quintypeJs = require('quintype-js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -49,375 +49,185 @@ function isStoryPublic(story) {
   return story.access === undefined || story.access === null || story.access === 'public';
 }
 
-function buildTagsFromStory(config, story, url = {}, data = {}) {
-  if (!story) return;
-
-  function getStoryCardMetadata(cardId) {
-    const { metadata = {} } = story.cards.find(card => card.id === cardId) || {};
-    const urlWithCardId = `${config["sketches-host"]}/${story.slug}?cardId=${cardId}`;
+function showAmpTag({ ampStoryPages = true }, pageType, story) {
+  if (!ampStoryPages || pageType !== 'story-page') {
+    return false;
+  }
 
-    if (metadata && !lodash.isEmpty(metadata) && metadata["social-share"]) {
-      return {
-        title: metadata["social-share"].title || story.headline,
-        description: metadata["social-share"].message || story.summary,
-        ogUrl: urlWithCardId,
-        ogTitle: metadata["social-share"].title || story.headline,
-        ogDescription: metadata["social-share"].message || story.summary
-      };
-    }
-    return metadata;
+  if (ampStoryPages === 'public' && !isStoryPublic(story)) {
+    return false;
   }
 
-  const seo = story.seo || {};
+  return true;
+}
 
-  const storyUrl = story.url || `${config["sketches-host"]}/${story.slug}`;
+const getDomain = (url, domainSlug) => {
+  const domain = domainSlug ? new URL(url).origin : '';
+  try {
+    return domain;
+  } catch (err) {
+    return "";
+  }
+};
 
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
-  const authors = lodash.get(story, ["authors"], []).map(author => author.name);
-  const title = customSeo.title || seo["meta-title"] || story.headline;
-  const pageTitle = customSeo["page-title"] || seo["meta-title"] || story.headline;
-  const description = customSeo.description || seo["meta-description"] || story.summary;
-  const keywords = (customSeo.keywords || seo["meta-keywords"] || (story.tags || []).map(tag => tag.name)).join(",");
-  const ogUrl = customSeo.ogUrl || lodash.get(seo, ["og", "url"]) || storyUrl;
-  const getOgTitle = customSeo.ogTitle || lodash.get(story, ["alternative", "social", "default", "headline"], story.headline) || story.headline;
-  const ogDescription = customSeo.ogDescription || story.summary;
-  const storyMetaData = {
-    title,
-    "page-title": pageTitle,
-    description,
-    keywords,
-    canonicalUrl: story["canonical-url"] || storyUrl,
-    ogUrl,
-    ogTitle: getOgTitle,
-    ogDescription,
-    storyUrl,
-    author: authors
-  };
+/**
+ * StoryAmpTags adds the amphref to stories which support amp.
+ *
+ * @extends Generator
+ * @param {*} seoConfig
+ * @param {(boolean|"public")} seoConfig.ampStoryPages Should amp story pages be shown for all stories (true), not shown (false), or only be shown for public stories ("public"). Default: true
+ * @param {(boolean)} seoConfig.appendHostToAmpUrl If set to true, the url to be appended to the slug is computed based on the currentHostUrl and the domain slug, else the url is taken as the sketches host. Default: false
+ * @param {(boolean)} seoConfig.decodeAmpUrl If set to true, the storySlug that goes as the amp href url is decoded, else the storyslug is encoded. Default: false
+ * @param {...*} params See {@link Generator} for other Parameters
+ */
+function StoryAmpTags(seoConfig, config, pageType, data = {}, opts) {
 
-  if (url.query && url.query.cardId) {
-    const storyCardMetadata = getStoryCardMetadata(url.query.cardId);
-    return Object.assign({}, storyMetaData, storyCardMetadata); //TODO rewrite in spread syntax, add babel plugin
+  const story = get__default["default"](data, ["data", "story"], {});
+  const { currentHostUrl = '', domainSlug } = data;
+  // TODO: Remove this condition and always make absolute URL if that's better for AMP discoverability.
+  const ampUrlAppend = seoConfig.appendHostToAmpUrl ? getDomain(currentHostUrl, domainSlug) || config['sketches-host'] : '';
+  const storySlug = seoConfig.decodeAmpUrl ? decodeURIComponent(story.slug) : encodeURIComponent(story.slug);
+  const ampUrl = story["story-template"] === "visual-story" ? `${ampUrlAppend}/${storySlug}` : `${ampUrlAppend}/amp/story/${storySlug}`;
+
+  if (showAmpTag(seoConfig, pageType, story)) {
+    return [{
+      tag: 'link',
+      rel: 'amphtml',
+      href: ampUrl
+    }];
+  } else {
+    return [];
   }
+}
 
-  return storyMetaData;
+/**
+ * AuthorTags adds the twitter:creator tag for story pages
+ *
+ * @extends Generator
+ * @param {*} seoConfig
+ * @param {...*} params See {@link Generator} for other Parameters
+ */
+function AuthorTags(seoConfig, config, pageType, data, { url }) {
+  if (pageType != "story-page" || pageType != "story-page-amp") return [];
+
+  return [{
+    name: "twitter:creator",
+    content: lodash.get(data, ["data", "story", "author-name"])
+  }];
 }
 
-function buildTagsFromTopic(config, tag, url = {}, data) {
-  if (lodash.isEmpty(tag)) return;
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
-  const tagName = customSeo.title || tag["meta-title"] || tag.name;
-  const pageTitle = customSeo["page-title"] || tagName;
-  const tagDescription = customSeo.description || tag["meta-description"];
-  const description = `Read stories listed under on ${tag.name}`;
-  const tagUrl = `${config["sketches-host"]}${url.pathname}`;
-  const canonicalSlug = tag["canonical-slug"] || url.pathname;
-  const canonicalUrl = `${config["sketches-host"]}${canonicalSlug}`;
-  const ogTitle = customSeo.ogTitle || tagName;
-  const ogDescription = customSeo.ogDescription || description;
-  const topicMetaData = {
-    title: tagName,
-    "page-title": pageTitle,
-    description: tagDescription || description,
-    keywords: tagName,
-    canonicalUrl,
-    ogUrl: tagUrl,
-    ogTitle,
-    ogDescription
+function getTitle$1(config) {
+  return config["publisher-settings"] ? config["publisher-settings"]["title"] : config["publisher-name"];
+}
+
+function generateStaticData(config) {
+  const title = getTitle$1(config);
+  const themeConfig = config["theme-attributes"] || {};
+  const publicIntegrations = get__default["default"](config, ['public-integrations'], {});
+  const staticData = {
+    "twitter:site": title,
+    "twitter:domain": config["sketches-host"],
+    "twitter:app:name:ipad": themeConfig["twitter_app_name_ipad"],
+    "twitter:app:name:googleplay": themeConfig["twitter_app_name_googleplay"],
+    "twitter:app:id:googleplay": themeConfig["twitter_app_id_googleplay"],
+    "twitter:app:name:iphone": themeConfig["twitter_app_name_iphone"],
+    "twitter:app:id:iphone": themeConfig["twitter_app_id_iphone"],
+    "apple-itunes-app": themeConfig["apple_itunes_app"],
+    "google-play-app": themeConfig["google_play_app"],
+    "fb:app_id": get__default["default"](publicIntegrations, ['facebook', 'app-id']) || get__default["default"](themeConfig, ["fb_app_id"]),
+    "fb:pages": themeConfig["fb_pages"],
+    "og:site_name": title
   };
 
-  return topicMetaData;
+  return omitBy__default["default"](staticData, isUndefined__default["default"]);
 }
 
-function buildTagsFromAuthor(config, author, url = {}, data) {
-  if (lodash.isEmpty(author)) return;
+function generateImageObject(config = {}) {
+  const { "theme-attributes": themeConfig = {} } = config;
+  return {
+    "@context": "http://schema.org",
+    "@type": "ImageObject",
+    "author": config['publisher-name'],
+    "contentUrl": themeConfig.logo,
+    "url": themeConfig.logo,
+    "name": "logo",
+    "width": themeConfig.logo && getQueryParams(themeConfig.logo).width,
+    "height": themeConfig.logo && getQueryParams(themeConfig.logo).height
+  };
+}
 
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
-  const title = customSeo.title || author.name;
-  const pageTitle = customSeo["page-title"] || title;
-  const description = customSeo.description || author.bio || `View all articles written by ${title}`;
-  const ogTitle = customSeo.ogTitle || author.name;
-  const authorUrl = `${config["sketches-host"]}${url.pathname}`;
-  const ogDescription = customSeo.ogDescription || description;
+function generateStructuredData(config = {}) {
+  const title = getTitle$1(config);
+  const { "theme-attributes": themeConfig, "social-links": socialLinks, "seo-metadata": seoMetadata = [] } = config;
+  const homePageSeo = seoMetadata.find(page => page["owner-type"] === "home") || {};
+  const { "page-title": pageTitle = "", description = "", keywords = "" } = get__default["default"](homePageSeo, ["data"], {});
+  if (!themeConfig || !themeConfig.logo) {
+    return {};
+  }
+  let enableStructuredDataForNewsArticle = themeConfig['structured_data_news_article'] || false;
+  if (config.hasOwnProperty('enableStructuredDataForNewsArticle') && typeof config.enableStructuredDataForNewsArticle !== "undefined") {
+    enableStructuredDataForNewsArticle = config.enableStructuredDataForNewsArticle;
+  }
 
   return {
-    title,
-    "page-title": pageTitle,
-    description,
-    keywords: `${title},${config["publisher-name"]}`,
-    canonicalUrl: authorUrl,
-    ogUrl: authorUrl,
-    ogTitle,
-    ogDescription
+    organization: {
+      name: title,
+      url: config["sketches-host"],
+      logo: generateImageObject(config),
+      sameAs: socialLinks ? Object.values(socialLinks) : []
+    },
+    enableNewsArticle: !!enableStructuredDataForNewsArticle,
+    storyUrlAsMainEntityUrl: !!enableStructuredDataForNewsArticle,
+    enableVideo: !themeConfig['structured_data_enable_video'],
+    enableLiveBlog: !themeConfig['structured_data_enable_live_blog'],
+    website: {
+      url: config["sketches-host"],
+      searchpath: "search?q={query}",
+      queryinput: "required name=query",
+      name: pageTitle || title,
+      headline: description,
+      keywords
+    }
   };
 }
 
-function buildCustomTags(customTags = {}, pageType = "") {
-  const configObject = customTags[pageType];
-  if (configObject) {
-    return configObject;
+function pickImageFromCard(story, cardId) {
+  const { metadata = {} } = story.cards.find(card => card.id === cardId) || {};
+  if (metadata && !lodash.isEmpty(metadata) && lodash.get(metadata, ["social-share", "image", "key"], false)) {
+    const alt = metadata["social-share"].image.attribution || metadata["social-share"].title || metadata["social-share"].message || getAttribution(story);
+    return {
+      image: new quintypeJs.FocusedImage(metadata["social-share"].image.key, metadata["social-share"].image.metadata || {}),
+      alt
+    };
   }
-  return {};
 }
 
-function buildTagsFromStaticPage(config, page, url = {}, data) {
-  const seoData = lodash.get(page, ["metadata", "seo"], {});
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
-  if (lodash.isEmpty(seoData) && lodash.isEmpty(customSeo)) return;
+function getAttribution(story) {
+  return story["hero-image-attribution"] || story.summary || lodash.get(story, ["alternative", "home", "default", "headline"]) || story.headline;
+}
 
-  const { "meta-title": metaTitle, "meta-description": metaDescription, "meta-keywords": keywords } = seoData;
+/**
+ * priority:
+ * 1. alternate social image
+ * 2. alternate hero image
+ * 3. hero image
+ * 4. "fallbackSocialImage" from seo config
+ * 5. logo_url from /api/v1/config > theme-attributes
+ * 5. logo from /api/v1/config > theme-attributes
+ * 6. undefined (meta tag won't get created)
+ */
+function pickImageFromStory({ story, config, seoConfig }) {
+  function getAlt(type, key, fallback) {
+    return lodash.get(story, ["alternative", `${type}`, "default", "hero-image", `${key}`], fallback);
+  }
 
-  const title = customSeo.title || metaTitle || page.title;
-  const pageTitle = customSeo["page-title"] || title;
-  const description = customSeo.description || metaDescription;
-  const ogTitle = customSeo.ogTitle || title;
-  const staticPageUrl = `${config["sketches-host"]}${url.pathname}`;
-  const ogDescription = customSeo.ogDescription || description;
-
-  return {
-    title,
-    "page-title": pageTitle,
-    description,
-    keywords: `${title},${config["publisher-name"]}`,
-    canonicalUrl: staticPageUrl,
-    ogUrl: staticPageUrl,
-    ogTitle,
-    ogDescription,
-    keywords: customSeo.keywords || keywords
-  };
-}
-
-// The findRelevantConfig method call has no ownerId for home page.
-// This causes the seoMetadata to be undefined.
-// So the default value for the ownerId is set to null.
-
-function getSeoData(config, pageType, data, url = {}, seoConfig = {}) {
-  function findRelevantConfig(ownerType, ownerId = null) {
-    const seoMetadata = config["seo-metadata"].find(page => page["owner-type"] === ownerType && page["owner-id"] === ownerId) || {};
-    const { sections = [] } = config;
-    const section = sections.find(section => ownerType == "section" && section.id === ownerId) || {};
-    const customSeo = lodash.get(data, ["data", "customSeo"], {});
-    if (seoMetadata.data || section.id || !lodash.isEmpty(customSeo)) {
-      const result = Object.assign({}, {
-        "page-title": customSeo["page-title"] || section.name,
-        title: customSeo.title || section.name,
-        canonicalUrl: customSeo["canonicalUrl"] || section["section-url"] || undefined
-      }, seoMetadata.data);
-
-      if (!result.description) {
-        const homeSeoData = config["seo-metadata"].find(page => page["owner-type"] === "home") || {
-          data: { description: "" }
-        };
-        result.description = customSeo.description || homeSeoData.data.description;
-      }
-
-      result.ogTitle = customSeo.ogTitle || result.title;
-      result.ogDescription = customSeo.ogDescription || result.description;
-      return result;
-    }
-  }
-
-  if (seoConfig.customTags && seoConfig.customTags[pageType]) {
-    return buildCustomTags(seoConfig.customTags, pageType);
-  }
-
-  function getShellSeoData(config) {
-    const seoMetadata = config["seo-metadata"].find(meta => meta["owner-type"] === "home") || {};
-    return Object.assign({}, seoMetadata.data, { canonicalUrl: SKIP_CANONICAL });
-  }
-
-  switch (pageType) {
-    case "home-page":
-      return findRelevantConfig("home");
-    case "section-page":
-      return findRelevantConfig("section", lodash.get(data, ["data", "section", "id"])) || getSeoDataFromCollection(config, data) || getSeoData(config, "home-page", data, url);
-    case "collection-page":
-      return getSeoDataFromCollection(config, data) || getSeoData(config, "home-page", data, url);
-    case "tag-page":
-      return buildTagsFromTopic(config, lodash.get(data, ["data", "tag"]), url, data) || getSeoData(config, "home-page", data, url);
-    case "story-page":
-      return buildTagsFromStory(config, lodash.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
-    case "visual-story":
-      return buildTagsFromStory(config, lodash.get(data, ["story"]), url, data) || getSeoData(config, "home-page", data, url);
-    case "story-page-amp":
-      return buildTagsFromStory(config, lodash.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
-    case "author-page":
-      return buildTagsFromAuthor(config, lodash.get(data, ["data", "author"], {}), url, data) || getSeoData(config, "home-page", data, url);
-    case "static-page":
-      return buildTagsFromStaticPage(config, lodash.get(data, ["data", "page"], {}), url, data) || getSeoData(config, "home-page", data, url);
-    case "shell":
-      return getShellSeoData(config);
-    default:
-      return getSeoData(config, "home-page", data, url);
-  }
-}
-
-function getSeoDataFromCollection(config, data) {
-  if (lodash.get(data, ["data", "collection", "name"])) {
-    let { name, summary } = lodash.get(data, ["data", "collection"]);
-    const customSeo = lodash.get(data, ["data", "customSeo"], {});
-
-    if (!summary) {
-      summary = (getSeoData(config, "home-page", data) || {}).description;
-    }
-    const title = customSeo.title || name;
-    const pageTitle = customSeo["page-title"] || name;
-    const ogTitle = customSeo.ogTitle || title;
-    const description = customSeo.description || summary;
-    const ogDescription = customSeo.ogDescription || summary;
-    return {
-      "page-title": pageTitle,
-      title,
-      ogTitle,
-      description,
-      ogDescription,
-      canonicalUrl: SKIP_CANONICAL
-    };
-  }
-}
-
-const SKIP_CANONICAL = "__SKIP__CANONICAL__";
-
-/**
- * TextTags adds the majority of basic tags, such as
- * * Canonical URLs
- * * Title and Description
- * * Keywords
- *
- * If the current URL contains a cardId in the query parameters, then the title and description will come from *card["social-share"]*
- *
- * @extends Generator
- * @param {*} seoConfig
- * @param {boolean} seoConfig.enableOgTags Add og tags for Facebook
- * @param {boolean} seoConfig.enableTwitterCards Add twitter tags
- * @param {boolean} seoConfig.enableNews Add tags for Google News, like news_keywords
- * @param {Object} seoConfig.customTags Add tags for a custom page type. Usually looks like `{"custom-page": {"title": "value", "canonicalUrl": "value"}}`
- * @param {...*} params See {@link Generator} for other Parameters
- */
-function TextTags(seoConfig, config, pageType, data, { url }) {
-  const seoData = getSeoData(config, pageType, data, url, seoConfig);
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
-
-  if (!seoData) return [];
-
-  const currentUrl = `${config["sketches-host"]}${url.pathname}`;
-
-  const basicTags = {
-    description: customSeo.description || seoData.description,
-    title: customSeo.title || seoData.title,
-    keywords: customSeo.keywords || seoData.keywords
-  };
-
-  const ogUrl = customSeo.ogUrl || seoData.ogUrl || seoData.canonicalUrl || currentUrl;
-  const ogTags = seoConfig.enableOgTags ? {
-    "og:type": pageType === "story-page" || pageType === "story-page-amp" ? "article" : "website",
-    "og:url": ogUrl === SKIP_CANONICAL ? undefined : ogUrl,
-    "og:title": customSeo.ogTitle || seoData.ogTitle,
-    "og:description": customSeo.ogDescription || seoData.ogDescription
-  } : undefined;
-
-  const twitterTags = seoConfig.enableTwitterCards ? {
-    "twitter:card": "summary_large_image",
-    "twitter:title": customSeo.twitterTitle || seoData.ogTitle,
-    "twitter:description": customSeo.twitterDescription || seoData.ogDescription
-  } : undefined;
-
-  const allTags = Object.assign(basicTags, ogTags, twitterTags);
-
-  const commonTags = [{ tag: "title", children: customSeo.title || data.title || seoData["page-title"] }];
-
-  const canonical = seoData.canonicalUrl || currentUrl;
-  if (canonical != SKIP_CANONICAL) {
-    commonTags.push({ tag: "link", rel: "canonical", href: canonical });
-  }
-
-  if (pageType === "story-page" || pageType === "story-page-amp") {
-    commonTags.push({ name: "author", content: seoData.author });
-  }
-
-  if ((pageType === "story-page" || pageType === "story-page-amp") && seoConfig.enableNews) {
-    commonTags.push({ name: "news_keywords", content: seoData.keywords });
-    if (lodash.get(data, ["data", "story", "seo", "meta-google-news-standout"])) commonTags.push({ tag: "link", rel: "standout", href: seoData.storyUrl || currentUrl });
-  }
-
-  return commonTags.concat(objectToTags(allTags));
-}
-
-function getTitle$1(seoConfig, config, pageType, data, params) {
-  const customSeo = lodash.get(data, ["data", "customSeo"], {});
-
-  if (lodash.get(data, ["title"])) return customSeo.title || lodash.get(data, ["title"]);
-
-  if (lodash.get(data, ["data", "title"])) return customSeo.title || lodash.get(data, ["data", "title"]);
-
-  const seoData = getSeoData(config, pageType, data, undefined, seoConfig) || {};
-  return customSeo.title || seoData["page-title"];
-}
-
-/**
- * StaticTags puts whatever tags you've passed to it
- *
- * @extends Generator
- * @param {*} seoConfig
- * @param {Object} seoConfig.staticTags List of tags to be added. ex: `{"viewport": "width=device-width,initial-scale=1.0"}`
- * @param {...*} params See {@link Generator} for other Parameters
- */
-function StaticTags(seoConfig, config, pageType, data, { url }) {
-  return objectToTags(seoConfig.staticTags || {});
-}
-
-/**
- * AuthorTags adds the twitter:creator tag for story pages
- *
- * @extends Generator
- * @param {*} seoConfig
- * @param {...*} params See {@link Generator} for other Parameters
- */
-function AuthorTags(seoConfig, config, pageType, data, { url }) {
-  if (pageType != "story-page" || pageType != "story-page-amp") return [];
-
-  return [{
-    name: "twitter:creator",
-    content: lodash.get(data, ["data", "story", "author-name"])
-  }];
-}
-
-function pickImageFromCard(story, cardId) {
-  const { metadata = {} } = story.cards.find(card => card.id === cardId) || {};
-  if (metadata && !lodash.isEmpty(metadata) && lodash.get(metadata, ["social-share", "image", "key"], false)) {
-    const alt = metadata["social-share"].image.attribution || metadata["social-share"].title || metadata["social-share"].message || getAttribution(story);
-    return {
-      image: new quintypeJs.FocusedImage(metadata["social-share"].image.key, metadata["social-share"].image.metadata || {}),
-      alt
-    };
-  }
-}
-
-function getAttribution(story) {
-  return story["hero-image-attribution"] || story.summary || lodash.get(story, ["alternative", "home", "default", "headline"]) || story.headline;
-}
-
-/**
- * priority:
- * 1. alternate social image
- * 2. alternate hero image
- * 3. hero image
- * 4. "fallbackSocialImage" from seo config
- * 5. logo_url from /api/v1/config > theme-attributes
- * 5. logo from /api/v1/config > theme-attributes
- * 6. undefined (meta tag won't get created)
- */
-function pickImageFromStory({ story, config, seoConfig }) {
-  function getAlt(type, key, fallback) {
-    return lodash.get(story, ["alternative", `${type}`, "default", "hero-image", `${key}`], fallback);
-  }
-
-  const alt = getAttribution(story);
-  const fallbackSocialImage = lodash.get(seoConfig, ["fallbackSocialImage"]);
-  const altHeroImg = getAlt("home", "hero-image-s3-key", null);
-  const altSocialHeroImg = getAlt("social", "hero-image-s3-key", null);
-  const storyHeroImage = lodash.get(story, ["hero-image-s3-key"]);
-  const logo_url = lodash.get(config, ["theme-attributes", "logo_url"]);
-  const logo = lodash.get(config, ["theme-attributes", "logo"]);
+  const alt = getAttribution(story);
+  const fallbackSocialImage = lodash.get(seoConfig, ["fallbackSocialImage"]);
+  const altHeroImg = getAlt("home", "hero-image-s3-key", null);
+  const altSocialHeroImg = getAlt("social", "hero-image-s3-key", null);
+  const storyHeroImage = lodash.get(story, ["hero-image-s3-key"]);
+  const logo_url = lodash.get(config, ["theme-attributes", "logo_url"]);
+  const logo = lodash.get(config, ["theme-attributes", "logo"]);
 
   if (altSocialHeroImg) {
     const metadata = getAlt("social", "hero-image-metadata", {});
@@ -523,6 +333,18 @@ function ImageTags(seoConfig, config, pageType, data, { url = {} }) {
   return tags;
 }
 
+/**
+ * StaticTags puts whatever tags you've passed to it
+ *
+ * @extends Generator
+ * @param {*} seoConfig
+ * @param {Object} seoConfig.staticTags List of tags to be added. ex: `{"viewport": "width=device-width,initial-scale=1.0"}`
+ * @param {...*} params See {@link Generator} for other Parameters
+ */
+function StaticTags(seoConfig, config, pageType, data, { url }) {
+  return objectToTags(seoConfig.staticTags || {});
+}
+
 const getSchemaContext = { "@context": "http://schema.org" };
 
 function getSchemaType(type) {
@@ -829,8 +651,8 @@ function getEmbedUrl(cards) {
   // coz we only need the embed url
   // find is used for early exit
   cards.find(card => {
-    const storyElements = card["story-elements"];
-    return storyElements.find((elem, index) => {
+    const storyElements = get__default["default"](card, ["story-elements"], []);
+    return storyElements.find(elem => {
       if (elem["embed-url"]) {
         embedUrl = elem["embed-url"];
         return true;
@@ -1073,136 +895,314 @@ function StructuredDataTags({ structuredData = {} }, config, pageType, response
   return tags;
 }
 
-function showAmpTag({ ampStoryPages = true }, pageType, story) {
-  if (!ampStoryPages || pageType !== 'story-page') {
-    return false;
-  }
-
-  if (ampStoryPages === 'public' && !isStoryPublic(story)) {
-    return false;
-  }
+function buildTagsFromStory(config, story, url = {}, data = {}) {
+  if (!story) return;
 
-  return true;
-}
+  function getStoryCardMetadata(cardId) {
+    const { metadata = {} } = story.cards.find(card => card.id === cardId) || {};
+    const urlWithCardId = `${config["sketches-host"]}/${story.slug}?cardId=${cardId}`;
 
-const getDomain = (url, domainSlug) => {
-  const domain = domainSlug ? new URL(url).origin : '';
-  try {
-    return domain;
-  } catch (err) {
-    return "";
+    if (metadata && !lodash.isEmpty(metadata) && metadata["social-share"]) {
+      return {
+        title: metadata["social-share"].title || story.headline,
+        description: metadata["social-share"].message || story.summary,
+        ogUrl: urlWithCardId,
+        ogTitle: metadata["social-share"].title || story.headline,
+        ogDescription: metadata["social-share"].message || story.summary
+      };
+    }
+    return metadata;
   }
-};
 
-/**
- * StoryAmpTags adds the amphref to stories which support amp.
- *
- * @extends Generator
- * @param {*} seoConfig
- * @param {(boolean|"public")} seoConfig.ampStoryPages Should amp story pages be shown for all stories (true), not shown (false), or only be shown for public stories ("public"). Default: true
- * @param {(boolean)} seoConfig.appendHostToAmpUrl If set to true, the url to be appended to the slug is computed based on the currentHostUrl and the domain slug, else the url is taken as the sketches host. Default: false
- * @param {(boolean)} seoConfig.decodeAmpUrl If set to true, the storySlug that goes as the amp href url is decoded, else the storyslug is encoded. Default: false
- * @param {...*} params See {@link Generator} for other Parameters
- */
-function StoryAmpTags(seoConfig, config, pageType, data = {}, opts) {
+  const seo = story.seo || {};
 
-  const story = get__default["default"](data, ["data", "story"], {});
-  const { currentHostUrl = '', domainSlug } = data;
-  // TODO: Remove this condition and always make absolute URL if that's better for AMP discoverability.
-  const ampUrlAppend = seoConfig.appendHostToAmpUrl ? getDomain(currentHostUrl, domainSlug) || config['sketches-host'] : '';
-  const storySlug = seoConfig.decodeAmpUrl ? decodeURIComponent(story.slug) : encodeURIComponent(story.slug);
-  const ampUrl = story["story-template"] === "visual-story" ? `${ampUrlAppend}/${storySlug}` : `${ampUrlAppend}/amp/story/${storySlug}`;
+  const storyUrl = story.url || `${config["sketches-host"]}/${story.slug}`;
 
-  if (showAmpTag(seoConfig, pageType, story)) {
-    return [{
-      tag: 'link',
-      rel: 'amphtml',
-      href: ampUrl
-    }];
-  } else {
-    return [];
+  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  const authors = lodash.get(story, ["authors"], []).map(author => author.name);
+  const title = customSeo.title || seo["meta-title"] || story.headline;
+  const pageTitle = customSeo["page-title"] || seo["meta-title"] || story.headline;
+  const description = customSeo.description || seo["meta-description"] || story.summary;
+  const keywords = (customSeo.keywords || seo["meta-keywords"] || (story.tags || []).map(tag => tag.name)).join(",");
+  const ogUrl = customSeo.ogUrl || lodash.get(seo, ["og", "url"]) || storyUrl;
+  const getOgTitle = customSeo.ogTitle || lodash.get(story, ["alternative", "social", "default", "headline"], story.headline) || story.headline;
+  const ogDescription = customSeo.ogDescription || story.summary;
+  const storyMetaData = {
+    title,
+    "page-title": pageTitle,
+    description,
+    keywords,
+    canonicalUrl: story["canonical-url"] || storyUrl,
+    ogUrl,
+    ogTitle: getOgTitle,
+    ogDescription,
+    storyUrl,
+    author: authors
+  };
+
+  if (url.query && url.query.cardId) {
+    const storyCardMetadata = getStoryCardMetadata(url.query.cardId);
+    return Object.assign({}, storyMetaData, storyCardMetadata); //TODO rewrite in spread syntax, add babel plugin
   }
+
+  return storyMetaData;
 }
 
-function getTitle(config) {
-  return config["publisher-settings"] ? config["publisher-settings"]["title"] : config["publisher-name"];
+function buildTagsFromTopic(config, tag, url = {}, data) {
+  if (lodash.isEmpty(tag)) return;
+  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  const tagName = customSeo.title || tag["meta-title"] || tag.name;
+  const pageTitle = customSeo["page-title"] || tagName;
+  const tagDescription = customSeo.description || tag["meta-description"];
+  const description = `Read stories listed under on ${tag.name}`;
+  const tagUrl = `${config["sketches-host"]}${url.pathname}`;
+  const canonicalSlug = tag["canonical-slug"] || url.pathname;
+  const canonicalUrl = `${config["sketches-host"]}${canonicalSlug}`;
+  const ogTitle = customSeo.ogTitle || tagName;
+  const ogDescription = customSeo.ogDescription || description;
+  const topicMetaData = {
+    title: tagName,
+    "page-title": pageTitle,
+    description: tagDescription || description,
+    keywords: tagName,
+    canonicalUrl,
+    ogUrl: tagUrl,
+    ogTitle,
+    ogDescription
+  };
+
+  return topicMetaData;
 }
 
-function generateStaticData(config) {
-  const title = getTitle(config);
-  const themeConfig = config["theme-attributes"] || {};
-  const publicIntegrations = get__default["default"](config, ['public-integrations'], {});
-  const staticData = {
-    "twitter:site": title,
-    "twitter:domain": config["sketches-host"],
-    "twitter:app:name:ipad": themeConfig["twitter_app_name_ipad"],
-    "twitter:app:name:googleplay": themeConfig["twitter_app_name_googleplay"],
-    "twitter:app:id:googleplay": themeConfig["twitter_app_id_googleplay"],
-    "twitter:app:name:iphone": themeConfig["twitter_app_name_iphone"],
-    "twitter:app:id:iphone": themeConfig["twitter_app_id_iphone"],
-    "apple-itunes-app": themeConfig["apple_itunes_app"],
-    "google-play-app": themeConfig["google_play_app"],
-    "fb:app_id": get__default["default"](publicIntegrations, ['facebook', 'app-id']) || get__default["default"](themeConfig, ["fb_app_id"]),
-    "fb:pages": themeConfig["fb_pages"],
-    "og:site_name": title
+function buildTagsFromAuthor(config, author, url = {}, data) {
+  if (lodash.isEmpty(author)) return;
+
+  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  const title = customSeo.title || author.name;
+  const pageTitle = customSeo["page-title"] || title;
+  const description = customSeo.description || author.bio || `View all articles written by ${title}`;
+  const ogTitle = customSeo.ogTitle || author.name;
+  const authorUrl = `${config["sketches-host"]}${url.pathname}`;
+  const ogDescription = customSeo.ogDescription || description;
+
+  return {
+    title,
+    "page-title": pageTitle,
+    description,
+    keywords: `${title},${config["publisher-name"]}`,
+    canonicalUrl: authorUrl,
+    ogUrl: authorUrl,
+    ogTitle,
+    ogDescription
   };
+}
 
-  return omitBy__default["default"](staticData, isUndefined__default["default"]);
+function buildCustomTags(customTags = {}, pageType = "") {
+  const configObject = customTags[pageType];
+  if (configObject) {
+    return configObject;
+  }
+  return {};
 }
 
-function generateImageObject(config = {}) {
-  const { "theme-attributes": themeConfig = {} } = config;
+function buildTagsFromStaticPage(config, page, url = {}, data) {
+  const seoData = lodash.get(page, ["metadata", "seo"], {});
+  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+  if (lodash.isEmpty(seoData) && lodash.isEmpty(customSeo)) return;
+
+  const { "meta-title": metaTitle, "meta-description": metaDescription, "meta-keywords": keywords } = seoData;
+
+  const title = customSeo.title || metaTitle || page.title;
+  const pageTitle = customSeo["page-title"] || title;
+  const description = customSeo.description || metaDescription;
+  const ogTitle = customSeo.ogTitle || title;
+  const staticPageUrl = `${config["sketches-host"]}${url.pathname}`;
+  const ogDescription = customSeo.ogDescription || description;
+
   return {
-    "@context": "http://schema.org",
-    "@type": "ImageObject",
-    "author": config['publisher-name'],
-    "contentUrl": themeConfig.logo,
-    "url": themeConfig.logo,
-    "name": "logo",
-    "width": themeConfig.logo && getQueryParams(themeConfig.logo).width,
-    "height": themeConfig.logo && getQueryParams(themeConfig.logo).height
+    title,
+    "page-title": pageTitle,
+    description,
+    keywords: `${title},${config["publisher-name"]}`,
+    canonicalUrl: staticPageUrl,
+    ogUrl: staticPageUrl,
+    ogTitle,
+    ogDescription,
+    keywords: customSeo.keywords || keywords
   };
 }
 
-function generateStructuredData(config = {}) {
-  const title = getTitle(config);
-  const { "theme-attributes": themeConfig, "social-links": socialLinks, "seo-metadata": seoMetadata = [] } = config;
-  const homePageSeo = seoMetadata.find(page => page["owner-type"] === "home") || {};
-  const { "page-title": pageTitle = "", description = "", keywords = "" } = get__default["default"](homePageSeo, ["data"], {});
-  if (!themeConfig || !themeConfig.logo) {
-    return {};
+// The findRelevantConfig method call has no ownerId for home page.
+// This causes the seoMetadata to be undefined.
+// So the default value for the ownerId is set to null.
+
+function getSeoData(config, pageType, data, url = {}, seoConfig = {}) {
+  function findRelevantConfig(ownerType, ownerId = null) {
+    const seoMetadata = config["seo-metadata"].find(page => page["owner-type"] === ownerType && page["owner-id"] === ownerId) || {};
+    const { sections = [] } = config;
+    const section = sections.find(section => ownerType == "section" && section.id === ownerId) || {};
+    const customSeo = lodash.get(data, ["data", "customSeo"], {});
+    if (seoMetadata.data || section.id || !lodash.isEmpty(customSeo)) {
+      const result = Object.assign({}, {
+        "page-title": customSeo["page-title"] || section.name,
+        title: customSeo.title || section.name,
+        canonicalUrl: customSeo["canonicalUrl"] || section["section-url"] || undefined
+      }, seoMetadata.data);
+
+      if (!result.description) {
+        const homeSeoData = config["seo-metadata"].find(page => page["owner-type"] === "home") || {
+          data: { description: "" }
+        };
+        result.description = customSeo.description || homeSeoData.data.description;
+      }
+
+      result.ogTitle = customSeo.ogTitle || result.title;
+      result.ogDescription = customSeo.ogDescription || result.description;
+      return result;
+    }
   }
-  let enableStructuredDataForNewsArticle = themeConfig['structured_data_news_article'] || false;
-  if (config.hasOwnProperty('enableStructuredDataForNewsArticle') && typeof config.enableStructuredDataForNewsArticle !== "undefined") {
-    enableStructuredDataForNewsArticle = config.enableStructuredDataForNewsArticle;
+
+  if (seoConfig.customTags && seoConfig.customTags[pageType]) {
+    return buildCustomTags(seoConfig.customTags, pageType);
   }
 
-  return {
-    organization: {
-      name: title,
-      url: config["sketches-host"],
-      logo: generateImageObject(config),
-      sameAs: socialLinks ? Object.values(socialLinks) : []
-    },
-    enableNewsArticle: !!enableStructuredDataForNewsArticle,
-    storyUrlAsMainEntityUrl: !!enableStructuredDataForNewsArticle,
-    enableVideo: !themeConfig['structured_data_enable_video'],
-    enableLiveBlog: !themeConfig['structured_data_enable_live_blog'],
-    website: {
-      url: config["sketches-host"],
-      searchpath: "search?q={query}",
-      queryinput: "required name=query",
-      name: pageTitle || title,
-      headline: description,
-      keywords
+  function getShellSeoData(config) {
+    const seoMetadata = config["seo-metadata"].find(meta => meta["owner-type"] === "home") || {};
+    return Object.assign({}, seoMetadata.data, { canonicalUrl: SKIP_CANONICAL });
+  }
+
+  switch (pageType) {
+    case "home-page":
+      return findRelevantConfig("home");
+    case "section-page":
+      return findRelevantConfig("section", lodash.get(data, ["data", "section", "id"])) || getSeoDataFromCollection(config, data) || getSeoData(config, "home-page", data, url);
+    case "collection-page":
+      return getSeoDataFromCollection(config, data) || getSeoData(config, "home-page", data, url);
+    case "tag-page":
+      return buildTagsFromTopic(config, lodash.get(data, ["data", "tag"]), url, data) || getSeoData(config, "home-page", data, url);
+    case "story-page":
+      return buildTagsFromStory(config, lodash.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
+    case "visual-story":
+      return buildTagsFromStory(config, lodash.get(data, ["story"]), url, data) || getSeoData(config, "home-page", data, url);
+    case "story-page-amp":
+      return buildTagsFromStory(config, lodash.get(data, ["data", "story"]), url, data) || getSeoData(config, "home-page", data, url);
+    case "author-page":
+      return buildTagsFromAuthor(config, lodash.get(data, ["data", "author"], {}), url, data) || getSeoData(config, "home-page", data, url);
+    case "static-page":
+      return buildTagsFromStaticPage(config, lodash.get(data, ["data", "page"], {}), url, data) || getSeoData(config, "home-page", data, url);
+    case "shell":
+      return getShellSeoData(config);
+    default:
+      return getSeoData(config, "home-page", data, url);
+  }
+}
+
+function getSeoDataFromCollection(config, data) {
+  if (lodash.get(data, ["data", "collection", "name"])) {
+    let { name, summary } = lodash.get(data, ["data", "collection"]);
+    const customSeo = lodash.get(data, ["data", "customSeo"], {});
+
+    if (!summary) {
+      summary = (getSeoData(config, "home-page", data) || {}).description;
     }
+    const title = customSeo.title || name;
+    const pageTitle = customSeo["page-title"] || name;
+    const ogTitle = customSeo.ogTitle || title;
+    const description = customSeo.description || summary;
+    const ogDescription = customSeo.ogDescription || summary;
+    return {
+      "page-title": pageTitle,
+      title,
+      ogTitle,
+      description,
+      ogDescription,
+      canonicalUrl: SKIP_CANONICAL
+    };
+  }
+}
+
+const SKIP_CANONICAL = "__SKIP__CANONICAL__";
+
+/**
+ * TextTags adds the majority of basic tags, such as
+ * * Canonical URLs
+ * * Title and Description
+ * * Keywords
+ *
+ * If the current URL contains a cardId in the query parameters, then the title and description will come from *card["social-share"]*
+ *
+ * @extends Generator
+ * @param {*} seoConfig
+ * @param {boolean} seoConfig.enableOgTags Add og tags for Facebook
+ * @param {boolean} seoConfig.enableTwitterCards Add twitter tags
+ * @param {boolean} seoConfig.enableNews Add tags for Google News, like news_keywords
+ * @param {Object} seoConfig.customTags Add tags for a custom page type. Usually looks like `{"custom-page": {"title": "value", "canonicalUrl": "value"}}`
+ * @param {...*} params See {@link Generator} for other Parameters
+ */
+function TextTags(seoConfig, config, pageType, data, { url }) {
+  const seoData = getSeoData(config, pageType, data, url, seoConfig);
+  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+
+  if (!seoData) return [];
+
+  const currentUrl = `${config["sketches-host"]}${url.pathname}`;
+
+  const basicTags = {
+    description: customSeo.description || seoData.description,
+    title: customSeo.title || seoData.title,
+    keywords: customSeo.keywords || seoData.keywords
   };
+
+  const ogUrl = customSeo.ogUrl || seoData.ogUrl || seoData.canonicalUrl || currentUrl;
+  const ogTags = seoConfig.enableOgTags ? {
+    "og:type": pageType === "story-page" || pageType === "story-page-amp" ? "article" : "website",
+    "og:url": ogUrl === SKIP_CANONICAL ? undefined : ogUrl,
+    "og:title": customSeo.ogTitle || seoData.ogTitle,
+    "og:description": customSeo.ogDescription || seoData.ogDescription
+  } : undefined;
+
+  const twitterTags = seoConfig.enableTwitterCards ? {
+    "twitter:card": "summary_large_image",
+    "twitter:title": customSeo.twitterTitle || seoData.ogTitle,
+    "twitter:description": customSeo.twitterDescription || seoData.ogDescription
+  } : undefined;
+
+  const allTags = Object.assign(basicTags, ogTags, twitterTags);
+
+  const commonTags = [{ tag: "title", children: customSeo.title || data.title || seoData["page-title"] }];
+
+  const canonical = seoData.canonicalUrl || currentUrl;
+  if (canonical != SKIP_CANONICAL) {
+    commonTags.push({ tag: "link", rel: "canonical", href: canonical });
+  }
+
+  if (pageType === "story-page" || pageType === "story-page-amp") {
+    commonTags.push({ name: "author", content: seoData.author });
+  }
+
+  if ((pageType === "story-page" || pageType === "story-page-amp") && seoConfig.enableNews) {
+    commonTags.push({ name: "news_keywords", content: seoData.keywords });
+    if (lodash.get(data, ["data", "story", "seo", "meta-google-news-standout"])) commonTags.push({ tag: "link", rel: "standout", href: seoData.storyUrl || currentUrl });
+  }
+
+  return commonTags.concat(objectToTags(allTags));
+}
+
+function getTitle(seoConfig, config, pageType, data, params) {
+  const customSeo = lodash.get(data, ["data", "customSeo"], {});
+
+  if (lodash.get(data, ["title"])) return customSeo.title || lodash.get(data, ["title"]);
+
+  if (lodash.get(data, ["data", "title"])) return customSeo.title || lodash.get(data, ["data", "title"]);
+
+  const seoData = getSeoData(config, pageType, data, undefined, seoConfig) || {};
+  return customSeo.title || seoData["page-title"];
 }
 
 function tagToKey(tag) {
   switch (tag.tag || "meta") {
     case "meta":
-      return `meta-${tag.name || "name"}-${tag.property || "property"}`;
+      return `meta-${tag.name || tag.itemprop || "name"}-${tag.property || "property"}`;
     case "link":
       return `link-${tag.rel}`;
     case "title":
@@ -1293,7 +1293,7 @@ class SEO {
   }
 
   getTitle(config, pageType, data, params = {}) {
-    return getTitle$1(this.seoConfig, config, pageType, data);
+    return getTitle(this.seoConfig, config, pageType, data);
   }
 }
 

package/dist/index.cjs.min.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var lodash=require("lodash"),React=require("react"),ReactDomServer=require("react-dom/server"),get=require("lodash/get"),url=require("url"),dateFnsTz=require("date-fns-tz"),isUndefined=require("lodash/isUndefined"),omitBy=require("lodash/omitBy"),quintypeJs=require("quintype-js");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var React__default=_interopDefaultLegacy(React),ReactDomServer__default=_interopDefaultLegacy(ReactDomServer),get__default=_interopDefaultLegacy(get),isUndefined__default=_interopDefaultLegacy(isUndefined),omitBy__default=_interopDefaultLegacy(omitBy);function objectToTags(object){return lodash.entries(object).filter(([key,value])=>value).map(([key,value])=>({[getPropertyName(key)]:key,content:value}))}function getPropertyName(key){return key.startsWith("fb:")||key.startsWith("og:")?"property":"name"}function stripMillisecondsFromTime(date,timezone){const toReturn=date.toJSON();if(!toReturn)return toReturn;const zonedTime=timezone&&dateFnsTz.utcToZonedTime(date,timezone),formatZonedTime=zonedTime&&dateFnsTz.format(zonedTime,"yyyy-MM-dd'T'HH:mm:ssXXX",{timeZone:timezone}),formatToReturn=toReturn.split(".")[0]+"Z";return timezone?formatZonedTime:formatToReturn}function getQueryParams(url$1){const urlObj=new url.URL(url$1),search_params=new url.URLSearchParams(urlObj.search),getWidth=search_params.get("w")||"",getHeight=search_params.get("h")||"";return{width:getWidth,height:getHeight}}function isStoryPublic(story){return void 0===story.access||null===story.access||"public"===story.access}function showAmpTag({ampStoryPages:ampStoryPages=!0},pageType,story){return!(!ampStoryPages||"story-page"!==pageType)&&!("public"===ampStoryPages&&!isStoryPublic(story))}const getDomain=(url,domainSlug)=>{const domain=domainSlug?new URL(url).origin:"";try{return domain}catch(err){return""}};function StoryAmpTags(seoConfig,config,pageType,data={},opts){const story=get__default.default(data,["data","story"],{}),{currentHostUrl:currentHostUrl="",domainSlug:domainSlug}=data,ampUrlAppend=seoConfig.appendHostToAmpUrl?getDomain(currentHostUrl,domainSlug)||config["sketches-host"]:"",storySlug=seoConfig.decodeAmpUrl?decodeURIComponent(story.slug):encodeURIComponent(story.slug),ampUrl="visual-story"===story["story-template"]?`${ampUrlAppend}/${storySlug}`:`${ampUrlAppend}/amp/story/${storySlug}`;return showAmpTag(seoConfig,pageType,story)?[{tag:"link",rel:"amphtml",href:ampUrl}]:[]}function AuthorTags(seoConfig,config,pageType,data,{url:url}){return"story-page"!=pageType||"story-page-amp"!=pageType?[]:[{name:"twitter:creator",content:lodash.get(data,["data","story","author-name"])}]}function getTitle$1(config){return config["publisher-settings"]?config["publisher-settings"].title:config["publisher-name"]}function generateStaticData(config){const title=getTitle$1(config),themeConfig=config["theme-attributes"]||{},publicIntegrations=get__default.default(config,["public-integrations"],{}),staticData={"twitter:site":title,"twitter:domain":config["sketches-host"],"twitter:app:name:ipad":themeConfig.twitter_app_name_ipad,"twitter:app:name:googleplay":themeConfig.twitter_app_name_googleplay,"twitter:app:id:googleplay":themeConfig.twitter_app_id_googleplay,"twitter:app:name:iphone":themeConfig.twitter_app_name_iphone,"twitter:app:id:iphone":themeConfig.twitter_app_id_iphone,"apple-itunes-app":themeConfig.apple_itunes_app,"google-play-app":themeConfig.google_play_app,"fb:app_id":get__default.default(publicIntegrations,["facebook","app-id"])||get__default.default(themeConfig,["fb_app_id"]),"fb:pages":themeConfig.fb_pages,"og:site_name":title};return omitBy__default.default(staticData,isUndefined__default.default)}function generateImageObject(config={}){const{"theme-attributes":themeConfig={}}=config;return{"@context":"http://schema.org","@type":"ImageObject",author:config["publisher-name"],contentUrl:themeConfig.logo,url:themeConfig.logo,name:"logo",width:themeConfig.logo&&getQueryParams(themeConfig.logo).width,height:themeConfig.logo&&getQueryParams(themeConfig.logo).height}}function generateStructuredData(config={}){const title=getTitle$1(config),{"theme-attributes":themeConfig,"social-links":socialLinks,"seo-metadata":seoMetadata=[]}=config,homePageSeo=seoMetadata.find(page=>"home"===page["owner-type"])||{},{"page-title":pageTitle="",description:description="",keywords:keywords=""}=get__default.default(homePageSeo,["data"],{});if(!themeConfig||!themeConfig.logo)return{};let enableStructuredDataForNewsArticle=themeConfig.structured_data_news_article||!1;return config.hasOwnProperty("enableStructuredDataForNewsArticle")&&void 0!==config.enableStructuredDataForNewsArticle&&(enableStructuredDataForNewsArticle=config.enableStructuredDataForNewsArticle),{organization:{name:title,url:config["sketches-host"],logo:generateImageObject(config),sameAs:socialLinks?Object.values(socialLinks):[]},enableNewsArticle:!!enableStructuredDataForNewsArticle,storyUrlAsMainEntityUrl:!!enableStructuredDataForNewsArticle,enableVideo:!themeConfig.structured_data_enable_video,enableLiveBlog:!themeConfig.structured_data_enable_live_blog,website:{url:config["sketches-host"],searchpath:"search?q={query}",queryinput:"required name=query",name:pageTitle||title,headline:description,keywords:keywords}}}function pickImageFromCard(story,cardId){const{metadata:metadata={}}=story.cards.find(card=>card.id===cardId)||{};if(metadata&&!lodash.isEmpty(metadata)&&lodash.get(metadata,["social-share","image","key"],!1)){const alt=metadata["social-share"].image.attribution||metadata["social-share"].title||metadata["social-share"].message||getAttribution(story);return{image:new quintypeJs.FocusedImage(metadata["social-share"].image.key,metadata["social-share"].image.metadata||{}),alt:alt}}}function getAttribution(story){return story["hero-image-attribution"]||story.summary||lodash.get(story,["alternative","home","default","headline"])||story.headline}function pickImageFromStory({story:story,config:config,seoConfig:seoConfig}){function getAlt(type,key,fallback){return lodash.get(story,["alternative",`${type}`,"default","hero-image",`${key}`],fallback)}const alt=getAttribution(story),fallbackSocialImage=lodash.get(seoConfig,["fallbackSocialImage"]),altHeroImg=getAlt("home","hero-image-s3-key",null),altSocialHeroImg=getAlt("social","hero-image-s3-key",null),storyHeroImage=lodash.get(story,["hero-image-s3-key"]),logo_url=lodash.get(config,["theme-attributes","logo_url"]),logo=lodash.get(config,["theme-attributes","logo"]);if(altSocialHeroImg){const metadata=getAlt("social","hero-image-metadata",{});return{image:new quintypeJs.FocusedImage(altSocialHeroImg,metadata),alt:alt}}if(altHeroImg){const metadata=getAlt("home","hero-image-metadata",{});return{image:new quintypeJs.FocusedImage(altHeroImg,metadata),alt:alt}}if(storyHeroImage){const metadata=lodash.get(story,["hero-image-metadata"],{});return{image:new quintypeJs.FocusedImage(storyHeroImage,metadata),alt:alt}}return fallbackSocialImage?{image:fallbackSocialImage,alt:alt,includesHost:!0}:logo_url?{image:logo_url,alt:alt,includesHost:!0}:logo?{image:logo,alt:alt,includesHost:!0}:{image:void 0,alt:void 0}}function pickImageFromCollection(collection){const coverImage=lodash.get(collection,["metadata","cover-image"])||{};if(!coverImage["cover-image-s3-key"])return{};const alt=collection.summary||collection.name||null;return{image:new quintypeJs.FocusedImage(coverImage["cover-image-s3-key"],coverImage["cover-image-metadata"]||{}),alt:alt}}function pickImage({pageType:pageType,config:config,seoConfig:seoConfig,data:data,url:url}){if("story-page"===pageType&&url.query&&url.query.cardId){const story=lodash.get(data,["data","story"])||{};return pickImageFromCard(story,url.query.cardId)||pickImageFromStory({story:story,seoConfig:seoConfig,config:config})}if("visual-story"===pageType&&url.query&&url.query.cardId){const story=lodash.get(data,["story"])||{};return pickImageFromCard(story,url.query.cardId)||pickImageFromStory({story:story,seoConfig:seoConfig,config:config})}if("story-page"===pageType||"story-page-amp"===pageType){const story=lodash.get(data,["data","story"])||{};return pickImageFromStory({story:story,seoConfig:seoConfig,config:config})}if("visual-story"===pageType){const story=lodash.get(data,["story"])||{};return pickImageFromStory({story:story,seoConfig:seoConfig,config:config})}return lodash.get(data,["data","collection"])?pickImageFromCollection(lodash.get(data,["data","collection"])):{image:void 0,alt:void 0}}function ImageTags(seoConfig,config,pageType,data,{url:url={}}){const{image:image,alt:alt,includesHost:includesHost=!1}=pickImage({pageType:pageType,data:data,url:url,seoConfig:seoConfig,config:config});if(!image)return[];const tags=[];return seoConfig.enableTwitterCards&&(tags.push({name:"twitter:image",content:includesHost?image:`https://${config["cdn-image"]}/${image.path([16,9],{w:1200,auto:"format,compress",ogImage:!0,enlarge:!0})}`}),alt&&tags.push({property:"twitter:image:alt",content:alt})),seoConfig.enableOgTags&&(tags.push({property:"og:image",content:includesHost?image:`https://${config["cdn-image"]}/${image.path([40,21],{w:1200,auto:"format,compress",ogImage:!0,enlarge:!0})}`}),tags.push({property:"og:image:width",content:1200}),lodash.get(image,["metadata","focus-point"])&&tags.push({property:"og:image:height",content:630}),alt&&tags.push({property:"og:image:alt",content:alt})),tags}function StaticTags(seoConfig,config,pageType,data,{url:url}){return objectToTags(seoConfig.staticTags||{})}const getSchemaContext={"@context":"http://schema.org"};function getSchemaType(type){return{"@type":type}}function getSchemaPerson(name,url=""){return Object.assign({},getSchemaType("Person"),{givenName:name,name:name},url&&{url:url})}function getSchemaFooter({cssSelector:cssSelector}){return cssSelector?Object.assign({},getSchemaContext,getSchemaType("WPFooter"),{cssSelector:cssSelector}):{}}function getSchemaHeader({cssSelector:cssSelector}){return cssSelector?Object.assign({},getSchemaContext,getSchemaType("WPHeader"),{cssSelector:cssSelector}):{}}function getSchemaBlogPosting(card={},author={},headline="",image="",structuredData={},story={},timezone){const{website:{url:url=""}={}}=structuredData,orgUrl=lodash.get(structuredData,["organization","url"],"");return Object.assign({},getSchemaType("BlogPosting"),getSchemaMainEntityOfPage(`${url}/${story.slug}`),getSchemaPublisher(structuredData.organization,orgUrl),{dateModified:stripMillisecondsFromTime(new Date(card["card-updated-at"]),timezone),dateCreated:stripMillisecondsFromTime(new Date(card["card-added-at"]),timezone),datePublished:stripMillisecondsFromTime(new Date(card["card-updated-at"]),timezone),author:author,headline:headline,image:image})}function getSchemaPublisher(organization,orgUrl){const id={id:orgUrl};return{publisher:Object.assign({},getSchemaType("Organization"),getSchemaContext,organization,id)}}function getSchemaMainEntityOfPage(id){return{mainEntityOfPage:Object.assign({},getSchemaType("WebPage"),{"@id":id})}}function getSchemaMovieReview(movieObject={}){const movieCreatedAt=lodash.get(movieObject,["created-at"],null),actors=lodash.get(movieObject,["actors"],[]).map(actor=>getSchemaPerson(actor.name)),directors=lodash.get(movieObject,["directors"],[]).map(director=>getSchemaPerson(director.name)),producers=lodash.get(movieObject,["producers"],[]).map(producer=>getSchemaPerson(producer.name));return{actors:actors,directors:directors,name:lodash.get(movieObject,["name"],""),sameAs:lodash.get(movieObject,["sameAs"],""),description:lodash.get(movieObject,["meta-description"],""),producer:producers,image:lodash.get(movieObject,["photo","0","url"],""),dateCreated:movieCreatedAt?new Date(movieCreatedAt).toISOString():""}}function getSchemaWebsite(website={}){const{url:url,searchpath:searchpath,name:name,headline:headline,keywords:keywords,queryinput:queryinput}=website;return Object.assign({},getSchemaContext,getSchemaType("WebSite"),{url:url,interactivityType:"mixed",name:name,headline:headline,keywords:keywords,copyrightHolder:Object.assign({},getSchemaType("Organization"),{name:name}),potentialAction:{"@type":"SearchAction",target:`${url}/${searchpath}`,"query-input":queryinput}},getSchemaMainEntityOfPage(url))}function getSchemaListItem(position=0,name="",url=""){return Object.assign({},getSchemaType("ListItem"),{position:position,name:name,item:url})}function getSchemaBreadcrumbList(breadcrumbsDataList){const itemListElement=breadcrumbsDataList.map(({name:name="",url:url=""},index)=>getSchemaListItem(index+1,name,url));return Object.assign({},getSchemaContext,getSchemaType("BreadcrumbList"),{itemListElement:itemListElement})}function getMovieEntityTags(movieJson){return getSchemaMovieReview(movieJson)}function generateTagsForEntity(entity,ldJson){if(entity.type&&"movie"===entity.type.toLowerCase())return ldJson("Movie",getMovieEntityTags(entity))}function getLdJsonFields(type,fields){return Object.assign({},fields,getSchemaType(type),getSchemaContext)}function ldJson(type,fields){const json=JSON.stringify(getLdJsonFields(type,fields)).replace(/</g,"&lt;").replace(/>/g,"&gt;");return{tag:"script",type:"application/ld+json",dangerouslySetInnerHTML:{__html:json}}}function imageUrl(publisherConfig,s3Key,width,height){const imageSrc=/^https?.*/.test(publisherConfig["cdn-image"])?publisherConfig["cdn-image"]:`https://${publisherConfig["cdn-image"]}`;return`${imageSrc}/${s3Key}?w=${width=width||""}&h=${height=height||""}&auto=format%2Ccompress&fit=max`}function generateCommonData(structuredData={},story={},publisherConfig={},timezone){const storyUrl=story.url||`${publisherConfig["sketches-host"]}/${story.slug}`,orgUrl=get__default.default(structuredData,["organization","url"],""),mainEntityUrl=Object.keys(story).length>0&&structuredData.storyUrlAsMainEntityUrl?storyUrl:get__default.default(structuredData,["organization","url"],""),imageWidth=1200,imageHeight=675;return Object.assign({},{headline:story.headline,image:[imageUrl(publisherConfig,story["hero-image-s3-key"],1200,675)],url:`${publisherConfig["sketches-host"]}/${story.slug}`,datePublished:stripMillisecondsFromTime(new Date(story["first-published-at"]),timezone)},getSchemaMainEntityOfPage(mainEntityUrl),getSchemaPublisher(structuredData.organization,orgUrl))}function authorData(authors=[],authorSchema=[],publisherConfig={}){return authorSchema.length>0?authorSchema.map(author=>getSchemaPerson(author.name,author.url)):authors.map(author=>{const authorUrl=author.slug?`${publisherConfig["sketches-host"]}/author/${author.slug}`:null;return getSchemaPerson(author.name,authorUrl)})}function getTextElementsOfCards(story){if(story&&story.cards)return story.cards.reduce((acc,currentCard)=>acc.concat(currentCard["story-elements"].filter(element=>"text"===element.type)),[])}function getPlainText(text=""){return text.replace(/<[^>]+>/g,"")}function getCompleteText(story,stripHtmlFromArticleBody){const textArray=[];getTextElementsOfCards(story).forEach(item=>{const textContent=stripHtmlFromArticleBody?getPlainText(item.text):item.text;textArray.push(textContent)});const completeCardText=textArray.join(".");return completeCardText}function articleSectionObj(story){if("video"!==story["story-template"])return{articleSection:get__default.default(story,["sections","0","display-name"],"")}}function generateArticleData(structuredData={},story={},publisherConfig={},timezone){const metaKeywords=story.seo&&story.seo["meta-keywords"]||[],authors=story.authors&&0!==story.authors.length?story.authors:[{name:story["author-name"]||""}],storyKeysPresence=Object.keys(story).length>0,imageWidth=1200,imageHeight=675,storyAccessType=storyAccess(story.access),authorSchema=structuredData.authorSchema&&structuredData.authorSchema(story)||[];return Object.assign({},generateCommonData(structuredData,story,publisherConfig,timezone),{author:authorData(authors,authorSchema,publisherConfig),keywords:metaKeywords.join(","),thumbnailUrl:imageUrl(publisherConfig,story["hero-image-s3-key"],1200,675),articleBody:storyKeysPresence&&getCompleteText(story,structuredData.stripHtmlFromArticleBody)||"",dateCreated:stripMillisecondsFromTime(new Date(story["first-published-at"]),timezone),dateModified:stripMillisecondsFromTime(new Date(story["last-published-at"]),timezone),name:storyKeysPresence&&story.headline||"",image:generateArticleImageData(story["hero-image-s3-key"],publisherConfig),isAccessibleForFree:storyAccessType,isPartOf:generateIsPartOfDataForArticle(story,publisherConfig)},articleSectionObj(story))}function generateArticleImageData(image,publisherConfig={}){const imageWidth=1200,imageHeight=675,articleImage=imageUrl(publisherConfig,image,1200,675);return Object.assign({},{"@type":"ImageObject",url:articleImage},getQueryParams(articleImage))}function storyAccess(access){return null===access||"public"===access||"login"===access||"subscription"!==access&&void 0}function generateIsPartOfDataForArticle(story={},publisherConfig={}){return Object.assign({},{"@type":"WebPage",url:`${publisherConfig["sketches-host"]}/${story.slug}`,primaryImageOfPage:generateArticleImageData(story["hero-image-s3-key"],publisherConfig)})}function generateIsPartOfDataForNewsArticle(story={},publisherConfig={},pageType="",structuredData={}){const publisherName=publisherConfig["publisher-name"],productId=`${publisherConfig["publisher-name"]}${structuredData.isShowcaseProduct?".com:showcase":".com:basic"}`,isPartOfData=generateIsPartOfDataForArticle(story,publisherConfig);return structuredData.isSubscriptionsEnabled?Object.assign(isPartOfData,{"@type":["WebPage","CreativeWork","Product"],name:publisherName,productID:productId}):"story-page-amp"===pageType&&structuredData.isAmpSubscriptionsEnabled?Object.assign({},{"@type":["WebPage","CreativeWork","Product"],name:publisherName,productID:productId,url:`${publisherConfig["sketches-host"]}/${story.slug}`,primaryImageOfPage:generateArticleImageData(story["hero-image-s3-key"],publisherConfig)}):isPartOfData}function generateHasPartData(storyAccess){return storyAccess?{}:{hasPart:[{"@type":"WebPageElement",isAccessibleForFree:storyAccess,cssSelector:".paywall"}]}}function generateNewsArticleData(structuredData={},story={},publisherConfig={},pageType=""){const{alternative:alternative={}}=story.alternative||{},storyAccessType=storyAccess(story.access);return Object.assign({},{alternativeHeadline:alternative.home&&alternative.home.default?alternative.home.default.headline:"",description:story.summary,isAccessibleForFree:storyAccessType,isPartOf:generateIsPartOfDataForNewsArticle(story,publisherConfig,pageType,structuredData)},generateHasPartData(storyAccessType))}function findStoryElementField(card,type,field,defaultValue){const elements=card["story-elements"].filter(e=>e.type==type||e.subtype==type);return elements.length>0?elements[0][field]:defaultValue}function generateLiveBlogPostingData(structuredData={},story={},publisherConfig={},timezone){const imageWidth=1200,imageHeight=675,authorSchema=structuredData.authorSchema&&structuredData.authorSchema(story)||[];return{headline:story.headline,description:story.summary||story.headline,author:story["author-name"],coverageEndTime:stripMillisecondsFromTime(new Date(story["last-published-at"]),timezone),coverageStartTime:stripMillisecondsFromTime(new Date(story["first-published-at"]),timezone),dateModified:stripMillisecondsFromTime(new Date(story["last-published-at"]),timezone),liveBlogUpdate:story.cards.map(card=>getSchemaBlogPosting(card,authorData(story.authors,authorSchema,publisherConfig),findStoryElementField(card,"title","text",story.headline),imageUrl(publisherConfig,findStoryElementField(card,"image","image-s3-key",story["hero-image-s3-key"]),1200,675),structuredData,story,timezone))}}function getEmbedUrl(cards){let embedUrl="";return cards.find(card=>{const storyElements=get__default.default(card,["story-elements"],[]);return storyElements.find(elem=>!!elem["embed-url"]&&(embedUrl=elem["embed-url"],!0))}),embedUrl}function generateVideoArticleData(structuredData={},story={},publisherConfig={},timezone){const metaKeywords=story.seo&&story.seo["meta-keywords"]||[],storyCards=get__default.default(story,["cards"],[]),embedUrl=getEmbedUrl(storyCards),socialShareMsg=get__default.default(story,["summary"],""),metaDescription=get__default.default(story,["seo","meta-description"],""),subHeadline=get__default.default(story,["subheadline"],""),headline=get__default.default(story,["headline"],""),imageWidth=1200,imageHeight=675,authorSchema=structuredData.authorSchema&&structuredData.authorSchema(story)||[];return Object.assign({},generateCommonData(structuredData,story,publisherConfig,timezone),{author:authorData(story.authors,authorSchema,publisherConfig),keywords:metaKeywords.join(","),dateCreated:stripMillisecondsFromTime(new Date(story["first-published-at"]),timezone),dateModified:stripMillisecondsFromTime(new Date(story["last-published-at"]),timezone),description:socialShareMsg||metaDescription||subHeadline||headline,name:story.headline,thumbnailUrl:[imageUrl(publisherConfig,story["hero-image-s3-key"],1200,675)],uploadDate:stripMillisecondsFromTime(new Date(story["last-published-at"]),timezone),embedUrl:embedUrl})}function generateWebSiteData(structuredData={},story={},publisherConfig={}){return getSchemaWebsite(structuredData.website)}function generateBreadcrumbListData(pageType="",publisherConfig={},data={}){const{"sketches-host":domain="",sections:sections=[]}=publisherConfig;let breadcrumbsDataList=[{name:"Home",url:domain}];function addCrumb(crumbsDataList=[],currentSection={}){if(!currentSection["parent-id"])return crumbsDataList;const parentSection=sections.find(section=>section.id===currentSection["parent-id"]);if(!parentSection)return crumbsDataList;const{"section-url":url="",name:name=""}=parentSection;return crumbsDataList.unshift({url:url,name:name}),addCrumb(crumbsDataList,parentSection)}function getSectionPageCrumbs(section={}){const{"section-url":url="",name:name=""}=section,crumbsDataList=[{url:url,name:name}];return addCrumb(crumbsDataList,section)}function getStoryPageCrumbs({headline:headline="",url:url="",sections:[storySection]}={}){let sectionCrumbsDataList=[];return storySection&&(sectionCrumbsDataList=getSectionPageCrumbs(storySection)),sectionCrumbsDataList.push({name:headline,url:url}),sectionCrumbsDataList}function getBreadCrumbs(breadcrumb={}){const crumbsDataList=[{url:breadcrumb.url,name:breadcrumb.name}];return addCrumb(crumbsDataList)}if(data.breadcrumbs&&"name"in data.breadcrumbs&&"url"in data.breadcrumbs)return breadcrumbsDataList=breadcrumbsDataList.concat(getBreadCrumbs(data.breadcrumbs)),getSchemaBreadcrumbList(breadcrumbsDataList);switch(pageType){case"section-page":breadcrumbsDataList=breadcrumbsDataList.concat(getSectionPageCrumbs(data.section));break;case"story-page":case"story-page-amp":breadcrumbsDataList=breadcrumbsDataList.concat(getStoryPageCrumbs(data.story))}return getSchemaBreadcrumbList(breadcrumbsDataList)}function StructuredDataTags({structuredData:structuredData={}},config,pageType,response={},{url:url}){const tags=[],{story:story={},timezone:timezone=null}=response.data||{},entities=get__default.default(response,["data","linkedEntities"],null)||[],{config:publisherConfig={}}=response;publisherConfig["publisher-settings"];const isStructuredDataEmpty=0===Object.keys(structuredData).length,enableBreadcrumbList=get__default.default(structuredData,["enableBreadcrumbList"],!0),structuredDataTags=get__default.default(structuredData,["structuredDataTags"],[]);let articleData={};if(isStructuredDataEmpty||(articleData=generateArticleData(structuredData,story,publisherConfig,timezone),structuredDataTags.map(type=>{pageType===type&&(tags.push(ldJson("Organization",structuredData.organization)),structuredData.website&&tags.push(ldJson("Website",Object.assign({},generateWebSiteData(structuredData,story,publisherConfig)))))})),isStructuredDataEmpty||"home-page"!==pageType||(tags.push(ldJson("Organization",structuredData.organization)),structuredData.website&&tags.push(ldJson("Website",Object.assign({},generateWebSiteData(structuredData,story,publisherConfig))))),!isStructuredDataEmpty&&enableBreadcrumbList&&tags.push(ldJson("BreadcrumbList",generateBreadcrumbListData(pageType,publisherConfig,response.data))),!isStructuredDataEmpty&&"story-page"===pageType){const newsArticleTags=generateNewsArticleTags();newsArticleTags?tags.push(storyTags(),newsArticleTags):tags.push(storyTags())}if(!isStructuredDataEmpty&&"story-page-amp"===pageType){const newsArticleTags=generateNewsArticleTags();newsArticleTags?tags.push(storyTags(),newsArticleTags):tags.push(storyTags())}if(!isStructuredDataEmpty&&structuredData.header&&tags.push(ldJson("WPHeader",getSchemaHeader(structuredData.header))),!isStructuredDataEmpty&&structuredData.footer&&tags.push(ldJson("WPFooter",getSchemaFooter(structuredData.footer))),entities.length>0)for(let entity of entities){const entityTags=generateTagsForEntity(entity,ldJson);entityTags&&tags.push(entityTags)}function generateNewsArticleTags(){if(structuredData.enableNewsArticle)return ldJson("NewsArticle",Object.assign({},articleData,generateNewsArticleData(structuredData,story,publisherConfig,pageType)))}function storyTags(){return structuredData.enableLiveBlog&&"live-blog"===story["story-template"]?ldJson("LiveBlogPosting",Object.assign({},generateLiveBlogPostingData(structuredData,story,publisherConfig,timezone))):structuredData.enableVideo&&"video"===story["story-template"]?ldJson("VideoObject",generateVideoArticleData(structuredData,story,publisherConfig,timezone)):"withoutArticleSchema"!==structuredData.enableNewsArticle?ldJson("Article",articleData):{}}return tags}function buildTagsFromStory(config,story,url={},data={}){if(!story)return;function getStoryCardMetadata(cardId){const{metadata:metadata={}}=story.cards.find(card=>card.id===cardId)||{},urlWithCardId=`${config["sketches-host"]}/${story.slug}?cardId=${cardId}`;return metadata&&!lodash.isEmpty(metadata)&&metadata["social-share"]?{title:metadata["social-share"].title||story.headline,description:metadata["social-share"].message||story.summary,ogUrl:urlWithCardId,ogTitle:metadata["social-share"].title||story.headline,ogDescription:metadata["social-share"].message||story.summary}:metadata}const seo=story.seo||{},storyUrl=story.url||`${config["sketches-host"]}/${story.slug}`,customSeo=lodash.get(data,["data","customSeo"],{}),authors=lodash.get(story,["authors"],[]).map(author=>author.name),title=customSeo.title||seo["meta-title"]||story.headline,pageTitle=customSeo["page-title"]||seo["meta-title"]||story.headline,description=customSeo.description||seo["meta-description"]||story.summary,keywords=(customSeo.keywords||seo["meta-keywords"]||(story.tags||[]).map(tag=>tag.name)).join(","),ogUrl=customSeo.ogUrl||lodash.get(seo,["og","url"])||storyUrl,getOgTitle=customSeo.ogTitle||lodash.get(story,["alternative","social","default","headline"],story.headline)||story.headline,ogDescription=customSeo.ogDescription||story.summary,storyMetaData={title:title,"page-title":pageTitle,description:description,keywords:keywords,canonicalUrl:story["canonical-url"]||storyUrl,ogUrl:ogUrl,ogTitle:getOgTitle,ogDescription:ogDescription,storyUrl:storyUrl,author:authors};if(url.query&&url.query.cardId){const storyCardMetadata=getStoryCardMetadata(url.query.cardId);return Object.assign({},storyMetaData,storyCardMetadata)}return storyMetaData}function buildTagsFromTopic(config,tag,url={},data){if(lodash.isEmpty(tag))return;const customSeo=lodash.get(data,["data","customSeo"],{}),tagName=customSeo.title||tag["meta-title"]||tag.name,pageTitle=customSeo["page-title"]||tagName,tagDescription=customSeo.description||tag["meta-description"],description=`Read stories listed under on ${tag.name}`,tagUrl=`${config["sketches-host"]}${url.pathname}`,canonicalSlug=tag["canonical-slug"]||url.pathname,canonicalUrl=`${config["sketches-host"]}${canonicalSlug}`,ogTitle=customSeo.ogTitle||tagName,ogDescription=customSeo.ogDescription||description,topicMetaData={title:tagName,"page-title":pageTitle,description:tagDescription||description,keywords:tagName,canonicalUrl:canonicalUrl,ogUrl:tagUrl,ogTitle:ogTitle,ogDescription:ogDescription};return topicMetaData}function buildTagsFromAuthor(config,author,url={},data){if(lodash.isEmpty(author))return;const customSeo=lodash.get(data,["data","customSeo"],{}),title=customSeo.title||author.name,pageTitle=customSeo["page-title"]||title,description=customSeo.description||author.bio||`View all articles written by ${title}`,ogTitle=customSeo.ogTitle||author.name,authorUrl=`${config["sketches-host"]}${url.pathname}`,ogDescription=customSeo.ogDescription||description;return{title:title,"page-title":pageTitle,description:description,keywords:`${title},${config["publisher-name"]}`,canonicalUrl:authorUrl,ogUrl:authorUrl,ogTitle:ogTitle,ogDescription:ogDescription}}function buildCustomTags(customTags={},pageType=""){const configObject=customTags[pageType];return configObject||{}}function buildTagsFromStaticPage(config,page,url={},data){const seoData=lodash.get(page,["metadata","seo"],{}),customSeo=lodash.get(data,["data","customSeo"],{});if(lodash.isEmpty(seoData)&&lodash.isEmpty(customSeo))return;const{"meta-title":metaTitle,"meta-description":metaDescription,"meta-keywords":keywords}=seoData,title=customSeo.title||metaTitle||page.title,pageTitle=customSeo["page-title"]||title,description=customSeo.description||metaDescription,ogTitle=customSeo.ogTitle||title,staticPageUrl=`${config["sketches-host"]}${url.pathname}`,ogDescription=customSeo.ogDescription||description;return{title:title,"page-title":pageTitle,description:description,keywords:`${title},${config["publisher-name"]}`,canonicalUrl:staticPageUrl,ogUrl:staticPageUrl,ogTitle:ogTitle,ogDescription:ogDescription,keywords:customSeo.keywords||keywords}}function getSeoData(config,pageType,data,url={},seoConfig={}){function findRelevantConfig(ownerType,ownerId=null){const seoMetadata=config["seo-metadata"].find(page=>page["owner-type"]===ownerType&&page["owner-id"]===ownerId)||{},{sections:sections=[]}=config,section=sections.find(section=>"section"==ownerType&&section.id===ownerId)||{},customSeo=lodash.get(data,["data","customSeo"],{});if(seoMetadata.data||section.id||!lodash.isEmpty(customSeo)){const result=Object.assign({},{"page-title":customSeo["page-title"]||section.name,title:customSeo.title||section.name,canonicalUrl:customSeo.canonicalUrl||section["section-url"]||void 0},seoMetadata.data);if(!result.description){const homeSeoData=config["seo-metadata"].find(page=>"home"===page["owner-type"])||{data:{description:""}};result.description=customSeo.description||homeSeoData.data.description}return result.ogTitle=customSeo.ogTitle||result.title,result.ogDescription=customSeo.ogDescription||result.description,result}}if(seoConfig.customTags&&seoConfig.customTags[pageType])return buildCustomTags(seoConfig.customTags,pageType);function getShellSeoData(config){const seoMetadata=config["seo-metadata"].find(meta=>"home"===meta["owner-type"])||{};return Object.assign({},seoMetadata.data,{canonicalUrl:SKIP_CANONICAL})}switch(pageType){case"home-page":return findRelevantConfig("home");case"section-page":return findRelevantConfig("section",lodash.get(data,["data","section","id"]))||getSeoDataFromCollection(config,data)||getSeoData(config,"home-page",data,url);case"collection-page":return getSeoDataFromCollection(config,data)||getSeoData(config,"home-page",data,url);case"tag-page":return buildTagsFromTopic(config,lodash.get(data,["data","tag"]),url,data)||getSeoData(config,"home-page",data,url);case"story-page":return buildTagsFromStory(config,lodash.get(data,["data","story"]),url,data)||getSeoData(config,"home-page",data,url);case"visual-story":return buildTagsFromStory(config,lodash.get(data,["story"]),url,data)||getSeoData(config,"home-page",data,url);case"story-page-amp":return buildTagsFromStory(config,lodash.get(data,["data","story"]),url,data)||getSeoData(config,"home-page",data,url);case"author-page":return buildTagsFromAuthor(config,lodash.get(data,["data","author"],{}),url,data)||getSeoData(config,"home-page",data,url);case"static-page":return buildTagsFromStaticPage(config,lodash.get(data,["data","page"],{}),url,data)||getSeoData(config,"home-page",data,url);case"shell":return getShellSeoData(config);default:return getSeoData(config,"home-page",data,url)}}function getSeoDataFromCollection(config,data){if(lodash.get(data,["data","collection","name"])){let{name:name,summary:summary}=lodash.get(data,["data","collection"]);const customSeo=lodash.get(data,["data","customSeo"],{});summary||(summary=(getSeoData(config,"home-page",data)||{}).description);const title=customSeo.title||name,pageTitle=customSeo["page-title"]||name,ogTitle=customSeo.ogTitle||title,description=customSeo.description||summary,ogDescription=customSeo.ogDescription||summary;return{"page-title":pageTitle,title:title,ogTitle:ogTitle,description:description,ogDescription:ogDescription,canonicalUrl:SKIP_CANONICAL}}}const SKIP_CANONICAL="__SKIP__CANONICAL__";function TextTags(seoConfig,config,pageType,data,{url:url}){const seoData=getSeoData(config,pageType,data,url,seoConfig),customSeo=lodash.get(data,["data","customSeo"],{});if(!seoData)return[];const currentUrl=`${config["sketches-host"]}${url.pathname}`,basicTags={description:customSeo.description||seoData.description,title:customSeo.title||seoData.title,keywords:customSeo.keywords||seoData.keywords},ogUrl=customSeo.ogUrl||seoData.ogUrl||seoData.canonicalUrl||currentUrl,ogTags=seoConfig.enableOgTags?{"og:type":"story-page"===pageType||"story-page-amp"===pageType?"article":"website","og:url":ogUrl===SKIP_CANONICAL?void 0:ogUrl,"og:title":customSeo.ogTitle||seoData.ogTitle,"og:description":customSeo.ogDescription||seoData.ogDescription}:void 0,twitterTags=seoConfig.enableTwitterCards?{"twitter:card":"summary_large_image","twitter:title":customSeo.twitterTitle||seoData.ogTitle,"twitter:description":customSeo.twitterDescription||seoData.ogDescription}:void 0,allTags=Object.assign(basicTags,ogTags,twitterTags),commonTags=[{tag:"title",children:customSeo.title||data.title||seoData["page-title"]}],canonical=seoData.canonicalUrl||currentUrl;return canonical!=SKIP_CANONICAL&&commonTags.push({tag:"link",rel:"canonical",href:canonical}),"story-page"!==pageType&&"story-page-amp"!==pageType||commonTags.push({name:"author",content:seoData.author}),"story-page"!==pageType&&"story-page-amp"!==pageType||!seoConfig.enableNews||(commonTags.push({name:"news_keywords",content:seoData.keywords}),lodash.get(data,["data","story","seo","meta-google-news-standout"])&&commonTags.push({tag:"link",rel:"standout",href:seoData.storyUrl||currentUrl})),commonTags.concat(objectToTags(allTags))}function getTitle(seoConfig,config,pageType,data,params){const customSeo=lodash.get(data,["data","customSeo"],{});if(lodash.get(data,["title"]))return customSeo.title||lodash.get(data,["title"]);if(lodash.get(data,["data","title"]))return customSeo.title||lodash.get(data,["data","title"]);const seoData=getSeoData(config,pageType,data,void 0,seoConfig)||{};return customSeo.title||seoData["page-title"]}function tagToKey(tag){switch(tag.tag||"meta"){case"meta":return`meta-${tag.name||tag.itemprop||"name"}-${tag.property||"property"}`;case"link":return`link-${tag.rel}`;case"title":return"title";default:return Math.random().toString()}}class MetaTagList{constructor(tags){this.tags=tags}toString(){const uniqueTags=lodash.uniqBy(this.tags.reverse(),tagToKey).reverse();return ReactDomServer__default.default.renderToStaticMarkup(uniqueTags.map(tag=>React__default.default.createElement(tag.tag||"meta",lodash.omit(tag,"tag"))))}addTag(){return new MetaTagList(this.tags.concat([].slice.call(arguments)))}}class SEO{constructor(seoConfig={}){this.seoConfig=seoConfig,this.generators=(seoConfig.generators||[TextTags,ImageTags,AuthorTags,StaticTags,StructuredDataTags,StoryAmpTags]).concat(seoConfig.extraGenerators||[])}getMetaTags(config,pageType,data,params={}){return pageType=lodash.get(this.seoConfig,["pageTypeAliases",pageType],pageType),new MetaTagList(lodash.flatMap(this.generators,generator=>generator(this.seoConfig,config,pageType,data,params)))}getTitle(config,pageType,data,params={}){return getTitle(this.seoConfig,config,pageType,data)}}exports.AuthorTags=AuthorTags,exports.ImageTags=ImageTags,exports.MetaTagList=MetaTagList,exports.SEO=SEO,exports.StaticTags=StaticTags,exports.StoryAmpTags=StoryAmpTags,exports.StructuredDataTags=StructuredDataTags,exports.TextTags=TextTags,exports.generateStaticData=generateStaticData,exports.generateStructuredData=generateStructuredData;

package/index.js

@@ -1,20 +1,20 @@
-import {omit, flatMap, get, uniqBy} from "lodash";
+import { flatMap, get, omit, uniqBy } from "lodash";
 import React from "react";
-import ReactDomServer from"react-dom/server";
+import ReactDomServer from "react-dom/server";
+import { StoryAmpTags } from './src/amp-tags.js';
+import { AuthorTags } from './src/author-tags.js';
+import { generateStaticData, generateStructuredData } from './src/generate-common-seo';
+import { ImageTags } from './src/image-tags.js';
+import { StaticTags } from './src/static-tags.js';
+import { StructuredDataTags } from './src/structured-data/structured-data-tags.js';
+import { getTitle, TextTags } from './src/text-tags.js';
 
-import {TextTags, getTitle} from './src/text-tags.js';
-import {StaticTags} from './src/static-tags.js';
-import {AuthorTags} from './src/author-tags.js';
-import {ImageTags} from './src/image-tags.js';
-import {StructuredDataTags} from './src/structured-data/structured-data-tags.js';
-import {StoryAmpTags} from './src/amp-tags.js';
-import {generateStaticData, generateStructuredData} from './src/generate-common-seo';
 
-export {TextTags, StaticTags, AuthorTags, ImageTags, StructuredDataTags, StoryAmpTags, generateStaticData, generateStructuredData};
+export { TextTags, StaticTags, AuthorTags, ImageTags, StructuredDataTags, StoryAmpTags, generateStaticData, generateStructuredData };
 
 function tagToKey(tag) {
-  switch(tag.tag || "meta") {
-    case "meta": return `meta-${tag.name || "name"}-${tag.property || "property"}`;
+  switch (tag.tag || "meta") {
+    case "meta": return `meta-${tag.name || tag.itemprop || "name"}-${tag.property || "property"}`;
     case "link": return `link-${tag.rel}`;
     case "title": return `title`;
     default: return Math.random().toString();
@@ -28,7 +28,7 @@ export class MetaTagList {
 
   toString() {
     const uniqueTags = uniqBy(this.tags.reverse(), tagToKey).reverse();
-    return ReactDomServer.renderToStaticMarkup(uniqueTags.map(tag => React.createElement(tag.tag || "meta", omit(tag, "tag"))))
+    return ReactDomServer.renderToStaticMarkup(uniqueTags.map(tag => React.createElement(tag.tag || "meta", omit(tag, "tag"))));
   }
 
   addTag() {
@@ -102,6 +102,6 @@ export class SEO {
   }
 
   getTitle(config, pageType, data, params = {}) {
-    return getTitle(this.seoConfig, config, pageType, data, params)
+    return getTitle(this.seoConfig, config, pageType, data, params);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/seo",
-  "version": "1.40.8",
+  "version": "1.40.10",
   "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

@@ -261,8 +261,8 @@ function getEmbedUrl(cards) {
   // coz we only need the embed url
   // find is used for early exit
   cards.find((card) => {
-    const storyElements = card["story-elements"];
-    return storyElements.find((elem, index) => {
+    const storyElements = get(card, ["story-elements"], []);
+    return storyElements.find((elem) => {
       if (elem["embed-url"]) {
         embedUrl = elem["embed-url"];
         return true;