Angular

Use Pulsabase in Angular with injectable services and RxJS observables.

Installation

npm install @pulsabase/sdk @pulsabase/angular

Setup

app.config.ts

import { providePulsabase } from '@pulsabase/angular';

export const appConfig = {
  providers: [
    providePulsabase({
      url: 'https://api.yourproject.pulsabase.io',
      clientKey: 'your-public-client-key',
      auth: { autoRefreshToken: true },
    }),
  ],
};

Usage in Components

import { Component, inject } from '@angular/core';
import { PulsabaseService } from '@pulsabase/angular';

@Component({ /* ... */ })
export class UsersComponent {
  private pb = inject(PulsabaseService);

  users$ = this.pb.from(User).find$();

  async addUser(name: string, email: string) {
    await this.pb.from(User).insert({ name, email });
  }
}

Auth Guard

import { PulsabaseAuthGuard } from '@pulsabase/angular';

export const routes = [
  {
    path: 'dashboard',
    component: DashboardComponent,
    canActivate: [PulsabaseAuthGuard],
  },
];