Class ScriptLoaderService

Service for loading external scripts and CSS with proper cleanup. Provides methods to dynamically load React and related libraries from CDN.

Implements

OnDestroy

Index

Constructors

Methods

loadCSS loadReactEcosystem loadScript loadScriptWithValidation ngOnDestroy removeResource

Constructors

constructor

new ScriptLoaderService(): ScriptLoaderService
Returns ScriptLoaderService

Methods

loadCSS

loadCSS(url: string): void
Load CSS from URL
Parameters
- url: string
  CSS URL to load
Returns void
- Defined in react/src/lib/services/script-loader.service.ts:102

loadReactEcosystem

loadReactEcosystem(
    config?: LibraryConfiguration,
    additionalLibraries?: ExternalLibraryConfig[],
    options?: { debug?: boolean },
): Promise<{ Babel: any; libraries: any; React: any; ReactDOM: any }>
Load common React libraries and UI frameworks
Parameters
- Optionalconfig: LibraryConfiguration
  Optional library configuration
- OptionaladditionalLibraries: ExternalLibraryConfig[]
  Optional additional libraries to merge
- Optionaloptions: { debug?: boolean }
  Optional options including debug flag
Returns Promise<{ Babel: any; libraries: any; React: any; ReactDOM: any }>
Promise resolving to React ecosystem objects
- Defined in react/src/lib/services/script-loader.service.ts:130

loadScript

loadScript(url: string, globalName: string, autoCleanup?: boolean): Promise<any>
Load a script from URL with automatic cleanup tracking
Parameters
- url: string
  Script URL to load
- globalName: string
  Expected global variable name
- autoCleanup: boolean = false
  Whether to cleanup on service destroy
Returns Promise<any>
Promise resolving to the global object
- Defined in react/src/lib/services/script-loader.service.ts:42

loadScriptWithValidation

loadScriptWithValidation(
    url: string,
    globalName: string,
    validator: (obj: any) => boolean,
    autoCleanup?: boolean,
): Promise<any>
Load a script with additional validation function
Parameters
- url: string
  Script URL to load
- globalName: string
  Expected global variable name
- validator: (obj: any) => boolean
  Function to validate the loaded object
- autoCleanup: boolean = false
  Whether to cleanup on service destroy
Returns Promise<any>
Promise resolving to the validated global object
- Defined in react/src/lib/services/script-loader.service.ts:69

ngOnDestroy

ngOnDestroy(): void
A callback method that performs custom clean-up, invoked immediately before a directive, pipe, or service instance is destroyed.

Returns void
Implementation of OnDestroy.ngOnDestroy
- Defined in react/src/lib/services/script-loader.service.ts:31

removeResource

removeResource(url: string): void
Remove a specific loaded resource
Parameters
- url: string
  URL of resource to remove
Returns void
- Defined in react/src/lib/services/script-loader.service.ts:181