ultimate-jekyll-manager 0.0.56 → 0.0.58

package/README.md

@@ -60,6 +60,11 @@ npm start -- --debug=true
 npm start -- --ujPluginDevMode=true
 ```
 
+### Other ENV variables
+```bash
+UJ_PURGECSS=true # Enables PurgeCSS to remove unused CSS (normally only happens in production builds)
+```
+
 ## Running Specific Tasks
 You can run specific tasks using the `npm run gulp` command with the appropriate task name.
 
@@ -81,6 +86,14 @@ npx uj audit -- --lighthouseUrl="/contact" --autoExit=false
 
 ### Run the `translation` task:
 ```bash
+# Test translation with GitHub cache (requires GH_TOKEN and GITHUB_REPOSITORY)
+GH_TOKEN=XXX \
+GITHUB_REPOSITORY=XXX \
+UJ_TRANSLATION_CACHE=true \
+npx uj translation
+
+# Test with only 1 file
+UJ_TRANSLATION_ONLY="index.html" \
 GH_TOKEN=XXX \
 GITHUB_REPOSITORY=XXX \
 UJ_TRANSLATION_CACHE=true \

package/dist/assets/css/core/chatsy.scss

@@ -13,6 +13,7 @@
   border-radius: 50%;
   right: 20px;
   bottom: 20px;
+  bottom: max(20px, calc(20px + env(safe-area-inset-bottom, 0px)));
   transition: background 0.5s;
   z-index: 11;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 10px 0px;
@@ -42,5 +43,6 @@
 @media (max-width: 768px) {
   #prechat-btn {
     bottom: 15px;
+    bottom: max(15px, calc(15px + env(safe-area-inset-bottom, 0px)));
   }
 }

package/dist/assets/css/core/cookieconsent.scss

