Implement partial loader

package.json

@@ -18,8 +18,10 @@
     },
     "homepage": "https://github.com/kekefreedog/CrazyPHP#readme",
     "devDependencies": {
+        "@types/node": "^20.14.10",
+        "handlebars": "^4.7.8",
         "localforage": "^1.10.0",
         "object-hash": "^3.0.0",
         "tslib": "^2.4.1"
     }
-}
+}

resources/Js/Webpack/Plugins/HandlebarsToJSPlugin.js

@@ -0,0 +1,62 @@
+const path = require('path');
+const fs = require('fs');
+const Handlebars = require('handlebars');
+const CopyWebpackPlugin = require('copy-webpack-plugin');
+
+class HandlebarsToJSPlugin {
+  constructor(options) {
+    this.options = options;
+    this.cleanDirectory = this.cleanDirectory.bind(this); // Bind cleanDirectory method
+  }
+
+  apply(compiler) {
+    compiler.hooks.afterEmit.tapAsync('HandlebarsToJSPlugin', (compilation, callback) => {
+      const partialsDir = this.options.partialDirs[0];
+      const outputDir = path.resolve(__dirname, 'public/dist/partials');
+
+      // Clean output directory before compilation
+      this.cleanDirectory(outputDir);
+
+      fs.readdir(partialsDir, (err, files) => {
+        if (err) throw err;
+
+        files.forEach(file => {
+          const filePath = path.join(partialsDir, file);
+          const fileContent = fs.readFileSync(filePath, 'utf-8');
+          const compiledTemplate = Handlebars.precompile(fileContent);
+
+          // Retrieve content hash from Webpack output filenames
+          const outputFiles = fs.readdirSync(outputDir+"/..");
+          const hashRegex = /index\.([a-f0-9]+)\.js/; // Adjust regex as per your filename format
+          let contentHash = '';
+
+          outputFiles.forEach(outputFile => {
+            const match = outputFile.match(hashRegex);
+            if (match) {
+              contentHash = match[1];
+            }
+          });
+
+          const jsFilePath = path.join(outputDir, `${file.replace(/\.hbs$/, '')}.${contentHash}.js`);
+          fs.writeFileSync(jsFilePath, `module.exports = ${compiledTemplate};`);
+        });
+
+        callback();
+      });
+    });
+  }
+
+  // Function to clean directory
+  cleanDirectory(directory) {
+    if (fs.existsSync(directory)) {
+      fs.readdirSync(directory).forEach(file => {
+        const filePath = path.join(directory, file);
+        fs.unlinkSync(filePath);
+      });
+    } else {
+      fs.mkdirSync(directory, { recursive: true });
+    }
+  }
+}
+
+module.exports = HandlebarsToJSPlugin;

resources/Scss/style/dimensions.scss

@@ -79,6 +79,22 @@
 
     }
 
+    // Place element in the horizontal center only
+    &.screen-direction-y-asc {
+
+        // Position
+        flex-direction: column;
+
+    }
+
+    // Place element in the horizontal center only
+    &.screen-direction-y-desc {
+
+        // Position
+        flex-direction: column-reverse;
+
+    }
+
     /* Children */
 
     // Grow of flex child

src/Front/Library/Crazypartial.ts

@@ -32,6 +32,12 @@ export default abstract class Crazypartial {
 
     public input:RegisterPartialScanned;
 
+    /** 
+     * @param html:string 
+     * Duplicate of the class name because build change name of class
+     */
+    public static readonly html:string|null|CallableFunction = null;
+
     /**
      * Constructor
      * 

src/Front/Library/Loader/Page.ts

@@ -87,6 +87,10 @@ export default class Page {
                             .then(
                                 // Load Post Action
                                 Page.loadPostAction
+                            )
+                            .then(
+                                // Set current page
+                                Page.setCurrentPage
                             ).catch(
                                 Page.catchError
                             );
@@ -102,6 +106,10 @@ export default class Page {
                                 .then(
                                     // Load Post Action
                                     Page.loadPostAction
+                                )
+                                .then(
+                                    // Set current page
+                                    Page.setCurrentPage
                                 ).catch(
                                     Page.catchError
                                 );
@@ -673,6 +681,27 @@ export default class Page {
 
     }
 
+    /**
+     * set Current Page
+     * 
+     * Set current page
+     * 
+     * @param options:LoaderPageOptions Options with all page details
+     * @return Promise<LoaderPageOptions>
+     */
+    public static setCurrentPage = async(options:LoaderPageOptions):Promise<LoaderPageOptions> =>  {
+
+        // Check status
+        if(options.status?.onReadyExecuted === true)
+
+            // Set curret page
+            window.Crazyobject.currentPage.set(options);
+
+        // Return options
+        return options;
+
+    }
+
     /** Private methods
      ******************************************************
      */