firstly 0.3.0 → 0.4.0

package/esm/internals/cellsBuildor.js

@@ -1,141 +0,0 @@
-import {} from 'remult';
-import { getRelationFieldInfo } from 'remult/internals';
-import { BaseEnum } from './BaseEnum.js';
-import { getEnum } from './helper.js';
-/**
- * cellsBuildor is a function to build cells for a <Grid /> or <FieldGroup /> component.
- *
- * ```html
- * <script lang="ts">
- *   import { repo } from 'remult'
- *
- *   const cells = cellsBuildor(repo(Site), ['name', 'description'])
- *   const store = storeList( repo(Site) )
- *   $: store.fetch()
- * </script>
- *
- * <Grid {cells} {store} />
- * ```
- *
- */
-export function cellsBuildor(repo, inputBuildor) {
-    const buildor = [];
-    for (let i = 0; i < inputBuildor.length; i++) {
-        const item = inputBuildor[i];
-        let b;
-        if (item instanceof Object) {
-            b = { ...item, field: repo.fields[item.col] };
-        }
-        else {
-            b = { col: item, field: repo.fields[item] };
-        }
-        // Let's tweak defaults...
-        if (b.kind === undefined) {
-            if (b.field?.options.href) {
-                b.kind = 'field_link';
-            }
-        }
-        buildor.push(b);
-    }
-    return buildor;
-}
-export function cellBuildor(repo, inputBuildor) {
-    return cellsBuildor(repo, [inputBuildor])[0];
-}
-export const fieldsOf = (b) => {
-    return b.filter((c) => c.field).map((c) => c.field) ?? [];
-};
-export const getPlaceholder = (fields) => {
-    return fields.map((c) => c.caption).join(', ');
-};
-export const buildSearchWhere = (entity, fields, search) => {
-    if (!search) {
-        return [];
-    }
-    const f = [
-        {
-            $or: fields.map((f) => {
-                const fnName = f.key + 'Filter';
-                // @ts-ignore
-                if (entity && entity[fnName]) {
-                    // @ts-ignore
-                    return entity[fnName](search);
-                }
-                // let's continue with the default behavior
-                // return {}
-                // }
-                if (f.inputType === 'number') {
-                    return { [f.key]: search };
-                }
-                return containsWords([f], search);
-            }),
-        },
-    ];
-    return f;
-};
-export const containsWords = (fields, search) => {
-    if (!search) {
-        return {};
-    }
-    const sSplitted = search.split(' ').filter((s) => s.length > 0);
-    if (fields.length === 1) {
-        return {
-            $and: sSplitted.map((s) => ({ [fields[0].key]: { $contains: s } })),
-        };
-    }
-    return {
-        $and: sSplitted.map((s) => {
-            return { $or: fields.map((f) => ({ [f.key]: { $contains: s } })) };
-        }),
-    };
-};
-export const buildWhere = (entity, defaultWhere, fields_filter, fields_search, obj) => {
-    const and = [];
-    if (defaultWhere) {
-        and.push(defaultWhere);
-    }
-    if (obj && obj.search) {
-        and.push(...buildSearchWhere(entity, fields_search, obj.search));
-    }
-    for (const field of fields_filter) {
-        const rfi = getRelationFieldInfo(field);
-        // For relation fields, allow null as valid filter value (filters for NULL in DB)
-        const hasValue = rfi?.type === 'toOne' ? obj && obj[field.key] !== undefined : obj && obj[field.key];
-        if (hasValue) {
-            if (field.inputType === 'checkbox') {
-                // @ts-ignore
-                and.push({ [field.key]: obj[field.key] });
-            }
-            else if (field.inputType === 'selectEnum') {
-                const fnName = field.key + 'Filter';
-                // @ts-ignore
-                if (entity && entity[fnName]) {
-                    // @ts-ignore
-                    and.push(entity[fnName](obj[field.key]));
-                }
-                else {
-                    // @ts-ignore
-                    const theEnum = getEnum(field, obj[field.key]);
-                    // Take the where of the enum if it exists, or it's using this selection as a filter
-                    if (theEnum?.where) {
-                        and.push(theEnum.where);
-                    }
-                    else {
-                        const wheretoUse = theEnum?.where ?? new BaseEnum(obj[field.key]);
-                        // @ts-ignore
-                        and.push({ [field.key]: wheretoUse });
-                    }
-                }
-            }
-            else if (rfi?.type === 'toOne') {
-                // @ts-ignore (setting the id of the relation, null = filter for NULL)
-                and.push({ [field.key]: obj[field.key] });
-            }
-            else {
-                console.info(`Not handled filter field ${field.key} ${field.inputType}`);
-            }
-        }
-    }
-    // @ts-ignore
-    return { $and: and };
-};