@@ -25,16 +25,19 @@
   // Position variants
   &.cookie-consent-bottom-left {
     bottom: 1rem;
+    bottom: max(1rem, calc(1rem + env(safe-area-inset-bottom, 0px)));
     left: 1rem;
   }
 
   &.cookie-consent-bottom-right {
     bottom: 1rem;
+    bottom: max(1rem, calc(1rem + env(safe-area-inset-bottom, 0px)));
     right: 1rem;
   }
 
   &.cookie-consent-bottom {
     bottom: 1rem;
+    bottom: max(1rem, calc(1rem + env(safe-area-inset-bottom, 0px)));
     left: 50%;
     transform: translateX(-50%) translateY(1rem);
     max-width: 90%;
@@ -193,18 +196,21 @@
   // Bottom position variants
   &.cookie-consent-minimized-bottom-left {
     bottom: 0;
+    bottom: env(safe-area-inset-bottom, 0px);
     left: 2rem;
     border-radius: 0.5rem 0.5rem 0 0;
   }
 
   &.cookie-consent-minimized-bottom-right {
     bottom: 0;
+    bottom: env(safe-area-inset-bottom, 0px);
     right: 2rem;
     border-radius: 0.5rem 0.5rem 0 0;
   }
 
   &.cookie-consent-minimized-bottom-center {
     bottom: 0;
+    bottom: env(safe-area-inset-bottom, 0px);
     left: 50%;
     transform: translateX(-50%) translateY(100%);
     border-radius: 0.5rem 0.5rem 0 0;

package/dist/assets/css/core/initialize.scss

@@ -2,6 +2,17 @@
   Initialize styles for the application.
 */
 
+// Enable safe area insets for mobile browsers
+html {
+  // Ensure viewport-fit=cover works properly
+  padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0);
+}
+
+// Reset body padding to prevent double safe area spacing
+body {
+  padding: 0;
+}
+
 @font-face {
   font-display: auto;
 }

package/dist/assets/themes/classy/css/_navigation.scss

@@ -5,6 +5,7 @@
 .navbar-wrapper {
   position: fixed;
   top: 1rem;
+  top: max(1rem, env(safe-area-inset-top, 1rem));
   left: 0;
   right: 0;
   z-index: 1030;
@@ -19,6 +20,13 @@
     padding-right: var(--bs-gutter-x, 0.75rem);
     padding-left: var(--bs-gutter-x, 0.75rem);
     
+    // XS screens (less than 576px) - maintain margin
+    @media (max-width: 575.98px) {
+      max-width: calc(100% - 2rem);
+      margin-left: auto;
+      margin-right: auto;
+    }
+    
     @media (min-width: 576px) {
       max-width: 540px;
     }

package/dist/gulp/tasks/sass.js

@@ -106,34 +106,70 @@ function sass(complete) {
   // Apply PurgeCSS if enabled
   if (ENABLE_PURGECSS) {
     logger.log('PurgeCSS enabled - removing unused CSS');
-    stream = stream.pipe(postcss([
-      purgeCss({
-        content: [
-          // All Ultimate Jekyll defaults EXCEPT themes subdirectories
-          `${rootPathPackage}/dist/defaults/**/*.{html,liquid,md}`,
 
-          // Explicitly exclude ALL theme directories, then include only the active theme
-          `!${rootPathPackage}/dist/defaults/**/_includes/themes/**`,
-          `!${rootPathPackage}/dist/defaults/**/_layouts/themes/**`,
+    // Define content patterns for PurgeCSS
+    const contentPatterns = [
+      // All Ultimate Jekyll defaults EXCEPT themes subdirectories
+      `${rootPathPackage}/dist/defaults/**/*.{html,liquid,md}`,
+
+      // Explicitly exclude ALL theme directories, then include only the active theme
+      `!${rootPathPackage}/dist/defaults/**/_includes/themes/**`,
+      `!${rootPathPackage}/dist/defaults/**/_layouts/themes/**`,
+
+      // Exclude test pages that include all components (would prevent PurgeCSS from working)
+      `!${rootPathPackage}/dist/defaults/**/pages/test/**/*.{html,liquid,md}`,
+
+      // Include ONLY the active theme's files
+      `${rootPathPackage}/dist/defaults/**/_includes/themes/${config.theme.id}/**/*.{html,liquid,md}`,
+      `${rootPathPackage}/dist/defaults/**/_layouts/themes/${config.theme.id}/**/*.{html,liquid,md}`,
+
+      // Project HTML
+      'src/**/*.{html,liquid,md}',
+      'dist/**/*.{html,liquid,md}',
+
+      // Main JS
+      `${rootPathPackage}/dist/assets/js/**/*.js`,
+      `${rootPathPackage}/node_modules/web-manager/**/*.js`,
+
+      // Theme JS
+      `${rootPathPackage}/dist/assets/themes/${config.theme.id}/**/*.js`,
 
-          // Include ONLY the active theme's files
-          `${rootPathPackage}/dist/defaults/**/_includes/themes/${config.theme.id}/**/*.{html,liquid,md}`,
-          `${rootPathPackage}/dist/defaults/**/_layouts/themes/${config.theme.id}/**/*.{html,liquid,md}`,
+      // Project JS
+      'src/assets/js/**/*.js',
+    ];
 
-          // Project HTML
-          'src/**/*.{html,liquid,md}',
-          'dist/**/*.{html,liquid,md}',
+    // // Log the files that will be analyzed
+    // logger.log('PurgeCSS content patterns:', contentPatterns);
 
-          // Main JS
-          `${rootPathPackage}/dist/assets/js/**/*.js`,
-          `${rootPathPackage}/node_modules/web-manager/**/*.js`,
+    // // Separate inclusion and exclusion patterns for glob
+    // const includePatterns = contentPatterns.filter(p => !p.startsWith('!'));
+    // const excludePatterns = contentPatterns.filter(p => p.startsWith('!')).map(p => p.substring(1));
 
-          // Theme JS
-          `${rootPathPackage}/dist/assets/themes/${config.theme.id}/**/*.js`,
+    // // Use glob to get the actual files (respecting exclusions)
+    // const allFiles = glob(includePatterns, { ignore: excludePatterns });
 
-          // Project JS
-          'src/assets/js/**/*.js',
-        ],
+    // logger.log(`PurgeCSS will analyze ${allFiles.length} total files:`);
+
+    // // Group files by type for better readability
+    // const fileGroups = {
+    //   'HTML/Liquid/MD files': allFiles.filter(f => /\.(html|liquid|md)$/.test(f)),
+    //   'JavaScript files': allFiles.filter(f => /\.js$/.test(f))
+    // };
+
+    // Object.entries(fileGroups).forEach(([groupName, files]) => {
+    //   if (files.length > 0) {
+    //     logger.log(`  ${groupName}: ${files.length} files`);
+    //     // Show first 5 files as examples
+    //     files.forEach(file => {
+    //       logger.log(`    - ${file}`);
+    //     });
+    //   }
+    // });
+
+    // Apply PurgeCSS
+    stream = stream.pipe(postcss([
+      purgeCss({
+        content: contentPatterns,
         // Safelist patterns for dynamic classes
         safelist: {
           standard: [
@@ -175,9 +211,6 @@ function sass(complete) {
             /^animate-/,
             /^animation-/,
 
-            // Spinner
-            /^spinner-/,
-
             // Utilities that might be added dynamically
             /^[mp][trblxy]?-[0-9]+$/,
             /^text-/,
@@ -199,13 +232,12 @@ function sass(complete) {
             /^min-/,
             /^max-/,
           ],
-          deep: [
-            // For third-party libraries that might inject styles
-            /^ck-/, // CKEditor
-            /^tox-/, // TinyMCE
-            /^swal2-/, // SweetAlert2
-          ],
-          greedy: []
+          deep: [],
+          greedy: [],
+          // Preserve keyframe animations
+          keyframes: [
+            /^spinner-/
+          ]
         },
         // Don't remove CSS variables
         variables: true,
@@ -217,6 +249,7 @@ function sass(complete) {
     ]));
   }
 
+  // Process
   return stream
     .pipe(cleanCSS({
       format: Manager.actLikeProduction() ? 'compressed' : 'beautify',

package/dist/gulp/tasks/webpack.js

@@ -307,15 +307,33 @@ function webpack(complete) {
     // Log
     logger.log('Finished!');
 
-    // Error
+    // Handle fatal webpack errors
     if (e) {
-      logger.error(e);
-    } else {
-      logger.log('Stats:\n', stats.toString({ colors: true }));
+      logger.error('Fatal webpack error:', e);
+      return complete(e);
+    }
+
+    // Log stats
+    const statsString = stats.toString({ colors: true });
+    logger.log('Stats:\n', statsString);
+
+    // Check for compilation errors
+    if (stats.hasErrors()) {
+      const info = stats.toJson();
+      logger.error('Webpack compilation failed with errors');
+      // Create an error to pass to complete() so the build fails
+      const compilationError = new Error(`Webpack compilation failed: ${info.errors.length} error(s)`);
+      return complete(compilationError);
     }
 
-    // Complete
-    return complete(e);
+    // Check for warnings (optional - don't fail build but log them)
+    if (stats.hasWarnings()) {
+      const info = stats.toJson();
+      logger.warn(`Webpack compilation completed with ${info.warnings.length} warning(s)`);
+    }
+
+    // Complete successfully
+    return complete();
   });
 }
 // Watcher task

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultimate-jekyll-manager",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "description": "Ultimate Jekyll dependency manager",
   "main": "dist/index.js",
   "exports": {