Use Interactivity API for frontend functionality

[swissspidy]

Feature Description

WordPress 6.4 ships with the Interactivity API, which is an ideal tool for implementing the lightbox functionality in the Web Stories block. SImilar to how the core image block uses it for its lightbox.

Sites using an older WordPress version can still use the existing JS we have.

In the future we could even think about replacing the carousel with the Interactivity API or find other use cases for it.

[swissspidy]

Related: https://github.com/WordPress/gutenberg/discussions/55642

[swissspidy]

As per yesterday's chat: we do quite a few things more than lightbox, so we might still need some custom JS. If it turns out to be more / unnecessarily complex, we can put this on hold for now and focus on other issues instead.

[swissspidy]

Putting this on hold for now as per our discussion. Doesn't seem straightforward to use after all, as our use case is a bit more complex.

[swissspidy]

The stable version actually landed in WordPress 6.5, so I think we should revisit this.

• https://make.wordpress.org/core/2024/03/04/interactivity-api-dev-note/
• https://developer.wordpress.org/news/2024/04/11/a-first-look-at-the-interactivity-api/
• https://developer.wordpress.org/block-editor/reference-guides/packages/packages-interactivity/packages-interactivity-api-reference/
• https://github.com/WordPress/gutenberg/discussions/55642