ultimate-jekyll-manager 1.0.2 → 1.0.4

package/CHANGELOG.md

@@ -15,6 +15,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - `Security` in case of vulnerabilities.
 
 ---
+## [1.0.3] - 2026-03-16
+### Added
+- Ensure consuming projects have `"private": true` in package.json during setup to prevent accidental npm publishes
+
 ## [1.0.1] - 2026-03-15
 ### Changed
 - Upgrade `node-powertools` from ^2.3.2 to ^3.0.0

package/CLAUDE.md

@@ -131,10 +131,11 @@ UJ provides JSON configuration files for common sections like navigation and foo
 **Configuration Files:**
 - `src/defaults/src/_includes/frontend/sections/nav.json` - Navigation configuration
 - `src/defaults/src/_includes/frontend/sections/footer.json` - Footer configuration
+- `src/defaults/src/_includes/global/sections/account.json` - Account dropdown configuration (shared across frontend nav, backend topbar, admin topbar)
 
 **How It Works:**
 1. JSON files contain structured data (links, labels, settings)
-2. HTML templates in `src/defaults/dist/_includes/themes/[theme-id]/frontend/sections/` read and render this data
+2. HTML templates in `src/defaults/dist/_includes/themes/[theme-id]/` read and render this data
 3. The build process converts `.json` → data loaded by `.html` templates
 
 **Customizing Navigation/Footer:**
@@ -143,6 +144,68 @@ Consuming projects should create their own JSON files in `src/_includes/frontend
 - `src/_includes/frontend/sections/nav.json`
 - `src/_includes/frontend/sections/footer.json`
 
+### Account Dropdown (Shared Component)
+
+The account dropdown (avatar + user info + menu items) is a shared component used across the frontend nav, backend topbar, and admin topbar. It is defined once and included everywhere.
+
+**Data Source:** `src/defaults/src/_includes/global/sections/account.json`
+
+This is the single source of truth for account dropdown menu items. Consuming projects can override it by creating `src/_includes/global/sections/account.json`.
+
+**Example: account.json**
+```json5
+{
+  dropdown: [
+    { label: 'Account', href: '/account#profile', icon: 'user-gear' },
+    { label: 'Dashboard', href: '/dashboard', icon: 'gauge-high' },
+    { divider: true, attributes: [['data-wm-bind', '@show auth.account.roles.admin']] },
+    { label: 'Admin Panel', href: '/admin/dashboard', icon: 'shield-halved', attributes: [['data-wm-bind', '@show auth.account.roles.admin']] },
+    { divider: true },
+    { label: 'Sign Out', icon: 'arrow-right-from-bracket', class: 'auth-signout-btn text-danger' }
+  ]
+}
+```
+
+**Include:** `src/defaults/dist/_includes/themes/classy/global/sections/account.html`
+
+This renders the full account dropdown: avatar button with profile photo, user info header (displayName + email), and the menu items from `account.json`.
+
+**Parameters:**
+
+| Parameter | Default | Description |
+|-----------|---------|-------------|
+| `size` | `md` | Avatar size class (`sm`, `md`, `lg`) |
+| `attributes` | none | Array of `[name, value]` attribute pairs for the dropdown wrapper |
+
+**Usage in templates:**
+```liquid
+{% include themes/classy/global/sections/account.html size="md" attributes=action.attributes %}
+```
+
+**How it's wired into nav/topbar:**
+
+In `nav.json` or `topbar.json`, set `type: 'account'` on an action — the rendering templates detect this type and include the shared account dropdown automatically. No `dropdown` array is needed on the action:
+
+```json5
+{
+  type: 'account',
+  attributes: [
+    ['data-wm-bind', '@show auth.user'],
+    ['hidden', '']
+  ],
+}
+```
+
+**File Locations:**
+
+| Purpose | Path |
+|---------|------|
+| Account data (SSOT) | `src/defaults/src/_includes/global/sections/account.json` |
+| Account include | `src/defaults/dist/_includes/themes/classy/global/sections/account.html` |
+| Frontend nav (uses include) | `src/defaults/dist/_includes/themes/classy/frontend/sections/nav.html` |
+| Backend topbar (uses include) | `src/defaults/dist/_includes/themes/classy/backend/sections/topbar.html` |
+| Admin topbar (wraps backend) | `src/defaults/dist/_includes/themes/classy/admin/sections/topbar.html` |
+
 **Example: Footer Configuration**
 
 ```json

