vanilla-jet 1.3.0-beta → 1.3.1

package/.grunt/compile_html.js

@@ -221,5 +221,6 @@ function cleanALine(line) {
 function processCwd() {
   return process.cwd()
     .replace('/.grunt', '')
+    .replace('/gulp', '')
     .replace('/node_modules/vanilla-jet', '');
 }

package/bin.js

@@ -15,7 +15,7 @@ switch (args[0]) {
     
     case 'dev':
       try {
-        execSync('gulp dev --env development', { stdio: 'inherit', cwd: __dirname });
+        execSync('npx gulp dev --env development', { stdio: 'inherit', cwd: __dirname });
       } catch (error) {
         console.error('Error ejecutando gulp:', error.message);
       }
@@ -23,7 +23,7 @@ switch (args[0]) {
 
     case 'build:qa':
       try {
-        execSync('gulp build --env qa', { stdio: 'inherit', cwd: __dirname });
+        execSync('npx gulp build --env qa', { stdio: 'inherit', cwd: __dirname });
       } catch (error) {
         console.error('Error ejecutando gulp:', error.message);
       }
@@ -31,7 +31,7 @@ switch (args[0]) {
 
     case 'build:staging':
       try {
-        execSync('gulp build --env staging', { stdio: 'inherit', cwd: __dirname });
+        execSync('npx gulp build --env staging', { stdio: 'inherit', cwd: __dirname });
       } catch (error) {
         console.error('Error ejecutando gulp:', error.message);
       }
@@ -39,7 +39,7 @@ switch (args[0]) {
 
     case 'build:prod':
       try {
-        execSync('gulp build --env production', { stdio: 'inherit', cwd: __dirname });
+        execSync('npx gulp build --env production', { stdio: 'inherit', cwd: __dirname });
       } catch (error) {
         console.error('Error ejecutando gulp:', error.message);
       }

package/framework/server.js

@@ -85,7 +85,6 @@ class Server {
     } else {
       console.log('HTTP server created - Without self managed certs');
       obj.httpx = http.createServer((req, res) => {
-        console.log('Request received: ', req.url);
         obj.router.onRequest.call(obj.router, req, res);
       });
     }

package/gulpfile.js

@@ -29,12 +29,10 @@ function getCwd() {
 }
 
 const base = getCwd();
-const cssDestination = `${getCwd()}/public/styles/app.min.css`;
 const cssOrigin = `${getCwd()}/assets/styles/less/admin.less`;
-const jsDestination = `${getCwd()}/public/`;
 
 // Clean tasks
-function cleanBuild() {
+function cleanBuildJS() {
   return del([`${getCwd()}/public/scripts/vanilla.min.js`], { force: true });
 }
 
@@ -51,10 +49,11 @@ function cleanMinified() {
 function buildLess() {
   return gulp.src(cssOrigin)
     .pipe(less({
-      compress: true,
+      //compress: true,
       optimization: 2
     }))
     .pipe(rename('app.min.css'))
+    .pipe(cleanCSS())
     .pipe(gulp.dest(`${getCwd()}/public/styles`))
     .pipe(livereload());
 }
@@ -126,44 +125,39 @@ function compileTemplates() {
 
 // Watch task
 function watchFiles(cb) {
-  if (options.env === 'development') {
-    livereload.listen();
-    
-    // Watch LESS files
-    watch([`${base}/assets/styles/less/**/*.less`], gulp.series(
-      buildLess,
-      'newer:uglifyJs',
-      cleanBuild,
-      concatJs,
-      cleanMinified,
-      compressCss
-    ));
-
-    // Watch HTML files
-    watch([
-      `${base}/assets/pages/*.html`,
-      `${base}/assets/templates/**/*.html`
-    ], compileTemplates);
-
-    // Watch JS files
-    watch([`${base}/assets/scripts/**/*.js`], gulp.series(
-      'newer:uglifyJs',
-      cleanBuild,
-      concatJs,
-      cleanMinified,
-      compressJs
-    ));
-  }
+  livereload.listen();
+  
+  // Watch LESS files
+  watch([`${base}/assets/styles/less/**/*.less`], gulp.series(
+    buildLess,
+    compressCss
+  ));
+
+  // Watch HTML files
+  watch([
+    `${base}/assets/pages/*.html`,
+    `${base}/assets/templates/**/*.html`
+  ], compileTemplates);
+
+  // Watch JS files
+  watch([`${base}/assets/scripts/**/*.js`], gulp.series(
+    cleanBuildJS,
+    uglifyJs,
+    concatJs,
+    cleanMinified,
+    compressJs
+  ));
+  
   cb();
 }
 
 // Define complex tasks
 const build = gulp.series(
-  buildLess,
+  cleanBuildJS,
   uglifyJs,
-  cleanBuild,
   concatJs,
   cleanMinified,
+  buildLess,
   compileTemplates,
   gulp.parallel(compressJs, compressCss)
 );
@@ -174,7 +168,7 @@ const dev = gulp.series(
 );
 
 // Export tasks
-exports.cleanBuild = cleanBuild;
+exports.cleanBuildJS = cleanBuildJS;
 exports.cleanMinified = cleanMinified;
 exports.buildLess = buildLess;
 exports.uglifyJs = uglifyJs;

package/index.js

@@ -1,5 +1,3 @@
 const Server = require('./framework/server.js');
 
-module.exports = {
-    Server
-};
+module.exports = { Server };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanilla-jet",
-  "version": "1.3.0-beta",
+  "version": "1.3.1",
   "description": "VannilaJet framework",
   "main": "index.js",
   "bin": {
@@ -39,9 +39,7 @@
     "nodemon": "3.1.10",
     "nunjucks": "3.2.4",
     "underscore": ">= 1.12.x",
-    "zlib": "1.0.5"
-  },
-  "devDependencies": {
+    "zlib": "1.0.5",
     "del": "^6.0.0",
     "gulp": "^4.0.2",
     "gulp-clean-css": "^4.3.0",
@@ -54,7 +52,6 @@
     "gulp-rename": "^2.0.0",
     "gulp-shell": "^0.8.0",
     "gulp-uglify": "^3.0.2",
-    "gulp-watch": "^5.0.1",
-    "minimist": "^1.2.8"
+    "gulp-watch": "^5.0.1"
   }
 }

package/.gulp/build_styles_task.js

@@ -1,30 +0,0 @@
-module.exports = function(grunt) {
-    grunt.registerTask('buildLess', 'Compile admin.less and add .section.less', function() {
-
-        // -- Functions
-        function getCleanedCWD() {
-            const cwd = process.cwd();
-            return cwd
-                .replace('/node_modules', '')
-                .replace('/vanilla-jet', '')
-                .replace('/.grunt', '');
-        }
-
-        // -- Content
-        let adminContent = grunt.file.read(`${getCleanedCWD()}/assets/styles/less/admin.less`);
-        let sectionFiles = grunt.file.expand([
-            `${getCleanedCWD()}/assets/styles/less/sections/**/*.section.less`,
-            `${getCleanedCWD()}/assets/styles/less/sections/*.section.less`
-        ]);
-        
-        let combinedContent = adminContent + '\n';
-        sectionFiles.forEach(function(filePath) {
-            let sectionContent = grunt.file.read(filePath);
-            combinedContent += `\n/* ${filePath} */\n` + sectionContent;
-        });
- 
-       // -- New file
-       grunt.file.write(`${getCleanedCWD()}/assets/styles/less/admin_build.less`, combinedContent);
-       grunt.task.run(['less']);
-    });
- }; 

package/.gulp/compile_html.js

@@ -1,308 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const nunjucks = require('nunjucks');
-const beautify = require('js-beautify').html;
-const minify = require('html-minifier-terser').minify;
-const identifier = 'templates';
-const chalk = require('chalk');
-const zlib = require('zlib');
-
-// Get environment from command line argument
-const env = process.argv[2] || 'development';
-if (env === 'dev') { env = 'development'; }
-if (env === 'build:qa') { env = 'qa'; }
-if (env === 'build:staging') { env = 'staging'; }
-if (env === 'build:prod') { env = 'production'; }
-
-function getCwd() {
-  return process.cwd()
-    .replace('/node_modules', '')
-    .replace('/vanilla-jet', '')
-    .replace('/.gulp', '');
-}
-
-const base = getCwd();
-const pagesDir = path.join(base, 'assets/pages');
-const templatesDir = path.join(base, 'assets/templates');
-const outputDir = path.join(base, 'public');
-
-// Configure nunjucks
-nunjucks.configure(templatesDir, {
-  autoescape: true,
-  watch: false
-});
-
-// Create output directory if it doesn't exist
-if (!fs.existsSync(outputDir)) {
-  fs.mkdirSync(outputDir, { recursive: true });
-}
-
-// Read all HTML files from pages directory
-fs.readdir(pagesDir, (err, files) => {
-  if (err) {
-    console.error('Error reading pages directory:', err);
-    process.exit(1);
-  }
-
-  files.forEach(file => {
-    if (path.extname(file) === '.html') {
-      const templatePath = path.join(pagesDir, file);
-      const outputPath = path.join(outputDir, file);
-
-      // Read template file
-      fs.readFile(templatePath, 'utf8', (err, content) => {
-        if (err) {
-          console.error(`Error reading template ${file}:`, err);
-          return;
-        }
-
-        try {
-          // Render template with nunjucks
-          const rendered = nunjucks.renderString(content);
-
-          // Process the HTML based on environment
-          let processedHtml;
-          if (env === 'development') {
-            // In development, beautify the HTML
-            processedHtml = beautify(rendered, {
-              indent_size: 2,
-              preserve_newlines: true,
-              max_preserve_newlines: 2,
-              wrap_line_length: 0
-            });
-          } else {
-            // In other environments, minify the HTML
-            processedHtml = minify(rendered, {
-              collapseWhitespace: true,
-              removeComments: true,
-              minifyCSS: true,
-              minifyJS: true
-            });
-          }
-
-          // Write the processed HTML to output file
-          fs.writeFile(outputPath, processedHtml, err => {
-            if (err) {
-              console.error(`Error writing file ${file}:`, err);
-            } else {
-              console.log(`Successfully compiled ${file}`);
-            }
-          });
-        } catch (err) {
-          console.error(`Error processing template ${file}:`, err);
-        }
-      });
-    }
-  });
-});
-
-let Functions = require('../framework/functions.js');
-let Dipper = require('../framework/dipper.js');
-let Config = require(processCwd() + '/config.js');
-
-// -- Init Dipper
-let settings = Config.settings;
-settings['shared']['environment'] = env;
-
-let opts = settings[env] || {},
-  shared = settings['shared'] || {};
-const dipper = new Dipper(opts, shared);
-
-// -- Hydrate dipper
-Functions.hydrate(dipper);
-
-// -- Making nunjucks
-let nunjucksPath = path.join(processCwd(), '/assets');
-nunjucks.configure(nunjucksPath, {
-  autoescape: false,
-	throwOnUndefined: true,
-	noCache: true
-});
-
-// -- Template directory
-const templatesDirectoryPath = '/assets/templates/';
-
-// -- Call main function
-main();
-
-// -- Define mainfunctions on other functions
-function main() {
-
-  // -- Get template files
-  const templates = getTemplates(templatesDirectoryPath);
-  //console.log(templates);
-
-  // -- Get home.html
-  let homePageName = 'home.html';
-  getHtmlFromPage(homePageName).then((htmlContent) => {
-    if (htmlContent) {
-      // -- Divide content line by line
-      const htmlContentLines = htmlContent.split('\n');
-      let lines = Array.from(htmlContentLines);
-      // -- Iterate over each line
-      for (let line of htmlContentLines) {
-        let originalLine = line;
-        // -- Remove spaces and tabs
-        line = cleanALine(line);
-        // -- Check is not empty and not a tag
-        if (line.length != 0 && !line.includes('<')) {
-
-          // -- Get template name
-          var templateName = line.replace('include::', '');
-          // -- Check if its name "templates" add all templates if not add specific one
-          if (templateName === identifier) {
-
-            let allTemplatesCompiled = '';
-            for (let templateName in templates) {
-              if (templateName.includes('template.html')) {
-                let templatePath = templates[templateName];
-                let templateCompiled = compileTemplate(templatePath);
-                allTemplatesCompiled += templateCompiled;
-              }
-            }
-            lines = replaceInclude(lines, originalLine, allTemplatesCompiled);
-
-          } else {
-            let templatePath = templates[templateName];
-            let templateCompiled = compileTemplate(templatePath);
-            lines = replaceInclude(lines, originalLine, templateCompiled);
-          }
-        }
-      }
-      // -- Join lines
-      const newHtml = lines.join('\n');
-      // -- Create HTML file
-      createHTMLFile(newHtml, homePageName);
-      // -- Console finish
-      console.log(chalk.green("\n\nVanillaJet - Finish build"));
-    }
-  });
-}
-
-// -- Step 0
-function getTemplates(directory) {
-    
-  const results = {};
-
-  // -- Sub functions
-  function exploreDirectory(dir) {
-    const files = fs.readdirSync(dir);
-    files.forEach(function (file) {
-      //console.log(file);
-      if (!checkExcludes(file)) {
-        const filePath = path.join(dir, file);
-        //console.log(filePath);
-        const stats = fs.statSync(filePath);
-        if (stats.isFile()) {
-          const extension = path.extname(file).toLowerCase();
-          if (extension === '.html') {
-            results[file] = filePath;
-          }
-        } else if (stats.isDirectory()) {
-          exploreDirectory(filePath);
-        }
-      }
-    });
-  }
-
-  function checkExcludes(file) {
-
-    const excludes = ['.DS_Store'];
-    for (const esclude of excludes) {
-      if (file.includes(esclude)) {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  // -- Main code
-  const templatesPath = path.join(processCwd(), directory);
-  exploreDirectory(templatesPath);
-  return results;
-}
-
-// -- Step 1
-async function getHtmlFromPage(page) {
-
-    const filename = path.join(processCwd(), '/assets/');
-    const exists = await fs.promises.access(filename, fs.constants.F_OK).then(() => true).catch(() => false);
-    if (!exists) {
-      console.log("Assets folder doesnt exists");
-      return null;
-    }
-  
-    let fileContent;
-    if (await fs.promises.stat(filename).then((stats) => stats.isDirectory())) {
-      const filePath = path.join(filename, 'pages/' + page);
-      try {
-        fileContent = await fs.promises.readFile(filePath, { encoding: 'utf8' });
-      } catch (err) {
-        console.log("Error in Home");
-        return null;
-      }
-    }
-    return fileContent;
-}
-
-// -- Step 2
-function compileTemplate(path) {
-
-  // -- Data
-  let data = { 'app': dipper }
-  
-  // -- Render
-  return nunjucks.render(path, data);
-}
-
-// -- Step 3
-function replaceInclude(lines, originalLine, templateCompiled) {
-  const index = lines.indexOf(originalLine);
-  if (index !== -1) {
-    lines.splice(index, 1, templateCompiled);
-  }
-  return lines;
-}
-
-// -- Step 4
-async function createHTMLFile(content, filePath) {
-  const { minify } = require('html-minifier-terser');
-  const minified = await minify(content, {
-    collapseWhitespace: true,
-    collapseInlineTagWhitespace: true,
-    removeComments: true,
-    collapseBooleanAttributes: true,
-    useShortDoctype: true,
-    removeEmptyAttributes: true,
-    removeOptionalTags: true,
-    minifyJS: true
-  });
-
-  const publicPath = path.join(processCwd(), '/public/pages');
-  fs.mkdirSync(publicPath, { recursive: true });
-  const absolutePath = path.join(publicPath, filePath);
-  
-  // Write the minified HTML file
-  fs.writeFileSync(absolutePath, minified, 'utf8');
-
-  // Create gzipped version
-  const gzipped = zlib.gzipSync(minified, { level: 9 }); // Maximum compression level
-  fs.writeFileSync(`${absolutePath}.gz`, gzipped);
-  
-  console.log(chalk.green(`Created HTML file at: ${absolutePath}`));
-  console.log(chalk.green(`Created gzipped version at: ${absolutePath}.gz`));
-}
-
-// -- Helpers
-function cleanALine(line) {
-  line = line.replaceAll(' ', '');
-  line = line.replaceAll('\t', '');
-  line = line.replaceAll('\n', '');
-  return line;
-}
-
-function processCwd() {
-  return process.cwd()
-    .replace('/.grunt', '')
-    .replace('/node_modules/vanilla-jet', '');
-}