5htp-core 0.3.6-5 → 0.3.6-7

package/package.json

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

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

@@ -12,7 +12,7 @@
     // Layout
     position: relative;
     gap: @spacing;
-    min-width: fit-content; // Fit content, even when flexbox parent width < content width
+    min-width: 0/*fit-content*/; // Fit content, even when flexbox parent width < content width
  
     // Dimensions
     font-size: 1em;
@@ -63,12 +63,16 @@
 
     > .label {
         text-align: left;
-        white-space: nowrap; // Autrement, si plusieurs mots, affiché sur plusieurs ligne
         gap: @spacing / 2;
         font-size: 1rem;
         line-height: 1.5em;
         z-index: 1; // Make the label on top of ::before for example
 
+        // Handle overflow
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+
         li > & {
             flex: 1;
         }

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

@@ -1,3 +1,9 @@
+.table {
+    &.card {
+        padding: 1em 0;
+    }
+}
+
 table {
 
     width: 100%;

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

@@ -274,7 +274,11 @@ export default class ClientRouter<
         return route;
     }
 
-    public error(code: number, options: TRoute["options"], renderer: TFrontRenderer<{}, { message: string }>) {
+    public error(
+        code: number, 
+        options: Partial<TRoute["options"]>, 
+        renderer: TFrontRenderer<{}, { message: string }>
+    ) {
 
         // Automatic layout form the nearest _layout folder
         const layout = getLayout('Error ' + code, options);

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

@@ -136,7 +136,10 @@ export default abstract class UsersManagementService<
         const user = await this.decodeSession(session, req);
         this.config.debug && console.log(LogPrefix, `Deserialized user ${sessionName}:`, this.displayName(user));
 
-        return user;    
+        return {
+            ...user,
+            _token: token
+        };    
     }
 
     public unauthorized( req: THttpRequest ) {

package/src/client/pages/_messages/400.tsx

@@ -1,37 +0,0 @@
-/*----------------------------------
-- DEPENDANCES
-----------------------------------*/
-
-// Npm
-import React from 'react';
-
-// Core
-import { Router } from '@app';
-import { Button } from '@client/components';
-
-// App
-import useHeader from '@client/pages/useHeader';
-
-/*----------------------------------
-- CONTROLEUR
-----------------------------------*/
-Router.error( 400, ({ message, modal }) => {
-
-    useHeader({
-        title: 'Bad request',
-        subtitle: message
-    });
-
-    return (
-        <div class="card w-3-4 col al-center pd-2">
-
-            <i src="times-circle" class="fg error xxl" />
-
-            <h1>Bad Request</h1>
-
-            <p>{message}</p>
-
-            <Button type="primary" link="/">Go Home</Button>
-        </div>
-    )
-});

package/src/client/pages/_messages/401.tsx

@@ -1,49 +0,0 @@
-/*----------------------------------
-- DEPENDANCES
-----------------------------------*/
-
-// Npm
-import React from 'react';
-
-// Core
-import { Router } from '@app';
-import { Button } from '@client/components';
-
-// App
-import useHeader from '@client/pages/useHeader';
-
-/*----------------------------------
-- RESSOURCES
-----------------------------------*/
-
-/*----------------------------------
-- CONTROLEUR
-----------------------------------*/
-Router.error( 401, ({ message, request, page }) => {
-
-    request.response?.redirect('https://becrosspath.com');
-
-    useHeader({
-        title: 'Authentication Required',
-        subtitle: message
-    });
-
-    React.useEffect(() => {
-
-        page?.go('/');
-
-    }, []);
-
-    return (
-        <div class="card w-3-4 col al-center pd-2">
-
-            <i src="times-circle" class="fg error xxl" />
-
-            <h1>Authentication Required</h1>
-
-            <p>{message}</p>
-
-            <Button type="primary" link="/">Go Home</Button>
-        </div>
-    )
-});

package/src/client/pages/_messages/403.tsx

@@ -1,37 +0,0 @@
-/*----------------------------------
-- DEPENDANCES
-----------------------------------*/
-
-// Npm
-import React from 'react';
-
-// Core
-import { Router } from '@app';
-import { Button } from '@client/components';
-
-// App
-import useHeader from '@client/pages/useHeader';
-
-/*----------------------------------
-- CONTROLEUR
-----------------------------------*/
-Router.error( 403, ({ message, modal }) => {
-
-    useHeader({
-        title: 'Access Denied.',
-        subtitle: message
-    });
-
-    return (
-        <div class="card w-3-4 col al-center pd-2">
-
-            <i src="times-circle" class="fg error xxl" />
-
-            <h1>Access Denied.</h1>
-
-            <p>{message}</p>
-
-            <Button type="primary" link="/">Go Home</Button>
-        </div>
-    )
-});

package/src/client/pages/_messages/404.tsx

@@ -1,37 +0,0 @@
-/*----------------------------------
-- DEPENDANCES
-----------------------------------*/
-
-// Npm
-import React from 'react';
-
-// Core
-import { Router } from '@app';
-import { Button } from '@client/components';
-
-// App
-import useHeader from '@client/pages/useHeader';
-
-/*----------------------------------
-- CONTROLEUR
-----------------------------------*/
-Router.error( 404, ({ message, modal }) => {
-
-    useHeader({
-        title: 'Page Not Found',
-        subtitle: message
-    });
-
-    return (
-        <div class="card w-3-4 col al-center pd-2">
-
-            <i src="times-circle" class="fg error xxl" />
-
-            <h1>Page Not Found</h1>
-
-            <p>{message}</p>
-
-            <Button type="primary" link="/">Go Home</Button>
-        </div>
-    )
-});

package/src/client/pages/_messages/500.tsx

@@ -1,37 +0,0 @@
-/*----------------------------------
-- DEPENDANCES
-----------------------------------*/
-
-// Npm
-import React from 'react';
-
-// Core
-import { Router } from '@app';
-import { Button } from '@client/components';
-
-// App
-import useHeader from '@client/pages/useHeader';
-
-/*----------------------------------
-- CONTROLEUR
-----------------------------------*/
-Router.error( 500, ({ message }) => {
-
-    useHeader({
-        title: 'Technical Error',
-        subtitle: message
-    });
-
-    return (
-        <div class="card w-3-4 col al-center pd-2">
-
-            <i src="times-circle" class="fg error xxl" />
-
-            <h1>Technical Error</h1>
-
-            <p>{message}</p>
-
-            <Button type="primary" link="/">Go Home</Button>
-        </div>
-    )
-});