package/TODO.md

@@ -1,3 +1,16 @@
+Next, we need to enable a way in the front-end and backend to enable CHANGING PLANS
+* it obviously depends on the processor, but I WOULD LIKE TO FULLY SUPPORT CHANING BETWEEN ALL TYPES OF PLANS AND BILLING CYCLES
+* so for example, a user on the plus plan monthly can change to plus annually, or pro annually
+* im not sure what would be the easiest place to put the interface.... it would eithe rbe
+  * a button to a new page
+  * a button to the same checout page with a query param
+  * all happens inside the billing account page with a simple modal and a confirm button
+* what happens if the user is on a trial? can they change plans?
+
+
+
+
+
 
 NEW TODO
 - service working failing to load scripts??

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

@@ -1,14 +1,19 @@
-// Admin Calendar Styles
+// Admin Marketing Calendar Styles
 
 // Current time / today accent color
 $calendar-now-color: #F44336;
 
+// Campaign type colors (match JS constants)
+$campaign-email-color: #2196F3;
+$campaign-push-color: #4CAF50;
+
 // ============================================
 // Fix: viewport-locked layout sets display:flex on all direct children,
 // which overrides Bootstrap modal's default display:none.
 // Restore Bootstrap's default: hidden unless .show is present.
 // ============================================
-#calendar-event-modal:not(.show) {
+#campaign-editor-modal:not(.show),
+#campaign-results-modal:not(.show) {
   display: none !important;
 }
 
@@ -129,8 +134,8 @@ $calendar-now-color: #F44336;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  min-width: 1.5rem;
-  min-height: 1.5rem;
+  width: 1.5rem;
+  height: 1.5rem;
 }
 
 .calendar-cell-events {
@@ -305,8 +310,6 @@ $calendar-now-color: #F44336;
   position: relative;
 }
 
-// Day events reuse week event styles via shared class in renderer
-
 // ============================================
 // Year View
 // ============================================
@@ -386,6 +389,7 @@ $calendar-now-color: #F44336;
 
 // ============================================
 // Event Pills (Month View)
+// CSS uses "event" as a calendar UI term; the data model uses "campaign"
 // ============================================
 .calendar-event {
   display: flex;
@@ -395,6 +399,9 @@ $calendar-now-color: #F44336;
   border-radius: 3px;
   font-size: 0.7rem;
   line-height: 1.3;
+  height: 1.25rem;
+  box-sizing: border-box;
+  border: 1px solid transparent;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -425,33 +432,220 @@ $calendar-now-color: #F44336;
   flex-shrink: 0;
 }
 
