[PoC] Add interactive Twig Hooks debugging

Author: Rafikooo

src/TwigHooks/src/Hook/Renderer/Debug/HookDebugCommentRenderer.php

@@ -24,9 +24,7 @@ public function __construct(private readonly HookRendererInterface $innerRendere
     public function render(array $hookNames, array $hookContext = []): string
     {
         $renderedParts = [];
-        $renderedParts[] = $this->getOpeningDebugComment($hookNames);
         $renderedParts[] = trim($this->innerRenderer->render($hookNames, $hookContext));
-        $renderedParts[] = $this->getClosingDebugComment($hookNames);
 
         return implode(\PHP_EOL, $renderedParts);
     }

src/TwigHooks/src/Hookable/Renderer/Debug/HookableDebugCommentRenderer.php

@@ -27,10 +27,7 @@ public function __construct(private readonly HookableRendererInterface $innerRen
 
     public function render(AbstractHookable $hookable, HookableMetadata $metadata): string
     {
-        $renderedParts = [];
-        $renderedParts[] = $this->getOpeningDebugComment($hookable);
-        $renderedParts[] = trim($this->innerRenderer->render($hookable, $metadata));
-        $renderedParts[] = $this->getClosingDebugComment($hookable);
+        $renderedParts[] = $this->wrapWithDebugAttributes(trim($this->innerRenderer->render($hookable, $metadata)), $hookable);
 
         return implode(\PHP_EOL, $renderedParts);
     }
@@ -70,4 +67,16 @@ private function getClosingDebugComment(AbstractHookable $hookable): string
             $hookable->priority(),
         );
     }
+
+    private function wrapWithDebugAttributes(string $content, AbstractHookable $hookable): string
+    {
+        dump($hookable);
+        $debugAttributes = sprintf('data-hook="%s" data-hookable="%s" data-hookable-config="%s"',
+            htmlspecialchars($hookable->hookName, ENT_QUOTES),
+            htmlspecialchars($hookable->name, ENT_QUOTES),
+            $hookable->priority()
+        );
+
+        return preg_replace('/<(?!\/)(\w+)([^>]*)>/', '<$1$2' . $debugAttributes . '>', $content, 1);
+    }
 }