Interactive demos

Preview page for the interactive components. Each one runs the real @ylcnfrht/ioc source in the page.

Lifetimes and scopes

+ New scopevalidateScopesResetClock singletonUnitOfWork scopedRequest transient

root provider

ClockUnitOfWorkRequest

Dispose root

Event log

buildServiceProvider({ validateScopes: true })

Hover an instance to see everywhere it is shared. Each row is one resolution: the service and the instances injected into it.

Dependency graph

Registrations one per line: Name lifetime: Dep, DepConfig singleton Logger singleton Db singleton: Config, Logger UserRepository scoped: Db UserService scoped: UserRepository, Logger UserController transient: UserService

appcyclecaptive

6registrations

0cycles

0captive

0missing

SI singletonSC scopedTR transient cycle captive dependencyClick a service to resolve it for real.

No cycles, nothing missing, no captive dependencies.

Landing-page demo

node app.tsRun again

$ node app.ts

For free-form code, open the playground.