package/esm/internals/helper.d.ts

@@ -1,49 +0,0 @@
-import type { ClassType, ErrorInfo, FieldMetadata, LifecycleEvent, Repository } from 'remult';
-import type { BaseEnum, BaseItem } 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) => BaseItem;
-export declare const getFieldLinkDisplayValue: (field: FieldMetadata, row: any) => BaseItem & {
-    href: string;
-};
-export declare const getEntityDisplayValueFromField: (field: FieldMetadata, row: any) => BaseItem & {
-    href: string;
-};
-export type MetaTypeRelation = {
-    kind: 'relation';
-    subKind: 'reference' | 'toOne' | 'toMany';
-    repoTarget: Repository<any>;
-    field: FieldMetadata;
-};
-type MetaTypeEnum = {
-    kind: 'enum';
-    subKind: 'single' | 'multi';
-    values: BaseItem[];
-    field: FieldMetadata;
-};
-type MetaTypePrimitive = {
-    kind: 'primitive';
-    subKind: string;
-    field: FieldMetadata;
-};
-type MetaTypeSlot = {
-    kind: 'slot';
-    subKind: '???';
-};
-export type FieldMetaType = MetaTypeRelation | MetaTypeEnum | MetaTypePrimitive | MetaTypeSlot;
-export declare const getFieldMetaType: (field?: FieldMetadata, withHidden?: boolean) => FieldMetaType;
-export declare const displayWithDefaultAndSuffix: (field: FieldMetadata<any, any> | undefined, value: any) => string;
-export declare const getEnum: <T extends BaseEnum>(baseEnum: ClassType<T>, id: string | undefined | null) => T | undefined;
-export declare const getEnums: <T extends BaseEnum>(baseEnum: ClassType<T>) => T[];
-/**
- * To be used like:
- * ```ts
- * \@Entity('tasks', {
- *   async deleting(item, e) {
- *     await onDelete(item, e, 'prevent')
- *   },
- * }
- * ```
- */
-export declare const onDelete: <T>(item: T, e: LifecycleEvent<T>, mode?: "prevent" | "cascade") => Promise<void>;
-export {};

package/esm/internals/helper.js

