@pittica/gatsby-plugin-seo/components/open-graph.js

SEO optimization plugin for GatsbyJS.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = OpenGraph;

var _react = _interopRequireWildcard(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _reactHelmetAsync = require("react-helmet-async");

var _gatsbyPluginUtils = require("@pittica/gatsby-plugin-utils");

var _socialContext = _interopRequireDefault(require("../context/social-context"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function OpenGraph({
  url,
  title,
  article,
  description,
  image,
  locale,
  site
}) {
  const {
    socials: {
      facebook: {
        page
      }
    },
    siteUrl
  } = (0, _react.useContext)(_socialContext.default);
  return /*#__PURE__*/_react.default.createElement(_reactHelmetAsync.Helmet, null, article && /*#__PURE__*/_react.default.createElement("meta", {
    property: "og:type",
    content: "article",
    key: "og-type"
  }), url && /*#__PURE__*/_react.default.createElement("meta", {
    property: "og:url",
    content: (0, _gatsbyPluginUtils.withUrl)(url, siteUrl),
    key: "og-url"
  }), title && /*#__PURE__*/_react.default.createElement("meta", {
    property: "og:title",
    content: title,
    key: "og-title"
  }), locale && /*#__PURE__*/_react.default.createElement("meta", {
    property: "og:locale",
    content: (0, _gatsbyPluginUtils.joinLocale)((0, _gatsbyPluginUtils.formatLocale)(locale)),
    key: "og-locale"
  }), description && /*#__PURE__*/_react.default.createElement("meta", {
    property: "og:description",
    content: description,
    key: "og-description"
  }), image && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("meta", {
    property: "og:image",
    content: (0, _gatsbyPluginUtils.withUrl)(image, siteUrl),
    key: "og-image"
  }), description && /*#__PURE__*/_react.default.createElement("meta", {
    name: "og:image:alt",
    content: description,
    key: "og-image-alternative"
  })), site && /*#__PURE__*/_react.default.createElement("meta", {
    property: "og:site_name",
    content: site,
    key: "og-site-name"
  }), article && page ? /*#__PURE__*/_react.default.createElement("meta", {
    property: "article:publisher",
    content: (0, _gatsbyPluginUtils.withUrl)(page, "https://www.facebook.com/"),
    key: "article-publisher"
  }) : null);
}

OpenGraph.propTypes = {
  url: _propTypes.default.string,
  title: _propTypes.default.string,
  article: _propTypes.default.bool,
  image: _propTypes.default.string,
  description: _propTypes.default.string,
  locale: _propTypes.default.any,
  site: _propTypes.default.string
};
OpenGraph.defaultProps = {
  article: false
};