@warkypublic/svelix 0.1.46 → 0.2.1

package/dist/components/GlobalStateStore/GlobalStateStoreProvider.svelte

@@ -1,129 +1,82 @@
-<script lang="ts">
-	import { setContext } from 'svelte';
-	import type { Snippet } from 'svelte';
-
-	import { GetGlobalState, GlobalStateStore } from './GlobalStateStore';
-	import {
-		GLOBAL_STATE_STORE_CONTEXT_KEY,
-		type GlobalStateStoreContextValue
-	} from './GlobalStateStoreContext';
-	import type { GlobalState, ProgramState } from './GlobalStateStore.types';
-
-	export interface Props {
-		apiURL?: string;
-		autoFetch?: boolean;
-		children: Snippet;
-		fetchOnMount?: boolean;
-		onFetchSession?: (state: Partial<GlobalState>) => Promise<Partial<GlobalState>>;
-		onLogin?: (
-			state: Partial<GlobalState>
-		) => Promise<Partial<Pick<GlobalState, 'owner' | 'program' | 'session' | 'user'>> | void>;
-		onLogout?: (
-			state: Partial<GlobalState>
-		) => Promise<Partial<Pick<GlobalState, 'owner' | 'program' | 'session' | 'user'>> | void>;
-		program?: Partial<ProgramState>;
-		throttleMs?: number;
+<script lang="ts">import { setContext } from "svelte";
+import { GetGlobalState, GlobalStateStore } from "./GlobalStateStore";
+import { GLOBAL_STATE_STORE_CONTEXT_KEY } from "./GlobalStateStoreContext";
+const { apiURL, autoFetch = true, children, fetchOnMount = true, onFetchSession, onLogin, onLogout, program, throttleMs = 0 } = $props();
+let lastFetchTime = 0;
+let fetchInProgress = false;
+let mounted = false;
+let storeInitialized = $state(GetGlobalState().initialized);
+let lastHandlers = {};
+const throttledFetch = async (url) => {
+	const now = Date.now();
+	const timeSinceLastFetch = now - lastFetchTime;
+	if (fetchInProgress) {
+		return;
 	}
-
-	const {
-		apiURL,
-		autoFetch = true,
-		children,
-		fetchOnMount = true,
+	if (throttleMs > 0 && timeSinceLastFetch < throttleMs) {
+		return;
+	}
+	try {
+		fetchInProgress = true;
+		lastFetchTime = now;
+		await GlobalStateStore.getState().fetchData(url);
+	} finally {
+		fetchInProgress = false;
+	}
+};
+const refetch = async () => {
+	await throttledFetch();
+};
+$effect(() => {
+	const unsubscribe = GlobalStateStore.subscribe((state) => {
+		storeInitialized = state.initialized;
+	});
+	return unsubscribe;
+});
+$effect(() => {
+	if (!storeInitialized) return;
+	if (apiURL) {
+		GlobalStateStore.getState().setApiURL(apiURL);
+	}
+});
+$effect(() => {
+	if (!storeInitialized) return;
+	if (program) {
+		GlobalStateStore.getState().setProgram(program);
+	}
+});
+$effect(() => {
+	if (onFetchSession === lastHandlers.onFetchSession && onLogin === lastHandlers.onLogin && onLogout === lastHandlers.onLogout) {
+		return;
+	}
+	lastHandlers = {
 		onFetchSession,
 		onLogin,
-		onLogout,
-		program,
-		throttleMs = 0
-	}: Props = $props();
-
-	let lastFetchTime = 0;
-	let fetchInProgress = false;
-	let mounted = false;
-	let storeInitialized = $state(GetGlobalState().initialized);
-	let lastHandlers: {
-		onFetchSession?: Props['onFetchSession'];
-		onLogin?: Props['onLogin'];
-		onLogout?: Props['onLogout'];
-	} = {};
-
-	const throttledFetch = async (url?: string): Promise<void> => {
-		const now = Date.now();
-		const timeSinceLastFetch = now - lastFetchTime;
-
-		if (fetchInProgress) {
-			return;
-		}
-
-		if (throttleMs > 0 && timeSinceLastFetch < throttleMs) {
-			return;
-		}
-
-		try {
-			fetchInProgress = true;
-			lastFetchTime = now;
-			await GlobalStateStore.getState().fetchData(url);
-		} finally {
-			fetchInProgress = false;
-		}
-	};
-
-	const refetch = async (): Promise<void> => {
-		await throttledFetch();
+		onLogout
 	};
-
-	$effect(() => {
-		const unsubscribe = GlobalStateStore.subscribe((state) => {
-			storeInitialized = state.initialized;
-		});
-		return unsubscribe;
-	});
-
-	$effect(() => {
-		if (!storeInitialized) return;
-		if (apiURL) {
-			GlobalStateStore.getState().setApiURL(apiURL);
-		}
-	});
-
-	$effect(() => {
-		if (!storeInitialized) return;
-		if (program) {
-			GlobalStateStore.getState().setProgram(program);
-		}
-	});
-
-	$effect(() => {
-		if (
-			onFetchSession === lastHandlers.onFetchSession &&
-			onLogin === lastHandlers.onLogin &&
-			onLogout === lastHandlers.onLogout
-		) {
-			return;
-		}
-		lastHandlers = { onFetchSession, onLogin, onLogout };
-		GlobalStateStore.setState({ onFetchSession, onLogin, onLogout });
+	GlobalStateStore.setState({
+		onFetchSession,
+		onLogin,
+		onLogout
 	});
-
-	$effect(() => {
-		if (!storeInitialized) return;
-		if (!mounted) {
-			mounted = true;
-			if (autoFetch && fetchOnMount) {
-				throttledFetch(apiURL).catch((e) => {
-					console.error('Failed to fetch on mount:', e);
-				});
-			}
+});
+$effect(() => {
+	if (!storeInitialized) return;
+	if (!mounted) {
+		mounted = true;
+		if (autoFetch && fetchOnMount) {
+			throttledFetch(apiURL).catch((e) => {
+				console.error("Failed to fetch on mount:", e);
+			});
 		}
-	});
-
-	const context: GlobalStateStoreContextValue = {
-		fetchData: throttledFetch,
-		getState: GetGlobalState,
-		refetch
-	};
-
-	setContext(GLOBAL_STATE_STORE_CONTEXT_KEY, context);
+	}
+});
+const context = {
+	fetchData: throttledFetch,
+	getState: GetGlobalState,
+	refetch
+};
+setContext(GLOBAL_STATE_STORE_CONTEXT_KEY, context);
 </script>
 
 {@render children()}