feat(runtime): handle load errors

infodusha · Jul 28, 2024 · 1ca4834 · 1ca4834
1 parent 6212ef0
commit 1ca4834
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/css-helpers.ts b/src/css-helpers.ts
@@ -5,7 +5,7 @@ const hostRe = /:host(\((.+)\))?/g;
 export function getEncapsulatedCss(
 	template: HTMLTemplateElement,
 	style: HTMLStyleElement,
-	selector: string,
+	selector: string
 ): string {
 	const unique = `data-${selector}-css`;
 	if (!style.sheet) {
@@ -18,7 +18,7 @@ export function getEncapsulatedCss(
 			continue;
 		}
 		for (const element of template.content.querySelectorAll(
-			rule.selectorText,
+			rule.selectorText
 		)) {
 			element.setAttribute(unique, "");
 		}

diff --git a/src/index.ts b/src/index.ts
@@ -21,7 +21,9 @@ async function fetchFromLinks(): Promise<void> {
 
 async function defineHtml(link: HTMLLinkElement): Promise<void> {
 	const href = returnIfDefined(link.getAttribute("href"));
-	const response = await fetch(href);
+	const response = await fetch(href).catch((err) => {
+		throw new Error(`Unable to load ${href}`, { cause: err });
+	});
 	const text = await response.text();
 	const definedElement = parser.parseFromString(text, "text/html");
 	customElements.define(...createComponent(definedElement, href));