firstly 0.0.2 → 0.0.4

package/esm/bin/cmd.js

@@ -3,6 +3,8 @@ import { bold, cyan, gray, green, italic, Log } from '@kitql/helpers';
 import { read, write } from '@kitql/internals';
 // Need this trick to be be replaced by the real lib alias here ;)
 const libAlias = '$' + 'lib';
+const pkgFirstly = JSON.parse(read('./node_modules/firstly/package.json') ?? '{}');
+const versionFirstly = pkgFirstly?.peerDependencies?.['remult'] ?? 'latest';
 const pkg = JSON.parse(read('./package.json') ?? '{}');
 const version = pkg.devDependencies?.['firstly'] ?? pkg.dependencies?.['firstly'] ?? '???';
 console.info('');
@@ -29,13 +31,21 @@ const res = (await p.multiselect({
     message: 'You can generate different things here',
     options,
 }));
-pkg.devDependencies = {
-    '@kitql/eslint-config': '0.3.2',
+const devDependenciesPrepare = {
+    '@kitql/eslint-config': '0.3.6',
     '@kitql/helpers': '0.8.9',
-    remult: '0.26.14',
-    pg: '8.11.3',
+    remult: versionFirstly,
+    pg: '8.12.0',
     ...pkg.devDependencies,
 };
+// sort by name
+const devDependenciesSorted = Object.keys(devDependenciesPrepare)
+    .sort()
+    .reduce((acc, key) => {
+    acc[key] = devDependenciesPrepare[key];
+    return acc;
+}, {});
+pkg.devDependencies = devDependenciesSorted;
 pkg.scripts = {
     ...pkg.scripts,
     '//// ---- BEST PRACTICES ---- ////': '',
@@ -144,7 +154,7 @@ export const api = firstly({
           // 2/ uncomment imports & github() call below
           // 3/ under a button click call something like this:
           //      async function oauth() {
-          //        window.location.href = await AuthController.signInOAuthGetUrl({ provider: 'github', redirect: window.location.pathname })
+          //        window.location.href = await Auth.signInOAuthGetUrl({ provider: 'github', redirect: window.location.pathname })
           //      }
           // github( { GITHUB_CLIENT_ID, GITHUB_CLIENT_SECRET } )
         ],
@@ -201,7 +211,7 @@ export const load = (async () => {
         `<script lang="ts">
   import { remult } from 'remult'
   import { isError } from 'firstly'
-  import { AuthController } from 'firstly/auth'
+  import { Auth } from 'firstly/auth/client'
 
   import { invalidateAll } from '$app/navigation'
 
@@ -211,7 +221,7 @@ export const load = (async () => {
 
   const login = async (identif: string) => {
     try {
-      await AuthController.signInDemo(identif)
+      await Auth.signInDemo(identif)
       invalidateAll()
     } catch (error) {
       if (isError(error)) {
@@ -222,7 +232,7 @@ export const load = (async () => {
 
   const logout = async () => {
     try {
-      await AuthController.signOut()
+      await Auth.signOut()
       invalidateAll()
     } catch (error) {
       if (isError(error)) {
@@ -253,6 +263,7 @@ export const load = (async () => {
   <button on:click={() => login('Ermin')}>Login as Ermin</button>
   <button on:click={() => login('JYC')}>Login as JYC</button>
   <button on:click={() => login('Noam')}>Login as Noam</button>
+  <a href="/fly/auth/sign-in">Have a look also this integrated Auth UI !</a>
 {/if}
 
 <hr />

package/esm/formats/strings.js

@@ -16,17 +16,6 @@ const formatPhone = (phone) => {
         return '';
     }
     return phone;
-    // TODO: Let's be smart one day... and add a ton of tests!
-    // const replaced = phone.replaceAll(' ', '').replaceAll('.', '')
-    // let formatted: string = replaced
-    // if (replaced.charAt(0) === '+') {
-    // 	return formatted
-    // } else if (replaced.slice(0, 2) === '00') {
-    // 	return `+${formatted.slice(2)}`
-    // } else if (replaced.length > 10) {
-    // 	formatted = replaced.slice(0, 10)
-    // }
-    // return `+33${formatted.slice(1)}`
 };
 export const arrToStr = (arr) => {
     if (!arr)

package/esm/helper.d.ts

@@ -1,5 +1,5 @@
-import { type ErrorInfo, type FieldMetadata, type Repository } from 'remult';
-import { type KitBaseItem } from './index.js';
+import type { ErrorInfo, FieldMetadata, Repository } from 'remult';
+import type { KitBaseItem } from './index.js';
 export declare function isError<T>(object: any): object is ErrorInfo<T>;
 export declare const getFirstInterestingField: <Entity>(repo: Repository<Entity>) => FieldMetadata<any, Entity>;
 export declare const getEntityDisplayValue: <Entity>(repo: Repository<Entity>, row: Entity) => KitBaseItem;

package/esm/helper.js

@@ -1,7 +1,6 @@
-import { dbNamesOf, getEntityRef, } from 'remult';
+import { dbNamesOf, getEntityRef } from 'remult';
 import { getRelationFieldInfo } from 'remult/internals';
 import { suffixWithS } from './formats/strings.js';
-import {} from './index.js';
 export function isError(object) {
     return object;
 }
@@ -87,9 +86,6 @@ export const getFieldMetaType = (field) => {
 };
 export const displayWithDefaultAndSuffix = (field, value) => {
     const toRet = [];
-    // TODO: This method should be reviewed. Specifically, server expression & Field.date have
-    // valueConverter by defualt, so we can't use displayValue if checking for valueConverter
-    // Hummm... JYC: I didn't understand the above comment.
     if (field && field.valueConverter?.displayValue && !field.isServerExpression) {
         toRet.push(field.valueConverter?.displayValue(value) ?? '-');
     }

package/esm/index.d.ts

@@ -1,6 +1,5 @@
-import type { FindOptionsBase, Repository } from 'remult';
-import 'remult';
 import type { RequestEvent } from '@sveltejs/kit';
+import type { FieldMetadata, FindOptionsBase, Repository } from 'remult';
 import { Log } from '@kitql/helpers';
 import type { KitBaseEnum, KitBaseEnumOptions, KitIcon } from './KitBaseEnum.js';
 import type { KitCellsInput as KitCellsInputForExport } from './kitCellsBuildor.js';
@@ -84,6 +83,7 @@ declare module 'remult' {
         createOptionWhenNoResult?: boolean;
         multiSelect?: boolean;
         skipForDefaultField?: boolean;
+        isHidden?: (item: entityType) => boolean;
     }
     interface EntityOptions<entityType> {
         searchableFind?: (str: string) => FindOptionsBase<entityType>;
@@ -101,3 +101,4 @@ declare module 'remult' {
         };
     }
 }
+export declare const isHidden: (fm: FieldMetadata, row: any) => boolean;

package/esm/index.js

@@ -1,4 +1,5 @@
-import 'remult';
+// I'm not sure I can remove this or not ?
+// import 'remult'
 import { Log } from '@kitql/helpers';
 import { kitStoreItem } from './kitStoreItem.js';
 import { kitStoreList } from './kitStoreList.js';
@@ -40,3 +41,9 @@ export { displayPhone, arrToStr } from './formats/strings.js';
 export { displayCurrency } from './formats/numbers.js';
 export { tw } from './utils/tailwind.js';
 export { litOrStr } from './utils/types.js';
+export const isHidden = (fm, row) => {
+    if (fm.options.isHidden) {
+        return fm.options.isHidden(row);
+    }
+    return false;
+};

package/esm/kitCellsBuildor.d.ts

@@ -40,6 +40,6 @@ export declare function kitCellsBuildor<Entity>(repo: Repository<Entity>, inputB
 export declare function kitCellBuildor<Entity>(repo: Repository<Entity>, inputBuildor: UnArray<KitCellsInput<Entity>>): KitCell<Entity>;
 export declare const fieldsOf: <Entity>(b: KitCell<Entity>[]) => FieldMetadata<any, Entity>[];
 export declare const getPlaceholder: <Entity>(fields: FieldMetadata<any, Entity>[]) => string;
-export declare const buildSearchWhere: <Entity>(fields: FieldMetadata<any, Entity>[], search?: string | null) => EntityFilter<Entity>[];
-export declare const buildWhere: <Entity>(defaultWhere: EntityFilter<Entity> | undefined, fields_filter: FieldMetadata<any, Entity>[], fields_search: FieldMetadata<any, Entity>[], obj: Record<string, string>) => EntityFilter<Entity>;
+export declare const buildSearchWhere: <Entity>(entity: Entity | undefined, fields: FieldMetadata<any, Entity>[], search?: string | null) => EntityFilter<Entity>[];
+export declare const buildWhere: <Entity>(entity: Entity | undefined, defaultWhere: EntityFilter<Entity> | undefined, fields_filter: FieldMetadata<any, Entity>[], fields_search: FieldMetadata<any, Entity>[], obj: Record<string, string>) => EntityFilter<Entity>;
 export {};

package/esm/kitCellsBuildor.js

@@ -47,13 +47,23 @@ export const fieldsOf = (b) => {
 export const getPlaceholder = (fields) => {
     return fields.map((c) => c.caption).join(', ');
 };
-export const buildSearchWhere = (fields, search) => {
+export const buildSearchWhere = (entity, fields, search) => {
     if (!search) {
         return [];
     }
     const f = [
         {
             $or: fields.map((f) => {
+                if (f.isServerExpression) {
+                    // check if this field has a specific filter function
+                    const fnName = f.key + 'Filter';
+                    // @ts-ignore
+                    if (entity && entity[fnName]) {
+                        // @ts-ignore
+                        return entity[fnName](search);
+                    }
+                    return {};
+                }
                 if (f.inputType === 'number') {
                     return { [f.key]: search };
                 }
@@ -66,18 +76,18 @@ export const buildSearchWhere = (fields, search) => {
     ];
     return f;
 };
-export const buildWhere = (defaultWhere, fields_filter, fields_search, obj) => {
+export const buildWhere = (entity, defaultWhere, fields_filter, fields_search, obj) => {
     const and = [];
     if (defaultWhere) {
         and.push(defaultWhere);
     }
     if (obj.search) {
-        and.push(...buildSearchWhere(fields_search, obj.search));
+        and.push(...buildSearchWhere(entity, fields_search, obj.search));
     }
     for (const field of fields_filter) {
-        const rfi = getRelationFieldInfo(field);
         // if there is a value
         if (obj[field.key]) {
+            const rfi = getRelationFieldInfo(field);
             if (field.inputType === 'checkbox') {
                 // @ts-ignore
                 and.push({ [field.key]: obj[field.key] });
@@ -91,8 +101,8 @@ export const buildWhere = (defaultWhere, fields_filter, fields_search, obj) => {
                 // @ts-ignore
                 and.push({ [field.key]: wheretoUse });
             }
-            else if (rfi.type === 'toOne') {
-                // @ts-ignore (stting the id of the relation)
+            else if (rfi?.type === 'toOne') {
+                // @ts-ignore (setting the id of the relation)
                 and.push({ [field.key]: obj[field.key] });
             }
             else {

package/esm/kitStoreItem.js

@@ -56,12 +56,12 @@ export const kitStoreItem = (repo, initValues = {
                     internalStore.update((s) => ({
                         ...s,
                         loading: false,
-                        item,
+                        item: item ?? {},
                         errors: undefined,
                         globalError: undefined,
                     }));
                     if (onNewData) {
-                        onNewData(item);
+                        onNewData(item ?? {});
                     }
                 }
                 catch (error) {

package/esm/ui/Button.svelte

@@ -7,15 +7,13 @@ let className = void 0;
 export { className as class };
 export let permission = void 0;
 let permissionDisabled = false;
-$:
-  disabled = $$restProps.disabled || permissionDisabled || isLoading;
+$: disabled = $$restProps.disabled || permissionDisabled || isLoading;
 let triggerAnnimation = false;
-$:
-  isLoading && setTimeout(() => {
-    if (isLoading) {
-      triggerAnnimation = true;
-    }
-  }, 200);
+$: isLoading && setTimeout(() => {
+  if (isLoading) {
+    triggerAnnimation = true;
+  }
+}, 200);
 let updates = (param) => {
   if (param && param.permission) {
     permissionDisabled = !remult.isAllowed(

package/esm/ui/Field.svelte

@@ -31,8 +31,7 @@ function dispatchSelected(_data) {
   value = _data;
   dispatch("selected", _data);
 }
-$:
-  metaType = getFieldMetaType(cell.field);
+$: metaType = getFieldMetaType(cell.field);
 const isViewMode = (_mode, _field) => {
   return _mode === "view" || _field?.dbReadOnly || _field?.options.allowApiUpdate === false;
 };
@@ -61,11 +60,7 @@ const toInput = (_metadata, _value) => {
 };
 const fromInput = (_metadata, _value) => {
   try {
-    if (metaType.subKind === "number" && _value === 0) {
-      return 0;
-    }
-    const val = _metadata?.valueConverter.fromInput(_value, metaType.subKind);
-    return val;
+    return _metadata?.valueConverter.fromInput(_value, metaType.subKind);
   } catch (error2) {
     console.error(`error fromInput w field '${_metadata.key}'`, error2);
   }
@@ -161,7 +156,13 @@ const calcSuffix = (value2) => {
           {#if item && item?.icon}
             <Icon {...item.icon} />
           {/if}
-          <span>{cell?.header ?? item?.caption ?? '-'}</span>
+          <div class="grid grid-cols-1">
+            <span>{cell?.header ?? item?.caption ?? '-'}</span>
+            <!-- && captionSubStyle === 'inline' -->
+            {#if item?.captionSub}
+              <span class="text-base-content/70 text-xs italic">{item.captionSub}</span>
+            {/if}
+          </div>
         </div>
       {:else if metaType.kind === 'enum'}
         {@const v = displayWithDefaultAndSuffix(cell.field, value)}

package/esm/ui/FieldGroup.svelte

@@ -1,6 +1,6 @@
 <script generics="T extends Record<any, any>">import { createEventDispatcher } from "svelte";
 import { getRelationFieldInfo } from "remult/internals";
-import { tw } from "..";
+import { isHidden, tw } from "..";
 import Field from "./Field.svelte";
 import FieldContainer from "./internals/FieldContainer.svelte";
 import Loading from "./Loading.svelte";
@@ -38,8 +38,7 @@ const dispatch = createEventDispatcher();
 function dispatchChanged(_data) {
   dispatch("changed", _data);
 }
-$:
-  dispatchChanged($store.item);
+$: dispatchChanged($store.item);
 let size = ["", "w-1/2", "w-1/3", "w-1/4", "w-1/5", "w-1/6"];
 function isToFocus(currentKey, focusKey2, i) {
   if (focusKey2 === null || focusKey2 === void 0) {
@@ -56,6 +55,9 @@ function isToFocus(currentKey, focusKey2, i) {
   {@const focus = isToFocus(cell.field?.key, focusKey, i)}
   {#if shouldHide(cell, mode)}
     <!-- Do nothing -->
+  {:else if cell.field && isHidden(cell.field, $store.item)}
+    <!-- Do nothing, but keep the class... -->
+    <div class={cell.class}></div>
   {:else}
     <div class={cell.class}>
       {#if cell.kind === 'header'}

package/esm/ui/GridPaginate.svelte

@@ -18,12 +18,9 @@ const update = (op) => {
     }
   }
 };
-$:
-  isValidValue = totalCount !== void 0 && totalCount !== null;
-$:
-  needPaginate = isValidValue && (totalCount ?? 0) > pageSize;
-$:
-  canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0) / pageSize);
+$: isValidValue = totalCount !== void 0 && totalCount !== null;
+$: needPaginate = isValidValue && (totalCount ?? 0) > pageSize;
+$: canGoNext = isValidValue && needPaginate && page < Math.ceil((totalCount ?? 0) / pageSize);
 </script>
 
 <FieldContainer {label} forId="paginate" classes={{ label: 'justify-end' }}>

package/esm/ui/Icon.svelte

@@ -14,16 +14,15 @@ let height = size;
 let viewBox = "0 0 24 24";
 let svg = "";
 let path = "";
-$:
-  if (typeof data === "string") {
-    if (data.toLowerCase().includes("<svg")) {
-      svg = data.replace(/width="[^"]*"/, `width="${width}"`).replace(/height="[^"]*"/, `height="${height}"`);
-    } else {
-      path = data;
-    }
+$: if (typeof data === "string") {
+  if (data.toLowerCase().includes("<svg")) {
+    svg = data.replace(/width="[^"]*"/, `width="${width}"`).replace(/height="[^"]*"/, `height="${height}"`);
   } else {
     path = data;
   }
+} else {
+  path = data;
+}
 const getInfoProps = (props, i = 0) => {
   if (Array.isArray(props)) {
     return props[i] ?? "";

package/esm/ui/LibIcon.js

@@ -1,7 +1,5 @@
 // Lib Icons
 // https://icones.js.org/ and https://pictogrammers.com/library/mdi/
-// Lib or App let's not grow to much here !
-// TODO : check code spliting...
 import { mdiAccountTie, mdiAccountTieWoman, mdiCancel, mdiCheck, mdiCheckAll, mdiChevronDown, mdiChevronLeft, mdiChevronRight, mdiChevronUp, mdiCloseCircleOutline, mdiCogOutline, mdiContentSaveEdit, mdiDelete, mdiLoading, mdiMagnify, mdiPencil, mdiPlusBoxMultiple, mdiPlusCircle, mdiSend, mdiSort, mdiSortReverseVariant, mdiSortVariant, } from '@mdi/js';
 export const LibIcon_Empty = ``;
 export const LibIcon_Forbidden = mdiCancel;

package/esm/ui/dialog/DialogForm.svelte

@@ -4,10 +4,8 @@ import { dialog } from "./dialog";
 import DialogPrimitive from "./DialogPrimitive.svelte";
 import FormEditAction from "./FormEditAction.svelte";
 export let toShow;
-$:
-  cells = kitCellsBuildor(toShow.repo, toShow.cells);
-$:
-  store = toShow.store ?? kitStoreItem(toShow.repo);
+$: cells = kitCellsBuildor(toShow.repo, toShow.cells);
+$: store = toShow.store ?? kitStoreItem(toShow.repo);
 $: {
   if (toShow.type === "update" || toShow.type === "view") {
     store.set({ item: toShow.defaults, errors: {}, loading: false, globalError: void 0 });
@@ -52,6 +50,7 @@ const onDelete = async () => {
   <form on:submit|preventDefault={onInsert}>
     <div class="grid {toShow.classes?.formGrid ?? ''} gap-4 pb-4">
       <FieldGroup
+        focusKey={toShow.focusKey}
         {cells}
         {store}
         mode={toShow.type === 'view' ? 'view' : 'edit'}

package/esm/ui/dialog/dialog.d.ts

@@ -21,6 +21,7 @@ export type DialogMetaData<entityType = any> = {
     children?: any;
     noThrow?: boolean;
     wDelete?: boolean;
+    focusKey?: string;
     topicPrefixText?: string;
 };
 type ResultClose<entityType = any> = {
@@ -42,6 +43,7 @@ export declare const dialog: {
         noThrow?: boolean;
         wDelete?: boolean;
         topicPrefixText?: string;
+        focusKey?: string;
     }) => Promise<ResultClose<any>>;
     show: (dialog: DialogMetaData) => Promise<ResultClose<any>>;
     close: (id: number, result: ResultClose) => void;

package/esm/ui/dialog/dialog.js

@@ -65,6 +65,7 @@ const createDialogManagement = () => {
                 classes: options?.classes,
                 noThrow: options?.noThrow,
                 wDelete: options?.wDelete,
+                focusKey: options?.focusKey,
                 topicPrefixText,
             };
             return show(detail, type);

package/esm/ui/internals/FieldContainer.svelte

@@ -12,7 +12,7 @@ export let classes = {};
       {label}{required ? ' *' : ''}
     </span>
     {#if error}
-      <!-- TODO hover popup if too long? -->
+      <!-- TODO Ermin? hover popup if too long? -->
       <span class="label-text-alt text-error truncate">{error}</span>
     {/if}
   </label>

package/esm/ui/internals/Input.svelte

@@ -35,7 +35,7 @@ const handleInput = (e) => {
     if (e.data === "." || e.data === ",") {
       e.preventDefault();
     } else {
-      value = +target.value;
+      value = target.value.toString().replaceAll(",", ".");
     }
   } else {
     value = target.value;

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

@@ -69,22 +69,21 @@ const debounce = (callback) => {
   );
 };
 const sync = createSync({ selected: localSelected });
-$:
-  items && sync.selected(getDefaultValues(values), (v) => {
-    const list = (v ?? []).map((c) => c.value.id);
-    const countMap = /* @__PURE__ */ new Map();
-    list.forEach((item) => {
-      countMap.set(item, (countMap.get(item) || 0) + 1);
-    });
-    const uniqueList = list.filter((item) => countMap.get(item) === 1);
-    const newIds = uniqueList.sort().join(",");
-    const oldSelectedValues = (values ?? []).sort().join(",");
-    if (newIds !== oldSelectedValues) {
-      dispatchSelectedValues(
-        v === void 0 ? void 0 : v.filter((c) => uniqueList.includes(c.value.id)).map((c) => c.value)
-      );
-    }
+$: items && sync.selected(getDefaultValues(values), (v) => {
+  const list = (v ?? []).map((c) => c.value.id);
+  const countMap = /* @__PURE__ */ new Map();
+  list.forEach((item) => {
+    countMap.set(item, (countMap.get(item) || 0) + 1);
   });
+  const uniqueList = list.filter((item) => countMap.get(item) === 1);
+  const newIds = uniqueList.sort().join(",");
+  const oldSelectedValues = (values ?? []).sort().join(",");
+  if (newIds !== oldSelectedValues) {
+    dispatchSelectedValues(
+      v === void 0 ? void 0 : v.filter((c) => uniqueList.includes(c.value.id)).map((c) => c.value)
+    );
+  }
+});
 const labelToDisplayInInput = (_localSelected) => {
   if (_localSelected === void 0 || _localSelected.length === 0) {
     return "";
@@ -94,8 +93,7 @@ const labelToDisplayInInput = (_localSelected) => {
   }
   return `${_localSelected.length} \xE9l\xE9ments`;
 };
-$:
-  $inputValue = labelToDisplayInInput($localSelected);
+$: $inputValue = labelToDisplayInInput($localSelected);
 const iconToDisplayInInput = (_localSelected) => {
   if (_localSelected === void 0 || _localSelected.length === 0) {
     return { data: LibIcon_Search };
@@ -125,8 +123,7 @@ const calcFilteredItems = (touched, str, values2) => {
     filteredItems = items;
   }
 };
-$:
-  calcFilteredItems($touchedInput, $inputValue, values);
+$: calcFilteredItems($touchedInput, $inputValue, values);
 </script>
 
 <div class="input input-bordered flex min-w-0 items-center">

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

@@ -96,19 +96,16 @@ const debounce = (callback) => {
   );
 };
 const sync = createSync({ selected: localSelected });
-$:
-  items && sync.selected(getDefaultValue(value), (v) => {
-    if (v?.value?.id !== value) {
-      dispatchSelectedValue(v?.value);
-    }
-    value = v?.value?.id;
-  });
-$:
-  if (!$open) {
-    $inputValue = $localSelected?.label ?? "";
+$: items && sync.selected(getDefaultValue(value), (v) => {
+  if (v?.value?.id !== value) {
+    dispatchSelectedValue(v?.value);
   }
-$:
-  filteredItems = items;
+  value = v?.value?.id;
+});
+$: if (!$open) {
+  $inputValue = $localSelected?.label ?? "";
+}
+$: filteredItems = items;
 $: {
   if (items.length === 1 && default_select_if_one_item) {
     sync.selected(toOption(items[0]));
@@ -133,8 +130,7 @@ const updateFilteredItems = async (normalizedInput) => {
     });
   }
 };
-$:
-  calcFilteredItems($touchedInput, $inputValue, value);
+$: calcFilteredItems($touchedInput, $inputValue, value);
 </script>
 
 <div class="input input-bordered flex min-w-0 items-center {disabled && 'opacity-40'}">

package/esm/vite/index.js

@@ -2,7 +2,7 @@ import { mergeConfig } from 'vite';
 import { kitRoutes } from 'vite-plugin-kit-routes';
 import { stripper } from 'vite-plugin-stripper';
 // import { Log } from '@kitql/helpers'
-const toRemove = ['oslo/password', 'oslo', '@kitql/internals', '$env/dynamic/private'];
+const toRemove = ['oslo/password', 'oslo', '@kitql/internals'];
 export function firstly(options) {
     // const log = new Log('firstly')
     return [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "firstly",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "description": "Firstly, an opinionated Remult setup!",
   "repository": {
@@ -14,7 +14,7 @@
   },
   "peerDependencies": {
     "@sveltejs/kit": ">=1.0.0 <3.0.0",
-    "remult": "0.26.15",
+    "remult": "0.27.3",
     "svelte": ">=4.0.1"
   },
   "dependencies": {
@@ -32,8 +32,8 @@
     "oslo": "^1.2.0",
     "tailwind-merge": "^2.3.0",
     "tailwindcss": "^3.4.3",
-    "vite": "^5.2.10",
-    "vite-plugin-kit-routes": "^0.6.2",
+    "vite": "^5.4.1",
+    "vite-plugin-kit-routes": "^0.6.5",
     "vite-plugin-stripper": "^0.5.0"
   },
   "sideEffects": false,
@@ -67,6 +67,10 @@
       "types": "./esm/auth/index.d.ts",
       "default": "./esm/auth/index.js"
     },
+    "./auth/client": {
+      "types": "./esm/auth/client/index.d.ts",
+      "default": "./esm/auth/client/index.js"
+    },
     "./auth/providers": {
       "types": "./esm/auth/providers/index.d.ts",
       "default": "./esm/auth/providers/index.js"