@bugwatch/react 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,89 @@
+import React, { Component, ReactNode, ErrorInfo } from 'react';
+import { BugwatchOptions, BugwatchClient, ErrorEvent, Breadcrumb, UserContext } from '@bugwatch/core';
+export { Breadcrumb, BugwatchOptions, ErrorEvent, UserContext, addBreadcrumb, captureException, captureMessage, getClient, init, setExtra, setTag, setUser } from '@bugwatch/core';
+
+/**
+ * React-specific SDK options
+ */
+interface ReactOptions extends BugwatchOptions {
+    /** Capture window.onerror events */
+    captureGlobalErrors?: boolean;
+    /** Capture unhandled promise rejections */
+    captureUnhandledRejections?: boolean;
+    /** Capture console.error as breadcrumbs */
+    captureConsoleBreadcrumbs?: boolean;
+}
+/**
+ * Bugwatch context
+ */
+interface BugwatchContextValue {
+    client: BugwatchClient | null;
+    captureException: (error: Error, context?: Partial<ErrorEvent>) => string;
+    captureMessage: (message: string, level?: ErrorEvent["level"]) => string;
+    addBreadcrumb: (breadcrumb: Omit<Breadcrumb, "timestamp">) => void;
+    setUser: (user: UserContext | null) => void;
+    setTag: (key: string, value: string) => void;
+    setExtra: (key: string, value: unknown) => void;
+}
+/**
+ * Hook to access Bugwatch SDK
+ */
+declare function useBugwatch(): BugwatchContextValue;
+/**
+ * Hook to capture exceptions
+ */
+declare function useCaptureException(): (error: Error, context?: Partial<ErrorEvent>) => string;
+/**
+ * Hook to capture messages
+ */
+declare function useCaptureMessage(): (message: string, level?: ErrorEvent["level"]) => string;
+/**
+ * Props for BugwatchProvider
+ */
+interface BugwatchProviderProps {
+    /** SDK configuration options */
+    options: ReactOptions;
+    /** Child components */
+    children: ReactNode;
+    /** Optional fallback UI for error boundary */
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    /** Called when an error is caught by the error boundary */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+/**
+ * Bugwatch Provider component
+ * Initializes the SDK and provides context to child components
+ */
+declare function BugwatchProvider({ options, children, fallback, onError, }: BugwatchProviderProps): JSX.Element;
+/**
+ * Error Boundary Props
+ */
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+/**
+ * Error Boundary component
+ */
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+
+/**
+ * Higher-order component for error boundary
+ */
+declare function withBugwatchErrorBoundary<P extends object>(WrappedComponent: React.ComponentType<P>, options?: {
+    fallback?: ErrorBoundaryProps["fallback"];
+    onError?: ErrorBoundaryProps["onError"];
+}): React.ComponentType<P>;
+
+export { ErrorBoundary as BugwatchErrorBoundary, BugwatchProvider, type ReactOptions, useBugwatch, useCaptureException, useCaptureMessage, withBugwatchErrorBoundary };

package/dist/index.d.ts

@@ -0,0 +1,89 @@
+import React, { Component, ReactNode, ErrorInfo } from 'react';
+import { BugwatchOptions, BugwatchClient, ErrorEvent, Breadcrumb, UserContext } from '@bugwatch/core';
+export { Breadcrumb, BugwatchOptions, ErrorEvent, UserContext, addBreadcrumb, captureException, captureMessage, getClient, init, setExtra, setTag, setUser } from '@bugwatch/core';
+
+/**
+ * React-specific SDK options
+ */
+interface ReactOptions extends BugwatchOptions {
+    /** Capture window.onerror events */
+    captureGlobalErrors?: boolean;
+    /** Capture unhandled promise rejections */
+    captureUnhandledRejections?: boolean;
+    /** Capture console.error as breadcrumbs */
+    captureConsoleBreadcrumbs?: boolean;
+}
+/**
+ * Bugwatch context
+ */
+interface BugwatchContextValue {
+    client: BugwatchClient | null;
+    captureException: (error: Error, context?: Partial<ErrorEvent>) => string;
+    captureMessage: (message: string, level?: ErrorEvent["level"]) => string;
+    addBreadcrumb: (breadcrumb: Omit<Breadcrumb, "timestamp">) => void;
+    setUser: (user: UserContext | null) => void;
+    setTag: (key: string, value: string) => void;
+    setExtra: (key: string, value: unknown) => void;
+}
+/**
+ * Hook to access Bugwatch SDK
+ */
+declare function useBugwatch(): BugwatchContextValue;
+/**
+ * Hook to capture exceptions
+ */
+declare function useCaptureException(): (error: Error, context?: Partial<ErrorEvent>) => string;
+/**
+ * Hook to capture messages
+ */
+declare function useCaptureMessage(): (message: string, level?: ErrorEvent["level"]) => string;
+/**
+ * Props for BugwatchProvider
+ */
+interface BugwatchProviderProps {
+    /** SDK configuration options */
+    options: ReactOptions;
+    /** Child components */
+    children: ReactNode;
+    /** Optional fallback UI for error boundary */
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    /** Called when an error is caught by the error boundary */
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+/**
+ * Bugwatch Provider component
+ * Initializes the SDK and provides context to child components
+ */
+declare function BugwatchProvider({ options, children, fallback, onError, }: BugwatchProviderProps): JSX.Element;
+/**
+ * Error Boundary Props
+ */
+interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);
+    onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+    error: Error | null;
+}
+/**
+ * Error Boundary component
+ */
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    reset: () => void;
+    render(): ReactNode;
+}
+
+/**
+ * Higher-order component for error boundary
+ */
+declare function withBugwatchErrorBoundary<P extends object>(WrappedComponent: React.ComponentType<P>, options?: {
+    fallback?: ErrorBoundaryProps["fallback"];
+    onError?: ErrorBoundaryProps["onError"];
+}): React.ComponentType<P>;
+
+export { ErrorBoundary as BugwatchErrorBoundary, BugwatchProvider, type ReactOptions, useBugwatch, useCaptureException, useCaptureMessage, withBugwatchErrorBoundary };

