gatsby-core-theme 44.4.51 → 44.4.53

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [44.4.53](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.4.52...v44.4.53) (2025-09-06)
+
+
+### Bug Fixes
+
+* added vars for comments ([bae7841](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/bae784144e2253f8ee4d9ca9698a32312f3d426f))
+* update gtm id ([efedd77](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/efedd7751e36c891bbd770c6ff38f4668d1bb833))
+
+## [44.4.52](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.4.51...v44.4.52) (2025-09-02)
+
+
+### Bug Fixes
+
+* revert gtm changes ([4f05ce2](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/commit/4f05ce26a89137acb82d638f9ffceb29168127a8))
+
 ## [44.4.51](https://gitlab.com/g2m-gentoo/team-floyd/themes/gatsby-themes/compare/v44.4.50...v44.4.51) (2025-09-02)
 
 

package/gatsby-browser.js

@@ -1,4 +1,3 @@
-/* eslint-disable no-lonely-if */
 /* eslint-disable no-sequences */
 /* eslint-disable one-var */
 /* eslint-disable no-var */
@@ -122,21 +121,18 @@ const piguard = () =>{
   document.head.appendChild(script);
 }
 
-function loadThirdPartyScripts() {
+function scrollEvent(event) {
   initGTM();
 
   if (!document.getElementById('piguard') && process.env.ENABLE_PIGUARD === 'true') {
     piguard();
   }
 
-  if (process.env.ENABLE_MICROSOFT === 'true' && !document.getElementById('microsoft-code')) {
+  if (process.env.ENABLE_MICROSOFT === 'true' && !document.getElementById('microsoft-code'))
     microsoftAdvertising();
-  }
 
-  if (process.env.ENABLE_OPTINMONSTR === 'true' && !document.getElementById('optin-monstr')) {
+  if (process.env.ENABLE_OPTINMONSTR === 'true' && !document.getElementById('optin-monstr'))
     optinMonster();
-  }
-
   if (process.env.ENABLE_PIXEL === 'true' && !document.getElementById('pixel-code')) {
     if (
       typeof window !== 'undefined' &&
@@ -144,25 +140,24 @@ function loadThirdPartyScripts() {
     ) {
       loadFacebookPixel();
 
-      // Ensure fbq exists before calling
-      if (typeof fbq !== 'undefined') {
-        fbq('init', process.env.PIXEL_ID);
-        fbq('track', 'PageView');
-      }
+      fbq('init', process.env.PIXEL_ID);
+
+      // Initialize and track the PageView event
+      fbq('track', 'PageView');
     }
   }
+
+  if (event) {
+    event.currentTarget.removeEventListener(event.type, scrollEvent); // remove the event listener that got triggered
+  }
 }
 
 exports.onClientEntry = () => {
   if (process.env.PPC === 'true') {
-    loadThirdPartyScripts();
-  } else if (typeof window !== 'undefined') {
-    const loadScripts = () => loadThirdPartyScripts();
-
-    if ('requestIdleCallback' in window) {
-      requestIdleCallback(loadScripts, { timeout: 3000 });
-    } else {
-      window.setTimeout(loadScripts, 3000);
-    }
+    scrollEvent(null);
+  } else {
+    document.addEventListener('scroll', scrollEvent, { passive: true });
+    document.addEventListener('mousemove', scrollEvent, { passive: true });
+    document.addEventListener('touchstart', scrollEvent, { passive: true });
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "44.4.51",
+  "version": "44.4.53",
   "description": "Gatsby Theme NPM Package",
   "author": "",
   "license": "ISC",

package/src/components/atoms/comment-votes/comment-votes.module.scss

@@ -1,28 +1,28 @@
 .buttonGroup{
-    background: #EAE5E0;
-    font-size: 1.2rem;
-    padding: .5rem .8rem;
-    height: 2.8rem;
+    background: var(--comment-vote-bg, #EAE5E0);
+    font-size: var(--comment-vote-font-size, 1.2rem);
+    padding: var(--comment-vote-padding, .5rem .8rem);
+    height: var(--comment-vote-height, 2.8rem);
     gap: .4rem;
     color: #0F172A;
 
     @include flex-align(center, center);
 
     &.left{
-        border-bottom-left-radius: 5rem;
-        border-top-left-radius: 5rem;
+        border-bottom-left-radius: var(--comment-vote-border-radius, 5rem);
+        border-top-left-radius: var(--comment-vote-border-radius, 5rem);
         padding-right: 0;
     }
 
     &.right{
-        border-bottom-right-radius: 5rem;
-        border-top-right-radius: 5rem;
+        border-bottom-right-radius: var(--comment-vote-border-radius, 5rem);
+        border-top-right-radius: var(--comment-vote-border-radius, 5rem);
     }
 }
 
 .buttonGroupIcon{
-    width: 1.6rem;
-    height: 1.6rem;
+    width: var(--comment-vote-icon-size, 1.6rem);
+    height: var(--comment-vote-icon-size, 1.6rem);
 }
 
 .buttonGroup[disabled]{

package/src/components/molecules/comment/comment.module.scss

@@ -18,39 +18,39 @@
 }
 
 .commentName{
-    font-size: 18px;
+    font-size: var(--comment-name-font-size, 18px);
     font-weight: 600;
     line-height: 28px;
-    color: #1B1B1C;
+    color: var(--comment-name-font-color, #1B1B1C);
 }
 
 .commentJobTitle{
-    height: 24px;
-    padding: .8rem;
-    font-size: 1.2rem;
-    font-weight: 400;
+    height: var(--comment-jobTitle-height, 24px);
+    padding: var(--comment-jobTitle-padding, .8rem);
+    font-size: var(--comment-jobTitle-font-size, 1.2rem);
+    font-weight: var(--comment-jobTitle-font-weight, 400);
     line-height: 1.8rem;
 
     @include flex-align(center, center);
 
-    border-radius: 5rem;
-    background: #CFC7C0;
-    color: #0F172A;
+    border-radius: var(--comment-jobTitle-border-radius, 5rem);
+    background: var(--comment-jobTitle-bg, #CFC7C0);
+    color: var(--comment-jobTitle-font-color, #0F172A);
 }
 
 .commentDate{
-    color: #64748B;
-    font-size: 1.6rem;
+    color: var(--comment-date-font-color, #64748B);
+    font-size: var(--comment-date-font-size, 1.6rem);
     font-weight: 400;
     line-height: 2.6rem; 
 }
 
 .commentContent{
-    border-radius: .8rem;
-    border: .1rem solid #F4F4F4;
-    background: #FFF;
+    border-radius: var(--comment-border-radius, .8rem);
+    border: var(--comment-border, .1rem solid #F4F4F4);
+    background: var(--comment-bg-color, #FFF);
     position: relative;
-    padding: 2.4rem;
+    padding: var(--comment-padding, 2.4rem);
 }
 
 .commentActions{
@@ -60,14 +60,14 @@
 }
 
 .replyButton{
-    border-radius: 10rem;
-    border: 1.5px solid #161128;
-    font-size: 1.2rem;
-    font-weight: 700;
+    border-radius: var(--comment-btn-border-radius, 10rem);
+    border: var(--comment-btn-border, 1.5px solid #161128);
+    font-size: var(--comment-btn-font-size, 1.2rem);
+    font-weight: var(--comment-btn-font-weight, 700);
     line-height: 1.8rem;
     text-transform: capitalize;
     margin-left: .8rem;
-    padding: 0.2rem 1.6rem;
+    padding: var(--comment-btn-padding, 0.2rem 1.6rem);
 }
 
 .replySection{

package/src/components/organisms/comments/comment-tree/comment-tree.module.scss

@@ -29,9 +29,9 @@
         content: "";
         position: absolute;
         right: 100%;
-        border-left: .1rem solid #CFC7C0;
-        border-bottom: .1rem solid #CFC7C0;
-        border-bottom-left-radius: 2rem;
+        border-left: var(--comment-tree-border, .1rem solid #CFC7C0);
+        border-bottom: var(--comment-tree-border, .1rem solid #CFC7C0);
+        border-bottom-left-radius: var(--comment-tree-border-radius, 2rem);
         bottom: 50%;
         height: calc(50% + 8.5rem);
         width: 1.1rem;

package/src/components/organisms/form/fields/fields.module.scss

@@ -139,12 +139,12 @@ input:checked + .slider::before {
   margin-left: 4.5rem;
   font-size: 1.6rem;
   font-weight: 400;
-  color: #3C3C40;
+  color: var(--switch-bg, #3C3C40);
 }
 
 .errorMsg {
   font-size: 1.2rem;
-  color: #DD4B39;
+  color: var(--comment-error-color, #DD4B39);;
   font-weight: 400;
   line-height: 1.8rem;
   grid-column: 1/-1;
@@ -157,7 +157,7 @@ input:checked + .slider::before {
   bottom: 3.5rem;
   right: 1.5rem;
   font-size: 1.2rem;
-  color: #DD4B39;
+  color: var(--comment-length-warning-color, #DD4B39);
   font-weight: 400;
   line-height: 1.8rem;
 }

package/src/components/organisms/form/form.module.scss

@@ -228,18 +228,22 @@
   padding: 0;
   margin-top: 3.5rem;
 
+  input::placeholder, textarea::placeholder {
+    color: var(--comment-input-placeholder-color);
+  }
+
     input:not([type="range"]),
     textarea,
     select {
-      background: #fff !important;
-      font-size: 1.4rem;
+      background: var(--comment-input-bg, #fff) !important;
+      font-size: var(--comment-input-font-size, 1.4rem);
       line-height: 2.1rem;
-      padding: 1.6rem;
+      padding: var(--comment-input-padding, 1.6rem);
       max-width: 100%;
       outline: none;
-      border-radius: 0.8rem;
-      border: 1px solid #E2E8F0 !important;
-      color: #0F172A !important;
+      border-radius: var(--comment-input-border-radius, 0.8rem);
+      border: var(--comment-input-border, 1px solid #E2E8F0) !important;
+      color: var(--comment-input--font-color, #0F172A) !important;
     }
 
 
@@ -253,9 +257,9 @@
     }
 
     label{
-      font-size: 1.6rem;
-      font-weight: 600;
-      color: #262629;
+      font-size: var(--comment-label-font-size,1.6rem);
+      font-weight: var(--comment-label-font-weigth,600);
+      color: var(--comment-label-font-color,#262629);
     }
 
     div > input ~ span, div > textarea ~ span{

package/gatsby-ssr.js

@@ -1,52 +0,0 @@
-import React from "react";
-/* eslint-disable react/react-in-jsx-scope */
-/* eslint-disable import/prefer-default-export */
-export const onRenderBody = ({ setHeadComponents }) => {
-  const links = [];
-
-  if (process.env.GA_TRACKING_ID) {
-    links.push(
-      <link
-        rel="preconnect"
-        href="https://www.googletagmanager.com"
-        crossOrigin="anonymous"
-        key="gtm-preconnect"
-      />
-    );
-  }
-
-  if (process.env.ENABLE_PIXEL === 'true') {
-    links.push(
-      <link
-        rel="preconnect"
-        href="https://connect.facebook.net"
-        crossOrigin="anonymous"
-        key="fb-preconnect"
-      />
-    );
-  }
-
-  if (process.env.ENABLE_OPTINMONSTR === 'true') {
-    links.push(
-      <link
-        rel="preconnect"
-        href="https://a.omappapi.com"
-        crossOrigin="anonymous"
-        key="optin-preconnect"
-      />
-    );
-  }
-
-  if (process.env.ENABLE_MICROSOFT === 'true') {
-    links.push(
-      <link
-        rel="preconnect"
-        href="https://bat.bing.com"
-        crossOrigin="anonymous"
-        key="bing-preconnect"
-      />
-    );
-  }
-
-  setHeadComponents(links);
-};