firstly 0.0.16-next.2 → 0.1.0-next.3

package/esm/ui/GridPaginate.svelte

@@ -34,7 +34,7 @@
 			<Loading class="mx-2 h-4 w-1/2"></Loading>
 			<Loading class="mx-2 h-3 w-1/6"></Loading>
 		{:else if !needPaginate}
-			<span class="text-primary justify-end px-2 font-bold">
+			<span class="justify-end px-2 font-bold text-primary">
 				{totalCount}
 			</span>
 		{:else}
@@ -48,7 +48,7 @@
 				</button>
 				{#if isValidValue}
 					<button aria-label="current" class="btn join-item px-0">
-						<span class="text-primary font-bold">{totalCount}</span>
+						<span class="font-bold text-primary">{totalCount}</span>
 						<span class="text-[0.55rem] italic"
 							>({pageDisplayed} / {Math.ceil((totalCount ?? 0) / pageSize)})</span
 						>

package/esm/ui/GridPaginate2.svelte

@@ -17,7 +17,7 @@
 			<Loading class="mx-2 h-4 w-1/2"></Loading>
 			<Loading class="mx-2 h-3 w-1/6"></Loading>
 		{:else}
-			<span class="text-primary justify-end px-2 font-bold">
+			<span class="justify-end px-2 font-bold text-primary">
 				{totalCount}
 			</span>
 		{/if}

package/esm/ui/Loading.svelte

@@ -8,7 +8,7 @@
 <!-- To fix one capa & cadb are on the same css -->
 <div
 	class={tw(
-		'skeleton bg-base-content/20 flex h-4 w-full items-center justify-center rounded-lg',
+		'skeleton flex h-4 w-full items-center justify-center rounded-lg bg-base-content/20',
 		extraClass,
 	)}
 >

package/esm/ui/Tooltip.svelte

@@ -31,7 +31,7 @@
 		{...$content}
 		use:content
 		transition:fade={{ duration: 100 }}
-		class="bg-base-300 z-30 rounded-lg ring-1 ring-black"
+		class="z-30 rounded-lg bg-base-300 ring-1 ring-black"
 	>
 		<div {...$arrow} use:arrow></div>
 		<div class="px-4 py-1">

package/esm/ui/dialog/DialogForm.svelte

@@ -18,8 +18,8 @@
 		}
 	}
 
