@crashsense/react 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { CrashSenseCore, CrashSenseConfig, CrashReport, CrashSeverity, Breadcrumb } from '@crashsense/types';
+export { CrashAnalysis, CrashEvent, CrashReport, CrashSenseConfig } from '@crashsense/types';
+export { createCrashSense } from '@crashsense/core';
+
+declare const CrashSenseContext: React.Context<CrashSenseCore | null>;
+interface CrashSenseProviderProps {
+    config: CrashSenseConfig;
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    onCrash?: (report: CrashReport) => void;
+}
+interface CrashSenseProviderState {
+    hasError: boolean;
+}
+declare class CrashSenseProvider extends React.Component<CrashSenseProviderProps, CrashSenseProviderState> {
+    private core;
+    constructor(props: CrashSenseProviderProps);
+    static getDerivedStateFromError(_error: Error): CrashSenseProviderState;
+    componentDidMount(): void;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}
+
+declare function useCrashSense(): {
+    captureException: (error: unknown, context?: Record<string, unknown>) => void;
+    captureMessage: (message: string, severity?: CrashSeverity) => void;
+    addBreadcrumb: (breadcrumb: Omit<Breadcrumb, 'timestamp'>) => void;
+    core: CrashSenseCore | null;
+};
+
+declare function useRenderTracker(componentName: string, threshold?: number): void;
+
+declare function createHydrationDetector(core: CrashSenseCore): {
+    install(): void;
+    uninstall(): void;
+};
+
+export { CrashSenseContext, CrashSenseProvider, createHydrationDetector, useCrashSense, useRenderTracker };

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import { CrashSenseCore, CrashSenseConfig, CrashReport, CrashSeverity, Breadcrumb } from '@crashsense/types';
+export { CrashAnalysis, CrashEvent, CrashReport, CrashSenseConfig } from '@crashsense/types';
+export { createCrashSense } from '@crashsense/core';
+
+declare const CrashSenseContext: React.Context<CrashSenseCore | null>;
+interface CrashSenseProviderProps {
+    config: CrashSenseConfig;
+    children: React.ReactNode;
+    fallback?: React.ReactNode;
+    onCrash?: (report: CrashReport) => void;
+}
+interface CrashSenseProviderState {
+    hasError: boolean;
+}
+declare class CrashSenseProvider extends React.Component<CrashSenseProviderProps, CrashSenseProviderState> {
+    private core;
+    constructor(props: CrashSenseProviderProps);
+    static getDerivedStateFromError(_error: Error): CrashSenseProviderState;
+    componentDidMount(): void;
+    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentWillUnmount(): void;
+    render(): React.ReactNode;
+}
+
+declare function useCrashSense(): {
+    captureException: (error: unknown, context?: Record<string, unknown>) => void;
+    captureMessage: (message: string, severity?: CrashSeverity) => void;
+    addBreadcrumb: (breadcrumb: Omit<Breadcrumb, 'timestamp'>) => void;
+    core: CrashSenseCore | null;
+};
+
+declare function useRenderTracker(componentName: string, threshold?: number): void;
+
+declare function createHydrationDetector(core: CrashSenseCore): {
+    install(): void;
+    uninstall(): void;
+};
+
+export { CrashSenseContext, CrashSenseProvider, createHydrationDetector, useCrashSense, useRenderTracker };

package/dist/index.js

