@tmls-ai/support 0.1.4 → 0.1.5

package/dist/index.js

@@ -106,6 +106,16 @@ var SEVERITIES = [
   { id: "annoying", label: "Annoying" },
   { id: "minor", label: "Minor" }
 ];
+var deeplinkTicket = (() => {
+  if (typeof window === "undefined") return null;
+  const params = new URLSearchParams(window.location.search);
+  const tn = params.get("support");
+  if (!tn) return null;
+  params.delete("support");
+  const qs = params.toString();
+  window.history.replaceState({}, "", window.location.pathname + (qs ? `?${qs}` : "") + window.location.hash);
+  return tn;
+})();
 function SupportWidget(props) {
   const { productId, apiUrl, getToken, accent = "#0a84ff", getContext, appVersion } = props;
   const api = useMemo(() => new SupportApi(apiUrl, getToken), [apiUrl, getToken]);
@@ -137,7 +147,7 @@ function SupportWidget(props) {
     });
     try {
       const root = document.documentElement;
-      const blob = await domToBlob(root, {
+      const shoot = () => domToBlob(root, {
         quality: 0.8,
         scale: 0.75,
         width: root.clientWidth || window.innerWidth,
@@ -147,6 +157,11 @@ function SupportWidget(props) {
         features: { restoreScrollPosition: true },
         filter: (node) => !(node instanceof HTMLElement && node.dataset.tmlsSupportRoot === "true")
       });
+      let blob = await shoot();
+      if (blob.size < 1024) {
+        await new Promise((r) => requestAnimationFrame(() => requestAnimationFrame(() => r())));
+        blob = await shoot();
+      }
       setShotPreview(URL.createObjectURL(blob));
       captureShot._blob = blob;
     } catch {
@@ -214,6 +229,18 @@ function SupportWidget(props) {
       setMessages(detail.messages);
     }
   }, [api, reply, activeId]);
+  useEffect(() => {
+    if (!deeplinkTicket) return;
+    const tn = deeplinkTicket;
+    (async () => {
+      setOpen(true);
+      const convos = await api.listConversations();
+      setThreads(convos);
+      const match = convos.find((c) => String(c.ticket_number) === tn);
+      if (match) await openThread(match.id);
+      else setView("threads");
+    })();
+  }, [api, openThread]);
   const chip = (active) => ({
     padding: "6px 12px",
     borderRadius: 999,
@@ -339,6 +366,7 @@ function SupportWidget(props) {
       "button",
       {
         onClick: () => {
+          if (open) deeplinkTicket = null;
           setOpen((o) => !o);
           if (!open && withShot) captureShot();
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tmls-ai/support",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Embeddable Timeless support widget — bottom-right report overlay (type / severity / screenshot) + ticket thread. Auto-captures context, talks to tmls-support-api.",
   "license": "UNLICENSED",
   "type": "module",