fuma 0.3.0 → 0.3.4

package/dist/private/api.d.ts

@@ -21,6 +21,13 @@ export declare const apiConfig: {
             tags: true;
         };
     };
+    PostType: (search: string) => {
+        where: {
+            name: {
+                contains: string;
+            };
+        };
+    };
 };
 export declare const api: import("../api/config.js").ApiClient<Prisma.TypeMap<import("@prisma/client/runtime/library").DefaultArgs>, {
     Tag: (search: string) => {
@@ -44,4 +51,11 @@ export declare const api: import("../api/config.js").ApiClient<Prisma.TypeMap<im
             tags: true;
         };
     };
+    PostType: (search: string) => {
+        where: {
+            name: {
+                contains: string;
+            };
+        };
+    };
 }>;

package/dist/private/api.js

@@ -4,6 +4,7 @@ export const apiConfig = {
     Post: (search) => ({
         where: { tags: { some: { name: { contains: search } } } },
         include: { tags: true }
-    })
+    }),
+    PostType: (search) => ({ where: { name: { contains: search } } })
 };
 export const api = useApiClient(apiConfig);

package/dist/private/constant.d.ts

@@ -0,0 +1,14 @@
+export declare const POST_PUBLICATION: {
+    private: {
+        label: string;
+        icon: string;
+    };
+    friends: {
+        label: string;
+        icon: string;
+    };
+    public: {
+        label: string;
+        icon: string;
+    };
+};

package/dist/private/constant.js

@@ -0,0 +1,6 @@
+import { mdiAccountGroup, mdiFileLockOutline, mdiWeb } from '@mdi/js';
+export const POST_PUBLICATION = {
+    private: { label: 'Private', icon: mdiFileLockOutline },
+    friends: { label: 'Friends', icon: mdiAccountGroup },
+    public: { label: 'Public', icon: mdiWeb }
+};

package/dist/private/model.d.ts

