Angular SDK

# Using npm
npm install @suada/angular @suada/core

# Using yarn
yarn add @suada/angular @suada/core

// app.module.ts
import { NgModule } from '@angular/core';
import { SuadaModule } from '@suada/angular';

@NgModule({
  imports: [
    SuadaModule.forRoot({
      apiKey: 'your-api-key'
    })
  ]
})
export class AppModule { }

// app.component.ts
import { Component } from '@angular/core';
import { SuadaService } from '@suada/angular';

@Component({
  selector: 'app-root',
  template: `
    <div>
      <button (click)="sendMessage()">Ask Question</button>
      <p *ngIf="response">{{ response }}</p>
    </div>
  `
})
export class AppComponent {
  response?: string;

  constructor(private suada: SuadaService) {}

  async sendMessage() {
    try {
      const result = await this.suada.chat({
        message: "What insights can you provide?"
      });
      this.response = result.answer;
    } catch (error) {
      console.error('Error:', error);
    }
  }
}

// environment.ts
export const environment = {
  production: false,
  suada: {
    apiKey: 'your-api-key'
  }
};

// environment.prod.ts
export const environment = {
  production: true,
  suada: {
    apiKey: process.env['SUADA_API_KEY']
  }
};

import { environment } from './environments/environment';

@NgModule({
  imports: [
    SuadaModule.forRoot(environment.suada)
  ]
})
export class AppModule { }

<suada-chat
  [theme]="'light'"
  [placeholder]="'Ask a question...'"
  (messageSubmit)="onMessageSubmit($event)"
  (responseReceived)="onResponseReceived($event)">
</suada-chat>

<suada-integration-button
  [provider]="'notion'"
  [redirectUri]="'https://your-app.com/callback'"
  (success)="onSuccess($event)"
  (error)="onError($event)">
  Connect Notion
</suada-integration-button>

<suada-integration-list
  [filter]="{ provider: 'notion' }"
  [layout]="'grid'"
  (select)="onSelect($event)"
  (delete)="onDelete($event)">
</suada-integration-list>

import { SuadaService } from '@suada/angular';

export class MyComponent {
  constructor(private suada: SuadaService) {}

  async sendMessage() {
    try {
      const response = await this.suada.chat({
        message: "What's our performance?",
        privacyMode: true
      });
      console.log(response.answer);
    } catch (error) {
      console.error('Error:', error);
    }
  }
}

import { IntegrationService } from '@suada/angular';

export class MyComponent {
  constructor(private integrations: IntegrationService) {}

  async connectService() {
    try {
      const authUrl = await this.integrations.initializeOAuth('notion', {
        redirectUri: 'https://your-app.com/callback'
      });
      window.location.href = authUrl;
    } catch (error) {
      console.error('Error:', error);
    }
  }
}

import { SuadaError, SuadaAPIError } from '@suada/core';

try {
  await this.suada.chat({ message: "Hello" });
} catch (error) {
  if (error instanceof SuadaAPIError) {
    // Handle API-specific errors
    console.error('API Error:', error.message, error.status);
  } else if (error instanceof SuadaError) {
    // Handle general SDK errors
    console.error('SDK Error:', error.message);
  } else {
    // Handle unexpected errors
    console.error('Unexpected error:', error);
  }
}

import { environment } from './environments/environment';

@NgModule({
  imports: [
    SuadaModule.forRoot({
      apiKey: environment.suada.apiKey,
      baseUrl: environment.suada.baseUrl
    })
  ]
})

:root {
  --suada-primary-color: #007bff;
  --suada-background-color: #ffffff;
  --suada-text-color: #333333;
}

import { isPlatformBrowser } from '@angular/common';

constructor(
  @Inject(PLATFORM_ID) private platformId: Object
) {
  if (isPlatformBrowser(this.platformId)) {
    // Browser-only code
  }
}

@NgModule({
  imports: [
    SuadaModule.forRoot({
      apiKey: 'your-api-key',
      maxRetries: 3,
      retryDelay: 1000
    })
  ]
})

SuadaModule.forRoot({
  apiKey: 'your-api-key',
  debug: true
})