@pittica/gatsby-plugin-seo/components/twitter-card.js

SEO optimization plugin for GatsbyJS.

"use strict";

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

exports.__esModule = true;
exports.default = TwitterCard;

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 TwitterCard({
  title,
  description,
  image,
  username,
  site
}) {
  const {
    siteUrl
  } = (0, _react.useContext)(_socialContext.default);
  return /*#__PURE__*/_react.default.createElement(_reactHelmetAsync.Helmet, null, /*#__PURE__*/_react.default.createElement("meta", {
    name: "twitter:card",
    content: "summary_large_image",
    key: "twitter-card"
  }), title && /*#__PURE__*/_react.default.createElement("meta", {
    name: "twitter:title",
    content: (0, _gatsbyPluginUtils.tail)(title, 70),
    key: "twitter-title"
  }), description && /*#__PURE__*/_react.default.createElement("meta", {
    name: "twitter:description",
    content: (0, _gatsbyPluginUtils.tail)(description, 200),
    key: "twitter-description"
  }), image && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("meta", {
    name: "twitter:image",
    content: (0, _gatsbyPluginUtils.withUrl)(image, siteUrl),
    key: "twitter-image"
  }), description && /*#__PURE__*/_react.default.createElement("meta", {
    name: "twitter:image:alt",
    content: (0, _gatsbyPluginUtils.tail)(description, 420),
    key: "twitter-image-alternative"
  })), site && /*#__PURE__*/_react.default.createElement("meta", {
    name: "twitter:site",
    content: site,
    key: "twitter-site"
  }), username && /*#__PURE__*/_react.default.createElement("meta", {
    name: "twitter:creator",
    content: username,
    key: "twitter-creator"
  }));
}

TwitterCard.propTypes = {
  title: _propTypes.default.string.isRequired,
  description: _propTypes.default.string.isRequired,
  image: _propTypes.default.string,
  username: _propTypes.default.string,
  site: _propTypes.default.string
};
TwitterCard.defaultProps = {
  title: "",
  description: "",
  image: null,
  username: "",
  site: ""
};