@warkypublic/svelix 0.1.46 → 0.1.47

package/dist/components/ErrorBoundary/ErrorBoundary.svelte

@@ -1,66 +1,49 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import errorManager from './ErrorManager';
-
-	export interface Props {
-		children?: Snippet;
-		namespace?: string;
-		onReportClick?: () => void;
-		onResetClick?: () => void;
-		onRetryClick?: () => void;
+<script lang="ts">import errorManager from "./ErrorManager";
+const { children, namespace, onReportClick, onResetClick, onRetryClick } = $props();
+let error = $state(null);
+let showDetail = $state(false);
+let reported = $state(false);
+let wasReset = $state(false);
+let tryCnt = $state(0);
+let retrying = $state(false);
+function handleError(e) {
+	error = e;
+	errorManager.reportError(e, undefined, { namespace });
+}
+async function report() {
+	if (onReportClick) {
+		onReportClick();
+		reported = true;
+		return;
 	}
-
-	const { children, namespace, onReportClick, onResetClick, onRetryClick }: Props = $props();
-
-	let error = $state<Error | null>(null);
-	let showDetail = $state(false);
-	let reported = $state(false);
-	let wasReset = $state(false);
-	let tryCnt = $state(0);
-	let retrying = $state(false);
-
-	function handleError(e: Error) {
-		error = e;
-		errorManager.reportError(e, undefined, { namespace });
+	if (error) {
+		await errorManager.reportError(error, undefined, {
+			namespace,
+			tags: { reportedBy: "user" }
+		});
+		reported = true;
 	}
-
-	async function report() {
-		if (onReportClick) {
-			onReportClick();
-			reported = true;
-			return;
-		}
-		if (error) {
-			await errorManager.reportError(error, undefined, {
-				namespace,
-				tags: { reportedBy: 'user' },
-			});
-			reported = true;
-		}
-	}
-
-	function reset() {
-		if (onResetClick) {
-			onResetClick();
-			wasReset = true;
-			return;
-		}
+}
+function reset() {
+	if (onResetClick) {
+		onResetClick();
 		wasReset = true;
-		window.location.reload();
+		return;
 	}
-
-	async function retry() {
-		tryCnt += 1;
-		retrying = true;
-		if (onRetryClick) {
-			onRetryClick();
-		}
-		await new Promise((r) => setTimeout(r, 1000));
-		error = null;
-		retrying = false;
+	wasReset = true;
+	window.location.reload();
+}
+async function retry() {
+	tryCnt += 1;
+	retrying = true;
+	if (onRetryClick) {
+		onRetryClick();
 	}
-
-	export { handleError };
+	await new Promise((r) => setTimeout(r, 1e3));
+	error = null;
+	retrying = false;
+}
+export { handleError };
 </script>
 
 {#if error}

package/dist/components/ErrorBoundary/ErrorBoundaryPreview.svelte

@@ -1,20 +1,12 @@
-<script lang="ts">
-	import Button from '../Button.svelte';
-	import ErrorBoundary from './ErrorBoundary.svelte';
-
-	export interface Props {
-		namespace?: string;
-	}
-
-	const { namespace = 'ExampleComponent' }: Props = $props();
-
-	let errorBoundary: { handleError: (error: Error) => void } | undefined = $state();
-
-	function throwError() {
-		if (errorBoundary) {
-			errorBoundary.handleError(new Error('This is a test error triggered by the button'));
-		}
+<script lang="ts">import Button from "../Button.svelte";
+import ErrorBoundary from "./ErrorBoundary.svelte";
+const { namespace = "ExampleComponent" } = $props();
+let errorBoundary = $state();
+function throwError() {
+	if (errorBoundary) {
+		errorBoundary.handleError(new Error("This is a test error triggered by the button"));
 	}
+}
 </script>
 
 <ErrorBoundary bind:this={errorBoundary} {namespace}>