Angular

npm install @shieldlabs-ai/angular @shieldlabs-ai/js

// src/app/app.config.ts
import { provideHttpClient } from '@angular/common/http';
import { ApplicationConfig, provideBrowserGlobalErrorListeners } from '@angular/core';
import { provideRouter } from '@angular/router';
import { provideShieldLabs } from '@shieldlabs-ai/angular';

import { routes } from './app.routes';

export const appConfig: ApplicationConfig = {
  providers: [
    provideBrowserGlobalErrorListeners(),
    provideRouter(routes),
    provideHttpClient(), // skip it if your app already provides HttpClient
    provideShieldLabs({ publicKey: '0123456789abcdef0123456789abcdef' }),
  ],
};

// src/app/signup-form.ts
import { HttpClient } from '@angular/common/http';
import { Component, inject } from '@angular/core';
import { injectIdentify } from '@shieldlabs-ai/angular';
import { firstValueFrom } from 'rxjs';

@Component({
  selector: 'app-signup-form',
  template: `
    <form (submit)="submit($event)">
      <input name="email" type="email" required />
      <button [disabled]="identification.isLoading()">Sign up</button>
    </form>
  `,
})
export class SignupForm {
  private readonly http = inject(HttpClient);
  protected readonly identification = injectIdentify();

  protected async submit(event: SubmitEvent): Promise<void> {
    event.preventDefault();
    const email = new FormData(event.target as HTMLFormElement).get('email');
    // null when there is no identification: send the signup anyway, your server treats it as unverified.
    const result = await this.identification.identify();
    await firstValueFrom(this.http.post('/api/signup', { email, requestId: result?.requestId ?? null }));
  }
}

// src/app/app.ts
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';

import { SignupForm } from './signup-form';

@Component({
  selector: 'app-root',
  imports: [RouterOutlet, SignupForm],
  template: `
    <app-signup-form />
    <router-outlet />
  `,
})
export class App {}

import { ShieldLabs } from '@shieldlabs-ai/node';

const shieldlabs = new ShieldLabs({ apiKey: process.env.SHIELDLABS_API_KEY! });

// Call it with the requestId from the body of POST /api/signup.
export async function readVerdict(requestId: string | null) {
  if (!requestId) return null; // no identification: unverified, never clean
  // Polls the History API (with backoff) until the row of this identification is there.
  return shieldlabs.identifications.get(requestId);
}