🧑‍💻 Add the wp-block- classname without acf namespace to the block list container

Author: Log1x

resources/views/block-editor-filters.blade.php

@@ -0,0 +1,27 @@
+@verbatim
+  wp.hooks.addFilter(
+    'blocks.getBlockDefaultClassName',
+    'acf-composer/block-slug-classname',
+    (className, blockName) => {
+        if (! blockName.startsWith('acf/')) {
+            return className;
+        }
+
+        const list = (className || '').split(/\\s+/);
+
+        const classes = list.reduce((acc, current) => {
+            acc.push(current);
+
+            if (current.startsWith('wp-block-acf-')) {
+                acc.push(
+                    current.replace('wp-block-acf-', 'wp-block-')
+                );
+            }
+
+            return acc;
+        }, []);
+
+        return classes.join(' ');
+    }
+  );
+@endverbatim

src/AcfComposer.php

@@ -207,6 +207,10 @@ protected function handleBlocks(): void
             }
         });
 
+        add_action('enqueue_block_editor_assets', function () {
+            wp_add_inline_script('wp-blocks', view('acf-composer::block-editor-filters')->render());
+        });
+
         add_action('acf_block_render_template', function ($block, $content, $is_preview, $post_id, $wp_block, $context) {
             if (! class_exists($composer = $block['render_template'] ?? '')) {
                 return;

src/Block.php

@@ -474,7 +474,7 @@ public function getClasses(): string
         return str_replace(
             acf_slugify($this->namespace),
             $this->slug,
-            $supports['class'] ?? "wp-block-{$this->slug}"
+            $supports['class'] ?? ''
         );
     }