From 556daf69d76135742442aac8a71c98055501f7b7 Mon Sep 17 00:00:00 2001 From: bill bittner Date: Wed, 30 May 2018 15:02:40 -0700 Subject: [PATCH] re-built components --- .../build/components/ActiveStatusBar/index.js | 2 +- .../components/InactiveStatusBar/index.js | 2 +- .../build/components/PublishPreview/index.js | 2 +- client/build/containers/AssetPreview/index.js | 23 +++++ client/build/containers/AssetPreview/view.js | 54 +++++++++++ client/build/containers/SEO/index.js | 34 +++++++ client/build/containers/SEO/view.js | 95 +++++++++++++++++++ 7 files changed, 209 insertions(+), 3 deletions(-) create mode 100644 client/build/containers/AssetPreview/index.js create mode 100644 client/build/containers/AssetPreview/view.js create mode 100644 client/build/containers/SEO/index.js create mode 100644 client/build/containers/SEO/view.js diff --git a/client/build/components/ActiveStatusBar/index.js b/client/build/components/ActiveStatusBar/index.js index a1b6b88a..c5ffafcf 100644 --- a/client/build/components/ActiveStatusBar/index.js +++ b/client/build/components/ActiveStatusBar/index.js @@ -16,4 +16,4 @@ var ActiveStatusBar = function ActiveStatusBar() { }; var _default = ActiveStatusBar; -exports.default = _default; +exports.default = _default; \ No newline at end of file diff --git a/client/build/components/InactiveStatusBar/index.js b/client/build/components/InactiveStatusBar/index.js index dfca5167..9fe4aa51 100644 --- a/client/build/components/InactiveStatusBar/index.js +++ b/client/build/components/InactiveStatusBar/index.js @@ -16,4 +16,4 @@ var InactiveStatusBar = function InactiveStatusBar() { }; var _default = InactiveStatusBar; -exports.default = _default; +exports.default = _default; \ No newline at end of file diff --git a/client/build/components/PublishPreview/index.js b/client/build/components/PublishPreview/index.js index eb3f2b67..e1c2bba1 100644 --- a/client/build/components/PublishPreview/index.js +++ b/client/build/components/PublishPreview/index.js @@ -120,4 +120,4 @@ PublishPreview.propTypes = { thumbnail: _propTypes.default.object }; var _default = PublishPreview; -exports.default = _default; +exports.default = _default; \ No newline at end of file diff --git a/client/build/containers/AssetPreview/index.js b/client/build/containers/AssetPreview/index.js new file mode 100644 index 00000000..f0afdc19 --- /dev/null +++ b/client/build/containers/AssetPreview/index.js @@ -0,0 +1,23 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = void 0; + +var _reactRedux = require("react-redux"); + +var _view = _interopRequireDefault(require("./view")); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var mapStateToProps = function mapStateToProps(_ref) { + var defaultThumbnail = _ref.site.defaultThumbnail; + return { + defaultThumbnail: defaultThumbnail + }; +}; + +var _default = (0, _reactRedux.connect)(mapStateToProps, null)(_view.default); + +exports.default = _default; \ No newline at end of file diff --git a/client/build/containers/AssetPreview/view.js b/client/build/containers/AssetPreview/view.js new file mode 100644 index 00000000..2f0024f7 --- /dev/null +++ b/client/build/containers/AssetPreview/view.js @@ -0,0 +1,54 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = void 0; + +var _react = _interopRequireDefault(require("react")); + +var _reactRouterDom = require("react-router-dom"); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var AssetPreview = function AssetPreview(_ref) { + var defaultThumbnail = _ref.defaultThumbnail, + _ref$claimData = _ref.claimData, + name = _ref$claimData.name, + claimId = _ref$claimData.claimId, + fileExt = _ref$claimData.fileExt, + contentType = _ref$claimData.contentType, + thumbnail = _ref$claimData.thumbnail; + var directSourceLink = "".concat(claimId, "/").concat(name, ".").concat(fileExt); + var showUrlLink = "/".concat(claimId, "/").concat(name); + return _react.default.createElement("div", { + className: "asset-preview-holder" + }, _react.default.createElement(_reactRouterDom.Link, { + to: showUrlLink + }, function () { + switch (contentType) { + case 'image/jpeg': + case 'image/jpg': + case 'image/png': + case 'image/gif': + return _react.default.createElement("img", { + className: 'asset-preview-image', + src: directSourceLink, + alt: name + }); + + case 'video/mp4': + return _react.default.createElement("img", { + className: 'asset-preview-video', + src: thumbnail || defaultThumbnail, + alt: name + }); + + default: + return _react.default.createElement("p", null, "unsupported file type"); + } + }())); +}; + +var _default = AssetPreview; +exports.default = _default; \ No newline at end of file diff --git a/client/build/containers/SEO/index.js b/client/build/containers/SEO/index.js new file mode 100644 index 00000000..68ed79ed --- /dev/null +++ b/client/build/containers/SEO/index.js @@ -0,0 +1,34 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = void 0; + +var _reactRedux = require("react-redux"); + +var _view = _interopRequireDefault(require("./view")); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +var mapStateToProps = function mapStateToProps(_ref) { + var site = _ref.site; + var defaultDescription = site.defaultDescription, + defaultThumbnail = site.defaultThumbnail, + siteDescription = site.description, + siteHost = site.host, + siteTitle = site.title, + siteTwitter = site.twitter; + return { + defaultDescription: defaultDescription, + defaultThumbnail: defaultThumbnail, + siteDescription: siteDescription, + siteHost: siteHost, + siteTitle: siteTitle, + siteTwitter: siteTwitter + }; +}; + +var _default = (0, _reactRedux.connect)(mapStateToProps, null)(_view.default); + +exports.default = _default; \ No newline at end of file diff --git a/client/build/containers/SEO/view.js b/client/build/containers/SEO/view.js new file mode 100644 index 00000000..bbacc8aa --- /dev/null +++ b/client/build/containers/SEO/view.js @@ -0,0 +1,95 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.default = void 0; + +var _react = _interopRequireDefault(require("react")); + +var _reactHelmet = _interopRequireDefault(require("react-helmet")); + +var _propTypes = _interopRequireDefault(require("prop-types")); + +var _pageTitle = require("../../utils/pageTitle"); + +var _metaTags = require("../../utils/metaTags"); + +var _canonicalLink = require("../../utils/canonicalLink"); + +function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } + +function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } + +function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } + +function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } _setPrototypeOf(subClass.prototype, superClass && superClass.prototype); if (superClass) _setPrototypeOf(subClass, superClass); } + +function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } + +function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } + +function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } + +function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } + +function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } + +function _getPrototypeOf(o) { _getPrototypeOf = Object.getPrototypeOf || function _getPrototypeOf(o) { return o.__proto__; }; return _getPrototypeOf(o); } + +var SEO = +/*#__PURE__*/ +function (_React$Component) { + function SEO() { + _classCallCheck(this, SEO); + + return _possibleConstructorReturn(this, _getPrototypeOf(SEO).apply(this, arguments)); + } + + _createClass(SEO, [{ + key: "render", + value: function render() { + // props from state + var _this$props = this.props, + defaultDescription = _this$props.defaultDescription, + defaultThumbnail = _this$props.defaultThumbnail, + siteDescription = _this$props.siteDescription, + siteHost = _this$props.siteHost, + siteTitle = _this$props.siteTitle, + siteTwitter = _this$props.siteTwitter; // props from parent + + var _this$props2 = this.props, + asset = _this$props2.asset, + channel = _this$props2.channel, + pageUri = _this$props2.pageUri; + var pageTitle = this.props.pageTitle; // create page title, tags, and canonical link + + pageTitle = (0, _pageTitle.createPageTitle)(siteTitle, pageTitle); + var metaTags = (0, _metaTags.createMetaTags)(siteDescription, siteHost, siteTitle, siteTwitter, asset, channel, defaultDescription, defaultThumbnail); + var canonicalLink = (0, _canonicalLink.createCanonicalLink)(asset, channel, pageUri, siteHost); // render results + + return _react.default.createElement(_reactHelmet.default, { + title: pageTitle, + meta: metaTags, + link: [{ + rel: 'canonical', + href: canonicalLink + }] + }); + } + }]); + + _inherits(SEO, _React$Component); + + return SEO; +}(_react.default.Component); + +; +SEO.propTypes = { + pageTitle: _propTypes.default.string, + pageUri: _propTypes.default.string, + channel: _propTypes.default.object, + asset: _propTypes.default.object +}; +var _default = SEO; +exports.default = _default; \ No newline at end of file