@diegotsi/flint-core 1.2.0 → 1.3.1

package/dist/chunk-HVSD45YR.js

@@ -0,0 +1,29 @@
+// src/integrations/datadog.ts
+var DATADOG_BLOCKED_HOSTS = [
+  "browser-intake-datadoghq.com",
+  "rum.browser-intake-datadoghq.com",
+  "logs.browser-intake-datadoghq.com",
+  "session-replay.browser-intake-datadoghq.com"
+];
+function createDatadogReplayProvider(site) {
+  return () => {
+    try {
+      const ddRum = window.DD_RUM;
+      const ctx = ddRum?.getInternalContext?.();
+      if (ctx?.session_id) {
+        const ts = Date.now();
+        const fromTs = ts - 3e4;
+        const toTs = ts + 5e3;
+        return `https://${site}/rum/replay/sessions/${ctx.session_id}?from_ts=${fromTs}&to_ts=${toTs}&tab=replay&live=false`;
+      }
+    } catch {
+    }
+    return void 0;
+  };
+}
+
+export {
+  DATADOG_BLOCKED_HOSTS,
+  createDatadogReplayProvider
+};
+//# sourceMappingURL=chunk-HVSD45YR.js.map

package/dist/chunk-HVSD45YR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/integrations/datadog.ts"],"sourcesContent":["/**\n * Datadog RUM integration — opt-in helper.\n *\n * Usage:\n *   import { Flint } from \"@diegotsi/flint-core\";\n *   import { createDatadogReplayProvider, DATADOG_BLOCKED_HOSTS } from \"@diegotsi/flint-core\";\n *\n *   Flint.init({\n *     projectKey: \"...\",\n *     serverUrl: \"...\",\n *     externalReplayProvider: createDatadogReplayProvider(\"app.datadoghq.com\"),\n *     blockedHosts: DATADOG_BLOCKED_HOSTS,\n *   });\n */\n\n/** Datadog intake hosts to exclude from network capture. */\nexport const DATADOG_BLOCKED_HOSTS = [\n  \"browser-intake-datadoghq.com\",\n  \"rum.browser-intake-datadoghq.com\",\n  \"logs.browser-intake-datadoghq.com\",\n  \"session-replay.browser-intake-datadoghq.com\",\n];\n\n/**\n * Creates an `externalReplayProvider` that reads the current Datadog RUM\n * session and returns a deep link to the Session Replay viewer.\n */\nexport function createDatadogReplayProvider(site: string): () => string | undefined {\n  return () => {\n    try {\n      const ddRum = (window as unknown as Record<string, unknown>).DD_RUM as\n        | { getInternalContext?: () => { session_id?: string } | undefined }\n        | undefined;\n      const ctx = ddRum?.getInternalContext?.();\n      if (ctx?.session_id) {\n        const ts = Date.now();\n        const fromTs = ts - 30_000;\n        const toTs = ts + 5_000;\n        return `https://${site}/rum/replay/sessions/${ctx.session_id}?from_ts=${fromTs}&to_ts=${toTs}&tab=replay&live=false`;\n      }\n    } catch {\n      // DD_RUM not available — silently skip\n    }\n    return undefined;\n  };\n}\n"],"mappings":";AAgBO,IAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,SAAS,4BAA4B,MAAwC;AAClF,SAAO,MAAM;AACX,QAAI;AACF,YAAM,QAAS,OAA8C;AAG7D,YAAM,MAAM,OAAO,qBAAqB;AACxC,UAAI,KAAK,YAAY;AACnB,cAAM,KAAK,KAAK,IAAI;AACpB,cAAM,SAAS,KAAK;AACpB,cAAM,OAAO,KAAK;AAClB,eAAO,WAAW,IAAI,wBAAwB,IAAI,UAAU,YAAY,MAAM,UAAU,IAAI;AAAA,MAC9F;AAAA,IACF,QAAQ;AAAA,IAER;AACA,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/datadog-I3QKI6Q3.js

