• Part of Block API #41236.

In WordPress 6.7, work focused on important improvements to enhance the stability and simplicity of the Interactivity API internals, the introduction of new APIs like getServerState/getServerContext and wp_interactivity_get_element, improvements to the types, and progress on the Gallery block lightbox and Query block’s Instant Search.

In WordPress 6.8, the primary focus will be on:

1. Enhancing client-side navigation, advancing full page client-side navigation while addressing and improving the limitations of region-based client-side navigation.
2. Finishing the lightbox of the Gallery Block and the Instant Search functionality for the Query and Search Blocks.

Work is also continuing to improve the documentation, tracked in the Interactivity API documentation's Tracking Issue.

This is the list of initial tasks, although we will edit this post as we progress and discover other things that we need to do.

Client-side navigation (priority)

• Find the best strategy to preload and replace all the CSS assets and HTML at the same time.
  • iAPI Router: Handle styles assets on region-based navigation #67826
    • iAPI Router: Revert "Handle styles assets on region-based navigation" #69222
  • Keep an eye on CSS with incremental ids outside of the regions.
    • Layout styles are incompatible with Interactivity API client-side navigation #67308
    • Layout Support: Replace incremental IDs with hashes #68210
•  Ensure the load order of the different CSS assets is preserved
  • Issue with new iAPI region-based navigation CSS loading #68691
• Use the next page's import map on the imported script modules.
• Access the loading state on client-side navigation
  • Access the loading state on client-side navigation #51924
  • Feature: Add navigation.isLoading state to core/router store #67680
  • Revert "Feature: Add navigation.isLoading state to core/router store (#67680)" #69330
• Make all properties returned by getServerContext and getServerState invalidate the computations when there’s navigation, even if the value doesn't change.
• Review region-based settings (like the Query block) when full-page is enabled.
• Figure out if we need to whitelist all the compatible script modules.
• Add a way to subscribe to virtual pageviews.
• Make sure that client-side navigation is disabled when incompatible blocks are detected.
• Review how to inject data-wp-interactive in the body.

General enhancements

• Support array.length access in references on the server
  • Interactivity API: Support .length on numeric arrays and strings on the server wordpress-develop#7751
• Introduce withEvent and require Interactivity API actions that use the event object to use it
  • Introduce withSyncEvent and require Interactivity API actions that use the event object to use it #64944
  • Introduce withSyncEvent action wrapper utility and proxy event object whenever it is not used #68097
• Add a loading indicator to the Query block that started the navigation
  • Feature: Keep track of loading state of query loop block #67820
• Lazy loading of interactive blocks
  • Interactivity API: Defer hydration until node is scrolled near the viewport #58284
• Add default for data-wp-class
  • Interactivity API: Allow more directives suffixes #65803 (comment)
• Add default for data-wp-style
  • Interactivity API: Allow more directives suffixes #65803 (comment)
• Improve typing of promises inside generators
  • Interactivity API: Add typed function to use with generators #65439
• Deprecate data-wp-ignore

Core blocks

• Query and Search blocks: Instant Search
  • Query and Search blocks: support for Instant Search #63053
  • Query and Search blocks: support for Instant Search via query_loop_block_query_vars filter #67181
  • Search and Query blocks: Add support for Default queries via pre_get_posts filter #67289
• Gallery block: Lightbox
  • Multiple image blocks set to open in light box should connect to create cohesive carousel. #56310
  • Gallery: Add lightbox support #62906
• Add support for lightbox overlay in region-based client-side navigation
• Image block
  • Move styles to data-wp-bind--style
  • Move overlay inside the first image and create data-wp-portal (this needs more thinking)
• Accordion block
  • Add Accordions Block #64119
• Tabs block
  • Adds tabs block behind block experiments flag #63689
• Dialog block
  • New Block: Dialog Popup #61297

Bug fixes

• iAPI: Fix the logic path that merges plain objects #68579
• Interactivity API: fix property modification from inherited context two or more levels above #66872
• Interactivity API: Fix reactivity of undefined objects and arrays added with deepMerge #66183
• iAPI: Don't error when data-wp-each gets undefined #67174
  • Interactivity API: Prevent each directive errors and allow any iterable #67798
• Interactivity API: Apply the same directive name restrictions as the client wordpress-develop#8048
• iAPI: Enforce correct namespaces in all places (directives, functions…) that accept a namespace #63749
• Interactivity API page restoring breaks embedded SPA apps with routing #60455
• iAPI Router: don't remove region when it's not present in the new page #63249
• iAPI: Enforce correct namespaces in all places (directives, functions…) that accept a namespace #63749
• Differences in server/client directive negation
• Make directive suffix validation more strict on the server
  • https://core.trac.wordpress.org/ticket/62426
• Stop serializing the derived state defined in the server as Closures.
• Check why data-wp-bind--value doesn't make a select element change its value when it does in Preact.

Optional

• Support for data-wp-client-only-component
  • The `data-wp-client-only-component` directive #67306
• Support for data-wp-slot and data-wp-fill
• Support array[0] access in references
• Add tests for getElement() attributes
  • Interactivity API: add tests for the getElement() attributes #63126
• Release official syntax for unique-ids
  • Differentiating between suffixes and unique-ids in the directive names #62720
• Review all errors and make them more consistent
• Allow async directive registration
  • Interactivity API: Allow async directive registration #60670
• Show directive names in Preact's dev tools
  • Interactivity API: Debug - Show directive names included in each Directives component on Preact’s debug tools #60049
  • Slack conversation
• Keep improving TypeScript support
  • Interactivity API: No implicit any #61695
•  Support handling navigate() failure states
  • Interactivity Router: Support Handling navigate() Failure States #59856
•  Add better types for getElement's ref and attributes.