Skip to content

Commit 36b2406

Browse files
committed
deploy: 2add85b
1 parent 85e5d31 commit 36b2406

File tree

2 files changed

+35
-1
lines changed

2 files changed

+35
-1
lines changed

feed.xml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<title>Quarkus</title>
66
<link>https://quarkus.io</link>
77
<description>Quarkus: Supersonic Subatomic Java</description>
8-
<lastBuildDate>Sun, 10 Aug 2025 03:34:44 +0000</lastBuildDate>
8+
<lastBuildDate>Mon, 11 Aug 2025 03:34:43 +0000</lastBuildDate>
99

1010

1111
<item>

version/main/guides/dev-ui.html

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -899,6 +899,22 @@ <h4 id="building-web-components"><a class="anchor" href="#building-web-component
899899
</li>
900900
</ul>
901901
</div>
902+
<div class="paragraph">
903+
<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>
904+
</div>
905+
<div class="listingblock">
906+
<div class="content">
907+
<pre class="highlightjs highlight"><code class="language-javascript hljs" data-lang="javascript">render() {
908+
return html`
909+
&lt;ul&gt;
910+
${this.colors.map((color) =&gt;
911+
html`&lt;li style="color: ${color}"&gt;${color}&lt;/li&gt;`
912+
)}
913+
&lt;/ul&gt;
914+
`;
915+
}</code></pre>
916+
</div>
917+
</div>
902918
<div class="sect4">
903919
<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>
904920
<div class="paragraph">
@@ -1940,6 +1956,24 @@ <h4 id="jsonrpc-against-the-runtime-classpath"><a class="anchor" href="#jsonrpc-
19401956
</tr>
19411957
</table>
19421958
</div>
1959+
<div class="paragraph">
1960+
<p>If you are creating a new runtime-dev module, you must also add the conditional Dev dependency in
1961+
the <strong>runtime</strong> module <code>pom.xml</code>:</p>
1962+
</div>
1963+
<div class="listingblock">
1964+
<div class="content">
1965+
<pre class="highlightjs highlight"><code class="language-xml hljs" data-lang="xml">&lt;plugin&gt;
1966+
&lt;groupId&gt;io.quarkus&lt;/groupId&gt;
1967+
&lt;artifactId&gt;quarkus-extension-maven-plugin&lt;/artifactId&gt;
1968+
&lt;configuration&gt;
1969+
&lt;conditionalDevDependencies&gt;
1970+
&lt;artifact&gt;${project.groupId}:${project.artifactId}-dev:${project.version}&lt;/artifact&gt;
1971+
&lt;/conditionalDevDependencies&gt;
1972+
...
1973+
&lt;/configuration&gt;
1974+
&lt;/plugin&gt;</code></pre>
1975+
</div>
1976+
</div>
19431977
</div>
19441978
<div class="sect3">
19451979
<h4 id="jsonrpc-against-the-deployment-classpath"><a class="anchor" href="#jsonrpc-against-the-deployment-classpath"></a>JsonRPC against the Deployment classpath</h4>

0 commit comments

Comments
 (0)