ultimate-jekyll-manager 0.0.179 → 0.0.181

package/TODO-BACKEND.md

@@ -0,0 +1,13 @@
+BACKEND TODO
+make the mobile menu toggle appear in place ont he logo/brand (the one on the topbar), not down in the bottom right corner
+
+does it hav eto be aside? or can it be nav? id prefer if it was nav
+
+
+the breadcrumbs at the top are not needed. pelase move them inside the MINIMAL layout. on that note, please design the minimal layout page. it should look liek the screenshot attached with the page.meta.title, then under that is the breadcrumbs, then under that is the page content. on the right side, there is a button
+
+
+ok our dashboard needs some work. just look at the screenshot.
+- the DASHBAORD text is way too huge. the icon next to it is way too small.
+- also, that whole section needs a HR below it or a border or something to separate it from the content below. also, we need to make
+- also, the LOGO section in top left should match the bg color of the sidebar.

package/TODO-CHAT1.md

@@ -0,0 +1,41 @@
+where could we put a small section about how to use the defualt css classes? some come with bootstrap and some come from our core, and some come from the theme. when building websites, we should be using the premde classes not creating copies of custom classes that do the same thing
+
+Looking at the CLAUDE.md structure, I think the best place for a CSS classes section would be after the "CSS Guidelines" section (which currently only covers Theme-Adaptive Classes). We could expand that section or add a new subsection. Let me check what's currently in the CSS Guidelines section and the surrounding context:
+Grep "## CSS Guidelines" (in /Users/ian/Developer/Repositories/ITW-Creative-Works/ultimate-jekyll-manager/CLAUDE.md)
+51 lines of output
+The CSS Guidelines section is currently small (lines 423-443), focusing only on theme-adaptive classes. I'd recommend expanding this section with a new subsection about class hierarchy and usage. Here's where I'd suggest placing it and what it could contain: Suggested location: After "Theme-Adaptive Classes" (line 443), before "Page Loading Protection System" (line 445) Suggested content:
+### CSS Class Hierarchy
+
+When styling elements, always prefer existing classes over creating custom ones. Classes come from three sources (in order of precedence):
+
+**1. Bootstrap Classes (Foundation)**
+Use Bootstrap's utility classes for common patterns:
+- Spacing: `m-*`, `p-*`, `mt-3`, `px-4`, `gap-2`
+- Flexbox: `d-flex`, `justify-content-center`, `align-items-center`
+- Grid: `row`, `col-*`, `container`, `container-fluid`
+- Text: `text-center`, `fw-bold`, `fs-5`, `text-muted`
+- Display: `d-none`, `d-md-block`, `visually-hidden`
+
+**Documentation:** https://getbootstrap.com/docs/5.3/utilities/
+
+**2. UJ Core Classes (Global)**
+Located in `src/assets/css/global/` and `src/assets/css/core/`:
+- Theme-adaptive: `bg-body`, `btn-adaptive`, `text-body`
+- Utilities: (list common ones here)
+
+**3. Theme Classes (Theme-Specific)**
+Located in `src/assets/themes/[theme-id]/`:
+- Theme-specific components and overrides
+
+### Best Practices
+
+**DO:**
+- Search existing classes before creating new ones
+- Use Bootstrap utilities for spacing, layout, typography
+- Use UJ adaptive classes for theme compatibility
+
+**DON'T:**
+- Create `.my-centered-text` when `text-center` exists
+- Create `.my-margin-top` when `mt-3` exists
+- Duplicate functionality that Bootstrap or UJ already provides
+Would you like me to add this section to the CLAUDE.md file? I can also explore the actual CSS files to document the specific UJ core utility classes that are available.

package/TODO-tracking2.md

