feat(view): support escaped expression attributes (#1222)

Author: brendt

packages/view/src/Attributes/AttributeFactory.php

@@ -16,6 +16,7 @@ public function make(string $attributeName): Attribute
             $attributeName === ':else' => new ElseAttribute(),
             $attributeName === ':foreach' => new ForeachAttribute(),
             $attributeName === ':forelse' => new ForelseAttribute(),
+            str_starts_with($attributeName, '::') => new EscapedExpressionAttribute($attributeName),
             str_starts_with($attributeName, ':') => new ExpressionAttribute($attributeName),
             default => new DataAttribute($attributeName),
         };

packages/view/src/Attributes/EscapedExpressionAttribute.php

@@ -0,0 +1,24 @@
+<?php
+
+namespace Tempest\View\Attributes;
+
+use Tempest\View\Attribute;
+use Tempest\View\Element;
+
+final class EscapedExpressionAttribute implements Attribute
+{
+    public function __construct(
+        private string $name,
+    ) {}
+
+    public function apply(Element $element): ?Element
+    {
+        $attributeValue = $element->getAttribute($this->name);
+
+        $element
+            ->addRawAttribute(sprintf(':%s="%s"', ltrim($this->name, ':'), $attributeValue))
+            ->unsetAttribute($this->name);
+
+        return $element;
+    }
+}

tests/Integration/View/TempestViewRendererTest.php

@@ -702,4 +702,11 @@ public function test_if_and_foreach_precedence(): void
 
         $this->assertSnippetsMatch('', $html);
     }
+
+    public function test_escape_expression_attribute(): void
+    {
+        $html = $this->render('<div ::escaped="foo">');
+
+        $this->assertSnippetsMatch('<div :escaped="foo"></div>', $html);
+    }
 }

tests/Integration/View/ViewComponentTest.php

@@ -888,4 +888,13 @@ public function test_repeated_local_var_across_view_components(): void
             <div thing="c">c</div>
         ', $html);
     }
+
+    public function test_escape_expression_attribute_in_view_components(): void
+    {
+        $this->registerViewComponent('x-test', '<div class="foo" ::escaped="foo"></div>');
+
+        $html = $this->render('<x-test/>');
+
+        $this->assertSnippetsMatch('<div class="foo" :escaped="foo"></div>', $html);
+    }
 }