package/dist/index.js

@@ -0,0 +1,211 @@
+'use strict';
+
+var react = require('react');
+var core = require('@bugwatch/core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/index.tsx
+var DEFAULT_REACT_OPTIONS = {
+  captureGlobalErrors: true,
+  captureUnhandledRejections: true,
+  captureConsoleBreadcrumbs: true
+};
+var BugwatchContext = react.createContext(null);
+function useBugwatch() {
+  const context = react.useContext(BugwatchContext);
+  if (!context) {
+    throw new Error("useBugwatch must be used within a BugwatchProvider");
+  }
+  return context;
+}
+function useCaptureException() {
+  const { captureException: captureException2 } = useBugwatch();
+  return captureException2;
+}
+function useCaptureMessage() {
+  const { captureMessage: captureMessage2 } = useBugwatch();
+  return captureMessage2;
+}
+function BugwatchProvider({
+  options,
+  children,
+  fallback,
+  onError
+}) {
+  react.useEffect(() => {
+    const mergedOptions = { ...DEFAULT_REACT_OPTIONS, ...options };
+    core.init(mergedOptions);
+    const client = core.getClient();
+    if (client) {
+      client.setTag("framework", "react");
+    }
+    if (typeof window !== "undefined") {
+      if (mergedOptions.captureGlobalErrors) {
+        setupGlobalErrorHandler();
+      }
+      if (mergedOptions.captureUnhandledRejections) {
+        setupUnhandledRejectionHandler();
+      }
+      if (mergedOptions.captureConsoleBreadcrumbs) {
+        setupConsoleBreadcrumbs();
+      }
+    }
+    if (mergedOptions.debug) {
+      console.log("[Bugwatch] React SDK initialized");
+    }
+  }, [options]);
+  const captureException2 = react.useCallback(
+    (error, context) => {
+      return core.captureException(error, context);
+    },
+    []
+  );
+  const captureMessage2 = react.useCallback(
+    (message, level) => {
+      return core.captureMessage(message, level);
+    },
+    []
+  );
+  const addBreadcrumb2 = react.useCallback(
+    (breadcrumb) => {
+      core.addBreadcrumb(breadcrumb);
+    },
+    []
+  );
+  const setUser2 = react.useCallback((user) => {
+    core.setUser(user);
+  }, []);
+  const setTag2 = react.useCallback((key, value) => {
+    core.setTag(key, value);
+  }, []);
+  const setExtra2 = react.useCallback((key, value) => {
+    core.setExtra(key, value);
+  }, []);
+  const contextValue = {
+    client: core.getClient(),
+    captureException: captureException2,
+    captureMessage: captureMessage2,
+    addBreadcrumb: addBreadcrumb2,
+    setUser: setUser2,
+    setTag: setTag2,
+    setExtra: setExtra2
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(BugwatchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { fallback, onError, children }) });
+}
+var ErrorBoundary = class extends react.Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    core.captureException(error, {
+      tags: { mechanism: "react.errorBoundary" },
+      extra: {
+        componentStack: errorInfo.componentStack
+      }
+    });
+    this.props.onError?.(error, errorInfo);
+  }
+  reset = () => {
+    this.setState({ hasError: false, error: null });
+  };
+  render() {
+    if (this.state.hasError && this.state.error) {
+      const { fallback } = this.props;
+      if (typeof fallback === "function") {
+        return fallback(this.state.error, this.reset);
+      }
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { padding: "20px", fontFamily: "sans-serif" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { children: "Something went wrong" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: this.state.error.message }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: this.reset, children: "Try again" })
+      ] });
+    }
+    return this.props.children;
+  }
+};
+function withBugwatchErrorBoundary(WrappedComponent, options) {
+  const WithErrorBoundary = (props) => /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { fallback: options?.fallback, onError: options?.onError, children: /* @__PURE__ */ jsxRuntime.jsx(WrappedComponent, { ...props }) });
+  WithErrorBoundary.displayName = `withBugwatchErrorBoundary(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return WithErrorBoundary;
+}
+function setupGlobalErrorHandler() {
+  const originalOnError = window.onerror;
+  window.onerror = (message, source, lineno, colno, error) => {
+    if (error) {
+      core.captureException(error, {
+        tags: { mechanism: "window.onerror" }
+      });
+    }
+    if (originalOnError) {
+      return originalOnError(message, source, lineno, colno, error);
+    }
+    return false;
+  };
+}
+function setupUnhandledRejectionHandler() {
+  window.addEventListener("unhandledrejection", (event) => {
+    const error = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
+    core.captureException(error, {
+      tags: { mechanism: "unhandledrejection" }
+    });
+  });
+}
+function setupConsoleBreadcrumbs() {
+  const originalError = console.error;
+  console.error = (...args) => {
+    core.addBreadcrumb({
+      category: "console",
+      message: args.map(String).join(" "),
+      level: "error"
+    });
+    originalError(...args);
+  };
+}
+
+Object.defineProperty(exports, "addBreadcrumb", {
+  enumerable: true,
+  get: function () { return core.addBreadcrumb; }
+});
+Object.defineProperty(exports, "captureException", {
+  enumerable: true,
+  get: function () { return core.captureException; }
+});
+Object.defineProperty(exports, "captureMessage", {
+  enumerable: true,
+  get: function () { return core.captureMessage; }
+});
+Object.defineProperty(exports, "getClient", {
+  enumerable: true,
+  get: function () { return core.getClient; }
+});
+Object.defineProperty(exports, "init", {
+  enumerable: true,
+  get: function () { return core.init; }
+});
+Object.defineProperty(exports, "setExtra", {
+  enumerable: true,
+  get: function () { return core.setExtra; }
+});
+Object.defineProperty(exports, "setTag", {
+  enumerable: true,
+  get: function () { return core.setTag; }
+});
+Object.defineProperty(exports, "setUser", {
+  enumerable: true,
+  get: function () { return core.setUser; }
+});
+exports.BugwatchErrorBoundary = ErrorBoundary;
+exports.BugwatchProvider = BugwatchProvider;
+exports.useBugwatch = useBugwatch;
+exports.useCaptureException = useCaptureException;
+exports.useCaptureMessage = useCaptureMessage;
+exports.withBugwatchErrorBoundary = withBugwatchErrorBoundary;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["createContext","useContext","captureException","captureMessage","useEffect","coreInit","getClient","useCallback","coreCaptureException","coreCaptureMessage","addBreadcrumb","coreAddBreadcrumb","setUser","coreSetUser","setTag","coreSetTag","setExtra","coreSetExtra","jsx","Component","jsxs"],"mappings":"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","file":"index.js","sourcesContent":["import React, {\n  Component,\n  createContext,\n  useContext,\n  useEffect,\n  useCallback,\n  type ReactNode,\n  type ErrorInfo,\n} from \"react\";\nimport {\n  init as coreInit,\n  getClient,\n  captureException as coreCaptureException,\n  captureMessage as coreCaptureMessage,\n  addBreadcrumb as coreAddBreadcrumb,\n  setUser as coreSetUser,\n  setTag as coreSetTag,\n  setExtra as coreSetExtra,\n  type BugwatchOptions,\n  type BugwatchClient,\n  type UserContext,\n  type Breadcrumb,\n  type ErrorEvent,\n} from \"@bugwatch/core\";\n\n// Re-export types\nexport type { BugwatchOptions, UserContext, ErrorEvent, Breadcrumb } from \"@bugwatch/core\";\n\n/**\n * React-specific SDK options\n */\nexport interface ReactOptions extends BugwatchOptions {\n  /** Capture window.onerror events */\n  captureGlobalErrors?: boolean;\n  /** Capture unhandled promise rejections */\n  captureUnhandledRejections?: boolean;\n  /** Capture console.error as breadcrumbs */\n  captureConsoleBreadcrumbs?: boolean;\n}\n\nconst DEFAULT_REACT_OPTIONS: Partial<ReactOptions> = {\n  captureGlobalErrors: true,\n  captureUnhandledRejections: true,\n  captureConsoleBreadcrumbs: true,\n};\n\n/**\n * Bugwatch context\n */\ninterface BugwatchContextValue {\n  client: BugwatchClient | null;\n  captureException: (error: Error, context?: Partial<ErrorEvent>) => string;\n  captureMessage: (message: string, level?: ErrorEvent[\"level\"]) => string;\n  addBreadcrumb: (breadcrumb: Omit<Breadcrumb, \"timestamp\">) => void;\n  setUser: (user: UserContext | null) => void;\n  setTag: (key: string, value: string) => void;\n  setExtra: (key: string, value: unknown) => void;\n}\n\nconst BugwatchContext = createContext<BugwatchContextValue | null>(null);\n\n/**\n * Hook to access Bugwatch SDK\n */\nexport function useBugwatch(): BugwatchContextValue {\n  const context = useContext(BugwatchContext);\n  if (!context) {\n    throw new Error(\"useBugwatch must be used within a BugwatchProvider\");\n  }\n  return context;\n}\n\n/**\n * Hook to capture exceptions\n */\nexport function useCaptureException(): (\n  error: Error,\n  context?: Partial<ErrorEvent>\n) => string {\n  const { captureException } = useBugwatch();\n  return captureException;\n}\n\n/**\n * Hook to capture messages\n */\nexport function useCaptureMessage(): (\n  message: string,\n  level?: ErrorEvent[\"level\"]\n) => string {\n  const { captureMessage } = useBugwatch();\n  return captureMessage;\n}\n\n/**\n * Props for BugwatchProvider\n */\ninterface BugwatchProviderProps {\n  /** SDK configuration options */\n  options: ReactOptions;\n  /** Child components */\n  children: ReactNode;\n  /** Optional fallback UI for error boundary */\n  fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);\n  /** Called when an error is caught by the error boundary */\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\n/**\n * Bugwatch Provider component\n * Initializes the SDK and provides context to child components\n */\nexport function BugwatchProvider({\n  options,\n  children,\n  fallback,\n  onError,\n}: BugwatchProviderProps): JSX.Element {\n  useEffect(() => {\n    const mergedOptions = { ...DEFAULT_REACT_OPTIONS, ...options };\n    coreInit(mergedOptions);\n\n    // Add React-specific tags\n    const client = getClient();\n    if (client) {\n      client.setTag(\"framework\", \"react\");\n    }\n\n    // Set up global error handlers\n    if (typeof window !== \"undefined\") {\n      if (mergedOptions.captureGlobalErrors) {\n        setupGlobalErrorHandler();\n      }\n      if (mergedOptions.captureUnhandledRejections) {\n        setupUnhandledRejectionHandler();\n      }\n      if (mergedOptions.captureConsoleBreadcrumbs) {\n        setupConsoleBreadcrumbs();\n      }\n    }\n\n    if (mergedOptions.debug) {\n      console.log(\"[Bugwatch] React SDK initialized\");\n    }\n  }, [options]);\n\n  const captureException = useCallback(\n    (error: Error, context?: Partial<ErrorEvent>) => {\n      return coreCaptureException(error, context);\n    },\n    []\n  );\n\n  const captureMessage = useCallback(\n    (message: string, level?: ErrorEvent[\"level\"]) => {\n      return coreCaptureMessage(message, level);\n    },\n    []\n  );\n\n  const addBreadcrumb = useCallback(\n    (breadcrumb: Omit<Breadcrumb, \"timestamp\">) => {\n      coreAddBreadcrumb(breadcrumb);\n    },\n    []\n  );\n\n  const setUser = useCallback((user: UserContext | null) => {\n    coreSetUser(user);\n  }, []);\n\n  const setTag = useCallback((key: string, value: string) => {\n    coreSetTag(key, value);\n  }, []);\n\n  const setExtra = useCallback((key: string, value: unknown) => {\n    coreSetExtra(key, value);\n  }, []);\n\n  const contextValue: BugwatchContextValue = {\n    client: getClient(),\n    captureException,\n    captureMessage,\n    addBreadcrumb,\n    setUser,\n    setTag,\n    setExtra,\n  };\n\n  return (\n    <BugwatchContext.Provider value={contextValue}>\n      <ErrorBoundary fallback={fallback} onError={onError}>\n        {children}\n      </ErrorBoundary>\n    </BugwatchContext.Provider>\n  );\n}\n\n/**\n * Error Boundary Props\n */\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\n/**\n * Error Boundary component\n */\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // Capture to Bugwatch\n    coreCaptureException(error, {\n      tags: { mechanism: \"react.errorBoundary\" },\n      extra: {\n        componentStack: errorInfo.componentStack,\n      },\n    });\n\n    // Call custom handler\n    this.props.onError?.(error, errorInfo);\n  }\n\n  reset = (): void => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render(): ReactNode {\n    if (this.state.hasError && this.state.error) {\n      const { fallback } = this.props;\n\n      if (typeof fallback === \"function\") {\n        return fallback(this.state.error, this.reset);\n      }\n\n      if (fallback) {\n        return fallback;\n      }\n\n      return (\n        <div style={{ padding: \"20px\", fontFamily: \"sans-serif\" }}>\n          <h2>Something went wrong</h2>\n          <p>{this.state.error.message}</p>\n          <button onClick={this.reset}>Try again</button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\n/**\n * Standalone Error Boundary for custom use\n */\nexport { ErrorBoundary as BugwatchErrorBoundary };\n\n/**\n * Higher-order component for error boundary\n */\nexport function withBugwatchErrorBoundary<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  options?: {\n    fallback?: ErrorBoundaryProps[\"fallback\"];\n    onError?: ErrorBoundaryProps[\"onError\"];\n  }\n): React.ComponentType<P> {\n  const WithErrorBoundary = (props: P) => (\n    <ErrorBoundary fallback={options?.fallback} onError={options?.onError}>\n      <WrappedComponent {...props} />\n    </ErrorBoundary>\n  );\n\n  WithErrorBoundary.displayName = `withBugwatchErrorBoundary(${\n    WrappedComponent.displayName || WrappedComponent.name || \"Component\"\n  })`;\n\n  return WithErrorBoundary;\n}\n\n// Global error handler setup\nfunction setupGlobalErrorHandler(): void {\n  const originalOnError = window.onerror;\n\n  window.onerror = (message, source, lineno, colno, error) => {\n    if (error) {\n      coreCaptureException(error, {\n        tags: { mechanism: \"window.onerror\" },\n      });\n    }\n\n    if (originalOnError) {\n      return originalOnError(message, source, lineno, colno, error);\n    }\n\n    return false;\n  };\n}\n\nfunction setupUnhandledRejectionHandler(): void {\n  window.addEventListener(\"unhandledrejection\", (event) => {\n    const error =\n      event.reason instanceof Error\n        ? event.reason\n        : new Error(String(event.reason));\n\n    coreCaptureException(error, {\n      tags: { mechanism: \"unhandledrejection\" },\n    });\n  });\n}\n\nfunction setupConsoleBreadcrumbs(): void {\n  const originalError = console.error;\n\n  console.error = (...args: unknown[]) => {\n    coreAddBreadcrumb({\n      category: \"console\",\n      message: args.map(String).join(\" \"),\n      level: \"error\",\n    });\n    originalError(...args);\n  };\n}\n\n// Re-export core functions for convenience\nexport {\n  captureException,\n  captureMessage,\n  addBreadcrumb,\n  setUser,\n  setTag,\n  setExtra,\n  getClient,\n  init,\n} from \"@bugwatch/core\";\n"]}

