rivia 0.0.9 → 0.0.11

package/dist/index.js

@@ -84,7 +84,7 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
     const backendUrl2 = `http://localhost:5000/clients/${checklist_id}/${user_var12}`;
     try {
       const res = await fetch(backendUrl2, { credentials: "include" });
-      if (!res.ok) throw new Error(`GET failed: ${res.status}`);
+      if (!res.ok) console.warn(`GET failed: ${res.status}`);
       const data2 = await res.json();
       let userData = data2[user_var12];
       if (Array.isArray(userData)) {
@@ -122,7 +122,7 @@ function Onboarding(topTitle = "Get Started", subtitle, completion = 0, checklis
     const backendUrl2 = `http://localhost:5000/clients/${checklist_id}/${user_var12}`;
     try {
       const res = await fetch(backendUrl2, { credentials: "include" });
-      if (!res.ok) throw new Error(`GET failed: ${res.status}`);
+      if (!res.ok) console.warn(`GET failed: ${res.status}`);
       const data2 = await res.json();
       let userData = data2[user_var12];
       if (Array.isArray(userData)) {
@@ -577,7 +577,7 @@ async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion =
     try {
       data = JSON.parse(event.data);
     } catch (err) {
-      console.error("Invalid SSE JSON:", event.data, err);
+      console.warn("Invalid SSE JSON:", event.data, err);
       return;
     }
     if (data.ping) {
@@ -735,7 +735,7 @@ async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion =
     try {
       data = JSON.parse(event.data);
     } catch (err) {
-      console.error("Invalid SSE JSON:", event.data, err);
+      console.warn("Invalid SSE JSON:", event.data, err);
       return;
     }
     if (data.ping) {
@@ -762,7 +762,7 @@ async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion =
       });
       console.log("ACK sent for", eventId);
     } catch (err) {
-      console.error("Failed to ACK", eventId, err);
+      console.warn("Failed to ACK", eventId, err);
     }
     try {
       const stepEl = label ? label.querySelector(`#${it.id}`) : null;
@@ -821,12 +821,12 @@ async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion =
         body: JSON.stringify(payload),
         keepalive: true
       }).then((res) => {
-        if (!res.ok) throw new Error(`Upload failed: ${res.status}`);
+        if (!res.ok) console.warn(`Upload failed: ${res.status}`);
       }).catch((err) => {
-        console.error("\u26A0\uFE0F Background PUT upload failed:", err);
+        console.warn("\u26A0\uFE0F Background PUT upload failed:", err);
       });
     } catch (err) {
-      console.error("\u274C Error preparing background upload:", err);
+      console.warn("\u274C Error preparing background upload:", err);
     }
   }
   if (check == 0) uploadVisitedPagesInBackground(storedVisited, false);
@@ -842,7 +842,7 @@ async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion =
         const backendUrl2 = `http://localhost:5000/clients/${checklist_id}/${user_var}`;
         try {
           const res = await fetch(backendUrl2, { credentials: "include" });
-          if (!res.ok) throw new Error(`GET failed: ${res.status}`);
+          if (!res.ok) console.warn(`GET failed: ${res.status}`);
           const data2 = await res.json();
           let userData = data2[user_var1];
           if (Array.isArray(userData)) {
@@ -941,7 +941,7 @@ async function fetchWithTimeout(topTitle = "Get Started", subtitle, completion =
         try {
           completed2 = JSON.parse(completed2);
         } catch (e) {
-          console.error("Failed to parse onboardingVisited:", e);
+          console.warn("Failed to parse onboardingVisited:", e);
           completed2 = [];
         }
       } else {
@@ -1175,9 +1175,9 @@ async function Checklist(checklist_id, user_var) {
     );
     if (!res.ok) {
       if (res.status === 404) {
-        throw new Error("Invalid checklist id");
+        console.warn("Invalid checklist id");
       }
-      console.error("\u274C Failed to fetch checklist");
+      console.warn("\u274C Failed to fetch checklist");
       return;
     }
     const data = await res.json();
@@ -1263,11 +1263,11 @@ var RIVIA_TOUR = function() {
         }, 500);
       }
     } catch (error) {
-      console.error("Error restoring tour state:", error);
+      console.warn("Error restoring tour state:", error);
       window.sessionStorage.removeItem("rivia_tour_state");
     }
   }
