Refactors dependency injection and configuration management

Replaces global singleton configuration with dependency injection
Introduces more modular and testable approach to configuration
Removes direct references to calendarConfig in multiple components
Adds explicit configuration passing to constructors

Improves code maintainability and reduces global state dependencies
This commit is contained in:
Janus C. H. Knudsen 2025-10-30 23:47:30 +01:00
parent fb48e410ea
commit 8bbb2f05d3
30 changed files with 365 additions and 559 deletions

View file

@ -24,15 +24,25 @@ import { HeaderManager } from './managers/HeaderManager';
import { DateHeaderRenderer, type HeaderRenderer } from './renderers/HeaderRenderer';
import { DateColumnRenderer, type ColumnRenderer } from './renderers/ColumnRenderer';
import { DateEventRenderer, type EventRendererStrategy } from './renderers/EventRenderer';
import { AllDayEventRenderer } from './renderers/AllDayEventRenderer';
import { GridRenderer } from './renderers/GridRenderer';
import { NavigationRenderer } from './renderers/NavigationRenderer';
// Import utilities and services
import { DateService } from './utils/DateService';
import { TimeFormatter } from './utils/TimeFormatter';
import { PositionUtils } from './utils/PositionUtils';
import { AllDayLayoutEngine } from './utils/AllDayLayoutEngine';
import { WorkHoursManager } from './managers/WorkHoursManager';
import { GridStyleManager } from './renderers/GridStyleManager';
import { EventStackManager } from './managers/EventStackManager';
import { EventLayoutCoordinator } from './managers/EventLayoutCoordinator';
/**
* Handle deep linking functionality after managers are initialized
*/
async function handleDeepLinking(eventManager: EventManager): Promise<void> {
async function handleDeepLinking(eventManager: EventManager, urlManager: URLManager): Promise<void> {
try {
const urlManager = new URLManager(eventBus);
const eventId = urlManager.parseEventIdFromURL();
if (eventId) {
@ -80,8 +90,19 @@ async function initializeCalendar(): Promise<void> {
builder.registerType(DateColumnRenderer).as<ColumnRenderer>().keyed('resource');
builder.registerType(DateEventRenderer).as<EventRendererStrategy>().keyed('resource');
// Register core services and utilities
builder.registerType(DateService).as<DateService>().singleInstance();
builder.registerType(EventStackManager).as<EventStackManager>().singleInstance();
builder.registerType(EventLayoutCoordinator).as<EventLayoutCoordinator>().singleInstance();
builder.registerType(GridStyleManager).as<GridStyleManager>().singleInstance();
builder.registerType(WorkHoursManager).as<WorkHoursManager>().singleInstance();
builder.registerType(URLManager).as<URLManager>().singleInstance();
builder.registerType(TimeFormatter).as<TimeFormatter>().singleInstance();
builder.registerType(PositionUtils).as<PositionUtils>().singleInstance();
// Note: AllDayLayoutEngine is instantiated per-operation with specific dates, not a singleton
builder.registerType(NavigationRenderer).as<NavigationRenderer>().singleInstance();
builder.registerType(AllDayEventRenderer).as<AllDayEventRenderer>().singleInstance();
builder.registerType(EventRenderingService).as<EventRenderingService>().singleInstance();
builder.registerType(GridRenderer).as<GridRenderer>().singleInstance();
builder.registerType(GridManager).as<GridManager>().singleInstance();
@ -113,13 +134,14 @@ async function initializeCalendar(): Promise<void> {
const edgeScrollManager = app.resolveType<EdgeScrollManager>();
const dragHoverManager = app.resolveType<DragHoverManager>();
const allDayManager = app.resolveType<AllDayManager>();
const urlManager = app.resolveType<URLManager>();
// Initialize managers
await calendarManager.initialize?.();
await resizeHandleManager.initialize?.();
// Handle deep linking after managers are initialized
await handleDeepLinking(eventManager);
await handleDeepLinking(eventManager, urlManager);
// Expose to window for debugging (with proper typing)
(window as Window & {