feat(api): expose WindowRef and ReflectRef services as public api

This will allow users to configure/customise the access to global Window object and from where
Reflect API is loaded

projects/ng-dynamic-component/src/lib/dynamic-directives/dynamic-directives.directive.ts

@@ -22,8 +22,8 @@ import {
   DynamicComponentInjectorToken,
 } from '../component-injector';
 import { InputsType, IoFactoryService, IoService, OutputsType } from '../io';
-import { extractNgParamTypes, getCtorParamTypes, isOnDestroy } from '../util';
-import { WindowRefService } from '../window-ref';
+import { extractNgParamTypes, isOnDestroy } from '../util';
+import { ReflectRefService } from '../window-ref/reflect-ref.service';
 
 export interface DynamicDirectiveDef<T> {
   type: Type<T>;
@@ -99,10 +99,6 @@ export class DynamicDirectivesDirective implements OnDestroy, DoCheck {
     return this.componentRef.injector;
   }
 
-  private get reflect() {
-    return (this.windowRef.nativeWindow as any).Reflect;
-  }
-
   private dirRef = new Map<Type<unknown>, DirectiveRef<unknown>>();
   private dirIo = new Map<Type<unknown>, IoService>();
   private dirsDiffer = this.iterableDiffers
@@ -113,7 +109,7 @@ export class DynamicDirectivesDirective implements OnDestroy, DoCheck {
     private injector: Injector,
     private iterableDiffers: IterableDiffers,
     private ioFactoryService: IoFactoryService,
-    private windowRef: WindowRefService,
+    private reflectRefService: ReflectRefService,
     @Inject(DynamicComponentInjectorToken)
     @Optional()
     private componentInjector?: DynamicComponentInjector,
@@ -270,8 +266,8 @@ export class DynamicDirectivesDirective implements OnDestroy, DoCheck {
     return (
       // First try Angular Compiler's metadata
       extractNgParamTypes(dirType) ??
-      // Then fallback to Typescript Reflect API
-      getCtorParamTypes(dirType, this.reflect) ??
+      // Then fallback to Reflect API
+      this.reflectRefService.getCtorParamTypes(dirType) ??
       // Bailout
       []
     );

projects/ng-dynamic-component/src/lib/util.ts

@@ -2,13 +2,6 @@ import { OnChanges, OnDestroy, Type } from '@angular/core';
 
 export function noop(): void {}
 
-export function getCtorParamTypes(
-  ctor: unknown,
-  reflect: { getMetadata: (type: string, obj: unknown) => unknown[] },
-): unknown[] {
-  return reflect.getMetadata('design:paramtypes', ctor);
-}
-
 /**
  * Extract type arguments from Angular Directive/Component
  */

projects/ng-dynamic-component/src/lib/window-ref/index.ts

@@ -1 +1,3 @@
 export * from './window-ref.service';
+export * from './window-ref-browser';
+export * from './reflect-ref.service';

projects/ng-dynamic-component/src/lib/window-ref/reflect-ref.service.ts

@@ -0,0 +1,39 @@
+import { Injectable, Type } from '@angular/core';
+
+import { WindowRefService } from './window-ref.service';
+
+/**
+ * Reflect API subsystem required for lib to work
+ */
+export interface ReflectRef {
+  getMetadata: (type: string, obj: unknown) => unknown[];
+}
+
+/**
+ * Retrieves Reflect API from global Window object
+ * of {@link WindowRefService} as a `Reflect` property
+ */
+export function windowReflectFactory(windowRef: WindowRefService) {
+  return (windowRef.nativeWindow as any).Reflect;
+}
+
+/**
+ * Holds {@link ReflectRef} that is used by {@link ReflectRefService}
+ */
+@Injectable({
+  providedIn: 'root',
+  useFactory: windowReflectFactory,
+  deps: [WindowRefService],
+})
+export class ReflectRefToken extends ((class {} as any) as Type<ReflectRef>) {}
+
+@Injectable({ providedIn: 'root' })
+export class ReflectRefService {
+  readonly reflect: ReflectRef = this.reflectRefToken;
+
+  constructor(private reflectRefToken: ReflectRefToken) {}
+
+  getCtorParamTypes(ctor: Type<unknown>): unknown[] {
+    return this.reflect.getMetadata('design:paramtypes', ctor);
+  }
+}

projects/ng-dynamic-component/src/public-api.ts

@@ -10,3 +10,4 @@ export * from './lib/dynamic.component';
 export * from './lib/dynamic-io';
 export * from './lib/dynamic-attributes';
 export * from './lib/dynamic-directives';
+export * from './lib/window-ref';