@sigil-dev/runtime 0.9.3 → 0.9.5

package/async-boundary.ts

@@ -1,30 +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;
-}
+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/boundary.ts

@@ -1,44 +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;
-	}
-}
+/**
+ * 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;
+	}
+}

package/easing.ts

@@ -1,66 +1,66 @@
-// A8: 15 standard easing functions (cubic bezier approximations)
-// All take t in [0, 1] and return eased value in [0, 1].
-
-export function linear(t: number): number {
-	return t;
-}
-
-export function easeInQuad(t: number): number {
-	return t * t;
-}
-
-export function easeOutQuad(t: number): number {
-	return t * (2 - t);
-}
-
-export function easeInOutQuad(t: number): number {
-	return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
-}
-
-export function easeInCubic(t: number): number {
-	return t * t * t;
-}
-
-export function easeOutCubic(t: number): number {
-	return --t * t * t + 1;
-}
-
-export function easeInOutCubic(t: number): number {
-	return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
-}
-
-export function easeInQuart(t: number): number {
-	return t * t * t * t;
-}
-
-export function easeOutQuart(t: number): number {
-	return 1 - --t * t * t * t;
-}
-
-export function easeInOutQuart(t: number): number {
-	return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t;
-}
-
-export function easeInQuint(t: number): number {
-	return t * t * t * t * t;
-}
-
-export function easeOutQuint(t: number): number {
-	return 1 + --t * t * t * t * t;
-}
-
-export function easeInOutQuint(t: number): number {
-	return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;
-}
-
-export function easeInSine(t: number): number {
-	return 1 - Math.cos((t * Math.PI) / 2);
-}
-
-export function easeOutSine(t: number): number {
-	return Math.sin((t * Math.PI) / 2);
-}
-
-export function easeInOutSine(t: number): number {
-	return -(Math.cos(Math.PI * t) - 1) / 2;
-}
+// A8: 15 standard easing functions (cubic bezier approximations)
+// All take t in [0, 1] and return eased value in [0, 1].
+
+export function linear(t: number): number {
+	return t;
+}
+
+export function easeInQuad(t: number): number {
+	return t * t;
+}
+
+export function easeOutQuad(t: number): number {
+	return t * (2 - t);
+}
+
+export function easeInOutQuad(t: number): number {
+	return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+}
+
+export function easeInCubic(t: number): number {
+	return t * t * t;
+}
+
+export function easeOutCubic(t: number): number {
+	return --t * t * t + 1;
+}
+
+export function easeInOutCubic(t: number): number {
+	return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;
+}
+
+export function easeInQuart(t: number): number {
+	return t * t * t * t;
+}
+
+export function easeOutQuart(t: number): number {
+	return 1 - --t * t * t * t;
+}
+
+export function easeInOutQuart(t: number): number {
+	return t < 0.5 ? 8 * t * t * t * t : 1 - 8 * --t * t * t * t;
+}
+
+export function easeInQuint(t: number): number {
+	return t * t * t * t * t;
+}
+
+export function easeOutQuint(t: number): number {
+	return 1 + --t * t * t * t * t;
+}
+
+export function easeInOutQuint(t: number): number {
+	return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;
+}
+
+export function easeInSine(t: number): number {
+	return 1 - Math.cos((t * Math.PI) / 2);
+}
+
+export function easeOutSine(t: number): number {
+	return Math.sin((t * Math.PI) / 2);
+}
+
+export function easeInOutSine(t: number): number {
+	return -(Math.cos(Math.PI * t) - 1) / 2;
+}