rivia 0.0.35 → 0.0.37

package/dist/index.js

@@ -472,14 +472,18 @@ transform: translateY(-20%);
     document.head.appendChild(style2);
     console.log("inside injectChecklistBaseCSS");
   }
-  const label = document.createElement("div");
-  label.id = "route-label";
-  label.innerHTML = labelHTML;
+  let label = document.getElementById("route-label");
+  if (!label) {
+    label = document.createElement("div");
+    label.id = "route-label";
+    label.innerHTML = labelHTML;
+  }
   const closeElement = label.querySelector(`#checklistCloseBtn`);
   closeElement.addEventListener("click", (e) => {
     e.stopPropagation();
     label.style.opacity = "0";
     label.style.pointerEvents = "none";
+    sessionStorage.setItem("onboardingVisible", "false");
     closeBtn.style.display = "none";
     showBtn.style.display = "block";
   });
@@ -578,7 +582,11 @@ transform: translateY(-20%);
     display: "none",
     pointerEvents: "none"
   });
-  const showBtn = document.createElement("button");
+  let showBtn = document.getElementById("show-tooltip-btn");
+  if (!showBtn) {
+    showBtn = document.createElement("button");
+    showBtn.id = "show-tooltip-btn";
+  }
   function createS(n) {
     const container2 = showBtn.querySelector("#progressContainerBtn");
     if (!container2) return;
@@ -672,9 +680,11 @@ transform: translateY(-20%);
   showBtn.style.setProperty("--font-size", cssConfig.fontSize || "14px");
   applyChecklistTheme(label, cssConfig);
   injectChecklistBaseCSS();
-  document.body.appendChild(showBtn);
+  if (!document.contains(showBtn))
+    document.body.appendChild(showBtn);
   console.log("after applyChecklistTheme");
-  document.body.appendChild(label);
+  if (!document.contains(label))
+    document.body.appendChild(label);
   if (!cssConfig.launcherProgressBar) {
     const progressContainerBtn = document.getElementById("progressContainerBtn");
     if (progressContainerBtn) {
@@ -712,11 +722,6 @@ transform: translateY(-20%);
   }
   let check = 0;
   console.log("before");
-  const EVENT_SRC_URL = "https://demoapi.rivia.ai/events";
-  if (!window._onboardingEventSource) {
-    window._onboardingEventSource = new EventSource(EVENT_SRC_URL);
-  }
-  const eventSource = window._onboardingEventSource;
   const STORAGE_KEY = "onboardingVisited";
   const visitedSet = new Set(
     JSON.parse(sessionStorage.getItem(STORAGE_KEY) || "[]")
@@ -751,70 +756,6 @@ transform: translateY(-20%);
     }
     return true;
   }
-  eventSource.onopen = () => console.log("SSE connected");
-  eventSource.onerror = (err) => console.log("SSE connection error:", err);
-  eventSource.onmessage = (event) => {
-    if (!event || !event.data) return;
-    check = 1;
-    let data;
-    try {
-      data = JSON.parse(event.data);
-    } catch (err) {
-      console.warn("Invalid SSE JSON:", event.data, err);
-      return;
-    }
-    if (data.ping) {
-      return;
-    }
-    const msg = data.message;
-    if (!msg) return;
-    if (processedMessages.has(msg)) {
-      return;
-    }
-    processedMessages.add(msg);
-    const it = items.find((i2) => i2.event_name && i2.event_name === msg);
-    if (!it) {
-      console.log("SSE message doesn't match any item:", msg);
-      return;
-    }
-    try {
-      const stepEl = label ? label.querySelector(`#${it.id}`) : null;
-      if (stepEl) {
-        const startSelect = stepEl.querySelector(".start-select");
-        if (startSelect) startSelect.style.display = "none";
-      }
-    } catch (err) {
-    }
-    const path = it.url || "";
-    const cleanUrl = path.startsWith("/") ? path.slice(1) : path;
-    handleVisit(cleanUrl, { source: "sse" });
-    if (storedVisited.length >= checklistItems.length) {
-      console.log("All items completed via SSE");
-      if (label && label.parentNode) label.remove();
-      if (showBtn && showBtn.parentNode) showBtn.remove();
-      const label3 = document.createElement("div");
-      label3.id = "route-label";
-      label3.innerText = "\u{1F389} Congrats! You've completed all items!";
-      Object.assign(label3.style, {
-        position: "fixed",
-        bottom: "20px",
-        left: "20px",
-        backgroundColor: "#4CAF50",
-        color: "white",
-        padding: "10px 20px",
-        borderRadius: "10px",
-        boxShadow: "0 4px 6px rgba(0,0,0,0.2)",
-        fontSize: "16px",
-        fontWeight: "bold",
-        zIndex: 9999,
-        opacity: 0,
-        transition: "opacity 0.5s ease"
-      });
-      document.body.appendChild(label3);
-    }
-    console.log("Received event (SSE):", msg);
-  };
-  console.log("after");
   function findButtonByText(buttonText) {
     if (!buttonText) return null;
     const needle = buttonText.trim().toLowerCase();
@@ -906,86 +847,6 @@ transform: translateY(-20%);
       updateProgress2(visitedSet.size);
     }
   });
