Web Eye SDK

A comprehensive web monitoring SDK for behavior tracking, error monitoring, and performance analysis in frontend applications.

Features

- Behavior Tracking: Page changes, click events, user interactions
- Error Monitoring: JavaScript errors, Vue errors, React error boundaries
- Performance Monitoring: LCP (Largest Contentful Paint), fetch performance
- Real-time Reporting: Batch reporting with lazy loading

Installation

``bash

npm

npm install web-eye-sdk

yarn

yarn add web-eye-sdk

pnpm

pnpm add web-eye-sdk
`

Quick Start

$3

`html


`

$3

`javascript
import monitor from 'web-eye-sdk';

monitor.init({
url: 'http://your-server/reportData'
});
`

$3

`javascript
import Vue from 'vue';
import monitor from 'web-eye-sdk';

Vue.use(monitor, {
url: 'http://your-server/reportData'
});
`

$3

`jsx
import { errorBoundary } from 'web-eye-sdk';

class ErrorBoundary extends React.Component {
componentDidCatch(err, info) {
errorBoundary(err, info);
}

render() {
return this.props.children;
}
}
`

Configuration

`javascript
monitor.init({
url: 'http://your-server/reportData', // Required: Data reporting endpoint
appId: 'your-app-id', // Optional: Application identifier
userId: 'user-123', // Optional: User identifier
// More configuration options...
});
`

Development

`bash

Install dependencies

npm install

Build the project

npm run build

Run tests

npm test
``

License

MIT