fix: theme loader

src/common/themes/utils.js

···
+import { loadURI } from "../loader.js";
 import * as CID from "../cid.js";
 
 /**
···
  */
 
 /**
- * @param {{ name: string; url: string }} _args
+ * @param {{ name: string; uri: string }} _args
  * @param {{ fetchHTML: boolean }} options
  */
-export async function themeFromUrl({ name, url }, { fetchHTML }) {
-  const html = fetchHTML
-    ? await fetch(url).then((res) => res.text())
-    : undefined;
+export async function themeFromURI({ name, uri }, { fetchHTML }) {
+  const html = fetchHTML ? await loadURI(uri) : undefined;
   const cid = html
     ? await CID.create(0x55, new TextEncoder().encode(html))
     : undefined;
···
     html,
     name,
     updatedAt: timestamp,
-    url,
+    uri,
   };
 
   return theme;

src/themes/index.js

···
 import * as CID from "@common/cid.js";
 import foundation from "@common/facets/foundation.js";
 import { effect, signal } from "@common/signal.js";
-import { themeFromUrl } from "@common/themes/utils.js";
+import { themeFromURI } from "@common/themes/utils.js";
+import { loadURI } from "@common/loader.js";
 
 /**
  * @import {Theme} from "@definitions/types.d.ts"
···
     const rel = target.getAttribute("rel");
     if (!rel) return;
 
-    const url = target.closest("li")?.getAttribute("data-url");
-    if (!url) return;
+    const uri = target.closest("li")?.getAttribute("data-uri");
+    if (!uri) return;
 
     const name = target.closest("li")?.getAttribute("data-name");
     if (!name) return;
 
     switch (rel) {
       case "fork": {
-        const theme = await themeFromUrl({ name, url }, { fetchHTML: true });
+        const theme = await themeFromURI({ name, uri }, { fetchHTML: true });
         editTheme(theme);
         document.querySelector("#build")?.scrollIntoView();
         break;
       }
       case "save": {
-        const theme = await themeFromUrl({ name, url }, { fetchHTML: false });
+        const theme = await themeFromURI({ name, uri }, { fetchHTML: false });
         const out = foundation.orchestrator.output();
 
         out.themes.save([
···
                   </button>
                 </div>
                 <div class="list-description">
-                  ${c.url && !c.html
+                  ${c.uri && !c.html
                     ? html`
                       <span class="with-icon">
                         <i class="ph-fill ph-binoculars"></i>
                         <span>Tracking the original <a href="${c
-                          .url}">URL</a></span>
+                          .uri}">URI</a></span>
                       </span>
                     `
                     : html`
···
   if (!nameEl) return;
 
   // Make sure HTML is loaded
-  if (!theme.html && theme.url) {
-    const html = await fetch(theme.url).then((res) => res.text());
+  if (!theme.html && theme.uri) {
+    const html = await loadURI(theme.uri);
     const cid = await CID.create(0x55, new TextEncoder().encode(html));
 
     theme.html = html;