package/dist/index.mjs

@@ -0,0 +1,173 @@
+import { createContext, useContext, useEffect, useCallback, Component } from 'react';
+import { init, getClient, captureException, captureMessage, addBreadcrumb, setUser, setTag, setExtra } from '@bugwatch/core';
+export { addBreadcrumb, captureException, captureMessage, getClient, init, setExtra, setTag, setUser } from '@bugwatch/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/index.tsx
+var DEFAULT_REACT_OPTIONS = {
+  captureGlobalErrors: true,
+  captureUnhandledRejections: true,
+  captureConsoleBreadcrumbs: true
+};
+var BugwatchContext = createContext(null);
+function useBugwatch() {
+  const context = useContext(BugwatchContext);
+  if (!context) {
+    throw new Error("useBugwatch must be used within a BugwatchProvider");
+  }
+  return context;
+}
+function useCaptureException() {
+  const { captureException: captureException2 } = useBugwatch();
+  return captureException2;
+}
+function useCaptureMessage() {
+  const { captureMessage: captureMessage2 } = useBugwatch();
+  return captureMessage2;
+}
+function BugwatchProvider({
+  options,
+  children,
+  fallback,
+  onError
+}) {
+  useEffect(() => {
+    const mergedOptions = { ...DEFAULT_REACT_OPTIONS, ...options };
+    init(mergedOptions);
+    const client = getClient();
+    if (client) {
+      client.setTag("framework", "react");
+    }
+    if (typeof window !== "undefined") {
+      if (mergedOptions.captureGlobalErrors) {
+        setupGlobalErrorHandler();
+      }
+      if (mergedOptions.captureUnhandledRejections) {
+        setupUnhandledRejectionHandler();
+      }
+      if (mergedOptions.captureConsoleBreadcrumbs) {
+        setupConsoleBreadcrumbs();
+      }
+    }
+    if (mergedOptions.debug) {
+      console.log("[Bugwatch] React SDK initialized");
+    }
+  }, [options]);
+  const captureException2 = useCallback(
+    (error, context) => {
+      return captureException(error, context);
+    },
+    []
+  );
+  const captureMessage2 = useCallback(
+    (message, level) => {
+      return captureMessage(message, level);
+    },
+    []
+  );
+  const addBreadcrumb2 = useCallback(
+    (breadcrumb) => {
+      addBreadcrumb(breadcrumb);
+    },
+    []
+  );
+  const setUser2 = useCallback((user) => {
+    setUser(user);
+  }, []);
+  const setTag2 = useCallback((key, value) => {
+    setTag(key, value);
+  }, []);
+  const setExtra2 = useCallback((key, value) => {
+    setExtra(key, value);
+  }, []);
+  const contextValue = {
+    client: getClient(),
+    captureException: captureException2,
+    captureMessage: captureMessage2,
+    addBreadcrumb: addBreadcrumb2,
+    setUser: setUser2,
+    setTag: setTag2,
+    setExtra: setExtra2
+  };
+  return /* @__PURE__ */ jsx(BugwatchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback, onError, children }) });
+}
+var ErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    captureException(error, {
+      tags: { mechanism: "react.errorBoundary" },
+      extra: {
+        componentStack: errorInfo.componentStack
+      }
+    });
+    this.props.onError?.(error, errorInfo);
+  }
+  reset = () => {
+    this.setState({ hasError: false, error: null });
+  };
+  render() {
+    if (this.state.hasError && this.state.error) {
+      const { fallback } = this.props;
+      if (typeof fallback === "function") {
+        return fallback(this.state.error, this.reset);
+      }
+      if (fallback) {
+        return fallback;
+      }
+      return /* @__PURE__ */ jsxs("div", { style: { padding: "20px", fontFamily: "sans-serif" }, children: [
+        /* @__PURE__ */ jsx("h2", { children: "Something went wrong" }),
+        /* @__PURE__ */ jsx("p", { children: this.state.error.message }),
+        /* @__PURE__ */ jsx("button", { onClick: this.reset, children: "Try again" })
+      ] });
+    }
+    return this.props.children;
+  }
+};
+function withBugwatchErrorBoundary(WrappedComponent, options) {
+  const WithErrorBoundary = (props) => /* @__PURE__ */ jsx(ErrorBoundary, { fallback: options?.fallback, onError: options?.onError, children: /* @__PURE__ */ jsx(WrappedComponent, { ...props }) });
+  WithErrorBoundary.displayName = `withBugwatchErrorBoundary(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+  return WithErrorBoundary;
+}
+function setupGlobalErrorHandler() {
+  const originalOnError = window.onerror;
+  window.onerror = (message, source, lineno, colno, error) => {
+    if (error) {
+      captureException(error, {
+        tags: { mechanism: "window.onerror" }
+      });
+    }
+    if (originalOnError) {
+      return originalOnError(message, source, lineno, colno, error);
+    }
+    return false;
+  };
+}
+function setupUnhandledRejectionHandler() {
+  window.addEventListener("unhandledrejection", (event) => {
+    const error = event.reason instanceof Error ? event.reason : new Error(String(event.reason));
+    captureException(error, {
+      tags: { mechanism: "unhandledrejection" }
+    });
+  });
+}
+function setupConsoleBreadcrumbs() {
+  const originalError = console.error;
+  console.error = (...args) => {
+    addBreadcrumb({
+      category: "console",
+      message: args.map(String).join(" "),
+      level: "error"
+    });
+    originalError(...args);
+  };
+}
+
+export { ErrorBoundary as BugwatchErrorBoundary, BugwatchProvider, useBugwatch, useCaptureException, useCaptureMessage, withBugwatchErrorBoundary };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.tsx"],"names":["captureException","captureMessage","coreInit","coreCaptureException","coreCaptureMessage","addBreadcrumb","coreAddBreadcrumb","setUser","coreSetUser","setTag","coreSetTag","setExtra","coreSetExtra"],"mappings":"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","file":"index.mjs","sourcesContent":["import React, {\n  Component,\n  createContext,\n  useContext,\n  useEffect,\n  useCallback,\n  type ReactNode,\n  type ErrorInfo,\n} from \"react\";\nimport {\n  init as coreInit,\n  getClient,\n  captureException as coreCaptureException,\n  captureMessage as coreCaptureMessage,\n  addBreadcrumb as coreAddBreadcrumb,\n  setUser as coreSetUser,\n  setTag as coreSetTag,\n  setExtra as coreSetExtra,\n  type BugwatchOptions,\n  type BugwatchClient,\n  type UserContext,\n  type Breadcrumb,\n  type ErrorEvent,\n} from \"@bugwatch/core\";\n\n// Re-export types\nexport type { BugwatchOptions, UserContext, ErrorEvent, Breadcrumb } from \"@bugwatch/core\";\n\n/**\n * React-specific SDK options\n */\nexport interface ReactOptions extends BugwatchOptions {\n  /** Capture window.onerror events */\n  captureGlobalErrors?: boolean;\n  /** Capture unhandled promise rejections */\n  captureUnhandledRejections?: boolean;\n  /** Capture console.error as breadcrumbs */\n  captureConsoleBreadcrumbs?: boolean;\n}\n\nconst DEFAULT_REACT_OPTIONS: Partial<ReactOptions> = {\n  captureGlobalErrors: true,\n  captureUnhandledRejections: true,\n  captureConsoleBreadcrumbs: true,\n};\n\n/**\n * Bugwatch context\n */\ninterface BugwatchContextValue {\n  client: BugwatchClient | null;\n  captureException: (error: Error, context?: Partial<ErrorEvent>) => string;\n  captureMessage: (message: string, level?: ErrorEvent[\"level\"]) => string;\n  addBreadcrumb: (breadcrumb: Omit<Breadcrumb, \"timestamp\">) => void;\n  setUser: (user: UserContext | null) => void;\n  setTag: (key: string, value: string) => void;\n  setExtra: (key: string, value: unknown) => void;\n}\n\nconst BugwatchContext = createContext<BugwatchContextValue | null>(null);\n\n/**\n * Hook to access Bugwatch SDK\n */\nexport function useBugwatch(): BugwatchContextValue {\n  const context = useContext(BugwatchContext);\n  if (!context) {\n    throw new Error(\"useBugwatch must be used within a BugwatchProvider\");\n  }\n  return context;\n}\n\n/**\n * Hook to capture exceptions\n */\nexport function useCaptureException(): (\n  error: Error,\n  context?: Partial<ErrorEvent>\n) => string {\n  const { captureException } = useBugwatch();\n  return captureException;\n}\n\n/**\n * Hook to capture messages\n */\nexport function useCaptureMessage(): (\n  message: string,\n  level?: ErrorEvent[\"level\"]\n) => string {\n  const { captureMessage } = useBugwatch();\n  return captureMessage;\n}\n\n/**\n * Props for BugwatchProvider\n */\ninterface BugwatchProviderProps {\n  /** SDK configuration options */\n  options: ReactOptions;\n  /** Child components */\n  children: ReactNode;\n  /** Optional fallback UI for error boundary */\n  fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);\n  /** Called when an error is caught by the error boundary */\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\n/**\n * Bugwatch Provider component\n * Initializes the SDK and provides context to child components\n */\nexport function BugwatchProvider({\n  options,\n  children,\n  fallback,\n  onError,\n}: BugwatchProviderProps): JSX.Element {\n  useEffect(() => {\n    const mergedOptions = { ...DEFAULT_REACT_OPTIONS, ...options };\n    coreInit(mergedOptions);\n\n    // Add React-specific tags\n    const client = getClient();\n    if (client) {\n      client.setTag(\"framework\", \"react\");\n    }\n\n    // Set up global error handlers\n    if (typeof window !== \"undefined\") {\n      if (mergedOptions.captureGlobalErrors) {\n        setupGlobalErrorHandler();\n      }\n      if (mergedOptions.captureUnhandledRejections) {\n        setupUnhandledRejectionHandler();\n      }\n      if (mergedOptions.captureConsoleBreadcrumbs) {\n        setupConsoleBreadcrumbs();\n      }\n    }\n\n    if (mergedOptions.debug) {\n      console.log(\"[Bugwatch] React SDK initialized\");\n    }\n  }, [options]);\n\n  const captureException = useCallback(\n    (error: Error, context?: Partial<ErrorEvent>) => {\n      return coreCaptureException(error, context);\n    },\n    []\n  );\n\n  const captureMessage = useCallback(\n    (message: string, level?: ErrorEvent[\"level\"]) => {\n      return coreCaptureMessage(message, level);\n    },\n    []\n  );\n\n  const addBreadcrumb = useCallback(\n    (breadcrumb: Omit<Breadcrumb, \"timestamp\">) => {\n      coreAddBreadcrumb(breadcrumb);\n    },\n    []\n  );\n\n  const setUser = useCallback((user: UserContext | null) => {\n    coreSetUser(user);\n  }, []);\n\n  const setTag = useCallback((key: string, value: string) => {\n    coreSetTag(key, value);\n  }, []);\n\n  const setExtra = useCallback((key: string, value: unknown) => {\n    coreSetExtra(key, value);\n  }, []);\n\n  const contextValue: BugwatchContextValue = {\n    client: getClient(),\n    captureException,\n    captureMessage,\n    addBreadcrumb,\n    setUser,\n    setTag,\n    setExtra,\n  };\n\n  return (\n    <BugwatchContext.Provider value={contextValue}>\n      <ErrorBoundary fallback={fallback} onError={onError}>\n        {children}\n      </ErrorBoundary>\n    </BugwatchContext.Provider>\n  );\n}\n\n/**\n * Error Boundary Props\n */\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback?: ReactNode | ((error: Error, reset: () => void) => ReactNode);\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\n/**\n * Error Boundary component\n */\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): ErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo): void {\n    // Capture to Bugwatch\n    coreCaptureException(error, {\n      tags: { mechanism: \"react.errorBoundary\" },\n      extra: {\n        componentStack: errorInfo.componentStack,\n      },\n    });\n\n    // Call custom handler\n    this.props.onError?.(error, errorInfo);\n  }\n\n  reset = (): void => {\n    this.setState({ hasError: false, error: null });\n  };\n\n  render(): ReactNode {\n    if (this.state.hasError && this.state.error) {\n      const { fallback } = this.props;\n\n      if (typeof fallback === \"function\") {\n        return fallback(this.state.error, this.reset);\n      }\n\n      if (fallback) {\n        return fallback;\n      }\n\n      return (\n        <div style={{ padding: \"20px\", fontFamily: \"sans-serif\" }}>\n          <h2>Something went wrong</h2>\n          <p>{this.state.error.message}</p>\n          <button onClick={this.reset}>Try again</button>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n\n/**\n * Standalone Error Boundary for custom use\n */\nexport { ErrorBoundary as BugwatchErrorBoundary };\n\n/**\n * Higher-order component for error boundary\n */\nexport function withBugwatchErrorBoundary<P extends object>(\n  WrappedComponent: React.ComponentType<P>,\n  options?: {\n    fallback?: ErrorBoundaryProps[\"fallback\"];\n    onError?: ErrorBoundaryProps[\"onError\"];\n  }\n): React.ComponentType<P> {\n  const WithErrorBoundary = (props: P) => (\n    <ErrorBoundary fallback={options?.fallback} onError={options?.onError}>\n      <WrappedComponent {...props} />\n    </ErrorBoundary>\n  );\n\n  WithErrorBoundary.displayName = `withBugwatchErrorBoundary(${\n    WrappedComponent.displayName || WrappedComponent.name || \"Component\"\n  })`;\n\n  return WithErrorBoundary;\n}\n\n// Global error handler setup\nfunction setupGlobalErrorHandler(): void {\n  const originalOnError = window.onerror;\n\n  window.onerror = (message, source, lineno, colno, error) => {\n    if (error) {\n      coreCaptureException(error, {\n        tags: { mechanism: \"window.onerror\" },\n      });\n    }\n\n    if (originalOnError) {\n      return originalOnError(message, source, lineno, colno, error);\n    }\n\n    return false;\n  };\n}\n\nfunction setupUnhandledRejectionHandler(): void {\n  window.addEventListener(\"unhandledrejection\", (event) => {\n    const error =\n      event.reason instanceof Error\n        ? event.reason\n        : new Error(String(event.reason));\n\n    coreCaptureException(error, {\n      tags: { mechanism: \"unhandledrejection\" },\n    });\n  });\n}\n\nfunction setupConsoleBreadcrumbs(): void {\n  const originalError = console.error;\n\n  console.error = (...args: unknown[]) => {\n    coreAddBreadcrumb({\n      category: \"console\",\n      message: args.map(String).join(\" \"),\n      level: \"error\",\n    });\n    originalError(...args);\n  };\n}\n\n// Re-export core functions for convenience\nexport {\n  captureException,\n  captureMessage,\n  addBreadcrumb,\n  setUser,\n  setTag,\n  setExtra,\n  getClient,\n  init,\n} from \"@bugwatch/core\";\n"]}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@bugwatch/react",
+  "version": "0.1.0",
+  "description": "Bugwatch SDK for React applications",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "@bugwatch/core": "*"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^19.0.2",
+    "jsdom": "^27.4.0",
+    "react": "^18.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bugwatch/bugwatch.git",
+    "directory": "packages/sdk/react"
+  },
+  "license": "MIT",
+  "keywords": [
+    "bugwatch",
+    "error-tracking",
+    "monitoring",
+    "react",
+    "sdk"
+  ]
+}