@nextauralabs/vettly-react

React components for content moderation. Real-time feedback as users type.

Installation

npm install @nextauralabs/vettly-react

Quick Start

import { ModeratedTextarea } from '@nextauralabs/vettly-react'
import '@nextauralabs/vettly-react/styles.css'

function CommentForm() {
  return (
    <ModeratedTextarea
      apiKey={process.env.NEXT_PUBLIC_VETTLY_API_KEY}
      policy="community-safe"
      placeholder="Write a comment..."
      onModerationResult={(result) => {
        if (result.action === 'block') {
          // Content blocked
        }
      }}
    />
  )
}

Components

ModeratedTextarea

<ModeratedTextarea
  apiKey="sk_live_..."
  policy="community-safe"
  placeholder="Type something..."
  debounceMs={500}
  onModerationResult={(result) => console.log(result)}
/>

ModeratedImageUpload

<ModeratedImageUpload
  apiKey="sk_live_..."
  policy="strict"
  onUpload={(file, result) => {
    if (result.action !== 'block') {
      uploadToServer(file)
    }
  }}
/>

useModeration Hook

import { useModeration } from '@nextauralabs/vettly-react'

function CustomInput() {
  const { check, result, isLoading } = useModeration({
    apiKey: 'sk_live_...',
    policy: 'community-safe'
  })

  return (
    <input onChange={(e) => check(e.target.value)} />
  )
}

Pricing

| Plan | Price | Text | Images | Videos | |------|-------|------|--------|--------| | Developer | Free | 10,000/mo | 250/mo | 100/mo | | Starter | $29/mo | Unlimited | 5,000/mo | 2,000/mo | | Pro | $79/mo | Unlimited | 20,000/mo | 10,000/mo | | Enterprise | $499/mo | Unlimited | 200,000/mo | 100,000/mo |

Links

• vettly.dev - Sign up
• docs.vettly.dev - Documentation