fuma 2.1.0 → 2.1.3

package/dist/popover/popover.svelte.js

@@ -75,15 +75,9 @@ export function usePopover({ mode = 'auto', placement = 'bottom-start', listenCl
             popover: mode,
             [createAttachmentKey()]: (node) => {
                 popover = node;
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 popover.style.positionAnchor = anchorName;
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 popover.style.positionArea = placements[placement];
                 popover.style.inset = 'auto';
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 popover.style.positionTry = 'flip-x, flip-y';
                 popover.style.position = 'relative';
                 return attachPopoverListeners(node);
@@ -91,8 +85,6 @@ export function usePopover({ mode = 'auto', placement = 'bottom-start', listenCl
         },
         trigger: {
             [createAttachmentKey()]: (node) => {
-                // biome-ignore lint/suspicious/noTsIgnore: await for a svelte-check update
-                // @ts-ignore
                 node.style.anchorName = anchorName;
                 return attachTriggerListeners(node);
             }

package/dist/remote/index.d.ts

@@ -0,0 +1 @@
+export * from './useForm.ts';

package/dist/remote/index.js

@@ -0,0 +1 @@
+export * from './useForm.ts';

package/dist/remote/useForm.js

@@ -13,7 +13,10 @@ export function useForm(remoteForm, schema, debounceMs = 1000) {
                     target.type === 'checkbox' ||
                     target.type === 'radio' ||
                     target.tagName === 'SELECT';
-                instantValidation ? remoteForm.validate() : debouncedValidate();
+                if (instantValidation)
+                    remoteForm.validate();
+                else
+                    debouncedValidate();
             }
         });
     };

package/dist/search/Spans.svelte

@@ -4,7 +4,8 @@
 	let { spans }: { spans: SearchQueryResultSpan[] } = $props()
 </script>
 
-{#each spans as { value, isMatch }}
+{#each spans as span (span)}
+	{@const { isMatch, value } = span}
 	<span
 		class={isMatch ? 'rounded-xs text-secondary' : ''}
 		class:ml-px={value.startsWith(' ')}

package/dist/state/param.svelte.d.ts

@@ -1,18 +1,17 @@
+import type { ResolvedPathname } from '$app/types';
 export declare const param: {
     readonly with: (params: Record<string, string | number>, ...keysToRemove: string[]) => string;
     readonly without: (...keys: string[]) => string;
     readonly toggle: (params: Record<string, string>, ...keysToRemove: string[]) => string;
-    readonly has: (key: string) => boolean;
+    readonly has: (key: string, value?: string) => boolean;
     readonly get: (key: string) => string | null;
-    readonly hasValue: (key: string, value: string) => boolean;
     readonly keys: () => URLSearchParamsIterator<string>;
 };
 export declare const urlParam: {
-    with: (params: Record<string, string | number>, ...keysToRemove: string[]) => string;
-    without: (...args: string[]) => string;
-    toggle: (params: Record<string, string>, ...keysToRemove: string[]) => string;
-    has: (key: string) => boolean;
+    with: (params: Record<string, string | number>, ...keysToRemove: string[]) => ResolvedPathname;
+    without: (...args: string[]) => ResolvedPathname;
+    toggle: (params: Record<string, string>, ...keysToRemove: string[]) => ResolvedPathname;
+    has: (key: string, value?: string) => boolean;
     get: (key: string) => string | null;
-    hasValue: (key: string, value: string) => boolean;
     keys: () => URLSearchParamsIterator<string>;
 };

package/dist/state/param.svelte.js

@@ -1,56 +1,54 @@
 import { page } from '$app/state';
+import { SvelteURLSearchParams } from 'svelte/reactivity';
 export const param = {
     get with() {
         return (params, ...keysToRemove) => {
-            const url = new URL(page.url);
+            const searchParams = new SvelteURLSearchParams(page.url.searchParams);
             Object.entries(params).forEach(([key, value]) => {
-                url.searchParams.set(key, String(value));
+                searchParams.set(key, String(value));
             });
             keysToRemove.forEach((key) => {
-                url.searchParams.delete(key);
+                searchParams.delete(key);
             });
-            return url.search;
+            return searchParams.toString();
         };
     },
     get without() {
         return (...keys) => {
-            const url = new URL(page.url);
+            const searchParams = new SvelteURLSearchParams(page.url.searchParams);
             keys.forEach((key) => {
-                url.searchParams.delete(key);
+                searchParams.delete(key);
             });
-            return url.search;
+            return searchParams.toString();
         };
     },
     get toggle() {
         return (params, ...keysToRemove) => {
-            const url = new URL(page.url);
+            const searchParams = new SvelteURLSearchParams(page.url.searchParams);
             Object.entries(params).forEach(([key, value]) => {
-                if (url.searchParams.get(key) === value)
-                    url.searchParams.delete(key);
+                if (searchParams.get(key) === value)
+                    searchParams.delete(key);
                 else
-                    url.searchParams.set(key, value);
+                    searchParams.set(key, value);
             });
             keysToRemove.forEach((key) => {
-                url.searchParams.delete(key);
+                searchParams.delete(key);
             });
-            return url.search;
+            return searchParams.toString();
         };
     },
     get has() {
-        return (key) => page.url.searchParams.has(key);
+        return (key, value) => page.url.searchParams.has(key, value);
     },
     get get() {
         return (key) => page.url.searchParams.get(key);
     },
-    get hasValue() {
-        return (key, value) => page.url.searchParams.get(key) === value;
-    },
     get keys() {
         return () => page.url.searchParams.keys();
     }
 };
 function addPathname(fn) {
-    return (...args) => page.url.pathname + fn(...args);
+    return (...args) => (page.url.pathname + '?' + fn(...args));
 }
 export const urlParam = {
     ...param,

package/dist/ui/drawer/drawerFly.js

@@ -13,7 +13,7 @@ export function drawerFly(node, { delay = 0, duration = 400, easing = cubicOut,
         css: (t, u) => `
 			transform: ${transform} translate(${(1 - t) * xValue}${xUnit}, ${(1 - t) * yValue}${yUnit});
 			opacity: ${target_opacity - od * u}`,
-        tick: (t, _u) => {
+        tick: (t) => {
             onTransition({ x: t * xValue, y: t * yValue });
         }
     };

package/dist/ui/menu/DropDownMenu.svelte

@@ -2,32 +2,20 @@
 	import { ChevronsUpDownIcon } from '@lucide/svelte'
 	import type { Snippet } from 'svelte'
 	import { DropDown } from './index.js'
-	import { type Options, parseOptions } from '../../utils/options.js'
 	import type { TippyProps } from '../../utils/tippy.js'
 
 	let {
-		options: optionsProp,
 		tippyProps = {},
-		onSelect,
 		children: childrenProp
 	}: {
-		options: Options
 		tippyProps?: Partial<TippyProps>
-		onSelect?: (value: string) => void
 		children?: Snippet
 	} = $props()
-
-	let options = $derived(parseOptions(optionsProp))
-	let trigger = $state<HTMLElement>()
 </script>
 
 <DropDown {tippyProps}>
 	{#snippet activator()}
-		<button
-			bind:this={trigger}
-			type="button"
-			class="flex h-12 items-center gap-2 rounded-lg border pr-2 pl-4"
-		>
+		<button type="button" class="flex h-12 items-center gap-2 rounded-lg border pr-2 pl-4">
 			{#if childrenProp}
 				{@render childrenProp()}
 			{:else}
@@ -37,10 +25,9 @@
 		</button>
 	{/snippet}
 
-	{#snippet children({ hide })}
-		<span>TODO: use Command or REMOVE THIS COMPONENT</span>
+	<span>TODO: use Command or REMOVE THIS COMPONENT</span>
 
-		<!-- <SelectorList
+	<!-- <SelectorList
 			{trigger}
 			items={options.map((opt) => ({ id: opt.value, ...opt }))}
 			onSelect={(index) => {
@@ -56,5 +43,4 @@
 				<span class="pr-4 whitespace-nowrap">{item.label}</span>
 			{/snippet}
 		</SelectorList> -->
-	{/snippet}
 </DropDown>

package/dist/ui/menu/DropDownMenu.svelte.d.ts

@@ -1,10 +1,7 @@
 import type { Snippet } from 'svelte';
-import { type Options } from '../../utils/options.js';
 import type { TippyProps } from '../../utils/tippy.js';
 type $$ComponentProps = {
-    options: Options;
     tippyProps?: Partial<TippyProps>;
-    onSelect?: (value: string) => void;
     children?: Snippet;
 };
 declare const DropDownMenu: import("svelte").Component<$$ComponentProps, {}, "">;

package/dist/ui/range/RangePicker.svelte

@@ -49,8 +49,7 @@
 			startDate: range?.start ? dayjs(range.start).toDate() : undefined,
 			endDate: range?.end ? dayjs(range.end).toDate() : undefined,
 			setup: (picker: Litepicker) => {
-				// biome-ignore lint/suspicious/noExplicitAny: Litepicker external type
-				picker.on('selected', (date1: any, date2: any) => {
+				picker.on('selected', (date1: { dateInstance: Date }, date2: { dateInstance: Date }) => {
 					range = {
 						start: new Date(
 							`${getAbsoluteDate(date1.dateInstance)}T${getAbsoluteTime(range?.start)}`

package/dist/ui/table/Table.svelte

@@ -1,6 +1,6 @@
 <script lang="ts" generics="Item extends ItemBase">
+	import type { Snippet } from 'svelte'
 	import { afterNavigate } from '$app/navigation'
-
 	import {
 		context,
 		createKeys,
@@ -10,7 +10,6 @@
 		type TableField,
 		TableHead
 	} from './index.js'
-	import type { SnippetLike } from './type.js'
 
 	let {
 		key = 'table',
@@ -22,20 +21,18 @@
 		classRow,
 		hideBody = false,
 		onCreateField,
-		onclick,
-		screenPadding
+		onclick
 	}: {
 		key?: string
 		fields: TableField<Item>[]
 		items: Item[]
-		actions?: SnippetLike<[Item]>
+		actions?: Snippet<[Item]>
 		placholder?: string
 		class?: string
 		classRow?: string
 		hideBody?: boolean
 		onCreateField?: () => void
 		onclick?: (item?: Item) => void
-		screenPadding?: number
 	} = $props()
 
 	$effect(() => {

package/dist/ui/table/Table.svelte.d.ts

@@ -1,18 +1,17 @@
+import type { Snippet } from 'svelte';
 import { type ItemBase, type TableField } from './index.js';
-import type { SnippetLike } from './type.js';
 declare function $$render<Item extends ItemBase>(): {
     props: {
         key?: string;
         fields: TableField<Item>[];
         items: Item[];
-        actions?: SnippetLike<[Item]>;
+        actions?: Snippet<[Item]>;
         placholder?: string;
         class?: string;
         classRow?: string;
         hideBody?: boolean;
         onCreateField?: () => void;
         onclick?: (item?: Item) => void;
-        screenPadding?: number;
     };
     exports: {};
     bindings: "";

package/dist/ui/table/TableFieldsEdition.svelte

@@ -16,6 +16,7 @@
 	import { context } from './context.js'
 	import type { ItemBase, TableField } from './index.js'
 	import { jsonParse } from '../../utils/jsonParse.js'
+	import type { ResolvedPathname } from '$app/types'
 
 	let {
 		fields,
@@ -30,14 +31,14 @@
 	let { KEY_FIELDS_VISIBLE, KEY_FIELDS_HIDDEN, KEY_FIELDS_ORDER } = $derived(context.get(key))
 
 	function getFieldHref(field: TableField<Item>) {
-		if (field.locked) return
+		if (field.locked) return '' as ResolvedPathname
 		const url = toggleParam(field.visible ? KEY_FIELDS_HIDDEN : KEY_FIELDS_VISIBLE, field.key)
 		if (url.searchParams.has(field.key)) {
 			url.searchParams.delete(field.key)
 			url.searchParams.delete('skip')
 			url.searchParams.delete('take')
 		}
-		return url.pathname + url.search
+		return (url.pathname + url.search) as ResolvedPathname
 	}
 
 	function toggleParam(paramKey: string, fieldKey: string): URL {

package/dist/ui/table/TableViewSelect.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { ChevronDownIcon, PlusIcon, SaveIcon } from '@lucide/svelte'
-	import { enhance } from '$app/forms'
 	import { page } from '$app/state'
 
 	import { Dialog } from '../dialog/index.js'
 	import { DropDown } from '../menu/index.js'
+	import { SvelteURLSearchParams } from 'svelte/reactivity'
 
 	// import { InputText } from '../input/index.js';
 	// import { useForm } from '../../validation/form.jss';
@@ -16,19 +16,9 @@
 	}
 
 	let {
-		key,
-		views,
-		action = '',
-		actionCreate = '?/view_create',
-		actionUpdate = '?/view_update',
-		actionDelete = '?/view_delete'
+		views
 	}: {
-		key: string
 		views: View[]
-		action?: string
-		actionCreate?: string
-		actionUpdate?: string
-		actionDelete?: string
 	} = $props()
 
 	let dialog = $state<HTMLDialogElement>()
@@ -39,7 +29,7 @@
 	// });
 
 	let query = $derived.by(() => {
-		const searchParam = new URLSearchParams(page.url.searchParams)
+		const searchParam = new SvelteURLSearchParams(page.url.searchParams)
 		searchParam.delete('skip')
 		searchParam.delete('take')
 		return searchParam.toString()
@@ -49,6 +39,8 @@
 	let isNewView = $derived(!!query && !selectedView)
 </script>
 
+/* eslint-disable @typescript-eslint/no-unused-vars */ /* eslint-disable
+@typescript-eslint/no-unused-vars */
 <DropDown>
 	{#snippet activator()}
 		<button

package/dist/ui/table/TableViewSelect.svelte.d.ts

@@ -4,12 +4,7 @@ type View = {
     query: string;
 };
 type $$ComponentProps = {
-    key: string;
     views: View[];
-    action?: string;
-    actionCreate?: string;
-    actionUpdate?: string;
-    actionDelete?: string;
 };
 declare const TableViewSelect: import("svelte").Component<$$ComponentProps, {}, "">;
 type TableViewSelect = ReturnType<typeof TableViewSelect>;

package/dist/ui/table/cell/TableCellArray.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <td>
-	{#each cell as content}
+	{#each cell as content, index (index)}
 		<span class="mr-1 badge whitespace-nowrap">
 			{content}
 		</span>

package/dist/ui/table/field.d.ts

@@ -1,5 +1,5 @@
+import type { Snippet } from 'svelte';
 import type { Options } from '../../utils/options.js';
-import type { SnippetLike } from './type.js';
 export type Primitive = string | number | boolean | Date;
 export type ItemBase = {
     id: string | number;
@@ -15,8 +15,8 @@ type TableFieldCommon<Item extends ItemBase> = {
     sortable?: boolean;
     /** Internal usage */
     _visible?: boolean;
-    cell: ((item: Item) => SnippetLike<[Item]>) | ((item: Item) => null | undefined | Primitive | Primitive[]);
-    head?: SnippetLike<[Item]>;
+    cell: ((item: Item) => Snippet<[Item]>) | ((item: Item) => null | undefined | Primitive | Primitive[]);
+    head?: Snippet<[Item]>;
 };
 type TableFieldPrimitve = {
     type?: 'string' | 'textarea' | 'number' | 'boolean' | 'date';
@@ -37,8 +37,8 @@ export declare function syncFieldsWithParams<Item extends ItemBase>(tablekey: st
     locked?: boolean;
     visible?: boolean;
     sortable?: boolean;
-    cell: ((item: Item) => SnippetLike<[Item]>) | ((item: Item) => null | undefined | Primitive | Primitive[]);
-    head?: SnippetLike<[Item]> | undefined;
+    cell: ((item: Item) => Snippet<[Item]>) | ((item: Item) => null | undefined | Primitive | Primitive[]);
+    head?: Snippet<[Item]> | undefined;
     type?: "string" | "textarea" | "number" | "boolean" | "date";
 } | {
     _visible: boolean;
@@ -49,8 +49,8 @@ export declare function syncFieldsWithParams<Item extends ItemBase>(tablekey: st
     locked?: boolean;
     visible?: boolean;
     sortable?: boolean;
-    cell: ((item: Item) => SnippetLike<[Item]>) | ((item: Item) => null | undefined | Primitive | Primitive[]);
-    head?: SnippetLike<[Item]> | undefined;
+    cell: ((item: Item) => Snippet<[Item]>) | ((item: Item) => null | undefined | Primitive | Primitive[]);
+    head?: Snippet<[Item]> | undefined;
     type: "select" | "multiselect";
 })[];
 export {};

package/dist/ui/table/head/TableHeadDate.svelte

@@ -19,11 +19,7 @@
 		start?: string
 		end?: string
 		order?: 'asc' | 'desc'
-	}>(
-		// svelte-ignore state_referenced_locally
-		page.url.searchParams.get(field.key),
-		{}
-	)
+	}>(page.url.searchParams.get((() => field.key)()), {})
 
 	let range: RangeAsDate = $state({
 		start: initialValue.start ? new Date(initialValue.start) : null,

package/dist/ui/table/head/TableHeadNumber.svelte

@@ -23,7 +23,6 @@
 		.default({})
 
 	let { min, max, order } = $derived(paramModel.parse(page.url.searchParams.get(field.key)))
-	let isNegatifRange = $derived(min !== undefined && max !== undefined && max < min)
 
 	const updateUrl = debounce(() => {
 		const query: Record<string, string | number> = {}

package/dist/ui/table/head/TableHeadSelect.svelte

@@ -61,7 +61,7 @@
 
 				{#if optionsActive.length}
 					<div class="flex flex-wrap gap-1">
-						{#each optionsActive as option}
+						{#each optionsActive as option (option.value)}
 							<span class="badge badge-xs text-[0.7rem] font-normal text-white badge-primary">
 								{#if option.icon}
 									<option.icon size={10} class="-translate-x-1 fill-white/80" />
@@ -75,7 +75,7 @@
 		{/snippet}
 
 		<div class="flex flex-col gap-1">
-			{#each options as { isActive, icon: Icon, label, value }}
+			{#each options as { isActive, icon: Icon, label, value } (value)}
 				<a
 					href={getHref(value)}
 					class="menu-item px-3 py-2"

package/dist/validation/zod.js

@@ -15,7 +15,8 @@ export const zodCoerceJson = z.string().transform((str, ctx) => {
     try {
         return JSON.parse(str);
     }
-    catch (_err) {
+    catch (e) {
+        console.error(e);
         ctx.addIssue({ code: 'custom', message: 'Invalid JSON' });
         return z.NEVER;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fuma",
-	"version": "2.1.0",
+	"version": "2.1.3",
 	"description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
 	"author": {
 		"name": "Jonas Voisard",
@@ -14,16 +14,15 @@
 		"prepublishOnly": "npm run package",
 		"sync": "svelte-kit sync",
 		"svelte-check": "svelte-check --tsconfig ./tsconfig.json",
-		"check": "run-p sync svelte-check lint format",
+		"check": "run-p sync svelte-check lint",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
 		"test": "vitest",
-		"format": "prettier . --write",
-		"lint": "biome lint --write",
+		"format": "prettier --write .",
+		"lint": "prettier --check . && eslint .",
 		"migrate": "prisma migrate dev",
 		"generate": "prisma generate",
 		"studio": "prisma studio",
-		"seed": "prisma db seed",
-		"biome": "biome"
+		"seed": "prisma db seed"
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
@@ -34,27 +33,6 @@
 			"svelte": "./dist/index.js",
 			"default": "./dist/index.js"
 		},
-		"./ui": {
-			"types": "./dist/ui/index.d.ts",
-			"svelte": "./dist/ui/index.js",
-			"default": "./dist/ui/index.js"
-		},
-		"./utils": {
-			"types": "./dist/utils/index.d.ts",
-			"default": "./dist/utils/index.js"
-		},
-		"./state": {
-			"types": "./dist/state/index.d.ts",
-			"default": "./dist/state/index.js"
-		},
-		"./validation": {
-			"types": "./dist/validation/index.d.ts",
-			"default": "./dist/validation/index.js"
-		},
-		"./action": {
-			"types": "./dist/action/index.d.ts",
-			"default": "./dist/action/index.js"
-		},
 		"./server": {
 			"types": "./dist/server/index.d.ts",
 			"default": "./dist/server/index.js"
@@ -72,29 +50,34 @@
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.4.2",
+		"@eslint/compat": "^2.0.5",
 		"@sveltejs/adapter-auto": "^7.0.1",
-		"@sveltejs/kit": "^2.57.1",
+		"@sveltejs/kit": "^2.58.0",
 		"@sveltejs/package": "^2.5.7",
 		"@sveltejs/vite-plugin-svelte": "^6.2.4",
 		"@tailwindcss/vite": "^4.2.4",
 		"@types/node": "^25.6.0",
 		"daisyui": "^5.5.19",
+		"eslint": "^9.39.4",
+		"eslint-config-prettier": "^10.1.8",
+		"eslint-plugin-svelte": "^3.17.1",
 		"npm-run-all": "^4.1.5",
 		"prettier": "^3.8.3",
 		"prettier-plugin-svelte": "^3.5.1",
-		"prettier-plugin-tailwindcss": "^0.7.2",
+		"prettier-plugin-tailwindcss": "^0.7.4",
 		"publint": "^0.1.16",
 		"shiki": "^4.0.2",
 		"svelte-check": "^4.4.6",
 		"tailwindcss": "^4.2.4",
 		"typescript": "^5.9.3",
+		"typescript-eslint": "^8.59.1",
 		"vite": "^7.3.2",
 		"vite-plugin-devtools-json": "^1.0.0",
 		"vitest": "^4.1.5"
 	},
 	"dependencies": {
 		"@faker-js/faker": "^10.4.0",
-		"@lucide/svelte": "^1.8.0",
+		"@lucide/svelte": "^1.14.0",
 		"dayjs": "^1.11.20",
 		"debounce": "^3.0.0",
 		"devalue": "^5.7.1",
@@ -103,10 +86,10 @@
 		"litepicker": "^2.0.12",
 		"perod": "^1.4.1",
 		"runed": "^0.37.1",
-		"svelte": "^5.55.4",
+		"svelte": "^5.55.5",
 		"svelte-easy-crop": "^5.0.1",
-		"svelte-sonner": "^1.1.0",
+		"svelte-sonner": "^1.1.1",
 		"tippy.js": "^6.3.7",
-		"zod": "^4.3.6"
+		"zod": "^4.4.1"
 	}
 }

package/dist/ui/table/type.d.ts

@@ -1,2 +0,0 @@
-import type { Snippet } from 'svelte';
-export type SnippetLike<Args extends unknown[] = unknown[]> = Snippet<Args> | ((...args: Args) => ReturnType<Snippet>);

package/dist/ui/table/type.js

@@ -1 +0,0 @@
-export {};