cache busting: Import version, changelog (#1201)

## Description:

Import version, changelog statically using webpack for cache busting
purposes.

## Please complete the following:

- [x] I have added screenshots for all UI updates
- [x] I process any text displayed to the user through translateText()
and I've added it to the en.json file
- [x] I have added relevant tests to the test directory
- [x] I confirm I have thoroughly tested these changes and take full
responsibility for any bugs introduced
- [x] I understand that submitting code with bugs that could have been
caught through manual testing blocks releases and new features for all
contributors

---------

Co-authored-by: Scott Anderson <662325+scottanderson@users.noreply.github.com>
This commit is contained in:
Scott Anderson
2025-06-17 00:25:18 -04:00
committed by GitHub
co-authored by Scott Anderson
parent ec4ef01d99
commit b9a379e21c
5 changed files with 30 additions and 6 deletions
+18
View File
@@ -1,6 +1,7 @@
import { LitElement, css, html } from "lit";
import { resolveMarkdown } from "lit-markdown";
import { customElement, property, query } from "lit/decorators.js";
import changelog from "../../resources/changelog.md";
import { translateText } from "../client/Utils";
import "./components/baseComponents/Button";
import "./components/baseComponents/Modal";
@@ -14,6 +15,8 @@ export class NewsModal extends LitElement {
@property({ type: String }) markdown = "Loading...";
private initialized: boolean = false;
static styles = css`
:host {
display: block;
@@ -63,6 +66,15 @@ export class NewsModal extends LitElement {
</div>
</div>
<div>
${translateText("news.full_changelog")}
<a
href="https://github.com/openfrontio/OpenFrontIO/releases"
target="_blank"
>${translateText("news.github_link")}</a
>.
</div>
<o-button
title=${translateText("common.close")}
@click=${this.close}
@@ -73,6 +85,12 @@ export class NewsModal extends LitElement {
}
public open() {
if (!this.initialized) {
this.initialized = true;
fetch(changelog)
.then((response) => (response.ok ? response.text() : "Failed to load"))
.then((markdown) => (this.markdown = markdown));
}
this.requestUpdate();
this.modalEl?.open();
}