+.calendar-event-type-icon {
+  flex-shrink: 0;
+  opacity: 0.8;
+}
+
 .calendar-event-title {
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
 // ============================================
-// Color Swatches
+// Campaign Status & Recurrence Styles
 // ============================================
-.color-swatch {
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  border: 2px solid transparent;
+
+// Sent campaigns: faded with strikethrough-like visual
+.calendar-event--sent {
+  cursor: default;
+
+  .calendar-event-title {
+    text-decoration: line-through;
+    text-decoration-thickness: 1px;
+  }
+}
+
+// Failed campaigns: red border accent
+.calendar-event--failed {
   cursor: pointer;
-  transition: transform 0.15s, border-color 0.15s;
-  padding: 0;
+  border-left: 3px solid $calendar-now-color !important;
+  background-color: $calendar-now-color !important;
+}
+
+// Virtual recurring occurrences: dashed border, slightly transparent
+.calendar-event--virtual {
+  border-style: dashed;
+  border-color: rgba(255, 255, 255, 0.5);
+  opacity: 0.7;
+}
+
+// Recurring template/history: subtle left border indicator
+.calendar-event--recurring {
+  border-left: 3px solid rgba(255, 255, 255, 0.6) !important;
+}
+
+// ============================================
+// Campaign Preview (Email)
+// ============================================
+.email-preview {
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.email-preview-header {
+  border-bottom: 1px solid var(--bs-border-color);
+  padding-bottom: 0.75rem;
+  margin-bottom: 1rem;
+}
+
+.email-preview-subject {
+  font-size: 1.1rem;
+  font-weight: 600;
+}
+
+.email-preview-preheader {
+  font-size: 0.85rem;
+  color: var(--bs-secondary-color);
+  margin-top: 0.25rem;
+}
+
+.email-preview-body {
+  font-size: 0.9rem;
+  line-height: 1.6;
+
+  h1, h2, h3, h4, h5, h6 {
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+  }
+
+  h1 { font-size: 1.5rem; }
+  h2 { font-size: 1.25rem; }
+  h3 { font-size: 1.1rem; }
+
+  p { margin-bottom: 0.75rem; }
+
+  a { color: var(--bs-primary); }
+
+  ul, ol {
+    padding-left: 1.5rem;
+    margin-bottom: 0.75rem;
+  }
+
+  blockquote {
+    border-left: 3px solid var(--bs-border-color);
+    padding-left: 1rem;
+    color: var(--bs-secondary-color);
+    margin: 0.75rem 0;
+  }
+
+  code {
+    background-color: var(--bs-tertiary-bg);
+    padding: 0.125rem 0.375rem;
+    border-radius: 3px;
+    font-size: 0.85em;
+  }
+
+  pre {
+    background-color: var(--bs-tertiary-bg);
+    padding: 0.75rem;
+    border-radius: 6px;
+    overflow-x: auto;
+
+    code {
+      background: none;
+      padding: 0;
+    }
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 4px;
+  }
+}
+
+.email-preview-disclaimer {
+  border-top: 1px solid var(--bs-border-color);
+  padding-top: 0.75rem;
+}
+
+// ============================================
+// Campaign Preview (Push Notification)
+// ============================================
+.push-preview-frame {
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.75rem;
+  padding: 0.5rem;
+  background-color: var(--bs-dark);
+}
+
+.push-preview-screen {
+  border-radius: 0.5rem;
+  padding: 0.5rem;
+}
+
+.push-preview-status-bar {
+  display: flex;
+  justify-content: space-between;
+  font-size: 0.75rem;
+  color: rgba(255, 255, 255, 0.5);
+  margin-bottom: 0.5rem;
+}
+
+.push-preview-notification {
+  background-color: var(--bs-secondary-bg);
+  border-radius: 0.5rem;
+  padding: 0.75rem;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+
+  &:hover {
+    opacity: 0.9;
+  }
+}
+
+// ============================================
+// List View
+// ============================================
+.calendar-list {
+  flex-grow: 1;
+  overflow-y: auto;
+  min-height: 0;
+}
+
+.calendar-list table {
+  width: 100%;
+  margin-bottom: 0;
+}
+
+.calendar-list-date-header td {
+  font-weight: 600;
+  font-size: 0.8rem;
+  text-transform: uppercase;
+  color: var(--bs-secondary-color);
+  padding: 0.75rem 0.5rem 0.25rem;
+  border-bottom: 2px solid var(--bs-border-color);
+  position: sticky;
+  top: 0;
+  background-color: var(--bs-body-bg);
+  z-index: 1;
+}
+
+.calendar-list-row {
+  cursor: pointer;
+  transition: background-color 0.15s;
 
   &:hover {
-    transform: scale(1.15);
+    background-color: var(--bs-tertiary-bg);
   }
 
-  &.active {
-    border-color: var(--bs-body-color);
-    transform: scale(1.15);
+  td {
+    padding: 0.5rem;
+    border-bottom: 1px solid var(--bs-border-color-translucent);
+    font-size: 0.85rem;
+    vertical-align: middle;
   }
 }
 
+.calendar-list-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+  color: var(--bs-secondary-color);
+}
+
 // ============================================
 // Responsive
 // ============================================