deploy: 2add85b

Author: gsmet

feed.xml

@@ -5,7 +5,7 @@
         <title>Quarkus</title>
         <link>https://quarkus.io</link>
         <description>Quarkus: Supersonic Subatomic Java</description>
-        <lastBuildDate>Sun, 10 Aug 2025 03:34:44 +0000</lastBuildDate>
+        <lastBuildDate>Mon, 11 Aug 2025 03:34:43 +0000</lastBuildDate>
 
 
         <item>

version/main/guides/dev-ui.html

@@ -899,6 +899,22 @@ <h4 id="building-web-components"><a class="anchor" href="#building-web-component
 </li>
 </ul>
 </div>
+<div class="paragraph">
+<p>Most of the JavaScript code in Dev UI is written using Lit, so look for the available operations in the Lit documentation. For instance, for each cycle can be done like this:</p>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-javascript hljs" data-lang="javascript">render() {
+  return html`
+    &lt;ul&gt;
+      ${this.colors.map((color) =&gt;
+        html`&lt;li style="color: ${color}"&gt;${color}&lt;/li&gt;`
+      )}
+    &lt;/ul&gt;
+  `;
+}</code></pre>
+</div>
+</div>
 <div class="sect4">
 <h5 id="basic-structure-of-a-web-component-page"><a class="anchor" href="#basic-structure-of-a-web-component-page"></a>Basic structure of a Web component page</h5>
 <div class="paragraph">
@@ -1940,6 +1956,24 @@ <h4 id="jsonrpc-against-the-runtime-classpath"><a class="anchor" href="#jsonrpc-
 </tr>
 </table>
 </div>
+<div class="paragraph">
+<p>If you are creating a new runtime-dev module, you must also add the conditional Dev dependency in
+the <strong>runtime</strong> module <code>pom.xml</code>:</p>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-xml hljs" data-lang="xml">&lt;plugin&gt;
+    &lt;groupId&gt;io.quarkus&lt;/groupId&gt;
+    &lt;artifactId&gt;quarkus-extension-maven-plugin&lt;/artifactId&gt;
+    &lt;configuration&gt;
+        &lt;conditionalDevDependencies&gt;
+            &lt;artifact&gt;${project.groupId}:${project.artifactId}-dev:${project.version}&lt;/artifact&gt;
+        &lt;/conditionalDevDependencies&gt;
+        ...
+    &lt;/configuration&gt;
+&lt;/plugin&gt;</code></pre>
+</div>
+</div>
 </div>
 <div class="sect3">
 <h4 id="jsonrpc-against-the-deployment-classpath"><a class="anchor" href="#jsonrpc-against-the-deployment-classpath"></a>JsonRPC against the Deployment classpath</h4>