@warkypublic/svelix 0.1.44 → 0.1.47

package/dist/components/FormerControllers/IconButtonCtrl.svelte

@@ -1,47 +1,18 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	export interface Props {
-		children?: Snippet;
-		disabled?: boolean;
-		loading?: boolean;
-		onclick?: () => Promise<void>;
-		sid?: string;
-		tooltip?: string;
-		variant?: 'filled' | 'ghost' | 'outlined';
-	}
-
-	const {
-		children,
-		disabled,
-		loading: externalLoading = false,
-		onclick,
-		sid,
-		tooltip,
-		variant = 'ghost',
-	}: Props = $props();
-
-	let internalLoading = $state(false);
-	const isLoading = $derived(internalLoading || externalLoading);
-
-	const variantClass = $derived(
-		variant === 'outlined'
-			? 'preset-outlined-primary-500'
-			: variant === 'filled'
-				? 'preset-filled-primary-500'
-				: 'preset-tonal-primary'
-	);
-
-	async function handleClick() {
-		if (onclick && !isLoading) {
-			internalLoading = true;
-			try {
-				await onclick();
-			} finally {
-				internalLoading = false;
-			}
+<script lang="ts">const { children, disabled, loading: externalLoading = false, onclick, sid, tooltip, variant = "ghost" } = $props();
+let internalLoading = $state(false);
+const isLoading = $derived(internalLoading || externalLoading);
+const variantClass = $derived(variant === "outlined" ? "preset-outlined-primary-500" : variant === "filled" ? "preset-filled-primary-500" : "preset-tonal-primary");
+async function handleClick() {
+	if (onclick && !isLoading) {
+		internalLoading = true;
+		try {
+			await onclick();
+		} finally {
+			internalLoading = false;
 		}
 	}
+}
+export {};
 </script>
 
 <button

package/dist/components/FormerControllers/InlineWrapper.svelte

@@ -1,44 +1,15 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import IconAlertCircle from '../Icons/IconAlertCircle.svelte';
-	import IconAlertTriangle from '../Icons/IconAlertTriangle.svelte';
-
-	export interface Props {
-		children?: Snippet;
-		error?: string;
-		label?: string | Snippet;
-		labelWidth?: string;
-		leftSection?: Snippet;
-		promptArea?: Snippet;
-		required?: boolean;
-		rightSection?: Snippet;
-		tooltip?: string;
-		value?: unknown;
-	}
-
-	const {
-		children,
-		error,
-		label,
-		labelWidth = '10rem',
-		leftSection,
-		promptArea,
-		required,
-		rightSection,
-		tooltip,
-		value,
-	}: Props = $props();
-
-	function isValueEmpty(v: unknown): boolean {
-		if (v === null || v === undefined) return true;
-		if (typeof v === 'number') return false;
-		if (typeof v === 'string') return v.trim() === '';
-		return false;
-	}
-
-	const isEmpty = $derived(isValueEmpty(value));
-	const showErrorIcon = $derived(!!error);
-	const showWarningIcon = $derived(!error && !!required && isEmpty);
+<script lang="ts">import IconAlertCircle from "../Icons/IconAlertCircle.svelte";
+import IconAlertTriangle from "../Icons/IconAlertTriangle.svelte";
+const { children, error, label, labelWidth = "10rem", leftSection, promptArea, required, rightSection, tooltip, value } = $props();
+function isValueEmpty(v) {
+	if (v === null || v === undefined) return true;
+	if (typeof v === "number") return false;
+	if (typeof v === "string") return v.trim() === "";
+	return false;
+}
+const isEmpty = $derived(isValueEmpty(value));
+const showErrorIcon = $derived(!!error);
+const showWarningIcon = $derived(!error && !!required && isEmpty);
 </script>
 
 <div class="flex flex-col gap-0" title={tooltip}>

package/dist/components/FormerControllers/InlineWrapperPreview.svelte

@@ -1,29 +1,7 @@
-<script lang="ts">
-	import InlineWrapper from './InlineWrapper.svelte';
-	import TextInputCtrl from './TextInputCtrl.svelte';
-	import ButtonCtrl from './ButtonCtrl.svelte';
-
-	export interface Props {
-		error?: string;
-		label?: string;
-		labelWidth?: string;
-		required?: boolean;
-		tooltip?: string;
-		value?: string;
-		withLeftSection?: boolean;
-		withRightSection?: boolean;
-	}
-
-	let {
-		error,
-		label = 'Username',
-		labelWidth,
-		required,
-		tooltip,
-		value = $bindable(''),
-		withLeftSection = false,
-		withRightSection = false,
-	}: Props = $props();
+<script lang="ts">import InlineWrapper from "./InlineWrapper.svelte";
+import TextInputCtrl from "./TextInputCtrl.svelte";
+import ButtonCtrl from "./ButtonCtrl.svelte";
+let { error, label = "Username", labelWidth, required, tooltip, value = $bindable(""), withLeftSection = false, withRightSection = false } = $props();
 </script>
 
 {#snippet leftSection()}

package/dist/components/FormerControllers/NativeSelectCtrl.svelte

@@ -1,32 +1,6 @@
-<script lang="ts">
-	import type { CtrlBaseProps } from './types';
-
-	interface SelectOption {
-		label: string;
-		value: string;
-	}
-
-	export interface Props extends CtrlBaseProps {
-		onchange?: (value: string) => void;
-		options?: Array<SelectOption | string>;
-		value?: string;
-	}
-
-	let {
-		disabled,
-		error,
-		label,
-		name,
-		onchange,
-		options = [],
-		placeholder,
-		required,
-		sid,
-		tooltip,
-		value = $bindable(''),
-	}: Props = $props();
-
-	const id = $derived(`field_${name ?? ''}_${sid ?? ''}`);
+<script lang="ts">let { disabled, error, label, name, onchange, options = [], placeholder, required, sid, tooltip, value = $bindable("") } = $props();
+const id = $derived(`field_${name ?? ""}_${sid ?? ""}`);
+export {};
 </script>
 
 <div class="flex flex-col gap-1" title={tooltip}>

package/dist/components/FormerControllers/NumberInputCtrl.svelte

@@ -1,38 +1,12 @@
-<script lang="ts">
-	import type { CtrlBaseProps } from './types';
-
-	export interface Props extends CtrlBaseProps {
-		max?: number;
-		min?: number;
-		onchange?: (value: number | undefined) => void;
-		step?: number;
-		value?: number | undefined;
-	}
-
-	let {
-		disabled,
-		error,
-		label,
-		max,
-		min,
-		name,
-		onchange,
-		placeholder,
-		required,
-		sid,
-		step,
-		tooltip,
-		value = $bindable(undefined),
-	}: Props = $props();
-
-	const id = $derived(`field_${name ?? ''}_${sid ?? ''}`);
-
-	function handleInput(e: Event) {
-		const target = e.target as HTMLInputElement;
-		const parsed = target.value !== '' ? Number(target.value) : undefined;
-		value = parsed;
-		onchange?.(parsed);
-	}
+<script lang="ts">let { disabled, error, label, max, min, name, onchange, placeholder, required, sid, step, tooltip, value = $bindable(undefined) } = $props();
+const id = $derived(`field_${name ?? ""}_${sid ?? ""}`);
+function handleInput(e) {
+	const target = e.target;
+	const parsed = target.value !== "" ? Number(target.value) : undefined;
+	value = parsed;
+	onchange?.(parsed);
+}
+export {};
 </script>
 
 <div class="flex flex-col gap-1" title={tooltip}>

package/dist/components/FormerControllers/PasswordInputCtrl.svelte

@@ -1,26 +1,7 @@
-<script lang="ts">
-	import type { CtrlBaseProps } from './types';
-
-	export interface Props extends CtrlBaseProps {
-		onchange?: (value: string) => void;
-		value?: string;
-	}
-
-	let {
-		disabled,
-		error,
-		label,
-		name,
-		onchange,
-		placeholder,
-		required,
-		sid,
-		tooltip,
-		value = $bindable(''),
-	}: Props = $props();
-
-	const id = $derived(`field_${name ?? ''}_${sid ?? ''}`);
-	let showPassword = $state(false);
+<script lang="ts">let { disabled, error, label, name, onchange, placeholder, required, sid, tooltip, value = $bindable("") } = $props();
+const id = $derived(`field_${name ?? ""}_${sid ?? ""}`);
+let showPassword = $state(false);
+export {};
 </script>
 
 <div class="flex flex-col gap-1" title={tooltip}>

package/dist/components/FormerControllers/SwitchCtrl.svelte

@@ -1,23 +1,6 @@
-<script lang="ts">
-	import type { CtrlBaseProps } from './types';
-
-	export interface Props extends Omit<CtrlBaseProps, 'placeholder'> {
-		checked?: boolean;
-		onchange?: (checked: boolean) => void;
-	}
-
-	let {
-		checked = $bindable(false),
-		disabled,
-		error,
-		label,
-		name,
-		onchange,
-		sid,
-		tooltip,
-	}: Props = $props();
-
-	const id = $derived(`field_${name ?? ''}_${sid ?? ''}`);
+<script lang="ts">let { checked = $bindable(false), disabled, error, label, name, onchange, sid, tooltip } = $props();
+const id = $derived(`field_${name ?? ""}_${sid ?? ""}`);
+export {};
 </script>
 
 <div class="flex items-center gap-2" title={tooltip}>

package/dist/components/FormerControllers/TextAreaCtrl.svelte

@@ -1,27 +1,6 @@
-<script lang="ts">
-	import type { CtrlBaseProps } from './types';
-
-	export interface Props extends CtrlBaseProps {
-		onchange?: (value: string) => void;
-		rows?: number;
-		value?: string;
-	}
-
-	let {
-		disabled,
-		error,
-		label,
-		name,
-		onchange,
-		placeholder,
-		required,
-		rows = 4,
-		sid,
-		tooltip,
-		value = $bindable(''),
-	}: Props = $props();
-
-	const id = $derived(`field_${name ?? ''}_${sid ?? ''}`);
+<script lang="ts">let { disabled, error, label, name, onchange, placeholder, required, rows = 4, sid, tooltip, value = $bindable("") } = $props();
+const id = $derived(`field_${name ?? ""}_${sid ?? ""}`);
+export {};
 </script>
 
 <div class="flex flex-col gap-1" title={tooltip}>

package/dist/components/FormerControllers/TextInputCtrl.svelte

@@ -1,27 +1,6 @@
-<script lang="ts">
-	import type { CtrlBaseProps } from './types';
-
-	export interface Props extends CtrlBaseProps {
-		onchange?: (value: string) => void;
-		type?: string;
-		value?: string;
-	}
-
-	let {
-		disabled,
-		error,
-		label,
-		name,
-		onchange,
-		placeholder,
-		required,
-		sid,
-		tooltip,
-		type = 'text',
-		value = $bindable(''),
-	}: Props = $props();
-
-	const id = $derived(`field_${name ?? ''}_${sid ?? ''}`);
+<script lang="ts">let { disabled, error, label, name, onchange, placeholder, required, sid, tooltip, type = "text", value = $bindable("") } = $props();
+const id = $derived(`field_${name ?? ""}_${sid ?? ""}`);
+export {};
 </script>
 
 <div class="flex flex-col gap-1" title={tooltip}>

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()}