ember-container-query

[!WARNING]

[email protected] specifies ^3.24 || >= 4.0 when listing ember-source as a peer dependency. If you use pnpm, you may encounter an issue with running an Ember app.

What changed?

• Updated @embroider/addon-shim to 1.8.7 to 1.8.8.
• Updated decorator-transforms from 1.2.1 to 2.0.0.

It should be safe to update ember-container-query from 5.0.8 to 5.0.9.

What changed?

• Updated decorator-transforms from 1.1.0 to 1.2.1
• Updated ember-element-helper from 0.8.5 to 0.8.6

It should be safe to update ember-container-query from 5.0.7 to 5.0.8.

It should be safe to update ember-container-query from 5.0.6 to 5.0.7.

I updated decorator-transforms to 1.0.3 so that ember-container-query works on projects that have decorator-transforms@v1 as their dependency.

In v5.0.4, I didn't mean to restrict the supported versions of ember-modifier from ^3.2.7 || ^4.1.0 to ^4.1.0. I reverted this change in v5.0.5.

[!IMPORTANT]
Installing [email protected] (or v5.0.5) can result in the installation of [email protected], which seems to have a regression.

If you encounter the error The @action decorator must be applied to methods when used in native classes, you may need to pin decorator-transforms to v1.0.1 for now.

By replacing a few Babel plugins with decorator-transforms, we can ship fewer bytes and avoid the need to transpile other class features.

It should be safe to update ember-container-query from 5.0.1 to 5.0.2.

It is safe to update ember-container-query from 5.0.0 to 5.0.1.

[!NOTE]
Assuming that you are on [email protected], you may take one of 3 migration paths:

1. If your project is in a good condition (e.g. runs on Node 18), you can update directly to 5.0.0.
2. If your project runs on Node 16 and doesn't pull in many different versions of ember-element-helper, update to 4.1.0.
3. Otherwise, update to 4.0.6 first.

On August 29 (two weeks ago), [email protected] was released to provide the signature for the {{element}} helper. The signature seems to work well in this project.

However, I suspect that there are many addons that still depend on an older version of ember-element-helper. Given that ember-element-helper is in 0.x and changed to v2 format in 0.7.0, it may not be trivial for consuming apps to install a single version. To indicate that there's some risk, I'll make a minor release 4.1.0.

[!NOTE]
For an incremental migration, update ember-container-query from 4.0.5 to 4.0.6, then from 4.0.6 to 4.1.0.

I updated all dependencies to the latest version (except ember-element-helper, which remains at v0.7.1 to ease your migration). I also downstreamed relevant changes from @embroider/[email protected].

I created the tag 4.0.5 to help end-developers update ember-container-query incrementally. The main changes since 4.0.4 are:

• Removed rollup-plugin-ts
• Introduced @embroider/addon-blueprint's new approach to creating TS declaration files (you can refer to their tags v1.7.0, v2.0.0, and v2.1.0)
• Updated ember-element-helper from v0.6.1 to v0.7.1. (ember-element-helper is now a v2 addon.)

These changes shouldn't have caused regressions. Please let me know if you discover a bug.

The next tag (likely 4.1.0) will support end-developers who use the latest versions of @embroider/* packages.

It is safe to update ember-container-query from 4.0.3 to 4.0.4.

For ember-container-query, the configuration files babel.config.json and rollup.config.mjs have been updated to account for the latest code from @embroider/[email protected] and @embroider/[email protected], respectively.

The code changes (between 4.0.2 and 4.0.3) are internal and shouldn't affect your project in unexpected ways.

On May 17, the @embroider packages announced either a major or minor release. I updated the dependencies accordingly.

(In summary, ember-container-query depends on @embroider/[email protected].)

[email protected] continues to be supported.

As of v4.0.0, ember-container-query is shown to be compatible with the strictest settings for Embroider, Glint, and <template>-tag.

Thanks to @buschtoens, @opatajoshua, @NullVoxPopuli, and @st-h for helping with development and providing feedback for the pre-release versions.

Summary of changes since v3.2.0

Breaking changes

• Migrated to v2 addon format (the consuming Ember app must have ember-auto-import@v2)
• Dropped technical support for Node 14 and Ember 3.28 LTS
• Removed the deprecated helpers {{cq-aspect-ratio}}, {{cq-height}}, and {{cq-width}}
• Updated ember-modifier to v4 ([email protected] is also allowed for now, but is considered to be deprecated in ember-container-query@v4)
• Removed ember-test-selectors from dependencies (a bug)

Features

• Migrated to v2 addon format
• Reexported types from modifiers/container-query.ts in index.ts

// In [email protected]
import type { Dimensions } from 'ember-container-query/modifiers/container-query';
import { containerQuery } from 'ember-container-query';

// In [email protected]
import { containerQuery, type Dimensions } from 'ember-container-query';

Internal

• Updated docs-app to show examples of <template>-tag components
• Removed ember-css-modules from docs-app