Allow debuging components with union typed props

Author: alucas-campings

src/TwigComponent/src/Command/TwigComponentDebugCommand.php

@@ -255,9 +255,14 @@ private function getComponentProperties(ComponentMetadata $metadata): array
             $propertyName = $property->getName();
 
             if ($metadata->isPublicPropsExposed() && $property->isPublic()) {
-                $visibility = $property->getType()?->getName();
+                $type = $property->getType();
+                if ($type instanceof \ReflectionNamedType) {
+                    $typeName = $type->getName();
+                } else {
+                    $typeName = (string) $type;
+                }
                 $value = $property->getDefaultValue();
-                $propertyDisplay = $visibility.' $'.$propertyName.(null !== $value ? ' = '.json_encode($value) : '');
+                $propertyDisplay = $typeName.' $'.$propertyName.(null !== $value ? ' = '.json_encode($value) : '');
                 $properties[$property->name] = $propertyDisplay;
             }
 

src/TwigComponent/tests/Fixtures/Component/UnionTypeProps.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace Symfony\UX\TwigComponent\Tests\Fixtures\Component;
+
+use Symfony\UX\TwigComponent\Attribute\AsTwigComponent;
+
+#[AsTwigComponent(name: 'union_type_props', exposePublicProps: true)]
+final class UnionTypeProps
+{
+    public string|bool $prop1;
+}

src/TwigComponent/tests/Integration/Command/TwigComponentDebugCommandTest.php

@@ -141,7 +141,7 @@ public function testWithAnonymousComponent(): void
         $this->assertStringContainsString('primary = true', $display);
     }
 
-    public function testWithoutPublicPros(): void
+    public function testWithoutPublicProps(): void
     {
         $commandTester = $this->createCommandTester();
         $commandTester->execute(['name' => 'no_public_props']);
@@ -173,6 +173,20 @@ public function testWithExposedVariables(): void
         $this->assertStringNotContainsString('prop3', $display);
     }
 
+    public function testWithUnionTypeProps(): void
+    {
+        $commandTester = $this->createCommandTester();
+        $commandTester->execute(['name' => 'union_type_props']);
+
+        $commandTester->assertCommandIsSuccessful();
+
+        $display = $commandTester->getDisplay();
+
+        $this->tableDisplayCheck($display);
+        $this->assertStringContainsString('string|bool', $display);
+        $this->assertStringContainsString('prop1', $display);
+    }
+
     private function createCommandTester(): CommandTester
     {
         $kernel = self::bootKernel();