@diegotsi/flint-react 2.1.3 → 2.2.0

package/dist/index.cjs

@@ -30,10 +30,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  Flint: () => import_flint_core9.Flint,
+  Flint: () => import_flint_core5.Flint,
   FlintModal: () => FlintModal,
   FlintWidget: () => FlintWidget,
-  flint: () => import_flint_core9.flint
+  flint: () => import_flint_core5.flint
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -325,7 +325,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);
@@ -1181,24 +1182,12 @@ function CheckIcon({ size = 20 }) {
 }
 
 // src/FlintWidget.tsx
-var import_flint_core10 = require("@diegotsi/flint-core");
+var import_flint_core6 = require("@diegotsi/flint-core");
 var import_react4 = require("react");
 var import_react_i18next3 = require("react-i18next");
 
-// src/collectors/console.ts
-var import_flint_core3 = require("@diegotsi/flint-core");
-
 // src/collectors/environment.ts
-var import_flint_core4 = require("@diegotsi/flint-core");
-
-// src/collectors/formErrors.ts
-var import_flint_core5 = require("@diegotsi/flint-core");
-
-// src/collectors/frustration.ts
-var import_flint_core6 = require("@diegotsi/flint-core");
-
-// src/collectors/network.ts
-var import_flint_core7 = require("@diegotsi/flint-core");
+var import_flint_core3 = require("@diegotsi/flint-core");
 
 // src/i18n/index.ts
 var import_i18next = require("i18next");
@@ -1250,16 +1239,15 @@ widgetI18n.use(import_react_i18next2.initReactI18next).init({
 var i18n_default = widgetI18n;
 
 // src/store.ts
-var import_flint_core8 = require("@diegotsi/flint-core");
+var import_flint_core4 = require("@diegotsi/flint-core");
 var import_react3 = require("react");
-var import_flint_core9 = require("@diegotsi/flint-core");
+var import_flint_core5 = require("@diegotsi/flint-core");
 function useFlintStore() {
-  return (0, import_react3.useSyncExternalStore)(import_flint_core8.subscribe, import_flint_core8.getSnapshot);
+  return (0, import_react3.useSyncExternalStore)(import_flint_core4.subscribe, import_flint_core4.getSnapshot);
 }
 
 // src/FlintWidget.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var REPLAY_WINDOW_MS = 6e4;
 function FlintWidget(props) {
   const { locale = "en-US" } = props;
   (0, import_react4.useEffect)(() => {
@@ -1363,92 +1351,26 @@ function WidgetContent({
     setOpen(true);
     onOpen?.();
   };
-  const globalInit = import_flint_core10.Flint.isInitialized();
-  const global = import_flint_core10.Flint.getInstance();
-  const consoleCollector = (0, import_react4.useRef)(null);
-  const networkCollector = (0, import_react4.useRef)(null);
-  const replayEvents = (0, import_react4.useRef)([]);
-  const stopReplay = (0, import_react4.useRef)(null);
-  const formErrorCollector = (0, import_react4.useRef)(null);
-  const frustrationCollector = (0, import_react4.useRef)(null);
-  if (!globalInit) {
-    if (enableConsole && !consoleCollector.current) {
-      consoleCollector.current = (0, import_flint_core3.createConsoleCollector)();
-      consoleCollector.current.start();
-    }
-    if (enableNetwork && !networkCollector.current) {
-      const flintHost = (() => {
-        try {
-          return new URL(serverUrl).hostname;
-        } catch {
-          return "";
-        }
-      })();
-      networkCollector.current = (0, import_flint_core7.createNetworkCollector)(flintHost ? [flintHost] : []);
-      networkCollector.current.start();
-    }
-    if (enableFormErrors && !formErrorCollector.current) {
-      formErrorCollector.current = (0, import_flint_core5.createFormErrorCollector)();
-      formErrorCollector.current.start();
-      (0, import_flint_core9._setFormErrorCollector)(formErrorCollector.current);
-    }
-    if (enableFrustration && !frustrationCollector.current) {
-      frustrationCollector.current = (0, import_flint_core6.createFrustrationCollector)();
-      frustrationCollector.current.start();
-    }
-  }
-  (0, import_react4.useEffect)(() => {
-    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();
-      (0, import_flint_core9._setFormErrorCollector)(null);
-      frustrationCollector.current?.stop();
-      stopReplay.current?.();
-    };
-  }, [enableReplay, globalInit]);
-  (0, import_react4.useEffect)(() => {
-    if (globalInit) return;
-    if (!enableFrustration || !autoReportFrustration || !frustrationCollector.current) return;
-    const unsubscribe = frustrationCollector.current.onFrustration(async (event) => {
-      const user2 = resolvedUser;
-      await (0, import_flint_core.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: (0, import_flint_core4.collectEnvironment)(),
-          consoleLogs: consoleCollector.current?.getEntries() ?? [],
-          networkErrors: networkCollector.current?.getEntries() ?? [],
-          formErrors: formErrorCollector.current?.getEntries() ?? [],
-          frustrationEvent: event
-        }
-      }).catch(() => {
-      });
+  const didAutoInit = (0, import_react4.useRef)(false);
+  if (!import_flint_core6.Flint.isInitialized() && !didAutoInit.current) {
+    import_flint_core6.Flint.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 = import_flint_core6.Flint.getInstance();
   const label = buttonLabel ?? t("buttonLabel");
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
@@ -1546,11 +1468,11 @@ function WidgetContent({
           onClose?.();
           pendingSelection.current = "";
         },
-        getEnvironment: import_flint_core4.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 ? import_flint_core10.Flint.getReplayEvents() : [...replayEvents.current],
+        getEnvironment: import_flint_core3.collectEnvironment,
+        getConsoleLogs: () => global?.console?.getEntries() ?? [],
+        getNetworkErrors: () => global?.network?.getEntries() ?? [],
+        getFormErrors: () => global?.formErrors?.getEntries() ?? [],
+        getReplayEvents: () => import_flint_core6.Flint.getReplayEvents(),
         getExternalReplayUrl,
         initialSelection: pendingSelection.current,
         enableScreenshot,