ultimate-jekyll-manager 0.0.199 → 0.0.200

package/.claude/settings.local.json

@@ -6,9 +6,10 @@
       "Read(//Users/ian/Developer/Repositories/ITW-Creative-works/ultimate-jekyll-manager/src/**)",
       "Read(//Users/ian/Developer/Repositories/Trusteroo/trusteroo-website/**)",
       "Bash(cat:*)",
-      "Read(//Users/ian/Developer/Repositories/ITW-Creative-Works/ultimate-jekyll-legacy/special/master/pages/admin/notifications/**)"
+      "Read(//Users/ian/Developer/Repositories/ITW-Creative-Works/ultimate-jekyll-legacy/special/master/pages/admin/notifications/**)",
+      "mcp__mcp-router__chrome-devtools__navigate_page"
     ],
     "deny": [],
     "ask": []
   }
-}
+}

package/bin/ultimate-jekyll

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const argv = require('yargs').argv;
+const argv = require('yargs')(process.argv.slice(2)).parseSync();
 const cli = new (require('../dist/cli.js'))(argv);
 (async function() {
   'use strict';

package/dist/assets/js/core/auth.js

@@ -156,9 +156,16 @@ function setAnalyticsUserId(user, webManager) {
 // Send user metadata to server (affiliate, UTM params, etc.)
 async function sendUserSignupMetadata(user, webManager) {
   try {
-    // Check if this is a new user account (created in last 5 minutes)
+    // Skip on auth pages to avoid blocking redirect (metadata will be sent on destination page)
+    const pagePath = document.documentElement.getAttribute('data-page-path');
+    const authPages = ['/signin', '/signup', '/reset'];
+    if (authPages.includes(pagePath)) {
+      return;
+    }
+
+    // Check if this is a new user account (created in last X minutes)
     const accountAge = Date.now() - new Date(user.metadata.creationTime).getTime();
-    const signupProcessed = webManager.storage().get('flags.signupProcessed', false);
+    const signupProcessed = webManager.storage().get('flags.signupProcessed', null) === user.uid;
 
     /* @dev-only:start */
     {
@@ -202,8 +209,8 @@ async function sendUserSignupMetadata(user, webManager) {
     // Log
     console.log('[Auth] User metadata sent successfully:', response);
 
-    // Mark signup as sent (keep the attribution data for reference)
-    webManager.storage().set('flags.signupProcessed', true);
+    // Mark signup as sent for this user (keep the attribution data for reference)
+    webManager.storage().set('flags.signupProcessed', user.uid);
   } catch (error) {
     console.error('[Auth] Error sending user metadata:', error);
     // Don't throw - we don't want to block the signup flow

package/dist/assets/js/core/exit-popup.js

@@ -71,6 +71,9 @@ export default function (Manager, options) {
         url.searchParams.set('itm_campaign', 'exit-popup');
         url.searchParams.set('itm_content', window.location.pathname);
         $button.href = url.toString();
+
+        // Remove data-bs-dismiss so the link navigation works properly
+        $button.removeAttribute('data-bs-dismiss');
       }
     }
 

package/dist/assets/js/libs/auth.js

@@ -13,6 +13,9 @@ export default function (Manager) {
   const url = new URL(window.location.href);
   const useAuthPopup = url.searchParams.get('authPopup') === 'true' || window !== window.top;
 
+  // Fire wakeup call immediately to prevent cold start on signup API call (fire-and-forget)
+  // wakeupServer(webManager);
+
   // Handle DOM ready
   webManager.dom().ready()
   .then(async () => {
@@ -653,4 +656,13 @@ export default function (Manager) {
       content_name: 'Password Reset'
     });
   }
+
+  // Wakeup server to prevent cold start on signup API call
+  function wakeupServer(webManager) {
+    const serverApiURL = `${webManager.getApiUrl()}/backend-manager/user/signup?wakeup=true`;
+
+    fetch(serverApiURL, { method: 'POST' })
+      .then(() => console.log('[Auth] Server wakeup sent'))
+      .catch(() => {}); // Silently ignore errors
+  }
 }

package/dist/assets/js/libs/form-manager.js

@@ -156,7 +156,7 @@ export class FormManager {
 
     // Focus the field with autofocus attribute if it exists (desktop only)
     const $autofocusField = this.$form.querySelector('[autofocus]');
-    if ($autofocusField && !$autofocusField.disabled && window.Manager?.webManager?.utilities()?.getDeviceType() === 'desktop') {
+    if ($autofocusField && !$autofocusField.disabled && window.Manager?.webManager?.utilities()?.getDevice() === 'desktop') {
       this._focusField($autofocusField);
     }
   }

package/dist/assets/js/pages/account/sections/delete.js

@@ -62,13 +62,6 @@ function setupDeleteAccountForm() {
       throw new Error('Account deletion cancelled. You must type "DELETE" exactly to confirm.');
     }
 
-    // Final confirmation
-    const finalConfirm = confirm('This is your last chance to cancel.\n\nAre you sure you want to permanently delete your account?');
-
-    if (!finalConfirm) {
-      throw new Error('Account deletion cancelled.');
-    }
-
     // Send delete request to server
     const response = await authorizedFetch(`${webManager.getApiUrl()}/backend-manager/user`, {
       method: 'DELETE',
@@ -108,4 +101,4 @@ export async function loadData() {
 // Called when section is shown
 export function onShow() {
   // Nothing needed
-}
+}

package/dist/assets/themes/bootstrap/overrides/_avatars.scss

@@ -9,12 +9,16 @@
 // ============================================
 $avatar-sizes: (
   null: 3rem,    // default
+  2xs: 0.5rem,
   xs: 1.5rem,
   sm: 2rem,
   md: 2.5rem,
   lg: 3.5rem,
   xl: 5rem,
-  xxl: 7.5rem
+  2xl: 7.5rem,
+  3xl: 10rem,
+  4xl: 12.5rem,
+  5xl: 15rem
 ) !default;
 
 // ============================================

package/dist/assets/themes/bootstrap/overrides/_buttons-adaptive.scss

@@ -3,93 +3,66 @@
 // =============================================================================
 // Buttons that automatically flip between light/dark styles based on theme.
 // These are universal utilities available to all UJ themes.
-// Note: Cannot use @extend with Bootstrap classes due to module scoping,
-// so we use CSS custom properties directly.
+// Uses CSS custom properties from _color-shades.scss for hover/active states.
 
 // ============================================
-// Button Style Mixins (DRY)
+// Solid Adaptive Buttons
 // ============================================
-@mixin btn-dark-styles {
+// Dark button in light mode, light button in dark mode
+.btn-adaptive {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--bs-dark);
   --bs-btn-border-color: var(--bs-dark);
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #1c1c1c;
-  --bs-btn-hover-border-color: #1a1a1a;
-  --bs-btn-focus-shadow-rgb: 66, 70, 73;
+  --bs-btn-hover-bg: var(--bs-dark-hover);
+  --bs-btn-hover-border-color: var(--bs-dark-active);
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #1a1a1a;
-  --bs-btn-active-border-color: #181818;
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: var(--bs-dark);
-  --bs-btn-disabled-border-color: var(--bs-dark);
+  --bs-btn-active-bg: var(--bs-dark-active);
+  --bs-btn-active-border-color: var(--bs-dark-active);
 }
 
-@mixin btn-light-styles {
+[data-bs-theme="dark"] .btn-adaptive {
   --bs-btn-color: #000;
   --bs-btn-bg: var(--bs-light);
   --bs-btn-border-color: var(--bs-light);
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #e9ecef;
-  --bs-btn-hover-border-color: #e2e6ea;
-  --bs-btn-focus-shadow-rgb: 211, 212, 213;
+  --bs-btn-hover-bg: var(--bs-light-hover);
+  --bs-btn-hover-border-color: var(--bs-light-active);
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #e2e6ea;
-  --bs-btn-active-border-color: #dae0e5;
-  --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-bg: var(--bs-light);
-  --bs-btn-disabled-border-color: var(--bs-light);
+  --bs-btn-active-bg: var(--bs-light-active);
+  --bs-btn-active-border-color: var(--bs-light-active);
 }
 
-@mixin btn-outline-dark-styles {
+// ============================================
+// Outline Adaptive Buttons
+// ============================================
+.btn-outline-adaptive {
   --bs-btn-color: var(--bs-dark);
+  --bs-btn-bg: transparent;
   --bs-btn-border-color: var(--bs-dark);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--bs-dark);
   --bs-btn-hover-border-color: var(--bs-dark);
-  --bs-btn-focus-shadow-rgb: 33, 37, 41;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--bs-dark);
   --bs-btn-active-border-color: var(--bs-dark);
-  --bs-btn-disabled-color: var(--bs-dark);
-  --bs-btn-disabled-border-color: var(--bs-dark);
+
+  color: var(--bs-body-color);
+  border-color: var(--bs-dark);
 }
 
-@mixin btn-outline-light-styles {
+[data-bs-theme="dark"] .btn-outline-adaptive {
   --bs-btn-color: var(--bs-light);
+  --bs-btn-bg: transparent;
   --bs-btn-border-color: var(--bs-light);
   --bs-btn-hover-color: #000;
   --bs-btn-hover-bg: var(--bs-light);
   --bs-btn-hover-border-color: var(--bs-light);
-  --bs-btn-focus-shadow-rgb: 248, 249, 250;
   --bs-btn-active-color: #000;
   --bs-btn-active-bg: var(--bs-light);
   --bs-btn-active-border-color: var(--bs-light);
-  --bs-btn-disabled-color: var(--bs-light);
-  --bs-btn-disabled-border-color: var(--bs-light);
-}
 
-// ============================================
-// Solid Adaptive Buttons
-// ============================================
-// Dark button in light mode, light button in dark mode
-.btn-adaptive {
-  @include btn-dark-styles;
-}
-
-[data-bs-theme="dark"] .btn-adaptive {
-  @include btn-light-styles;
-}
-
-// ============================================
-// Outline Adaptive Buttons
-// ============================================
-.btn-outline-adaptive {
-  @include btn-outline-dark-styles;
-}
-
-[data-bs-theme="dark"] .btn-outline-adaptive {
-  @include btn-outline-light-styles;
+  border-color: var(--bs-light);
 }
 
 // ============================================
@@ -97,19 +70,59 @@
 // ============================================
 // The opposite of adaptive - light in light mode, dark in dark mode
 .btn-adaptive-inverse {
-  @include btn-light-styles;
+  --bs-btn-color: #000;
+  --bs-btn-bg: var(--bs-light);
+  --bs-btn-border-color: var(--bs-light);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: var(--bs-light-hover);
+  --bs-btn-hover-border-color: var(--bs-light-active);
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: var(--bs-light-active);
+  --bs-btn-active-border-color: var(--bs-light-active);
 }
 
 [data-bs-theme="dark"] .btn-adaptive-inverse {
-  @include btn-dark-styles;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: var(--bs-dark);
+  --bs-btn-border-color: var(--bs-dark);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: var(--bs-dark-hover);
+  --bs-btn-hover-border-color: var(--bs-dark-active);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: var(--bs-dark-active);
+  --bs-btn-active-border-color: var(--bs-dark-active);
 }
 
+// ============================================
+// Outline Inverse Adaptive Buttons
+// ============================================
 .btn-outline-adaptive-inverse {
-  @include btn-outline-light-styles;
+  --bs-btn-color: var(--bs-light);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-light);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: var(--bs-light);
+  --bs-btn-hover-border-color: var(--bs-light);
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: var(--bs-light);
+  --bs-btn-active-border-color: var(--bs-light);
+
+  color: var(--bs-body-color);
+  border-color: var(--bs-light);
 }
 
 [data-bs-theme="dark"] .btn-outline-adaptive-inverse {
-  @include btn-outline-dark-styles;
+  --bs-btn-color: var(--bs-dark);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: var(--bs-dark);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: var(--bs-dark);
+  --bs-btn-hover-border-color: var(--bs-dark);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: var(--bs-dark);
+  --bs-btn-active-border-color: var(--bs-dark);
+
+  border-color: var(--bs-dark);
 }
 
 // ============================================

package/dist/assets/themes/bootstrap/overrides/_color-shades.scss

@@ -0,0 +1,25 @@
+// =============================================================================
+// Color Shade CSS Custom Properties
+// =============================================================================
+// Provides hover/active shade variants for light and dark colors.
+// These are used by adaptive buttons and can be reused elsewhere.
+
+:root,
+[data-bs-theme="light"] {
+  // Dark color shades (for hover/active states on dark buttons)
+  --bs-dark-hover: #3a3a44;
+  --bs-dark-active: #34343e;
+
+  // Light color shades (for hover/active states on light buttons)
+  --bs-light-hover: #d3d6db;
+  --bs-light-active: #c8ccd1;
+}
+
+[data-bs-theme="dark"] {
+  // In dark mode, the values are the same but semantic meaning is swapped
+  --bs-dark-hover: #3a3a44;
+  --bs-dark-active: #34343e;
+
+  --bs-light-hover: #d3d6db;
+  --bs-light-active: #c8ccd1;
+}

package/dist/assets/themes/bootstrap/overrides/_index.scss

@@ -8,6 +8,7 @@
 @use 'buttons-adaptive';
 
 // Colors
+@use 'color-shades';
 @use 'soft-colors';
 
 // Components

package/dist/assets/themes/classy/css/components/_buttons.scss

@@ -110,11 +110,10 @@
 // Outline Button Overrides
 // ============================================
 [class*="btn-outline-"] {
-  background: transparent !important;
   border-width: 2px !important;
   border-style: solid !important;
 
-  &:not(:hover) {
+  &:not(:hover):not(:active):not(.active) {
     background: transparent !important;
   }
 }

package/dist/build.js

@@ -3,7 +3,7 @@ const path = require('path');
 const jetpack = require('fs-jetpack');
 const fs = require('fs');
 const JSON5 = require('json5');
-const argv = require('yargs').argv;
+const argv = require('yargs')(process.argv.slice(2)).parseSync();
 const { force, execute } = require('node-powertools');
 const yaml = require('js-yaml');
 

package/dist/defaults/dist/pages/test/libraries/bootstrap.html

@@ -453,6 +453,13 @@ meta:
     <button type="button" class="btn btn-outline-light">Light</button>
     <button type="button" class="btn btn-outline-dark">Dark</button>
 
+    <h3 class="mt-4 mb-3">Adaptive Buttons (Theme-Aware)</h3>
+    <p class="text-muted">These buttons automatically adapt to light/dark mode. Use instead of btn-light/btn-dark.</p>
+    <button type="button" class="btn btn-adaptive">Adaptive</button>
+    <button type="button" class="btn btn-outline-adaptive">Outline Adaptive</button>
+    <button type="button" class="btn btn-adaptive-inverse">Adaptive Inverse</button>
+    <button type="button" class="btn btn-outline-adaptive-inverse">Outline Adaptive Inverse</button>
+
     <h3 class="mt-4 mb-3">Button Sizes</h3>
     <button type="button" class="btn btn-primary btn-lg">Large button</button>
     <button type="button" class="btn btn-primary">Default button</button>

package/dist/gulp/tasks/defaults.js

@@ -8,7 +8,7 @@ const path = require('path');
 const { minimatch } = require('minimatch');
 const { template } = require('node-powertools');
 const createTemplateTransform = require('./utils/template-transform');
-const argv = require('yargs').argv;
+const argv = require('yargs')(process.argv.slice(2)).parseSync();
 const JSON5 = require('json5');
 
 // Load package

package/dist/gulp/tasks/sass.js

@@ -218,6 +218,10 @@ function sass(complete) {
           /^active$/,
           /^disabled$/,
 
+          // Buttons
+          // /^btn-outline-adaptive$/,
+          // /^btn-adaptive$/,
+
           // Accordion specific
           /^accordion/,
           /^collapsed$/,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ultimate-jekyll-manager",
-  "version": "0.0.199",
+  "version": "0.0.200",
   "description": "Ultimate Jekyll dependency manager",
   "main": "dist/index.js",
   "exports": {
@@ -62,7 +62,7 @@
   "dependencies": {
     "@babel/core": "^7.28.6",
     "@babel/preset-env": "^7.28.6",
-    "@fullhuman/postcss-purgecss": "^7.0.2",
+    "@fullhuman/postcss-purgecss": "^8.0.0",
     "@minify-html/node": "^0.18.1",
     "@octokit/rest": "^22.0.1",
     "@popperjs/core": "^2.11.8",
@@ -71,7 +71,7 @@
     "babel-loader": "^10.0.0",
     "browser-sync": "^3.0.4",
     "chalk": "^5.6.2",
-    "cheerio": "^1.1.2",
+    "cheerio": "^1.2.0",
     "chrome-launcher": "^1.2.1",
     "dotenv": "^17.2.3",
     "fast-xml-parser": "^5.3.3",
@@ -84,25 +84,25 @@
     "gulp-responsive-modern": "^1.0.0",
     "gulp-sass": "^6.0.1",
     "html-minifier-terser": "^7.2.0",
-    "html-validate": "^10.5.0",
+    "html-validate": "^10.7.0",
     "itwcw-package-analytics": "^1.0.6",
-    "js-yaml": "^3.14.2",
+    "js-yaml": "^4.1.1",
     "json5": "^2.2.3",
-    "libsodium-wrappers": "^0.8.0",
-    "lodash": "^4.17.21",
+    "libsodium-wrappers": "^0.8.2",
+    "lodash": "^4.17.23",
     "minimatch": "^10.1.1",
     "node-powertools": "^2.3.2",
     "npm-api": "^1.0.1",
     "postcss": "^8.5.6",
-    "prettier": "^3.8.0",
-    "sass": "^1.97.2",
+    "prettier": "^3.8.1",
+    "sass": "^1.97.3",
     "spellchecker": "^3.7.1",
     "through2": "^4.0.2",
     "web-manager": "^4.1.6",
     "webpack": "^5.104.1",
     "wonderful-fetch": "^1.3.4",
     "wonderful-version": "^1.3.2",
-    "yargs": "^17.7.2"
+    "yargs": "^18.0.0"
   },
   "peerDependencies": {
     "gulp": "^5.0.1"