5htp-core 0.3.5 → 0.3.6

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "5htp-core",
 	"description": "Convenient TypeScript framework designed for Performance and Productivity.",
-	"version": "0.3.5",
+	"version": "0.3.6",
 	"author": "Gaetan Le Gac (https://github.com/gaetanlegac)",
 	"repository": "git://github.com/gaetanlegac/5htp-core.git",
 	"license": "MIT",

package/src/client/assets/css/components/other.less

@@ -24,7 +24,7 @@
     
     padding: 0.4em @spacing;
 
-    background: var(--cBgAccent);
+    background: var(--cBgActive);
 }
 
 .clickable {

package/src/client/components/Form.ts

@@ -29,18 +29,22 @@ type FieldsAttrs<TFormData extends {}> = {
 
 export type Form<TFormData extends {} = {}> = {
     
+    // Data
     fields: FieldsAttrs<TFormData>,
     data: TFormData,
     options: TFormOptions<TFormData>,
     autosavedData?: Partial<TFormData>,
 
+    // Actions
     validate: (data: Partial<TFormData>) => TValidationResult<{}>,
     set: (data: Partial<TFormData>) => void,
     submit: (additionnalData?: Partial<TFormData>) => Promise<any>,
+    
 } & FormState
 
 type FormState = {
     isLoading: boolean,
+    hasChanged: boolean,
     errorsCount: number,
     errors: { [fieldName: string]: string[] },
 }
@@ -58,6 +62,8 @@ export default function useForm<TFormData extends {}>(
     /*----------------------------------
     - INIT
     ----------------------------------*/
+
+    // Autosaving data
     let autosavedData: TFormData | undefined;
     if (options.autoSave && typeof window !== 'undefined') {
         const autosaved = localStorage.getItem('form.' + options.autoSave.id);
@@ -73,9 +79,11 @@ export default function useForm<TFormData extends {}>(
 
     const initialData: Partial<TFormData> = options.data || {};
 
+    // States
     const fields = React.useRef<FieldsAttrs<TFormData> | null>(null);
     const [data, setData] = React.useState< Partial<TFormData> >(initialData);
     const [state, setState] = React.useState<FormState>({
+        hasChanged: false,
         isLoading: false,
         errorsCount: 0,
         errors: {}
@@ -139,6 +147,12 @@ export default function useForm<TFormData extends {}>(
         if (options.autoSave)
             localStorage.removeItem('form.' + options.autoSave.id);
 
+        // Update state
+        setState( current => ({
+            ...current,
+            hasChanged: false
+        }));
+
         return submitResult;
     }
 
@@ -177,6 +191,11 @@ export default function useForm<TFormData extends {}>(
                                 : val
                         }
                     })
+
+                    setState(current => ({
+                        ...current,
+                        hasChanged: true
+                    }));
                 },
 
                 // Submit on press enter

package/src/client/components/Select/ChoiceElement.tsx

@@ -0,0 +1,63 @@
+/*----------------------------------
+- DEPENDANCES
+----------------------------------*/
+
+// Npm
+import React from 'react';
+
+// Specific
+import type { 
+    Choice,
+} from './ChoiceSelector';
+
+import type { Props } from '.';
+
+/*----------------------------------
+- TYPE
+----------------------------------*/
+
+/*----------------------------------
+- COMPONENT
+----------------------------------*/
+export default ({ choice, currentList, onChange, multiple, includeCurrent }: {
+    choice: Choice,
+    currentList: Choice[],
+    includeCurrent: boolean
+} & Pick<Props, 'onChange'|'multiple'>) => {
+
+    const isCurrent = currentList.some(c => c.value === choice.value);
+    if (isCurrent && !includeCurrent) return null;
+
+    const showRemoveButton = multiple;
+
+    return isCurrent ? (
+        <li class={"badge bg primary"+  (showRemoveButton ? ' pdr-05' : '')}>
+            {choice.label}
+
+            {showRemoveButton && (
+                <span class="badge xs clickable" onClick={(e) => {
+                    e.stopPropagation();
+                    onChange( current => current.filter( c => c.value !== choice.value))
+                    return false;
+                }}>
+                    x
+                </span>
+            )}
+        </li>
+    ) : (
+        <li class={"badge clickable"} onClick={() => {
+            onChange( current => multiple 
+                ? [...(current || []), choice] 
+                : choice
+            );
+        }}>
+            {/*search.keywords ? (
+                <span>
+                
+                    <strong>{search.keywords}</strong>{choice.label.slice( search.keywords.length )}
+
+                </span>
+            ) : */choice.label}
+        </li>
+    )
+}

package/src/client/components/Select/ChoiceSelector.tsx

@@ -39,7 +39,6 @@ export type Props = (
 ) & {
     choices: Choices | ChoicesFunc,
     enableSearch?: boolean,
-    inline?: boolean,
     required?: boolean,
     noneSelection?: false | string,
     currentList: Choice[],

package/src/client/components/Select/index.tsx

@@ -7,7 +7,7 @@ import React from 'react';
 
 // Core
 import { Props as DropdownProps } from '@client/components/dropdown';
-import Input from '@client/components/inputv3';
+import { Popover, Button, Input } from '@client/components';
 
 // Specific
 import { 
@@ -15,53 +15,20 @@ import {
     Choice,
 } from './ChoiceSelector';
 
+import ChoiceElement from './ChoiceElement';
+
 /*----------------------------------
 - TYPES
 ----------------------------------*/
 
 export type Props = DropdownProps & SelectorProps & {
+    dropdown: boolean,
     title: string,
     errors?: string[],
 }
 
 export type { Choice } from './ChoiceSelector';
 
-const ChoiceElement = ({ choice, currentList, onChange, multiple, includeCurrent }: {
-    choice: Choice,
-    currentList: Choice[],
-    includeCurrent: boolean
-} & Pick<Props, 'onChange'|'multiple'>) => {
-
-    const isCurrent = currentList.some(c => c.value === choice.value);
-    if (isCurrent && !includeCurrent) return null;
-
-    return (
-        <li class={"badge clickable " + (isCurrent ? 'bg primary' : '')} onClick={() => {
-            onChange( current => {
-                
-                return multiple 
-                    ? (isCurrent
-                        ? current.filter(c => c.value !== choice.value)
-                        : [...(current || []), choice] 
-                    )
-                    : (isCurrent
-                        ? undefined
-                        : choice
-                    )
-            });
-
-        }}>
-            {/*search.keywords ? (
-                <span>
-                
-                    <strong>{search.keywords}</strong>{choice.label.slice( search.keywords.length )}
-
-                </span>
-            ) : */choice.label}
-        </li>
-    )
-}
-
 /*----------------------------------
 - COMONENT
 ----------------------------------*/
@@ -79,8 +46,8 @@ export default ({
     enableSearch, 
     value: current, 
     onChange, 
-    inline, 
     multiple, 
+    dropdown,
     ...otherProps
 }: Props) => {
 
@@ -88,6 +55,8 @@ export default ({
     - INIT
     ----------------------------------*/
 
+    const popoverState = React.useState(false);
+
     const choicesViaFunc = typeof initChoices === 'function';
     if (choicesViaFunc && enableSearch === undefined)
         enableSearch = true;
@@ -96,17 +65,39 @@ export default ({
 
     let className: string = 'input select txt-left';
 
-    const isRequired = required || validator?.options.min;
-
     const [search, setSearch] = React.useState<{
         keywords: string,
-        loading: boolean
+        loading: boolean,
+        focused: boolean
     }>({
         keywords: '',
-        loading: choicesViaFunc
+        loading: choicesViaFunc,
+        focused: true
     });
 
-    const [choices, setChoices] = React.useState<Choice[]>( choicesViaFunc ? [] : initChoices );
+    const [choices, setChoices] = React.useState<Choice[]>( choicesViaFunc 
+        ? [] 
+        : initChoices 
+    );
+
+    const displayChoices = (
+        enableSearch 
+        && 
+        choices.length !== 0 
+        && 
+        search.keywords.length !== 0
+        &&
+        search.focused
+    )
+
+    const isRequired = required || validator?.options.min;
+
+    const currentList: Choice[] = current === undefined
+        ? []
+        : (Array.isArray(current) 
+            ? current 
+            : [current]
+        );
 
     /*----------------------------------
     - ACTIONS
@@ -119,22 +110,79 @@ export default ({
                 setChoices(searchResults);
             })
         }
-    }, [initChoices, search.keywords]);
-
-    const currentList: Choice[] = current === undefined
-        ? []
-        : (Array.isArray(current) 
-            ? current 
-            : [current]
-        );
+    }, [
+        search.keywords,
+        // When initChoices is a function, React considers it's always different
+        // It avoids the choices are fetched everytimle the parent component is re-rendered
+        typeof initChoices === 'function' ? true : initChoices
+    ]);
 
     /*----------------------------------
     - RENDER
     ----------------------------------*/
-    return <>
+
+    const SelectedItems = ( enableSearch ? currentList : choices ).map( choice => (
+        <ChoiceElement choice={choice} 
+            currentList={currentList}
+            onChange={onChange}
+            multiple={multiple}
+            includeCurrent 
+        />
+    ))
+
+    const Search = enableSearch && (
+        <Input  
+            placeholder="Type your search here"
+            value={search.keywords} 
+            onChange={keywords => setSearch(s => ({ ...s, loading: true, keywords }))} 
+            inputRef={refInputSearch}
+        />
+    )
+
+    const SearchResults = displayChoices && (
+        <ul class="row al-left wrap sp-05" style={{
+            maxHeight: '30vh',
+            overflowY: 'auto'
+        }}>
+            {choices.map( choice => (
+                <ChoiceElement choice={choice} 
+                    currentList={currentList}
+                    onChange={onChange}
+                    multiple={multiple}
+                />
+            ))}
+        </ul>
+    )
+
+    return dropdown ? (
+        <Popover content={(
+            <div class="card col" style={{ width: '300px' }}>
+
+                <div class="col">
+
+                    {SelectedItems.length !== 0 && (
+                        <div class="row wrap">
+                            {SelectedItems}
+                        </div>
+                    )}
+
+                    {Search} 
+                </div>   
+
+                {SearchResults}
+            </div>
+        )} state={popoverState}>
+            <Button icon={icon} iconR="chevron-down" {...otherProps}>
+                {title} {(multiple && currentList.length > 0) 
+                    ? <span class="badge s bg accent">{currentList.length}</span> 
+                    : null
+                }
+            </Button>
+        </Popover>
+    ) : (
 
         <div class="col sp-05">
-            <div class={className} onClick={() => refInputSearch.current?.focus()}>
+            <div class={className} onMouseDown={() => refInputSearch.current?.focus()}>
                     
                 <div class="row al-left wrap pd-1">
                     
@@ -144,54 +192,25 @@ export default ({
 
                     <div class="col al-left sp-05">
                         
-                        <label>{title}{required && (
+                        <label>{title}{isRequired && (
                             <span class="fg error">&nbsp;*</span>
                         )}</label>
 
                         <div class="row al-left wrap sp-05">
+                            {SelectedItems} 
 
-                            {/*!isRequired && (
-                                <span class={"badge clickable " + (currentList.length === 0 ? 'bg primary' : '')}
-                                    onClick={() => onChange(multiple ? [] : undefined)}>
-                                    {noneSelection || 'None'}
-                                </span>
-                            )*/}
-
-                            {( enableSearch ? currentList : choices ).map( choice => (
-                                <ChoiceElement choice={choice} 
-                                    currentList={currentList}
-                                    onChange={onChange}
-                                    multiple={multiple}
-                                    includeCurrent 
-                                />
-                            ))}
-
-                            {enableSearch && (
-                                <Input  
-                                    placeholder="Type your search here"
-                                    value={search.keywords} 
-                                    onChange={keywords => setSearch(s => ({ ...s, loading: true, keywords }))} 
-                                    inputRef={refInputSearch}
-                                />
-                            )}    
+                            {Search}  
                         </div>
                     </div>
 
                 </div>
 
-                {(enableSearch && choices.length !== 0 && search.keywords.length !== 0) && (
-                    <ul class="row al-left wrap sp-05 pd-1" style={{
-                        maxHeight: '30vh',
-                        overflowY: 'auto'
-                    }}>
-                        {choices.map( choice => (
-                            <ChoiceElement choice={choice} 
-                                currentList={currentList}
-                                onChange={onChange}
-                                multiple={multiple}
-                            />
-                        ))}
-                    </ul>
+                {SearchResults && (
+                    <div class="pd-1">
+
+                        {SearchResults}
+
+                    </div>
                 )}
                 
             </div>
@@ -201,6 +220,5 @@ export default ({
                 </div>
             )}
         </div>
-
-    </>
+    )
 }

package/src/client/components/containers/Popover/index.tsx

@@ -105,9 +105,9 @@ export default (props: Props) => {
         renderedContent = React.cloneElement( 
             content, 
             {
-                className: (content.props.className || '') 
-                    + ' card popover pd-1' 
-                    + (position ? ' pos_' + position.cote : ''),
+                className: 'card popover pd-1' 
+                    + (position ? ' pos_' + position.cote : '')
+                    + ' ' + (content.props.className || ''),
 
                 ref: (ref: any) => {
                     if (ref !== null)

package/src/client/components/inputv3/file/index.less

@@ -23,6 +23,12 @@
         height: 100%;
     }
 
+    .preview {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
     input[type="file"] {
         cursor: pointer;
         opacity: 0;

package/src/client/components/inputv3/index.tsx

@@ -62,6 +62,13 @@ export default ({
 
     // Trigger onchange oly when finished typing
     const refCommit = React.useRef<NodeJS.Timeout | null>(null);
+
+    const refInput = inputRef || React.useRef<HTMLInputElement>();
+
+    /*----------------------------------
+    - ACTIONS
+    ----------------------------------*/
+
     React.useEffect(() => {
 
         if (refCommit.current !== null)
@@ -70,6 +77,15 @@ export default ({
         refCommit.current = setTimeout(commitValue, 500);
         
     }, [value]);
+    
+    React.useEffect(() => {
+
+        if (focus && props.onFocus)
+            props.onFocus(null);
+        else if (!focus && props.onBlur)
+            props.onBlur(null);
+        
+    }, [focus]);
 
     const updateValue = v => {
         if (type === 'number') {
@@ -82,8 +98,6 @@ export default ({
         } else
             setValue(v);
     }
-
-    const refInput = inputRef || React.useRef<HTMLInputElement>();
     
     /*----------------------------------
     - ATTRIBUTES

package/src/client/services/router/index.tsx

@@ -160,9 +160,15 @@ export default class ClientRouter<
         buildUrl(path, params, this.config.domains, absolute);
 
     public go( url: string ) {
+
         url = this.url(url, {}, false);
-        console.log( LogPrefix, "Go to", url);
-        history?.replace( url );
+
+        // Same domain = history url replacement
+        if (url[0] === '/')
+            history?.replace( url );
+        // Different domain = hard navigation
+        else
+            windows.location.href = url;
     }
 
     /*----------------------------------

package/src/client/services/router/request/api.ts

@@ -80,7 +80,7 @@ export default class ApiClient implements ApiClientService {
     public reload( ids?: string | string[], params?: TObjetDonnees ) {
 
         if (!('context' in this.router))
-            throw new Error("api.set is not available on server side.");
+            throw new Error("api.reload is not available on server side.");
         
         const page = this.router.context.page;
 

package/src/common/router/index.ts

@@ -122,8 +122,8 @@ export const defaultOptions = {
 ----------------------------------*/
 export const buildUrl = (
     path: string,
-    params: {} = {},
-    domains: TDomainsList,
+    params: {[alias: string]: any},
+    domains: {[alias: string]: string},
     absolute: boolean
 ) => {
 
@@ -135,7 +135,9 @@ export const buildUrl = (
 
         // Extract domain ID from path
         let domainId: string;
-        const slackPos = path.indexOf('/');
+        let slackPos = path.indexOf('/');
+        if (slackPos === -1)
+            slackPos = path.length;
         domainId = path.substring(1, slackPos);
         path = path.substring(slackPos);
 

package/src/common/router/request/api.ts

@@ -74,6 +74,8 @@ export default abstract class ApiClient {
 
     public abstract set( newData: TObjetDonnees );
 
+    public abstract reload( ids?: string | string[], params?: TObjetDonnees );
+
     /*----------------------------------
     - LOW LEVEL
     ----------------------------------*/

package/src/common/router/response/page.ts

@@ -82,18 +82,26 @@ export default abstract class PageResponse<TRouter extends ClientOrServerRouter
     ) {
 
         this.chunkId = context.route.options["id"];
+
+        this.fetchers = this.createFetchers();
        
     }
-    
-    public async fetchData() {
+
+    private createFetchers() {
 
         // Load the fetchers list to load data if needed
         const dataFetcher = this.route.options.data;
         if (dataFetcher)
-            this.fetchers = dataFetcher({
+            return dataFetcher({
                 ...this.context,
                 data: this.context.request.data
             });
+        else
+            return {}
+
+    }
+    
+    public async fetchData() {
 
         // Execute the fetchers for missing data
         debug && console.log(`[router][page] Fetching api data:` + Object.keys(this.fetchers));

package/src/common/validation/index.ts

@@ -1,4 +1,4 @@
 export { default as Schema } from './schema';
-export type { TSchemaFields } from './schema';
+export type { TSchemaFields, TValidatedData } from './schema';
 export { default as Validators } from './validators';
 export { default as Validator } from './validator';

package/src/common/validation/validators.ts

@@ -72,92 +72,109 @@ export default class SchemaValidators {
         choice?: any[],
         min?: number, 
         max?: number
-    } = {}) => {
+    } = {}) => new Validator<any[]>('array', (items, input, output, corriger) => {
 
-        return new Validator<any[]>('array', (items, input, output, corriger) => {
+        // Type
+        if (!Array.isArray(items))
+            throw new InputError("This value must be a list.");
 
-            // Type
-            if (!Array.isArray(items))
-                throw new InputError("This value must be a list.");
+        // Items number
+        if ((min !== undefined && items.length < min))
+            throw new InputError(`Please select at least ${min} items.`);
+        if ((max !== undefined && items.length > max))
+            throw new InputError(`Please select maximum ${max} items.`);
 
-            // Items number
-            if ((min !== undefined && items.length < min))
-                throw new InputError(`Please select at least ${min} items.`);
-            if ((max !== undefined && items.length > max))
-                throw new InputError(`Please select maximum ${max} items.`);
+        // Verif each item
+        if (subtype !== undefined) {
+            if (subtype instanceof Schema) {
 
-            // Verif each item
-            if (subtype !== undefined) {
-                if (subtype instanceof Schema) {
+                items = items.map( item =>
+                    subtype.validate( item, item, item, { }, []).values
+                )
 
-                    items = items.map( item =>
-                        subtype.validate( item, item, item, { }, []).values
-                    )
+            } else {
 
-                } else {
+                items = items.map( item =>
+                    subtype.validate( item, items, items, corriger )
+                )
 
-                    items = items.map( item =>
-                        subtype.validate( item, items, items, corriger )
-                    )
-
-                }
             }
+        }
 
-            return items;
-        }, {
-            ...opts,
-            //multiple: true, // Sélection multiple
-            //subtype
-        })
-    }
+        return items;
+    }, {
+        ...opts,
+        //multiple: true, // Sélection multiple
+        //subtype
+    })
 
-    public choice = (choices?: any[], opts: TValidator<any> & {} = {}) => 
-        new Validator<any>('choice', (val, input, output) => {
+    public choice = (choices?: any[], { multiple, ...opts }: TValidator<any> & { 
+        multiple?: boolean 
+    } = {}) => new Validator<any>('choice', (val, input, output) => {
 
-            // Choice object
-            if (typeof val === 'object' && ('value' in val) && typeof val.value !== 'object')
-                val = val.value;
+        // Empty array = undefined if not required
+        if (val.length === 0 && opts.opt)
+            return undefined;
 
-            if (choices !== undefined) {
-                const isValid = choices.some(v => v.value === val);
-                if (!isValid)
-                    throw new InputError("Invalid value. Must be: " + choices.map(v => v.value).join(', '));
-            }
+        // Normalize for verifications
+        const choicesValues = choices?.map(v => v.value)
 
-            return val;
+        const checkChoice = ( choice: any ) => {
 
-        }, opts, { choices })
+            // Choice object = extract value
+            if (typeof choice === 'object' && ('value' in choice) && typeof choice.value !== 'object')
+                choice = choice.value;
 
-    /*----------------------------------
-    - CHAINES
-    ----------------------------------*/
-    public string = ({ min, max, ...opts }: TValidator<string> & { min?: number, max?: number } = {}) => 
-        new Validator<string>('string', (val, input, output, corriger?: boolean) => {
+            // If choices list rpovided, check if the choice is in the choices list
+            if (choicesValues !== undefined && !choicesValues.includes(choice))
+                throw new InputError("Invalid value: " + choice + ". Must be: " + choicesValues.join(', '));
 
-            if (val === '')
-                return undefined;
-            else if (typeof val === 'number')
-                return val.toString();
-            else if (typeof val !== 'string')
-                throw new InputError("This value must be a string.");
+            return choice;
 
-            // Espaces blancs
-            val = trim(val);
+        }
 
-            // Taille min
-            if (min !== undefined && val.length < min)
-                throw new InputError(`Must be at least ` + min + ' characters');
+        // Check every choice
+        if (Array.isArray( val ))
+            val = val.map(checkChoice)
+        else 
+            val = checkChoice( val );
 
-            // Taille max
-            if (max !== undefined && val.length > max)
-                if (corriger)
-                    val = val.substring(0, max);
-                else
-                    throw new InputError(`Must be up to ` + max + ' characters');
+        return val;
 
-            return val;
-            
-        }, opts)
+    }, opts, { choices, multiple })
+
+    /*----------------------------------
+    - CHAINES
+    ----------------------------------*/
+    public string = ({ min, max, ...opts }: TValidator<string> & { 
+        min?: number, 
+        max?: number 
+    } = {}) => new Validator<string>('string', (val, input, output, corriger?: boolean) => {
+
+        if (val === '')
+            return undefined;
+        else if (typeof val === 'number')
+            return val.toString();
+        else if (typeof val !== 'string')
+            throw new InputError("This value must be a string.");
+
+        // Espaces blancs
+        val = trim(val);
+
+        // Taille min
+        if (min !== undefined && val.length < min)
+            throw new InputError(`Must be at least ` + min + ' characters');
+
+        // Taille max
+        if (max !== undefined && val.length > max)
+            if (corriger)
+                val = val.substring(0, max);
+            else
+                throw new InputError(`Must be up to ` + max + ' characters');
+
+        return val;
+        
+    }, opts)
 
     public url = (opts: TValidator<string> & {
         normalize?: NormalizeUrlOptions

package/src/server/services/console/index.ts

@@ -139,6 +139,9 @@ export default class Console extends Service<Config, Hooks, Application, Service
 
         const origLog = console.log
 
+        const envConfig = this.config[ this.app.env.profile === 'prod' ? 'prod' : 'dev' ];
+        const minLogLevel = logLevels[ envConfig.level ];
+
         this.logger = new Logger({
             // Use to improve performance in production
             hideLogPositionForProduction: this.app.env.profile === 'prod',
@@ -173,10 +176,11 @@ export default class Console extends Service<Config, Hooks, Application, Service
             return;
 
         for (const logLevel in logLevels) {
+            const levelNumber = logLevels[ logLevel ];
             console[ logLevel ] = (...args: any[]) => {
 
                 // Dev mode = no care about performance = rich logging
-                if (this.app.env.profile === 'dev' || ['warn', 'error'].includes( logLevel ))
+                if (levelNumber >= minLogLevel)
                     //this.logger[ logLevel ](...args);
                     origLog(...args);
                 // Prod mode = minimal logging  

package/src/server/services/database/index.ts

@@ -176,9 +176,7 @@ export default class SQL extends Service<Config, Hooks, Application, Services> {
         // TODO: do it via datatypes.ts
         if (typeof data === 'object' && data !== null) {
 
-            if (Array.isArray(data))
-                data = data.join(',')
-            else if (data.constructor.name === "Object")
+            if (data.constructor.name === "Object")
                 data = safeStringify(data);
         }
     
@@ -516,8 +514,8 @@ export default class SQL extends Service<Config, Hooks, Application, Services> {
         let valuesNamesToUpdate: (keyof TData)[] = [];
         if (colsToUpdate === '*') {
 
-            console.log(LogPrefix, `Automatic upsert into ${table.chemin} using ${table.pk.join(', ')} as pk`);
             valuesNamesToUpdate = Object.keys(table.colonnes);// table.columnNamesButPk;
+            console.log(LogPrefix, `Automatic upsert into ${table.chemin} using ${table.pk.join(', ')} as pk: ${valuesNamesToUpdate.join(', ')}`);
             // We don't take columnNamesButPk, because if all the columns are pks, we don't have yny value for the ON DUPLICATE KEY
             //  Meaning
 

package/src/server/services/router/http/index.ts

@@ -120,6 +120,7 @@ export default class HttpServer {
             expressStaticGzip( Container.path.root + '/bin/public', {
                 enableBrotli: true,
                 serveStatic: {
+                    dotfiles: 'deny',
                     setHeaders: function setCustomCacheControl(res, path) {
 
                         const dontCache = [

package/src/server/services/router/request/api.ts

@@ -47,10 +47,18 @@ export default class ApiClientRequest extends RequestService implements ApiClien
     public delete = <TData extends unknown = unknown>(path: string, data?: TObjetDonnees, opts?: TApiFetchOptions) => 
         this.createFetcher<TData>('DELETE', path, data, opts);
 
+    /*----------------------------------
+    - PLACEHOLDERS
+    ----------------------------------*/
+
     public set( newData: TObjetDonnees ) {
         throw new Error("api.set is not available on server side.");
     }
 
+    public reload( ids?: string | string[], params?: TObjetDonnees ) {
+        throw new Error("api.set is not available on server side.");
+    }
+
     /*----------------------------------
     - API CALLS FROM SERVER
     ----------------------------------*/