@widelab-nc/widehue 1.0.38 → 1.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widelab-nc/widehue",
-  "version": "1.0.38",
+  "version": "1.0.39",
   "description": "Widelab starter template based on Finsweet template + add-ons.",
   "homepage": "https://widelab.co",
   "license": "ISC",

package/src/index.js

@@ -174,8 +174,51 @@ function revealFooter() {
   }
 }
 
+
+// Check if element exists in DOM
+function checkElementExists(selector) {
+  const element = document.querySelector(selector);
+  if (!element) {
+    console.warn(`Element ${selector} not found - skipping animation`);
+    return false;
+  }
+  return true;
+}
+
+// Fallback function when loader elements don't exist
+function initBasicAnimations() {
+  console.log('Initializing basic animations without loader');
+
+  if (typeof lenis !== 'undefined') {
+    try {
+      lenis.scrollTo(0, { immediate: true });
+      lenis.start();
+    } catch (e) {
+      console.warn('Lenis initialization failed:', e);
+      window.scrollTo(0, 0);
+    }
+  } else {
+    window.scrollTo(0, 0);
+  }
+}
+
 function pageLoadAnimation() {
-  console.log('pageLoadAnimation function called'); // Trace when the function is invoked
+  console.log('pageLoadAnimation function called');
+
+  // Check if all required loader elements exist
+  const requiredElements = [
+    '.loader_ract.is-left',
+    '.loader_ract.is-right',
+    '.loader_wrapper'
+  ];
+
+  const allElementsExist = requiredElements.every(selector => checkElementExists(selector));
+
+  if (!allElementsExist) {
+    console.warn('Loader elements not found - skipping loader animation');
+    initBasicAnimations();
+    return;
+  }
 
   const loaderAnimationIn = gsap.timeline({});
   console.log('GSAP timeline created');
@@ -184,7 +227,18 @@ function pageLoadAnimation() {
     .add(function() {
       console.log('First animation step triggered: scrollRestoration and scrollTo');
       history.scrollRestoration = 'manual';
-      lenis.scrollTo(0);
+
+      // Safari-safe scroll to top
+      if (typeof lenis !== 'undefined' && lenis.scrollTo) {
+        try {
+          lenis.scrollTo(0, { immediate: true });
+        } catch (e) {
+          console.warn('Lenis scrollTo failed, using fallback:', e);
+          window.scrollTo(0, 0);
+        }
+      } else {
+        window.scrollTo(0, 0);
+      }
     })
     .to(
       '.loader_ract.is-left',
@@ -207,7 +261,9 @@ function pageLoadAnimation() {
     )
     .add(function() {
       console.log('lenis started');
-      lenis.start();
+      if (typeof lenis !== 'undefined' && lenis.start) {
+        lenis.start();
+      }
     }, '>')
     .to('.loader_wrapper', {
       display: 'none',
@@ -219,18 +275,23 @@ function pageLoadAnimation() {
 
   console.log('Animation timeline defined');
 
-  // Update on screen resize
+  // Update on screen resize - with element existence check
   window.addEventListener('resize', function () {
     console.log('Window resize event triggered');
     setTimeout(function () {
-      console.log('Set .loader_wrapper to display:none on resize');
-      gsap.set('.loader_wrapper', { display: 'none' });
+      if (document.querySelector('.loader_wrapper')) {
+        console.log('Set .loader_wrapper to display:none on resize');
+        gsap.set('.loader_wrapper', { display: 'none' });
+      } else {
+        console.warn('Loader wrapper not found on resize');
+      }
     }, 50);
   });
 
   console.log('Resize event listener added');
 }
 
+
 // Page transition animation
 function pageTransitionAnimation() {
   const transitionLinks = document.querySelectorAll(
@@ -516,7 +577,7 @@ window.heroAnimationOnLoad = function(e) {
 
     heroAnimation.to('.navbar_brand_lottie', {
       duration: 1.5,
-      progress: 1,
+      // Usuń progress: 1 całkowicie
       onComplete: function() {
         console.log('Lottie animation completed');
         gsap.to('.navbar_brand_lottie', { opacity: 0, duration: 0.25 });