feat(view): view components by file name (#1013)

Author: brendt

src/Tempest/View/src/ViewComponentDiscovery.php

@@ -11,6 +11,8 @@
 use Tempest\Reflection\ClassReflector;
 use Tempest\View\Components\AnonymousViewComponent;
 
+use function Tempest\Support\str;
+
 final class ViewComponentDiscovery implements Discovery, DiscoversPath
 {
     use IsDiscovery;
@@ -42,19 +44,25 @@ public function discoverPath(DiscoveryLocation $location, string $path): void
             return;
         }
 
-        $content = ltrim(file_get_contents($path));
+        $fileName = str(pathinfo($path, PATHINFO_FILENAME))->before('.');
+
+        $contents = str(file_get_contents($path))->ltrim();
+
+        $matches = $contents->match('/(?<header>(.|\n)*?)<x-component\s+name="(?<name>[\w\-]+)">(?<view>(.|\n)*?)<\/x-component>/');
+
+        if ($fileName->startsWith('x-')) {
+            $this->discoveryItems->add($location, [
+                $fileName->toString(),
+                new AnonymousViewComponent(
+                    contents: $matches['view'] ?? $contents->toString(),
+                    file: $path,
+                ),
+            ]);
 
-        if (! str_contains($content, '<x-component name=')) {
             return;
         }
 
-        preg_match(
-            pattern: '/(?<header>(.|\n)*?)<x-component name="(?<name>[\w\-]+)">(?<view>(.|\n)*?)<\/x-component>/',
-            subject: $content,
-            matches: $matches,
-        );
-
-        if (! $matches['name']) {
+        if (! isset($matches['name'], $matches['header'])) {
             return;
         }
 

…s/Fixtures/Views/x-button-usage.view.php …sts/Fixtures/Views/button-usage.view.phptests/Fixtures/Views/x-button-usage.view.php renamed to tests/Fixtures/Views/button-usage.view.php tests/Fixtures/Views/x-button-usage.view.php renamed to tests/Fixtures/Views/button-usage.view.php

@@ -0,0 +1 @@
+<div>hi!</div>

tests/Fixtures/Views/x-file-component.view.php

@@ -405,7 +405,7 @@ public function test_view_component_with_camelcase_attribute(): void
 
     public function test_php_code_in_attribute(): void
     {
-        $html = $this->render(view(__DIR__ . '/../../Fixtures/Views/x-button-usage.view.php'));
+        $html = $this->render(view(__DIR__ . '/../../Fixtures/Views/button-usage.view.php'));
 
         $this->assertStringContainsString('/docs/', $html);
     }
@@ -588,4 +588,11 @@ public function test_attributes_variable_in_view_component(): void
         <div class="foo baz" style="font-weight: bold; text-decoration: underline;"></div>
         HTML, $html);
     }
+
+    public function test_file_name_component(): void
+    {
+        $html = $this->render('<x-file-component></x-file-component>');
+
+        $this->assertSame('<div>hi!</div>', $html);
+    }
 }