ultimate-jekyll-manager 1.6.4 → 1.6.6

package/CHANGELOG.md

@@ -14,6 +14,31 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - `Fixed` for any bug fixes.
 - `Security` in case of vulnerabilities.
 
+---
+## [1.6.5] - 2026-06-04
+
+### Added
+
+- **Dynamic event fitting in month view.** Calendar cells now show as many events as physically fit instead of a hardcoded max of 3; "+N more" only appears when events genuinely overflow.
+- **Local time display on calendar events.** Event pills show local time (data layer remains UTC). Editor modal shows a local date+time badge below the UTC inputs.
+- **Hover states on event pills.** Brightness + box-shadow effect on hover for month, week, and day views.
+- **Now line on month view.** Red progress line shows current time of day in today's cell, with dot rendered above cell borders.
+- **Left tab accent on all event pills.** Consistent dark left border matches week/day view style.
+- **Monthly-weekday (Nth weekday) recurrence pattern.** Calendar supports "2nd Wednesday of every month" style recurring campaigns with calendar-relative date stepping.
+
+### Changed
+
+- **Per-string translation caching replaces all-or-nothing page caching.** Each page's cache is now a `hash→translation` map (`es/pages/index.html.json`). Only strings whose content hash changed are sent to the API — unchanged strings are served from cache. Dramatically reduces API calls and cost on incremental builds.
+- **Prompt hash mismatch now wipes page cache files** (not just meta entries) for a clean slate.
+- **Translation stats now track cached vs new strings** instead of whole-page hit/miss.
+- **Outside-month calendar cells** now fade only content (date number + events), keeping borders at full opacity for consistent grid lines.
+- **Imagemin constants renamed** (`MAX_SOURCE_DIMENSION` → `IMAGE_MAX_DIMENSION`) and default max dimension lowered from 4096 to 2048.
+
+### Removed
+
+- **`RECHECK_DAYS`** — per-string content hashes make age-based invalidation unnecessary.
+- **All-day row** removed from week view (no all-day event concept in marketing calendar).
+
 ---
 ## [1.6.4] - 2026-06-03
 

package/dist/assets/css/pages/admin/calendar/index.scss

@@ -79,7 +79,7 @@ $campaign-push-color: #4CAF50;
 .calendar-month {
   display: grid;
   grid-template-columns: repeat(7, 1fr);
-  grid-template-rows: repeat(auto-fill, 1fr);
+  grid-auto-rows: 1fr;
   flex-grow: 1;
   min-height: 0;
 }
@@ -88,12 +88,13 @@ $campaign-push-color: #4CAF50;
   border-right: 1px solid var(--bs-border-color);
   border-bottom: 1px solid var(--bs-border-color);
   padding: 0.25rem;
-  overflow-y: auto;
-  overflow-x: hidden;
-  min-height: 80px;
+  overflow: hidden;
+  min-height: 0;
   position: relative;
   cursor: pointer;
   transition: background-color 0.15s;
+  display: flex;
+  flex-direction: column;
 
   &:nth-child(7n) {
     border-right: none;
@@ -120,7 +121,10 @@ $campaign-push-color: #4CAF50;
 }
 
 .calendar-cell--outside {
-  opacity: 0.35;
+  .calendar-cell-date,
+  .calendar-cell-events {
+    opacity: 0.35;
+  }
 }
 
 .calendar-cell--drag-over {
@@ -142,6 +146,9 @@ $campaign-push-color: #4CAF50;
   display: flex;
   flex-direction: column;
   gap: 1px;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .calendar-cell-more {
@@ -253,7 +260,7 @@ $campaign-push-color: #4CAF50;
   right: 0;
   height: 2px;
   background-color: $calendar-now-color;
-  z-index: 2;
+  z-index: 3;
   pointer-events: none;
 
   &::before {
@@ -268,6 +275,7 @@ $campaign-push-color: #4CAF50;
   }
 }
 
+
 .calendar-week-event {
   position: absolute;
   left: 2px;
@@ -280,9 +288,11 @@ $campaign-push-color: #4CAF50;
   z-index: 1;
   color: #fff;
   border-left: 3px solid rgba(0, 0, 0, 0.2);
+  transition: filter 0.15s, box-shadow 0.15s;
 
   &:hover {
-    opacity: 0.85;
+    filter: brightness(1.2);
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   }
 }
 
@@ -402,15 +412,17 @@ $campaign-push-color: #4CAF50;
   height: 1.25rem;
   box-sizing: border-box;
   border: 1px solid transparent;
+  border-left: 3px solid rgba(0, 0, 0, 0.2);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: pointer;
   color: #fff;
-  transition: opacity 0.15s;
+  transition: filter 0.15s, box-shadow 0.15s;
 
   &:hover {
-    opacity: 0.85;
+    filter: brightness(1.2);
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
   }
 }
 