@@ -0,0 +1,139 @@
+'use strict';
+
+var React = require('react');
+var core = require('@crashsense/core');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/provider.ts
+var CrashSenseContext = React__default.default.createContext(null);
+var CrashSenseProvider = class extends React__default.default.Component {
+  constructor(props) {
+    super(props);
+    this.core = null;
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(_error) {
+    return { hasError: true };
+  }
+  componentDidMount() {
+    const enrichedConfig = {
+      ...this.props.config,
+      onCrash: (report) => {
+        this.props.onCrash?.(report);
+        this.props.config.onCrash?.(report);
+      }
+    };
+    this.core = core.createCrashSense(enrichedConfig);
+  }
+  componentDidCatch(error, errorInfo) {
+    if (!this.core) return;
+    this.core.captureException(error, {
+      componentStack: errorInfo.componentStack ?? "",
+      framework: "react",
+      lifecycleStage: "rendering"
+    });
+  }
+  componentWillUnmount() {
+    this.core?.destroy();
+    this.core = null;
+  }
+  render() {
+    if (this.state.hasError && this.props.fallback !== void 0) {
+      return React__default.default.createElement(
+        CrashSenseContext.Provider,
+        { value: this.core },
+        this.props.fallback
+      );
+    }
+    return React__default.default.createElement(
+      CrashSenseContext.Provider,
+      { value: this.core },
+      this.props.children
+    );
+  }
+};
+function useCrashSense() {
+  const core = React.useContext(CrashSenseContext);
+  return {
+    captureException: (error, context) => {
+      core?.captureException(error, context);
+    },
+    captureMessage: (message, severity) => {
+      core?.captureMessage(message, severity);
+    },
+    addBreadcrumb: (breadcrumb) => {
+      core?.addBreadcrumb(breadcrumb);
+    },
+    core
+  };
+}
+var DEFAULT_THRESHOLD = 50;
+var WINDOW_MS = 1e3;
+function useRenderTracker(componentName, threshold = DEFAULT_THRESHOLD) {
+  const renderTimestamps = React.useRef([]);
+  const warned = React.useRef(false);
+  const { captureMessage } = useCrashSense();
+  const now = Date.now();
+  renderTimestamps.current.push(now);
+  const cutoff = now - WINDOW_MS;
+  renderTimestamps.current = renderTimestamps.current.filter((t) => t > cutoff);
+  if (renderTimestamps.current.length > threshold && !warned.current) {
+    warned.current = true;
+    captureMessage(
+      `Potential infinite re-render detected in ${componentName}: ${renderTimestamps.current.length} renders in ${WINDOW_MS}ms`,
+      "warning"
+    );
+  }
+  React.useEffect(() => {
+    return () => {
+      renderTimestamps.current = [];
+      warned.current = false;
+    };
+  }, []);
+}
+
+// src/hydration-detector.ts
+function createHydrationDetector(core) {
+  let originalConsoleError = null;
+  return {
+    install() {
+      if (typeof console === "undefined") return;
+      originalConsoleError = console.error;
+      console.error = (...args) => {
+        originalConsoleError.apply(console, args);
+        const message = args.map(String).join(" ");
+        if (/hydrat/i.test(message)) {
+          core.captureException(
+            new Error(`Hydration mismatch: ${message.slice(0, 200)}`),
+            {
+              source: "hydration_detector",
+              framework: "react",
+              lifecycleStage: "hydrating"
+            }
+          );
+        }
+      };
+    },
+    uninstall() {
+      if (originalConsoleError) {
+        console.error = originalConsoleError;
+        originalConsoleError = null;
+      }
+    }
+  };
+}
+
+Object.defineProperty(exports, "createCrashSense", {
+  enumerable: true,
+  get: function () { return core.createCrashSense; }
+});
+exports.CrashSenseContext = CrashSenseContext;
+exports.CrashSenseProvider = CrashSenseProvider;
+exports.createHydrationDetector = createHydrationDetector;
+exports.useCrashSense = useCrashSense;
+exports.useRenderTracker = useRenderTracker;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider.ts","../src/hooks.ts","../src/render-tracker.ts","../src/hydration-detector.ts"],"names":["React","createCrashSense","useContext","useRef","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["import React from 'react';\nimport type { CrashSenseConfig, CrashSenseCore, CrashReport } from '@crashsense/types';\nimport { createCrashSense } from '@crashsense/core';\n\nexport const CrashSenseContext = React.createContext<CrashSenseCore | null>(null);\n\ninterface CrashSenseProviderProps {\n  config: CrashSenseConfig;\n  children: React.ReactNode;\n  fallback?: React.ReactNode;\n  onCrash?: (report: CrashReport) => void;\n}\n\ninterface CrashSenseProviderState {\n  hasError: boolean;\n}\n\nexport class CrashSenseProvider extends React.Component<\n  CrashSenseProviderProps,\n  CrashSenseProviderState\n> {\n  private core: CrashSenseCore | null = null;\n\n  constructor(props: CrashSenseProviderProps) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(_error: Error): CrashSenseProviderState {\n    return { hasError: true };\n  }\n\n  componentDidMount(): void {\n    const enrichedConfig: CrashSenseConfig = {\n      ...this.props.config,\n      onCrash: (report: CrashReport) => {\n        this.props.onCrash?.(report);\n        this.props.config.onCrash?.(report);\n      },\n    };\n\n    this.core = createCrashSense(enrichedConfig);\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    if (!this.core) return;\n\n    this.core.captureException(error, {\n      componentStack: errorInfo.componentStack ?? '',\n      framework: 'react',\n      lifecycleStage: 'rendering',\n    });\n  }\n\n  componentWillUnmount(): void {\n    this.core?.destroy();\n    this.core = null;\n  }\n\n  render(): React.ReactNode {\n    if (this.state.hasError && this.props.fallback !== undefined) {\n      return React.createElement(\n        CrashSenseContext.Provider,\n        { value: this.core },\n        this.props.fallback,\n      );\n    }\n\n    return React.createElement(\n      CrashSenseContext.Provider,\n      { value: this.core },\n      this.props.children,\n    );\n  }\n}\n","import { useContext } from 'react';\nimport type { CrashSenseCore, Breadcrumb, CrashSeverity } from '@crashsense/types';\nimport { CrashSenseContext } from './provider';\n\nexport function useCrashSense(): {\n  captureException: (error: unknown, context?: Record<string, unknown>) => void;\n  captureMessage: (message: string, severity?: CrashSeverity) => void;\n  addBreadcrumb: (breadcrumb: Omit<Breadcrumb, 'timestamp'>) => void;\n  core: CrashSenseCore | null;\n} {\n  const core = useContext(CrashSenseContext);\n\n  return {\n    captureException: (error: unknown, context?: Record<string, unknown>) => {\n      core?.captureException(error, context);\n    },\n    captureMessage: (message: string, severity?: CrashSeverity) => {\n      core?.captureMessage(message, severity);\n    },\n    addBreadcrumb: (breadcrumb: Omit<Breadcrumb, 'timestamp'>) => {\n      core?.addBreadcrumb(breadcrumb);\n    },\n    core,\n  };\n}\n","import { useRef, useEffect } from 'react';\nimport { useCrashSense } from './hooks';\n\nconst DEFAULT_THRESHOLD = 50;\nconst WINDOW_MS = 1000;\n\nexport function useRenderTracker(\n  componentName: string,\n  threshold: number = DEFAULT_THRESHOLD,\n): void {\n  const renderTimestamps = useRef<number[]>([]);\n  const warned = useRef(false);\n  const { captureMessage } = useCrashSense();\n\n  const now = Date.now();\n  renderTimestamps.current.push(now);\n\n  const cutoff = now - WINDOW_MS;\n  renderTimestamps.current = renderTimestamps.current.filter((t) => t > cutoff);\n\n  if (renderTimestamps.current.length > threshold && !warned.current) {\n    warned.current = true;\n    captureMessage(\n      `Potential infinite re-render detected in ${componentName}: ${renderTimestamps.current.length} renders in ${WINDOW_MS}ms`,\n      'warning',\n    );\n  }\n\n  useEffect(() => {\n    return () => {\n      renderTimestamps.current = [];\n      warned.current = false;\n    };\n  }, []);\n}\n","import type { CrashSenseCore } from '@crashsense/types';\n\nexport function createHydrationDetector(core: CrashSenseCore) {\n  let originalConsoleError: typeof console.error | null = null;\n\n  return {\n    install(): void {\n      if (typeof console === 'undefined') return;\n\n      originalConsoleError = console.error;\n\n      console.error = (...args: unknown[]) => {\n        originalConsoleError!.apply(console, args);\n\n        const message = args.map(String).join(' ');\n        if (/hydrat/i.test(message)) {\n          core.captureException(\n            new Error(`Hydration mismatch: ${message.slice(0, 200)}`),\n            {\n              source: 'hydration_detector',\n              framework: 'react',\n              lifecycleStage: 'hydrating',\n            },\n          );\n        }\n      };\n    },\n\n    uninstall(): void {\n      if (originalConsoleError) {\n        console.error = originalConsoleError;\n        originalConsoleError = null;\n      }\n    },\n  };\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,126 @@
+import React, { useContext, useRef, useEffect } from 'react';
+import { createCrashSense } from '@crashsense/core';
+export { createCrashSense } from '@crashsense/core';
+
+// src/provider.ts
+var CrashSenseContext = React.createContext(null);
+var CrashSenseProvider = class extends React.Component {
+  constructor(props) {
+    super(props);
+    this.core = null;
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(_error) {
+    return { hasError: true };
+  }
+  componentDidMount() {
+    const enrichedConfig = {
+      ...this.props.config,
+      onCrash: (report) => {
+        this.props.onCrash?.(report);
+        this.props.config.onCrash?.(report);
+      }
+    };
+    this.core = createCrashSense(enrichedConfig);
+  }
+  componentDidCatch(error, errorInfo) {
+    if (!this.core) return;
+    this.core.captureException(error, {
+      componentStack: errorInfo.componentStack ?? "",
+      framework: "react",
+      lifecycleStage: "rendering"
+    });
+  }
+  componentWillUnmount() {
+    this.core?.destroy();
+    this.core = null;
+  }
+  render() {
+    if (this.state.hasError && this.props.fallback !== void 0) {
+      return React.createElement(
+        CrashSenseContext.Provider,
+        { value: this.core },
+        this.props.fallback
+      );
+    }
+    return React.createElement(
+      CrashSenseContext.Provider,
+      { value: this.core },
+      this.props.children
+    );
+  }
+};
+function useCrashSense() {
+  const core = useContext(CrashSenseContext);
+  return {
+    captureException: (error, context) => {
+      core?.captureException(error, context);
+    },
+    captureMessage: (message, severity) => {
+      core?.captureMessage(message, severity);
+    },
+    addBreadcrumb: (breadcrumb) => {
+      core?.addBreadcrumb(breadcrumb);
+    },
+    core
+  };
+}
+var DEFAULT_THRESHOLD = 50;
+var WINDOW_MS = 1e3;
+function useRenderTracker(componentName, threshold = DEFAULT_THRESHOLD) {
+  const renderTimestamps = useRef([]);
+  const warned = useRef(false);
+  const { captureMessage } = useCrashSense();
+  const now = Date.now();
+  renderTimestamps.current.push(now);
+  const cutoff = now - WINDOW_MS;
+  renderTimestamps.current = renderTimestamps.current.filter((t) => t > cutoff);
+  if (renderTimestamps.current.length > threshold && !warned.current) {
+    warned.current = true;
+    captureMessage(
+      `Potential infinite re-render detected in ${componentName}: ${renderTimestamps.current.length} renders in ${WINDOW_MS}ms`,
+      "warning"
+    );
+  }
+  useEffect(() => {
+    return () => {
+      renderTimestamps.current = [];
+      warned.current = false;
+    };
+  }, []);
+}
+
+// src/hydration-detector.ts
+function createHydrationDetector(core) {
+  let originalConsoleError = null;
+  return {
+    install() {
+      if (typeof console === "undefined") return;
+      originalConsoleError = console.error;
+      console.error = (...args) => {
+        originalConsoleError.apply(console, args);
+        const message = args.map(String).join(" ");
+        if (/hydrat/i.test(message)) {
+          core.captureException(
+            new Error(`Hydration mismatch: ${message.slice(0, 200)}`),
+            {
+              source: "hydration_detector",
+              framework: "react",
+              lifecycleStage: "hydrating"
+            }
+          );
+        }
+      };
+    },
+    uninstall() {
+      if (originalConsoleError) {
+        console.error = originalConsoleError;
+        originalConsoleError = null;
+      }
+    }
+  };
+}
+
+export { CrashSenseContext, CrashSenseProvider, createHydrationDetector, useCrashSense, useRenderTracker };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider.ts","../src/hooks.ts","../src/render-tracker.ts","../src/hydration-detector.ts"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import React from 'react';\nimport type { CrashSenseConfig, CrashSenseCore, CrashReport } from '@crashsense/types';\nimport { createCrashSense } from '@crashsense/core';\n\nexport const CrashSenseContext = React.createContext<CrashSenseCore | null>(null);\n\ninterface CrashSenseProviderProps {\n  config: CrashSenseConfig;\n  children: React.ReactNode;\n  fallback?: React.ReactNode;\n  onCrash?: (report: CrashReport) => void;\n}\n\ninterface CrashSenseProviderState {\n  hasError: boolean;\n}\n\nexport class CrashSenseProvider extends React.Component<\n  CrashSenseProviderProps,\n  CrashSenseProviderState\n> {\n  private core: CrashSenseCore | null = null;\n\n  constructor(props: CrashSenseProviderProps) {\n    super(props);\n    this.state = { hasError: false };\n  }\n\n  static getDerivedStateFromError(_error: Error): CrashSenseProviderState {\n    return { hasError: true };\n  }\n\n  componentDidMount(): void {\n    const enrichedConfig: CrashSenseConfig = {\n      ...this.props.config,\n      onCrash: (report: CrashReport) => {\n        this.props.onCrash?.(report);\n        this.props.config.onCrash?.(report);\n      },\n    };\n\n    this.core = createCrashSense(enrichedConfig);\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    if (!this.core) return;\n\n    this.core.captureException(error, {\n      componentStack: errorInfo.componentStack ?? '',\n      framework: 'react',\n      lifecycleStage: 'rendering',\n    });\n  }\n\n  componentWillUnmount(): void {\n    this.core?.destroy();\n    this.core = null;\n  }\n\n  render(): React.ReactNode {\n    if (this.state.hasError && this.props.fallback !== undefined) {\n      return React.createElement(\n        CrashSenseContext.Provider,\n        { value: this.core },\n        this.props.fallback,\n      );\n    }\n\n    return React.createElement(\n      CrashSenseContext.Provider,\n      { value: this.core },\n      this.props.children,\n    );\n  }\n}\n","import { useContext } from 'react';\nimport type { CrashSenseCore, Breadcrumb, CrashSeverity } from '@crashsense/types';\nimport { CrashSenseContext } from './provider';\n\nexport function useCrashSense(): {\n  captureException: (error: unknown, context?: Record<string, unknown>) => void;\n  captureMessage: (message: string, severity?: CrashSeverity) => void;\n  addBreadcrumb: (breadcrumb: Omit<Breadcrumb, 'timestamp'>) => void;\n  core: CrashSenseCore | null;\n} {\n  const core = useContext(CrashSenseContext);\n\n  return {\n    captureException: (error: unknown, context?: Record<string, unknown>) => {\n      core?.captureException(error, context);\n    },\n    captureMessage: (message: string, severity?: CrashSeverity) => {\n      core?.captureMessage(message, severity);\n    },\n    addBreadcrumb: (breadcrumb: Omit<Breadcrumb, 'timestamp'>) => {\n      core?.addBreadcrumb(breadcrumb);\n    },\n    core,\n  };\n}\n","import { useRef, useEffect } from 'react';\nimport { useCrashSense } from './hooks';\n\nconst DEFAULT_THRESHOLD = 50;\nconst WINDOW_MS = 1000;\n\nexport function useRenderTracker(\n  componentName: string,\n  threshold: number = DEFAULT_THRESHOLD,\n): void {\n  const renderTimestamps = useRef<number[]>([]);\n  const warned = useRef(false);\n  const { captureMessage } = useCrashSense();\n\n  const now = Date.now();\n  renderTimestamps.current.push(now);\n\n  const cutoff = now - WINDOW_MS;\n  renderTimestamps.current = renderTimestamps.current.filter((t) => t > cutoff);\n\n  if (renderTimestamps.current.length > threshold && !warned.current) {\n    warned.current = true;\n    captureMessage(\n      `Potential infinite re-render detected in ${componentName}: ${renderTimestamps.current.length} renders in ${WINDOW_MS}ms`,\n      'warning',\n    );\n  }\n\n  useEffect(() => {\n    return () => {\n      renderTimestamps.current = [];\n      warned.current = false;\n    };\n  }, []);\n}\n","import type { CrashSenseCore } from '@crashsense/types';\n\nexport function createHydrationDetector(core: CrashSenseCore) {\n  let originalConsoleError: typeof console.error | null = null;\n\n  return {\n    install(): void {\n      if (typeof console === 'undefined') return;\n\n      originalConsoleError = console.error;\n\n      console.error = (...args: unknown[]) => {\n        originalConsoleError!.apply(console, args);\n\n        const message = args.map(String).join(' ');\n        if (/hydrat/i.test(message)) {\n          core.captureException(\n            new Error(`Hydration mismatch: ${message.slice(0, 200)}`),\n            {\n              source: 'hydration_detector',\n              framework: 'react',\n              lifecycleStage: 'hydrating',\n            },\n          );\n        }\n      };\n    },\n\n    uninstall(): void {\n      if (originalConsoleError) {\n        console.error = originalConsoleError;\n        originalConsoleError = null;\n      }\n    },\n  };\n}\n"]}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@crashsense/react",
+  "version": "0.1.0",
+  "description": "CrashSense React adapter — ErrorBoundary, hydration detection, re-render tracking",
+  "author": "hoainho <nhoxtvt@gmail.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hoainho/crashsense.git",
+    "directory": "packages/react"
+  },
+  "homepage": "https://github.com/hoainho/crashsense/tree/main/packages/react",
+  "bugs": {
+    "url": "https://github.com/hoainho/crashsense/issues"
+  },
+  "keywords": [
+    "crashsense",
+    "react",
+    "error-boundary",
+    "crash-detection",
+    "hydration",
+    "render-tracking"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@crashsense/types": "*",
+    "@crashsense/core": "*"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "sideEffects": false
+}