@potipher/otel-react 1.0.0 → 1.0.1
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.
- package/README.md +8 -57
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -4,13 +4,13 @@ OpenTelemetry instrumentation for React components with business analytics and e
|
|
|
4
4
|
|
|
5
5
|
## Features
|
|
6
6
|
|
|
7
|
-
-
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
11
|
-
-
|
|
12
|
-
-
|
|
13
|
-
-
|
|
7
|
+
- Component Tracing - Track clicks, changes, focus/blur events automatically
|
|
8
|
+
- Business Analytics - Track custom events (purchases, signups, conversions)
|
|
9
|
+
- Error Tracking - Manual error capture with context and metadata
|
|
10
|
+
- Session Management - Automatic 30-minute session tracking
|
|
11
|
+
- Jaeger Integration - View traces in Jaeger UI
|
|
12
|
+
- Prometheus Metrics - Auto-convert traces to metrics
|
|
13
|
+
- Zero Config - Works out of the box with Next.js
|
|
14
14
|
|
|
15
15
|
## Installation
|
|
16
16
|
|
|
@@ -60,7 +60,7 @@ export default function RootLayout({ children }) {
|
|
|
60
60
|
}
|
|
61
61
|
```
|
|
62
62
|
|
|
63
|
-
### 3. Create API Proxy
|
|
63
|
+
### 3. Create API Proxy
|
|
64
64
|
|
|
65
65
|
Create `/app/api/traces/route.ts`:
|
|
66
66
|
|
|
@@ -185,55 +185,6 @@ function MyComponent() {
|
|
|
185
185
|
}
|
|
186
186
|
```
|
|
187
187
|
|
|
188
|
-
## Self-Hosting Stack
|
|
189
|
-
|
|
190
|
-
Run your own OTLP collector with Docker Compose:
|
|
191
|
-
|
|
192
|
-
```yaml
|
|
193
|
-
services:
|
|
194
|
-
otel-collector:
|
|
195
|
-
image: otel/opentelemetry-collector-contrib:latest
|
|
196
|
-
ports:
|
|
197
|
-
- "4318:4318"
|
|
198
|
-
volumes:
|
|
199
|
-
- ./otel-config.yaml:/etc/otel-config.yaml
|
|
200
|
-
command: ["--config=/etc/otel-config.yaml"]
|
|
201
|
-
|
|
202
|
-
jaeger:
|
|
203
|
-
image: jaegertracing/all-in-one:latest
|
|
204
|
-
ports:
|
|
205
|
-
- "16686:16686"
|
|
206
|
-
- "14268:14268"
|
|
207
|
-
|
|
208
|
-
prometheus:
|
|
209
|
-
image: prom/prometheus:latest
|
|
210
|
-
ports:
|
|
211
|
-
- "9090:9090"
|
|
212
|
-
|
|
213
|
-
grafana:
|
|
214
|
-
image: grafana/grafana:latest
|
|
215
|
-
ports:
|
|
216
|
-
- "3001:3000"
|
|
217
|
-
```
|
|
218
|
-
|
|
219
|
-
Then access:
|
|
220
|
-
- Jaeger UI: http://localhost:16686
|
|
221
|
-
- Prometheus: http://localhost:9090
|
|
222
|
-
- Grafana: http://localhost:3001
|
|
223
|
-
|
|
224
|
-
## Hosted Solution
|
|
225
|
-
|
|
226
|
-
Use Potipher's hosted infrastructure (no Docker needed):
|
|
227
|
-
|
|
228
|
-
```tsx
|
|
229
|
-
<TracingProvider config={{
|
|
230
|
-
serviceName: 'my-app',
|
|
231
|
-
apiEndpoint: 'https://collector.potipher.com/v1/traces'
|
|
232
|
-
}}>
|
|
233
|
-
```
|
|
234
|
-
|
|
235
|
-
Access your dashboards at [potipher.com](https://potipher.com)
|
|
236
|
-
|
|
237
188
|
## License
|
|
238
189
|
|
|
239
190
|
MIT
|