@sigil-dev/runtime 0.8.5 → 0.9.0

package/async-boundary.ts

@@ -0,0 +1,30 @@
+export function __asyncBoundary(
+    factory: () => Promise<any>,
+    Loading?: () => any,
+    Err?: (props: { error: unknown }) => any,
+): Node {
+    const container = document.createElement("div");
+    container.dataset.asyncBoundary = "1";
+
+    if (Loading) {
+        const node = Loading();
+        if (node) container.appendChild(node);
+    }
+
+    factory()
+        .then((node) => {
+            if (node) container.replaceChildren(node);
+            else container.replaceChildren();
+        })
+        .catch((err) => {
+            if (Err) {
+                const errNode = Err({ error: err });
+                if (errNode) container.replaceChildren(errNode);
+            } else {
+                console.error("[sigil] async component error:", err);
+                container.replaceChildren();
+            }
+        });
+
+    return container;
+}

package/index.ts

@@ -19,6 +19,7 @@ export {
 } from "./easing.ts";
 export { ReactiveMap } from "./reactivity/map.ts";
 export { ReactiveSet } from "./reactivity/set.ts";
+export {__asyncBoundary} from "./async-boundary.ts"
 
 export const SIGIL_SAFE = Symbol.for("sigil.safe");
 export class SafeHtml {
@@ -354,7 +355,7 @@ export function createProfilerEffect(
 		const start = performance.now();
 		const cleanup = fn();
 		const end = performance.now();
-		console.log(`[Profiler] ${name}: ${(end - start).toFixed(2)}ms`);
+		// console.log(`[Profiler] ${name}: ${(end - start).toFixed(2)}ms`);
 		return cleanup;
 	});
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@sigil-dev/runtime",
   "module": "index.ts",
   "type": "module",
-  "version": "0.8.5",
+  "version": "0.9.0",
   "description": "Runtime for the Sigil framework",
   "private": false,
   "devDependencies": {