Angular Utility Library
ngx-core
Feature-oriented Angular building blocks for bootstrapping, state, connectivity, and reusable app infrastructure.
SSR-safe defaults, standalone-first bootstrapping, and one package for core services, UI helpers, and app-level configuration.
landing.ts
Project Overview
Package
ngx-core
Common Angular building blocks for shared app behavior, with browser-only APIs guarded so SSR stays intact.
License
MIT
Published as a public package and designed for reuse across multiple apps.
Installation
Install the package
$ npm i --save ngx-coreUsage
Bootstrap with provideNgxCore()
import { provideNgxCore } from 'ngx-core';
export const appConfig = {
providers: [provideNgxCore()],
};Configuration
Centralize app-level defaults
Configure library-wide behavior once instead of scattering base URLs, storage prefixes, or route metadata policy across components.
import { provideNgxCore } from 'ngx-core';
export const appConfig = {
providers: [
provideNgxCore({
http: { url: 'https://api.example.com' },
store: { prefix: 'waStore' },
meta: {
useTitleSuffix: false,
applyFromRoutes: true,
defaults: { links: {} },
},
network: {},
}),
],
};Features
What ngx-core includes
Bootstrap and configuration
Standalone-first setup centered on provideNgxCore() and focused app-wide defaults.
provideNgxCore() | store / meta config | SSR-safe app-wide defaults
Application services
Reusable services for common app behavior instead of duplicating infrastructure code.
CoreService, StoreService, MetaService | EmitterService, MetaService, DomService | UtilService
DOM feature
Programmatic component mounting helpers for overlays, portals, and dynamic UI composition.
DomService | appendById(), appendComponent(), getComponentRef(), removeComponent() | DomComponent interface
UI helpers
Small reusable primitives that can be imported directly where they are needed.
clickOutside directive | arr, search, safe, pagination, split, splice pipes | number pipe
Reference
Documented feature pages
The detailed pages below cover the main service-backed features and their public API surface.
CoreService
Low-level SSR-safe helpers for ids, copy, viewport, device, locks, and signals.
DomService
Dynamically creates Angular components and attaches them to the DOM in an SSR-safe way.
EmitterService
Hot event channels and task-completion coordination built on signals and RxJS.
StoreService
Async-first persistence wrapper for localStorage or a custom storage provider.
MetaService
Centralized page meta handling for route-driven and manual SEO updates.