ng-app
Angular shell for micro frontends: many apps in one, with login, permissions and layout ready.
What it's for
Installation
ng add @open-rlb/ng-appExample
// app.config.ts
export const appConfig: ApplicationConfig = {
providers: [
provideZonelessChangeDetection(),
provideRlbConfig(environment),
provideRouter(routes),
{ provide: RLB_INIT_PROVIDER, useClass: AppInitProvider },
// provideApp(myAppDescriber), una riga per ogni app
],
};
export const chatDescriber: AppDescriber = {
info: {
type: 'chat',
enabled: true,
actions: ['chat-read', 'chat-admin'],
core: { title: 'Chat', description: '…', url: 'chat', icon: 'bi bi-chat', auth: true },
settings: { title: 'Chat settings', description: '…', url: 'settings/chat', icon: 'bi bi-gear', auth: true },
},
routes,
providers: [],
};What it does
One core, many apps
OIDC sign-in
Permissions down to a single button
The shell is ready
The pages you always need
Start with ng add
Requirements
- Angular 22
- NgRx 22
- @open-rlb/ng-bootstrap 5.1 or a later 5.x
- angular-auth-oidc-client 19 to 21
- @ngx-translate/core 16 or 17
- ngx-cookie-service 22
