New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@wistia/react-embeds
Advanced tools
@wistia/react-embeds - npm Package Compare versions
Comparing version 0.0.1 to 0.0.2
@@ -17,10 +17,5 @@ 'use strict'; | ||
| var symbols = Object.getOwnPropertySymbols(object); | ||
| if (enumerableOnly) { | ||
| symbols = symbols.filter(function (sym) { | ||
| return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
| }); | ||
| } | ||
| keys.push.apply(keys, symbols); | ||
| enumerableOnly && (symbols = symbols.filter(function (sym) { | ||
| return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
| })), keys.push.apply(keys, symbols); | ||
| } | ||
@@ -33,15 +28,8 @@ | ||
| for (var i = 1; i < arguments.length; i++) { | ||
| var source = arguments[i] != null ? arguments[i] : {}; | ||
| if (i % 2) { | ||
| ownKeys(Object(source), true).forEach(function (key) { | ||
| _defineProperty(target, key, source[key]); | ||
| }); | ||
| } else if (Object.getOwnPropertyDescriptors) { | ||
| Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); | ||
| } else { | ||
| ownKeys(Object(source)).forEach(function (key) { | ||
| Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); | ||
| }); | ||
| } | ||
| var source = null != arguments[i] ? arguments[i] : {}; | ||
| i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { | ||
| _defineProperty(target, key, source[key]); | ||
| }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { | ||
| Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); | ||
| }); | ||
| } | ||
@@ -71,2 +59,5 @@ | ||
| if (staticProps) _defineProperties(Constructor, staticProps); | ||
| Object.defineProperty(Constructor, "prototype", { | ||
| writable: false | ||
| }); | ||
| return Constructor; | ||
@@ -102,2 +93,5 @@ } | ||
| }); | ||
| Object.defineProperty(subClass, "prototype", { | ||
| writable: false | ||
| }); | ||
| if (superClass) _setPrototypeOf(subClass, superClass); | ||
@@ -349,3 +343,3 @@ } | ||
| var PLAYER_OPTION_KEYS = new Set(['autoPlay', 'controlsVisibleOnLoad', 'doNotTrack', 'email', 'embedHost', 'endVideoBehavior', 'fullscreenButton', 'googleAnalytics', 'hashedId', 'height', 'hls', 'id', 'idType', 'muted', 'playbackRateControl', 'playButton', 'playbar', 'playerColor', 'playlistLinks', 'playlistLoop', 'popover', 'popoverAnimateThumbnail', 'popoverContent', 'popoverOverlayOpacity', 'preload', 'qualityControl', 'qualityMax', 'qualityMin', 'seo', 'settingsControl', 'silentAutoPlay', 'smallPlayButton', 'stillUrl', 'time', 'videoFoam', 'volume', 'volumeControl', 'width', 'wmode']); | ||
| var PLAYER_OPTION_KEYS = new Set(['autoPlay', 'chromeless', 'controlsVisibleOnLoad', 'doNotTrack', 'email', 'embedHost', 'endVideoBehavior', 'fullscreenButton', 'googleAnalytics', 'hashedId', 'height', 'hls', 'id', 'idType', 'muted', 'playbackRateControl', 'playbar', 'playButton', 'playerColor', 'playlistLinks', 'playlistLoop', 'playPauseNotifier', 'popover', 'popoverAnimateThumbnail', 'popoverContent', 'popoverOverlayOpacity', 'preload', 'qualityControl', 'qualityMax', 'qualityMin', 'resumable', 'seo', 'settingsControl', 'silentAutoPlay', 'smallPlayButton', 'stillUrl', 'time', 'videoFoam', 'volume', 'volumeControl', 'width', 'wmode']); | ||
| var PLAYER_EVENT_KEYS = new Set(['onAfterReplace', 'onBeforeRemove', 'onBeforeReplace', // 'onBetweenTimes', | ||
@@ -461,5 +455,2 @@ 'onCancelFullscreen', 'onCaptionsChange', 'onConversion', // 'onCrosstime', | ||
| value: function componentDidMount() { | ||
| this.setState({ | ||
| safeToRender: true | ||
| }); | ||
| this.prepareForPlayerSetup(this.props.hashedId); | ||
@@ -472,2 +463,5 @@ this.context.dispatch({ | ||
| }); | ||
| this.setState({ | ||
| safeToRender: true | ||
| }); | ||
| } | ||
@@ -606,3 +600,4 @@ }, { | ||
| _this3.setupPlayerAfterReady(player); | ||
| } | ||
| }, | ||
| options: this.props.customOptions ? this.props.customOptions : {} | ||
| }; | ||
@@ -626,4 +621,6 @@ window._wq = window._wq || []; | ||
| autoPlay: propTypes__default["default"].bool, | ||
| chromeless: propTypes__default["default"].bool, | ||
| controlsVisibleOnLoad: propTypes__default["default"].bool, | ||
| customEvents: propTypes__default["default"].object, | ||
| customOptions: propTypes__default["default"].object, | ||
| doNotTrack: propTypes__default["default"].bool, | ||
@@ -647,2 +644,3 @@ email: propTypes__default["default"].string, | ||
| playlistLoop: propTypes__default["default"].bool, | ||
| playPauseNotifier: propTypes__default["default"].bool, | ||
| popover: propTypes__default["default"].bool, | ||
@@ -656,2 +654,3 @@ popoverAnimateThumbnail: propTypes__default["default"].bool, | ||
| qualityMin: propTypes__default["default"].oneOfType([propTypes__default["default"].number, propTypes__default["default"].oneOf(['360p', '540p', '720p', '1080p', '4k'])]), | ||
| resumable: propTypes__default["default"].oneOf([true, false, 'auto']), | ||
| seo: propTypes__default["default"].bool, | ||
@@ -658,0 +657,0 @@ settingsControl: propTypes__default["default"].bool, |
@@ -12,10 +12,5 @@ 'use strict'; | ||
| var symbols = Object.getOwnPropertySymbols(object); | ||
| if (enumerableOnly) { | ||
| symbols = symbols.filter(function (sym) { | ||
| return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
| }); | ||
| } | ||
| keys.push.apply(keys, symbols); | ||
| enumerableOnly && (symbols = symbols.filter(function (sym) { | ||
| return Object.getOwnPropertyDescriptor(object, sym).enumerable; | ||
| })), keys.push.apply(keys, symbols); | ||
| } | ||
@@ -28,15 +23,8 @@ | ||
| for (var i = 1; i < arguments.length; i++) { | ||
| var source = arguments[i] != null ? arguments[i] : {}; | ||
| if (i % 2) { | ||
| ownKeys(Object(source), true).forEach(function (key) { | ||
| _defineProperty(target, key, source[key]); | ||
| }); | ||
| } else if (Object.getOwnPropertyDescriptors) { | ||
| Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); | ||
| } else { | ||
| ownKeys(Object(source)).forEach(function (key) { | ||
| Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); | ||
| }); | ||
| } | ||
| var source = null != arguments[i] ? arguments[i] : {}; | ||
| i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { | ||
| _defineProperty(target, key, source[key]); | ||
| }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { | ||
| Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); | ||
| }); | ||
| } | ||
@@ -66,2 +54,5 @@ | ||
| if (staticProps) _defineProperties(Constructor, staticProps); | ||
| Object.defineProperty(Constructor, "prototype", { | ||
| writable: false | ||
| }); | ||
| return Constructor; | ||
@@ -97,2 +88,5 @@ } | ||
| }); | ||
| Object.defineProperty(subClass, "prototype", { | ||
| writable: false | ||
| }); | ||
| if (superClass) _setPrototypeOf(subClass, superClass); | ||
@@ -333,3 +327,3 @@ } | ||
| var PLAYER_OPTION_KEYS = new Set(['autoPlay', 'controlsVisibleOnLoad', 'doNotTrack', 'email', 'embedHost', 'endVideoBehavior', 'fullscreenButton', 'googleAnalytics', 'hashedId', 'height', 'hls', 'id', 'idType', 'muted', 'playbackRateControl', 'playButton', 'playbar', 'playerColor', 'playlistLinks', 'playlistLoop', 'popover', 'popoverAnimateThumbnail', 'popoverContent', 'popoverOverlayOpacity', 'preload', 'qualityControl', 'qualityMax', 'qualityMin', 'seo', 'settingsControl', 'silentAutoPlay', 'smallPlayButton', 'stillUrl', 'time', 'videoFoam', 'volume', 'volumeControl', 'width', 'wmode']); | ||
| var PLAYER_OPTION_KEYS = new Set(['autoPlay', 'chromeless', 'controlsVisibleOnLoad', 'doNotTrack', 'email', 'embedHost', 'endVideoBehavior', 'fullscreenButton', 'googleAnalytics', 'hashedId', 'height', 'hls', 'id', 'idType', 'muted', 'playbackRateControl', 'playbar', 'playButton', 'playerColor', 'playlistLinks', 'playlistLoop', 'playPauseNotifier', 'popover', 'popoverAnimateThumbnail', 'popoverContent', 'popoverOverlayOpacity', 'preload', 'qualityControl', 'qualityMax', 'qualityMin', 'resumable', 'seo', 'settingsControl', 'silentAutoPlay', 'smallPlayButton', 'stillUrl', 'time', 'videoFoam', 'volume', 'volumeControl', 'width', 'wmode']); | ||
| var PLAYER_EVENT_KEYS = new Set(['onAfterReplace', 'onBeforeRemove', 'onBeforeReplace', // 'onBetweenTimes', | ||
@@ -445,5 +439,2 @@ 'onCancelFullscreen', 'onCaptionsChange', 'onConversion', // 'onCrosstime', | ||
| value: function componentDidMount() { | ||
| this.setState({ | ||
| safeToRender: true | ||
| }); | ||
| this.prepareForPlayerSetup(this.props.hashedId); | ||
@@ -456,2 +447,5 @@ this.context.dispatch({ | ||
| }); | ||
| this.setState({ | ||
| safeToRender: true | ||
| }); | ||
| } | ||
@@ -590,3 +584,4 @@ }, { | ||
| _this3.setupPlayerAfterReady(player); | ||
| } | ||
| }, | ||
| options: this.props.customOptions ? this.props.customOptions : {} | ||
| }; | ||
@@ -593,0 +588,0 @@ window._wq = window._wq || []; |
@@ -117,3 +117,3 @@ 'use strict'; | ||
| const PLAYER_OPTION_KEYS = new Set(['autoPlay', 'controlsVisibleOnLoad', 'doNotTrack', 'email', 'embedHost', 'endVideoBehavior', 'fullscreenButton', 'googleAnalytics', 'hashedId', 'height', 'hls', 'id', 'idType', 'muted', 'playbackRateControl', 'playButton', 'playbar', 'playerColor', 'playlistLinks', 'playlistLoop', 'popover', 'popoverAnimateThumbnail', 'popoverContent', 'popoverOverlayOpacity', 'preload', 'qualityControl', 'qualityMax', 'qualityMin', 'seo', 'settingsControl', 'silentAutoPlay', 'smallPlayButton', 'stillUrl', 'time', 'videoFoam', 'volume', 'volumeControl', 'width', 'wmode']); | ||
| const PLAYER_OPTION_KEYS = new Set(['autoPlay', 'chromeless', 'controlsVisibleOnLoad', 'doNotTrack', 'email', 'embedHost', 'endVideoBehavior', 'fullscreenButton', 'googleAnalytics', 'hashedId', 'height', 'hls', 'id', 'idType', 'muted', 'playbackRateControl', 'playbar', 'playButton', 'playerColor', 'playlistLinks', 'playlistLoop', 'playPauseNotifier', 'popover', 'popoverAnimateThumbnail', 'popoverContent', 'popoverOverlayOpacity', 'preload', 'qualityControl', 'qualityMax', 'qualityMin', 'resumable', 'seo', 'settingsControl', 'silentAutoPlay', 'smallPlayButton', 'stillUrl', 'time', 'videoFoam', 'volume', 'volumeControl', 'width', 'wmode']); | ||
| const PLAYER_EVENT_KEYS = new Set(['onAfterReplace', 'onBeforeRemove', 'onBeforeReplace', // 'onBetweenTimes', | ||
@@ -203,5 +203,2 @@ 'onCancelFullscreen', 'onCaptionsChange', 'onConversion', // 'onCrosstime', | ||
| componentDidMount() { | ||
| this.setState({ | ||
| safeToRender: true | ||
| }); | ||
| this.prepareForPlayerSetup(this.props.hashedId); | ||
@@ -214,2 +211,5 @@ this.context.dispatch({ | ||
| }); | ||
| this.setState({ | ||
| safeToRender: true | ||
| }); | ||
| } | ||
@@ -317,3 +317,4 @@ | ||
| this.setupPlayerAfterReady(player); | ||
| } | ||
| }, | ||
| options: this.props.customOptions ? this.props.customOptions : {} | ||
| }; | ||
@@ -335,4 +336,6 @@ window._wq = window._wq || []; | ||
| autoPlay: propTypes__default["default"].bool, | ||
| chromeless: propTypes__default["default"].bool, | ||
| controlsVisibleOnLoad: propTypes__default["default"].bool, | ||
| customEvents: propTypes__default["default"].object, | ||
| customOptions: propTypes__default["default"].object, | ||
| doNotTrack: propTypes__default["default"].bool, | ||
@@ -356,2 +359,3 @@ email: propTypes__default["default"].string, | ||
| playlistLoop: propTypes__default["default"].bool, | ||
| playPauseNotifier: propTypes__default["default"].bool, | ||
| popover: propTypes__default["default"].bool, | ||
@@ -365,2 +369,3 @@ popoverAnimateThumbnail: propTypes__default["default"].bool, | ||
| qualityMin: propTypes__default["default"].oneOfType([propTypes__default["default"].number, propTypes__default["default"].oneOf(['360p', '540p', '720p', '1080p', '4k'])]), | ||
| resumable: propTypes__default["default"].oneOf([true, false, 'auto']), | ||
| seo: propTypes__default["default"].bool, | ||
@@ -367,0 +372,0 @@ settingsControl: propTypes__default["default"].bool, |
| { | ||
| "name": "@wistia/react-embeds", | ||
| "version": "0.0.1", | ||
| "version": "0.0.2", | ||
| "description": "React component wrappers for Wistia embeddables", | ||
@@ -16,3 +16,3 @@ "browser": "browser.js", | ||
| }, | ||
| "author": "", | ||
| "author": "Wistia Engineering", | ||
| "license": "ISC", | ||
@@ -19,0 +19,0 @@ "devDependencies": { |
@@ -119,17 +119,2 @@ # Wistia component wrappers for React | ||
| ## Usage with local Player Modern | ||
| 1. Make sure Player Modern is running locally | ||
| 2. Pass the `embedHost` prop into `<WistiaPlayer/>`. This tells the player which host to load the media JSON from. | ||
| ```jsx | ||
| <WistiaPlayer hashedId={this.state.currentVideoHashedId} embedHost="fast.wistia.com" /> | ||
| ``` | ||
| 3. In `_app.js` pass in the `origin` prop to `<WistiaProvider/>`. This tells the component which origin to load E-v1.js from. | ||
| ```jsx | ||
| <WistiaProvider context={wistia} href={href} origin="https://fast.wistia.io"> | ||
| ``` | ||
| ## Implementation notes | ||
@@ -136,0 +121,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Fixed alerts
No contributors or author data
MaintenancePackage does not specify a list of contributors or an author in package.json.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.58%
177662
- Lines of code
- increased by0.39%
4674
- Number of low maintenance alerts
- decreased by-50%
1
Worsened metrics
- Number of lines in readme file
- decreased by-9.2%
148
No dependency changes