@quintype/seo 1.40.9 → 1.40.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) {
@@ -548,10 +370,11 @@ function getSchemaHeader({ cssSelector }) {
   }) : {};
 }
 
-function getSchemaBlogPosting(card = {}, author = {}, headline = "", image = "", structuredData = {}, story = {}, timezone) {
+function getSchemaBlogPosting(card = {}, author = {}, headline = "", image = "", structuredData = {}, story = {}, timezone, articleBody) {
   const { website: { url = "" } = {} } = structuredData;
   const orgUrl = lodash.get(structuredData, ["organization", "url"], "");
   return Object.assign({}, getSchemaType("BlogPosting"), getSchemaMainEntityOfPage(`${url}/${story.slug}`), getSchemaPublisher(structuredData.organization, orgUrl), {
+    articleBody: articleBody,
     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),
@@ -811,6 +634,8 @@ function generateLiveBlogPostingData(structuredData = {}, story = {}, publisherC
   const imageWidth = 1200;
   const imageHeight = 675;
   const authorSchema = structuredData.authorSchema && structuredData.authorSchema(story) || [];
+  const storyKeysPresence = Object.keys(story).length > 0;
+  const articleBody = storyKeysPresence && getCompleteText(story, structuredData.stripHtmlFromArticleBody) || "";
   return {
     headline: story.headline,
     description: story.summary || story.headline,
@@ -818,7 +643,8 @@ function generateLiveBlogPostingData(structuredData = {}, story = {}, publisherC
     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"]), imageWidth, imageHeight), structuredData, story, 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"]), imageWidth, imageHeight), structuredData, story, timezone, articleBody))
   };
 }
 
@@ -1073,136 +899,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 +1297,7 @@ class SEO {
   }
 
   getTitle(config, pageType, data, params = {}) {
-    return getTitle$1(this.seoConfig, config, pageType, data);
+    return getTitle(this.seoConfig, config, pageType, data);
   }
 }