@diegotsi/flint-react 2.1.2 → 2.2.0

package/dist/index.js

@@ -286,7 +286,8 @@ function FlintModal({
       severity: isText ? "P3" : severity,
       url: window.location.href,
       meta: collectedMeta,
-      label: isText ? "TEXT" : void 0
+      label: isText ? "TEXT" : void 0,
+      source: isText ? "text_issue" : "widget"
     };
     if (onBeforeSubmit) {
       const proceed = await onBeforeSubmit(payload);
@@ -1146,21 +1147,9 @@ import { Flint as Flint2 } from "@diegotsi/flint-core";
 import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
 import { I18nextProvider, useTranslation as useTranslation2 } from "react-i18next";
 
-// src/collectors/console.ts
-import { createConsoleCollector } from "@diegotsi/flint-core";
-
 // src/collectors/environment.ts
 import { collectEnvironment } from "@diegotsi/flint-core";
 
-// src/collectors/formErrors.ts
-import { createFormErrorCollector } from "@diegotsi/flint-core";
-
-// src/collectors/frustration.ts
-import { createFrustrationCollector } from "@diegotsi/flint-core";
-
-// src/collectors/network.ts
-import { createNetworkCollector } from "@diegotsi/flint-core";
-
 // src/i18n/index.ts
 import { createInstance } from "i18next";
 import { initReactI18next } from "react-i18next";
@@ -1220,7 +1209,6 @@ function useFlintStore() {
 
 // src/FlintWidget.tsx
 import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var REPLAY_WINDOW_MS = 6e4;
 function FlintWidget(props) {
   const { locale = "en-US" } = props;
   useEffect3(() => {
@@ -1265,9 +1253,9 @@ function WidgetContent({
         const ddRum = window.DD_RUM;
         const ctx = ddRum?.getInternalContext?.();
         if (ctx?.session_id) {
-          const ts = bugTimestamp.current || Math.floor(Date.now() / 1e3);
-          const fromTs = ts - 30;
-          const toTs = ts + 5;
+          const ts = bugTimestamp.current || Date.now();
+          const fromTs = ts - 3e4;
+          const toTs = ts + 5e3;
           return `https://${datadogSite}/rum/replay/sessions/${ctx.session_id}?from_ts=${fromTs}&to_ts=${toTs}&tab=replay&live=false`;
         }
       } catch {
@@ -1320,96 +1308,30 @@ function WidgetContent({
   const openWithSelection = (text) => {
     pendingSelection.current = text;
     setSelectionTooltip(null);
-    bugTimestamp.current = Math.floor(Date.now() / 1e3);
+    bugTimestamp.current = Date.now();
     setOpen(true);
     onOpen?.();
   };
-  const globalInit = Flint2.isInitialized();
-  const global = Flint2.getInstance();
-  const consoleCollector = useRef3(null);
-  const networkCollector = useRef3(null);
-  const replayEvents = useRef3([]);
-  const stopReplay = useRef3(null);
-  const formErrorCollector = useRef3(null);
-  const frustrationCollector = useRef3(null);
-  if (!globalInit) {
-    if (enableConsole && !consoleCollector.current) {
-      consoleCollector.current = createConsoleCollector();
-      consoleCollector.current.start();
-    }
-    if (enableNetwork && !networkCollector.current) {
-      const flintHost = (() => {
-        try {
-          return new URL(serverUrl).hostname;
-        } catch {
-          return "";
-        }
-      })();
-      networkCollector.current = createNetworkCollector(flintHost ? [flintHost] : []);
-      networkCollector.current.start();
-    }
-    if (enableFormErrors && !formErrorCollector.current) {
-      formErrorCollector.current = createFormErrorCollector();
-      formErrorCollector.current.start();
-      _setFormErrorCollector(formErrorCollector.current);
-    }
-    if (enableFrustration && !frustrationCollector.current) {
-      frustrationCollector.current = createFrustrationCollector();
-      frustrationCollector.current.start();
-    }
-  }
-  useEffect3(() => {
-    if (globalInit) return;
-    let cancelled = false;
-    if (enableReplay) {
-      import("rrweb").then(({ record }) => {
-        if (cancelled) return;
-        const stopFn = record({
-          emit(event) {
-            replayEvents.current.push(event);
-            const cutoff = Date.now() - REPLAY_WINDOW_MS;
-            while (replayEvents.current.length > 0 && replayEvents.current[0].timestamp < cutoff) {
-              replayEvents.current.shift();
-            }
-          }
-        });
-        stopReplay.current = stopFn ?? null;
-      });
-    }
-    return () => {
-      cancelled = true;
-      consoleCollector.current?.stop();
-      networkCollector.current?.stop();
-      formErrorCollector.current?.stop();
-      _setFormErrorCollector(null);
-      frustrationCollector.current?.stop();
-      stopReplay.current?.();
-    };
-  }, [enableReplay, globalInit]);
-  useEffect3(() => {
-    if (globalInit) return;
-    if (!enableFrustration || !autoReportFrustration || !frustrationCollector.current) return;
-    const unsubscribe = frustrationCollector.current.onFrustration(async (event) => {
-      const user2 = resolvedUser;
-      await submitReport(serverUrl, projectKey, {
-        reporterId: user2?.id ?? "anonymous",
-        reporterName: user2?.name ?? "Anonymous",
-        reporterEmail: user2?.email,
-        description: `[Auto-detected] ${event.type.replace(/_/g, " ")}: ${event.details}`,
-        severity: event.type === "error_loop" ? "P1" : event.type === "rage_click" ? "P2" : "P3",
-        url: event.url,
-        meta: {
-          environment: collectEnvironment(),
-          consoleLogs: consoleCollector.current?.getEntries() ?? [],
-          networkErrors: networkCollector.current?.getEntries() ?? [],
-          formErrors: formErrorCollector.current?.getEntries() ?? [],
-          frustrationEvent: event
-        }
-      }).catch(() => {
-      });
+  const didAutoInit = useRef3(false);
+  if (!Flint2.isInitialized() && !didAutoInit.current) {
+    Flint2.init({
+      serverUrl,
+      projectKey,
+      user,
+      enableConsole,
+      enableNetwork,
+      enableFormErrors,
+      enableFrustration,
+      autoReportFrustration,
+      enableReplay,
+      _replayRecorder: enableReplay ? (emit) => import("rrweb").then(({ record }) => {
+        const stop = record({ emit });
+        return stop ?? void 0;
+      }) : void 0
     });
-    return unsubscribe;
-  }, [enableFrustration, autoReportFrustration, globalInit, projectKey, resolvedUser, serverUrl]);
+    didAutoInit.current = true;
+  }
+  const global = Flint2.getInstance();
   const label = buttonLabel ?? t("buttonLabel");
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [
     /* @__PURE__ */ jsxs3(
@@ -1420,7 +1342,7 @@ function WidgetContent({
           pendingSelection.current = window.getSelection()?.toString().trim() ?? "";
         },
         onClick: () => {
-          bugTimestamp.current = Math.floor(Date.now() / 1e3);
+          bugTimestamp.current = Date.now();
           setOpen(true);
           onOpen?.();
         },
@@ -1508,10 +1430,10 @@ function WidgetContent({
           pendingSelection.current = "";
         },
         getEnvironment: collectEnvironment,
-        getConsoleLogs: () => globalInit ? global?.console?.getEntries() ?? [] : consoleCollector.current?.getEntries() ?? [],
-        getNetworkErrors: () => globalInit ? global?.network?.getEntries() ?? [] : networkCollector.current?.getEntries() ?? [],
-        getFormErrors: () => globalInit ? global?.formErrors?.getEntries() ?? [] : formErrorCollector.current?.getEntries() ?? [],
-        getReplayEvents: () => globalInit ? Flint2.getReplayEvents() : [...replayEvents.current],
+        getConsoleLogs: () => global?.console?.getEntries() ?? [],
+        getNetworkErrors: () => global?.network?.getEntries() ?? [],
+        getFormErrors: () => global?.formErrors?.getEntries() ?? [],
+        getReplayEvents: () => Flint2.getReplayEvents(),
         getExternalReplayUrl,
         initialSelection: pendingSelection.current,
         enableScreenshot,