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

gatsby-image

Package Overview
Dependencies
Maintainers
20
Versions
310
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

gatsby-image - npm Package Compare versions

Comparing version 2.3.5 to 2.4.0

4

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log

# [2.4.0](https://github.com/gatsbyjs/gatsby/compare/gatsby-image@2.3.5...gatsby-image@2.4.0) (2020-04-27)
**Note:** Version bump only for package gatsby-image
## [2.3.5](https://github.com/gatsbyjs/gatsby/compare/gatsby-image@2.3.4...gatsby-image@2.3.5) (2020-04-24)

@@ -8,0 +12,0 @@

42

index.js

@@ -187,5 +187,5 @@ "use strict";

sizes = _ref3.sizes;
return _react.default.createElement(_react.default.Fragment, {
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
key: src
}, srcSetWebp && _react.default.createElement("source", {
}, srcSetWebp && /*#__PURE__*/_react.default.createElement("source", {
type: "image/webp",

@@ -195,3 +195,3 @@ media: media,

sizes: sizes
}), _react.default.createElement("source", {
}), /*#__PURE__*/_react.default.createElement("source", {
media: media,

@@ -225,3 +225,3 @@ srcSet: srcSet,

tracedSVG = _ref4.tracedSVG;
return _react.default.createElement("source", {
return /*#__PURE__*/_react.default.createElement("source", {
key: src,

@@ -239,3 +239,3 @@ media: media,

base64 = _ref5.base64;
return _react.default.createElement("source", {
return /*#__PURE__*/_react.default.createElement("source", {
key: src,

@@ -309,3 +309,3 @@ media: media,

var baseImage = _react.default.createElement(Img, (0, _extends2.default)({
var baseImage = /*#__PURE__*/_react.default.createElement(Img, (0, _extends2.default)({
ref: ref,

@@ -317,3 +317,3 @@ src: src

return imageVariants.length > 1 ? _react.default.createElement("picture", null, generateSources(imageVariants), baseImage) : baseImage;
return imageVariants.length > 1 ? /*#__PURE__*/_react.default.createElement("picture", null, generateSources(imageVariants), baseImage) : baseImage;
});

@@ -332,3 +332,3 @@

otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["sizes", "srcSet", "src", "style", "onLoad", "onError", "loading", "draggable", "ariaHidden"]);
return _react.default.createElement("img", (0, _extends2.default)({
return /*#__PURE__*/_react.default.createElement("img", (0, _extends2.default)({
"aria-hidden": ariaHidden,

@@ -503,3 +503,3 @@ sizes: sizes,

var image = getCurrentSrcData(fluid);
return _react.default.createElement(Tag, {
return /*#__PURE__*/_react.default.createElement(Tag, {
className: (className ? className : "") + " gatsby-image-wrapper",

@@ -512,3 +512,3 @@ style: (0, _extends2.default)({

key: "fluid-" + JSON.stringify(image.srcSet)
}, _react.default.createElement(Tag, {
}, /*#__PURE__*/_react.default.createElement(Tag, {
"aria-hidden": true,

@@ -519,3 +519,3 @@ style: {

}
}), bgColor && _react.default.createElement(Tag, {
}), bgColor && /*#__PURE__*/_react.default.createElement(Tag, {
"aria-hidden": true,

@@ -532,3 +532,3 @@ title: title,

}, shouldFadeIn && delayHideStyle)
}), image.base64 && _react.default.createElement(Placeholder, {
}), image.base64 && /*#__PURE__*/_react.default.createElement(Placeholder, {
ariaHidden: true,

@@ -540,3 +540,3 @@ ref: this.placeholderRef,

generateSources: generateBase64Sources
}), image.tracedSVG && _react.default.createElement(Placeholder, {
}), image.tracedSVG && /*#__PURE__*/_react.default.createElement(Placeholder, {
ariaHidden: true,

@@ -548,3 +548,3 @@ ref: this.placeholderRef,

generateSources: generateTracedSVGSources
}), this.state.isVisible && _react.default.createElement("picture", null, generateImageSources(imageVariants), _react.default.createElement(Img, {
}), this.state.isVisible && /*#__PURE__*/_react.default.createElement("picture", null, generateImageSources(imageVariants), /*#__PURE__*/_react.default.createElement(Img, {
alt: alt,

@@ -563,3 +563,3 @@ title: title,

draggable: draggable
})), this.addNoScript && _react.default.createElement("noscript", {
})), this.addNoScript && /*#__PURE__*/_react.default.createElement("noscript", {
dangerouslySetInnerHTML: {

@@ -594,3 +594,3 @@ __html: noscriptImg((0, _extends2.default)({

return _react.default.createElement(Tag, {
return /*#__PURE__*/_react.default.createElement(Tag, {
className: (className ? className : "") + " gatsby-image-wrapper",

@@ -600,3 +600,3 @@ style: divStyle,

key: "fixed-" + JSON.stringify(_image.srcSet)
}, bgColor && _react.default.createElement(Tag, {
}, bgColor && /*#__PURE__*/_react.default.createElement(Tag, {
"aria-hidden": true,

@@ -610,3 +610,3 @@ title: title,

}, shouldFadeIn && delayHideStyle)
}), _image.base64 && _react.default.createElement(Placeholder, {
}), _image.base64 && /*#__PURE__*/_react.default.createElement(Placeholder, {
ariaHidden: true,

@@ -618,3 +618,3 @@ ref: this.placeholderRef,

generateSources: generateBase64Sources
}), _image.tracedSVG && _react.default.createElement(Placeholder, {
}), _image.tracedSVG && /*#__PURE__*/_react.default.createElement(Placeholder, {
ariaHidden: true,

@@ -626,3 +626,3 @@ ref: this.placeholderRef,

generateSources: generateTracedSVGSources
}), this.state.isVisible && _react.default.createElement("picture", null, generateImageSources(_imageVariants), _react.default.createElement(Img, {
}), this.state.isVisible && /*#__PURE__*/_react.default.createElement("picture", null, generateImageSources(_imageVariants), /*#__PURE__*/_react.default.createElement(Img, {
alt: alt,

@@ -643,3 +643,3 @@ title: title,

draggable: draggable
})), this.addNoScript && _react.default.createElement("noscript", {
})), this.addNoScript && /*#__PURE__*/_react.default.createElement("noscript", {
dangerouslySetInnerHTML: {

@@ -646,0 +646,0 @@ __html: noscriptImg((0, _extends2.default)({

{
"name": "gatsby-image",
"description": "Lazy-loading React image component with optional support for the blur-up effect.",
"version": "2.3.5",
"version": "2.4.0",
"author": "Kyle Mathews <mathews.kyle@gmail.com>",

@@ -10,3 +10,3 @@ "bugs": {

"dependencies": {
"@babel/runtime": "^7.8.7",
"@babel/runtime": "^7.9.2",
"object-fit-images": "^3.2.4",

@@ -17,5 +17,5 @@ "prop-types": "^15.7.2"

"@babel/cli": "^7.8.4",
"@babel/core": "^7.8.7",
"@babel/core": "^7.9.0",
"@testing-library/react": "^9.5.0",
"babel-preset-gatsby-package": "^0.3.2",
"babel-preset-gatsby-package": "^0.4.0",
"cross-env": "^5.2.1"

@@ -44,3 +44,3 @@ },

},
"gitHead": "35154266b55896fb6bf678d8b0ac61e8470dcbf5"
"gitHead": "fb92ede949f67c16a247ea5b0bc96934f0534dd2"
}

@@ -73,3 +73,3 @@ "use strict";

};
return _react.default.createElement(_index.default, (0, _extends2.default)({
return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({
ref: this.imageRef,

@@ -100,3 +100,3 @@ placeholderRef: this.placeholderRef

var _default = (0, _react.forwardRef)(function (props, ref) {
return _react.default.createElement(ImageWithIEPolyfill, (0, _extends2.default)({}, props, {
return /*#__PURE__*/_react.default.createElement(ImageWithIEPolyfill, (0, _extends2.default)({}, props, {
innerRef: ref

@@ -103,0 +103,0 @@ }));

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