pageflow 15.0.0.beta2 → 15.0.0.beta3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5219177ac3ed7d7f1727e3f669cc687d160a63942e34c89d1e3aee7f9beff9ce
-  data.tar.gz: c54857b1b2dc21afb8543ddc35a2b5d9ffdfd3df68ceeb9c553762584c47f5e2
+  metadata.gz: 3fa3471d4148c01ab6b96a880b7eae57b18ca56dbcdebc7f8515ce800ac36cac
+  data.tar.gz: 3c1c8e322b4c5a978169d7e71990c597d7f5e9ca043cd1a23f6e85fc395cda27
 SHA512:
-  metadata.gz: 3a5eb4cfadae67dd795a2fb151c95135202aa22a024710b8f6e287fd9afd028f5aa16e2e1549ae3b4c2f47bf1e7a86931dcfc4d1ba347569432f63ecc85eb7c3
-  data.tar.gz: 9bb8fcff78f53f24d64bb00507fa2a5b485f1445c29c031326fdd0fc3e789dd506b4d72019042fc02d488cc372c7ae0e793b0a16cb720246f6d77c81244c7982
+  metadata.gz: 43de860f0f5856811fe417d7906850dda042c0f9eebc9ea3d54dd531f8bad7fe813bb52afae100c1312d95aabef06673fb48b40923a4d10d7683c09a34036cb3
+  data.tar.gz: 8b0369b3f01d070bbe9fcef46199190c8f900d3d03bb3182f4e55cfc573b18bb3a39fcb682168266326134d664c85f467132de155a4fe702fca8b9eefe7b2758

data/CHANGELOG.md

@@ -1,17 +1,120 @@
 # CHANGELOG
 
