9.8.1 (2023-12-12)
- updates background component to merge props (06a3430)
9.8.0 (2023-08-04)
- add use client directive to index (daa840f)
9.7.0 (2023-02-02)
- allow width and height to be passed through htmlAttributes (c8ef392)
9.6.0 (2023-01-11)
- react-imgix-bg: optionally disable path encoding (4a1e206)
9.5.4 (2022-10-04)
9.5.3 (2022-10-04)
9.5.2 (2022-07-26)
- ci: build project between deploy steps and publishing (2cd0cdf)
9.5.1 (2022-05-11)
- add support for react 18 (0e01aa4)
9.5.1-beta.1 (2022-05-10)
- add support for react 18 (1da0bc3)
9.5.0 (2022-02-28)
- allow path encoding to be disabled for Imgix component (045bb42)
- bug where _inPicture would be set on 's that were children of (4d57c1f)
9.4.0 (2022-02-08)
- add alt top level prop (d39a959)
9.3.1 (2022-01-28)
9.3.0 (2021-08-05)
- add support for customizing srcset generation (a00cf3a)
- replace individual props with single srcSetOptions prop (9fc01fe)
- revert changes to package-lock.json (d85b371)
9.2.0 (2021-06-17)
- add collapseImgixParams function to shorten imgix params (97e7155)
- create imgixProvider component (cb7608b)
- create mergeComponentProps & processProps (19684ed)
- recursive merge imgixParams & htmlAttributes (34231c3)
- wrap ReactImgix with props HOFs (07c1d0a)
- move consumer validation to avoid unnecessary warnings (b034d8a)
- remove compose (7860d12)
- shadows prop spelling (41971fb)
9.1.5 (2021-06-02)
9.1.4 (2021-05-28)
- constants out of sync with versions (a977614)
All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
9.1.3 (2021-05-28)
- 789: ensure children passed to background component update (643b809)
9.1.2 (2021-05-20)
9.1.1 (2021-04-24)
9.1.0 (2021-04-23)
9.0.4 (2021-04-14)
All notable changes to this project will be documented in this file. See standard-version for commit guidelines.
9.0.3 (2020-11-19)
9.0.2 (2020-04-02)
9.0.1 (2019-11-22)
9.0.0 (2019-11-01)
This release brings the react-imgix API more in-line with that of imgix's rendering service.
The largest change users will notice is that this project's component will no longer generate a default fit=crop
parameter. The original intention behind this was that generated images would maintain aspect ratio when at least one of the dimensions were specified. However, the default imgix API behavior sets fit=clip
, which is now reflected in this project.
Although this may not cause breaking changes for all users, it can result in unusual rendered image behavior in some cases. As such, we would rather err on the side of caution and provide users the ability to opt in to these changes via a major release.
If you are currently relying on the default generation of fit=crop
when rendering images, you will now have to manually specify it when invoking the component:
<Imgix
src="https://assets.imgix.net/examples/pione.jpg"
sizes="100vw"
imgixParams={{ fit: "crop" }}
/>
The other major change relates to how the component determines an image's aspect ratio. Instead of appending a calculated height h=
value based on specified dimensions, the URL string will now be built using the imgix aspect ratio parameter ar=
. Luckily, the interface for specifying an aspect ratio is no different from before. However, users will have to pass in the fit=crop
parameter in order for it to take effect:
<Imgix
src="http://assets.imgix.net/examples/pione.jpg"
width={400}
imgixParams={{ ar: "2:1", fit: "crop" }}
/>
- refactor: use ar parameter instead of calculating aspect ratio (#462) (fbe8082)
- refactor: replace findDOMNode with callback refs (#476) (db3a1d7)
8.6.4 (2019-08-08)
- perf: optimize URL handling (#414) (8d14dcb)
- perf: optimize
constructUrl
function (#418) (8d392a0) - perf: use string concatenation instead of template strings (#420) (f41cc73)
- perf: use
Object.assign
instead of spread operator (#423) (29b25d5)
8.6.3 (2019-07-11)
8.6.2 (2019-07-05)
8.6.1 (2019-04-17)
8.6.0 (2019-04-04)
- append variable q parameters per dpr when rendering a fixed-size image (#322) (6594cea), resolves #129
8.5.1 (2018-12-21)
8.5.0 (2018-12-21)
8.4.0 (2018-11-26)
- expose url builder api (#225) (ae9b31b), closes #131
- use exponential increase for srcset widths (#224) (bc5660c)
8.3.1 (2018-11-06)
8.3.0 (2018-10-11)
8.2.0 (2018-10-01)
8.1.0 (2018-09-13)
- add HTML attribute configuration, enabling use of third-party libraries e.g. lazysizes (#166) (8ced390)
8.0.1 (2018-08-26)
- update typo in warnings about old type prop (b9fa1e5)
8.0.0 (2018-08-15)
This is a very large update to this library with a lot of breaking changes. We apologise for any issues this may cause, and we have tried to reduce the number of breaking changes. We have also worked to batch up all these changes into one release to reduce its impacts. We do not plan on making breaking changes for a while after this, and will be focussed on adding features.
The largest change in this major version bump is the move to width-based srcSet
and sizes
for responsiveness. This has a host of benefits, including better server rendering, better responsiveness, less potential for bugs, and perfomance improvements. This does mean that the old fitting-to-container-size behaviour has been removed. If this is necessary, an example of how this can be achieved can be found here
Please see the Upgrade Guide for more details on what to change.
- implement responsiveness with srcSet and sizes (#159) (fa68df6), closes #158
- reduce props API surface area (#162) (9fb0cb9)
- refactor picture and source behaviour into different components (#163) (64d9b8a)
- picture and source types have been changed to components.
- faces is no longer set by default.
- srcSet behaviour has changed to use sizes + srcSets
- type=bg has been removed
- the following props have been removed: aggressiveLoad, component, fluid, precision, defaultHeight, defaultWidth
- generateSrcSet has been changed to disableSrcSet
- A fallback image will no longer be created when using react-imgix in picture mode
7.2.0 (2018-06-30)
- alt text no longer cause images to render at wrong dimensions (#146) (d3183a6), closes #41
- typo in CONTRIBUTING (74b996e)
7.1.1 (2017-12-15)
7.1.0 (2017-12-15)
7.0.0 (2017-11-17)
- deps: only React v16 is now actively supported
- Add single quotes to background url. (#119) - thanks @nickhavenly
- React 0.14 no longer supported. This
react-imgix
version drops official support for React 0.14. This package will probably still work with 0.14, but we will not accept bugs or issues relating to React 0.14. - bg prop removed. This prop was deprecated in the past, and has now been removed. Please upgrade all usages to:
type='bg'
.
Since this package now uses prop-types
, when using a React version below 15.5, there will be duplicate propTypes. To fix this, please upgrade to 15.5, which no longer exports React.PropTypes.
A massive thanks for @modosc for helping with this release, and upgrading to React 15.5.
- fix React 15.5 warnings (#104) - @modosc
- pull in prop-types from a separate module, fix sinon deprecation warning (#102)
- Update travis config
- Run prettier on code
- Change prettier to 120 line length
- Use prettier rather than standard
- Add prettier
- Update deps
- add onMounted callback with access to underlying node (#94)
- Background Size adjustments (#89)
- fix typo - deprecated warning (#81)
- Picture element (#60) - thanks @modosc
- Added:
crop
prop to overridecrop
url parameter #57 - @rbliss - Add additional tests testing crop prop overriding faces and entropy props
- Enable passing in specific crop options, useful for specifying fallbacks to the ‘faces’ crop option
- Add server-side rendering note to
aggressiveLoad
- Merge pull request #53 from imgix/fred-new-node-versions
- lts => 6
- Avoid blank background urls and src attributes (#51)
- Update node versions supported
- chore(package): update standard to version 8.2.0 (#47)
- chore(package): update mocha to version 3.0.1 (#37)
- Breaking: Unused props on the Imgix component are no longer passed down, use imgProps instead. #34 - @theolampert
- Breaking: Images with a height of 1 (i.e. 1 x image height) were being rendered as 1px high images. Oops. Now it no longer does that. (#27)
- Bump version to 3.0.0
- Merge pull request #24 from imgix/23-aggressiveLoad-typo
- Rename
aggresiveLoad
toaggressiveLoad
. - Merge pull request #20 from imgix/url-and-base64-encoding
- Ensure all query keys + B64 variants are encoded.
- Make version links work in changelog
- Add Changelog
- Feature:
forceLayout
api, accessed byrefs.imgix.forceLayout()
(#15)
- 2.2.0
- Merge pull request #15 from theolampert/master
- exposes forceLayout method to parent component
- Update to Babel 6 (#10)
- Change child props behaviour to only pass down props not used, not every prop (#9)
- Bump version to 2.1.2
- Merge pull request #9 from imgix/better-child-props
- Change child props behaviour to only pass down props not used, not every prop
- Merge pull request #10 from imgix/babel-6
- Add
transform-object-assign
Babel plugin. - Change test commands
- Update code to pass new class spec
- Add babel 6 presets
- Update tests to babel 6
- Upgrade deps to babel 6
- Change urls in package.json to imgix repo
- Add code climate badge to readme
- Feature:
generateSrcSet
prop to generate asrcSet
attribute for images, only when inimg
mode. Enabled by default. See here for more (#4)
- 2.1.1
- Add generateSrcSet prop to Readme
- Bump to 2.1.0
- Merge pull request #4 from ekosz/patch-1
- Automatically set srcSet attributes
- Merge pull request #3 from ekosz/patch-1
- Document customParams in README
- Update README.md
- Breaking: React 0.13 no longer supported. React 0.13 users should use
v1.x
- Breaking: Sets
background-size: cover
on the element when thebg
prop is passed react
andreact-dom
added as peer dependencies- No longer imports the entire imgix.js library. Instead we just build the url ourselves.
- Feature: Added
entropy
prop to support Point of Interest Cropping
- 2.0.0
- Add entropy to propTypes
- And point of interest cropping as 'entropy' prop
- Merge pull request #1 from imgix/feature/remove-imgixjs
- Remove imgix.js from component
- Remove imgix.js depenency
- Use local uri builder than than imgix.js
- 🎨
- Copy support.js from coursera/react-imgix, rather than importing the whole imgix.js library
- Upgrade api to React 0.14, introduces breaking change as we no longer support React 0.13
- Add react to peer dependencies
- Move from chai to mjackson/expect for tests
- Use a react version matrix for Travis
- Change other urls due to repo transfer
- Change Travis url due to transfer of repo
- Add code style badge
- Ignore npm-debug.log
- Running the tests didn't actually make it into the test commit -.-
- Don't support old versions of node
- Add badges to README
- Add .travis.yml
- Add some initial tests with mocha
- Set backgroundSize: cover on component when it's in background mode
- Add license
- 1.0.4
- Don't mutate props (oops)
- Update README.md
- 1.0.3
- Fix typo in Readme, add import usage
- 1.0.2
- Add installation instructions to README
- 1.0.1
- Add readme
- Remove unused resize prop
- 1.0.0
- No tests are fine
- Add npm_debug.log to .gitignore and .npmignore
- Change to babel stage 0
- Add ReactImgix component
- Initial Commit