Add reload button to HTML artifact header

Adds a reload button with RefreshCw icon to HTML artifact header buttons.
Clicking the button clears logs and re-executes the HTML content, useful
for manually refreshing when developing HTML artifacts or testing changes.

Changes:
- Import Button, icon from mini-lit and RefreshCw from lucide
- Add reload button to getHeaderButtons() that clears logs and calls executeContent()
- Add "Reload HTML" i18n key in English and German translations
This commit is contained in:
Mario Zechner 2025-10-18 00:13:16 +02:00
parent 92ce5a342f
commit 2d5054e6c0
2 changed files with 15 additions and 1 deletions

View file

@ -122,6 +122,7 @@ declare module "@mariozechner/mini-lit" {
Artifacts: string;
"Copy HTML": string;
"Download HTML": string;
"Reload HTML": string;
"Copy SVG": string;
"Download SVG": string;
"Copy Markdown": string;
@ -294,6 +295,7 @@ export const translations = {
Artifacts: "Artifacts",
"Copy HTML": "Copy HTML",
"Download HTML": "Download HTML",
"Reload HTML": "Reload HTML",
"Copy SVG": "Copy SVG",
"Download SVG": "Download SVG",
"Copy Markdown": "Copy Markdown",
@ -470,6 +472,7 @@ export const translations = {
Artifacts: "Artefakte",
"Copy HTML": "HTML kopieren",
"Download HTML": "HTML herunterladen",
"Reload HTML": "HTML neu laden",
"Copy SVG": "SVG kopieren",
"Download SVG": "SVG herunterladen",
"Copy Markdown": "Markdown kopieren",