5htp-core 0.5.0-1 → 0.5.0-2

package/package.json

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

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

@@ -7,7 +7,7 @@
 
 // Apply the theme class
 .bg {
-    background: var(--cBg);
+    background-color: var(--cBg);
     color: var(--cTxtBase);    
 
     &.img {

package/src/client/assets/css/text/icons.less

@@ -46,7 +46,6 @@ i {
         flex: 0 0 @sizeComponent * 0.75;
         height: @sizeComponent * 0.75;
         line-height: @sizeComponent * 0.75;
-        //font-size: 0.9em;
     }
 
     &.unit {

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

@@ -51,7 +51,8 @@
     --cBgActive: @bgActive;
     --cBgPressed: @bgPressed;
     & when (@apply = true) {
-        background: var(--cBg);
+        // Don't overflow the other background image props with background:
+        background-color: var(--cBg);
     }
 
     // Accent

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

@@ -53,19 +53,13 @@
         display: flex;
         flex-direction: column;
         align-items: center;
-        justify-content: flex-end;
+        justify-content: center;
         gap: @spacing;
         z-index: @modal-zindex;
 
         background: fade(#000, 20%);
         border-radius: @radius;
 
-        // Desktop = vertically center the modal
-        @media (min-width: 900px) {
-            justify-content: center;
-            //padding: @spacing;
-        }
-
         // Pour les animations (ex: conffetis
         > canvas {
             position: absolute;
@@ -79,7 +73,9 @@
 
             position: relative;
             min-width: 300px;
-            max-height: 90vh;
+            max-height: 99vh;
+            max-width: 99vw;
+            width: 400px; // Default width
             box-shadow: none;
             overflow-y: auto;
 

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

@@ -151,7 +151,7 @@ export default ({ service: clientRouter, loaderComponent }: TProps) => {
                 //  But when we call setLayout, the style of the previous layout are still oaded and applied
                 //  Find a way to unload the  previous layout / page resources before to load the new one
                 console.log(LogPrefix, `Changing layout. Before:`, curLayout, 'New layout:', newLayout);
-                window.location.replace( request ? request.url : location.href );
+                window.location.replace( request ? request.url : window.location.href );
                 return { ...page }
 
                 context.app.setLayout(newLayout);

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

@@ -124,7 +124,7 @@ export type TRoutesLoaders = {
 
 export type THookCallback<TRouter extends ClientRouter> = (request: ClientRequest<TRouter>) => void;
 
-type THookName = 'page.change' | 'page.changed'
+type THookName = 'page.change' | 'page.changed' | 'page.rendered'
 
 type Config<TAdditionnalContext extends {} = {}> = {
     preload: string[], // List of globs
@@ -428,6 +428,7 @@ export default class ClientRouter<
 
             console.log(`Render complete`);
 
+            this.runHook('page.rendered', request);
         });
     }
 

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

@@ -43,15 +43,6 @@ export type TConfig = {
         key: string,
         expiration: string,
     },
-    google?: {
-        web: {
-            clientId: string,
-            secret: string,
-        },
-        android: {
-            clientId: string
-        }
-    }
 }
 
 export type THooks = {