-
${this._esc(r.name)}
-
${this._esc(desc)}
-
${lineBits.map(x => this._esc(x)).join(" · ")}
-
+ return `
+
+
+
+
${this._esc(r.name)}
+
${this._esc(desc)}
+
${this._esc(lineBits.join(" · "))}
+
+ ${badge}
+
+
+ `;
+ })
+ .join("");
+
+ return `
+
+
+
+
+
+ ${rows || `
No repositories configured.
`}
+ `;
+ }
+
+ _wireStore() {
+ const root = this.shadowRoot;
+
+ const search = root.getElementById("searchInput");
+ const cat = root.getElementById("categorySelect");
+
+ if (search) {
+ search.addEventListener("input", (e) => {
+ this._search = e.target.value;
+ this._update();
+ });
+ }
+
+ if (cat) {
+ cat.addEventListener("change", (e) => {
+ this._category = String(e.target.value || "all");
+ this._update();
+ });
+ }
+
+ for (const card of root.querySelectorAll("[data-repo]")) {
+ card.addEventListener("click", () => {
+ const id = card.getAttribute("data-repo");
+ if (id) this._openRepoDetail(id);
+ });
+ }
+ }
+
+ _renderDetail() {
+ const r = this._detailRepo;
+ if (!r) return `
Repository not found.
`;
+
+ const badge = r.source === "custom"
+ ? `
Custom`
+ : `
Index`;
+
+ const desc = r.description || r.meta_description || r.provider_description || "No description available.";
+
+ const infoBits = [
+ r.owner ? `Creator: ${r.owner}` : "Creator: -",
+ r.provider ? `Provider: ${r.provider}` : null,
+ r.category ? `Category: ${r.category}` : null,
+ r.meta_author ? `Author: ${r.meta_author}` : null,
+ r.meta_maintainer ? `Maintainer: ${r.meta_maintainer}` : null,
+ r.meta_source ? `Meta: ${r.meta_source}` : null,
+ ].filter(Boolean);
+
+ const readmeBlock = this._readmeLoading
+ ? `
Loading README…
`
+ : this._readmeText
+ ? `
+
+
+
+ `
+ : `
+
+
README
+
${this._esc(this._readmeError || "README not found.")}
+
+ `;
+
+ return `
+
+
+
+
+
+
${this._esc(r.name)}
+
${this._esc(desc)}
+
${this._esc(infoBits.join(" · "))}
+
+
+ ${badge}
+
+
+
+ ${readmeBlock}
+
+
+
+
+
Installation & Updates
+
+ Installation & updates will be implemented via the official Home Assistant APIs.
+ In v0.4.0, the buttons are UI-only (coming soon).
+
+
+ Updates remain manual (like HACS).
- ${badge}
- `;
- }).join("");
+
+ `;
+ }
- return rows || `
No repositories configured.
`;
+ _wireDetail() {
+ // Render markdown into ha-markdown after DOM exists
+ const root = this.shadowRoot;
+ const mdEl = root.getElementById("readmeMd");
+ if (mdEl && this._readmeText) {
+ try {
+ mdEl.hass = this._hass;
+ } catch (_) {}
+ mdEl.content = this._readmeText;
+ }
+ }
+
+ _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");
+
+ if (open) {
+ open.addEventListener("click", () => {
+ window.open(r.url, "_blank", "noreferrer");
+ });
+ }
+
+ if (reload) {
+ reload.addEventListener("click", () => {
+ if (this._detailRepoId) this._loadReadme(this._detailRepoId);
+ });
+ }
}
_renderManage() {
const repos = Array.isArray(this._data.repos) ? this._data.repos : [];
const custom = repos.filter((r) => r.source === "custom");
- const list = custom.map((r) => {
- return `
-
-
-
-
${this._esc(r.name)}
-
${this._esc(r.url)}
-
-
-
+ const list = custom
+ .map((r) => {
+ return `
+
+
+
+
${this._esc(r.name)}
+
${this._esc(r.url)}
+
+
+
+
-
- `;
- }).join("");
+ `;
+ })
+ .join("");
return `
Manage repositories
Add public repositories from any git provider.
-
-
-
+
+
-
-
+
@@ -408,6 +733,15 @@ class BahmcloudStorePanel extends HTMLElement {
`;
}
+ _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("&", "&")