Master Web APIs in
Angular.
Signal-based utilities to seamlessly integrate Browser APIs, Security, Storage, and Web Workers. Zero boilerplate.
pnpm add angular-helpersimport { Component, inject } from '@angular/core';
import { GeolocationService } from '@angular-helpers/browser-web-apis';
@Component({
template: `
@if (geo.loading()) {
<p>Locating...</p>
} @else if (geo.coords()) {
<p>You are at: {{ geo.coords().lat }}, {{ geo.coords().lon }}</p>
}
`
})
export class MapComponent {
// Pure magic: Inject and you get reactive state.
geo = inject(GeolocationService);
constructor() {
this.geo.requestPermissionAndWatch();
}
}Everything you need. Nothing you don't.
Signal-based
Reactive APIs built on Angular signals and OnPush. No zone.js, no surprises.
Strongly Typed
Strict TypeScript throughout. Every service, every callback, every return value.
Off-main-thread
Regex and HTTP run in isolated Web Workers. ReDoS protection and non-blocking requests.
Tree-shakable
Opt-in provider model. Include only what you use. Production bundles stay lean.
Permission-aware
Permission checks and secure-context validation built into every browser service.
Lifecycle-safe
DestroyRef on every service. Workers, streams, and timers always clean up.
Modular Architecture
Five tools.
Zero bloat.
browser-web-apis
@angular-helpers/browser-web-apis 41 typed Angular services covering Camera, Geolocation, Storage, WebSocket, WebLocks, StorageManager, Compression, EyeDropper, IdleDetector, and 31 more. Plus 23 signal-based inject() primitives.
security
@angular-helpers/security ReDoS-safe regex execution in Web Workers, WebCrypto utilities (AES-GCM, HMAC), encrypted storage, input sanitization, and password strength evaluation.
worker-http
@angular-helpers/worker-http Move HTTP requests off the main thread. Typed RPC bridge, worker-side interceptor pipelines (retry, cache, HMAC signing, rate limit), and pluggable serialization.
storage
@angular-helpers/storage Dynamic multi-transport storage (WebStorage, IndexedDB, CacheAPI) with dynamic AES-GCM client-side encryption and dynamic binary compression. Surgically reactive Freeze-on-Write Entity management.
openlayers
@angular-helpers/openlayers Standalone components and signal-based services for OpenLayers. Modular secondary entry points (core, layers, controls, interactions) so you only pay for what you use. Zoneless-safe by design.
Ready to scale?
Join hundreds of developers building robust, high-performance Angular applications with our specialized helper suite.