@@ -0,0 +1,9 @@
+import {
+  DATADOG_BLOCKED_HOSTS,
+  createDatadogReplayProvider
+} from "./chunk-HVSD45YR.js";
+export {
+  DATADOG_BLOCKED_HOSTS,
+  createDatadogReplayProvider
+};
+//# sourceMappingURL=datadog-I3QKI6Q3.js.map

package/dist/datadog-I3QKI6Q3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.cjs

@@ -3,6 +3,9 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -17,17 +20,53 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// src/integrations/datadog.ts
+var datadog_exports = {};
+__export(datadog_exports, {
+  DATADOG_BLOCKED_HOSTS: () => DATADOG_BLOCKED_HOSTS,
+  createDatadogReplayProvider: () => createDatadogReplayProvider
+});
+function createDatadogReplayProvider(site) {
+  return () => {
+    try {
+      const ddRum = window.DD_RUM;
+      const ctx = ddRum?.getInternalContext?.();
+      if (ctx?.session_id) {
+        const ts = Date.now();
+        const fromTs = ts - 3e4;
+        const toTs = ts + 5e3;
+        return `https://${site}/rum/replay/sessions/${ctx.session_id}?from_ts=${fromTs}&to_ts=${toTs}&tab=replay&live=false`;
+      }
+    } catch {
+    }
+    return void 0;
+  };
+}
+var DATADOG_BLOCKED_HOSTS;
+var init_datadog = __esm({
+  "src/integrations/datadog.ts"() {
+    "use strict";
+    DATADOG_BLOCKED_HOSTS = [
+      "browser-intake-datadoghq.com",
+      "rum.browser-intake-datadoghq.com",
+      "logs.browser-intake-datadoghq.com",
+      "session-replay.browser-intake-datadoghq.com"
+    ];
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  DATADOG_BLOCKED_HOSTS: () => DATADOG_BLOCKED_HOSTS,
   Flint: () => Flint,
   _setFormErrorCollector: () => _setFormErrorCollector,
   collectEnvironment: () => collectEnvironment,
   createConsoleCollector: () => createConsoleCollector,
+  createDatadogReplayProvider: () => createDatadogReplayProvider,
   createFormErrorCollector: () => createFormErrorCollector,
   createFrustrationCollector: () => createFrustrationCollector,
   createNetworkCollector: () => createNetworkCollector,
-  flint: () => flint,
   getSnapshot: () => getSnapshot,
   resolveTheme: () => resolveTheme,
   submitReplay: () => submitReplay,
@@ -581,21 +620,85 @@ function createFrustrationCollector(opts) {
 
 // src/collectors/network.ts
 var MAX_ENTRIES3 = 50;
-var BLOCKED_HOSTS = /* @__PURE__ */ new Set([
+var DEFAULT_BLOCKED_HOSTS = [
   "browser-intake-datadoghq.com",
-  "rum.browser-intake-datadoghq.com",
-  "logs.browser-intake-datadoghq.com",
-  "session-replay.browser-intake-datadoghq.com"
+  "datadoghq.com",
+  "datadoghq.eu",
+  "google.com",
+  "googleapis.com",
+  "google-analytics.com",
+  "googletagmanager.com",
+  "gstatic.com",
+  "doubleclick.net",
+  "facebook.com",
+  "facebook.net",
+  "hotjar.com",
+  "hotjar.io",
+  "intercom.io",
+  "intercomcdn.com",
+  "segment.io",
+  "segment.com",
+  "mixpanel.com",
+  "amplitude.com",
+  "sentry.io",
+  "fullstory.com",
+  "clarity.ms",
+  "newrelic.com",
+  "nr-data.net",
+  "cloudflareinsights.com",
+  "heapanalytics.com",
+  "posthog.com",
+  "logrocket.io",
+  "lr-in-prod.com"
+];
+var ASSET_EXTENSIONS = /* @__PURE__ */ new Set([
+  ".woff",
+  ".woff2",
+  ".ttf",
+  ".otf",
+  ".eot",
+  // fonts
+  ".png",
+  ".jpg",
+  ".jpeg",
+  ".gif",
+  ".svg",
+  ".webp",
+  ".ico",
+  ".avif",
+  // images
+  ".css",
+  ".map",
+  // styles & source maps
+  ".js",
+  ".mjs",
+  // scripts (usually loaded by browser, not app logic)
+  ".mp3",
+  ".mp4",
+  ".webm",
+  ".ogg"
+  // media
 ]);
-function isBlockedUrl(url, extra) {
+function isAssetUrl(url) {
+  try {
+    const pathname = new URL(url, location.href).pathname;
+    const ext = pathname.slice(pathname.lastIndexOf(".")).toLowerCase();
+    return ASSET_EXTENSIONS.has(ext);
+  } catch {
+    return false;
+  }
+}
+function isBlockedUrl(url, blocked) {
   try {
     const host = new URL(url, location.href).hostname;
-    const all = [...BLOCKED_HOSTS, ...extra];
-    return all.some((b) => host === b || host.endsWith("." + b));
+    return [...blocked].some((b) => host === b || host.endsWith("." + b));
   } catch {
     return false;
   }
 }
+function shouldIgnore(url, blocked) {
+  return isBlockedUrl(url, blocked) || isAssetUrl(url);
+}
 function truncateUrl(url) {
   try {
     const u = new URL(url, location.href);
@@ -607,7 +710,7 @@ function truncateUrl(url) {
 }
 function createNetworkCollector(extraBlockedHosts = []) {
   const entries = [];
-  const blocked = new Set(extraBlockedHosts);
+  const blocked = /* @__PURE__ */ new Set([...DEFAULT_BLOCKED_HOSTS, ...extraBlockedHosts]);
   let origFetch = null;
   let origXHROpen = null;
   let active = false;
@@ -625,7 +728,7 @@ function createNetworkCollector(extraBlockedHosts = []) {
         const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
         const startTime = Date.now();
         const res = await origFetch.call(window, input, init2);
-        if (!isBlockedUrl(url, blocked)) {
+        if (!shouldIgnore(url, blocked)) {
           push({
             method,
             url: truncateUrl(url),
@@ -641,7 +744,7 @@ function createNetworkCollector(extraBlockedHosts = []) {
         const startTime = Date.now();
         const urlStr = typeof url === "string" ? url : url.href;
         this.addEventListener("load", () => {
-          if (!isBlockedUrl(urlStr, blocked)) {
+          if (!shouldIgnore(urlStr, blocked)) {
             push({
               method: method.toUpperCase(),
               url: truncateUrl(urlStr),
@@ -666,6 +769,9 @@ function createNetworkCollector(extraBlockedHosts = []) {
   };
 }
 
+// src/index.ts
+init_datadog();
+
 // src/store.ts
 var formErrorCollectorRef = null;
 function _setFormErrorCollector(collector) {
@@ -729,7 +835,8 @@ function init(config) {
     blockedHosts = [],
     frustration: frustrationOpts,
     onFrustration,
-    _replayRecorder
+    _replayRecorder,
+    _collectors
   } = config;
   debugLog(config, "Initializing", {
     serverUrl: config.serverUrl,
@@ -746,9 +853,10 @@ function init(config) {
       return "";
     }
   })();
-  const consoleCol = enableConsole ? createConsoleCollector() : null;
+  const allBlockedHosts = [...blockedHosts, ...flintHost ? [flintHost] : []];
+  const consoleCol = enableConsole ? _collectors?.console?.() ?? createConsoleCollector() : null;
   consoleCol?.start();
-  const networkCol = enableNetwork ? createNetworkCollector([...blockedHosts, ...flintHost ? [flintHost] : []]) : null;
+  const networkCol = enableNetwork ? _collectors?.network?.(allBlockedHosts) ?? createNetworkCollector(allBlockedHosts) : null;
   networkCol?.start();
   const formErrorsCol = enableFormErrors ? createFormErrorCollector() : null;
   if (formErrorsCol) {
@@ -789,6 +897,7 @@ function init(config) {
       if (instance) instance.stopReplay = stopReplay;
     });
   }
+  const getEnvironment = _collectors?.environment ?? collectEnvironment;
   if (frustrationCol && autoReportFrustration) {
     frustrationCol.onFrustration(async (event) => {
       debugLog(config, "Frustration detected, auto-reporting:", event.type, event.details);
@@ -804,7 +913,7 @@ function init(config) {
         source: "auto_capture",
         meta: {
           ...config.meta,
-          environment: collectEnvironment(),
+          environment: getEnvironment(),
           consoleLogs: consoleCol?.getEntries() ?? [],
           networkErrors: networkCol?.getEntries() ?? [],
           formErrors: formErrorsCol?.getEntries() ?? [],
@@ -816,6 +925,33 @@ function init(config) {
   } else if (frustrationCol && onFrustration) {
     frustrationCol.onFrustration(onFrustration);
   }
+  if (!config.externalReplayProvider) {
+    fetchProjectConfig(config.serverUrl, config.projectKey).then((remote) => {
+      if (!instance || !remote?.integrations) return;
+      const dd = remote.integrations.datadog;
+      if (dd?.enabled && dd.site) {
+        Promise.resolve().then(() => (init_datadog(), datadog_exports)).then(({ createDatadogReplayProvider: createDatadogReplayProvider2 }) => {
+          if (!instance) return;
+          instance.config = {
+            ...instance.config,
+            externalReplayProvider: createDatadogReplayProvider2(dd.site)
+          };
+          debugLog(config, "Remote Datadog integration loaded:", dd.site);
+        });
+      }
+    }).catch(() => {
+    });
+  }
+}
+async function fetchProjectConfig(serverUrl, projectKey) {
+  try {
+    const url = `${serverUrl.replace(/\/$/, "")}/api/v1/project-config`;
+    const res = await fetch(url, { headers: { "x-project-key": projectKey } });
+    if (!res.ok) return null;
+    return res.json();
+  } catch {
+    return null;
+  }
 }
 function shutdown() {
   if (!instance) return;
@@ -834,9 +970,10 @@ function getInstance() {
   return instance;
 }
 function getMeta(extraMeta) {
+  const getEnvironment = instance?.config._collectors?.environment ?? collectEnvironment;
   return {
     ...extraMeta,
-    environment: collectEnvironment(),
+    environment: getEnvironment(),
     consoleLogs: instance?.console?.getEntries() ?? [],
     networkErrors: instance?.network?.getEntries() ?? [],
     formErrors: instance?.formErrors?.getEntries() ?? []
@@ -848,6 +985,12 @@ function getReplayEvents() {
 function getConfig() {
   return instance?.config ?? null;
 }
+function getExternalReplayUrl() {
+  const storeReplay = getSnapshot().sessionReplay;
+  const fromStore = typeof storeReplay === "function" ? storeReplay() : storeReplay;
+  if (fromStore) return fromStore;
+  return instance?.config.externalReplayProvider?.();
+}
 var Flint = {
   init,
   shutdown,
@@ -856,6 +999,7 @@ var Flint = {
   getMeta,
   getReplayEvents,
   getConfig,
+  getExternalReplayUrl,
   setUser: flint.setUser,
   setSessionReplay: flint.setSessionReplay,
   reportFormError: flint.reportFormError
@@ -901,14 +1045,15 @@ function resolveTheme(theme) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DATADOG_BLOCKED_HOSTS,
   Flint,
   _setFormErrorCollector,
   collectEnvironment,
   createConsoleCollector,
+  createDatadogReplayProvider,
   createFormErrorCollector,
   createFrustrationCollector,
   createNetworkCollector,
-  flint,
   getSnapshot,
   resolveTheme,
   submitReplay,