@mjhls/mjh-framework 1.0.840 → 1.0.841

package/README.md

@@ -1,4 +1,4 @@
-# mjh-framework v. 1.0.840
+# mjh-framework v. 1.0.841
 
 [![NPM](https://img.shields.io/npm/v/mjh-framework.svg)](https://www.npmjs.com/package/mjh-framework) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
 

package/dist/cjs/View.js

@@ -442,6 +442,85 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
   return showSocialShare;
 };
 
+function toPlainText() {
+  var blocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  return blocks
+  // loop through each block
+  .map(function (block) {
+    // if it's not a text block with children,
+    // return nothing
+    if (block._type !== 'block' || !block.children) {
+      return '';
+    }
+    // loop through the children spans, and join the
+    // text strings
+    return block.children.map(function (child) {
+      return child.text;
+    }).join('');
+  })
+  // join the paragraphs leaving split by two linebreaks
+  .join('\n\n');
+}
+
+function generateSchema(props) {
+  var _props$article = props.article,
+      title = _props$article.title,
+      body = _props$article.body,
+      summary = _props$article.summary,
+      url = _props$article.url,
+      content_placement = _props$article.content_placement,
+      authorDetails = _props$article.authorDetails,
+      thumbnail = _props$article.thumbnail,
+      published = _props$article.published,
+      _updatedAt = _props$article._updatedAt,
+      seoTag = _props$article.seoTag,
+      _props$Website = props.Website,
+      liveDomain = _props$Website.liveDomain,
+      websiteTitle = _props$Website.title,
+      logo = _props$Website.logo,
+      client = props.client;
+
+  var isAuthorFound = authorDetails && authorDetails.length > 0 && authorDetails[0].displayName;
+  var articleSection = content_placement && content_placement.map(function (cp) {
+    return cp.name;
+  });
+
+  if (title && thumbnail && published && websiteTitle && liveDomain && logo && isAuthorFound) {
+    return {
+      '@context': 'https://schema.org',
+      '@type': 'NewsArticle',
+      mainEntityOfPage: 'https://' + liveDomain + '/view/' + url.current,
+      headline: title,
+      description: summary,
+      articleBody: toPlainText(body),
+      inLanguage: 'en-US',
+      image: urlFor({ source: thumbnail, client: client }),
+      keywords: seoTag.join(),
+      articleSection: articleSection,
+      author: {
+        '@type': 'Person',
+        name: authorDetails[0].displayName
+      },
+      publisher: {
+        '@type': 'Organization',
+        name: websiteTitle,
+        logo: {
+          '@type': 'ImageObject',
+          url: 'https://' + liveDomain + logo
+        }
+      },
+      datePublished: published,
+      dateModified: _updatedAt
+    };
+  }
+  return null;
+}
+
+var Schema = function Schema(props) {
+  return React__default['default'].createElement('script', { type: 'application/ld+json', dangerouslySetInnerHTML: { __html: stringify._JSON$stringify(generateSchema(props)) } });
+};
+
 var Article = React.forwardRef(function (props, ref) {
   var onVote = function () {
     var _ref = asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -1288,7 +1367,8 @@ var Article = React.forwardRef(function (props, ref) {
           )
         )
       ),
-      props.infiniteScroll && React__default['default'].createElement('hr', { className: 'article-seperater mb-5 mt-3' })
+      props.infiniteScroll && React__default['default'].createElement('hr', { className: 'article-seperater mb-5 mt-3' }),
+      React__default['default'].createElement(Schema, { article: props.article, Website: props.Website, client: props.client })
     );
   };
 

package/dist/esm/View.js

@@ -432,6 +432,85 @@ var getSocialShareDisableFlag = function getSocialShareDisableFlag(article) {
   return showSocialShare;
 };
 
+function toPlainText() {
+  var blocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  return blocks
+  // loop through each block
+  .map(function (block) {
+    // if it's not a text block with children,
+    // return nothing
+    if (block._type !== 'block' || !block.children) {
+      return '';
+    }
+    // loop through the children spans, and join the
+    // text strings
+    return block.children.map(function (child) {
+      return child.text;
+    }).join('');
+  })
+  // join the paragraphs leaving split by two linebreaks
+  .join('\n\n');
+}
+
+function generateSchema(props) {
+  var _props$article = props.article,
+      title = _props$article.title,
+      body = _props$article.body,
+      summary = _props$article.summary,
+      url = _props$article.url,
+      content_placement = _props$article.content_placement,
+      authorDetails = _props$article.authorDetails,
+      thumbnail = _props$article.thumbnail,
+      published = _props$article.published,
+      _updatedAt = _props$article._updatedAt,
+      seoTag = _props$article.seoTag,
+      _props$Website = props.Website,
+      liveDomain = _props$Website.liveDomain,
+      websiteTitle = _props$Website.title,
+      logo = _props$Website.logo,
+      client = props.client;
+
+  var isAuthorFound = authorDetails && authorDetails.length > 0 && authorDetails[0].displayName;
+  var articleSection = content_placement && content_placement.map(function (cp) {
+    return cp.name;
+  });
+
+  if (title && thumbnail && published && websiteTitle && liveDomain && logo && isAuthorFound) {
+    return {
+      '@context': 'https://schema.org',
+      '@type': 'NewsArticle',
+      mainEntityOfPage: 'https://' + liveDomain + '/view/' + url.current,
+      headline: title,
+      description: summary,
+      articleBody: toPlainText(body),
+      inLanguage: 'en-US',
+      image: urlFor({ source: thumbnail, client: client }),
+      keywords: seoTag.join(),
+      articleSection: articleSection,
+      author: {
+        '@type': 'Person',
+        name: authorDetails[0].displayName
+      },
+      publisher: {
+        '@type': 'Organization',
+        name: websiteTitle,
+        logo: {
+          '@type': 'ImageObject',
+          url: 'https://' + liveDomain + logo
+        }
+      },
+      datePublished: published,
+      dateModified: _updatedAt
+    };
+  }
+  return null;
+}
+
+var Schema = function Schema(props) {
+  return React.createElement('script', { type: 'application/ld+json', dangerouslySetInnerHTML: { __html: _JSON$stringify(generateSchema(props)) } });
+};
+
 var Article = forwardRef(function (props, ref) {
   var onVote = function () {
     var _ref = _asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee(nodeKey, selectedChoice) {
@@ -1278,7 +1357,8 @@ var Article = forwardRef(function (props, ref) {
           )
         )
       ),
-      props.infiniteScroll && React.createElement('hr', { className: 'article-seperater mb-5 mt-3' })
+      props.infiniteScroll && React.createElement('hr', { className: 'article-seperater mb-5 mt-3' }),
+      React.createElement(Schema, { article: props.article, Website: props.Website, client: props.client })
     );
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.840",
+  "version": "1.0.841",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",