-
Open repository
+
+
+
+
+
+
${this._esc(r.name)}
+
${this._esc(desc)}
+
${this._esc(infoBits.join(" · "))}
+
+
+ ${badge}
+
+
+
+ ${readmeBlock}
+
+
+
+
+
Installation & Updates
+
+ Installation and updates are performed manually via Settings → System → Updates .
+ The Store UI is used to browse repositories and trigger installation/update actions.
+
+
+ Updates remain manual (like HACS).
-
${this._esc(r.source === "custom" ? "Custom" : "Index")}
- ${readmeBlock}
`;
}
@@ -427,14 +683,140 @@ class BahmcloudStorePanel extends HTMLElement {
if (!pretty) return;
if (this._readmeHtml) {
- // ✅ pretty HTML from backend
pretty.innerHTML = this._readmeHtml;
} else if (this._readmeText) {
- // fallback: no renderer available in backend
pretty.innerHTML = `
Markdown rendering is not available on this system. Use “Show raw Markdown”.
`;
}
}
+ _renderFabs() {
+ const r = this._detailRepo;
+ if (!r) return "";
+
+ return `
+
+ `;
+ }
+
+ _wireFabs() {
+ const root = this.shadowRoot;
+ const r = this._detailRepo;
+ if (!r) return;
+
+ const open = root.getElementById("fabOpen");
+ const reload = root.getElementById("fabReload");
+ const info = root.getElementById("fabInfo");
+
+ if (open) open.addEventListener("click", () => window.open(r.url, "_blank", "noreferrer"));
+
+ if (reload) {
+ reload.addEventListener("click", () => {
+ if (this._detailRepoId) this._loadReadme(this._detailRepoId);
+ });
+ }
+
+ if (info) {
+ info.addEventListener("click", () => {
+ this._view = "about";
+ this._update();
+ });
+ }
+ }
+
+ _renderManage() {
+ const repos = Array.isArray(this._data.repos) ? this._data.repos : [];
+ const custom = repos.filter((r) => r.source === "custom");
+
+ const list = custom
+ .map(
+ (r) => `
+
+
+
+
${this._esc(r.name)}
+
${this._esc(r.url)}
+
+
+ Remove
+
+
+
+ `
+ )
+ .join("");
+
+ return `
+
+
Manage repositories
+
Add public repositories from any git provider.
+
+
+
+
+
+
Display name (optional)
+
+
+
+
+ Add repository
+
+
+
+
+ ${list || `
No custom repositories added yet.
`}
+ `;
+ }
+
+ _wireManage() {
+ const root = this.shadowRoot;
+
+ const addUrl = root.getElementById("addUrl");
+ const addName = root.getElementById("addName");
+ const addBtn = root.getElementById("addBtn");
+
+ if (addUrl) addUrl.addEventListener("input", (e) => (this._customAddUrl = e.target.value));
+ if (addName) addName.addEventListener("input", (e) => (this._customAddName = e.target.value));
+ if (addBtn) addBtn.addEventListener("click", () => this._addCustomRepo());
+
+ for (const btn of root.querySelectorAll("[data-remove]")) {
+ btn.addEventListener("click", () => {
+ const id = btn.getAttribute("data-remove");
+ if (id) this._removeCustomRepo(id);
+ });
+ }
+ }
+
+ _renderAbout() {
+ return `
+
+
Settings / About
+
Language: English (v1). i18n will be added later.
+
Theme: follows Home Assistant light/dark automatically.
+
Accent: Bahmcloud Blue.
+
BCS version: ${this._esc(this._data.version || "-")}
+
+ `;
+ }
+
+ _computeCategories(repos) {
+ const set = new Set();
+ for (const r of repos) {
+ const c = (r.category || "").trim().toLowerCase();
+ if (c) set.add(c);
+ }
+ return Array.from(set).sort();
+ }
+
_esc(s) {
return String(s ?? "")
.replaceAll("&", "&")