feat(view): add raw html element (#738)

tempestphp · Nov 15, 2024 · df6a418 · df6a418
1 parent 3eb0c59
commit df6a418
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 10 deletions.
diff --git a/src/Tempest/View/src/Components/Form.php → src/Tempest/View/src/Components/XForm.php b/src/Tempest/View/src/Components/Form.php → src/Tempest/View/src/Components/XForm.php
@@ -7,7 +7,7 @@
 use Tempest\View\Elements\ViewComponentElement;
 use Tempest\View\ViewComponent;
 
-final readonly class Form implements ViewComponent
+final readonly class XForm implements ViewComponent
 {
     public static function getName(): string
     {

diff --git a/src/Tempest/View/src/Components/Input.php → src/Tempest/View/src/Components/XInput.php b/src/Tempest/View/src/Components/Input.php → src/Tempest/View/src/Components/XInput.php
@@ -9,7 +9,7 @@
 use Tempest\View\Elements\ViewComponentElement;
 use Tempest\View\ViewComponent;
 
-final readonly class Input implements ViewComponent
+final readonly class XInput implements ViewComponent
 {
     public function __construct(
         private Session $session,

diff --git a/src/Tempest/View/src/Components/Submit.php → src/Tempest/View/src/Components/XSubmit.php b/src/Tempest/View/src/Components/Submit.php → src/Tempest/View/src/Components/XSubmit.php
@@ -7,7 +7,7 @@
 use Tempest\View\Elements\ViewComponentElement;
 use Tempest\View\ViewComponent;
 
-final readonly class Submit implements ViewComponent
+final readonly class XSubmit implements ViewComponent
 {
     public static function getName(): string
     {

diff --git a/src/Tempest/View/src/Elements/ElementFactory.php b/src/Tempest/View/src/Elements/ElementFactory.php
@@ -63,8 +63,11 @@ private function makeElement(DOMNode $node, ?Element $parent): ?Element
 
         if (! $node instanceof DOMElement
             || $node->tagName === 'pre'
-            || $node->tagName === 'code') {
+            || $node->tagName === 'code'
+            || $node->tagName === 'x-raw'
+        ) {
             $content = '';
+
             foreach ($node->childNodes as $child) {
                 $content .= $node->ownerDocument->saveHTML($child);
             }
@@ -82,9 +85,9 @@ private function makeElement(DOMNode $node, ?Element $parent): ?Element
             }
 
             $element = new ViewComponentElement(
-                $this->compiler,
-                $viewComponentClass,
-                $attributes,
+                compiler: $this->compiler,
+                viewComponent: $viewComponentClass,
+                attributes: $attributes,
             );
         } elseif ($node->tagName === 'x-slot') {
             $element = new SlotElement(

diff --git a/src/Tempest/View/src/Elements/RawElement.php b/src/Tempest/View/src/Elements/RawElement.php
@@ -21,7 +21,7 @@ public function __construct(
 
     public function compile(): string
     {
-        if ($this->tag === null) {
+        if ($this->tag === null || $this->tag === 'x-raw') {
             return $this->content;
         }
 

diff --git a/tests/Integration/View/TempestViewRendererTest.php b/tests/Integration/View/TempestViewRendererTest.php
@@ -416,4 +416,11 @@ public function test_view_component_with_multiple_attributes(): void
         $html = $this->render(view('<x-view-component-with-multiple-attributes :a="\'a\'" b="b"></x-view-component-with-multiple-attributes>'));
         $this->assertStringEqualsStringIgnoringLineEndings($expected, $html);
     }
+
+    public function test_raw_component(): void
+    {
+        $html = $this->render('<x-raw><div :prop="$foo">{{ $bar }}</div></x-raw>');
+
+        $this->assertStringEqualsStringIgnoringLineEndings('<div :prop="$foo">{{ $bar }}</div>', $html);
+    }
 }
diff --git a/tests/Integration/View/ViewComponentDiscoveryTest.php b/tests/Integration/View/ViewComponentDiscoveryTest.php
@@ -4,7 +4,7 @@
 
 namespace Tests\Tempest\Integration\View;
 
-use Tempest\View\Components\Input;
+use Tempest\View\Components\XInput;
 use Tempest\View\Exceptions\DuplicateViewComponent;
 use Tempest\View\ViewComponentDiscovery;
 use Tests\Tempest\Integration\FrameworkIntegrationTestCase;
@@ -22,7 +22,7 @@ public function test_duplicates(): void
             $discovery->discoverPath(__DIR__ . '/duplicateComponent.view.php');
         } catch (DuplicateViewComponent $duplicateViewComponent) {
             $this->assertStringContainsString(__DIR__ . '/duplicateComponent.view.php', $duplicateViewComponent->getMessage());
-            $this->assertStringContainsString(Input::class, $duplicateViewComponent->getMessage());
+            $this->assertStringContainsString(XInput::class, $duplicateViewComponent->getMessage());
             $this->assertStringContainsString('x-input', $duplicateViewComponent->getMessage());
         }
     }