Version Packages (beta)

.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"
   ]
 }

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 }}
+  <ResponsiveImage
+    @src={{responsiveImageCloudinaryProvider
+      "foo/bar.jpg"
+      transformations=(hash co="rgb:20a020" e="colorize:50")
+    }}
+  >
+  ```
+
 ## 1.0.0-beta.1
 
 ### Major Changes

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",

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 }}
+  <ResponsiveImage
+    @src={{responsiveImageCloudinaryProvider
+      "foo/bar.jpg"
+      transformations=(hash co="rgb:20a020" e="colorize:50")
+    }}
+  >
+  ```
+
+### 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/[email protected]
+
 ## 1.0.0-beta.1
 
 ### Major Changes

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 <picture> elements.",
   "keywords": [
     "ember-addon"

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

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",

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

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",