@sigil-dev/runtime 0.3.0

package/README.md

@@ -0,0 +1 @@
+Tiny runtime implementation

package/boundary.ts

@@ -0,0 +1,44 @@
+/**
+ * Error boundary for Sigil components.
+ *
+ * Wraps children so that errors during rendering are caught
+ * and handled instead of crashing the app.
+ *
+ * Usage:
+ *   <Boundary
+ *     fallbackError={({ error, reset }) => <button onClick={reset}>Retry</button>}
+ *     onError={(e) => reportToSentry(e)}
+ *   >
+ *     <FlakyComponent />
+ *   </Boundary>
+ */
+
+import { createSignal } from "./index.js";
+
+interface BoundaryProps {
+	children: any;
+	fallbackError?: (ctx: { error: Error; reset: () => void }) => any;
+	onError?: (error: Error) => void;
+}
+
+export function Boundary(props: BoundaryProps): any {
+	const error = createSignal<Error | null>(null);
+
+	const reset = () => error.set(null);
+
+	if (error()) {
+		return props.fallbackError
+			? props.fallbackError({ error: error()!, reset })
+			: null;
+	}
+
+	try {
+		return props.children;
+	} catch (e) {
+		props.onError?.(e as Error);
+		error.set(e as Error);
+		return props.fallbackError
+			? props.fallbackError({ error: e as Error, reset })
+			: null;
+	}
+}