NativeScript · NathanWalker · May 20, 2025 · May 20, 2025 · May 20, 2025 · May 20, 2025
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -12,18 +12,13 @@
       "files": ["*.ts", "*.tsx"],
       "extends": ["plugin:@nx/typescript"],
       "rules": {
-        "@typescript-eslint/no-inferrable-types": "off",
-        "@typescript-eslint/no-extra-semi": "error",
-        "no-extra-semi": "off"
+        "@typescript-eslint/no-inferrable-types": "off"
       }
     },
     {
       "files": ["*.js", "*.jsx"],
       "extends": ["plugin:@nx/javascript"],
-      "rules": {
-        "@typescript-eslint/no-extra-semi": "error",
-        "no-extra-semi": "off"
-      }
+      "rules": {}
     }
   ]
 }
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
@@ -23,11 +23,8 @@ jobs:
       - uses: actions/setup-node@v3
         with:
           node-version: lts/*
-          cache: 'yarn'
       - uses: nrwl/nx-set-shas@v3
-      - name: Setup global dependencies
-        run: npm i -g yarn
-      - name: yarn install
-        run: yarn
+      - name: npm install
+        run: npm install --legacy-peer-deps
       - name: Build.all affected
-        run: yarn nx affected --target=build --exclude nativescript-demo-ng
+        run: npx nx affected --target=build --exclude nativescript-demo-ng
diff --git a/.gitignore b/.gitignore
@@ -8,8 +8,8 @@
 # dependencies
 /node_modules
 /packages/*/node_modules
-package-lock.json
 .npmrc
+yarn.lock
 
 # IDEs and editors
 /.idea
@@ -48,4 +48,6 @@ Thumbs.db
 /.env
 
 .nx/cache
-.nx/workspace-data
+.nx/workspace-data
+.cursor/rules/nx-rules.mdc
+.github/instructions/nx.instructions.md
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
 npx lint-staged --allow-empty --relative
diff --git a/DevelopmentWorkflow.md b/DevelopmentWorkflow.md
@@ -33,7 +33,7 @@ $ cd angular
 
 ```
 $ cd angular
-$ yarn clean.all
+$ npm run clean.all
 ```
 
 ### Run some of the e2e applications e.g. router-tab-view
@@ -43,7 +43,7 @@ $ yarn clean.all
 Install NPM packages (use the local copy of `@nativescript/angular`):
 ```
 $ cd e2e/router-tab-view
-$ yarn install
+$ npm install
 ```
 
 Start the app:

