diff --git a/.changeset/pre.json b/.changeset/pre.json index a991f819e..dd99e3bac 100644 --- a/.changeset/pre.json +++ b/.changeset/pre.json @@ -8,13 +8,23 @@ "@responsive-image/webpack": "0.0.0", "@responsive-image/cdn": "1.0.0-beta.0", "@responsive-image/core": "1.0.0-beta.0", - "test-app": "0.0.0" + "test-app": "0.0.0", + "ember-test-app": "0.0.0", + "ember-vite": "0.0.0", + "ember-webpack": "0.0.0", + "@responsive-image/vite-plugin": "1.0.0-beta.0" }, "changesets": [ "brave-bobcats-kneel", "bright-ligers-tell", + "calm-eels-wash", "cyan-clocks-speak", + "cyan-teachers-glow", "cyan-walls-grin", - "tidy-toys-hide" + "mean-pots-glow", + "tidy-toys-hide", + "two-trains-tease", + "violet-vans-peel", + "wet-wolves-relax" ] } diff --git a/packages/cdn/CHANGELOG.md b/packages/cdn/CHANGELOG.md index 48ab78cbb..879d1ef0f 100644 --- a/packages/cdn/CHANGELOG.md +++ b/packages/cdn/CHANGELOG.md @@ -1,5 +1,38 @@ # @responsive-image/cdn +## 1.0.0-beta.2 + +### Major Changes + +- [#614](https://github.com/simonihmig/responsive-image/pull/614) [`2d10626`](https://github.com/simonihmig/responsive-image/commit/2d10626daca68fa97c6566bb5203e9861f1dadff) Thanks [@simonihmig](https://github.com/simonihmig)! - Use Record-based API for cloudinary transformations + + Instead of passing cloudinary transformations as a string according to the Cloudinary Transformation URL API, you need to pass them as an object. If you want to use chained transformations, pass an array of objects. + + ```js + // using @resposive-image/cdn + const simpleTransformation = cloudinaryProvider('foo/bar.jpg', { + transformations: { co: 'rgb:20a020', e: 'colorize:50' }, + }); + + const chainedTransformation = cloudinaryProvider('foo/bar.jpg', { + transformations: [ + { co: 'rgb:20a020', e: 'colorize:50' }, + { ar: '1.0', c: 'fill', w: '150' }, + { r: 'max' }, + ], + }); + ``` + + ```hbs + {{!-- using @responsive-image/ember }} + + ``` + ## 1.0.0-beta.1 ### Major Changes diff --git a/packages/cdn/package.json b/packages/cdn/package.json index f44aaa9a1..2b9b4c6f8 100644 --- a/packages/cdn/package.json +++ b/packages/cdn/package.json @@ -1,6 +1,6 @@ { "name": "@responsive-image/cdn", - "version": "1.0.0-beta.1", + "version": "1.0.0-beta.2", "description": "Support for image CDNs", "repository": "https://github.com/simonihmig/responsive-image", "license": "MIT", diff --git a/packages/ember/CHANGELOG.md b/packages/ember/CHANGELOG.md index d20d27354..1174f5883 100644 --- a/packages/ember/CHANGELOG.md +++ b/packages/ember/CHANGELOG.md @@ -1,5 +1,45 @@ # ember-responsive-image +## 1.0.0-beta.2 + +### Major Changes + +- [#614](https://github.com/simonihmig/responsive-image/pull/614) [`2d10626`](https://github.com/simonihmig/responsive-image/commit/2d10626daca68fa97c6566bb5203e9861f1dadff) Thanks [@simonihmig](https://github.com/simonihmig)! - Use Record-based API for cloudinary transformations + + Instead of passing cloudinary transformations as a string according to the Cloudinary Transformation URL API, you need to pass them as an object. If you want to use chained transformations, pass an array of objects. + + ```js + // using @resposive-image/cdn + const simpleTransformation = cloudinaryProvider('foo/bar.jpg', { + transformations: { co: 'rgb:20a020', e: 'colorize:50' }, + }); + + const chainedTransformation = cloudinaryProvider('foo/bar.jpg', { + transformations: [ + { co: 'rgb:20a020', e: 'colorize:50' }, + { ar: '1.0', c: 'fill', w: '150' }, + { r: 'max' }, + ], + }); + ``` + + ```hbs + {{!-- using @responsive-image/ember }} + + ``` + +### Patch Changes + +- [#646](https://github.com/simonihmig/responsive-image/pull/646) [`9661f86`](https://github.com/simonihmig/responsive-image/commit/9661f86f9a1f2f51adb33427ac9098c656ba3d02) Thanks [@simonihmig](https://github.com/simonihmig)! - Remove use of @ember/render-modifiers + +- Updated dependencies [[`2d10626`](https://github.com/simonihmig/responsive-image/commit/2d10626daca68fa97c6566bb5203e9861f1dadff)]: + - @responsive-image/cdn@1.0.0-beta.2 + ## 1.0.0-beta.1 ### Major Changes diff --git a/packages/ember/package.json b/packages/ember/package.json index b08c01c2c..1656b1e63 100644 --- a/packages/ember/package.json +++ b/packages/ember/package.json @@ -1,6 +1,6 @@ { "name": "@responsive-image/ember", - "version": "1.0.0-beta.1", + "version": "1.0.0-beta.2", "description": "Automatically generate resized images at build-time, optimized for the responsive web, and using components to render them easily as elements.", "keywords": [ "ember-addon" diff --git a/packages/vite-plugin/CHANGELOG.md b/packages/vite-plugin/CHANGELOG.md new file mode 100644 index 000000000..68d5bf192 --- /dev/null +++ b/packages/vite-plugin/CHANGELOG.md @@ -0,0 +1,11 @@ +# @responsive-image/vite-plugin + +## 1.0.0-beta.1 + +### Minor Changes + +- [#640](https://github.com/simonihmig/responsive-image/pull/640) [`49b242d`](https://github.com/simonihmig/responsive-image/commit/49b242d5aba9d3b665512a81dc4cce84ce7c2832) Thanks [@simonihmig](https://github.com/simonihmig)! - Support serve mode in vite-plugin + +- [#619](https://github.com/simonihmig/responsive-image/pull/619) [`cb2e67f`](https://github.com/simonihmig/responsive-image/commit/cb2e67fbd75dd5691f3f903813bf474d54000b73) Thanks [@simonihmig](https://github.com/simonihmig)! - Introduce new `@responsive/vite-plugin` with basic Vite loader + +- [#642](https://github.com/simonihmig/responsive-image/pull/642) [`7ca5b5c`](https://github.com/simonihmig/responsive-image/commit/7ca5b5c9a9d98c201098ae349c0057dd63753ede) Thanks [@simonihmig](https://github.com/simonihmig)! - Add LQIP support to vite-plugin diff --git a/packages/vite-plugin/package.json b/packages/vite-plugin/package.json index a6e2b0b2a..3ac4d2b50 100644 --- a/packages/vite-plugin/package.json +++ b/packages/vite-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@responsive-image/vite-plugin", - "version": "1.0.0-beta.0", + "version": "1.0.0-beta.1", "description": "Vite plugins that process and resize images for use with the responsive-image suite.", "repository": "https://github.com/simonihmig/responsive-image", "license": "MIT", diff --git a/packages/webpack/CHANGELOG.md b/packages/webpack/CHANGELOG.md index 0898e4937..a45668709 100644 --- a/packages/webpack/CHANGELOG.md +++ b/packages/webpack/CHANGELOG.md @@ -1,5 +1,21 @@ # @ember-responsive-image/webpack +## 1.0.0-beta.3 + +### Major Changes + +- [#608](https://github.com/simonihmig/responsive-image/pull/608) [`a3f94f2`](https://github.com/simonihmig/responsive-image/commit/a3f94f284b530a9d08f424ffbe5e735a8ddc388a) Thanks [@simonihmig](https://github.com/simonihmig)! - Use imagetools for more image processing options + + `@responsive-image/webpack` is now using the `imagetools-core` package for image processing via `sharp`. This now supports not only scaling to different sizes and generating different image formats as before, but also a lot of other [directives](https://github.com/JonasKruckenberg/imagetools/blob/main/docs/directives.md) for image manipulation. + + _Breaking Changes_: Some parameters passed to the loader as defaults directly or using as query parameters in imports had to change to align with that library: + + - `widths` has been renamed to `w` + - `formats` to `format` + - the separator for array vlues has been changed to `;` instead of `,` + + Example: `import image from './path/to/image.jpg?w=400;800&responsive';` + ## 1.0.0-beta.2 ### Patch Changes diff --git a/packages/webpack/package.json b/packages/webpack/package.json index 71a17129c..e8847b69e 100644 --- a/packages/webpack/package.json +++ b/packages/webpack/package.json @@ -1,6 +1,6 @@ { "name": "@responsive-image/webpack", - "version": "1.0.0-beta.2", + "version": "1.0.0-beta.3", "description": "Wepack image loaders, that process and resize images for use with the responsive-image suite.", "repository": "https://github.com/simonihmig/responsive-image", "license": "MIT",