-  function createTooltip({
+  async function createTooltip({
     id,
     selector,
     title,
@@ -1282,7 +1282,7 @@ var RIVIA_TOUR = function() {
     card_next_button = true,
     card_skip_button = false
   }) {
-    const anchor = findBySelector(selector);
+    const anchor = await findBySelector(selector);
     if (!anchor) return null;
     const tip = document.createElement("div");
     tip.dataset.riviaTipId = id;
@@ -1485,7 +1485,7 @@ var RIVIA_TOUR = function() {
         keepalive: true
       }).then((res) => {
         if (res.status === 404) {
-          throw new Error("Invalid tour id");
+          console.warn("Invalid tour id");
         }
       }).catch((err) => {
       });
@@ -1502,14 +1502,14 @@ var RIVIA_TOUR = function() {
     STATE.tour_id = tourId;
     console.log("Loading tips for tour ID:", tourId, "and user_var:", user_var12);
     try {
-      if (!tourId) throw new Error("Tour ID is required");
+      if (!tourId) console.warn("Tour ID is required");
       const res = await fetch(`http://localhost:5000/tours2/${tourId}`, {
         method: "GET",
         headers: { "Content-Type": "application/json" }
       });
       if (!res.ok) {
         if (res.status === 404) {
-          throw new Error("Invalid tour id");
+          console.warn("Invalid tour id");
         }
       }
       const data = await res.json();
@@ -1537,12 +1537,12 @@ var RIVIA_TOUR = function() {
       console.log(`Loaded tips for tour ${tourId}:`, STATE.tips);
       return STATE.tips;
     } catch (err) {
-      console.error("Invalid tour id ", err);
+      console.warn("Invalid tour id ", err);
       STATE.tips = [];
       return STATE.tips;
     }
   }
-  function showStep(i, isPreview = false) {
+  async function showStep(i, isPreview = false) {
     uploadVisitedPagesInBackground(STATE.tour_id, user_var12, i);
     console.log("Showing step", i, "of", STATE.tips.length);
     document.querySelectorAll("[data-rivia-tip-id]").forEach((n) => n.remove());
@@ -1578,7 +1578,7 @@ var RIVIA_TOUR = function() {
     if (step.card_type === "video_explainer") {
       if (isPreview) {
         console.log("Preview mode: Showing video explainer for step:", step.id);
-        const targetElement = findBySelector(step.selector);
+        const targetElement = await findBySelector(step.selector);
         if (targetElement) {
           try {
             targetElement.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
@@ -1606,7 +1606,7 @@ var RIVIA_TOUR = function() {
         console.log("Edit mode: Showing video explainer for step:", step.id);
         console.log("Step selector:", step.selector);
         if (step.selector) {
-          const targetElement = findBySelector(step.selector);
+          const targetElement = await findBySelector(step.selector);
           console.log("Found target element:", targetElement, "for selector:", step.selector);
           if (targetElement) {
             console.log("Element found, scrolling into view...");
@@ -1653,7 +1653,7 @@ var RIVIA_TOUR = function() {
       return;
     }
     if (isPreview) {
-      const el = findBySelector(step.selector);
+      const el = await findBySelector(step.selector);
       if (el) {
         try {
           el.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
@@ -1696,7 +1696,7 @@ var RIVIA_TOUR = function() {
       return;
     }
     if (!isPreview && step.selector && !step.card_type) {
-      const el = findBySelector(step.selector);
+      const el = await findBySelector(step.selector);
       if (el) {
         try {
           el.scrollIntoView({ behavior: "smooth", block: "center", inline: "nearest" });
@@ -1752,9 +1752,9 @@ var RIVIA_TOUR = function() {
       }
     }, 100);
   }
-  function createVideoUI(step) {
+  async function createVideoUI(step) {
     console.log("Creating video UI for step:", step);
-    const anchor = findBySelector(step.selector);
+    const anchor = await findBySelector(step.selector);
     console.log("Found anchor:", anchor);
     if (!anchor) {
       console.warn("Anchor not found for selector:", step.selector);
@@ -1990,7 +1990,7 @@ var RIVIA_TOUR = function() {
     }, 0);
     return videoContainer;
   }
-  function previewAnimation(selector, animationType) {
+  async function previewAnimation(selector, animationType) {
     try {
       const element = document.querySelector(selector);
       if (!element) {
@@ -2016,19 +2016,39 @@ var RIVIA_TOUR = function() {
         }, 2e3);
       }
     } catch (err) {
-      console.error("Error previewing animation:", err);
+      console.warn("Error previewing animation:", err);
     }
   }
-  function findBySelector(selector) {
-    try {
-      return document.querySelector(selector);
-    } catch (e) {
-      console.warn("Invalid selector:", selector, e);
-      return null;
-    }
+  async function findBySelector(selector) {
+    return new Promise((resolve) => {
+      const maxRetries = 50;
+      const retryInterval = 100;
+      let attempts = 0;
+      const checkElement = () => {
+        try {
+          const element = document.querySelector(selector);
+          if (element) {
+            resolve(element);
+            return;
+          }
+        } catch (e) {
+          console.warn("Invalid selector:", selector, e);
+          resolve(null);
+          return;
+        }
+        attempts++;
+        if (attempts < maxRetries) {
+          setTimeout(checkElement, retryInterval);
+        } else {
+          console.warn("Element not found after retries:", selector);
+          resolve(null);
+        }
+      };
+      checkElement();
+    });
   }
-  function highlightElementBySelector(selector) {
-    const el = findBySelector(selector);
+  async function highlightElementBySelector(selector) {
+    const el = await findBySelector(selector);
     if (!el) return;
     try {
       el.scrollIntoView({
@@ -2051,7 +2071,7 @@ var RIVIA_TOUR = function() {
       height: r.height + "px"
     });
   }
-  function previewBackdrop(selector, backdropType) {
+  async function previewBackdrop(selector, backdropType) {
     try {
       let backdropOverlay = document.getElementById("rivia-backdrop-overlay");
       if (backdropOverlay) {
@@ -2060,7 +2080,7 @@ var RIVIA_TOUR = function() {
       if (backdropType === "none") {
         return;
       }
-      const targetElement = findBySelector(selector);
+      const targetElement = await findBySelector(selector);
       if (!targetElement) return;
       const targetRect = targetElement.getBoundingClientRect();
       const padding = 8;
@@ -2169,10 +2189,10 @@ var RIVIA_TOUR = function() {
       window.addEventListener("resize", updateBackdrop);
       svg.updateBackdrop = updateBackdrop;
     } catch (err) {
-      console.error("Error previewing backdrop:", err);
+      console.warn("Error previewing backdrop:", err);
     }
   }
-  function showWelcomeCardPreview(step, stepIndex) {
+  async function showWelcomeCardPreview(step, stepIndex) {
     if (!step) {
       console.warn("Step not found for preview");
       return;
@@ -2345,7 +2365,7 @@ var RIVIA_TOUR = function() {
     nextBtn.onmouseout = () => {
       nextBtn.style.background = "#2563eb";
     };
-    nextBtn.onclick = () => {
+    nextBtn.onclick = async () => {
       const advanceAction = step.basic_advanceAction || "next button";
       overlay2.remove();
       const backdropOverlay = document.getElementById(
@@ -2363,7 +2383,7 @@ var RIVIA_TOUR = function() {
         STATE.tourIndex = Math.min(STATE.tourIndex + 1, STATE.tips.length - 1);
         if (STATE.tourIndex < STATE.tips.length) {
           const nextStep2 = STATE.tips[STATE.tourIndex];
-          const nextElement = findBySelector(nextStep2.selector);
+          const nextElement = await findBySelector(nextStep2.selector);
           if (nextElement) {
             nextElement.scrollIntoView({ behavior: "smooth", block: "center" });
             setTimeout(() => showStep(STATE.tourIndex, true), 600);
@@ -2413,7 +2433,7 @@ var RIVIA_TOUR = function() {
       step.basic_advanceAction
     );
   }
-  function showModalDialogPreview(step, stepIndex) {
+  async function showModalDialogPreview(step, stepIndex) {
     const existingCenteredModal = document.getElementById(
       "rivia-modal-dialog-preview-modal"
     );
@@ -2546,7 +2566,7 @@ var RIVIA_TOUR = function() {
     `;
     nextBtn.onmouseover = () => nextBtn.style.background = "#1d4ed8";
     nextBtn.onmouseout = () => nextBtn.style.background = "#2563eb";
-    nextBtn.onclick = () => {
+    nextBtn.onclick = async () => {
       const advanceAction = step.basic_advanceAction || "next button";
       centeredContainer.remove();
       const backdropOverlay = document.getElementById(
@@ -2564,7 +2584,7 @@ var RIVIA_TOUR = function() {
         STATE.tourIndex = Math.min(STATE.tourIndex + 1, STATE.tips.length - 1);
         if (STATE.tourIndex < STATE.tips.length) {
           const nextStepData = STATE.tips[STATE.tourIndex];
-          const nextElement = findBySelector(nextStepData.selector);
+          const nextElement = await findBySelector(nextStepData.selector);
           if (nextElement) {
             nextElement.scrollIntoView({ behavior: "smooth", block: "center" });
             setTimeout(() => showStep(STATE.tourIndex, true), 600);
@@ -2601,7 +2621,7 @@ var RIVIA_TOUR = function() {
       step.basic_advanceAction
     );
   }
-  function attachNavigationButtons(tip, i, isPreview) {
+  async function attachNavigationButtons(tip, i, isPreview) {
     const nav = document.createElement("div");
     const navStyle = isPreview ? `
     display: flex;
@@ -2652,7 +2672,7 @@ var RIVIA_TOUR = function() {
       nav.appendChild(back);
     }
     if (advanceAction === "manual click") {
-      const targetElement = findBySelector(step.selector);
+      const targetElement = await findBySelector(step.selector);
       if (targetElement) {
         attachClickListenerToElement(targetElement);
       }
@@ -2752,7 +2772,7 @@ var RIVIA_TOUR = function() {
       tip.appendChild(stepIndicator);
     }
   }
-  function cleanupAllOverlays() {
+  async function cleanupAllOverlays() {
     const welcomeBackdropOverlay = document.getElementById(
       "rivia-welcome-backdrop-overlay"
     );
@@ -2792,24 +2812,8 @@ var RIVIA_TOUR = function() {
       svg.remove();
     });
   }
-  function nextStep() {
+  async function nextStep() {
     if (STATE.tourIndex < STATE.tips.length - 1) {
-      let getNextStepInfo3 = function(currentIndex2) {
-        if (currentIndex2 >= STATE.tips.length - 1) {
-          return { type: "end", index: currentIndex2 };
-        }
-        const nextStep2 = STATE.tips[currentIndex2 + 1];
-        if (!nextStep2) return { type: "end", index: currentIndex2 };
-        if (nextStep2.targetUrl && nextStep2.targetUrl.trim()) {
-          console.log("WE reached navigation");
-          return { type: "navigate", index: currentIndex2 + 1, url: nextStep2.targetUrl };
-        }
-        if (isStepAvailableOnCurrentPage(nextStep2)) {
-          return { type: "show", index: currentIndex2 + 1 };
-        }
-        return getNextStepInfo3(currentIndex2 + 1);
-      };
-      var getNextStepInfo2 = getNextStepInfo3;
       const currentIndex = STATE.tourIndex;
       STATE.tourIndex++;
       const nextStepData = STATE.tips[STATE.tourIndex];
@@ -2828,7 +2832,22 @@ var RIVIA_TOUR = function() {
         window.location.href = navUrl;
         return;
       }
-      const nextStepInfo = getNextStepInfo3(currentIndex);
+      async function getNextStepInfo2(currentIndex2) {
+        if (currentIndex2 >= STATE.tips.length - 1) {
+          return { type: "end", index: currentIndex2 };
+        }
+        const nextStep2 = STATE.tips[currentIndex2 + 1];
+        if (!nextStep2) return { type: "end", index: currentIndex2 };
+        if (nextStep2.targetUrl && nextStep2.targetUrl.trim()) {
+          console.log("WE reached navigation");
+          return { type: "navigate", index: currentIndex2 + 1, url: nextStep2.targetUrl };
+        }
+        if (isStepAvailableOnCurrentPage(nextStep2)) {
+          return { type: "show", index: currentIndex2 + 1 };
+        }
+        return getNextStepInfo2(currentIndex2 + 1);
+      }
+      const nextStepInfo = getNextStepInfo2(currentIndex);
       if (nextStepInfo.type === "navigate") {
         sessionStorage.setItem("rivia_tour_state", JSON.stringify({
           tourIndex: nextStepInfo.index,
@@ -2850,7 +2869,7 @@ var RIVIA_TOUR = function() {
       endTour();
     }
   }
-  function getNextStepInfo(currentIndex) {
+  async function getNextStepInfo(currentIndex) {
     if (currentIndex >= STATE.tips.length - 1) {
       return { type: "end", index: currentIndex };
     }
@@ -2864,12 +2883,12 @@ var RIVIA_TOUR = function() {
     }
     return getNextStepInfo(currentIndex + 1);
   }
-  function isStepAvailableOnCurrentPage(step) {
+  async function isStepAvailableOnCurrentPage(step) {
     if (!step) return false;
     if (!step.targetUrl || !step.targetUrl.trim()) return true;
     return urlMatches(step.targetUrl);
   }
-  function urlMatches(pattern, currentUrl = window.location.href) {
+  async function urlMatches(pattern, currentUrl = window.location.href) {
     if (!pattern || !pattern.trim()) return true;
     const cleanPattern = pattern.trim();
     const cleanUrl = currentUrl.trim();
@@ -2900,7 +2919,7 @@ var RIVIA_TOUR = function() {
     }
     return cleanUrl.includes(cleanPattern);
   }
-  function addTourParamsToUrl(url, tourId) {
+  async function addTourParamsToUrl(url, tourId) {
     if (!url || !tourId) return url;
     try {
       const urlObj = new URL(url);
@@ -2910,7 +2929,7 @@ var RIVIA_TOUR = function() {
       return url;
     }
   }
-  function getPreviousStepInfo(currentIndex) {
+  async function getPreviousStepInfo(currentIndex) {
     if (currentIndex <= 0) {
       return { type: "start", index: 0 };
     }
@@ -2924,7 +2943,7 @@ var RIVIA_TOUR = function() {
     }
     return getPreviousStepInfo(currentIndex - 1);
   }
-  function prevStep() {
+  async function prevStep() {
     if (STATE.tourIndex > 0) {
       const prevInfo = getPreviousStepInfo(STATE.tourIndex);
       if (prevInfo.type === "start") {
@@ -2953,7 +2972,7 @@ var RIVIA_TOUR = function() {
       }
     }
   }
-  function endTour() {
+  async function endTour() {
     console.log("Ending tour and cleaning up UI elements...");
     document.querySelectorAll("[data-rivia-tip-id]").forEach((n) => n.remove());
     STATE.tourIndex = 0;
@@ -2972,10 +2991,10 @@ var RIVIA_TOUR = function() {
       keepalive: true
       // allow sending even during unload
     }).catch((err) => {
-      console.error("Failed to end tour:", err);
+      console.warn("Failed to end tour:", err);
     });
   }
-  function updateUrlStatus() {
+  async function updateUrlStatus() {
     const urlStatus = document.getElementById("rivia-url-status");
     if (!urlStatus) return;
     const currentStep = STATE.tips[STATE.tourIndex];
@@ -2996,7 +3015,7 @@ var RIVIA_TOUR = function() {
       urlStatus.title = stepUrlInfo.displayText;
     }
   }
-  function playTour() {
+  async function playTour() {
     if (STATE.is_completed)
       return;
     if (!STATE.tips.length) {
@@ -3050,7 +3069,7 @@ var RIVIA_TOUR = function() {
     }
     showStep(STATE.tourIndex, true);
   }
-  function cleanUrlForStorage(url) {
+  async function cleanUrlForStorage(url) {
     if (!url || !url.trim()) return url;
     try {
       const urlObj = new URL(url);
@@ -3062,7 +3081,7 @@ var RIVIA_TOUR = function() {
       return url;
     }
   }
-  function showFeedbackCardPreview(step, stepIndex) {
+  async function showFeedbackCardPreview(step, stepIndex) {
     if (!step) {
       console.warn("Step not found for preview");
       return;
@@ -3283,7 +3302,7 @@ var RIVIA_TOUR = function() {
     nextBtn.onmouseout = () => {
       nextBtn.style.background = "#2563eb";
     };
-    nextBtn.onclick = () => {
+    nextBtn.onclick = async () => {
       const advanceAction = step.basic_advanceAction || "next button";
       overlay2.remove();
       const backdropOverlay = document.getElementById(
@@ -3307,7 +3326,7 @@ var RIVIA_TOUR = function() {
         STATE.tourIndex = Math.min(STATE.tourIndex + 1, STATE.tips.length - 1);
         if (STATE.tourIndex < STATE.tips.length) {
           const nextStep2 = STATE.tips[STATE.tourIndex];
-          const nextElement = findBySelector(nextStep2.selector);
+          const nextElement = await findBySelector(nextStep2.selector);
           if (nextElement) {
             nextElement.scrollIntoView({ behavior: "smooth", block: "center" });
             setTimeout(() => showStep(STATE.tourIndex, true), 600);
@@ -3359,7 +3378,7 @@ var RIVIA_TOUR = function() {
   }
   return { loadTips, playTour, endTour, STATE };
 }();
-function tours(tourId, userId) {
+async function tours(tourId, userId) {
   if (!sessionStorage.getItem("rivia_tour_state")) {
     RIVIA_TOUR.loadTips(tourId, userId).then(() => {
       try {
@@ -3391,14 +3410,14 @@ function injectBanner(banner = {}, opts = {}, userId, bannerId) {
           keepalive: true
         }).then((res) => {
           if (res.status === 404) {
-            throw new Error("Invalid banner id");
+            console.warn("Invalid banner id");
           }
-          throw new Error(`Upload failed: ${res.status}`);
+          console.warn(`Upload failed: ${res.status}`);
         }).catch((err) => {
-          console.error("\u26A0\uFE0F Background PUT upload failed:", err);
+          console.warn("\u26A0\uFE0F Background PUT upload failed:", err);
         });
       } catch (err) {
-        console.error("\u274C Error preparing background upload:", err);
+        console.warn("\u274C Error preparing background upload:", err);
       }
     };
     var uploadVisitedPagesInBackground = uploadVisitedPagesInBackground2;
@@ -3581,7 +3600,7 @@ function injectBanner(banner = {}, opts = {}, userId, bannerId) {
       remove: () => container.remove()
     };
   } catch (err) {
-    console.error("injectBanner error:", err);
+    console.warn("injectBanner error:", err);
   }
 }
 async function Banner(bannerId, userId) {
@@ -3591,7 +3610,7 @@ async function Banner(bannerId, userId) {
     const response = await fetch(`http://localhost:5000/banners2/${bannerId}`);
     if (!response.ok) {
       if (response.status === 404) {
-        throw new Error("Invalid Banner id");
+        console.warn("Invalid Banner id");
       }
     }
     const data = await response.json();
@@ -3606,7 +3625,7 @@ async function Banner(bannerId, userId) {
     console.log("Fetched banner:", bannerFromBackend);
     return bannerFromBackend;
   } catch (error) {
-    console.error("Invalid banner id:", error);
+    console.warn("Invalid banner id:", error);
   }
 }
 var banner_default = Banner;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rivia",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",