chore: feedback

Author: NathanWalker

apps/nativescript-demo-ng/src/app/item/items.component.ts

@@ -15,7 +15,7 @@ import { ModalDialogService, NativeDialogService, NativeScriptCommonModule } fro
   schemas: [NO_ERRORS_SCHEMA]
 })
 export class ItemsComponent implements OnInit, OnDestroy {
-  message = 'Hello Angular 19!';
+  message = 'Hello Angular 20.0.0-rc.1!';
   items: Array<Item>;
 
   constructor(

apps/nativescript-demo-ng/src/app/item3/items.component.ts

@@ -15,7 +15,7 @@ import { ModalDialogService, NativeDialogService, NativeScriptCommonModule, Nati
   schemas: [NO_ERRORS_SCHEMA]
 })
 export class ItemsComponent implements OnInit, OnDestroy {
-  message = 'Hello Angular 19';
+  message = 'Hello Angular 20.0.0-rc.1';
   items: Array<Item>;
   borderRadius: number;
   fontSize: number;

apps/nativescript-demo-ng/src/app/modal/modal.component.html

@@ -1,6 +1,6 @@
 <GridLayout [backgroundColor]="'#d63681'" rows="*,auto,auto">
   <!-- <Image [src]="logo" stretch="aspectFit" width="200" marginTop="50" /> -->
-  <Image src="~/assets/ng-18.png" stretch="aspectFit" (loaded)="loadedImg($event)" class="w-full" />
+  <Image src="~/assets/ng-20.png" stretch="aspectFit" (loaded)="loadedImg($event)" class="w-full" />
 
   <!-- @if (this.itemService.currentFlavor + 1 !== this.itemService.flavors.length) {
     <Button row="1" (tap)="openNewModal()" text="Taste Another" fontSize="20" borderRadius="25"></Button>

apps/nativescript-demo-ng/src/assets/ng-20.png

@@ -12,9 +12,9 @@ import { withInterceptorsFromDi } from '@angular/common/http';
 import { setWindowBackgroundColor } from '@nativescript/core/utils/ios';
 import { AppComponent } from './app/app.component';
 import { routes } from './app/app.routes';
-import { provideZoneChangeDetection } from '@angular/core';
+import { provideZonelessChangeDetection } from '@angular/core';
 
-const EXPERIMENTAL_ZONELESS = true;
+const ZONELESS = true;
 
 Trace.enable();
 Trace.setCategories('ns-route-reuse-strategy,ns-router');
@@ -28,7 +28,7 @@ runNativeScriptAngularApp({
       providers: [
         provideNativeScriptHttpClient(withInterceptorsFromDi()),
         provideNativeScriptRouter(routes),
-        EXPERIMENTAL_ZONELESS ? provideZoneChangeDetection() : provideNativeScriptNgZone(),
+        ZONELESS ? provideZonelessChangeDetection() : provideNativeScriptNgZone(),
       ],
     });
   },

apps/nativescript-demo-ng/src/main.ts

@@ -6,17 +6,15 @@
 import '@nativescript/core/globals';
 // Install @nativescript/angular specific polyfills
 import '@nativescript/angular/polyfills';
-import { AbortController, AbortSignal } from '@nativescript/core/abortcontroller';
-(global as any).AbortController = AbortController;
-(global as any).AbortSignal = AbortSignal;
 /**
  * Zone.js and patches
  */
 // Add pre-zone.js patches needed for the NativeScript platform
 import '@nativescript/zone-js/dist/pre-zone-polyfills';
 
-// Zone JS is required by default for Angular itself
-import 'zone.js';
+// Uncomment if using zone:
+// // Zone JS is required by default for Angular itself
+// import 'zone.js';
 
-// Add NativeScript specific Zone JS patches
-import '@nativescript/zone-js';
+// // Add NativeScript specific Zone JS patches
+// import '@nativescript/zone-js';

apps/nativescript-demo-ng/src/polyfills.ts

@@ -1,16 +1,8 @@
 const webpack = require('@nativescript/webpack');
-const { ProvidePlugin } = require("webpack");
 
 module.exports = (env) => {
   webpack.init(env);
   webpack.useConfig('angular');
 
-  webpack.chainWebpack((config) => {
-    config.resolve.set('fallback', {
-      AbortController: require.resolve('@nativescript/core/abortcontroller'),
-      AbortSignal: require.resolve('@nativescript/core/abortcontroller'),
-    });
-  });
-
   return webpack.resolveConfig();
 };

apps/nativescript-demo-ng/webpack.config.js

@@ -1,3 +1,8 @@
+import { AbortController, AbortSignal } from '@nativescript/core/abortcontroller';
+
+(global as any).AbortController = AbortController;
+(global as any).AbortSignal = AbortSignal;
+
 export const disabledPatches = ['legacy', 'EventTarget', 'XHR', 'MutationObserver', 'IntersectionObserver', 'FileReader'];
 
 for (const patch of disabledPatches) {
@@ -6,4 +11,4 @@ for (const patch of disabledPatches) {
 
 if (typeof queueMicrotask === 'undefined') {
   global.queueMicrotask = (cb) => Promise.resolve().then(cb);
-}
+}