Angular Dynamic Plugin System

A production-ready, type-safe plugin system for Angular 16+ applications that enables runtime loading, isolated execution, and lifecycle management of plugins.

Quick Start

npm install @angular-dynamic/plugin-system

1. Configure

import { providePluginSystem } from '@angular-dynamic/plugin-system';

export const appConfig: ApplicationConfig = {
  providers: [providePluginSystem()]
};

2. Register Plugin

pluginManager.register({
  name: 'invoice',
  loadFn: () => import('./plugins/invoice-plugin')
});

3. Render

<plugin-outlet [plugin]="'invoice'"></plugin-outlet>

Features

• Runtime plugin loading via dynamic imports
• Isolated injector per plugin
• Type-safe lifecycle hooks
• Defensive error handling
• Observable state management
• Concurrent loading with limits
• Timeout support
• Standalone component support

Documentation

• Full Documentation
• API Reference
• Architecture Guide
• Contributing

Requirements

• Angular >= 16.0.0
• TypeScript >= 5.0.0
• RxJS >= 7.5.0

License

MIT