5htp-core 0.4.3-3 → 0.4.3-5

package/package.json

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

@@ -28,7 +28,8 @@
     font-weight: 500;
 
     // Colors
-    background: var(--cBg);
+    // NOTE: transparent by default (menu items, etc..)
+    background: transparent;
     color: var(--cTxtAccent);  
         
     // Hover
@@ -222,9 +223,7 @@
     // Give less imortance to buttons which are in lists
     color: var(--cTxtBase);  
     box-shadow: none;
-    border: none;
     //width: 100%;
-    background: transparent;
 
     &.active,
     &:hover {

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

@@ -5,6 +5,7 @@
         border-collapse: collapse;
         table-layout: auto;
         width: auto;
+        min-width: 100%;
 
         th, td {
             white-space: nowrap;

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

@@ -27,10 +27,4 @@
     &.error {
         border-color: @cError;
     }
-}
-
-//.card.clickable:hover,
-.btn:hover,
-.input.text.focus {
-    
 }

package/src/client/assets/css/core.less

@@ -14,48 +14,6 @@
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
-
-        text-shadow: 0 0 10px fade(#000, 20%);
-
-        .apply-theme({
-            background: #000;
-            foreground: #fff;
-            accent1: #fff;
-            accent2: #fff;
-        }, { 
-            background: #111; 
-            foreground: #fff;
-            accent1: #fff;
-            accent2: #fff;
-        });
-
-        --cTxtDiscret: fade(#fff, 40%)
-        --cTxtDesc: fade(#fff, 60%);
-        --cTxtBase: fade(#fff, 80%);
-        --cTxtImportant: fade(#fff, 100%);
-        --cTxtAccent: #FFF;
-
-        &.light {
-            .apply-theme({
-                background: #fff;
-                foreground: #000;
-                accent1: #000;
-                accent2: #000;
-            },{
-                background: #fff;
-                foreground: #000;
-                accent1: #000;
-                accent2: #000;
-            });
-
-            text-shadow: none;
-            
-            --cTxtDiscret: fade(#000, 40%)
-            --cTxtDesc: fade(#000, 60%);
-            --cTxtBase: fade(#000, 80%);
-            --cTxtImportant: fade(#000, 100%);
-            --cTxtAccent: fade(#000, 20%);
-        }
         
         &.colorize {
             position: relative;

package/src/client/assets/css/theme.less

@@ -7,6 +7,7 @@
     foreground: COLOR;
     accent1: COLOR;
     accent2: COLOR;
+    alpha: BOOLEAN
 */
 
 .apply-theme( @theme, @componentsTheme: false, @apply: true ) {
@@ -31,9 +32,12 @@
 
     // Flags
     @bg: @theme[background];
-    @bgActive: if( @isLight, 
-        @bg - #040404, 
-        @bg + #111, 
+    @bgActive: if( (@theme[alpha]) or (alpha(@bg) < 1),
+        fadeout( @bg, 90%),
+        if( @isLight, 
+            @bg - #040404, 
+            @bg + #111, 
+        )
     );
     @fg: @theme[foreground];
 
@@ -79,11 +83,23 @@
     --cTxtBase: @cTxtBase;
     
     // Discret
-    @cTxtDiscret: if( @isLight, @bg - #444, @bg + #444);
+    @cTxtDiscret: if( alpha(@cTxtBase) < 1,
+        fadeout( @cTxtBase, 50%),
+        if( @isLight, 
+            @bg - #444,
+            @bg + #444
+        )
+    );
     --cTxtDiscret: @cTxtDiscret;
 
     // Desc
-    @cTxtDesc: if( @isLight, @cTxtBase + #222, @cTxtBase - #222);
+    @cTxtDesc: if( alpha(@cTxtBase) < 1,
+        fadeout( @cTxtBase, 30%),
+        if( @isLight, 
+            @cTxtBase + #222, 
+            @cTxtBase - #222
+        )
+    );
     --cTxtDesc: @cTxtDesc;
 
     // Important

package/src/client/assets/css/utils/layouts.less

@@ -114,7 +114,7 @@
 
     &.inline { display: inline-flex; }
 
-    &.wrap, &.al-left { justify-content: flex-start; }
+    &.wrap, &.al-left, &.scrollable { justify-content: flex-start; }
     &, 
     &.al-center { justify-content: center; }
     &.al-right { justify-content: flex-end; }

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

@@ -1,5 +1,6 @@
 .video {
     .apply-theme({
+        alpha: false;
         background: #000;
         foreground: #fff;
         accent1: #fff;

package/src/client/components/button.tsx

@@ -134,6 +134,8 @@ export default ({
     if (size !== undefined)
         className += ' ' + size;
 
+    if (type === 'secondary')
+        className += ' bg white';
     if (type !== undefined)
         className += type === 'link' ? type : (' bg ' + type);
 

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

@@ -507,45 +507,56 @@ declare type Routes = {
             console.log(LogPrefix, `Waiting for servert to be resdy before resolving request`);
             await this.started;
         }
+        try {
 
-        const response = new ServerResponse<this>(request);
+            const response = new ServerResponse<this>(request);
 
-        await this.runHook('resolve', request);
+            await this.runHook('resolve', request);
 
-        for (const route of this.routes) {
+            for (const route of this.routes) {
 
-            // Match Method
-            if (request.method !== route.method && route.method !== '*')
-                continue;
+                // Match Method
+                if (request.method !== route.method && route.method !== '*')
+                    continue;
 
-            // Match Response format
-            if (!request.accepts(route.options.accept))
-                continue;
+                // Match Response format
+                if (!request.accepts(route.options.accept))
+                    continue;
 
-            // Match Path
-            const match = route.regex.exec(request.path);
-            if (!match)
-                continue;
+                // Match Path
+                const match = route.regex.exec(request.path);
+                if (!match)
+                    continue;
+
+                // Extract URL params
+                for (let iKey = 0; iKey < route.keys.length; iKey++) {
+                    const key = route.keys[iKey];
+                    const value =  match[iKey + 1];
+                    if (typeof key === 'string' && value) // number = sans nom
+                        request.data[key] = decodeURIComponent(value);
+                }
 
-            // Extract URL params
-            for (let iKey = 0; iKey < route.keys.length; iKey++) {
-                const key = route.keys[iKey];
-                const value =  match[iKey + 1];
-                if (typeof key === 'string' && value) // number = sans nom
-                    request.data[key] = decodeURIComponent(value);
+                // Run on resolution hooks. Ex: authentication check
+                await this.runHook('resolved', route);
+
+                // Create response
+                await response.runController(route);
+                if (response.wasProvided)
+                    // On continue l'itération des routes, sauf si des données ont été fournie dans la réponse (.json(), .html(), ...)
+                    return response;
             }
 
-            // Run on resolution hooks. Ex: authentication check
-            await this.runHook('resolved', route);
+            throw new NotFound();
 
-            // Create response
-            await response.runController(route);
-            if (response.wasProvided)
-                // On continue l'itération des routes, sauf si des données ont été fournie dans la réponse (.json(), .html(), ...)
-                return response;
-        }
+        } catch (error) {
 
-        throw new NotFound();
+            if (this.app.env.profile === 'dev') {
+                console.log('API batch error:', request.method, request.path, error);
+                error.message = request.method + ' ' + request.path + ': ' + error.message;
+            }
+
+            throw error;
+        }
     }
 
     private async resolveApiBatch( fetchers: TFetcherList, request: ServerRequest<this> ) {