Feat: Extract Sune HTML processing logic

src/sune-html.js

@@ -0,0 +1,54 @@
+import { el } from './dom.js';
+import { esc } from './utils.js';
+
+export const resolveSuneSrc = src => {
+  if (!src) return null;
+  if (src.startsWith('gh://')) {
+    const path = src.substring(5), parts = path.split('/');
+    if (parts.length < 3) return null;
+    const [owner, repo, ...filePathParts] = parts;
+    return `https://raw.githubusercontent.com/${owner}/${repo}/main/${filePathParts.join('/')}`;
+  }
+  return src;
+};
+
+export const processSuneIncludes = async (html, depth = 0) => {
+  if (depth > 5) return '<!-- Sune include depth limit reached -->';
+  if (!html) return '';
+  const c = document.createElement('div');
+  c.innerHTML = html;
+  for (const n of [...c.querySelectorAll('sune')]) {
+    if (n.hasAttribute('src')) {
+      if (n.hasAttribute('private') && depth > 0) {
+        n.remove();
+        continue;
+      }
+      const s = n.getAttribute('src'), u = resolveSuneSrc(s);
+      if (!u) {
+        n.replaceWith(document.createComment(` Invalid src: ${esc(s)} `));
+        continue;
+      }
+      try {
+        const r = await fetch(u);
+        if (!r.ok) throw new Error(`HTTP ${r.status}`);
+        const d = await r.json(), o = Array.isArray(d) ? d[0] : d, h = [o?.settings?.extension_html || '', o?.settings?.html || ''].join('\n');
+        n.replaceWith(document.createRange().createContextualFragment(await processSuneIncludes(h, depth + 1)));
+      } catch (e) {
+        n.replaceWith(document.createComment(` Fetch failed: ${esc(u)} `));
+      }
+    } else {
+      n.replaceWith(document.createRange().createContextualFragment(n.innerHTML));
+    }
+  }
+  return c.innerHTML;
+};
+
+export const renderSuneHTML = async () => {
+  const SUNE = window.SUNE;
+  const h = await processSuneIncludes([SUNE.extension_html, SUNE.html].map(x => (x || '').trim()).join('\n'));
+  const c = el.suneHtml;
+  c.innerHTML = '';
+  const t = h.trim();
+  c.classList.toggle('hidden', !t);
+  t && (c.appendChild(document.createRange().createContextualFragment(h)), window.Alpine?.initTree(c));
+};