5htp-core 0.2.7 → 0.2.8

package/package.json

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

package/src/client/components/Dialog/Manager.tsx

@@ -46,6 +46,7 @@ export type TDialogControls = {
 type DialogActions = {
 
     setToasts: ( setter: (old: ComponentChild[]) => ComponentChild[]) => void,
+    setModals: ( setter: (old: ComponentChild[]) => ComponentChild[]) => void,
 
     show: (
         // On utilise une fonction pour pouvoir accéder aux fonctions (close, ...) lors de la déclaration des infos de la toast
@@ -81,9 +82,13 @@ export const createDialog = (app: Application, isToast: boolean): DialogActions
         let onClose: TOnCloseCallback<TReturnType>;
         const id = idA++;
 
+        const setDialog = isToast
+            ? instance.setToasts
+            : instance.setModals;
+
         const close = (retour: TReturnType) => {
 
-            instance.setToasts(q => q.filter(m => m.id !== id))
+            setDialog(q => q.filter(m => m.id !== id))
 
             if (onClose !== undefined)
                 onClose(retour);
@@ -145,7 +150,7 @@ export const createDialog = (app: Application, isToast: boolean): DialogActions
 
             render["id"] = id;
 
-            instance.setToasts(q => [...q, render]);
+            setDialog(q => [...q, render]);
         });
 
         return {
@@ -159,6 +164,7 @@ export const createDialog = (app: Application, isToast: boolean): DialogActions
         show: show,
 
         setToasts: undefined as unknown as DialogActions["setToasts"],
+        setModals: undefined as unknown as DialogActions["setModals"],
 
         confirm: (title: string, content: string | ComponentChild, defaultBtn: 'Yes'|'No' = 'No') => show<boolean>(({ close }) => (
             <div class="card col">
@@ -228,16 +234,19 @@ export default () => {
 
     const app = useContext();
 
-    const [rendered, setRendered] = React.useState<ComponentChild[]>([]);
+    const [modals, setModals] = React.useState<ComponentChild[]>([]);
+    const [toasts, setToasts] = React.useState<ComponentChild[]>([]);
 
-    if (app.side === 'client')
-        app.modal.setToasts = app.toast.setToasts = setRendered;
+    if (app.side === 'client') {
+        app.modal.setModals = setModals;
+        app.toast.setToasts = setToasts;
+    }
 
     React.useEffect(() => {
 
         console.log('Updated toast list');
 
-        const modals = document.querySelectorAll("#dialog > .modal");
+        const modals = document.querySelectorAll("#modals > .modal");
         if (modals.length === 0)
             return;
 
@@ -259,10 +268,18 @@ export default () => {
 
     });
     
-    return rendered.length !== 0 ? (
-        <div id="dialog">
-            {rendered}
-        </div>
-    ) : null;
+    return <>
+        {modals.length !== 0 ? (
+            <div id="modals">
+                {modals}
+            </div>
+        ) : null}
+
+        {toasts.length !== 0 ? (
+            <div id="toasts">
+                {toasts}
+            </div>
+        ) : null}
+    </>
 
 }

package/src/client/components/Dialog/card.tsx

@@ -169,7 +169,6 @@ export default ({
                     ) : title}
 
                     {(!prison && close) && (
-
                         <Button class="close" icon="solid/times" size="s" shape="pill" onClick={async () => {
                             if (typeof close === "function") {
 
@@ -179,7 +178,6 @@ export default ({
                                     close(false);
                             }
                         }} />
-
                     )}
 
                 </header>

package/src/client/components/Dialog/index.less

@@ -1,6 +1,6 @@
 @toast-zindex: 999;
 
-#dialog {
+#modals, #toasts {
 
     z-index: @toast-zindex;
 
@@ -10,11 +10,10 @@
     justify-content: flex-end;
     gap: @spacing;
     padding: @spacing;
-
+    
     &,
     > .modal {
         position: fixed;
-        top: 0px; 
         left: 0px; 
         right: 0px; 
         bottom: 0px;
@@ -35,40 +34,13 @@
             margin-top: 0;
         }        
     }
+}
 
-    // Toast
-    > .card {
-
-        text-align: left;
-        max-width: 450px;
-        z-index: 999;
-        cursor: pointer;
-        padding-right: @spacing * 1.5;
-
-        animation: aff-toast 0.1s ease;
-        @keyframes aff-toast {
-            0% {
-                opacity: 0.5;
-                transform: scale(0.5);
-            }
-            100% {
-                opacity: 1;
-                transform: scale(1);
-            }
-        }    
-        
-        > i {
-            color: @c1;
-            flex: 0 0 1em;
-        }
-
-        h2 {
-            font-size: 1em;
-        }
+#modals {
 
-        p {
-            text-align: left;
-        }
+    &,
+    > .modal {
+        top: 0px; 
     }
 
     > .modal {
@@ -136,6 +108,43 @@
     }
 }
 
+#toasts {
+    // Toast
+    > .card {
+
+        text-align: left;
+        max-width: 450px;
+        z-index: 999;
+        cursor: pointer;
+        padding-right: @spacing * 1.5;
+
+        animation: aff-toast 0.1s ease;
+        @keyframes aff-toast {
+            0% {
+                opacity: 0.5;
+                transform: scale(0.5);
+            }
+            100% {
+                opacity: 1;
+                transform: scale(1);
+            }
+        }    
+        
+        > i {
+            color: @c1;
+            flex: 0 0 1em;
+        }
+
+        h2 {
+            font-size: 1em;
+        }
+
+        p {
+            text-align: left;
+        }
+    }
+}
+
 // Selecteur moins profond pour que les clases utilitaires (w-a-x) soient prioritaires
 .modal > .card {
     max-width: 500px;

package/src/client/components/Form.ts

@@ -158,6 +158,9 @@ export default function useForm<TFormData extends {}>(
     if (fields.current === null || Object.keys(schema).join(',') !== Object.keys(fields.current).join(',')) {
         fields.current = {}
         for (const fieldName in schema.fields) {
+
+            const validator = schema.fields[fieldName];
+
             fields.current[fieldName] = {
 
                 // Value control
@@ -182,8 +185,8 @@ export default function useForm<TFormData extends {}>(
 
                 // Error
                 errors: state.errors[fieldName],
-                required: schema.fields[fieldName].options?.opt !== true,
-                validator: schema.fields[fieldName]
+                required: validator.options?.opt !== true,
+                validator: validator,
             }
         }
     }

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

@@ -4,12 +4,13 @@
 
 // Npm
 import React from 'react';
-import type { ComponentChild, RefObject } from 'preact';
+import type { JSX, ComponentChild, RefObject } from 'preact';
 import type { StateUpdater } from 'preact/hooks';
 
 // Core
 import Button from '@client/components/button';
 import Input from '@client/components/inputv3';
+import type { TDialogControls } from '@client/components/dropdown';
 
 /*----------------------------------
 - TYPES
@@ -42,7 +43,7 @@ export type Props = (
     required?: boolean,
     noneSelection?: false | string,
     currentList: Choice[],
-    refPopover?: RefObject<HTMLElement>
+    refDropdown?: RefObject<TDialogControls>
 }
 
 /*----------------------------------
@@ -53,7 +54,7 @@ export type Props = (
     - we don't want the selector to be rendered before the dropdown content is dhown
     - this component is called multiple time
 */
-export default ({
+export default React.forwardRef<HTMLDivElement, Props>(({
     choices: initChoices, 
     validator, 
     required, 
@@ -64,8 +65,9 @@ export default ({
     inline, 
     multiple, 
     currentList,
-    refPopover
-}: Props) => {
+    refDropdown,
+    ...otherProps
+}: Props, ref) => {
 
     /*----------------------------------
     - INIT
@@ -102,7 +104,7 @@ export default ({
     - RENDER
     ----------------------------------*/
     return (
-        <div class={(inline ? '' : 'card ') + "col al-top"} ref={refPopover}>
+        <div {...otherProps} className={(inline ? '' : 'card ') + "col al-top " + (otherProps.className || '')} ref={ref}>
 
            {enableSearch && (
                <Input icon="search" 
@@ -113,21 +115,6 @@ export default ({
                />
            )}
 
-           {currentList.length !== 0 && (
-               <ul class="col menu">
-                   {currentList.map(choice => (
-                       <Button size="s" onClick={() => {
-                           onChange( current => multiple 
-                               ? current.filter(c => c.value !== choice.value)
-                               : undefined
-                           );
-                       }} suffix={<i src="check" class="fg primary" />}>
-                           {choice.label}
-                       </Button>
-                   ))}
-               </ul>
-           )}
-
            {choices === null ? (
                <div class="row h-3 al-center">
                    <i src="spin" />
@@ -136,15 +123,28 @@ export default ({
                <ul class="col menu">
                    {choices.map( choice => {
                        const isCurrent = currentList.some(c => c.value === choice.value);
-                       return !isCurrent && (
+                       return (
                            <li>
                                <Button size="s" onClick={() => {
-                                   onChange( current => {
-                                       return multiple 
-                                           ? [...(current || []), choice] 
-                                           : choice
-                                   });
-                               }}>
+                                    onChange( current => {
+
+                                        console.log("click select", current, multiple, choice);
+
+                                        return multiple 
+                                            ? (isCurrent
+                                                ? current.filter(c => c.value !== choice.value)
+                                                : [...(current || []), choice] 
+                                            )
+                                            : (isCurrent
+                                                ? undefined
+                                                : choice
+                                            )
+                                    });
+
+                                    if (!multiple)
+                                        refDropdown?.current?.close(true);
+
+                               }} suffix={ isCurrent && <i src="check" class="fg primary" /> }>
                                    {/*search.keywords ? (
                                        <span>
                                        
@@ -169,4 +169,4 @@ export default ({
            )}
        </div>
    )
-}
+})

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

@@ -6,7 +6,7 @@
 import React from 'react';
 
 // Core
-import Dropdown, { TDialogControls, Props as DropdownProps } from '@client/components/dropdown';
+import Dropdown, { TDropdownControl, Props as DropdownProps } from '@client/components/dropdown';
 
 // Specific
 import ChoiceSelector, { 
@@ -36,7 +36,7 @@ export default ({
     - INIT
     ----------------------------------*/
 
-    const refModal = React.useRef<TDialogControls>(null);
+    const refDropdown = React.useRef<TDropdownControl>(null);
 
     /*----------------------------------
     - ACTIONS
@@ -56,9 +56,9 @@ export default ({
         {props.inline ? (
             <ChoiceSelector {...props} currentList={currentList} />
         ) : (
-            <Dropdown {...props} content={(() =>
-                <ChoiceSelector {...props} currentList={currentList} />
-            )} iconR="chevron-down" refModal={refModal}>
+            <Dropdown {...props} content={(
+                <ChoiceSelector {...props} currentList={currentList} refDropdown={refDropdown} />
+            )} iconR="chevron-down" refDropdown={refDropdown}>
 
                 {currentList.length === 0
                     ? title

package/src/client/components/containers/Popover/getPosition.ts

@@ -1,6 +1,6 @@
 export type TSide = "left"|"top"|"right"|"bottom";
 
-const debug = true;
+const debug = false;
 
 export type TPosition = ReturnType<typeof corrigerPosition>
 
@@ -129,7 +129,7 @@ export default function corrigerPosition(
         debug && console.log(`[popover] Left: Conservation`, posFinale.left);
     }
 
-    console.log({ posInit, dimsPop, frontieres }, { posFinale });
+    debug && console.log({ posInit, dimsPop, frontieres }, { posFinale });
 
     return {
         css: posFinale,

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

@@ -3,7 +3,8 @@
 ----------------------------------*/
 
 // Npm
-import React, { JSX, ComponentChild } from 'react';
+import React from 'react';
+import { JSX, ComponentChild } from 'preact';
 import type { StateUpdater } from 'preact/hooks';
 
 // Libs
@@ -15,11 +16,11 @@ import useContexte from '@/client/context';
 - TYPES
 ----------------------------------*/
 
-export type Props = {
+export type Props = JSX.HTMLAttributes<HTMLDivElement> & {
     id?: string,
 
     // Display
-    content?: JSX.Element | (() => JSX.Element),
+    content?: JSX.Element,
     state: [boolean, StateUpdater<boolean>],
     width?: number | string,
     disable?: boolean
@@ -53,7 +54,7 @@ export default (props: Props) => {
         ...autresProps
     } = props;
 
-    const [position, setPosition] = React.useState<TPosition>(undefined);
+    const [position, setPosition] = React.useState<TPosition | undefined>(undefined);
     const refCont = React.useRef<HTMLElement>(null);
     const refContent = React.useRef<HTMLElement>(null);
 
@@ -61,7 +62,7 @@ export default (props: Props) => {
 
     // Màj visibilite
     React.useEffect(() => {
-        if (shown === true) {
+        if (shown === true && refContent.current !== null && refCont.current !== null) {
 
             // Positionnement si affichage
             setPosition(
@@ -70,7 +71,7 @@ export default (props: Props) => {
                     refContent.current, 
                     false, 
                     side, 
-                    frame || document.getElementById('page')
+                    frame || document.getElementById('page') || undefined
                 )
             );
 
@@ -100,17 +101,20 @@ export default (props: Props) => {
 
     let renderedContent: ComponentChild;
     if (active) {
-        content = typeof content === 'function' ? React.createElement(content) : content;
+        //content = typeof content === 'function' ? React.createElement(content) : content;
+        console.log("render content", content);
         renderedContent = React.cloneElement( 
             content, 
             {
                 className: (content.props.className || '') 
                     + ' card white popover pd-1' 
                     + (position ? ' pos_' + position.cote : ''),
+
                 ref: (ref: any) => {
                     if (ref !== null)
                         refContent.current = ref
                 },
+
                 style: {
                     ...(content.props.style || {}),
                     ...(position ? {

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

@@ -8,18 +8,19 @@ import { ComponentChild, RefObject } from 'preact';
 
 // Core
 import Button, { Props as ButtonProps } from '../button';
-import { TDialogControls } from '../Dialog/Manager';
 import Popover from '../containers/Popover';
 
 /*----------------------------------
 - TYPES
 ----------------------------------*/
 
-export type { TDialogControls } from '../Dialog/Manager';
-
 export type Props = ButtonProps & {
     content: ComponentChild | (() => ComponentChild),
-    refModal?: RefObject<TDialogControls>
+    refDropdown?: RefObject<TDropdownControl>
+}
+
+export type TDropdownControl = {
+    close: () => void
 }
 
 /*----------------------------------
@@ -29,7 +30,7 @@ export default (props: Props) => {
 
     let {
         content,
-        refModal,
+        refDropdown,
         ...buttonProps
     } = props;
 
@@ -37,6 +38,11 @@ export default (props: Props) => {
 
     const refButton = React.useRef<HTMLElement>(null);
 
+    if (refDropdown)
+        refDropdown.current = {
+            close: () => popoverState[1]( false )
+        }
+
     return (
         <Popover content={content} state={popoverState}>
             <Button {...buttonProps} refElem={refButton} />

package/src/client/components/dropdown.old/index.tsx

@@ -10,7 +10,7 @@ import { ComponentChild } from 'preact';
 import Button, { Props as ButtonProps } from '../button';
 
 // Libs
-import { TPopoverControls, PopoverProps } from './Manager';
+import { TPopover, PopoverProps } from './Manager';
 import useContexte from '@client/context';
 
 /*----------------------------------
@@ -77,7 +77,7 @@ export default (props: Props) => {
     }
 
     const refButton = React.useRef<HTMLElement>(null);
-    const refPopover = React.useRef<TPopoverControls>(null);
+    const refPopover = React.useRef<TPopover>(null);
 
     let classe = buttonProps.class === undefined
         ? "dropdown"

package/src/client/components/inputv3/base.less

@@ -49,6 +49,7 @@
 
         height: @labelH;
         font-size: 0.8em;
+        line-height: 0.8em;
         color: var(--cTxtDesc);
         transition: all .1s ease-out;
     }

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

@@ -4,11 +4,13 @@
 
 // Npm
 import React from 'react';
-import { ComponentChild, JSX } from 'preact';
+import { VNode, JSX } from 'preact';
 import TextareaAutosize from 'react-textarea-autosize';
 
 // Core libs
 import { useInput, InputBaseProps } from './base';
+import { default as Validator } from '../../../common/validation/validator';
+import type SchemaValidators from '@common/validation/validators';
 
 /*----------------------------------
 - TYPES
@@ -17,20 +19,25 @@ export type Props = {
 
     // Decoration
     icon?: string,
-    prefix?: React.VNode,
-    suffix?: React.VNode,
+    prefix?: VNode,
+    suffix?: VNode,
     iconR?: string,
 
     // State
     inputRef?: React.Ref<HTMLInputElement>
 
-    // Behavior
-    type?: 'email' | 'password' | 'longtext' | 'number',
-    choice?: string[] | ((input: string) => Promise<string[]>),
-
     // Actions
     onPressEnter?: (value: string) => void,
-}
+} & ({
+    type?: 'email' | 'password' | 'longtext'
+    validator?: Validator<string>,
+
+    // Behavior
+    choice?: string[] | ((input: string) => Promise<string[]>),
+} | {
+    type: 'number',
+    validator?: ReturnType< SchemaValidators["number"] >,
+})
 
 /*----------------------------------
 - COMPOSANT
@@ -41,7 +48,7 @@ export default ({
     // State
     inputRef, errors,
     // Behavior
-    type, choice, 
+    type, choice, validator,
     // Actions
     onPressEnter,
     ...props 
@@ -104,7 +111,7 @@ export default ({
         suffix = <i src={iconR} />
 
     // When no value, show the lable as a placeholder
-    if (value === '')
+    if (value === '' || value === undefined)
         className += ' empty';
     if (focus)
         className += ' focus';
@@ -114,6 +121,21 @@ export default ({
     if (props.className !== undefined)
         className += ' ' + props.className;
 
+    /*----------------------------------
+    - VALIDATION
+    ----------------------------------*/
+
+    // Map vaidation options to input props
+    if (validator?.options) {
+        if (type === 'number') {
+            ({
+                min: fieldProps.min,
+                max: fieldProps.max,
+                steps: fieldProps.steps,
+            } = validator.options)  
+        }
+    }
+
     /*----------------------------------
     - RENDER
     ----------------------------------*/

package/src/client/utils/dom.ts

@@ -69,11 +69,9 @@ export const blurable = (...args: [HTMLElement, Function][]) => {
 
 export const focusContent = ( container: HTMLElement ) => {
 
-    const toFocus = container.querySelector(
+    const toFocus = container.querySelector<HTMLInputElement | HTMLTextAreaElement | HTMLButtonElement>(
         'input, textarea, button.btn.primary, footer > button.btn'
     ) || container;
 
-    console.log('Element to focus', toFocus);
-    // TODO: Type only docusable elemnts
     toFocus?.focus();
 }

package/src/common/validation/validators.ts

@@ -41,7 +41,7 @@ const raccourcisMime = {
 /*----------------------------------
 - CLASS
 ----------------------------------*/
-export default class SchemaValidator {
+export default class SchemaValidators {
 
     /*----------------------------------
     - CONTENEURS
@@ -185,6 +185,7 @@ export default class SchemaValidator {
     public number = (withDecimals: boolean) => ({ ...opts }: TValidator<number> & {
         min?: number,
         max?: number,
+        step?: number,
     } = {}) => new Validator<number>('number', (val, input, output, corriger?: boolean) => {
 
         // Vérifications suivantes inutiles si des values spécifiques ont été fournies

package/src/server/app/index.ts

@@ -68,6 +68,7 @@ export default abstract class Application extends Service<Config, Hooks, /* TODO
         public: process.cwd() + '/public',
 
         // TODO: move to disk
+        var: process.cwd() + '/var',
         typings: process.cwd() + '/var/typings',
         cache: process.cwd() + '/var/cache',
         data: process.cwd() + '/var/data',

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

@@ -190,10 +190,10 @@ export default class Console extends Service<Config, Hooks, Application> {
     }
 
     private clean() {
-        this.config.debug && console.log(LogPrefix, `Clean logs buffer. Current size:`, this.logs.length, '/', this.config.bufferLimit);
+        /*this.config.debug && console.log(LogPrefix, `Clean logs buffer. Current size:`, this.logs.length, '/', this.config.bufferLimit);
         const bufferOverflow = this.logs.length - this.config.bufferLimit;
         if (bufferOverflow > 0)
-            this.logs = this.logs.slice(bufferOverflow);
+            this.logs = this.logs.slice(bufferOverflow);*/
     }
 
     /*----------------------------------
@@ -213,6 +213,8 @@ export default class Console extends Service<Config, Hooks, Application> {
             console.error(`Error caused by this query:`, printedQuery);
         }
         console.error(LogPrefix, `Sending bug report for the following error:`, error);
+        if (error.dataForDebugging !== undefined)
+            console.error(LogPrefix, `More data about the error:`, error.dataForDebugging);
 
         // Prevent spamming the mailbox if infinite loop 
         const bugId = ['server', request?.user?.name, undefined, error.message].filter(e => !!e).join('::');
@@ -230,7 +232,7 @@ export default class Console extends Service<Config, Hooks, Application> {
         // On envoi l'email avant l'insertion dans bla bdd
         // Car cette denrière a plus de chances de provoquer une erreur
         const logsHtml = this.printHtml(
-            this.logs.filter(e => e.channelId === channelId), 
+            this.logs/*.filter(e => e.channelId === channelId)*/.slice(-100), 
             true
         );
 
@@ -372,7 +374,7 @@ export default class Console extends Service<Config, Hooks, Application> {
             }
         }
         
-        return this.printHtml( entries.reverse() );
+        return this.printHtml( entries );
     }
  
     public printHtml(logs: TLog[], full: boolean = false): string {

package/src/server/services/disks/driver.ts

@@ -0,0 +1,86 @@
+/*----------------------------------
+- DEPS
+----------------------------------*/
+
+// Core
+import Application, { Service } from '@server/app';
+
+/*----------------------------------
+- CONFIG
+----------------------------------*/
+
+export type THooks = {
+
+}
+
+/*----------------------------------
+- TYPE
+----------------------------------*/
+
+export type TDrivercnfig = {
+
+    debug: boolean,
+
+    rootDir: string,
+    buckets: {
+        [id: string]: string
+    }
+}
+
+export type SourceFile = { 
+    name: string, 
+    path: string, 
+    modified: number, 
+    parentFolder: string,
+    source: string 
+}
+
+export type TOutputFileOptions = {
+    encoding: string
+}
+
+export type TReadFileOptions = {
+    encoding?: 'string'|'buffer',
+    withMetas?: boolean
+}
+
+/*----------------------------------
+- CLASS
+----------------------------------*/
+
+export default abstract class FsDriver<
+    Config extends TDrivercnfig = TDrivercnfig,
+    TBucketName = keyof Config["buckets"]
+> {
+
+    public constructor( public app: Application, public config: Config ) {
+
+    }
+
+    public abstract mount(): Promise<void>;
+    
+    public abstract readDir( bucketName: TBucketName, dirname?: string ): Promise<SourceFile[]>;
+
+    public abstract readFile( 
+        bucketName: TBucketName, 
+        filename: string, 
+        options: TReadFileOptions
+    ): Promise<string>;
+
+    public abstract createReadStream( bucketName: TBucketName, filename: string );
+
+    public abstract exists( bucketName: TBucketName, filename: string ): Promise<boolean>;
+
+    public abstract move( bucketName: TBucketName, source: string, destination: string, options: { overwrite?: boolean }): Promise<void>;
+
+    public abstract outputFile( bucketName: TBucketName, filename: string, content: string, encoding: TOutputFileOptions ): Promise<{
+        path: string
+    }>;
+
+    public abstract readJSON( bucketName: TBucketName, filename: string ): Promise<any>;
+
+    public abstract delete( bucketName: TBucketName, filename: string ): Promise<boolean>;
+
+    public abstract unmount(): Promise<void>;
+
+}

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

@@ -0,0 +1,63 @@
+/*----------------------------------
+- DEPS
+----------------------------------*/
+
+// Core
+import Application, { Service } from '@server/app';
+
+// Specific
+import type Driver from './driver';
+
+/*----------------------------------
+- TYPES
+----------------------------------*/
+
+type TMountpointList = { [name: string]: Driver }
+
+type Config<MountpointList extends TMountpointList> = {
+    default: keyof MountpointList,
+}
+
+export type Hooks = {
+
+}
+
+/*----------------------------------
+- SERVICE
+----------------------------------*/
+export default class DisksManager<
+    MountpointList extends TMountpointList = {},
+    TConfig extends Config<MountpointList> = Config<MountpointList>,
+    TApplication extends Application = Application
+> extends Service<TConfig, Hooks, TApplication> {
+
+    public default: Driver;
+
+    public constructor( 
+        public app: TApplication, 
+        public config: TConfig,
+        public mounted:  MountpointList
+    ) {
+
+        super(app, config);
+
+        if (Object.keys( mounted ).length === 0)
+            throw new Error("At least one disk should be mounted.");
+
+        const defaultDisk = mounted[ config.default ];
+        if (defaultDisk === undefined)
+            console.log(`Default disk "${config.default as string}" not mounted.`);
+
+        this.default = defaultDisk;
+
+    }
+
+    public async register() {
+
+    }
+
+    public async start() {
+
+    }
+
+}

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

@@ -93,7 +93,7 @@ export default class FetchService extends Service<Config, Hooks, Application> {
 
         // Convert to webp and finalize
         const processedBuffer = await processing.webp({ quality }).toBuffer().catch(e => {
-            console.error(LogPrefix, `Error while processing image at ${imageBuffer}:`, e);
+            console.error(LogPrefix, `Error while processing image at ${imageFileUrl}:`, e);
             return null;
         })
 

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

@@ -21,6 +21,7 @@ import type { GlobImportedWithMetas } from 'babel-plugin-glob-import';
 // Core
 import Application, { Service } from '@server/app';
 import context from '@server/context';
+import type DiskDriver from '@server/services/disks/driver';
 import { CoreError, NotFound } from '@common/errors';
 import BaseRouter, {
     TRoute, TErrorRoute, TRouteModule,
@@ -88,6 +89,8 @@ export type Config<
 
     debug: boolean,
 
+    disk: DiskDriver,
+
     http: HttpServiceConfig
 
     // Set it as a function, so when we instanciate the services, we can callthis.router to pass the router instance in roiuter services
@@ -282,7 +285,7 @@ export default class ServerRouter<
         //await TrackingService.LoadCache();
 
         // Generate typescript typings
-        if (this.app.env.profile = 'dev')
+        if (this.app.env.profile === 'dev')
             this.genTypings();
 
         // Ordonne par ordre de priorité
@@ -550,11 +553,12 @@ declare type Routes = {
         // Rapport / debug
         if (code === 500) {
 
+            // Print the error here so the stacktrace appears in the bug report logs
+            console.log(LogPrefix, "Error catched from the router:", e);
+
             // Report error
             await this.app.runHook('error', e, request);
 
-            console.log("ERROR 500 VIA ROUTER", e);
-
             // Don't exose technical errors to users
             if (this.app.env.profile === 'prod')
                 e.message = "We encountered an internal error, and our team has just been notified. Sorry for the inconvenience.";

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

@@ -8,7 +8,6 @@
 ----------------------------------*/
 
 // Npm
-import fs from 'fs-extra';
 import express from 'express';
 
 // Core
@@ -241,28 +240,29 @@ export default class ServerResponse<
     }
 
     // TODO: https://github.com/adonisjs/http-server/blob/develop/src/Response/index.ts#L430
-    public file( fichier: string ) {
+    public async file( fichier: string ) {
 
         // Securité
         if (fichier.includes('..'))
             throw new Forbidden("Disallowed");
 
-        // Force absolute path
-        if (!fichier.startsWith( this.app.path.root ))
-            fichier = fichier[0] === '/'
-                ? this.app.path.root + '/bin' + fichier
-                : this.app.path.data + '/' + fichier;
+        // // Force absolute path
+        // if (!fichier.startsWith( this.app.path.root ))
+        //     fichier = fichier[0] === '/'
+        //         ? this.app.path.root + '/bin' + fichier
+        //         : this.app.path.data + '/' + fichier;
 
-        console.log(`[response] Serving file "${fichier}"`);
+        const disk = this.router.config.disk;
 
         // Verif existance
-        if (!fs.existsSync(fichier)) {
+        const fileExists = await disk.exists('data', fichier);
+        if (!fileExists) {
             console.log("File " + fichier + " was not found.");
             throw new NotFound();
         }
 
         // envoi fichier
-        this.data = fs.readFileSync(fichier);
+        this.data = await disk.readFile('data', fichier);
         return this.end();
     }
 

package/src/server/services/security/encrypt/aes.ts

@@ -3,7 +3,7 @@
 ----------------------------------*/
 
 // Nodejs
-import crypto from 'crypto';
+import crypto, { Encoding } from 'crypto';
 
 // Core
 import Application, { Service } from '@server/app';
@@ -20,7 +20,11 @@ import { Forbidden } from '@common/errors';
 
 export type Config = {
     debug?: boolean,
+    // Initialisation vector
+    // Generate one here: https://www.allkeysgenerator.com/Random/Security-Encryption-Key-Generator.aspx
     iv: string,
+    // Define usage-specific keys
+    // You can also generate one via the link upper
     keys: {[keyName: string]: string}
 }
 
@@ -28,6 +32,14 @@ export type Hooks = {
 
 }
 
+type TEncryptOptions = {
+    encoding: Encoding
+}
+
+type TDecryptOptions = {
+    encoding: Encoding
+}
+
 /*----------------------------------
 - SERVICE
 ----------------------------------*/
@@ -41,27 +53,31 @@ export default class AES<TConfig extends Config = Config> extends Service<TConfi
 
     }
 
-    public encrypt( keyName: keyof TConfig["keys"], data: any ) {
+    public encrypt( keyName: keyof TConfig["keys"], data: any, options: TEncryptOptions = {
+        encoding: 'base64url'
+    }) {
 
         const encKey = this.config.keys[ keyName as keyof typeof this.config.keys ];
 
         data = JSON.stringify(data);
 
         let cipher = crypto.createCipheriv('aes-256-cbc', encKey, this.config.iv);
-        let encrypted = cipher.update(data, 'utf8', 'base64');
-        encrypted += cipher.final('base64');
+        let encrypted = cipher.update(data, 'utf8', options.encoding);
+        encrypted += cipher.final(options.encoding);
         return encrypted;
         
     }
 
-    public decrypt( keyName: keyof TConfig["keys"], data: string ) {
+    public decrypt( keyName: keyof TConfig["keys"], data: string, options: TDecryptOptions = {
+        encoding: 'base64url'
+    }) {
 
         const encKey = this.config.keys[ keyName as keyof typeof this.config.keys ];
 
         try {
 
             let decipher = crypto.createDecipheriv('aes-256-cbc', encKey, this.config.iv);
-            let decrypted = decipher.update(data, 'base64', 'utf8');
+            let decrypted = decipher.update(data, options.encoding, 'utf8');
             return JSON.parse(decrypted + decipher.final('utf8'));
 
         } catch (error) {