Ignore twig comments when prelexing

Author: matheo

src/TwigComponent/src/Twig/TwigPreLexer.php

@@ -40,6 +40,14 @@ public function preLexComponents(string $input, bool $insideOfBlock = false): st
         $output = '';
 
         while ($this->position < $this->length) {
+            // ignore content inside twig comments, see #838
+            if ($this->consume('{#')) {
+                $output .= '{#';
+                $output .= $this->consumeUntil('#}');
+                $this->consume('#}');
+                $output .= '#}';
+            }
+
             if ($this->consume('<twig:')) {
                 $componentName = $this->consumeComponentName();
 

src/TwigComponent/tests/Unit/TwigPreLexerTest.php

@@ -166,5 +166,10 @@ public function getLexTests(): iterable
             '<twig:foobar my:attribute="yo"></twig:foobar>',
             '{% component \'foobar\' with { \'my:attribute\': \'yo\' } %}{% endcomponent %}',
         ];
+
+        yield 'ignore_twig_comment' => [
+            '{# <twig:Alert/> #} <twig:Alert/>',
+            '{# <twig:Alert/> #} {{ component(\'Alert\') }}',
+        ];
     }
 }