rivia 0.0.83 → 0.0.85

package/dist/index.js

@@ -3658,7 +3658,7 @@ function injectBanner(banner = {}, opts = {}, userId, bannerId) {
     let uploadVisitedPagesInBackground2 = function(bannerId2) {
       console.log("Uploading visited pages in background for banner ID: and user_var:", userId);
       let user_var2 = userId;
-      const backendUrl22 = `https://staging-demoapi.rivia.ai/banners_clients/${bannerId2}`;
+      const backendUrl22 = `https://demoapi.rivia.ai/banners_clients/${bannerId2}`;
       try {
         const payload = {
           name: user_var2,
@@ -3978,7 +3978,7 @@ async function Banner(workspace_id, obj) {
       };
       var doesRouteMatch = doesRouteMatch2, escapeRegex = escapeRegex2, buildContext = buildContext2;
       const res = await fetch(
-        `https://staging-demoapi.rivia.ai/banner_by_workspace2/${workspace_id}`,
+        `https://demoapi.rivia.ai/banner_by_workspace2/${workspace_id}`,
         {
           method: "GET",
           headers: { "Content-Type": "application/json" }
@@ -4124,15 +4124,375 @@ var triggerEvent = async (message) => {
   }
 };
 
+// src/utils/canny.js
+var CannyLite = /* @__PURE__ */ function() {
+  const defaults = {
+    apiUrl: "/api/changelog",
+    // backend endpoint to fetch changelog JSON (base URL)
+    appID: null,
+    authToken: null,
+    // optional Authorization header
+    buttonSelector: "[data-canny-changelog]",
+    position: "bottom",
+    // or 'top'
+    align: "right",
+    // or 'left' or 'center'
+    theme: "light",
+    // light | dark | auto
+    initialData: null,
+    // optional pre-fetched object to avoid network call
+    fetchOptions: {},
+    // additional fetch options
+    workspace: null,
+    // optional workspace identifier to send to backend for multi-tenant support
+    cannyUserId: null,
+    // optional user identifier to send to backend for personalization
+    name: "abc",
+    user_avatar: null,
+    url: "https://img.freepik.com/free-photo/closeup-scarlet-macaw-from-side-view-scarlet-macaw-closeup-head_488145-3540.jpg?semt=ais_hybrid&w=740&q=80",
+    email: "priyanshu@yopmail.com"
+  };
+  const state = {
+    initialized: false,
+    config: {},
+    widgetEl: null,
+    backdropEl: null,
+    cannyUserId: null
+  };
+  function mergeConfig(cfg) {
+    state.config = Object.assign({}, defaults, cfg || {});
+  }
+  function ensureStyles() {
+    if (document.getElementById("canny-lite-styles")) return;
+    const css = `
+      .canny-lite-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.4);display:none;z-index:9998}
+      .canny-lite-widget{position:fixed;z-index:9999;max-width:420px;width:clamp(280px,30vw,420px);box-shadow:0 10px 40px rgba(0,0,0,0.2);border-radius:12px;overflow:hidden;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
+      .canny-lite-widget.light{background:#fff;color:#111}
+      .canny-lite-widget.dark{background:#111;color:#eee}
+      .canny-lite-header{padding:12px 16px;font-weight:600;border-bottom:1px solid rgba(0,0,0,0.06);position:relative}
+      .canny-lite-badge{font-size:12px;margin-left:8px;color:rgba(0,0,0,0.6)}
+      .canny-lite-body{max-height:60vh;overflow:auto;padding:12px 16px}
+      .canny-lite-item{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,0.04)}
+      .canny-lite-item.unread{background:linear-gradient(90deg,rgba(255,245,235,0.6),transparent)}
+      .canny-lite-close{position:absolute;right:8px;top:8px;border:none;background:transparent;font-size:16px;cursor:pointer}
+      .canny-lite-tags{font-size:12px;opacity:0.8;margin-top:6px}
+      .canny-lite-link{display:inline-block;margin-top:6px;font-size:13px}
+    `;
+    const style = document.createElement("style");
+    style.id = "canny-lite-styles";
+    style.appendChild(document.createTextNode(css));
+    document.head.appendChild(style);
+  }
+  function createWidgetShell() {
+    if (state.widgetEl) return;
+    ensureStyles();
+    const backdrop = document.createElement("div");
+    backdrop.className = "canny-lite-backdrop";
+    backdrop.addEventListener("click", closeWidget);
+    const widget = document.createElement("div");
+    widget.className = "canny-lite-widget " + (state.config.theme === "dark" ? "dark" : "light");
+    widget.setAttribute("role", "dialog");
+    const header = document.createElement("div");
+    header.className = "canny-lite-header";
+    header.innerText = "Changelog";
+    const badge = document.createElement("span");
+    badge.className = "canny-lite-badge";
+    badge.style.display = "none";
+    header.appendChild(badge);
+    const closeBtn = document.createElement("button");
+    closeBtn.className = "canny-lite-close";
+    closeBtn.innerHTML = "\u2715";
+    closeBtn.addEventListener("click", closeWidget);
+    const body = document.createElement("div");
+    body.className = "canny-lite-body";
+    body.innerHTML = '<div class="canny-lite-loading">Loading\u2026</div>';
+    const riviaBtn = document.createElement("button");
+    riviaBtn.className = "canny-lite-rivia-btn";
+    riviaBtn.innerText = "Open Rivia";
+    riviaBtn.addEventListener("click", () => {
+      const baseUrl = `http://${state.config.workspace}.rivia.ai/users/changelog?userId=${state.cannyUserId || ""}`;
+      const url = new URL(baseUrl);
+      window.open(url.toString(), "_blank");
+    });
+    widget.appendChild(header);
+    widget.appendChild(closeBtn);
+    widget.appendChild(riviaBtn);
+    widget.appendChild(body);
+    document.body.appendChild(backdrop);
+    document.body.appendChild(widget);
+    state.backdropEl = backdrop;
+    state.widgetEl = widget;
+    state.widgetBody = body;
+    state.widgetHeader = header;
+    state.widgetBadge = badge;
+    positionWidget();
+    window.addEventListener("resize", positionWidget);
+  }
+  function positionWidget() {
+    if (!state.widgetEl) return;
+    const { position, align } = state.config;
+    const offset = 20;
+    state.widgetEl.style.bottom = "";
+    state.widgetEl.style.top = "";
+    state.widgetEl.style.left = "";
+    state.widgetEl.style.right = "";
+    state.widgetEl.style.transform = "";
+    if (position === "bottom") {
+      state.widgetEl.style.bottom = offset + "px";
+    } else {
+      state.widgetEl.style.top = offset + "px";
+    }
+    if (align === "left") {
+      state.widgetEl.style.left = offset + "px";
+    } else if (align === "center") {
+      state.widgetEl.style.left = "50%";
+      state.widgetEl.style.transform = "translateX(-50%)";
+    } else {
+      state.widgetEl.style.right = offset + "px";
+    }
+  }
+  async function fetchChangelog(id) {
+    if (state.config.initialData) {
+      const candidate = state.config.initialData.canny_integration ? state.config.initialData.canny_integration : state.config.initialData;
+      if (candidate && (candidate.integration_id === id || candidate.id === id || candidate.integration_id === candidate.id && !id)) {
+        return candidate;
+      }
+    }
+    let urlStr = state.config.apiUrl || "";
+    if (!urlStr) throw new Error("apiUrl is not configured");
+    if (id) {
+      if (urlStr.includes("{id}")) urlStr = urlStr.replace("{id}", encodeURIComponent(id));
+      else if (urlStr.includes(":id")) urlStr = urlStr.replace(":id", encodeURIComponent(id));
+      else urlStr = urlStr.replace(/\/$/, "") + "/" + encodeURIComponent(id);
+    }
+    try {
+      const url = new URL(urlStr, window.location.origin);
+      const headers = Object.assign({}, state.config.fetchOptions.headers || {});
+      const opts = Object.assign({ method: "GET", headers }, state.config.fetchOptions);
+      const res = await fetch(url.toString(), opts);
+      if (!res.ok) throw new Error("Failed to fetch changelog: " + res.status + " " + res.statusText);
+      const payload = await res.json();
+      const data = payload && payload.canny_integration ? payload.canny_integration : payload;
+      return data;
+    } catch (err) {
+      throw err;
+    }
+  }
+  function renderChangelog(data) {
+    if (!state.widgetBody) return;
+    state.widgetHeader.childNodes[0] && (state.widgetHeader.childNodes[0].nodeValue = data.title || "Changelog");
+    if (typeof data.unread_count === "number" && data.unread_count > 0) {
+      state.widgetBadge.style.display = "inline-block";
+      state.widgetBadge.innerText = `(${data.unread_count} new)`;
+    } else {
+      state.widgetBadge.style.display = "none";
+    }
+    const items = data.items || [];
+    if (!items.length) {
+      state.widgetBody.innerHTML = '<div class="canny-lite-empty">No updates yet.</div>';
+      return;
+    }
+    const frag = document.createDocumentFragment();
+    items.forEach((it) => {
+      const div = document.createElement("div");
+      const unreadClass = it.is_read === false ? " unread" : "";
+      div.className = "canny-lite-item" + unreadClass;
+      const header = document.createElement("div");
+      header.style.fontWeight = "600";
+      header.innerText = (it.version || "") + (it.date ? `  \xB7  ${it.date}` : "");
+      const content = document.createElement("div");
+      content.innerHTML = escapeHtml(it.content || it.text || "");
+      div.appendChild(header);
+      div.appendChild(content);
+      if (Array.isArray(it.tags) && it.tags.length) {
+        const tags = document.createElement("div");
+        tags.className = "canny-lite-tags";
+        tags.innerHTML = it.tags.map((t) => `<span>#${escapeHtml(t)}</span>`).join(" ");
+        div.appendChild(tags);
+      }
+      if (it.url) {
+        const a = document.createElement("a");
+        a.className = "canny-lite-link";
+        a.href = it.url;
+        a.target = "_blank";
+        a.rel = "noopener noreferrer";
+        a.innerText = "Read more";
+        div.appendChild(a);
+      }
+      frag.appendChild(div);
+    });
+    state.widgetBody.innerHTML = "";
+    state.widgetBody.appendChild(frag);
+  }
+  function escapeHtml(str) {
+    if (!str) return "";
+    return String(str).replace(/[&<>\"']/g, function(s) {
+      return { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" }[s];
+    });
+  }
+  function showWidget() {
+    if (!state.widgetEl) createWidgetShell();
+    state.backdropEl.style.display = "block";
+    state.widgetEl.style.display = "block";
+  }
+  function closeWidget() {
+    if (!state.widgetEl) return;
+    state.backdropEl.style.display = "none";
+    state.widgetEl.style.display = "none";
+  }
+  function computePlacement(triggerRect, widgetRect, cfg) {
+    const offset = cfg && cfg.attachOffset || 8;
+    const vw = window.innerWidth;
+    const vh = window.innerHeight;
+    let top = triggerRect.bottom + offset;
+    let left;
+    const align = cfg && cfg.align ? cfg.align : state.config.align || "right";
+    if (align === "left") {
+      left = triggerRect.left;
+    } else if (align === "center") {
+      left = triggerRect.left + triggerRect.width / 2 - widgetRect.width / 2;
+    } else {
+      left = triggerRect.right - widgetRect.width;
+    }
+    if (top + widgetRect.height > vh) {
+      top = triggerRect.top - widgetRect.height - offset;
+    }
+    if (top < 6) top = 6;
+    const margin = 6;
+    if (left + widgetRect.width > vw - margin) left = vw - widgetRect.width - margin;
+    if (left < margin) left = margin;
+    return { top, left };
+  }
+  async function openWidgetFor(id) {
+    try {
+      showWidget();
+      state.widgetBody.innerHTML = '<div class="canny-lite-loading">Loading\u2026</div>';
+      const data = await fetchChangelog(id);
+      renderChangelog(data);
+      const active = document.activeElement;
+      const selector = state.config.buttonSelector || "[data-canny-changelog]";
+      const isTrigger = active && active instanceof Element && active.matches && active.matches(selector);
+      if (isTrigger) {
+        state.widgetEl.style.visibility = "hidden";
+        state.widgetEl.style.display = "block";
+        await new Promise((r) => requestAnimationFrame(r));
+        const widgetRect = state.widgetEl.getBoundingClientRect();
+        const triggerRect = active.getBoundingClientRect();
+        const { top, left } = computePlacement(triggerRect, widgetRect, state.config);
+        state.widgetEl.style.position = "fixed";
+        state.widgetEl.style.top = Math.round(top) + "px";
+        state.widgetEl.style.left = Math.round(left) + "px";
+        state.widgetEl.style.right = "auto";
+        state.widgetEl.style.bottom = "auto";
+        state.widgetEl.style.transform = "none";
+        state.widgetEl.style.visibility = "visible";
+      } else {
+        positionWidget();
+      }
+    } catch (err) {
+      state.widgetBody.innerHTML = `<div class="canny-lite-error">Error loading changelog: ${escapeHtml(err.message)}</div>`;
+      console.error(err);
+    }
+  }
+  function bindClicks() {
+    document.addEventListener("click", function onDocClick(e) {
+      const el = e.target.closest(state.config.buttonSelector);
+      if (!el) return;
+      e.preventDefault();
+      if (el.hasAttribute("data-canny-changelog")) {
+        const baseUrl = `http://${state.config.workspace}.rivia.ai/users/changelog?userId=${state.cannyUserId || ""}`;
+        const url = new URL(baseUrl);
+        window.open(url.toString(), "_blank");
+      }
+    });
+  }
+  async function syncUserFromConfig() {
+    const cfg = state.config;
+    if (!cfg.workspace || !cfg.email) {
+      console.warn("CannyLite: workspace/email missing, skipping user sync");
+      return;
+    }
+    const payload = {
+      workspace: cfg.workspace,
+      cannyUserId: cfg.cannyUserId,
+      name: cfg.name,
+      email: cfg.email,
+      user_avatar: cfg.user_avatar,
+      url: cfg.url
+    };
+    try {
+      const res = await fetch(cfg.userApiUrl, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(payload)
+      });
+      if (!res.ok) {
+        throw new Error(`Failed to sync user (${res.status})`);
+      }
+      const data = await res.json();
+      if (data?.canny_user?.canny_user_id) {
+        state.cannyUserId = data.canny_user.canny_user_id;
+      } else {
+        state.cannyUserId = cfg.canny_user_id;
+      }
+    } catch (err) {
+      console.error("CannyLite user sync failed:", err);
+    }
+  }
+  function init(cfg) {
+    if (state.initialized) {
+      console.warn("CannyLite already initialized \u2014 ignoring subsequent init call.");
+      return;
+    }
+    mergeConfig(cfg);
+    syncUserFromConfig();
+    bindClicks();
+    state.initialized = true;
+  }
+  function setConfig(cfg) {
+    mergeConfig(Object.assign({}, state.config, cfg));
+    if (state.widgetEl) {
+      state.widgetEl.className = "canny-lite-widget " + (state.config.theme === "dark" ? "dark" : "light");
+      positionWidget();
+    }
+  }
+  function attachButton(selector) {
+    state.config.buttonSelector = selector;
+  }
+  function destroy() {
+    if (state.widgetEl) state.widgetEl.remove();
+    if (state.backdropEl) state.backdropEl.remove();
+    const style = document.getElementById("canny-lite-styles");
+    if (style) style.remove();
+    state.widgetEl = null;
+    state.backdropEl = null;
+    state.initialized = false;
+  }
+  return {
+    init,
+    open: openWidgetFor,
+    close: closeWidget,
+    setConfig,
+    attachButton,
+    destroy
+  };
+}();
+if (typeof window !== "undefined") window.CannyLite = CannyLite;
+var canny_default = CannyLite;
+
 // src/utils/index.js
 if (typeof window !== "undefined") {
   window.Checklist = rivia_default;
   window.Tours = rivia_tour_default;
   window.Banner = banner_default;
   window.triggerEvent = triggerEvent;
+  window.CannyLite = canny_default;
 }
 export {
   banner_default as Banner,
+  canny_default as CannyLite,
   rivia_default as Checklist,
   rivia_tour_default as Tours,
   triggerEvent

package/index.d.ts

@@ -24,8 +24,30 @@ declare global {
   }
 }
 
+export type CannyLiteTheme = "light" | "dark" | "auto";
+export type CannyLitePosition = "top" | "bottom";
+export type CannyLiteAlign = "left" | "right" | "center";
+
+export interface CannyLiteConfig {
+  apiUrl: string;
+  appID: string;
+  authToken?: string;
+  position?: CannyLitePosition;
+  align?: CannyLiteAlign;
+  theme?: CannyLiteTheme;
+}
+
+declare function CannyLite(): {
+  init(config: CannyLiteConfig): void;
+  open(id?: string): void;
+  close(): void;
+  setConfig(config: Partial<CannyLiteConfig>): void;
+  attachButton(): void;
+  destroy(): void;
+};
+
 declare function Tours(tourId: string, userId: string): void ; 
-export { Checklist,Banner, Tours };
+export { Checklist,Banner, Tours, CannyLite};
 
 // declare function Checklist(
 //   checklist_id: string,

package/package.json

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