How to include block style variations for blocks in posts dynamically rendered via the Interactivity API

Block variation styles are parsed and processed through wp_render_block_style_variation_support_styles(). This is marked as private and thus should not be called by third-party code outside WordPress core. This function is called by virtue of being hooked into the render_block_data hook.

Thus, if you have a subset of known block structures that may appear, you could consider running some block renders somewhere. These renders would not pass their output anywhere but only specifically for their side effects, one being to generate their required block style variations.

You could create the block markup as a string and then use do_blocks() to render them:

do_blocks(
  <<<HTML
  <!-- wp:paragraph {"className":"is-style-foo"} -->
  <p class="is-style-foo">Render this style for its side effects.</p>
  <!-- /wp:paragraph -->
  HTML
);

Related Posts:

  1. How to add more elements to an already existing section in Gutenberg
  2. Working with a non-React external library in a custom block
  3. Masonry gallery block is working in the block editor but not the template editor
  4. How to import the imagesLoaded and Masonry libs that come with WP in a Gutenberg block?
  5. How to build BOTH non-block components and blocks present in the /src directory using @wordpress/scripts
  6. How to add an additional dependency to a block index.asset.php file
  7. Why is the Gutenberg editor not recognizing my updates?
  8. How to transform a shortcode into a block
  9. How to re-render Gutenberg component when object instance is available
  10. useSelect() plus resolver result is serving cached data incorrectly
  11. Gutenberg DatePicker component with time set to zero
  12. How to render HTML content using the Interactivity API?
  13. How to auto rename JS files to prevent browser cache issues
  14. How to render initial posts on page load in a Gutenberg block using the Interactivity API?
  15. Trigger Javascript on Gutenberg (Block Editor) Save
  16. Show control conditionally in Gutenberg
  17. Get loading state of wp data selector
  18. How to get the ToggleControl Gutenberg component working for a PHP Block
  19. Is there a core Sortable component in Gutenberg?
  20. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  21. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  22. How do I fire a snackbar notice in admin?
  23. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  24. What is “open()” in MediaUpload?
  25. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  26. Setting HTML properties in a Gutenberg plugin using WordPress settings
  27. Provide specific example for block variation
  28. Set current tab on a Gutenberg TabPanel component from outside that component
  29. Block editor: How to check if block editor has initialized and populated the data store?
  30. Gutenberg block “This block appears to have been modified externally” on save
  31. How to get value of selected page template in Gutenberg editor?
  32. @wordpress/components Button variants not styled
  33. Gutenberg passing block attributes to component in ES6/ESNext
  34. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  35. How can I add Block Style support to the core HTML block in Gutenberg?
  36. var is undefined in a Gutenberg block
  37. Using wp.data.select get actual tags (not id’s) used in post
  38. can a buttongroup have a label?
  39. How to remove p / br elements from gutenbergs editor
  40. Programatically update posts in database from one block to another using transform
  41. InnerBlocks restricting does not work on nested blocks
  42. Gutenberg: Block validation Failed Richtext undefined
  43. Add custom HTML markup to Gutenberg RichText
  44. Listening change event of taxonomy term checkboxes in Gutenberg editor
  45. Gutenberg get core data – search
  46. Get Block Attributes in JSON REST API
  47. Open Featured Image Modal in WordPress Gutenberg onClick of a button
  48. How to add classes and events to image in javascript using Gutenberg?
  49. Checks when fetching data from multiple REST API endpoints in Gutenberg
  50. Search for a keyword across post types in a Gutenberg component
  51. Add custom classes for blocks in editor based on custom attributes
  52. useSelect second parameter
  53. How can I allow HTML in Gutenberg UI elements help text?
  54. what is the purpose of the namespace argument when customizing blocks?
  55. Trigger wp-embed via JavaScript to refresh iframe preview?
  56. Gutenberg getBlockIndex in save() function
  57. Widgets and Post/Page edit/new blank, console errors only, no server errors
  58. Trying to turn the Edit function into a class to be able to use React lifecycle methods
  59. Get terms of a taxonomy using useSelect
  60. Gutenberg richtext block vaildation failed
  61. UnitControl – Block has encountered an error
  62. Conditional save return on Gutenberg Block
  63. Gutenberg select excerpt, use generated excerpt or use more block excerpt
  64. Can I alter the block editor’s paste text behavior?
  65. Custom Gutenberg-Block esnext pass variables
  66. Building a Featured Gallery component for Gutenberg
  67. Gutenberg dependencies in package.json
  68. How to read inline-CSS from Gutenberg block?
  69. Custom Block – save.js function not saving attributes
  70. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  71. Problem extending a core block
  72. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  73. Issue migrating a checkbox-type meta field to the block editor
  74. Update block once an API request returns with a value
  75. Gutenberg – dynamically created element: how to set onChange?
  76. Custom block update rendering when reused
  77. WordPress Gutenberg Ajax request
  78. WP Gutenberg – custom block with two content fields
  79. Gutenberg Edit Block Inspector Controls and save
  80. Spans in gutenberg
  81. Block pattern conflict with custom block
  82. Table block variation with header section activated
  83. Where to include JS library in gutenberg blocks
  84. How to delete child block for associated parent block
  85. How to detect if we are in the Site Editor part of the Block Editor (as opposed to editing a Page/Post) in JavaScript?
  86. How can I show a Slot/Fill in the block editor
  87. Is it possible to add javascript to template parts
  88. WordPress adds and tags into HTML blocks after saving
  89. How do i fix type error
  90. How to add a css class to postTitleWrapper in Gutenberg?
  91. How to change the selected Template using javascript?
  92. Event when Modal is opened/visible
  93. Additional CSS classes not being added in Gutenberg editor
  94. How do I filter/modify the updated content on save using javascript?
  95. config @wordpress/scripts with webpack and postCSS features
  96. Jest Unit tests for High order component containing Block Editor
  97. How to execute some javascript code in the editor when a block pattern is added?
  98. Metabox conditionals depending on post format and template in Gutenberg
  99. How to access current discussion settings in gutenberg via JS?
  100. How to get selected category objects in the block editor?