react-instagram-embed
Advanced tools
Comparing version 1.1.0 to 1.1.1
@@ -69,3 +69,3 @@ 'use strict'; | ||
if (window.instgrm) { | ||
if (window.instgrm || document.getElementById('react-instagram-embed-script')) { | ||
this.fetchEmbed(this.getQueryParams(this.props)); | ||
@@ -76,2 +76,3 @@ } else { | ||
s.src = '//platform.instagram.com/en_US/embeds.js'; | ||
s.id = 'react-instagram-embed-script'; | ||
document.body.appendChild(s); | ||
@@ -86,7 +87,7 @@ this.checkAPI().then(function () { | ||
value: function componentWillReceiveProps(nextProps) { | ||
var _props = this.props; | ||
var url = _props.url; | ||
var hideCaption = _props.hideCaption; | ||
var maxWidth = _props.maxWidth; | ||
var containerTagName = _props.containerTagName; | ||
var _props = this.props, | ||
url = _props.url, | ||
hideCaption = _props.hideCaption, | ||
maxWidth = _props.maxWidth, | ||
containerTagName = _props.containerTagName; | ||
@@ -101,10 +102,10 @@ if (nextProps.url !== url || nextProps.hideCaption !== hideCaption || nextProps.maxWidth !== maxWidth || nextProps.containerTagName !== containerTagName) { | ||
value: function shouldComponentUpdate(nextProps, nextState) { | ||
var _props2 = this.props; | ||
var url = _props2.url; | ||
var hideCaption = _props2.hideCaption; | ||
var maxWidth = _props2.maxWidth; | ||
var containerTagName = _props2.containerTagName; | ||
var onLoading = _props2.onLoading; | ||
var onSuccess = _props2.onSuccess; | ||
var onFailure = _props2.onFailure; | ||
var _props2 = this.props, | ||
url = _props2.url, | ||
hideCaption = _props2.hideCaption, | ||
maxWidth = _props2.maxWidth, | ||
containerTagName = _props2.containerTagName, | ||
onLoading = _props2.onLoading, | ||
onSuccess = _props2.onSuccess, | ||
onFailure = _props2.onFailure; | ||
var __html = this.state.__html; | ||
@@ -127,13 +128,12 @@ | ||
// eslint-disable-next-line no-unused-vars | ||
var _props3 = this.props; | ||
var url = _props3.url; | ||
var hideCaption = _props3.hideCaption; | ||
var maxWidth = _props3.maxWidth; | ||
var containerTagName = _props3.containerTagName; | ||
var onLoading = _props3.onLoading; | ||
var onSuccess = _props3.onSuccess; | ||
var onFailure = _props3.onFailure; | ||
var _props3 = this.props, | ||
url = _props3.url, | ||
hideCaption = _props3.hideCaption, | ||
maxWidth = _props3.maxWidth, | ||
containerTagName = _props3.containerTagName, | ||
onLoading = _props3.onLoading, | ||
onSuccess = _props3.onSuccess, | ||
onFailure = _props3.onFailure, | ||
rest = _objectWithoutProperties(_props3, ['url', 'hideCaption', 'maxWidth', 'containerTagName', 'onLoading', 'onSuccess', 'onFailure']); | ||
var rest = _objectWithoutProperties(_props3, ['url', 'hideCaption', 'maxWidth', 'containerTagName', 'onLoading', 'onSuccess', 'onFailure']); | ||
return rest; | ||
@@ -169,5 +169,5 @@ } | ||
value: function getQueryParams(_ref) { | ||
var url = _ref.url; | ||
var hideCaption = _ref.hideCaption; | ||
var maxWidth = _ref.maxWidth; | ||
var url = _ref.url, | ||
hideCaption = _ref.hideCaption, | ||
maxWidth = _ref.maxWidth; | ||
@@ -174,0 +174,0 @@ return _queryString2.default.stringify({ |
{ | ||
"name": "react-instagram-embed", | ||
"version": "1.1.0", | ||
"version": "1.1.1", | ||
"description": "React embedding Instagram posts component", | ||
@@ -9,14 +9,22 @@ "main": "lib/index.js", | ||
], | ||
"keywords": [ | ||
"react", | ||
"component", | ||
"instagram" | ||
], | ||
"scripts": { | ||
"start": "webpack-dev-server", | ||
"build": "babel -d lib src", | ||
"start": "webpack-dev-server --progress", | ||
"clean:lib": "if [ -d lib ]; then rm -rf lib; fi", | ||
"precompile": "npm run clean:lib; mkdir -p lib", | ||
"compile": "babel -d lib src", | ||
"check": "npm run lint && npm run flow && npm test", | ||
"lint": "eslint src", | ||
"lint": "eslint src tests", | ||
"test": "jest", | ||
"flow": "flow", | ||
"docs": "npm run predocs && NODE_ENV=production webpack", | ||
"clean:docs": "if [ -d docs ]; then rm -rf docs; fi", | ||
"predocs": "npm run clean:docs; mkdir docs && npm run favicon", | ||
"favicon": "curl https://sugarshin.net/favicon.ico > docs/favicon.ico", | ||
"prepublish": "npm run check && npm run build" | ||
"clean:build": "if [ -d build ]; then rm -rf build; fi", | ||
"favicon": "curl https://sugarshin.net/favicon.ico > build/favicon.ico", | ||
"preghpages": "npm run clean:build; mkdir -p build && npm run favicon", | ||
"ghpages": "NODE_ENV=production webpack --progress", | ||
"postghpages": "gh-pages -x -m 'Update [ci skip]' -d build -r https://github.com/sugarshin/react-instagram-embed.git", | ||
"prepublish": "npm run check && npm run compile" | ||
}, | ||
@@ -42,21 +50,22 @@ "repository": { | ||
"devDependencies": { | ||
"babel-cli": "^6.16.0", | ||
"babel-core": "^6.17.0", | ||
"babel-eslint": "^7.0.0", | ||
"babel-cli": "^6.18.0", | ||
"babel-core": "^6.18.0", | ||
"babel-eslint": "^7.1.0", | ||
"babel-jest": "^16.0.0", | ||
"babel-loader": "^6.2.5", | ||
"babel-plugin-transform-class-properties": "^6.16.0", | ||
"babel-plugin-transform-flow-strip-types": "^6.14.0", | ||
"babel-loader": "^6.2.7", | ||
"babel-plugin-transform-class-properties": "^6.18.0", | ||
"babel-plugin-transform-flow-strip-types": "^6.18.0", | ||
"babel-plugin-transform-object-rest-spread": "^6.16.0", | ||
"babel-polyfill": "^6.16.0", | ||
"babel-preset-es2015": "^6.16.0", | ||
"babel-preset-es2015": "^6.18.0", | ||
"babel-preset-react": "^6.16.0", | ||
"css-loader": "^0.25.0", | ||
"eslint": "^3.8.1", | ||
"eslint": "^3.9.1", | ||
"eslint-plugin-babel": "^3.3.0", | ||
"eslint-plugin-flowtype": "^2.20.0", | ||
"eslint-plugin-flowtype": "^2.25.0", | ||
"eslint-plugin-react": "^6.4.1", | ||
"flow-bin": "^0.33.0", | ||
"flow-bin": "^0.34.0", | ||
"gh-pages": "^0.11.0", | ||
"highlight.js": "^9.7.0", | ||
"html-webpack-plugin": "^2.24.0", | ||
"html-webpack-plugin": "^2.24.1", | ||
"insert-stylesheet": "^0.1.0", | ||
@@ -70,3 +79,3 @@ "jest": "^16.0.2", | ||
"style-loader": "^0.13.1", | ||
"webpack": "^1.13.2", | ||
"webpack": "^1.13.3", | ||
"webpack-dev-server": "^1.16.2" | ||
@@ -73,0 +82,0 @@ }, |
# react-instagram-embed | ||
[![Build Status][travis-image]][travis-url] | ||
[![CircleCI][circleci-image]][circleci-url] | ||
[![Dependency Status][david-image]][david-url] | ||
@@ -20,3 +20,3 @@ [![Devdependency Status][david-dev-image]][david-dev-url] | ||
```js | ||
import InstagramEmbed from 'react-instagram-embed'; | ||
import InstagramEmbed from 'react-instagram-embed' | ||
@@ -60,4 +60,4 @@ <InstagramEmbed | ||
[npm-url]: https://www.npmjs.org/package/react-instagram-embed | ||
[travis-image]: https://img.shields.io/travis/sugarshin/react-instagram-embed/master.svg?branch=master&style=flat-square | ||
[travis-url]: https://travis-ci.org/sugarshin/react-instagram-embed | ||
[circleci-image]: https://circleci.com/gh/sugarshin/react-instagram-embed/tree/master.svg?style=svg&circle-token=8991301b0db526852c58dc884a349cb8e00f1b24 | ||
[circleci-url]: https://circleci.com/gh/sugarshin/react-instagram-embed/tree/master | ||
[david-image]: https://david-dm.org/sugarshin/react-instagram-embed.svg?style=flat-square | ||
@@ -64,0 +64,0 @@ [david-url]: https://david-dm.org/sugarshin/react-instagram-embed |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
12273
152
30