@reproapp/react-sdk 0.0.2 → 0.0.3

package/README.md

@@ -55,6 +55,12 @@ export default function App() {
       appId="app_123"
       tenantId="tenant_abc"
       apiBase="https://repro.example.com"
+      logCollectorUrl="https://collector.example.com"
+      ingest={{
+        mode: "staging",
+        actorType: "browser",
+        actorLabels: { env: "prod", platform: "web" },
+      }}
       button={{ text: "Report issue" }}
       masking={masking}
     >
@@ -66,6 +72,13 @@ export default function App() {
 
 Notes:
 - `apiBase` defaults to `https://repro-api-d7288.ondigitalocean.app/api`.
+- `logCollectorUrl` defaults to `https://log-collector-5rj86.ondigitalocean.app`.
+- `ingest.mode` defaults to `live`.
+- In `live` mode, rrweb, frontend action events, and a final session-end marker are sent through ingest (`/v1/ingest/events`). The API reconstructs only after that marker is visible and the ClickHouse session stream is stable.
+- Set `ingest.mode = "staging"` to send rrweb chunks and frontend action events into ClickHouse via `POST /v1/ingest/events` without automatic reconstruction.
+- Legacy mode names `api` and `log-collector` are still accepted as aliases for `live` and `staging`.
+- `ingest.logCollectorUrl`, `ingest.logCollectorUri`, and legacy `ingest.baseUrl` can override the log-collector URL per provider instance.
+- `REPRO_LOG_COLLECTOR_URL`, `REPRO_LOG_COLLECTOR_URI`, and legacy `REPRO_INGEST_BASE` are also accepted when exposed to the browser through `globalThis.__REPRO_SDK_ENV__` or a compatible runtime env shim.
 - `button.text` overrides the floating button label (same label for Record and Stop).
 - `attachAxios` works with any Axios instance; `window.axios` is auto-attached if present.
 - This SDK runs in the browser; for Next.js use a client component.
@@ -93,6 +106,21 @@ type Props = {
   appId: string;
   tenantId: string;
   apiBase?: string; // default: https://repro-api-d7288.ondigitalocean.app/api
+  logCollectorUrl?: string; // default: https://log-collector-5rj86.ondigitalocean.app
+  logCollectorUri?: string; // alias for logCollectorUrl
+  ingest?: {
+    mode?: "live" | "staging" | "api" | "log-collector"; // default: "live"
+    logCollectorUrl?: string;
+    logCollectorUri?: string;
+    baseUrl?: string; // legacy alias for logCollectorUrl
+    path?: string; // default: /v1/ingest/events
+    appSecret?: string;
+    appName?: string;
+    actorId?: string;
+    actorType?: string;
+    actorLabels?: Record<string, string>;
+    schemaVersion?: number; // default: 1
+  };
   children: React.ReactNode;
   button?: { text?: string };
   masking?: MaskingOptions;

package/dist/index.d.ts

@@ -1,25 +1,47 @@
-import React from "react";
-import { record } from "rrweb";
+import React from 'react';
+import { record } from 'rrweb';
 /**
  * Repro React SDK (MVP)
  * - Floating "Record / Stop & Report" button
  * - Bootstrap -> start session -> rrweb capture
- * - Intercepts window.fetch to inject X-Bug-Session-Id / X-Bug-Action-Id
+ * - Intercepts window.fetch to propagate request/session context
  * - Generates Action IDs on clicks; posts minimal action events
  * - Uses ORIGINAL fetch for SDK-internal calls to avoid recursion
  */
 type RrwebRecordOptions = NonNullable<Parameters<typeof record>[0]>;
-export type MaskingOptions = Pick<RrwebRecordOptions, "maskAllInputs" | "maskTextClass" | "maskTextSelector" | "maskInputOptions" | "maskInputFn" | "maskTextFn">;
+export type MaskingOptions = Pick<RrwebRecordOptions, 'maskAllInputs' | 'maskTextClass' | 'maskTextSelector' | 'maskInputOptions' | 'maskInputFn' | 'maskTextFn'>;
+type IngestMode = 'live' | 'staging';
+type LegacyIngestMode = 'api' | 'log-collector';
+export type IngestOptions = {
+    mode?: IngestMode | LegacyIngestMode;
+    /** Preferred log-collector base URL, for example https://log-collector.example.com. */
+    logCollectorUrl?: string;
+    /** Alias for logCollectorUrl. */
+    logCollectorUri?: string;
+    /** Legacy alias for logCollectorUrl. */
+    baseUrl?: string;
+    path?: string;
+    appSecret?: string;
+    appName?: string;
+    actorId?: string;
+    actorType?: string;
+    actorLabels?: Record<string, string>;
+    schemaVersion?: number;
+};
 type Props = {
     appId: string;
+    tenantId?: string;
     children: React.ReactNode;
     button?: {
         text?: string;
     };
     masking?: MaskingOptions;
     apiBase?: string;
+    logCollectorUrl?: string;
+    logCollectorUri?: string;
+    ingest?: IngestOptions;
 };
 /** Manually attach Repro to any Axios instance (no recursion). */
 export declare function attachAxios(axiosInstance: any): void;
-export declare function ReproProvider({ appId, children, button, masking, apiBase }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function ReproProvider({ appId, tenantId, children, button, masking, apiBase, logCollectorUrl, logCollectorUri, ingest, }: Props): import("react/jsx-runtime").JSX.Element;
 export default ReproProvider;