+### Version 15.0.0.beta3
+
+2019-10-24
+
+[Compare changes](https://github.com/codevise/pageflow/compare/14-x-stable...v15.0.0.beta3)
+
+#### Breaking Changes
+
+- Entry export/import
+  ([#1219](https://github.com/codevise/pageflow/pull/1219))
+
+  File types need to be updated to integrate correctly with the new
+  entry export/import feature. Check the updated
+  ["Creating File Types" guide](https://github.com/codevise/pageflow/blob/master/doc/creating_file_types.md)
+  for details.
+
+#### Published Entries
+
+- Info box pointer-events enabled for anchor tag
+  ([#1214](https://github.com/codevise/pageflow/pull/1214))
+- More options for title loading spinner
+  ([#1215](https://github.com/codevise/pageflow/pull/1215))
+- Theme options for logo and loading spinner
+  ([#1216](https://github.com/codevise/pageflow/pull/1216))
+
+#### Editor
+
+- Make tabs in mobile editor touchable
+  ([#1212](https://github.com/codevise/pageflow/pull/1212))
+
+#### Rails Engine
+
+- Require Sprockets < 4
+  ([#1217](https://github.com/codevise/pageflow/pull/1217))
+- Drop pageflow_accounts_themes table
+  ([#1205](https://github.com/codevise/pageflow/pull/1205))
+- Bug fix: fix entry membership create error
+  ([#1196](https://github.com/codevise/pageflow/pull/1196))
+- Bug fix: fix missing analytics interpolator variables
+  ([#1192](https://github.com/codevise/pageflow/pull/1192))
+
 ### Version 15.0.0.beta2
 
 2019-08-01
 
-[Compare changes](https://github.com/codevise/pageflow/compare/14-x-stable...v15.0.0.beta2)
+[Compare changes](https://github.com/codevise/pageflow/compare/v15.0.0.beta1...v15.0.0.beta2)
 
 - Move UsedFileTestHelper to support directory
   in order to make it available in Plugins.
   Require it in spec_helper to keep it available in Pageflow itself.
-  
   ([#1194](https://github.com/codevise/pageflow/pull/1194))
 
+- Remove default charset utf8mb3. This is motivated by the popularity
+  of emoji, which utf8mb3 doesn't support. Note that from Rails 6
+  onwards, for MySQL utf8mb4 is also the default [1]. For existing
+  Pageflow instances, especially when using MySQL 5.5 or 5.6, a switch
+  to utf8mb4 might work better after setting INNODB_LARGE_PREFIX and
+  making related changes towards allowing a longer index key prefix
+  [2], which in those versions isn't yet the default. For new
+  installations, MySQL 5.7 is preferable to older versions, because,
+  from a Rails perspective, it has 4-byte-character-friendlier default
+  settings. Also see MySQL's official guide on converting between
+  3-byte and 4-byte character sets [3].
+  ([#1210](https://github.com/codevise/pageflow/pull/1194))
+
+  [1] https://github.com/rails/rails/pull/33608
+
+  [2] https://dev.mysql.com/doc/refman/5.5/en/innodb-parameters.html#sysvar_innodb_large_prefix
+
+  [3] https://dev.mysql.com/doc/refman/5.5/en/charset-unicode-conversion.html
+
+### Version 15.0.0.beta1
+
+2019-07-31
+
+[Compare changes](https://github.com/codevise/pageflow/compare/14-x-stable...v15.0.0.beta1)
+
+#### Breaking Changes
+
+- Refactor file modules
+  ([#1180](https://github.com/codevise/pageflow/pull/1180))
+
+  This version includes various refactorings and class renamings.
+  If you include any of the files or modules below, you need to update your code accordingly.
+
+  ##### File modules:
+  HostedFile => UploadableFile (concerning uploading of files)\
+  UploadedFile => ReusableFile (concerning usage of files)
+
+  ##### StateMachines:
+  ProcessedFileStateMachine => ImageAndTextTrackProcessingStateMachine\
+  EncodedFileStateMachine => MediaEncodingStateMachine
+
+  ##### StateMachineJobs:
+  ProcessFileJob => ProcessImageOrTextTrackJob
+
+- Introduce PermaId on FileUsage, change file lookup to PermaId throughout Pageflow codebase.
+  ([#1179](https://github.com/codevise/pageflow/pull/1179))
+
+  File lookup is now done via the `perma_id` of the files usage within the revisions scope.
+  Therefore it is strongly advised to change file lookup to the new RevisionFileHelper:
+
+  I.e.
+  ```
+  Pageflow::Imagefile.find(some_id)
+  ```
+  has to become
+  ```
+  include RevisionFileHelper
+  [...]
+  find_file_in_entry(Pageflow::Imagefile, image_file_usage_perma_id)
+  ```
+
+  Also see migration inside the PR.
+
 See
 [14-x-stable branch](https://github.com/codevise/pageflow/blob/14-x-stable/CHANGELOG.md)
 for previous changes.

data/README.md

@@ -6,7 +6,7 @@
 [![Code Climate](https://codeclimate.com/github/codevise/pageflow/badges/gpa.svg)](https://codeclimate.com/github/codevise/pageflow)
 [![Reviewed by Hound](https://img.shields.io/badge/Reviewed_by-Hound-8E64B0.svg)](https://houndci.com)
 
-Multimedia storytelling for the web.
+Multimedia storytelling for the web. Built in cooperation with [WDR](https://wdr.de).
 
 For a high level introduction and example Pageflow stories see
 [pageflow.io](https://pageflow.io).
@@ -208,6 +208,10 @@ The gem is available as open source under the terms of the
 
 ## Special Thanks
 
+Built in cooperation with:
+
+[![WDR](doc/supporter_logos/wdr.png)](https://wdr.de)
+
 We would like to express our special thanks to the following services
 for supporting Pageflow through free open source plans:
 

data/app/assets/javascripts/pageflow/dist/react-client.js

@@ -8960,7 +8960,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _loadingSpinner = __webpack_require__(619);
 
-	var _pageflow = __webpack_require__(622);
+	var _pageflow = __webpack_require__(623);
 
 	var _pageflow2 = _interopRequireDefault(_pageflow);
 
@@ -12016,6 +12016,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.firstPage = exports.selector = exports.pageBackgroundImageUrl = undefined;
 	exports.firstPageAttribures = firstPageAttribures;
+	exports.firstPageAttribute = firstPageAttribute;
 	exports.pageAttribute = pageAttribute;
 	exports.pageAttributes = pageAttributes;
 	exports.pageState = pageState;
@@ -12045,6 +12046,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	}
 
+	function firstPageAttribute(property) {
+	  return (0, _utils.memoizedSelector)(firstPage, function (page) {
+	    return page && page.attributes[property];
+	  });
+	}
+
 	function pageAttribute(property, options) {
 	  return (0, _utils.memoizedSelector)(selector(options), function (page) {
 	    return page && page.attributes[property];
@@ -31082,11 +31089,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _ClassicLoadingSpinner = __webpack_require__(620);
 
-	var _TitleLoadingSpinner = __webpack_require__(621);
+	var _MediaLoadingSpinner = __webpack_require__(621);
+
+	var _TitleLoadingSpinner = __webpack_require__(622);
 
 	function registerWidgetTypes() {
 	  (0, _ClassicLoadingSpinner.register)();
 	  (0, _TitleLoadingSpinner.register)();
+	  (0, _MediaLoadingSpinner.register)();
 	}
 
 /***/ }),
@@ -31236,9 +31246,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
+	exports.MediaLoadingSpinner = exports.MediaLoadingSpinnerComponent = undefined;
 
 	var _createClass = function () { 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
+	exports.getInvert = getInvert;
 	exports.register = register;
 
 	var _utils = __webpack_require__(340);
@@ -31273,13 +31285,13 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-	var TitleLoadingSpinner = function (_React$Component) {
-	  _inherits(TitleLoadingSpinner, _React$Component);
+	var MediaLoadingSpinnerComponent = exports.MediaLoadingSpinnerComponent = function (_React$Component) {
+	  _inherits(MediaLoadingSpinnerComponent, _React$Component);
 
-	  function TitleLoadingSpinner(props) {
-	    _classCallCheck(this, TitleLoadingSpinner);
+	  function MediaLoadingSpinnerComponent(props) {
+	    _classCallCheck(this, MediaLoadingSpinnerComponent);
 
-	    var _this = _possibleConstructorReturn(this, (TitleLoadingSpinner.__proto__ || Object.getPrototypeOf(TitleLoadingSpinner)).call(this, props));
+	    var _this = _possibleConstructorReturn(this, (MediaLoadingSpinnerComponent.__proto__ || Object.getPrototypeOf(MediaLoadingSpinnerComponent)).call(this, props));
 
 	    _this.state = {
 	      hidden: false,
@@ -31288,7 +31300,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    return _this;
 	  }
 
-	  _createClass(TitleLoadingSpinner, [{
+	  _createClass(MediaLoadingSpinnerComponent, [{
 	    key: 'componentDidMount',
 	    value: function componentDidMount() {
 	      var _this2 = this;
@@ -31329,42 +31341,29 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    value: function render() {
 	      var _this4 = this;
 
-	      var _props = this.props,
-	          editing = _props.editing,
-	          title = _props.title,
-	          subtitle = _props.subtitle,
-	          entryTitle = _props.entryTitle;
+	      var editing = this.props.editing;
 	      var _state = this.state,
 	          hidden = _state.hidden,
 	          animating = _state.animating;
 
-
+	      var invert = getInvert(this.props);
+	      var logoElement = _react2.default.createElement('div', { className: (0, _classnames2.default)("media_loading_spinner-logo", { 'media_loading_spinner-logo-invert': invert }) });
+	      if (this.props.removeLogo) {
+	        logoElement = '';
+	      }
 	      if (editing || !hidden) {
 	        return _react2.default.createElement(
 	          'div',
-	          { className: (0, _classnames2.default)('title_loading_spinner', { 'title_loading_spinner-fade': animating }),
+	          { className: (0, _classnames2.default)('media_loading_spinner', { 'media_loading_spinner-fade': animating }, { 'media_loading_spinner-invert': invert }),
 	            onAnimationEnd: function onAnimationEnd(event) {
 	              return _this4.hideOrLoop(event);
 	            },
 	            onTouchMove: preventScrollBouncing,
-	            style: inlineStyle() },
-	          _react2.default.createElement('div', { className: 'title_loading_spinner-logo' }),
-	          _react2.default.createElement('div', { className: 'title_loading_spinner-image',
+	            style: inlineStyle(this.props) },
+	          logoElement,
+	          _react2.default.createElement('div', { className: 'media_loading_spinner-image',
 	            style: backgroundImageInlineStyles(this.props) }),
-	          _react2.default.createElement(
-	            'div',
-	            { className: 'title_loading_spinner-titles' },
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'title_loading_spinner-title' },
-	              title || entryTitle
-	            ),
-	            _react2.default.createElement(
-	              'div',
-	              { className: 'title_loading_spinner-subtitle' },
-	              subtitle
-	            )
-	          )
+	          this.props.children
 	        );
 	      } else {
 	        return _react2.default.createElement('noscript', null);
@@ -31372,10 +31371,36 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    }
 	  }]);
 
-	  return TitleLoadingSpinner;
+	  return MediaLoadingSpinnerComponent;
 	}(_react2.default.Component);
 
-	function inlineStyle() {
+	function preventScrollBouncing(e) {
+	  e.preventDefault();
+	}
+
+	function backgroundImageInlineStyles(_ref) {
+	  var firstPageBackgroundImageUrl = _ref.firstPageBackgroundImageUrl,
+	      backgroundImage = _ref.backgroundImage,
+	      blurStrength = _ref.blurStrength;
+
+	  var url = backgroundImage ? backgroundImage.urls.medium : firstPageBackgroundImageUrl;
+	  if (url) {
+	    return {
+	      backgroundImage: 'url("' + url + '")',
+	      filter: 'blur(' + blurStrength + 'px)'
+	    };
+	  }
+	}
+
+	function getInvert(props) {
+	  if (!props.backgroundImage && props.invert == undefined) {
+	    return props.firstPageInvert;
+	  }
+	  return props.invert;
+	}
+
+	function inlineStyle(props) {
+	  var invert = getInvert(props);
 	  return {
 	    position: 'absolute',
 	    top: 0,
@@ -31383,49 +31408,144 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    width: '100%',
 	    height: '100%',
 	    zIndex: 100,
-	    backgroundColor: '#000'
+	    backgroundColor: invert ? '#fff' : '#000'
 	  };
 	}
 
-	function backgroundImageInlineStyles(_ref) {
-	  var firstPageBackgroundImageUrl = _ref.firstPageBackgroundImageUrl,
-	      backgroundImage = _ref.backgroundImage;
+	var MediaLoadingSpinner = exports.MediaLoadingSpinner = (0, _reactRedux.connect)((0, _utils.combineSelectors)({
+	  editing: (0, _selectors2.editingWidget)({ role: 'loading_spinner' }),
+	  firstPageInvert: (0, _selectors4.firstPageAttribute)('invert'),
+	  firstPageBackgroundImageUrl: (0, _selectors4.pageBackgroundImageUrl)({
+	    variant: 'medium',
+	    page: (0, _selectors4.firstPageAttribures)()
+	  }),
+	  backgroundImage: (0, _selectors3.file)('imageFiles', {
+	    id: (0, _selectors2.widgetAttribute)('customBackgroundImageId', {
+	      role: 'loading_spinner'
+	    })
+	  }),
+	  invert: (0, _selectors2.widgetAttribute)('invert', { role: 'loading_spinner' }),
+	  removeLogo: (0, _selectors2.widgetAttribute)('removeLogo', { role: 'loading_spinner' }),
+	  blurStrength: (0, _selectors2.widgetAttribute)('blurStrength', { role: 'loading_spinner' })
+	}))(MediaLoadingSpinnerComponent);
 
-	  var url = backgroundImage ? backgroundImage.urls.medium : firstPageBackgroundImageUrl;
+	function register() {
+	  (0, _registerWidgetType2.default)('media_loading_spinner', {
+	    component: MediaLoadingSpinner
+	  });
+	}
 
-	  if (url) {
-	    return {
-	      backgroundImage: 'url("' + url + '")'
-	    };
+/***/ }),
+/* 622 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.TitleLoadingSpinner = undefined;
+
+	var _createClass = function () { 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+	exports.register = register;
+
+	var _utils = __webpack_require__(340);
+
+	var _react = __webpack_require__(334);
+
+	var _react2 = _interopRequireDefault(_react);
+
+	var _reactRedux = __webpack_require__(399);
+
+	var _classnames = __webpack_require__(335);
+
+	var _classnames2 = _interopRequireDefault(_classnames);
+
+	var _registerWidgetType = __webpack_require__(565);
+
+	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
+
+	var _selectors = __webpack_require__(503);
+
+	var _selectors2 = __webpack_require__(376);
+
+	var _selectors3 = __webpack_require__(429);
+
+	var _selectors4 = __webpack_require__(494);
+
+	var _MediaLoadingSpinner = __webpack_require__(621);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+	function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+	function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+	var TitleLoadingSpinner = exports.TitleLoadingSpinner = function (_React$Component) {
+	  _inherits(TitleLoadingSpinner, _React$Component);
+
+	  function TitleLoadingSpinner() {
+	    _classCallCheck(this, TitleLoadingSpinner);
+
+	    return _possibleConstructorReturn(this, (TitleLoadingSpinner.__proto__ || Object.getPrototypeOf(TitleLoadingSpinner)).apply(this, arguments));
 	  }
-	}
 
-	function preventScrollBouncing(e) {
-	  e.preventDefault();
-	}
+	  _createClass(TitleLoadingSpinner, [{
+	    key: 'render',
+	    value: function render() {
+	      var _props = this.props,
+	          title = _props.title,
+	          subtitle = _props.subtitle,
+	          entryTitle = _props.entryTitle;
+
+	      var invert = (0, _MediaLoadingSpinner.getInvert)(this.props);
+	      return _react2.default.createElement(
+	        _MediaLoadingSpinner.MediaLoadingSpinner,
+	        null,
+	        _react2.default.createElement(
+	          'div',
+	          { className: (0, _classnames2.default)('media_loading_spinner-titles', { 'media_loading_spinner-invert': invert }) },
+	          _react2.default.createElement(
+	            'div',
+	            { className: 'media_loading_spinner-title' },
+	            title || entryTitle
+	          ),
+	          _react2.default.createElement(
+	            'div',
+	            { className: 'media_loading_spinner-subtitle' },
+	            subtitle
+	          )
+	        )
+	      );
+	    }
+	  }]);
+
+	  return TitleLoadingSpinner;
+	}(_react2.default.Component);
 
 	function register() {
 	  (0, _registerWidgetType2.default)('title_loading_spinner', {
 	    component: (0, _reactRedux.connect)((0, _utils.combineSelectors)({
-	      editing: (0, _selectors2.editingWidget)({ role: 'loading_spinner' }),
-	      firstPageBackgroundImageUrl: (0, _selectors4.pageBackgroundImageUrl)({
-	        variant: 'medium',
-	        page: (0, _selectors4.firstPageAttribures)()
-	      }),
+	      firstPageInvert: (0, _selectors2.firstPageAttribute)('invert'),
 	      backgroundImage: (0, _selectors3.file)('imageFiles', {
-	        id: (0, _selectors2.widgetAttribute)('customBackgroundImageId', {
+	        id: (0, _selectors4.widgetAttribute)('customBackgroundImageId', {
 	          role: 'loading_spinner'
 	        })
 	      }),
 	      entryTitle: (0, _selectors.entryAttribute)('title'),
-	      title: (0, _selectors2.widgetAttribute)('title', { role: 'loading_spinner' }),
-	      subtitle: (0, _selectors2.widgetAttribute)('subtitle', { role: 'loading_spinner' })
+	      title: (0, _selectors4.widgetAttribute)('title', { role: 'loading_spinner' }),
+	      subtitle: (0, _selectors4.widgetAttribute)('subtitle', { role: 'loading_spinner' }),
+	      removeLogo: (0, _selectors4.widgetAttribute)('removeLogo', { role: 'loading_spinner' }),
+	      invert: (0, _selectors4.widgetAttribute)('invert', { role: 'loading_spinner' })
 	    }))(TitleLoadingSpinner)
 	  });
 	}
 
 /***/ }),
-/* 622 */
+/* 623 */
 /***/ (function(module, exports) {
 
 	module.exports = pageflow;