@feedkit/feedback-angular

Angular 16+ bindings for @feedkit/feedback-core: provideFeedback(), FeedbackModule.forRoot() and FeedbackService. The widget renders in a Shadow DOM and captures technical context (console, network, rrweb replay, screenshot, environment) with zero backend when paired with @feedkit/feedback-supabase.

Install

npm i @feedkit/feedback-core @feedkit/feedback-angular @feedkit/feedback-supabase

Standalone (Angular 16+)

import { bootstrapApplication } from '@angular/platform-browser';
import { provideFeedback } from '@feedkit/feedback-angular';
import { supabaseTransport } from '@feedkit/feedback-supabase';

bootstrapApplication(AppComponent, {
  providers: [
    provideFeedback({
      transport: supabaseTransport({ url, anonKey, table: 'feedback', bucket: 'feedback-assets' }),
      ui: { position: 'right', theme: 'auto', locale: 'pt-BR' },
    }),
  ],
});

NgModule

@NgModule({
  imports: [BrowserModule, FeedbackModule.forRoot({ transport: supabaseTransport({ ... }) })],
  bootstrap: [AppComponent],
})
export class AppModule {}

Service API

constructor(private feedback: FeedbackService) {}

this.feedback.open('bug');
this.feedback.identify({ id, name, email });  // after login
this.feedback.reset();                          // on logout
this.feedback.setConsent(false);                // opt-out

Compiled with ng-packagr (partial-Ivy) — consumable by Angular 16 and newer.

MIT © Eduardo Santana