@@ -1,162 +0,0 @@
-import { EntityError, getEntityRef, getValueList } from 'remult';
-import { getRelationFieldInfo } from 'remult/internals';
-import { suffixWithS } from '../formats/strings.js';
-export function isError(object) {
-    return object;
-}
-export const getFirstInterestingField = (repo) => {
-    const fields = repo.metadata.fields.toArray();
-    for (let i = 0; i < fields.length; i++) {
-        // Let's find the most relevant field to display...
-        if (fields[i].key !== 'id' &&
-            fields[i].key !== 'createdAt' &&
-            fields[i].options.skipForDefaultField !== true) {
-            return fields[i];
-        }
-    }
-    return fields[0];
-};
-export const getEntityDisplayValue = (repo, row) => {
-    if (repo.metadata.options.displayValue) {
-        return repo.metadata.options.displayValue(row);
-    }
-    const field = getFirstInterestingField(repo);
-    // REMULT P3 JYC: If it's an enum, it's not working...
-    // @ts-ignore (added for row?.id)
-    return { caption: row ? field.displayValue(row) : '-', id: row?.id ? row.id : '' };
-};
-export const getFieldLinkDisplayValue = (field, row) => {
-    const caption = field.displayValue(row);
-    let href = '';
-    if (field.options.href) {
-        href = field.options.href(row);
-    }
-    return { id: '', caption, href };
-};
-export const getEntityDisplayValueFromField = (field, row) => {
-    if (row === null || row === undefined) {
-        return { href: '/', id: '', caption: '-' };
-    }
-    const repo = getEntityRef(row).repository;
-    return { href: '', ...getEntityDisplayValue(repo, row) };
-};
-// or it's a slot or it will return the field
-export const getFieldMetaType = (field, withHidden = false) => {
-    if (field === undefined) {
-        return { kind: 'slot', subKind: '???' };
-    }
-    // is it a relation?
-    const fieldRelationInfo = getRelationFieldInfo(field);
-    if (fieldRelationInfo) {
-        return {
-            kind: 'relation',
-            subKind: fieldRelationInfo.type,
-            repoTarget: fieldRelationInfo.toRepo,
-            field,
-        };
-    }
-    if (field.options?.inputType === 'selectArrayEnum') {
-        return {
-            kind: 'enum',
-            subKind: 'multi',
-            // @ts-ignore
-            values: field.options.valueConverter.values,
-            field,
-        };
-    }
-    // REMULT P2 JYC: Any idea to know if it's an enum? and extract values?
-    // const ttt = getValueList(field)
-    // console.log(`ttt`, ttt)
-    // Error: ValueType not yet initialized, did you forget to call @ValueListFieldType on function String()
-    // is it an enum?
-    // @ts-ignore
-    if (field.options?.valueConverter?.values) {
-        // console.log(`field.options.valueConverter.values`, field.options.valueConverter.values)
-        // @ts-ignore
-        const values = field.options.valueConverter.values;
-        return {
-            kind: 'enum',
-            subKind: 'single',
-            values: withHidden ? values : values.filter((v) => !v.hide),
-            field,
-        };
-    }
-    // it's a primitive
-    return { kind: 'primitive', subKind: field.inputType ?? 'text', field };
-};
-export const displayWithDefaultAndSuffix = (field, value) => {
-    const toRet = [];
-    if (field && field.valueConverter?.displayValue && !field.isServerExpression) {
-        toRet.push(field.valueConverter?.displayValue(value) ?? '-');
-    }
-    else {
-        // toRet.push(value ?? '-')
-        toRet.push(field?.displayValue ? field?.displayValue({ [field.key]: value }) : (value ?? '-'));
-    }
-    if (value === undefined || value === null) {
-        return '';
-    }
-    if (field?.options.suffix) {
-        if (field.options.suffixWithS) {
-            toRet.push(suffixWithS(value, field.options.suffix));
-        }
-        else {
-            toRet.push(field.options.suffix);
-        }
-    }
-    return toRet.join(' ');
-};
-// FIXME: to remove ?
-export const getEnum = (baseEnum, id) => {
-    if (!id) {
-        return undefined;
-    }
-    // @ts-ignore
-    const found = getValueList(baseEnum).find((c) => c.id === id);
-    return found;
-};
-// FIXME: to remove ?
-export const getEnums = (baseEnum) => {
-    return getValueList(baseEnum) || [];
-};
-/**
- * To be used like:
- * ```ts
- * \@Entity('tasks', {
- *   async deleting(item, e) {
- *     await onDelete(item, e, 'prevent')
- *   },
- * }
- * ```
- */
-export const onDelete = async (item, e, mode = 'prevent') => {
-    const toManies = e.repository.fields
-        .toArray()
-        .map((f) => {
-        return {
-            f: f,
-            fi: getRelationFieldInfo(f),
-        };
-    })
-        .filter((f) => f.fi?.type === 'toMany');
-    const checks = await Promise.all(toManies.map(async (f_fi) => {
-        // @ts-ignore
-        const count = await e.repository.relations(item)[f_fi.f.key].count();
-        return { ...f_fi, count };
-    }));
-    const nonEmptyRelations = checks.filter((check) => check.count > 0);
-    if (nonEmptyRelations.length > 0) {
-        if (mode === 'prevent') {
-            const relationNames = nonEmptyRelations.map((r) => r.f.caption).join(', ');
-            throw new EntityError({ message: `Can't with existing: ${relationNames}` });
-        }
-        else if (mode === 'cascade') {
-            nonEmptyRelations.forEach(async (r) => {
-                const where = Object.entries(r.fi?.getFields().fields ?? {}).map(([key, value]) => {
-                    return { [key]: item[value] };
-                });
-                await r.fi?.toRepo.deleteMany({ where });
-            });
-        }
-    }
-};

package/esm/internals/index.d.ts

