Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-instagram-embed

Package Overview
Dependencies
Maintainers
1
Versions
18
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-instagram-embed - npm Package Compare versions

Comparing version 1.1.0 to 1.1.1

54

lib/index.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc