Next.js integration for Blindspot — observability without surveillance. Supports both the App Router and the Pages Router.
npm install @tindalabs/blindspot-next @tindalabs/blindspotRequires Next.js ≥13 and React ≥18.
BlindspotProvider is a client component; mount it in your root layout with the matching route tracker:
// app/layout.tsx
import { BlindspotProvider, BlindspotAppRouter } from '@tindalabs/blindspot-next'
export default function RootLayout({ children }) {
return (
<html><body>
<BlindspotProvider config={{ endpoint: '…/v1/traces', serviceName: 'app' }}>
<BlindspotAppRouter />
{children}
</BlindspotProvider>
</body></html>
)
}// pages/_app.tsx
import { BlindspotProvider, BlindspotPagesRouter } from '@tindalabs/blindspot-next'
export default function App({ Component, pageProps }) {
return (
<BlindspotProvider config={{ endpoint: '…/v1/traces', serviceName: 'app' }}>
<BlindspotPagesRouter />
<Component {...pageProps} />
</BlindspotProvider>
)
}The router components emit a root span on each navigation; BlindspotProvider takes the same config as init().
API reference · Architecture & privacy model
| Package | What it does |
|---|---|
| @tindalabs/blindspot | Privacy-first OTel frontend observability |
| @tindalabs/shield | Tamper detection & content protection |
| @tindalabs/scent | Probabilistic identity continuity |
MIT