@@ -1,78 +0,0 @@
-import type { FindOptionsBase } from 'remult';
-import type { ColumnDeciderArgs } from '../changeLog/index.js';
-import { default as Button } from '../ui/Button.svelte';
-import { default as Clipboardable } from '../ui/Clipboardable.svelte';
-import type { dialog } from '../ui/dialog/dialog.js';
-import { default as DialogManagement } from '../ui/dialog/DialogManagement.svelte';
-import { default as FormEditAction } from '../ui/dialog/FormEditAction.svelte';
-import { default as Field } from '../ui/Field.svelte';
-import { default as FieldGroup } from '../ui/FieldGroup.svelte';
-import { default as Grid } from '../ui/Grid.svelte';
-import { default as Grid2 } from '../ui/Grid2.svelte';
-import { default as GridPaginate } from '../ui/GridPaginate.svelte';
-import { default as GridPaginate2 } from '../ui/GridPaginate2.svelte';
-import { default as Icon } from '../ui/Icon.svelte';
-import { default as FieldContainer } from '../ui/internals/FieldContainer.svelte';
-import { default as SelectMelt } from '../ui/internals/select/SelectMelt.svelte';
-import { default as Link } from '../ui/link/Link.svelte';
-import { default as LinkPlus } from '../ui/link/LinkPlus.svelte';
-import { default as Loading } from '../ui/Loading.svelte';
-import { default as Tooltip } from '../ui/Tooltip.svelte';
-import type { BaseItem, BaseItemLight, FF_Icon } from './BaseEnum.js';
-import type { CellsInput } from './cellsBuildor.js';
-import { FF_Role } from './common.js';
-import { storeItem, type StoreItem } from './storeItem.js';
-import { storeList } from './storeList.js';
-export { Field, FormEditAction, Grid, Grid2, GridPaginate, GridPaginate2, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
-export type { BaseEnumOptions } from './BaseEnum.js';
-export type { BaseItem, BaseItemLight };
-export type { DialogMetaDataInternal } from '../ui/dialog/dialog.js';
-export type { CellsInput };
-export type { Cell, VisibilityMode } from './cellsBuildor.js';
-export type { FF_FindOptions } from './storeList.js';
-export type { StoreItem };
-export type StoreList<T> = ReturnType<typeof storeList<T>>;
-export type { ResolvedType, UnArray, RecursivePartial } from '../utils/types.js';
-export { FF_Fields } from './FF_Fields.js';
-export { FF_Entity } from './FF_Entity.js';
-export { FF_LogToConsole } from '../SqlDatabase/FF_LogToConsole.js';
-export { BaseEnum } from './BaseEnum.js';
-export { dialog } from '../ui/dialog/dialog.js';
-export { getEntityDisplayValue, displayWithDefaultAndSuffix, isError, getFieldLinkDisplayValue, getEnum, getEnums, onDelete, } from './helper.js';
-export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
-export { storeItem };
-export { storeList };
-export { tw } from '../utils/tailwind.js';
-export { FF_Role };
-export { FilterEntity } from '../virtual/FilterEntity.js';
-export { UIEntity } from '../virtual/UIEntity.js';
-export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from '../ui/LibIcon.js';
-export type { FF_Icon };
-declare module 'remult' {
-    interface FieldOptions<entityType, valueType> {
-        placeholder?: string;
-        suffix?: string;
-        suffixWithS?: boolean;
-        suffixEdit?: string;
-        suffixEditWithS?: boolean;
-        styleRadioUntil?: number;
-        step?: '1' | '0.1' | '0.01' | '0.5';
-        href?: (item: entityType) => string;
-        findOptionsForEdit?: ((entity: entityType) => FindOptionsBase<valueType>) | FindOptionsBase<valueType>;
-        findOptionsLimit?: number;
-        createOptionWhenNoResult?: {
-            onCreateRequest: (item: entityType, strCreateNew: string) => Parameters<typeof dialog.form>;
-            onSuccess: (entity: entityType, newItem: any) => Promise<void>;
-            onError?: () => void;
-        };
-        default_select_if_one_item?: boolean;
-        multiSelect?: boolean;
-        filterNobodyLabel?: string;
-        skipForDefaultField?: boolean;
-    }
-    interface EntityOptions<entityType> {
-        searchableFind?: (str: string) => FindOptionsBase<entityType>;
-        displayValue?: (item: entityType) => BaseItem;
-        changeLog?: false | ColumnDeciderArgs<entityType>;
-    }
-}

package/esm/internals/index.js

@@ -1,45 +0,0 @@
-import { default as Button } from '../ui/Button.svelte';
-import { default as Clipboardable } from '../ui/Clipboardable.svelte';
-import { default as DialogManagement } from '../ui/dialog/DialogManagement.svelte';
-import { default as FormEditAction } from '../ui/dialog/FormEditAction.svelte';
-import { default as Field } from '../ui/Field.svelte';
-import { default as FieldGroup } from '../ui/FieldGroup.svelte';
-import { default as Grid } from '../ui/Grid.svelte';
-import { default as Grid2 } from '../ui/Grid2.svelte';
-import { default as GridPaginate } from '../ui/GridPaginate.svelte';
-import { default as GridPaginate2 } from '../ui/GridPaginate2.svelte';
-import { default as Icon } from '../ui/Icon.svelte';
-import { default as FieldContainer } from '../ui/internals/FieldContainer.svelte';
-import { default as SelectMelt } from '../ui/internals/select/SelectMelt.svelte';
-import { default as Link } from '../ui/link/Link.svelte';
-import { default as LinkPlus } from '../ui/link/LinkPlus.svelte';
-import { default as Loading } from '../ui/Loading.svelte';
-import { default as Tooltip } from '../ui/Tooltip.svelte';
-import { FF_Role } from './common.js';
-import { storeItem } from './storeItem.js';
-import { storeList } from './storeList.js';
-// ******************************
-// Svelte Components
-// ******************************
-export { Field, FormEditAction, Grid, Grid2, GridPaginate, GridPaginate2, FieldGroup, Icon, Link, LinkPlus, Loading, Button, Tooltip, DialogManagement, FieldContainer, SelectMelt, Clipboardable, };
-// ******************************
-// Helpers
-// ******************************
-export { FF_Fields } from './FF_Fields.js';
-export { FF_Entity } from './FF_Entity.js';
-export { FF_LogToConsole } from '../SqlDatabase/FF_LogToConsole.js';
-export { BaseEnum } from './BaseEnum.js';
-export { dialog } from '../ui/dialog/dialog.js';
-export { getEntityDisplayValue, displayWithDefaultAndSuffix, isError, getFieldLinkDisplayValue, getEnum, getEnums, onDelete, } from './helper.js';
-export { buildWhere, getPlaceholder, buildSearchWhere, cellsBuildor, cellBuildor, fieldsOf, containsWords, } from './cellsBuildor.js';
-export { storeItem };
-export { storeList };
-export { tw } from '../utils/tailwind.js';
-export { FF_Role };
-// Hummm... I don't know if we should keep it...
-export { FilterEntity } from '../virtual/FilterEntity.js';
-export { UIEntity } from '../virtual/UIEntity.js';
-// ******************************
-// Icons
-// ******************************
-export { LibIcon_Empty, LibIcon_Forbidden, LibIcon_ChevronDown, LibIcon_ChevronUp, LibIcon_ChevronLeft, LibIcon_ChevronRight, LibIcon_Search, LibIcon_Check, LibIcon_MultiCheck, LibIcon_Add, LibIcon_MultiAdd, LibIcon_Edit, LibIcon_Delete, LibIcon_Cross, LibIcon_Save, LibIcon_Man, LibIcon_Woman, LibIcon_Send, LibIcon_Load, LibIcon_Settings, LibIcon_Sort, LibIcon_SortAsc, LibIcon_SortDesc, } from '../ui/LibIcon.js';

package/esm/internals/storeItem.d.ts

@@ -1,19 +0,0 @@
-import type { EntityFilter, ErrorInfo, FindOptions, Repository } from 'remult';
-export interface StoreItem<T> {
-    subscribe: (run: (value: TheStoreItem<T>) => void) => () => void;
-    create: (item: Partial<T>) => void;
-    set: (newItem: TheStoreItem<T>) => void;
-    fetch: (idOrWhere: string | number | EntityFilter<T>, options?: FindOptions<T>, onNewData?: (item: T | undefined) => void) => Promise<void>;
-    save: () => Promise<T | undefined>;
-    delete: () => Promise<void>;
-    onChange: (prop: keyof T, callback: (newValue: any, oldValue: any) => void) => void;
-}
-type TheStoreItem<T> = {
-    item: T | undefined;
-    loading?: boolean;
-    initLoading?: boolean;
-    errors: ErrorInfo<T> | undefined;
-    globalError?: string | undefined;
-};
-export declare const storeItem: <T>(repo: Repository<T>, initValues?: TheStoreItem<T>) => StoreItem<T>;
-export {};

package/esm/internals/storeItem.js

@@ -1,190 +0,0 @@
-import { BROWSER } from 'esm-env';
-import { derived, get, writable } from 'svelte/store';
-import { ff_Log } from '../index.js';
-import { isError } from './helper.js';
-export const storeItem = (repo, initValues = {
-    item: undefined,
-    loading: true,
-    initLoading: true,
-    errors: undefined,
-    globalError: undefined,
-}) => {
-    const internalStore = writable(initValues);
-    // Function to watch changes on a specific property of `item`
-    const onChange = (prop, callback) => {
-        const itemProperty = derived(internalStore, ($s) => $s.item && $s.item[prop]);
-        let oldValue;
-        // Subscribe to the derived store to monitor changes
-        itemProperty.subscribe((newValue) => {
-            if (newValue !== oldValue) {
-                if (oldValue !== undefined) {
-                    // to avoid running on initial undefined state
-                    callback(newValue, oldValue);
-                }
-                oldValue = newValue;
-            }
-        });
-    };
-    return {
-        subscribe: internalStore.subscribe,
-        create: (item) => {
-            internalStore.set({
-                item: repo.create(item),
-                loading: false,
-                initLoading: false,
-                errors: {},
-                globalError: undefined,
-            });
-        },
-        // set: internalStore.set,
-        set: (newItem) => {
-            internalStore.update(() => {
-                return { ...newItem };
-            });
-        },
-        /**
-         * Fetch by ID or WHERE clause
-         * ```ts
-         * // By ID (string or number)
-         * store.fetch(123)
-         * store.fetch('abc')
-         *
-         * // By WHERE clause (object)
-         * store.fetch({ siteId: 123 })
-         *
-         * // With composite keys, build the id with
-         * const id = repo.metadata.idMetadata.getId({a:1,b:2})
-         * store.fetch(id)
-         * ```
-         */
-        fetch: async (idOrWhere, options, onNewData) => {
-            if (BROWSER) {
-                internalStore.update((s) => ({ ...s, loading: true }));
-                try {
-                    const isId = typeof idOrWhere === 'string' || typeof idOrWhere === 'number';
-                    const item = isId
-                        ? await repo.findId(idOrWhere, options)
-                        : await repo.findFirst(idOrWhere, options);
-                    internalStore.update((s) => ({
-                        ...s,
-                        loading: false,
-                        initLoading: false,
-                        item: item ?? {},
-                        errors: undefined,
-                        globalError: undefined,
-                    }));
-                    if (onNewData) {
-                        onNewData(item ?? undefined);
-                    }
-                }
-                catch (error) {
-                    if (isError(error)) {
-                        internalStore.update((s) => ({
-                            ...s,
-                            loading: false,
-                            initLoading: false,
-                            item: {},
-                            errors: {},
-                            // @ts-ignore
-                            globalError: error.message,
-                        }));
-                    }
-                }
-            }
-        },
-        /**
-         * `.save()` will `update` or `insert` the current item.
-         */
-        save: async () => {
-            const s = get(internalStore);
-            try {
-                if (!s.item) {
-                    return;
-                }
-                internalStore.update((s) => ({ ...s, loading: true }));
-                const item = await repo.save(s.item);
-                internalStore.update((s) => ({
-                    ...s,
-                    loading: false,
-                    item,
-                    errors: undefined,
-                    globalError: undefined,
-                }));
-                return item;
-            }
-            catch (error) {
-                if (isError(error)) {
-                    if (!error.modelState) {
-                        internalStore.update((s) => ({
-                            ...s,
-                            loading: false,
-                            item: s.item,
-                            errors: undefined,
-                            globalError: error.message,
-                        }));
-                    }
-                    else {
-                        const errors = {};
-                        for (const key in error.modelState) {
-                            // @ts-ignore
-                            errors[key] = error.modelState[key];
-                        }
-                        internalStore.update((s) => ({
-                            ...s,
-                            loading: false,
-                            item: s.item,
-                            errors,
-                            globalError: undefined,
-                        }));
-                    }
-                }
-                // After we updated everything, let's throw the error
-                throw error;
-            }
-        },
-        delete: async () => {
-            const s = get(internalStore);
-            if (!s.item) {
-                ff_Log.error(`To delete an item, you need set it first.`);
-                return;
-            }
-            try {
-                internalStore.update((s) => ({ ...s, loading: true }));
-                await repo.delete(s.item);
-                internalStore.update((s) => ({
-                    ...s,
-                    loading: false,
-                }));
-            }
-            catch (error) {
-                if (isError(error)) {
-                    if (!error.modelState) {
-                        internalStore.update((s) => ({
-                            ...s,
-                            loading: false,
-                            item: s.item,
-                            errors: undefined,
-                            globalError: error.message,
-                        }));
-                    }
-                    else {
-                        const errors = {};
-                        for (const key in error.modelState) {
-                            // @ts-ignore
-                            errors[key] = error.modelState[key];
-                        }
-                        internalStore.update((s) => ({
-                            ...s,
-                            loading: false,
-                            item: s.item,
-                            errors,
-                            globalError: undefined,
-                        }));
-                    }
-                }
-                throw error;
-            }
-        },
-        onChange,
-    };
-};