@tindalabs/blindspot-next
v0.1.3
Published
Blindspot — Next.js integration supporting both App Router and Pages Router for server-rendered and hybrid applications.
Downloads
607
Maintainers
isonimusReadme
@tindalabs/blindspot-next
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.
App Router
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 Router
// 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().
Docs
API reference · Architecture & privacy model
The Tindalabs stack
| Package | What it does | |---|---| | @tindalabs/blindspot | Privacy-first OTel frontend observability | | @tindalabs/shield | Tamper detection & content protection | | @tindalabs/scent | Probabilistic identity continuity |
License
MIT