@@ -466,7 +478,9 @@ $campaign-push-color: #4CAF50;
 // Virtual recurring occurrences: dashed border, slightly transparent
 .calendar-event--virtual {
   border-style: dashed;
+  border-left-style: solid;
   border-color: rgba(255, 255, 255, 0.5);
+  border-left-color: rgba(0, 0, 0, 0.2);
   opacity: 0.7;
 }
 

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

@@ -19,6 +19,7 @@ const TOGGLE_ID = 'marketing-emails';
 const GRANT_DATE_ID = 'marketing-emails-grant-date';
 
 let formManager = null;
+let pushFormManager = null;
 
 export function init() {
   const $form = document.getElementById(FORM_ID);
@@ -90,4 +91,91 @@ export function loadData(account) {
   }
 
   formManager.ready();
+
+  initPushNotifications();
+}
+
+function updatePushUI() {
+  const $status = document.getElementById('push-notification-status');
+  const $tokenInput = document.getElementById('push-token-value');
+
+  if (!$status) {
+    return;
+  }
+
+  const notifications = webManager.notifications();
+  const stored = webManager.storage().get('notifications', {});
+  const permission = typeof Notification !== 'undefined' ? Notification.permission : 'default';
+
+  let state;
+  if (stored.subscribed && stored.token) {
+    state = 'subscribed';
+    $status.innerHTML = '<span class="badge bg-success">Subscribed</span>';
+    if ($tokenInput) { $tokenInput.value = stored.token; }
+    if (pushFormManager) { pushFormManager._setDisabled(true); }
+  } else if (!notifications.isSupported()) {
+    state = 'not-supported';
+    $status.innerHTML = '<span class="badge bg-warning">Not supported</span>';
+    if (pushFormManager) { pushFormManager._setDisabled(true); }
+  } else if (permission === 'denied') {
+    state = 'denied';
+    $status.innerHTML = '<span class="badge bg-danger">Denied</span>';
+    if (pushFormManager) { pushFormManager._setDisabled(true); }
+  } else {
+    state = 'not-subscribed';
+    $status.innerHTML = '<span class="badge bg-secondary">Not subscribed</span>';
+    if ($tokenInput) { $tokenInput.value = ''; }
+    if (pushFormManager) { pushFormManager.ready(); }
+  }
+
+  console.log('[Account:push] updatePushUI →', state, { storedSubscribed: stored.subscribed, storedToken: stored.token?.slice(-8), permission });
+}
+
+async function initPushNotifications() {
+  const $status = document.getElementById('push-notification-status');
+  const $form = document.getElementById('push-subscribe-form');
+  const $copyBtn = document.getElementById('copy-push-token-btn');
+
+  if (!$status) {
+    return;
+  }
+
+  const notifications = webManager.notifications();
+
+  // Full sync: validates permission + token + Firestore, then updates localStorage
+  await notifications.syncSubscription();
+
+  // Create the form (always starts disabled), then let updatePushUI control its state
+  if (notifications.isSupported() && $form) {
+    $form.style.display = '';
+
+    pushFormManager = new FormManager('#push-subscribe-form', {
+      autoReady: false,
+      allowResubmit: true,
+    });
+
+    pushFormManager.on('submit', async () => {
+      console.log('[Account:push] Subscribe button clicked');
+      await notifications.subscribe();
+      console.log('[Account:push] Subscribe complete — updating UI');
+      setTimeout(() => updatePushUI(), 0);
+    });
+  }
+
+  // Now that the form exists, let updatePushUI set the correct state
+  updatePushUI();
+
+  if ($copyBtn) {
+    const $tokenInput = document.getElementById('push-token-value');
+    const originalHtml = $copyBtn.innerHTML;
+    $copyBtn.addEventListener('click', () => {
+      if (!$tokenInput?.value) {
+        return;
+      }
+      navigator.clipboard.writeText($tokenInput.value).then(() => {
+        $copyBtn.textContent = 'Copied!';
+        setTimeout(() => { $copyBtn.innerHTML = originalHtml; }, 2000);
+      });
+    });
+  }
 }