@@ -1,9 +1,28 @@
 export declare const modelPost: {
+    title: import("zod").ZodString;
     content: import("zod").ZodString;
-    aString: import("zod").ZodString;
-    aBoolean: import("zod").ZodBoolean;
-    aDate: import("zod").ZodDate;
-    aNumber: import("zod").ZodNumber;
+    isFavourite: import("zod").ZodBoolean;
+    likeCount: import("zod").ZodNumber;
+    writingAt: import("zod").ZodDate;
+    writingDuration: import("zod").ZodDate;
+    isInteressing: import("zod").ZodOptional<import("zod").ZodBoolean>;
+    viewCounter: import("zod").ZodOptional<import("zod").ZodNumber>;
+    publishedAt: import("zod").ZodOptional<import("zod").ZodDate>;
+    publishedAtTime: import("zod").ZodOptional<import("zod").ZodDate>;
+    publication: import("zod").ZodEnum<["private", "friends", "public"]>;
+    type: import("zod").ZodEffects<import("zod").ZodObject<{
+        id: import("zod").ZodString;
+    }, "strip", import("zod").ZodTypeAny, {
+        id: string;
+    }, {
+        id: string;
+    }>, {
+        connect: {
+            id: string;
+        };
+    }, {
+        id: string;
+    }>;
     tags: import("zod").ZodEffects<import("zod").ZodArray<import("zod").ZodObject<{
         id: import("zod").ZodString;
     }, "strip", import("zod").ZodTypeAny, {
@@ -29,11 +48,30 @@ export declare const modelPostUpdate: {
     }[]>>, {
         id: string;
     }[]>;
+    title: import("zod").ZodString;
     content: import("zod").ZodString;
-    aString: import("zod").ZodString;
-    aBoolean: import("zod").ZodBoolean;
-    aDate: import("zod").ZodDate;
-    aNumber: import("zod").ZodNumber;
+    isFavourite: import("zod").ZodBoolean;
+    likeCount: import("zod").ZodNumber;
+    writingAt: import("zod").ZodDate;
+    writingDuration: import("zod").ZodDate;
+    isInteressing: import("zod").ZodOptional<import("zod").ZodBoolean>;
+    viewCounter: import("zod").ZodOptional<import("zod").ZodNumber>;
+    publishedAt: import("zod").ZodOptional<import("zod").ZodDate>;
+    publishedAtTime: import("zod").ZodOptional<import("zod").ZodDate>;
+    publication: import("zod").ZodEnum<["private", "friends", "public"]>;
+    type: import("zod").ZodEffects<import("zod").ZodObject<{
+        id: import("zod").ZodString;
+    }, "strip", import("zod").ZodTypeAny, {
+        id: string;
+    }, {
+        id: string;
+    }>, {
+        connect: {
+            id: string;
+        };
+    }, {
+        id: string;
+    }>;
 };
 export declare const modelTag: {
     name: import("zod").ZodString;

package/dist/private/model.js

@@ -1,10 +1,18 @@
-import { z } from '../validation/zod.js';
+import { toTuple, z } from '../validation/zod.js';
+import { POST_PUBLICATION } from './constant.js';
 export const modelPost = {
+    title: z.string().min(1, 'Required'),
     content: z.string().min(10),
-    aString: z.string(),
-    aBoolean: z.boolean(),
-    aDate: z.date(),
-    aNumber: z.number(),
+    isFavourite: z.boolean(),
+    likeCount: z.number(),
+    writingAt: z.date(),
+    writingDuration: z.date(),
+    isInteressing: z.boolean().optional(),
+    viewCounter: z.number().optional(),
+    publishedAt: z.date().optional(),
+    publishedAtTime: z.date().optional(),
+    publication: z.enum(toTuple(POST_PUBLICATION)),
+    type: z.relation.connect,
     tags: z.relations.connect
 };
 export const modelPostUpdate = {
@@ -13,5 +21,5 @@ export const modelPostUpdate = {
     tags: z.relations.set
 };
 export const modelTag = {
-    name: z.string().min(2)
+    name: z.string().min(1, 'Required')
 };

package/dist/server/parseFormData.js

@@ -1,4 +1,4 @@
-import { USE_JSON_PARSER } from '../utils/constant.js';
+import { USE_COERCE_BOOLEAN, USE_COERCE_DATE, USE_COERCE_JSON, USE_COERCE_NUMBER } from '../utils/constant.js';
 import { jsonParse } from '../utils/jsonParse.js';
 import z from 'zod';
 export async function parseFormData(requestOrFormData, shapes, validation) {
@@ -7,7 +7,8 @@ export async function parseFormData(requestOrFormData, shapes, validation) {
     const shema = z.object(firstShap).superRefine(validation || (() => { }));
     unionShaps.forEach((shap) => shema.or(z.object(shap)));
     const formDataFlateObject = Object.fromEntries(formData);
-    const formDataObject = flateToNeestedObject(formDataFlateObject);
+    const formDataFlateObjectCoerced = coerceFlateData(formDataFlateObject);
+    const formDataObject = flateToNeestedObject(formDataFlateObjectCoerced);
     const parsed = shema.safeParse(formDataObject);
     if (parsed.success === false) {
         const issueToPOJO = (issue) => ({
@@ -23,14 +24,27 @@ export async function parseFormData(requestOrFormData, shapes, validation) {
     }
     return { data: parsed.data, formData };
 }
+function coerceFlateData(flateData) {
+    const coerceMap = {
+        [USE_COERCE_JSON]: (value) => jsonParse(value, {}),
+        [USE_COERCE_DATE]: (value) => (value ? new Date(value) : undefined),
+        [USE_COERCE_NUMBER]: (value) => (value === '' || value === null ? null : +value),
+        [USE_COERCE_BOOLEAN]: (value) => value === 'true'
+    };
+    function coerceValue(value) {
+        if (typeof value !== 'string')
+            return value;
+        const coerce = Object.entries(coerceMap).find(([TOKEN]) => value.startsWith(TOKEN));
+        if (!coerce)
+            return value;
+        return coerce[1](value.replace(coerce[0], ''));
+    }
+    return Object.entries(flateData).reduce((acc, [key, value]) => ({ ...acc, [key]: coerceValue(value) }), {});
+}
 function flateToNeestedObject(flatObject) {
     const obj = {};
     Object.entries(flatObject).forEach(([key, value]) => {
-        const useJsonParse = typeof value === 'string' && value.startsWith(USE_JSON_PARSER);
-        const _value = useJsonParse ? jsonParse(value.replace(USE_JSON_PARSER, ''), null) : value;
-        if (useJsonParse)
-            console.log({ value, _value });
-        set(obj, key, _value);
+        set(obj, key, value);
     });
     return obj;
 }

package/dist/server/try.js

@@ -20,7 +20,6 @@ redirectTo) {
         }
         // Handle parseFormData error
         if ('issues' in error) {
-            console.log(error.issues);
             return fail(400, { issues: error.issues });
         }
         const { message } = error;

package/dist/ui/form/Form.svelte

@@ -2,7 +2,11 @@
 
 <script
 
-	generics="Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>"
+	generics="
+		Shape extends z.ZodRawShape,
+		ReturnData extends Record<string, unknown> = FormDataInput<Shape>,
+		Data extends FormDataInput<Shape> = FormDataInput<Shape>
+	"
 >import { createEventDispatcher, onMount } from "svelte";
 import { fade } from "svelte/transition";
 import { page } from "$app/stores";

package/dist/ui/form/Form.svelte.d.ts

@@ -3,7 +3,7 @@ import type { z } from 'zod';
 import type { FormDataInput } from './form.js';
 import { type FormField, type FormSectionProps, type Nullable } from './form.js';
 import { type UseFormOptions } from '../../validation/form.js';
-declare class __sveltets_Render<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> {
+declare class __sveltets_Render<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> {
     props(): {
         class?: string | undefined;
         classSection?: string | undefined;
@@ -15,7 +15,7 @@ declare class __sveltets_Render<Shape extends z.ZodRawShape, Data extends FormDa
         actionCreate?: string | undefined;
         actionDelete?: string | undefined;
         actionUpdate?: string | undefined;
-        options?: UseFormOptions<Data> | undefined;
+        options?: UseFormOptions<ReturnData> | undefined;
         data?: Nullable<Data> | undefined;
         set?: (<K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void) | undefined;
         update?: ((updater: (currentData: Nullable<Data>) => Nullable<Data>) => void) | undefined;
@@ -23,10 +23,10 @@ declare class __sveltets_Render<Shape extends z.ZodRawShape, Data extends FormDa
     events(): {
         success: CustomEvent<{
             action: URL;
-            data?: Data | undefined;
+            data?: ReturnData | undefined;
         }>;
-        created: CustomEvent<Data>;
-        updated: CustomEvent<Data>;
+        created: CustomEvent<ReturnData>;
+        updated: CustomEvent<ReturnData>;
         deleted: CustomEvent<void>;
     } & {
         [evt: string]: CustomEvent<any>;
@@ -35,10 +35,10 @@ declare class __sveltets_Render<Shape extends z.ZodRawShape, Data extends FormDa
         default: {};
     };
 }
-export type FormProps<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, Data>['props']>;
-export type FormEvents<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, Data>['events']>;
-export type FormSlots<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, Data>['slots']>;
-export default class Form<Shape extends z.ZodRawShape, Data extends FormDataInput<Shape> = FormDataInput<Shape>> extends SvelteComponent<FormProps<Shape, Data>, FormEvents<Shape, Data>, FormSlots<Shape, Data>> {
+export type FormProps<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData, Data>['props']>;
+export type FormEvents<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData, Data>['events']>;
+export type FormSlots<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> = ReturnType<__sveltets_Render<Shape, ReturnData, Data>['slots']>;
+export default class Form<Shape extends z.ZodRawShape, ReturnData extends Record<string, unknown> = FormDataInput<Shape>, Data extends FormDataInput<Shape> = FormDataInput<Shape>> extends SvelteComponent<FormProps<Shape, ReturnData, Data>, FormEvents<Shape, ReturnData, Data>, FormSlots<Shape, ReturnData, Data>> {
     get set(): <K extends keyof Shape>(key: K, value: Nullable<Data>[K]) => void;
     get update(): (updater: (currentData: Nullable<Data>) => Nullable<Data>) => void;
 }

package/dist/ui/form/FormInput.svelte.d.ts

@@ -27,6 +27,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                 flatMode?: boolean | undefined;
                 slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
                 slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
                 class?: string | undefined;
                 classList?: string | undefined;
                 clear?: (() => Promise<void>) | undefined;
@@ -45,6 +46,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                 flatMode?: boolean | undefined;
                 slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
                 slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
                 class?: string | undefined;
                 classList?: string | undefined;
                 value?: any[] | null | undefined;
@@ -78,6 +80,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                     flatMode?: boolean | undefined;
                     slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
                     slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                    input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
                     class?: string | undefined;
                     classList?: string | undefined;
                     clear?: (() => Promise<void>) | undefined;
@@ -96,6 +99,7 @@ declare class __sveltets_Render<InputType extends FormInputsType> {
                     flatMode?: boolean | undefined;
                     slotItem?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
                     slotSuggestion?: ((item: any) => string | import("../../index.js").ComponentAndProps) | null | undefined;
+                    input?: import("svelte/elements.js").HTMLInputAttributes | undefined;
                     class?: string | undefined;
                     classList?: string | undefined;
                     value?: any[] | null | undefined;

package/dist/ui/form/formInput.d.ts

@@ -48,6 +48,7 @@ export declare function relationProps<Item extends {
     flatMode?: boolean | undefined;
     slotItem?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
     slotSuggestion?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
+    input?: import("svelte/elements").HTMLInputAttributes | undefined;
     class?: string | undefined;
     classList?: string | undefined;
     clear?: (() => Promise<void>) | undefined;
@@ -66,6 +67,7 @@ export declare function relationsProps<Item extends {
     flatMode?: boolean | undefined;
     slotItem?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
     slotSuggestion?: ((item: Item) => string | import("../..").ComponentAndProps) | null | undefined;
+    input?: import("svelte/elements").HTMLInputAttributes | undefined;
     class?: string | undefined;
     classList?: string | undefined;
     value?: Item[] | null | undefined;

package/dist/ui/input/InputBoolean.svelte

@@ -1,5 +1,6 @@
 <script>import { createEventDispatcher } from "svelte";
 import { FormControl, bindCheckedWithParams } from "./index.js";
+import { USE_COERCE_BOOLEAN } from "../../utils/constant.js";
 export let value = false;
 export let input = {};
 export let inputElement = void 0;
@@ -20,6 +21,7 @@ const dispatch = createEventDispatcher();
 		class="checkbox ml-1"
 		{...input}
 	/>
-
-	<input type="hidden" name={key} value={value ? 'true' : ''} />
+	{#if value !== undefined}
+		<input type="hidden" name={key} value="{USE_COERCE_BOOLEAN}{value}" />
+	{/if}
 </FormControl>

package/dist/ui/input/InputDate.svelte

@@ -1,11 +1,11 @@
 <script>import { createEventDispatcher } from "svelte";
 import dayjs from "dayjs";
 import { FormControl } from "./index.js";
+import { USE_COERCE_DATE } from "../../utils/constant.js";
+export let value = void 0;
+export let input = {};
 $:
-  ({ input, value: _value, ...props } = $$props);
-$:
-  ({ class: inputClass, ...inputProps } = input || {});
-export let value = _value;
+  ({ class: inputClass = "", ...inputProps } = input);
 const dispatch = createEventDispatcher();
 const handleInput = ({ currentTarget }) => {
   value = currentTarget.valueAsDate || null;
@@ -13,16 +13,19 @@ const handleInput = ({ currentTarget }) => {
 };
 </script>
 
-<FormControl {...props} let:key>
+<FormControl {...$$restProps} let:key>
 	<input
 		value={value && dayjs(value).format('YYYY-MM-DD')}
 		on:input={handleInput}
 		on:focus
 		on:blur
 		type="date"
-		name={key}
 		id={key}
-		class="input input-bordered {inputClass || {}}"
+		class="input input-bordered {inputClass}"
 		{...inputProps}
 	/>
+
+	{#if value !== undefined}
+		<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
+	{/if}
 </FormControl>

package/dist/ui/input/InputDate.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
 declare const __propDef: {
-    props: InputProps<Date | null>;
+    props: InputProps<Date | null | undefined>;
     events: {
         focus: FocusEvent;
         blur: FocusEvent;

package/dist/ui/input/InputDatetime.svelte

@@ -1,23 +1,35 @@
-<script>import { FormControl } from "./index.js";
+<script>import { USE_COERCE_DATE } from "../../utils/constant.js";
+import { FormControl } from "./index.js";
+import { createEventDispatcher } from "svelte";
+import dayjs from "dayjs";
+export let value = void 0;
+export let input = {};
 $:
-  ({ input, value: _value, ...props } = $$props);
-$:
-  ({ class: inputClass, ...inputProps } = input || {});
-export let value = _value;
+  ({ class: inputClass = "", ...inputProps } = input);
+const dispatch = createEventDispatcher();
+const handleInput = ({ currentTarget }) => {
+  value = getDateTime(currentTarget.value);
+  dispatch("input", value);
+};
+function getDateTime(v) {
+  if (typeof v !== "string")
+    return null;
+  return new Date(v);
+}
 </script>
 
-<FormControl {...props} let:key>
-	{#if value}
-		<input type="hidden" name={key} value={new Date(value).toJSON()} />
-	{/if}
+<FormControl {...$$restProps} let:key>
 	<input
-		bind:value
-		on:input
+		value={value && dayjs(value).format('YYYY-MM-DDThh:mm')}
+		on:input={handleInput}
 		on:focus
 		on:blur
 		type="datetime-local"
 		id={key}
-		class="input input-bordered {inputClass || {}}"
+		class="input input-bordered {inputClass}"
 		{...inputProps}
 	/>
+	{#if value !== undefined}
+		<input type="hidden" name={key} value="{USE_COERCE_DATE}{value?.toJSON()}" />
+	{/if}
 </FormControl>

package/dist/ui/input/InputDatetime.svelte.d.ts

@@ -1,11 +1,11 @@
 import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
 declare const __propDef: {
-    props: InputProps;
+    props: InputProps<Date | null | undefined>;
     events: {
-        input: Event;
         focus: FocusEvent;
         blur: FocusEvent;
+        input: CustomEvent<Date | null>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/ui/input/InputNumber.svelte

@@ -1,24 +1,25 @@
-<script>import { FormControl } from "./index.js";
-$:
-  ({ input, value: _value, ...props } = $$props);
-$:
-  ({ class: inputClass, ...inputProps } = input || {});
-export let value = _value;
+<script>import { USE_COERCE_NUMBER } from "../../utils/constant.js";
+import { FormControl } from "./index.js";
+export let value = void 0;
+export let input = void 0;
+export let inputElement = void 0;
 </script>
 
-<FormControl {...props} let:key>
+<FormControl {...$$restProps} let:key>
 	<slot name="label_append" slot="label_append" />
 	<input
 		bind:value
-		bind:this={props.inputElement}
+		bind:this={inputElement}
 		on:input
 		on:focus
 		on:blur
 		type="number"
-		name={key}
 		id={key}
 		inputmode="numeric"
-		class="input input-bordered {inputClass || ''}"
-		{...inputProps}
+		class="input input-bordered"
+		{...input}
 	/>
+	{#if value !== undefined}
+		<input type="hidden" name={key} value="{USE_COERCE_NUMBER}{value}" />
+	{/if}
 </FormControl>

package/dist/ui/input/InputNumber.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponent } from "svelte";
 import { type InputProps } from './index.js';
 declare const __propDef: {
-    props: InputProps<string | number>;
+    props: InputProps<number>;
     events: {
         input: Event;
         focus: FocusEvent;

package/dist/ui/input/InputRelation.svelte

@@ -2,7 +2,7 @@
 import debounce from "debounce";
 import { toast } from "svelte-sonner";
 import { mdiClose } from "@mdi/js";
-import { USE_JSON_PARSER } from "../../utils/constant.js";
+import { USE_COERCE_JSON } from "../../utils/constant.js";
 import { Icon } from "../icon/index.js";
 import { Slot } from "../slot/index.js";
 import { DropDown } from "../menu/index.js";
@@ -22,6 +22,7 @@ export let tippyProps = {};
 export let flatMode = false;
 export let slotItem = null;
 export let slotSuggestion = slotItem;
+export let input = void 0;
 let klass = "";
 export { klass as class };
 export let classList = "";
@@ -72,7 +73,6 @@ async function handleBlur() {
 				<div class="input input-bordered flex grow items-center pr-2">
 					<input
 						type="text"
-						name={key}
 						id={key}
 						bind:this={inputElement}
 						bind:value={searchValue}
@@ -82,6 +82,8 @@ async function handleBlur() {
 						autocomplete="off"
 						{placeholder}
 						class="grow"
+						size={8}
+						{...input}
 					/>
 
 					<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
@@ -105,7 +107,7 @@ async function handleBlur() {
 				<input
 					type="hidden"
 					name={key}
-					value="{USE_JSON_PARSER}{JSON.stringify({ id: item.id })}"
+					value="{USE_COERCE_JSON}{JSON.stringify({ id: item.id })}"
 				/>
 			{/if}
 		</FormControl>

package/dist/ui/input/InputRelation.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { TippyProps } from '../../utils/tippy.js';
 import type { ComponentAndProps } from '../../utils/component.js';
 declare class __sveltets_Render<RelationItem extends {
@@ -18,6 +19,7 @@ declare class __sveltets_Render<RelationItem extends {
         flatMode?: boolean | undefined;
         slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
         slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
+        input?: HTMLInputAttributes | undefined;
         class?: string | undefined;
         classList?: string | undefined;
         clear?: (() => Promise<void>) | undefined;

package/dist/ui/input/InputRelations.svelte

@@ -3,7 +3,7 @@ import { slide } from "svelte/transition";
 import { toast } from "svelte-sonner";
 import { mdiClose } from "@mdi/js";
 import debounce from "debounce";
-import { USE_JSON_PARSER } from "../../utils/constant.js";
+import { USE_COERCE_JSON } from "../../utils/constant.js";
 import { Icon } from "../icon/index.js";
 import { Slot } from "../slot/index.js";
 import { FormControl, SelectorList } from "./index.js";
@@ -20,6 +20,7 @@ export let placeholder = "";
 export let flatMode = false;
 export let slotItem = null;
 export let slotSuggestion = slotItem;
+export let input = void 0;
 let klass = "";
 export { klass as class };
 export let classList = "";
@@ -120,6 +121,8 @@ async function handleBlur() {
 							autocomplete="off"
 							{placeholder}
 							class="grow"
+							size={8}
+							{...input}
 						/>
 
 						<RelationAfter {isLoading} {createUrl} {createTitle} {createIcon} />
@@ -131,7 +134,7 @@ async function handleBlur() {
 			<input
 				type="hidden"
 				name={key}
-				value="{USE_JSON_PARSER}{JSON.stringify(items?.map(({ id }) => ({ id })) || [])}"
+				value="{USE_COERCE_JSON}{JSON.stringify(items?.map(({ id }) => ({ id })) || [])}"
 			/>
 		</FormControl>
 	</div>

package/dist/ui/input/InputRelations.svelte.d.ts

@@ -1,4 +1,5 @@
 import { SvelteComponent } from "svelte";
+import type { HTMLInputAttributes } from 'svelte/elements';
 import type { ComponentAndProps } from '../../utils/component.js';
 declare class __sveltets_Render<RelationItem extends {
     id: string;
@@ -15,6 +16,7 @@ declare class __sveltets_Render<RelationItem extends {
         flatMode?: boolean | undefined;
         slotItem?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
         slotSuggestion?: ((item: RelationItem) => string | ComponentAndProps) | null | undefined;
+        input?: HTMLInputAttributes | undefined;
         class?: string | undefined;
         classList?: string | undefined;
         value?: RelationItem[] | null | undefined;

package/dist/ui/input/InputSelect.svelte

@@ -23,6 +23,7 @@ function onSelect(index) {
   focusIndex = index;
   value = _options[index].value;
   dispatch("input", value);
+  dispatch("select", value);
   dropDown.hide();
 }
 </script>
@@ -34,7 +35,7 @@ function onSelect(index) {
 				bind:this={button}
 				id={key}
 				type="button"
-				class="flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2"
+				class="input-bordered flex h-12 items-center gap-2 rounded-lg border pl-4 pr-2 hover:bg-base-200/50"
 			>
 				{#if selectedOption}
 					{#if selectedOption.icon}
@@ -46,7 +47,9 @@ function onSelect(index) {
 				{/if}
 				<Icon class="ml-auto" path={mdiUnfoldMoreHorizontal} size={18} />
 			</button>
-			<input type="hidden" name={key} {value} />
+			{#if value !== undefined}
+				<input type="hidden" name={key} {value} />
+			{/if}
 		</FormControl>
 	</svelte:fragment>
 

package/dist/ui/input/InputSelect.svelte.d.ts

@@ -10,6 +10,7 @@ declare const __propDef: {
     };
     events: {
         input: CustomEvent<string>;
+        select: CustomEvent<string>;
     } & {
         [evt: string]: CustomEvent<any>;
     };

package/dist/ui/input/textRich/extensions.js

@@ -27,7 +27,7 @@ export const extensions = [
         alignments: ['left', 'center', 'right']
     }),
     Placeholder.configure({
-        placeholder: 'Rédige ta page ici ...'
+        placeholder: 'Write here ...'
     }),
     Indent,
     Image.configure({

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

@@ -33,7 +33,7 @@ function handleReset() {
   goto($urlParam.without(field.key, "skip", "take"), { noScroll: true, keepFocus: true });
 }
 function isDefined(v) {
-  return v !== void 0 && v !== null;
+  return typeof v === "number";
 }
 $:
   isNegatifRange = isDefined(min) && isDefined(max) && max < min;

package/dist/utils/constant.d.ts

@@ -1 +1,4 @@
-export declare const USE_JSON_PARSER = "USE_JSON_PARSER_nXFVwk03nRbmhFukfyZLuzkEd43LXIKs_";
+export declare const USE_COERCE_JSON = "I_LOVE_YOU_nXFVwk03nRbmhFukfyZLuzkddEd43LXIKs_";
+export declare const USE_COERCE_DATE = "I_LOVE_YOU_TOO_nXFVwk03nRbmhFuskfyZLuzkEd43LXIKs_";
+export declare const USE_COERCE_NUMBER = "HOHO_nXFVwk03nRbmhFukfyZaaLuzkEd43LXIKs_";
+export declare const USE_COERCE_BOOLEAN = "YEP_nXFVwk04nRbmhFukfyZbaLuzkEd43LXIKs_";

package/dist/utils/constant.js

@@ -1 +1,4 @@
-export const USE_JSON_PARSER = 'USE_JSON_PARSER_nXFVwk03nRbmhFukfyZLuzkEd43LXIKs_';
+export const USE_COERCE_JSON = 'I_LOVE_YOU_nXFVwk03nRbmhFukfyZLuzkddEd43LXIKs_';
+export const USE_COERCE_DATE = 'I_LOVE_YOU_TOO_nXFVwk03nRbmhFuskfyZLuzkEd43LXIKs_';
+export const USE_COERCE_NUMBER = 'HOHO_nXFVwk03nRbmhFukfyZaaLuzkEd43LXIKs_';
+export const USE_COERCE_BOOLEAN = 'YEP_nXFVwk04nRbmhFukfyZbaLuzkEd43LXIKs_';

package/dist/utils/options.d.ts

@@ -3,5 +3,6 @@ export type Option = {
     label: string;
     icon?: string;
 };
-export type Options = string | string[] | Option[] | Record<string, string> | Record<string, Omit<Option, 'value'>>;
+export type OptionRecord<Values extends string> = Record<Values, Omit<Option, 'value'>>;
+export type Options = string | string[] | Option[] | Record<string, string> | OptionRecord<string>;
 export declare function parseOptions(options: Options): Option[];

package/dist/validation/zod.d.ts

@@ -1,8 +1,6 @@
 import zod from 'zod';
 declare function json<T extends zod.ZodRawShape>(shap: T): zod.ZodUnion<[zod.ZodObject<T, "strip", zod.ZodTypeAny, { [k_1 in keyof zod.objectUtil.addQuestionMarks<zod.baseObjectOutputType<T>, { [k in keyof zod.baseObjectOutputType<T>]: undefined extends zod.baseObjectOutputType<T>[k] ? never : k; }[keyof T]>]: zod.objectUtil.addQuestionMarks<zod.baseObjectOutputType<T>, { [k_2 in keyof zod.baseObjectOutputType<T>]: undefined extends zod.baseObjectOutputType<T>[k_2] ? never : k_2; }[keyof T]>[k_1]; }, { [k_2_1 in keyof zod.baseObjectInputType<T>]: zod.baseObjectInputType<T>[k_2_1]; }>, zod.ZodPipeline<zod.ZodEffects<zod.ZodString, zod.RefinementCtx, string>, zod.ZodObject<T, "strip", zod.ZodTypeAny, { [k_1 in keyof zod.objectUtil.addQuestionMarks<zod.baseObjectOutputType<T>, { [k in keyof zod.baseObjectOutputType<T>]: undefined extends zod.baseObjectOutputType<T>[k] ? never : k; }[keyof T]>]: zod.objectUtil.addQuestionMarks<zod.baseObjectOutputType<T>, { [k_2 in keyof zod.baseObjectOutputType<T>]: undefined extends zod.baseObjectOutputType<T>[k_2] ? never : k_2; }[keyof T]>[k_1]; }, { [k_2_1 in keyof zod.baseObjectInputType<T>]: zod.baseObjectInputType<T>[k_2_1]; }>>]>;
 declare function array<T extends zod.ZodTypeAny>(shap: T): zod.ZodUnion<[zod.ZodArray<T, "many">, zod.ZodPipeline<zod.ZodEffects<zod.ZodString, zod.RefinementCtx, string>, zod.ZodArray<T, "many">>]>;
-declare function booleanAsString(): zod.ZodEffects<zod.ZodEnum<["true", "false"]>, boolean, "true" | "false">;
-declare function dateOptional(): void;
 type RelationsOperation = 'set' | 'disconnect' | 'delete' | 'connect';
 export declare const z: {
     json: typeof json;
@@ -142,42 +140,8 @@ export declare const z: {
             start?: Date | undefined;
             end?: Date | undefined;
         }>>]>>;
-        boolean: zod.ZodOptional<zod.ZodEffects<zod.ZodEnum<["true", "false"]>, boolean, "true" | "false">>;
+        boolean: zod.ZodOptional<zod.ZodBoolean>;
     };
-    dateOptional: typeof dateOptional;
-    booleanAsString: typeof booleanAsString;
-    date: (params?: ({
-        errorMap?: zod.ZodErrorMap | undefined;
-        invalid_type_error?: string | undefined;
-        required_error?: string | undefined;
-        description?: string | undefined;
-    } & {
-        coerce?: boolean | undefined;
-    }) | undefined) => zod.ZodDate;
-    number: (params?: ({
-        errorMap?: zod.ZodErrorMap | undefined;
-        invalid_type_error?: string | undefined;
-        required_error?: string | undefined;
-        description?: string | undefined;
-    } & {
-        coerce?: boolean | undefined;
-    }) | undefined) => zod.ZodNumber;
-    bigint: (params?: ({
-        errorMap?: zod.ZodErrorMap | undefined;
-        invalid_type_error?: string | undefined;
-        required_error?: string | undefined;
-        description?: string | undefined;
-    } & {
-        coerce?: boolean | undefined;
-    }) | undefined) => zod.ZodBigInt;
-    boolean: (params?: ({
-        errorMap?: zod.ZodErrorMap | undefined;
-        invalid_type_error?: string | undefined;
-        required_error?: string | undefined;
-        description?: string | undefined;
-    } & {
-        coerce?: boolean | undefined;
-    }) | undefined) => zod.ZodBoolean;
     z: typeof zod.z;
     setErrorMap(map: zod.ZodErrorMap): void;
     getErrorMap(): zod.ZodErrorMap;
@@ -316,6 +280,30 @@ export declare const z: {
         }) | undefined) => zod.ZodDate;
     };
     any: (params?: zod.RawCreateParams) => zod.ZodAny;
+    bigint: (params?: ({
+        errorMap?: zod.ZodErrorMap | undefined;
+        invalid_type_error?: string | undefined;
+        required_error?: string | undefined;
+        description?: string | undefined;
+    } & {
+        coerce?: boolean | undefined;
+    }) | undefined) => zod.ZodBigInt;
+    boolean: (params?: ({
+        errorMap?: zod.ZodErrorMap | undefined;
+        invalid_type_error?: string | undefined;
+        required_error?: string | undefined;
+        description?: string | undefined;
+    } & {
+        coerce?: boolean | undefined;
+    }) | undefined) => zod.ZodBoolean;
+    date: (params?: ({
+        errorMap?: zod.ZodErrorMap | undefined;
+        invalid_type_error?: string | undefined;
+        required_error?: string | undefined;
+        description?: string | undefined;
+    } & {
+        coerce?: boolean | undefined;
+    }) | undefined) => zod.ZodDate;
     discriminatedUnion: typeof zod.ZodDiscriminatedUnion.create;
     effect: <I extends zod.ZodTypeAny>(schema: I, effect: zod.Effect<I["_output"]>, params?: zod.RawCreateParams) => zod.ZodEffects<I, I["_output"], zod.input<I>>;
     enum: {
@@ -335,6 +323,14 @@ export declare const z: {
     never: (params?: zod.RawCreateParams) => zod.ZodNever;
     null: (params?: zod.RawCreateParams) => zod.ZodNull;
     nullable: <T_26 extends zod.ZodTypeAny>(type: T_26, params?: zod.RawCreateParams) => zod.ZodNullable<T_26>;
+    number: (params?: ({
+        errorMap?: zod.ZodErrorMap | undefined;
+        invalid_type_error?: string | undefined;
+        required_error?: string | undefined;
+        description?: string | undefined;
+    } & {
+        coerce?: boolean | undefined;
+    }) | undefined) => zod.ZodNumber;
     object: <T_27 extends zod.ZodRawShape>(shape: T_27, params?: zod.RawCreateParams) => zod.ZodObject<T_27, "strip", zod.ZodTypeAny, { [k_1_12 in keyof zod.objectUtil.addQuestionMarks<zod.baseObjectOutputType<T_27>, { [k_25 in keyof zod.baseObjectOutputType<T_27>]: undefined extends zod.baseObjectOutputType<T_27>[k_25] ? never : k_25; }[keyof T_27]>]: zod.objectUtil.addQuestionMarks<zod.baseObjectOutputType<T_27>, { [k_26 in keyof zod.baseObjectOutputType<T_27>]: undefined extends zod.baseObjectOutputType<T_27>[k_26] ? never : k_26; }[keyof T_27]>[k_1_12]; }, { [k_2_13 in keyof zod.baseObjectInputType<T_27>]: zod.baseObjectInputType<T_27>[k_2_13]; }>;
     oboolean: () => zod.ZodOptional<zod.ZodBoolean>;
     onumber: () => zod.ZodOptional<zod.ZodNumber>;

package/dist/validation/zod.js

@@ -6,18 +6,6 @@ function json(shap) {
 function array(shap) {
     return zod.union([zod.array(shap), zod.string().transform(jsonParse).pipe(zod.array(shap))]);
 }
-function booleanAsString() {
-    return zod.enum(['true', 'false']).transform((value) => value === 'true');
-}
-function dateOptional() {
-    zod.union([
-        zod.date(),
-        zod
-            .string()
-            .optional()
-            .transform((v) => (v ? new Date(v) : v === '' ? null : undefined))
-    ]);
-}
 const relation = {
     connect: zod.object({ id: zod.string() }).transform((item) => ({ connect: item })),
     create(shap) {
@@ -70,15 +58,15 @@ const relations = {
 };
 const filter = {
     number: json({
-        min: zod.coerce.number().optional(),
-        max: zod.coerce.number().optional()
+        min: zod.number().optional(),
+        max: zod.number().optional()
     }).optional(),
     multiselect: array(zod.string()).optional(),
     range: json({
-        start: zod.coerce.date().optional(),
-        end: zod.coerce.date().optional()
+        start: zod.date().optional(),
+        end: zod.date().optional()
     }).optional(),
-    boolean: booleanAsString().optional()
+    boolean: zod.boolean().optional()
 };
 export const z = {
     ...zod,
@@ -87,12 +75,6 @@ export const z = {
     arrayRaw: zod.array, // TODO: remove
     relation,
     relations,
-    filter,
-    dateOptional,
-    booleanAsString, // TODO: rename stringAsBoolean
-    date: zod.coerce.date,
-    number: zod.coerce.number,
-    bigint: zod.coerce.bigint,
-    boolean: zod.coerce.boolean
+    filter
 };
 export const toTuple = Object.keys;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuma",
-  "version": "0.3.0",
+  "version": "0.3.4",
   "description": "My fullstack material build with sveltekit, daisyui, zod, prisma, lucia",
   "author": {
     "name": "Jonas Voisard",
@@ -9,6 +9,9 @@
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
+  "prisma": {
+    "seed": "node --loader ts-node/esm prisma/seed.ts"
+  },
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -114,6 +117,7 @@
     "svelte-easy-crop": "^2.0.3",
     "svelte-sonner": "^0.3.22",
     "tippy.js": "^6.3.7",
+    "ts-node": "^10.9.2",
     "zod": "^3.22.4"
   },
   "scripts": {
@@ -128,6 +132,7 @@
     "format": "prettier --write .",
     "migrate": "prisma migrate dev",
     "generate": "prisma generate",
-    "studio": "prisma studio"
+    "studio": "prisma studio",
+    "seed": "prisma db seed"
   }
 }