@@ -0,0 +1,103 @@
+TODO
+- google tag optimization
+  https://support.google.com/analytics/thread/352854513/gtag-click-tracking-causes-reflow-due-to-reading-a-innertext-a-textcontent?hl=en
+
+
+- SW update error (devtools check update on reload, then reload, notice it goes forever and then logs an error
+  // Private: Set up update handlers
+  _setupUpdateHandlers(registration) {
+    // Listen for updates
+    registration.addEventListener('updatefound', () => {
+      const newWorker = registration.installing;
+
+      if (!newWorker) return;
+
+      newWorker.addEventListener('statechange', () => {
+        if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
+          // New service worker available
+          this._notifyUpdateCallbacks({
+            type: 'update-available',
+            worker: newWorker
+          });
+
+          // Automatically skip waiting and activate new worker
+          if (this.manager.config.serviceWorker?.autoUpdate !== false) {
+            this.skipWaiting();
+          }
+        }
+      });
+    });
+
+- tiktok error (CHECK UJ LEGACY CODE FOR TIKTOK EXAMPLES)
+Click
+console.js:36 📊 gtag: {command: 'event', event: 'cookie_consent_auto_accepted', params: {…}, fullArgs: Array(3)}
+console.js:36 📘 fbq: {command: 'trackCustom', event: 'CookieConsentAutoAccepted', params: {…}, fullArgs: Array(3)}
+console.js:36 [TikTok Pixel] - Missing 'content_id' paramter
+Issue: The 'content_id' parameter isn't being received. This is required for Video Shopping Ads (VSA).
+Suggestion: Include the 'content_id' parameter in your source code. This is required for Video Shopping Ads (VSA). See https://ads.tiktok.com/help/article/standard-events-parameters?redirected=2 for more information.
+eval @ console.js:36
+iC @ main.MTE0NjY3MDc0MQ.js:1
+r.warn @ main.MTE0NjY3MDc0MQ.js:1
+r.handleEventPayloadValidate @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+u @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+e.track @ main.MTE0NjY3MDc0MQ.js:1
+i.track @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+trackCookieAutoAccepted @ cookieconsent.js:354
+eval @ cookieconsent.js:126
+sentryWrapped @ helpers.js:93
+setTimeout
+eval @ browserapierrors.js:95
+autoAcceptHandler @ cookieconsent.js:124
+sentryWrapped @ helpers.js:93Understand this warning
+console.js:36 [TikTok Pixel] - Invalid content type
+Issue: The content type for one or more of your events is not valid. Content type must be either "product", "product_group", "destination", "hotel", "flight" or "vehicle".
+Suggestion: Go to your source code and update the content type. See https://ads.tiktok.com/help/article/standard-events-parameters?redirected=2 for more information.
+eval @ console.js:36
+iC @ main.MTE0NjY3MDc0MQ.js:1
+r.warn @ main.MTE0NjY3MDc0MQ.js:1
+r.handleEventPayloadValidate @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+u @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+e.track @ main.MTE0NjY3MDc0MQ.js:1
+i.track @ main.MTE0NjY3MDc0MQ.js:1
+(anonymous) @ main.MTE0NjY3MDc0MQ.js:1
+trackCookieAutoAccepted @ cookieconsent.js:354
+eval @ cookieconsent.js:126
+sentryWrapped @ helpers.js:93
+setTimeout
+eval @ browserapierrors.js:95
+autoAcceptHandler @ cookieconsent.js:124
+sentryWrapped @ helpers.js:93Understand this warning
+console.js:36 📊 gtag: {command: 'event', event: 'cookie_consent_accepted', params: {…}, fullArgs: Array(3)}
+console.js:36 📘 fbq: {command: 'trackCustom', event: 'CookieConsentAccepted', params: undefined, fullArgs: Array(2)}
+console.js:36 [TikTok Pixel] - Invalid content type
+Issue: The content type for one or more of your events is not valid. Content type must be either "product", "product_group", "destination", "hotel", "flight" or "vehicle".
+Suggestion: Go to your source code and update the content type. See https://ads.tiktok.com/help/article/standard-events-parameters?redirected=2 for more information.

package/dist/defaults/src/_config.yml

@@ -124,7 +124,7 @@ web_manager:
   socialSharing:
     enabled: false
     config:
-      defaultPlatforms: ["facebook", "twitter", "linkedin", "pinterest", "reddit", "email", "copy"]
+      defaultPlatforms: [ "facebook", "twitter", "linkedin", "pinterest", "reddit", "email", "copy" ]
       buttonClass: ""
       openInNewWindow: true
   pushNotifications:
@@ -229,35 +229,35 @@ icons:
   style: "solid"
 
 # Blog & Pagination
-permalink: /blog/:title
+permalink: "/blog/:title"
 pagination:
   enabled: true
   per_page: 6
   offset: 0
   limit: 0
-  permalink: /page/:num.html
-  title: :title - page :num
-  sort_field: date
+  permalink: "/page/:num.html"
+  title: ":title - page :num"
+  sort_field: "date"
   sort_reverse: true
 
 # Jekyll collections
 collections:
   team:
-    title: Team Members
+    title: "Team Members"
     output: true
   updates:
-    title: Updates
+    title: "Updates"
     output: true
 
 # Jekyll defaults
 defaults:
-- scope:
-    path: ""
-    type: team
-  values:
-    permalink: /team/:title
-- scope:
-    path: ""
-    type: updates
-  values:
-    permalink: /updates/:title
+  - scope:
+      path: ""
+      type: "team"
+    values:
+      permalink: "/team/:title"
+  - scope:
+      path: ""
+      type: "updates"
+    values:
+      permalink: "/updates/:title"

package/dist/gulp/tasks/sass.js

@@ -255,7 +255,16 @@ function sass(complete) {
             // Social
             /^social-share-/,
           ],
-          deep: [],
+          deep: [
+            // Preserve input state pseudo-selectors (checkbox, radio, etc.)
+            /:checked/,
+            /:disabled/,
+            /:enabled/,
+            /:focus/,
+            /:hover/,
+            /:valid/,
+            /:invalid/,
+          ],
           greedy: [],
           // Preserve keyframe animations
           keyframes: [

package/package.json

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