fix: bootstrap NG0210 when the runtime exposes a global PerformanceObserver (#178)

Angular's dev-mode ImagePerformanceWarning only bails out early when
PerformanceObserver is missing or both image warnings are disabled.
NativeScript runtimes that ship a Web Performance API now define that
global, so the service proceeds to getDocument() and throws NG0210,
failing every debug boot.

Default IMAGE_CONFIG to disabled for both warnings — NativeScript has no
<img> elements for them to scan. Apps can still override it, since their
own providers are applied after the NativeScript ones.

Author: NathanWalker

apps/nativescript-demo-ng/src/tests/image-config.spec.ts

@@ -0,0 +1,20 @@
+import { IMAGE_CONFIG } from '@angular/common';
+import { TestBed } from '@angular/core/testing';
+import { NativeScriptModule } from '@nativescript/angular';
+
+describe('IMAGE_CONFIG', () => {
+  beforeEach(() => {
+    return TestBed.configureTestingModule({
+      imports: [NativeScriptModule],
+    }).compileComponents();
+  });
+
+  // Both flags are required: with either one unset, Angular reaches for `document` during
+  // bootstrap on any runtime that exposes a global PerformanceObserver.
+  it('disables both dev-mode image warnings', () => {
+    const config = TestBed.inject(IMAGE_CONFIG);
+
+    expect(config.disableImageSizeWarning).toBe(true);
+    expect(config.disableImageLazyLoadWarning).toBe(true);
+  });
+});

packages/angular/src/lib/nativescript.ts

@@ -1,4 +1,4 @@
-import { ViewportScroller, XhrFactory, ɵNullViewportScroller as NullViewportScroller } from '@angular/common';
+import { IMAGE_CONFIG, ViewportScroller, XhrFactory, ɵNullViewportScroller as NullViewportScroller } from '@angular/common';
 import { ApplicationModule, ErrorHandler, Inject, NgModule, NO_ERRORS_SCHEMA, Optional, Provider, RendererFactory2, SkipSelf, StaticProvider, ɵINJECTOR_SCOPE as INJECTOR_SCOPE } from '@angular/core';
 import { Color, Device, View } from '@nativescript/core';
 import { AppHostView } from './app-host-view';
@@ -40,7 +40,13 @@ export const NATIVESCRIPT_MODULE_STATIC_PROVIDERS: StaticProvider[] = [
   { provide: DEVICE, useValue: Device },
   { provide: XhrFactory, useClass: NativescriptXhrFactory, deps: [] },
 ];
-export const NATIVESCRIPT_MODULE_PROVIDERS: Provider[] = [{ provide: ViewportScroller, useClass: NullViewportScroller }];
+export const NATIVESCRIPT_MODULE_PROVIDERS: Provider[] = [
+  { provide: ViewportScroller, useClass: NullViewportScroller },
+  // Angular's dev-mode image warnings scan the DOM for <img> elements, which
+  // NativeScript has none of. Angular only skips them when both flags are set,
+  // and reaches for `document` as soon as a global PerformanceObserver exists.
+  { provide: IMAGE_CONFIG, useValue: { disableImageSizeWarning: true, disableImageLazyLoadWarning: true } },
+];
 
 @NgModule({
   imports: [ApplicationModule, DetachedLoader, NativeScriptCommonModule],