package/dist/assets/js/pages/admin/calendar/calendar-core.js

@@ -358,15 +358,23 @@ export default class CalendarCore {
 
   /**
    * Generate virtual occurrences using the template's sendAt as seed.
-   * Pure unix math — no Date objects, no timezone issues.
+   * Fixed-interval patterns (daily, weekly) use pure unix math.
+   * Calendar-relative patterns (monthly, monthly-weekday, quarterly, yearly)
+   * step through actual dates so they land correctly every month.
    */
   _generateOccurrences(template, startUNIX, endUNIX) {
-    const interval = this._getIntervalSeconds(template.recurrence.pattern);
+    const { pattern } = template.recurrence;
     const occurrences = [];
     const seedUNIX = template.sendAt;
 
-    // Walk backward from seed to find first occurrence >= startUNIX
+    if (pattern === 'monthly-weekday') {
+      return this._generateNthWeekdayOccurrences(template, startUNIX, endUNIX);
+    }
+
+    // Fixed-interval patterns
+    const interval = this._getIntervalSeconds(pattern);
     let cursorUNIX = seedUNIX;
+
     while (cursorUNIX > startUNIX + interval) {
       cursorUNIX -= interval;
     }
@@ -376,23 +384,81 @@ export default class CalendarCore {
 
     let maxIterations = 400;
     while (cursorUNIX <= endUNIX && maxIterations-- > 0) {
-      occurrences.push({
-        id: `${template.id}__virtual__${cursorUNIX}`,
-        sendAt: cursorUNIX,
-        status: 'pending',
-        type: template.type,
-        settings: template.settings,
-        recurrence: template.recurrence,
-        _virtual: true,
-        _recurringSourceId: template.id,
-      });
-
+      occurrences.push(this._buildVirtualEvent(template, cursorUNIX));
       cursorUNIX += interval;
     }
 
     return occurrences;
   }
 
+  /**
+   * Generate Nth-weekday-of-month occurrences (e.g., 2nd Wednesday).
+   * Walks month by month, computing the actual calendar date each time.
+   */
+  _generateNthWeekdayOccurrences(template, startUNIX, endUNIX) {
+    const { nth = 1, day: dayOfWeek = 0, hour = 0, minute = 0 } = template.recurrence;
+    const occurrences = [];
+
+    // Start scanning 2 months before the visible range
+    const startDate = new Date(startUNIX * 1000);
+    let year = startDate.getUTCFullYear();
+    let month = startDate.getUTCMonth() - 2;
+
+    let maxIterations = 100;
+    while (maxIterations-- > 0) {
+      const ts = this._nthWeekdayOfMonth(year, month, nth, dayOfWeek, hour, minute);
+
+      if (ts > endUNIX) {
+        break;
+      }
+
+      if (ts >= startUNIX) {
+        occurrences.push(this._buildVirtualEvent(template, ts));
+      }
+
+      month++;
+      if (month > 11) {
+        month = 0;
+        year++;
+      }
+    }
+
+    return occurrences;
+  }
+
+  /**
+   * Find the Nth occurrence of a weekday in a given month (UTC).
+   * Returns unix timestamp.
+   */
+  _nthWeekdayOfMonth(year, month, nth, dayOfWeek, hour, minute) {
+    const first = new Date(Date.UTC(year, month, 1));
+    let dateNum = 1;
+
+    // Advance to the first matching weekday
+    while (first.getUTCDay() !== dayOfWeek) {
+      dateNum++;
+      first.setUTCDate(dateNum);
+    }
+
+    // Advance to the Nth occurrence
+    dateNum += (nth - 1) * 7;
+
+    return Date.UTC(year, month, dateNum, hour, minute, 0) / 1000;
+  }
+
+  _buildVirtualEvent(template, sendAtUNIX) {
+    return {
+      id: `${template.id}__virtual__${sendAtUNIX}`,
+      sendAt: sendAtUNIX,
+      status: 'pending',
+      type: template.type,
+      settings: template.settings,
+      recurrence: template.recurrence,
+      _virtual: true,
+      _recurringSourceId: template.id,
+    };
+  }
+
   _getIntervalSeconds(pattern) {
     const DAY = 86400;
     switch (pattern) {