@interfere/react 0.1.0-alpha.25 → 0.1.0-alpha.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +90 -0
  2. package/package.json +25 -25
package/README.md ADDED
@@ -0,0 +1,90 @@
1
+ <p align="center">
2
+ <a href="https://interfere.com">
3
+ <picture>
4
+ <source media="(prefers-color-scheme: dark)" srcset="https://qyzkf4cgb8ydxtq1.public.blob.vercel-storage.com/v2/header/logo-dark.png">
5
+ <img src="https://qyzkf4cgb8ydxtq1.public.blob.vercel-storage.com/v2/header/logo-light.png" height="64">
6
+ </picture>
7
+ </a>
8
+ <h1 align="center">@interfere/react</h1>
9
+ </p>
10
+
11
+ <p align="center">
12
+ <a href="https://www.npmjs.com/package/@interfere/react"><img src="https://img.shields.io/npm/v/@interfere/react.svg" /></a>
13
+ <a href="https://github.com/interfere-inc/interfere/blob/main/LICENSE"><img src="https://img.shields.io/npm/l/@interfere/react.svg" /></a>
14
+ <a href="https://www.npmjs.com/package/@interfere/react"><img src="https://img.shields.io/npm/dm/@interfere/react.svg" /></a>
15
+ </p>
16
+
17
+ <p align="center">
18
+ Client-side React SDK for <a href="https://interfere.com">Interfere</a> — error tracking, session replay, and analytics.
19
+ </p>
20
+
21
+ <p align="center">
22
+ <a href="https://interfere.com/docs">Documentation</a>
23
+ ·
24
+ <a href="https://github.com/interfere-inc/interfere/issues/new">Report a Bug</a>
25
+ ·
26
+ <a href="mailto:support@interfere.com">Get Help</a>
27
+ </p>
28
+
29
+ ---
30
+
31
+ > **Using Next.js?** You probably want [`@interfere/next`](https://www.npmjs.com/package/@interfere/next) instead — This is currently a work-in-progress that will add support for Vite and other React frameworks.
32
+
33
+ ## Installation
34
+
35
+ ```bash
36
+ npm install @interfere/react
37
+ ```
38
+
39
+ ### Prerequisites
40
+
41
+ - React `>=19`
42
+
43
+ ## Quick Start
44
+
45
+ ```tsx
46
+ import { InterfereProvider } from "@interfere/react/provider";
47
+
48
+ function App() {
49
+ return (
50
+ <InterfereProvider>
51
+ <YourApp />
52
+ </InterfereProvider>
53
+ );
54
+ }
55
+ ```
56
+
57
+ ## Features
58
+
59
+ - **Error tracking** — automatic capture of uncaught errors and unhandled rejections
60
+ - **Session replay** — full visual playback of user sessions
61
+ - **Page analytics** — SPA-aware pageviews and UI interaction events
62
+ - **Rage click detection** — surface frustrated user behavior
63
+ - **User identity** — attach user context to sessions
64
+ - **Offline resilient** — events are persisted and delivered in the background
65
+
66
+ ## Hooks
67
+
68
+ ```tsx
69
+ import { useInterfere } from "@interfere/react/provider";
70
+
71
+ function MyComponent() {
72
+ const { identity, session } = useInterfere();
73
+
74
+ identity.set({
75
+ identifier: "usr_123",
76
+ email: "jane@example.com",
77
+ name: "Jane",
78
+ });
79
+
80
+ const sessionId = session.getId();
81
+ }
82
+ ```
83
+
84
+ ## Documentation
85
+
86
+ Visit [interfere.com/docs](https://interfere.com/docs) for the full documentation.
87
+
88
+ ## License
89
+
90
+ MIT
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@interfere/react",
3
- "version": "0.1.0-alpha.25",
3
+ "version": "0.1.0-alpha.26",
4
4
  "license": "MIT",
5
5
  "description": "Client-side React SDK for Interfere. Error tracking, session replay, and analytics.",
6
6
  "keywords": [
@@ -49,35 +49,35 @@
49
49
  "test": "bun run test:unit && bun run test:browser"
50
50
  },
51
51
  "dependencies": {
52
- "@fingerprintjs/fingerprintjs-pro": "catalog:",
53
- "@interfere/constants": "workspace:*",
54
- "@interfere/types": "workspace:*",
55
- "@ua-parser-js/pro-enterprise": "catalog:",
56
- "nanoid": "catalog:",
57
- "rrweb": "catalog:",
58
- "tctx": "catalog:",
59
- "uuid": "catalog:"
52
+ "@fingerprintjs/fingerprintjs-pro": "^3.12.8",
53
+ "@interfere/constants": "0.1.0-alpha.2",
54
+ "@interfere/types": "0.1.0-alpha.3",
55
+ "@ua-parser-js/pro-enterprise": "^2.0.6",
56
+ "nanoid": "^5.1.6",
57
+ "rrweb": "2.0.0-alpha.4",
58
+ "tctx": "^0.2.5",
59
+ "uuid": "^13.0.0"
60
60
  },
61
61
  "peerDependencies": {
62
62
  "react": ">=19",
63
63
  "react-dom": ">=19"
64
64
  },
65
65
  "devDependencies": {
66
- "@interfere/typescript-config": "workspace:*",
67
- "@interfere/vitest-config": "workspace:*",
68
- "@rrweb/types": "catalog:",
69
- "@testing-library/react": "catalog:",
70
- "@types/node": "catalog:",
71
- "@types/react": "catalog:",
72
- "@types/react-dom": "catalog:",
73
- "@vitejs/plugin-react": "catalog:",
74
- "@vitest/browser": "catalog:",
75
- "@vitest/browser-playwright": "catalog:",
76
- "@vitest/coverage-v8": "catalog:",
77
- "jsdom": "catalog:",
78
- "playwright": "catalog:",
79
- "tsdown": "catalog:",
80
- "typescript": "catalog:",
81
- "vitest": "catalog:"
66
+ "@interfere/typescript-config": "1.1.0-alpha.3",
67
+ "@interfere/vitest-config": "1.1.0-alpha.3",
68
+ "@rrweb/types": "2.0.0-alpha.20",
69
+ "@testing-library/react": "^16.3.2",
70
+ "@types/node": "^24.10.13",
71
+ "@types/react": "19.2.14",
72
+ "@types/react-dom": "19.2.3",
73
+ "@vitejs/plugin-react": "^5.1.4",
74
+ "@vitest/browser": "4.0.18",
75
+ "@vitest/browser-playwright": "4.0.18",
76
+ "@vitest/coverage-v8": "^4.0.18",
77
+ "jsdom": "^28.0.0",
78
+ "playwright": "^1.56.1",
79
+ "tsdown": "0.21.2",
80
+ "typescript": "5.9.3",
81
+ "vitest": "^4.0.18"
82
82
  }
83
83
  }