Babili Angular

Typescript implementation to use Babili in an Angular app. This implementation works with RxJS 7+ and Angular 7+.

Usage

Install (with npm)

npm install --save @babili.io/angular

Enable Babili

In your Angular root module:

import BabiliModule.forRoot();
when starting your application, call BabiliConfiguration(apiUrl: string, socketUrl: string, aliveIntervalInMs?: number), BabiliConfiguration is injectable

import { Babili } from "@babili.io/angular";

@NgModule({
  declarations: [ 
    // ...
  ],
  imports: [
    // ...
    BabiliModule.forRoot()
    // ...
  ],
  entryComponents: [
    // ...
  ],
  providers: [
    // ...
  ]
})
export class AppModule {}

import { BabiliBootstraper } from "@babili.io/angular";


@Component({})
export class App {

  constructor(babili: BabiliBootstraper) {
    babili.init("https://api.your-babili-service.io:443", "https://pusher.your-babili-service.io:443", 5000);
  }
}

Then, you can inject babili services in every module that imports BabiliModule

@NgModule({
  imports: [
    // ...
    Babili.BabiliModule
  ]
 })
export class SubModule {
}

Examples

Inject MeService: ```typescript import { Injectable } from "@angular/core"; import { Babili } from "@babili.io/angular";

@Injectable() export class AnyService { constructor(private babiliMeService: MeService) {}

// ... }


* Setup Babili and connect a user
```typescript

import { Observable } from "rxjs";

// ...
connect(babiliToken: string): Observable<Babili.Me> {
  this.babiliMeService.setup(babiliToken);
  return this.babiliMeService.me();
}

Disconnect

disconnect() {
this.babiliMeService.clear();
}

Development

Build

Build: npm run build

Package detail

@babili.io/angular

readme