@stateloom/angular

Angular adapter for StateLoom -- bridges Subscribable<T> to Angular Signals and RxJS Observables with dependency injection and SSR scope support.

Install

pnpm add @stateloom/angular @stateloom/core

Quick Start

import { Component } from '@angular/core';
import { signal } from '@stateloom/core';
import { toAngularSignal } from '@stateloom/angular';

const count = signal(0);

@Component({
  selector: 'app-counter',
  template: `<span>{{ count() }}</span>`,
})
export class CounterComponent {
  readonly count = toAngularSignal(count);
}

API

| Export | Purpose | | ------------------------------------------------ | ------------------------------------------------- | | toAngularSignal(subscribable, options?) | Bridge Subscribable<T> to Angular Signal<T> | | toObservable(subscribable) | Bridge Subscribable<T> to RxJS Observable<T> | | fromObservable(observable$, initialValue) | Bridge RxJS Observable<T> to Subscribable<T> | | injectStore(store, selector?, options?) | Inject store as Angular Signal<T> with selector | | provideStateloomScope(scope) / injectScope() | SSR scope via Angular DI | | STATELOOM_SCOPE | Injection token for advanced usage |

Requirements

• Angular 17+
• RxJS 7+
• @stateloom/core (required peer dependency)
• @stateloom/store (optional peer dependency)

Documentation

Full documentation with examples, API reference, patterns, and migration guides: docs/api/angular

License

MIT