-	const onCreate = (e: CustomEvent) => {
-		dialog.close(toShow.id, { success: true, item: e.detail })
+	const onCreate = (args: { input: string; id: string }) => {
+		dialog.close(toShow.id, { success: true, item: args.input })
 	}
 
 	let isLoading = false
@@ -61,7 +61,7 @@
 				{cells}
 				{store}
 				mode={toShow.type === 'view' ? 'view' : 'edit'}
-				on:createRequest={onCreate}
+				createRequest={onCreate}
 			/>
 		</div>
 

package/esm/ui/dialog/DialogManagement.svelte

@@ -71,10 +71,10 @@
 				<p>Hey 🫵 developer, you are missing a few things 🤡!</p>
 				<p>Or use use one of the custom built in dialog like</p>
 
-				<pre class="bg-base-300 mt-2 p-2 text-xs">await dialog.confirmDelete('The Car')</pre>
+				<pre class="mt-2 bg-base-300 p-2 text-xs">await dialog.confirmDelete('The Car')</pre>
 
 				<p>Or pass you own component</p>
-				<pre class="bg-base-300 mt-2 p-2 text-xs">{`await dialog.show({
+				<pre class="mt-2 bg-base-300 p-2 text-xs">{`await dialog.show({
   detail: { caption: 'Interlocuteur' },
   component: CreateCarForm,
   props: { isEdit: false },

package/esm/ui/dialog/DialogPrimitive.svelte

@@ -41,12 +41,12 @@
 		<div
 			{...$overlay}
 			use:$overlay.action
-			class="bg-base-300/80 fixed inset-0 z-40 blur-sm"
+			class="fixed inset-0 z-40 bg-base-300/80 blur-sm"
 			transition:fade={{ duration: 150 }}
 		></div>
 		<div
 			class={tw(
-				`border-base-content/60 bg-base-100 relative z-40 max-h-[90vh] overflow-auto rounded-xl border p-6 shadow-lg`,
+				`relative z-40 max-h-[90vh] overflow-auto rounded-xl border border-base-content/60 bg-base-100 p-6 shadow-lg`,
 				classes.root,
 			)}
 			transition:flyAndScale={{

package/esm/ui/dialog/FormEditAction.svelte

@@ -36,7 +36,7 @@
 
 			<div>
 				{#if $store.globalError}
-					<span class="text-error text-xs">{$store.globalError}</span>
+					<span class="text-xs text-error">{$store.globalError}</span>
 				{/if}
 			</div>
 		</div>
@@ -50,7 +50,7 @@
 	{#if type === 'insert'}
 		<div>
 			{#if $store.globalError}
-				<span class="text-error text-xs">{$store.globalError}</span>
+				<span class="text-xs text-error">{$store.globalError}</span>
 			{/if}
 		</div>
 

package/esm/ui/internals/FieldContainer.svelte

@@ -15,11 +15,11 @@
 
 <div class="form-control w-full">
 	<label for={forId} class={tw(`label flex gap-1 px-2 pb-1`, classes.label)}>
-		<span class="label-text text-base-content/60 pl-2 text-xs">
+		<span class="label-text pl-2 text-xs text-base-content/60">
 			{label}{required ? ' *' : ''}
 		</span>
 		{#if error}
-			<span class="label-text-alt text-error truncate">{error}</span>
+			<span class="label-text-alt truncate text-error">{error}</span>
 		{/if}
 	</label>
 	<div class={tw('grid h-12 w-full', classes.slot)}>

package/esm/ui/internals/Textarea.svelte

@@ -49,8 +49,8 @@
 	<textarea
 		use:focusNow
 		{...$$restProps}
-		class="textarea textarea-bordered
-			shadow-neutral-focus md:rounded-xls flex h-max min-h-8
+		class="shadow-neutral-focus md:rounded-xls
+			textarea textarea-bordered flex h-max min-h-8
 			w-full items-center rounded-lg bg-transparent text-xs
 			shadow-sm md:text-sm lg:min-h-[2.5rem]
 			{scrollbar.thin}"

package/esm/ui/internals/select/MultiSelectMelt.svelte

@@ -205,21 +205,21 @@
 
 {#if $open}
 	<ul
-		class="border-base-content/20 z-50 flex max-h-[300px] flex-col overflow-hidden rounded-lg border"
+		class="z-50 flex max-h-[300px] flex-col overflow-hidden rounded-lg border border-base-content/20"
 		{...$menu}
 		use:$menu.action
 		transition:fly={{ duration: 150, y: -5 }}
 	>
 		<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
-		<div class="bg-base-100 flex max-h-full flex-col gap-0 overflow-y-auto py-2" tabindex="0">
+		<div class="flex max-h-full flex-col gap-0 overflow-y-auto bg-base-100 py-2" tabindex="0">
 			{#each filteredItems as item, index (index)}
 				<li
 					{...$option(toOption(item))}
 					use:$option.action
-					class="data-[highlighted]:bg-primary data-[highlighted]:text-primary-content relative flex cursor-pointer scroll-my-2 items-center
-          rounded-md
-          px-1
+					class="relative flex cursor-pointer scroll-my-2 items-center rounded-md px-1
           py-2
+          data-[highlighted]:bg-primary
+          data-[highlighted]:text-primary-content
 					data-[disabled]:opacity-50"
 				>
 					{#if isChecked($localSelected, item)}
@@ -245,7 +245,7 @@
 			{/each}
 		</div>
 		{#if totalCount}
-			<div class="bg-base-300 z-50 text-center text-xs">
+			<div class="z-50 bg-base-300 text-center text-xs">
 				{#if items.length < totalCount}
 					({items.length} / {totalCount})
 				{:else}

package/esm/ui/internals/select/SelectMelt.svelte

@@ -5,6 +5,7 @@
 
 	import {
 		Button,
+		LibIcon_Add,
 		LibIcon_Check,
 		LibIcon_Cross,
 		LibIcon_Search,
@@ -36,6 +37,7 @@
 	export let clearable = false
 	export let createOptionWhenNoResult = false
 	export let default_select_if_one_item = false
+	export let createRequest: ((args: { input: string; id: string }) => void) | undefined = undefined
 
 	const dispatch = createEventDispatcher()
 
@@ -47,11 +49,6 @@
 		dispatch('issue', msg)
 	}
 
-	function dispatchCreateRequest(e: any, input: string) {
-		e.preventDefault()
-		dispatch('createRequest', input)
-	}
-
 	let lastSearch: string | undefined = undefined
 	const localLoadOptions = async (str: string) => {
 		if (str === lastSearch) {
@@ -205,21 +202,21 @@
 
 {#if $open}
 	<ul
-		class="border-base-content/20 z-50 flex max-h-[300px] flex-col overflow-hidden rounded-lg border"
+		class="z-50 flex max-h-[300px] flex-col overflow-hidden rounded-lg border border-base-content/20"
 		{...$menu}
 		use:$menu.action
 		transition:fly={{ duration: 150, y: -5 }}
 	>
 		<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
-		<div class="bg-base-100 flex max-h-full flex-col gap-0 overflow-y-auto py-2" tabindex="0">
+		<div class="flex max-h-full flex-col gap-0 overflow-y-auto bg-base-100 py-2" tabindex="0">
 			{#each filteredItems as item, index (index)}
 				<li
 					{...$option(toOption(item))}
 					use:$option.action
-					class="data-[highlighted]:bg-primary data-[highlighted]:text-primary-content relative flex cursor-pointer scroll-my-2 items-center
-          rounded-md
-          px-1
+					class="relative flex cursor-pointer scroll-my-2 items-center rounded-md px-1
           py-2
+          data-[highlighted]:bg-primary
+          data-[highlighted]:text-primary-content
 					data-[disabled]:opacity-50"
 				>
 					{#if $localSelected?.value?.id === item.id}
@@ -245,10 +242,27 @@
 					<div class="p-4">
 						<Button
 							class="w-full"
-							on:click={(e) => {
-								dispatchCreateRequest(e, $inputValue)
-							}}>Créer "{$inputValue}"</Button
+							on:click={async () => {
+								await createRequest?.({ input: $inputValue, id })
+								// const newValue = await createRequest?.({ input: $inputValue, id })
+								// if (newValue) {
+								// 	items.push(newValue)
+								// 	filteredItems.push(newValue)
+								// 	sync.selected(toOption(newValue))
+								// 	$open = false
+								// }
+								$open = false
+							}}
 						>
+							<div class="flex items-center gap-2">
+								<Icon data={LibIcon_Add}></Icon>
+								{#if $inputValue}
+									Créer "{$inputValue}"
+								{:else}
+									Créer
+								{/if}
+							</div>
+						</Button>
 					</div>
 				{:else}
 					<li class="relative cursor-pointer rounded-md py-1 pl-8 pr-4">Aucun résultat</li>
@@ -256,7 +270,7 @@
 			{/each}
 		</div>
 		{#if totalCount}
-			<div class="bg-base-300 z-50 text-center text-xs">
+			<div class="z-50 bg-base-300 text-center text-xs">
 				{#if items.length < totalCount}
 					({items.length} / {totalCount})
 				{:else}

package/esm/ui/internals/select/SelectMelt.svelte.d.ts

@@ -26,10 +26,13 @@ declare const SelectMelt: $$__sveltets_2_IsomorphicComponent<{
     clearable?: boolean;
     createOptionWhenNoResult?: boolean;
     default_select_if_one_item?: boolean;
+    createRequest?: ((args: {
+        input: string;
+        id: string;
+    }) => void) | undefined;
 }, {
     selected: CustomEvent<any>;
     issue: CustomEvent<any>;
-    createRequest: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, string>;

package/esm/ui/link/LinkPlus.svelte

@@ -39,7 +39,7 @@
 					<div>
 						<Link href={item.href}>{item.caption}</Link>
 						{#if item.captionSub && captionSubStyle === 'inline'}
-							<span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
+							<span class="text-xs italic text-base-content/70">{item.captionSub}</span>
 						{/if}
 					</div>
 				{:else}
@@ -51,7 +51,7 @@
 					</span>
 				{/if}
 				{#if item.captionSub && captionSubStyle === 'under'}
-					<span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
+					<span class="text-xs italic text-base-content/70">{item.captionSub}</span>
 				{/if}
 			</div>
 		{/if}

package/esm/vite/index.js

@@ -1,58 +1,56 @@
 import {} from 'vite';
 import { kitRoutes } from 'vite-plugin-kit-routes';
 import { stripper } from 'vite-plugin-stripper';
-// const toRemove = ['async_hooks', 'join', 'fs', 'path']
 export function firstly(options) {
-    // @ts-ignore
-    return [
-        // {
-        // 	name: 'vite-plugin-firstly',
-        // 	enforce: 'pre',
-        // 	config: async (a) => {
-        // 		return mergeConfig(a, {
-        // 			build: {
-        // 				// THE ERROR:
-        // 				// RollupError: Unexpected character '�' or Unexpected character '\u{7f}'
-        // 				// This code (A) is to fix in `build` mode
-        // 				rollupOptions: {
-        // 					external: toRemove,
-        // 				},
-        // 			},
-        // 			// This code (B) is to fix in `dev` mode
-        // 			optimizeDeps: {
-        // 				exclude: toRemove,
-        // 			},
-        // 		})
-        // 	},
-        // },
-        // @ts-ignore
-        ...kitRoutes({
-            ...(options?.kitRoutes ?? {}),
-            ...{
-                format_page_route_id: true,
-                logs: {
-                    post_update_run: false,
-                    update: false,
-                    ...options?.kitRoutes?.logs,
-                },
+    const p = [];
+    // const toRemove = ['terser']
+    // const toRemove: string[] = []
+    // p.push({
+    // 	name: 'vite-plugin-firstly',
+    // 	enforce: 'pre',
+    // 	config: async (a) => {
+    // 		return mergeConfig(a, {
+    // 			build: {
+    // 				// THE ERROR:
+    // 				// RollupError: Unexpected character '�' or Unexpected character '\u{7f}'
+    // 				// This code (A) is to fix in `build` mode
+    // 				rollupOptions: {
+    // 					external: toRemove,
+    // 				},
+    // 			},
+    // 			// This code (B) is to fix in `dev` mode
+    // 			optimizeDeps: {
+    // 				exclude: toRemove,
+    // 			},
+    // 		})
+    // 	},
+    // })
+    p.push(kitRoutes({
+        ...(options?.kitRoutes ?? {}),
+        ...{
+            format_page_route_id: true,
+            logs: {
+                post_update_run: false,
+                update: false,
+                ...options?.kitRoutes?.logs,
             },
-        }),
-        // @ts-ignore
-        ...stripper({
-            strip: options?.stripper?.strip ?? [
-                { decorator: 'BackendMethod' },
-                {
-                    decorator: 'Entity',
-                    args_1: [
-                        { fn: 'backendPrefilter' },
-                        { fn: 'backendPreprocessFilter' },
-                        { fn: 'sqlExpression' },
-                        { fn: 'saved', excludeEntityKeys: ['users'] },
-                    ],
-                },
-            ],
-            debug: options?.stripper?.debug ?? false,
-            nullify: options?.stripper?.nullify ?? ['$env/static/private', '$env/dynamic/private'],
-        }),
-    ];
+        },
+    }));
+    p.push(stripper({
+        strip: options?.stripper?.strip ?? [
+            { decorator: 'BackendMethod' },
+            {
+                decorator: 'Entity',
+                args_1: [
+                    { fn: 'backendPrefilter' },
+                    { fn: 'backendPreprocessFilter' },
+                    { fn: 'sqlExpression' },
+                    { fn: 'saved', excludeEntityKeys: ['users'] },
+                ],
+            },
+        ],
+        debug: options?.stripper?.debug ?? false,
+        nullify: options?.stripper?.nullify ?? ['$env/static/private', '$env/dynamic/private'],
+    }));
+    return p;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "firstly",
-  "version": "0.0.16-next.2",
+  "version": "0.1.0-next.3",
   "type": "module",
   "description": "Firstly, an opinionated Remult setup!",
   "funding": "https://github.com/sponsors/jycouet",
@@ -16,20 +16,23 @@
   },
   "peerDependencies": {
     "@sveltejs/kit": ">=1.0.0 <3.0.0",
-    "remult": ">=2.7.32",
+    "remult": "3.0.6",
     "svelte": ">=5"
   },
   "peerDependenciesMeta": {
     "@sveltejs/kit": {
       "optional": true
     },
+    "remult": {
+      "optional": true
+    },
     "svelte": {
       "optional": true
     }
   },
   "dependencies": {
-    "@clack/prompts": "0.10.0",
-    "@kitql/internals": "0.10.4",
+    "@clack/prompts": "0.11.0",
+    "@kitql/internals": "0.10.5",
     "@layerstack/svelte-actions": "1.0.0",
     "@layerstack/utils": "1.0.0",
     "@mdi/js": "7.4.47",
@@ -37,20 +40,20 @@
     "@oslojs/crypto": "1.0.1",
     "@oslojs/encoding": "1.1.0",
     "@oslojs/otp": "1.1.0",
-    "@types/nodemailer": "6.4.14",
-    "arctic": "3.6.0",
+    "@types/nodemailer": "6.4.17",
+    "arctic": "3.7.0",
     "bcryptjs": "3.0.2",
     "clsx": "2.1.1",
-    "cron": "4.1.0",
+    "cron": "4.3.0",
     "daisyui": "4.12.14",
     "esm-env": "1.2.2",
-    "nodemailer": "6.10.0",
-    "svelty-email": "0.0.11",
+    "mjml": "4.15.3",
+    "nodemailer": "7.0.4",
+    "sailkit": "0.3.0",
     "tailwind-merge": "2.6.0",
     "tailwindcss": "3.4.4",
-    "vite": "6.2.2",
-    "vite-plugin-kit-routes": "0.8.4",
-    "vite-plugin-stripper": "0.9.0"
+    "vite-plugin-kit-routes": "1.0.2",
+    "vite-plugin-stripper": "0.9.2"
   },
   "sideEffects": false,
   "bin": "./esm/bin/cmd.js",

package/esm/auth/static/assets/Page-BorYIfy9.js

@@ -1 +0,0 @@
-import{D as r,E as m,am as l,S as o,T as d,U as n,V as p,W as u,Y as i}from"./index-Borxa2ns.js";p();a[u]="src/lib/modules/admin/Page.svelte";function a(e,s){r(new.target),m(s,!1,a);var t=l("Hello from admin");return o(e,t),d({...n()})}i(a);export{a as default};