@neroom/nevision
v0.1.15
Published
React SDK for NEROOM/NEVISION session recording
Maintainers
neroomReadme
@neroom/nevision
React SDK for Neroom session recording.
Installation
npm install @neroom/nevisionUsage
Add the NevisionRecorder component to your app's root layout:
import { NevisionRecorder } from '@neroom/nevision';
export default function RootLayout({ children }) {
return (
<html>
<body>
<NevisionRecorder
siteId="your-site-id"
apiKey="your-api-key"
/>
{children}
</body>
</html>
);
}Props
| Prop | Type | Required | Description |
|------|------|----------|-------------|
| siteId | string | Yes | Your Ne-Room site ID |
| apiKey | string | Yes | Your Ne-Room API key |
| apiUrl | string | No | Custom API URL (default: https://api.nevision.app) |
| sampling | object | No | Sampling options for performance |
| privacy | object | No | Privacy masking options |
| onStart | (sessionId: string) => void | No | Callback when recording starts |
| onError | (error: Error) => void | No | Callback on error |
Privacy Masking
By default, password and email inputs are masked. You can customize this:
<NevisionRecorder
siteId="your-site-id"
apiKey="your-api-key"
privacy={{
maskAllInputs: true,
maskTextSelector: '.sensitive-data',
blockSelector: '.do-not-record',
}}
/>CSS Classes
Add these classes to elements for privacy control:
.rr-mask- Masks text content (shows asterisks).rr-block- Blocks the entire element from recording.rr-ignore- Ignores changes to this element
License
MIT