-  if (!window._onboardingEventSource) {
-    window._onboardingEventSource = new EventSource(EVENT_SRC_URL);
-  }
-  eventSource.onopen = () => console.log("SSE connected");
-  eventSource.onerror = (err) => console.log("SSE connection error:", err);
-  eventSource.onmessage = (event) => {
-    if (!event || !event.data) return;
-    check = 1;
-    let data;
-    try {
-      data = JSON.parse(event.data);
-    } catch (err) {
-      console.warn("Invalid SSE JSON:", event.data, err);
-      return;
-    }
-    if (data.ping) {
-      return;
-    }
-    const msg = data.message;
-    console.log("SSE message received:", msg);
-    if (!msg) return;
-    if (processedMessages.has(msg)) {
-      return;
-    }
-    processedMessages.add(msg);
-    const it = items.find((i2) => i2.event_name && i2.event_name === msg);
-    if (!it) {
-      console.log("SSE message doesn't match any item:", msg);
-      return;
-    }
-    const eventId = data.event_id;
-    try {
-      fetch("https://demoapi.rivia.ai/ack-event", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ event_id: eventId })
-      });
-      console.log("ACK sent for", eventId);
-    } catch (err) {
-      console.warn("Failed to ACK", eventId, err);
-    }
-    try {
-      const stepEl = label ? label.querySelector(`#${it.id}`) : null;
-      if (stepEl) {
-        const startSelect = stepEl.querySelector(".start-select");
-        if (startSelect) startSelect.style.display = "none";
-      }
-    } catch (err) {
-    }
-    const path = it.url || "";
-    const cleanUrl = path.startsWith("/") ? path.slice(1) : path;
-    handleVisit(cleanUrl, { source: "sse" });
-    if (storedVisited.length >= checklistItems.length) {
-      console.log("All items completed via SSE");
-      (() => {
-        if (label && label.parentNode) label.remove();
-        if (showBtn && showBtn.parentNode) showBtn.remove();
-        const label3 = document.createElement("div");
-        label3.id = "route-label";
-        label3.innerText = "\u{1F389} Congrats! You've completed all items!";
-        Object.assign(label3.style, {
-          position: "fixed",
-          bottom: "20px",
-          left: "20px",
-          backgroundColor: "#4CAF50",
-          color: "white",
-          padding: "10px 20px",
-          borderRadius: "10px",
-          boxShadow: "0 4px 6px rgba(0,0,0,0.2)",
-          fontSize: "16px",
-          fontWeight: "bold",
-          zIndex: 9999,
-          opacity: 0,
-          transition: "opacity 0.5s ease"
-        });
-        document.body.appendChild(label3);
-      })();
-    }
-    console.log("Received event (SSE):", msg);
-  };
   let user_var2 = user_var;
   function uploadVisitedPagesInBackground(completed2, touched = false) {
     let activeStepId2 = sessionStorage.getItem("activeStepId") || null;
@@ -1012,7 +873,6 @@ transform: translateY(-20%);
       console.warn("\u274C Error preparing background upload:", err);
     }
   }
-  if (check == 0) uploadVisitedPagesInBackground(storedVisited, false);
   let activeStepId = sessionStorage.getItem("activeStepId") || null;
   function updateUIFromVisited() {
     storedVisited = JSON.parse(
@@ -1296,6 +1156,7 @@ transform: translateY(-20%);
     label.style.pointerEvents = "auto";
     closeBtn.style.display = "flex";
     showBtn.style.display = "none";
+    sessionStorage.setItem("onboardingVisible", "true");
     positionCloseBtn();
     requestAnimationFrame(() => {
       label.style.opacity = "1";
@@ -1320,9 +1181,18 @@ transform: translateY(-20%);
     const getStarted = document.querySelector("button#get-started");
     if (getStarted) getStarted.click();
   });
-  showBtn.style.display = "block";
-  label.style.display = "none";
-  label.style.opacity = "0";
+  if (sessionStorage.getItem("onboardingVisible") === "true") {
+    label.style.display = "block";
+    label.style.pointerEvents = "auto";
+    closeBtn.style.display = "flex";
+    showBtn.style.display = "none";
+    sessionStorage.setItem("onboardingVisible", "true");
+    positionCloseBtn();
+  } else {
+    showBtn.style.display = "block";
+    label.style.display = "none";
+  }
+  label.style.opacity = "1";
   updateUIFromVisited();
   window.addEventListener("resize", () => {
     if (label.style.display !== "none") positionCloseBtn();

package/package.json

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