allow rendering fragments

bottledcode · Aug 16, 2023 · 19e0c0f · 19e0c0f
1 parent d1f0957
commit 19e0c0f
Show file tree

Hide file tree

Showing 8 changed files with 148 additions and 7 deletions.
diff --git a/.idea/php.xml b/.idea/php.xml
diff --git a/src/Template/CompiledComponent.php b/src/Template/CompiledComponent.php
@@ -50,8 +50,12 @@ public function renderToString(): string
 
 	public function renderFragment(string $id): string {
 		$dom = $this->compile();
+		$fragment = $dom->createDocumentFragment();
+		foreach($dom->getElementById($id)->childNodes as $childNode) {
+			$fragment->appendChild($childNode->cloneNode(true));
+		}
 
-		return $this->compiler->renderCompiledHtml($dom->getElementById($id));
+		return $this->compiler->renderCompiledHtml($fragment);
 	}
 
 	/**

diff --git a/src/Template/Traits/Htmx.php b/src/Template/Traits/Htmx.php
@@ -170,6 +170,55 @@ private function historyPush(string|false $url): void
 		$this->headers->setHeader('HX-Push-Url', $url);
 	}
 
+	private function rerenderFragment(string $fragment, array $withState = [], string $prependHtml = ''): string {
+		$attributes = Attributes::forClass(static::class);
+
+		if(isset($this->serializer) && $_SERVER['HTTP_ACCEPT'] === 'application/json') {
+			return $this->serializer->serialize($withState, 'json');
+		}
+
+		if(isset($this->serializer) && $_SERVER['HTTP_ACCEPT'] === 'application/xml') {
+			return $this->serializer->serialize($withState, 'xml');
+		}
+
+		$attribute = null;
+
+		foreach($attributes->classAttributes as $attribute) {
+			if($attribute instanceof Component) {
+				$state = implode(
+					' ',
+					array_map(
+						static fn($key, $value) => "{$key}=\"{{$value}}\"",
+						array_keys($withState),
+						$withState
+					)
+				);
+				break;
+			}
+		}
+
+		if($attribute === null || !is_string($state)) {
+			throw new LogicException('Can not rerender a non-component in ' . static::class);
+		}
+
+		if(!isset($this->compiler)) {
+			throw new LogicException('Can not rerender without a compiler in ' . static::class);
+		}
+
+		if(empty($this->headers)) {
+			throw new LogicException('Can not rerender without Headers in ' . static::class);
+		}
+
+		$dom = "{$prependHtml}\n<{$attribute->name} {$state}></{$attribute->name}>";
+		$doc = $this->compiler->compile($dom);
+		$domFragment = $doc->createDocumentFragment();
+		foreach($doc->getElementById($fragment)->childNodes as $childNode) {
+			$domFragment->appendChild($childNode->cloneNode(true));
+		}
+
+		return $this->compiler->renderCompiledHtml($domFragment);
+	}
+
 	/**
 	 * @param string $target_id
 	 * @param array<mixed> $withState

diff --git a/tests/SimpleApp/App.php b/tests/SimpleApp/App.php
@@ -13,7 +13,9 @@ public function render(string $name = '<>unknown<>'): string
 		return <<<HTML
 <div>
 Your name is {{$name}}.
+<fragment id="fragment-test">
 <todoItem id="stable" diamond ></todoItem>
+</fragment>
 <blah:label id="labeltest" for="stable">
 This is a label
 </blah:label>

diff --git a/tests/__snapshots__/AppTest__it_renders_correctly__1.html b/tests/__snapshots__/AppTest__it_renders_correctly__1.html
@@ -6,9 +6,11 @@
 <body>
 <testapp id="app"><div>
 Your name is Rob&lt;&gt;is awesome.
+<fragment id="fragment-test">
 <todoitem id="stable"><div>
  I am a diamond
 </div></todoitem>
+</fragment>
 <label id="labeltest">        <label for="stable">
 
 This is a label

diff --git a/tests/__snapshots__/AppTest__it_renders_fragments_correctly__1.html b/tests/__snapshots__/AppTest__it_renders_fragments_correctly__1.html
@@ -0,0 +1,5 @@
+<html><body>
+<todoitem id="stable"><div>
+ I am a diamond
+</div></todoitem>
+</body></html>
diff --git a/tests/__snapshots__/RouterTest__it_can_render_an_htmx_trigger__1.html b/tests/__snapshots__/RouterTest__it_can_render_an_htmx_trigger__1.html
@@ -8,7 +8,7 @@
         <route></route>
         <route></route>
         <route>
-            <test id="cc9f0f89">            <div>hi</div>
+            <test id="c6512bd4">            <div>hi</div>
 			</test>
         </route>
         <defaultroute></defaultroute>

diff --git a/tests/__snapshots__/RouterTest__it_can_render_variables__1.html b/tests/__snapshots__/RouterTest__it_can_render_variables__1.html
@@ -5,16 +5,16 @@
         </head>
         <body>
         <route>
-            <test id="ca87ff67">
+            <test id="c8f14e45">
         <div>
             <h1>123</h1>
-            <test id="ce4da3b7">
+            <test id="cc9f0f89">
         <div>
             <h1>124</h1>
-            <test id="c1679091">
+            <test id="c45c48cc">
         <div>
             <h1>125</h1>
-            <test id="c8f14e45">            <div>hi</div>
+            <test id="cd3d9446">            <div>hi</div>
 			</test>
         </div>