5htp-core 0.2.7-5 → 0.2.7-6

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "5htp-core",
 	"description": "Convenient TypeScript framework designed for Performance and Productivity.",
-	"version": "0.2.7-5",
+	"version": "0.2.7-6",
 	"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

@@ -228,16 +228,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 +262,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/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/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/server/services/disks/driver.ts

@@ -0,0 +1,77 @@
+/*----------------------------------
+- 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
+}
+
+/*----------------------------------
+- 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 ): 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() {
+
+    }
+
+}