diff --git a/apps/nativescript-demo-ng/App_Resources/Android/app.gradle b/apps/nativescript-demo-ng/App_Resources/Android/app.gradle
@@ -6,9 +6,10 @@
 //}
 
 android {  
+  namespace "org.nativescript.demong"
   defaultConfig {  
-    minSdkVersion 17
-    targetSdkVersion 29
+    minSdkVersion 24
+    targetSdkVersion 34
     generatedDensities = []
     applicationId = "org.nativescript.demong"
     manifestPlaceholders = [isUnitTesting:"${unitTesting}"]

diff --git a/apps/nativescript-demo-ng/App_Resources/Android/src/main/AndroidManifest.xml b/apps/nativescript-demo-ng/App_Resources/Android/src/main/AndroidManifest.xml
@@ -26,7 +26,8 @@
 			android:name="com.tns.NativeScriptActivity"
 			android:label="@string/title_activity_kimera"
 			android:configChanges="keyboard|keyboardHidden|orientation|screenSize|smallestScreenSize|screenLayout|locale|uiMode"
-			android:theme="@style/LaunchScreenTheme">
+			android:theme="@style/LaunchScreenTheme"
+			android:exported="true">
 
 			<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />
 

diff --git a/apps/nativescript-demo-ng/App_Resources/iOS/Info.plist b/apps/nativescript-demo-ng/App_Resources/iOS/Info.plist
@@ -1,58 +1,58 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
-	<key>CFBundleDevelopmentRegion</key>
-	<string>en</string>
-	<key>CFBundleDisplayName</key>
-	<string>${PRODUCT_NAME}</string>
-	<key>CFBundleExecutable</key>
-	<string>${EXECUTABLE_NAME}</string>
-	<key>CFBundleInfoDictionaryVersion</key>
-	<string>6.0</string>
-	<key>CFBundleName</key>
-	<string>${PRODUCT_NAME}</string>
-	<key>CFBundlePackageType</key>
-	<string>APPL</string>
-	<key>CFBundleShortVersionString</key>
-	<string>1.0</string>
-	<key>CFBundleSignature</key>
-	<string>????</string>
-	<key>CFBundleVersion</key>
-	<string>1.0</string>
-	<key>LSRequiresIPhoneOS</key>
-	<true/>
-	<key>UILaunchStoryboardName</key>
-	<string>LaunchScreen</string>
-	<key>UIRequiresFullScreen</key>
-	<true/>
-	<key>UIRequiredDeviceCapabilities</key>
-	<array>
-		<string>armv7</string>
-	</array>
-	<key>UISupportedInterfaceOrientations</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-	<key>UISupportedInterfaceOrientations~ipad</key>
-	<array>
-		<string>UIInterfaceOrientationPortrait</string>
-		<string>UIInterfaceOrientationPortraitUpsideDown</string>
-		<string>UIInterfaceOrientationLandscapeLeft</string>
-		<string>UIInterfaceOrientationLandscapeRight</string>
-	</array>
-  <key>ITSAppUsesNonExemptEncryption</key>
-  <false/>
-	<key>NSAppTransportSecurity</key>
-  <dict>
-    <key>NSAllowsArbitraryLoads</key>
-    <true/>
-		<key>NSAllowsArbitraryLoadsForMedia</key>
+	<dict>
+		<key>CFBundleDevelopmentRegion</key>
+		<string>en</string>
+		<key>CFBundleDisplayName</key>
+		<string>${PRODUCT_NAME}</string>
+		<key>CFBundleExecutable</key>
+		<string>${EXECUTABLE_NAME}</string>
+		<key>CFBundleInfoDictionaryVersion</key>
+		<string>6.0</string>
+		<key>CFBundleName</key>
+		<string>${PRODUCT_NAME}</string>
+		<key>CFBundlePackageType</key>
+		<string>APPL</string>
+		<key>CFBundleShortVersionString</key>
+		<string>1.0</string>
+		<key>CFBundleSignature</key>
+		<string>????</string>
+		<key>CFBundleVersion</key>
+		<string>1.0</string>
+		<key>LSRequiresIPhoneOS</key>
 		<true/>
-		<key>NSAllowsArbitraryLoadsInWebContent</key>
+		<key>UILaunchStoryboardName</key>
+		<string>LaunchScreen</string>
+		<key>UIRequiresFullScreen</key>
 		<true/>
+		<key>UIRequiredDeviceCapabilities</key>
+		<array>
+			<string>armv7</string>
+		</array>
+		<key>UISupportedInterfaceOrientations</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>UISupportedInterfaceOrientations~ipad</key>
+		<array>
+			<string>UIInterfaceOrientationPortrait</string>
+			<string>UIInterfaceOrientationPortraitUpsideDown</string>
+			<string>UIInterfaceOrientationLandscapeLeft</string>
+			<string>UIInterfaceOrientationLandscapeRight</string>
+		</array>
+		<key>ITSAppUsesNonExemptEncryption</key>
+		<false/>
+		<key>NSAppTransportSecurity</key>
+		<dict>
+			<key>NSAllowsArbitraryLoads</key>
+			<true/>
+			<key>NSAllowsArbitraryLoadsForMedia</key>
+			<true/>
+			<key>NSAllowsArbitraryLoadsInWebContent</key>
+			<true/>
+		</dict>
 	</dict>
-</dict>
 </plist>
diff --git a/apps/nativescript-demo-ng/package.json b/apps/nativescript-demo-ng/package.json
@@ -6,10 +6,10 @@
     "@nativescript/core": "file:../../node_modules/@nativescript/core"
   },
   "devDependencies": {
-    "@nativescript/android": "~8.8.0",
-    "@nativescript/ios": "~8.8.0",
+    "@nativescript/android": "~8.9.0",
+    "@nativescript/ios": "~8.9.0",
     "@nativescript/tailwind": "^2.1.0",
     "@nativescript/unit-test-runner": "^3.0.1",
-    "@nativescript/visionos": "8.8.1"
+    "@nativescript/visionos": "~8.9.0"
   }
 }
diff --git a/apps/nativescript-demo-ng/src/app/item/items.component.ts b/apps/nativescript-demo-ng/src/app/item/items.component.ts
@@ -12,10 +12,10 @@ import { ModalDialogService, NativeDialogService, NativeScriptCommonModule } fro
   templateUrl: './items.component.html',
   imports: [NativeScriptCommonModule],
   standalone: true,
