feature #1023 [TwigComponent] Support ...spread operator with html syntax (norkunas)

This PR was merged into the 2.x branch.

Discussion
----------

[TwigComponent] Support ...spread operator with html syntax

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | yes
| Tickets       | Fix #845
| License       | MIT

I think that's a new feature like in twig.

Commits
-------

3453c00 [TwigComponent] Support ...spread operator with html syntax

Author: weaverryan

src/TwigComponent/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 2.11.0
+
+-   Support ...spread operator with html syntax (requires Twig 3.7.0 or higher)
+
 ## 2.9.0
 
 -   The `ComponentAttributes::defaults()` method now accepts any iterable argument.

src/TwigComponent/doc/index.rst

@@ -997,6 +997,12 @@ normal ``{{ }}`` syntax:
     // and pass object, or table, or anything you imagine
     <twig:Alert :foo="['col' => ['foo', 'oof']]" />
 
+To forward attributes to another component, use `{{...}}` spread operator syntax:
+
+.. code-block:: html+twig
+
+    <twig:Alert{{ ...myAttributes }} />
+
 Passing Blocks to your Component
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 

src/TwigComponent/src/Twig/TwigPreLexer.php

@@ -22,7 +22,9 @@ class TwigPreLexer
     private int $length;
     private int $position = 0;
     private int $line;
-    /** @var array<string: name, bool: hasDefaultBlock> */
+    /**
+     * @var array<array{name: string, hasDefaultBlock: bool}>
+     */
     private array $currentComponents = [];
 
     public function __construct(int $startingLine = 1)
@@ -201,6 +203,15 @@ private function consumeAttributes(string $componentName): string
                 break;
             }
 
+            if ($this->check('{{...') || $this->check('{{ ...')) {
+                $this->consume('{{...');
+                $this->consume('{{ ...');
+                $attributes[] = '...'.trim($this->consumeUntil('}}'));
+                $this->consume('}}');
+
+                continue;
+            }
+
             $isAttributeDynamic = false;
 
             // :someProp="dynamicVar"

src/TwigComponent/tests/Unit/TwigPreLexerTest.php

@@ -216,5 +216,31 @@ public function getLexTests(): iterable
             '{% verbatim %}<twig:Alert/>{% endverbatim %}',
             '{% verbatim %}<twig:Alert/>{% endverbatim %}',
         ];
+
+        yield 'component_attr_spreading_self_closing' => [
+            '<twig:foobar bar="baz"{{...attr}}/>',
+            '{{ component(\'foobar\', { bar: \'baz\', ...attr }) }}',
+        ];
+        yield 'component_attr_spreading_self_closing2' => [
+            '<twig:foobar bar="baz"{{ ...customAttrs }} />',
+            '{{ component(\'foobar\', { bar: \'baz\', ...customAttrs }) }}',
+        ];
+        yield 'component_attr_spreading_self_closing3' => [
+            '<twig:foobar bar="baz" {{...attr }} />',
+            '{{ component(\'foobar\', { bar: \'baz\', ...attr }) }}',
+        ];
+
+        yield 'component_attr_spreading_with_content1' => [
+            '<twig:foobar bar="baz"{{...attr}}>content</twig:foobar>',
+            '{% component \'foobar\' with { bar: \'baz\', ...attr } %}{% block content %}content{% endblock %}{% endcomponent %}',
+        ];
+        yield 'component_attr_spreading_with_content2' => [
+            '<twig:foobar bar="baz"{{ ...customAttrs }}>content</twig:foobar>',
+            '{% component \'foobar\' with { bar: \'baz\', ...customAttrs } %}{% block content %}content{% endblock %}{% endcomponent %}',
+        ];
+        yield 'component_attr_spreading_with_content3' => [
+            '<twig:foobar bar="baz" {{ ...attr }}>content</twig:foobar>',
+            '{% component \'foobar\' with { bar: \'baz\', ...attr } %}{% block content %}content{% endblock %}{% endcomponent %}',
+        ];
     }
 }