-  schemas: [NO_ERRORS_SCHEMA]
+  schemas: [NO_ERRORS_SCHEMA],
 })
 export class ItemsComponent implements OnInit, OnDestroy {
-  message = 'Hello Angular 19!';
+  message = 'Hello Angular 20.0.0!';
   items: Array<Item>;
 
   constructor(

diff --git a/apps/nativescript-demo-ng/src/app/item3/items.component.ts b/apps/nativescript-demo-ng/src/app/item3/items.component.ts
@@ -4,18 +4,23 @@ import { HttpClient } from '@angular/common/http';
 import { Item } from '../item/item';
 import { ItemService } from '../item/item.service';
 import { ModalComponent } from '../modal/modal.component';
-import { ModalDialogService, NativeDialogService, NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular';
+import {
+  ModalDialogService,
+  NativeDialogService,
+  NativeScriptCommonModule,
+  NativeScriptRouterModule,
+} from '@nativescript/angular';
 
 @Component({
   selector: 'ns-items',
   moduleId: module.id,
   templateUrl: './items.component.html',
   imports: [NativeScriptCommonModule, NativeScriptRouterModule],
   standalone: true,
-  schemas: [NO_ERRORS_SCHEMA]
+  schemas: [NO_ERRORS_SCHEMA],
 })
 export class ItemsComponent implements OnInit, OnDestroy {
-  message = 'Hello Angular 19';
+  message = 'Hello Angular 20.0.0';
   items: Array<Item>;
   borderRadius: number;
   fontSize: number;

diff --git a/apps/nativescript-demo-ng/src/app/modal/modal.component.html b/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>

diff --git a/apps/nativescript-demo-ng/src/assets/ng-20.png b/apps/nativescript-demo-ng/src/assets/ng-20.png
diff --git a/apps/nativescript-demo-ng/src/main.spec.ts b/apps/nativescript-demo-ng/src/main.spec.ts
@@ -1,7 +1,16 @@
 import './polyfills';
+import '@nativescript/zone-js/dist/pre-zone-polyfills';
+
+// Zone JS is required by default for Angular itself
+import 'zone.js';
+
+// Add NativeScript specific Zone JS patches
+import '@nativescript/zone-js';
 import 'zone.js/testing';
 import { TestBed } from '@angular/core/testing';
 import { platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
 import { NativeScriptTestingModule } from '@nativescript/angular/testing';
 
-TestBed.initTestEnvironment(NativeScriptTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: true } });
+TestBed.initTestEnvironment(NativeScriptTestingModule, platformBrowserDynamicTesting(), {
+  teardown: { destroyAfterEach: true },
+});
diff --git a/apps/nativescript-demo-ng/src/main.ts b/apps/nativescript-demo-ng/src/main.ts
@@ -12,23 +12,23 @@ 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 { provideExperimentalZonelessChangeDetection } 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');
 
 runNativeScriptAngularApp({
   appModuleBootstrap: () => {
-    if (global.isIOS) {
+    if (__APPLE__) {
       setWindowBackgroundColor('#a6120d');
     }
     return bootstrapApplication(AppComponent, {
       providers: [
         provideNativeScriptHttpClient(withInterceptorsFromDi()),
         provideNativeScriptRouter(routes),
-        EXPERIMENTAL_ZONELESS ? provideExperimentalZonelessChangeDetection() : provideNativeScriptNgZone(),
+        ZONELESS ? provideZonelessChangeDetection() : provideNativeScriptNgZone(),
       ],
     });
   },

diff --git a/apps/nativescript-demo-ng/src/polyfills.ts b/apps/nativescript-demo-ng/src/polyfills.ts
@@ -6,15 +6,15 @@
 import '@nativescript/core/globals';
 // Install @nativescript/angular specific polyfills
 import '@nativescript/angular/polyfills';
-
 /**
  * Zone.js and patches
  */
 // Add pre-zone.js patches needed for the NativeScript platform
-import '@nativescript/zone-js/dist/pre-zone-polyfills';
+// 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';
diff --git a/jest.config.ts b/jest.config.ts
@@ -1,3 +1,3 @@
-const { getJestProjects } = require('@nx/jest');
+const { getJestProjectsAsync } = require('@nx/jest');
 
-export default { projects: getJestProjects() };
+export default async () => ({ projects: await getJestProjectsAsync() });