From aa597761b432ae4455515bded9d320dde9a693c9 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 27 Jun 2022 21:48:50 +0000 Subject: [PATCH 01/55] Update angular to output generated at 0403b1a --- .stackblitzrc | 4 +++ nativescript.config.ts | 11 +++++++ package.json | 30 ++++++++++++++++++ references.d.ts | 1 + src/app.css | 6 ++++ src/app/app-routing.module.ts | 18 +++++++++++ src/app/app.component.html | 3 ++ src/app/app.component.ts | 7 +++++ src/app/app.module.ts | 16 ++++++++++ src/app/item/item-detail.component.html | 9 ++++++ src/app/item/item-detail.component.ts | 26 ++++++++++++++++ src/app/item/item.service.ts | 41 +++++++++++++++++++++++++ src/app/item/item.ts | 5 +++ src/app/item/items.component.html | 11 +++++++ src/app/item/items.component.ts | 18 +++++++++++ src/main.ts | 8 +++++ src/polyfills.ts | 20 ++++++++++++ tsconfig.json | 21 +++++++++++++ webpack.config.js | 10 ++++++ 19 files changed, 265 insertions(+) create mode 100644 .stackblitzrc create mode 100644 nativescript.config.ts create mode 100644 package.json create mode 100644 references.d.ts create mode 100644 src/app.css create mode 100644 src/app/app-routing.module.ts create mode 100644 src/app/app.component.html create mode 100644 src/app/app.component.ts create mode 100644 src/app/app.module.ts create mode 100644 src/app/item/item-detail.component.html create mode 100644 src/app/item/item-detail.component.ts create mode 100644 src/app/item/item.service.ts create mode 100644 src/app/item/item.ts create mode 100644 src/app/item/items.component.html create mode 100644 src/app/item/items.component.ts create mode 100644 src/main.ts create mode 100644 src/polyfills.ts create mode 100644 tsconfig.json create mode 100644 webpack.config.js diff --git a/.stackblitzrc b/.stackblitzrc new file mode 100644 index 0000000..24b9da3 --- /dev/null +++ b/.stackblitzrc @@ -0,0 +1,4 @@ +{ + "installDependencies": true, + "startCommand": "./node_modules/.bin/preview-cli --config=https://preview.nativescript.org/api/config" +} diff --git a/nativescript.config.ts b/nativescript.config.ts new file mode 100644 index 0000000..d05e128 --- /dev/null +++ b/nativescript.config.ts @@ -0,0 +1,11 @@ +import { NativeScriptConfig } from '@nativescript/core'; + +export default { + id: 'org.nativescript.app', + appPath: 'src', + appResourcesPath: 'App_Resources', + android: { + v8Flags: '--expose_gc', + markingMode: 'none', + }, +} as NativeScriptConfig; diff --git a/package.json b/package.json new file mode 100644 index 0000000..09b63e6 --- /dev/null +++ b/package.json @@ -0,0 +1,30 @@ +{ + "name": "stackblitz-nativescript-angular", + "main": "./src/main.ts", + "version": "1.0.0", + "private": true, + "dependencies": { + "@angular/animations": "~14.0.0", + "@angular/common": "~14.0.0", + "@angular/compiler": "~14.0.0", + "@angular/core": "~14.0.0", + "@angular/forms": "~14.0.0", + "@angular/platform-browser": "~14.0.0", + "@angular/platform-browser-dynamic": "~14.0.0", + "@angular/router": "~14.0.0", + "@nativescript/angular": "^14.0.0", + "@nativescript/core": "~8.2.0", + "@nativescript/theme": "~3.0.2", + "rxjs": "~7.5.0", + "zone.js": "~0.11.5" + }, + "devDependencies": { + "@angular-devkit/build-angular": "~14.0.0", + "@angular/compiler-cli": "~14.0.0", + "@nativescript/preview-cli": "^1.0.0-beta.15", + "@nativescript/types-minimal": "~8.2.0", + "@nativescript/webpack": "^5.0.7-alpha.3", + "@ngtools/webpack": "~14.0.0", + "typescript": "~4.7.0" + } +} diff --git a/references.d.ts b/references.d.ts new file mode 100644 index 0000000..5e8adff --- /dev/null +++ b/references.d.ts @@ -0,0 +1 @@ +/// diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..e3d2c4a --- /dev/null +++ b/src/app.css @@ -0,0 +1,6 @@ +@import '@nativescript/theme/css/core.css'; +@import '@nativescript/theme/css/default.css'; + +Button.-primary { + font-size: 18; +} diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts new file mode 100644 index 0000000..248f9da --- /dev/null +++ b/src/app/app-routing.module.ts @@ -0,0 +1,18 @@ +import { NgModule } from '@angular/core' +import { Routes } from '@angular/router' +import { NativeScriptRouterModule } from '@nativescript/angular' + +import { ItemsComponent } from './item/items.component' +import { ItemDetailComponent } from './item/item-detail.component' + +const routes: Routes = [ + { path: '', redirectTo: '/items', pathMatch: 'full' }, + { path: 'items', component: ItemsComponent }, + { path: 'item/:id', component: ItemDetailComponent }, +] + +@NgModule({ + imports: [NativeScriptRouterModule.forRoot(routes)], + exports: [NativeScriptRouterModule], +}) +export class AppRoutingModule {} diff --git a/src/app/app.component.html b/src/app/app.component.html new file mode 100644 index 0000000..be22686 --- /dev/null +++ b/src/app/app.component.html @@ -0,0 +1,3 @@ + + + diff --git a/src/app/app.component.ts b/src/app/app.component.ts new file mode 100644 index 0000000..5920b7a --- /dev/null +++ b/src/app/app.component.ts @@ -0,0 +1,7 @@ +import { Component } from '@angular/core' + +@Component({ + selector: 'ns-app', + templateUrl: './app.component.html', +}) +export class AppComponent {} diff --git a/src/app/app.module.ts b/src/app/app.module.ts new file mode 100644 index 0000000..2a0ade6 --- /dev/null +++ b/src/app/app.module.ts @@ -0,0 +1,16 @@ +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core' +import { NativeScriptModule } from '@nativescript/angular' + +import { AppRoutingModule } from './app-routing.module' +import { AppComponent } from './app.component' +import { ItemsComponent } from './item/items.component' +import { ItemDetailComponent } from './item/item-detail.component' + +@NgModule({ + bootstrap: [AppComponent], + imports: [NativeScriptModule, AppRoutingModule], + declarations: [AppComponent, ItemsComponent, ItemDetailComponent], + providers: [], + schemas: [NO_ERRORS_SCHEMA], +}) +export class AppModule {} diff --git a/src/app/item/item-detail.component.html b/src/app/item/item-detail.component.html new file mode 100644 index 0000000..c572adf --- /dev/null +++ b/src/app/item/item-detail.component.html @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/app/item/item-detail.component.ts b/src/app/item/item-detail.component.ts new file mode 100644 index 0000000..378b8ed --- /dev/null +++ b/src/app/item/item-detail.component.ts @@ -0,0 +1,26 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; + +import { Item } from './item'; +import { ItemService } from './item.service'; + +@Component({ + selector: 'ns-details', + templateUrl: './item-detail.component.html', +}) +export class ItemDetailComponent implements OnInit { + item: Item; + + constructor( + private itemService: ItemService, + private route: ActivatedRoute + ) {} + + ngOnInit(): void { + const id = +this.route.snapshot.params.id; + this.item = this.itemService.getItem(id); + + // log the item to the console + console.log(this.item); + } +} diff --git a/src/app/item/item.service.ts b/src/app/item/item.service.ts new file mode 100644 index 0000000..cd15d24 --- /dev/null +++ b/src/app/item/item.service.ts @@ -0,0 +1,41 @@ +import { Injectable } from '@angular/core' + +import { Item } from './item' + +@Injectable({ + providedIn: 'root', +}) +export class ItemService { + private items = new Array( + { id: 1, name: 'Ter Stegen', role: 'Goalkeeper' }, + { id: 3, name: 'Piqué', role: 'Defender' }, + { id: 4, name: 'I. Rakitic', role: 'Midfielder' }, + { id: 5, name: 'Sergio', role: 'Midfielder' }, + { id: 6, name: 'Denis Suárez', role: 'Midfielder' }, + { id: 7, name: 'Arda', role: 'Midfielder' }, + { id: 8, name: 'A. Iniesta', role: 'Midfielder' }, + { id: 9, name: 'Suárez', role: 'Forward' }, + { id: 10, name: 'Messi', role: 'Forward' }, + { id: 11, name: 'Neymar', role: 'Forward' }, + { id: 12, name: 'Rafinha', role: 'Midfielder' }, + { id: 13, name: 'Cillessen', role: 'Goalkeeper' }, + { id: 14, name: 'Mascherano', role: 'Defender' }, + { id: 17, name: 'Paco Alcácer', role: 'Forward' }, + { id: 18, name: 'Jordi Alba', role: 'Defender' }, + { id: 19, name: 'Digne', role: 'Defender' }, + { id: 20, name: 'Sergi Roberto', role: 'Midfielder' }, + { id: 21, name: 'André Gomes', role: 'Midfielder' }, + { id: 22, name: 'Aleix Vidal', role: 'Midfielder' }, + { id: 23, name: 'Umtiti', role: 'Defender' }, + { id: 24, name: 'Mathieu', role: 'Defender' }, + { id: 25, name: 'Masip', role: 'Goalkeeper' } + ) + + getItems(): Array { + return this.items + } + + getItem(id: number): Item { + return this.items.filter((item) => item.id === id)[0] + } +} diff --git a/src/app/item/item.ts b/src/app/item/item.ts new file mode 100644 index 0000000..0e31d70 --- /dev/null +++ b/src/app/item/item.ts @@ -0,0 +1,5 @@ +export interface Item { + id: number + name: string + role: string +} diff --git a/src/app/item/items.component.html b/src/app/item/items.component.html new file mode 100644 index 0000000..b23af15 --- /dev/null +++ b/src/app/item/items.component.html @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/app/item/items.component.ts b/src/app/item/items.component.ts new file mode 100644 index 0000000..edd4804 --- /dev/null +++ b/src/app/item/items.component.ts @@ -0,0 +1,18 @@ +import { Component, OnInit } from '@angular/core' + +import { Item } from './item' +import { ItemService } from './item.service' + +@Component({ + selector: 'ns-items', + templateUrl: './items.component.html', +}) +export class ItemsComponent implements OnInit { + items: Array + + constructor(private itemService: ItemService) {} + + ngOnInit(): void { + this.items = this.itemService.getItems() + } +} diff --git a/src/main.ts b/src/main.ts new file mode 100644 index 0000000..4883e8f --- /dev/null +++ b/src/main.ts @@ -0,0 +1,8 @@ +import { platformNativeScript, runNativeScriptAngularApp } from '@nativescript/angular'; + +import { AppModule } from './app/app.module'; + +runNativeScriptAngularApp({ + appModuleBootstrap: () => platformNativeScript().bootstrapModule(AppModule), +}); + diff --git a/src/polyfills.ts b/src/polyfills.ts new file mode 100644 index 0000000..05df962 --- /dev/null +++ b/src/polyfills.ts @@ -0,0 +1,20 @@ +/** + * NativeScript Polyfills + */ + +// Install @nativescript/core polyfills (XHR, setTimeout, requestAnimationFrame) +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'; + +// Zone JS is required by default for Angular itself +import 'zone.js'; + +// Add NativeScript specific Zone JS patches +import '@nativescript/zone-js'; diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..34b81c6 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,21 @@ +{ + "compilerOptions": { + "module": "esnext", + "target": "es2017", + "moduleResolution": "node", + "experimentalDecorators": true, + "emitDecoratorMetadata": true, + "noEmitHelpers": true, + "noEmitOnError": true, + "skipLibCheck": true, + "lib": ["es2017", "dom"], + "baseUrl": ".", + "paths": { + "~/*": ["src/*"], + "@/*": ["src/*"] + } + }, + "include": ["src/tests/**/*.ts", "src/**/*.ios.ts", "src/**/*.android.ts"], + "files": ["./src/main.ts", "./references.d.ts", "./src/polyfills.ts"], + "exclude": ["node_modules", "platforms", "e2e"] +} diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000..b80dc7f --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,10 @@ +const webpack = require('@nativescript/webpack'); + +module.exports = (env) => { + webpack.init(env); + + // Learn how to customize: + // https://docs.nativescript.org/webpack + + return webpack.resolveConfig(); +}; From ea55793a179a8a890daab6c33a19f01d6d83e7b9 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 27 Jun 2022 21:50:41 +0000 Subject: [PATCH 02/55] chore(update): angular to 5f4fa22 From f20fa0b8351e6dc36cad50fbe0bd87a781897d72 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 27 Jun 2022 22:54:46 +0000 Subject: [PATCH 03/55] chore(update): angular to 4aaefc6 From d6a894368d7827f366942b279e0f08d45d83bf5f Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 27 Jun 2022 23:07:26 +0000 Subject: [PATCH 04/55] chore(update): angular to 7fd42be From f7f7dc4c9e1784483f228e4c574600c03ceb0f5d Mon Sep 17 00:00:00 2001 From: rigor789 Date: Tue, 28 Jun 2022 19:35:23 +0000 Subject: [PATCH 05/55] chore(update): angular to 37b55c3 --- .stackblitzrc | 2 +- package.json | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/.stackblitzrc b/.stackblitzrc index 24b9da3..a8f1f46 100644 --- a/.stackblitzrc +++ b/.stackblitzrc @@ -1,4 +1,4 @@ { "installDependencies": true, - "startCommand": "./node_modules/.bin/preview-cli --config=https://preview.nativescript.org/api/config" + "startCommand": "./node_modules/.bin/setup-nativescript-stackblitz && ns preview" } diff --git a/package.json b/package.json index 09b63e6..bbff571 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,8 @@ "devDependencies": { "@angular-devkit/build-angular": "~14.0.0", "@angular/compiler-cli": "~14.0.0", - "@nativescript/preview-cli": "^1.0.0-beta.15", + "@nativescript/preview-cli": "*", + "@nativescript/stackblitz": "*", "@nativescript/types-minimal": "~8.2.0", "@nativescript/webpack": "^5.0.7-alpha.3", "@ngtools/webpack": "~14.0.0", From 2fe7fccbbb6211a38f321778d27fdde8a727e0b5 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Fri, 1 Jul 2022 10:16:50 +0000 Subject: [PATCH 06/55] chore(update): angular to da51e34 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index bbff571..0bc9ec3 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "@nativescript/preview-cli": "*", "@nativescript/stackblitz": "*", "@nativescript/types-minimal": "~8.2.0", - "@nativescript/webpack": "^5.0.7-alpha.3", + "@nativescript/webpack": "alpha", "@ngtools/webpack": "~14.0.0", "typescript": "~4.7.0" } From 5a3e3236fa269861f9447c94c9364efa73ea55aa Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Fri, 1 Jul 2022 21:32:37 +0000 Subject: [PATCH 07/55] chore(update): angular to 3c971a9 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 0bc9ec3..ee11fb7 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "@angular/compiler-cli": "~14.0.0", "@nativescript/preview-cli": "*", "@nativescript/stackblitz": "*", - "@nativescript/types-minimal": "~8.2.0", + "@nativescript/types-minimal": "^8.2.1", "@nativescript/webpack": "alpha", "@ngtools/webpack": "~14.0.0", "typescript": "~4.7.0" From 2289266b3d33e838f87c057c60b8075ed52af20e Mon Sep 17 00:00:00 2001 From: rigor789 Date: Fri, 1 Jul 2022 21:54:39 +0000 Subject: [PATCH 08/55] chore(update): angular to ca73ccf --- .stackblitzrc | 1 + 1 file changed, 1 insertion(+) diff --git a/.stackblitzrc b/.stackblitzrc index a8f1f46..86b9dd3 100644 --- a/.stackblitzrc +++ b/.stackblitzrc @@ -1,4 +1,5 @@ { "installDependencies": true, + "compileTrigger": "save", "startCommand": "./node_modules/.bin/setup-nativescript-stackblitz && ns preview" } From 14322a9d0864138641f82dfd1afde0c276997fb4 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 18 Jul 2022 21:49:05 +0000 Subject: [PATCH 09/55] chore(update): angular to 474a22b --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index ee11fb7..0af348c 100644 --- a/package.json +++ b/package.json @@ -21,8 +21,8 @@ "devDependencies": { "@angular-devkit/build-angular": "~14.0.0", "@angular/compiler-cli": "~14.0.0", - "@nativescript/preview-cli": "*", - "@nativescript/stackblitz": "*", + "@nativescript/preview-cli": "1.0.0-beta.18", + "@nativescript/stackblitz": "0.0.5", "@nativescript/types-minimal": "^8.2.1", "@nativescript/webpack": "alpha", "@ngtools/webpack": "~14.0.0", From da42aa3f091265a8d276d764a17ca4a66f57d110 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Wed, 10 Aug 2022 10:07:10 +0000 Subject: [PATCH 10/55] chore(update): angular to dfc29ce From cfd97b42b3674174f45eea8c1f4fd1e7c6eed04b Mon Sep 17 00:00:00 2001 From: rigor789 Date: Wed, 10 Aug 2022 10:15:38 +0000 Subject: [PATCH 11/55] chore(update): angular to aa82a21 --- .gitignore | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..1cb1231 --- /dev/null +++ b/.gitignore @@ -0,0 +1,28 @@ +# NativeScript +hooks/ +node_modules/ +platforms/ + +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* + +# General +.DS_Store +.AppleDouble +.LSOverride +.idea +.cloud +.project +tmp/ +typings/ + +# Visual Studio Code +.vscode/* +!.vscode/settings.json +!.vscode/tasks.json +!.vscode/launch.json +!.vscode/extensions.json From 22a06f5daec011383e8ac10a61cad199485eec96 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 15 Aug 2022 15:10:39 +0000 Subject: [PATCH 12/55] chore(update): angular to 86f6ddd --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 0af348c..c57fa81 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "devDependencies": { "@angular-devkit/build-angular": "~14.0.0", "@angular/compiler-cli": "~14.0.0", - "@nativescript/preview-cli": "1.0.0-beta.18", + "@nativescript/preview-cli": "1.0.0-rc.0", "@nativescript/stackblitz": "0.0.5", "@nativescript/types-minimal": "^8.2.1", "@nativescript/webpack": "alpha", From 817b9b7b0bb795be588989ab52d0ea038f67485b Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Mon, 15 Aug 2022 20:06:22 +0000 Subject: [PATCH 13/55] chore(update): angular to 800364f --- package.json | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/package.json b/package.json index c57fa81..7c23ff0 100644 --- a/package.json +++ b/package.json @@ -4,28 +4,28 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~14.0.0", - "@angular/common": "~14.0.0", - "@angular/compiler": "~14.0.0", - "@angular/core": "~14.0.0", - "@angular/forms": "~14.0.0", - "@angular/platform-browser": "~14.0.0", - "@angular/platform-browser-dynamic": "~14.0.0", - "@angular/router": "~14.0.0", + "@angular/animations": "~14.1.0", + "@angular/common": "~14.1.0", + "@angular/compiler": "~14.1.0", + "@angular/core": "~14.1.0", + "@angular/forms": "~14.1.0", + "@angular/platform-browser": "~14.1.0", + "@angular/platform-browser-dynamic": "~14.1.0", + "@angular/router": "~14.1.0", "@nativescript/angular": "^14.0.0", - "@nativescript/core": "~8.2.0", + "@nativescript/core": "~8.3.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.5.0", "zone.js": "~0.11.5" }, "devDependencies": { - "@angular-devkit/build-angular": "~14.0.0", - "@angular/compiler-cli": "~14.0.0", + "@angular-devkit/build-angular": "~14.1.0", + "@angular/compiler-cli": "~14.1.0", "@nativescript/preview-cli": "1.0.0-rc.0", "@nativescript/stackblitz": "0.0.5", - "@nativescript/types-minimal": "^8.2.1", - "@nativescript/webpack": "alpha", - "@ngtools/webpack": "~14.0.0", + "@nativescript/types-minimal": "~8.3.0", + "@nativescript/webpack": "~5.0.0", + "@ngtools/webpack": "~14.1.0", "typescript": "~4.7.0" } } From 84edbce7ee62cacfc37fe40c6fd38d6cab7328aa Mon Sep 17 00:00:00 2001 From: rigor789 Date: Wed, 17 Aug 2022 20:23:53 +0000 Subject: [PATCH 14/55] chore(update): angular to ecfe51d --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 7c23ff0..dfaf98e 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "devDependencies": { "@angular-devkit/build-angular": "~14.1.0", "@angular/compiler-cli": "~14.1.0", - "@nativescript/preview-cli": "1.0.0-rc.0", + "@nativescript/preview-cli": "1.0.0", "@nativescript/stackblitz": "0.0.5", "@nativescript/types-minimal": "~8.3.0", "@nativescript/webpack": "~5.0.0", From 1fad393f7f7cbee57781386b145ae2359e20848a Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Sun, 28 Aug 2022 02:40:01 +0000 Subject: [PATCH 15/55] chore(update): angular to 07fc54f --- package.json | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index dfaf98e..b8e5718 100644 --- a/package.json +++ b/package.json @@ -4,28 +4,28 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~14.1.0", - "@angular/common": "~14.1.0", - "@angular/compiler": "~14.1.0", - "@angular/core": "~14.1.0", - "@angular/forms": "~14.1.0", - "@angular/platform-browser": "~14.1.0", - "@angular/platform-browser-dynamic": "~14.1.0", - "@angular/router": "~14.1.0", - "@nativescript/angular": "^14.0.0", + "@angular/animations": "~14.2.0", + "@angular/common": "~14.2.0", + "@angular/compiler": "~14.2.0", + "@angular/core": "~14.2.0", + "@angular/forms": "~14.2.0", + "@angular/platform-browser": "~14.2.0", + "@angular/platform-browser-dynamic": "~14.2.0", + "@angular/router": "~14.2.0", + "@nativescript/angular": "~14.2.0", "@nativescript/core": "~8.3.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.5.0", "zone.js": "~0.11.5" }, "devDependencies": { - "@angular-devkit/build-angular": "~14.1.0", - "@angular/compiler-cli": "~14.1.0", + "@angular-devkit/build-angular": "~14.2.0", + "@angular/compiler-cli": "~14.2.0", "@nativescript/preview-cli": "1.0.0", "@nativescript/stackblitz": "0.0.5", "@nativescript/types-minimal": "~8.3.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~14.1.0", + "@ngtools/webpack": "~14.2.0", "typescript": "~4.7.0" } } From 888c61270499f6fb2bf26bda4b64042be856c67f Mon Sep 17 00:00:00 2001 From: rigor789 Date: Tue, 30 Aug 2022 17:17:21 +0000 Subject: [PATCH 16/55] chore(update): angular to 1e24c01 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index b8e5718..483e54a 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "devDependencies": { "@angular-devkit/build-angular": "~14.2.0", "@angular/compiler-cli": "~14.2.0", - "@nativescript/preview-cli": "1.0.0", + "@nativescript/preview-cli": "1.0.1", "@nativescript/stackblitz": "0.0.5", "@nativescript/types-minimal": "~8.3.0", "@nativescript/webpack": "~5.0.0", From 549f7bd80073ad7c8c324527af5dde447705c933 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 26 Sep 2022 17:23:40 +0000 Subject: [PATCH 17/55] chore(update): angular to 8c5c52c From 4ae258df3e07003dcdcccf5cc3c7d6b405558d05 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 26 Sep 2022 17:43:04 +0000 Subject: [PATCH 18/55] chore(update): angular to c7a0008 --- package.json | 2 ++ src/app.css | 4 ++++ src/app/item/item-detail.component.html | 8 ++++---- src/app/item/items.component.html | 2 +- tailwind.config.js | 15 +++++++++++++++ 5 files changed, 26 insertions(+), 5 deletions(-) create mode 100644 tailwind.config.js diff --git a/package.json b/package.json index 483e54a..49d7fb5 100644 --- a/package.json +++ b/package.json @@ -23,9 +23,11 @@ "@angular/compiler-cli": "~14.2.0", "@nativescript/preview-cli": "1.0.1", "@nativescript/stackblitz": "0.0.5", + "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.3.0", "@nativescript/webpack": "~5.0.0", "@ngtools/webpack": "~14.2.0", + "tailwindcss": "^3.1.8", "typescript": "~4.7.0" } } diff --git a/src/app.css b/src/app.css index e3d2c4a..cf799e6 100644 --- a/src/app.css +++ b/src/app.css @@ -1,3 +1,7 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + @import '@nativescript/theme/css/core.css'; @import '@nativescript/theme/css/default.css'; diff --git a/src/app/item/item-detail.component.html b/src/app/item/item-detail.component.html index c572adf..bf1a88b 100644 --- a/src/app/item/item-detail.component.html +++ b/src/app/item/item-detail.component.html @@ -1,9 +1,9 @@ - - - + + + - + diff --git a/src/app/item/items.component.html b/src/app/item/items.component.html index b23af15..2ea1157 100644 --- a/src/app/item/items.component.html +++ b/src/app/item/items.component.html @@ -4,7 +4,7 @@ - + diff --git a/tailwind.config.js b/tailwind.config.js new file mode 100644 index 0000000..eb1f540 --- /dev/null +++ b/tailwind.config.js @@ -0,0 +1,15 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: [ + './src/**/*.{css,xml,html,vue,svelte,ts,tsx}' + ], + // use .dark to toggle dark mode - since 'media' (default) does not work in NativeScript + darkMode: 'class', + theme: { + extend: {}, + }, + plugins: [], + corePlugins: { + preflight: false // disables browser-specific resets + } +} From 815077cde81341b5c8020b778a2beb8e29e8823a Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 26 Sep 2022 17:46:22 +0000 Subject: [PATCH 19/55] chore(update): angular to 8c014a9 --- src/app.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/app.css b/src/app.css index cf799e6..b026699 100644 --- a/src/app.css +++ b/src/app.css @@ -1,10 +1,10 @@ +@import '@nativescript/theme/css/core.css'; +@import '@nativescript/theme/css/default.css'; + @tailwind base; @tailwind components; @tailwind utilities; -@import '@nativescript/theme/css/core.css'; -@import '@nativescript/theme/css/default.css'; - Button.-primary { font-size: 18; } From bff8156891cca998ac10383171e2cf8fb702898d Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 26 Sep 2022 17:50:15 +0000 Subject: [PATCH 20/55] chore(update): angular to a5d4c92 From b292355815717e6708856c9c1de3d7737fa6c439 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 26 Sep 2022 17:54:51 +0000 Subject: [PATCH 21/55] chore(update): angular to a0dccbe From bc9ba696bee6ee2514ee76e60bd1e42d4d1021bb Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 26 Sep 2022 17:57:25 +0000 Subject: [PATCH 22/55] chore(update): angular to 73da163 From 525768a591feee6f0d777432ff58cf46727318a3 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Tue, 4 Oct 2022 18:43:35 +0000 Subject: [PATCH 23/55] chore(update): angular to 11ae202 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 49d7fb5..d8b3fc4 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "devDependencies": { "@angular-devkit/build-angular": "~14.2.0", "@angular/compiler-cli": "~14.2.0", - "@nativescript/preview-cli": "1.0.1", + "@nativescript/preview-cli": "1.0.2", "@nativescript/stackblitz": "0.0.5", "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.3.0", From 8e60f4222f10be91f97ee432a5fcb08b600a42e4 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Thu, 6 Oct 2022 11:41:44 +0000 Subject: [PATCH 24/55] chore(update): angular to fc6f483 --- tailwind.config.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/tailwind.config.js b/tailwind.config.js index eb1f540..3a61b35 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -3,8 +3,8 @@ module.exports = { content: [ './src/**/*.{css,xml,html,vue,svelte,ts,tsx}' ], - // use .dark to toggle dark mode - since 'media' (default) does not work in NativeScript - darkMode: 'class', + // use the .ns-dark class to control dark mode (applied by NativeScript) - since 'media' (default) is not supported. + darkMode: ['class', '.ns-dark'], theme: { extend: {}, }, From 7eb3190ca09695d52475fb9eecb96ee2a73bff3d Mon Sep 17 00:00:00 2001 From: rigor789 Date: Thu, 6 Oct 2022 16:15:53 +0000 Subject: [PATCH 25/55] chore(update): angular to 649831e From db8a4d90f42ce41c7ad3b7851ab1cd12f285190a Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 28 Nov 2022 09:19:15 +0000 Subject: [PATCH 26/55] chore(update): angular to ee80fb5 From 5b57ba69ba0c04b740ad2aaf4bbbd06754829658 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 28 Nov 2022 09:22:12 +0000 Subject: [PATCH 27/55] chore(update): angular to 1585529 --- .stackblitzrc | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.stackblitzrc b/.stackblitzrc index 86b9dd3..ccb7860 100644 --- a/.stackblitzrc +++ b/.stackblitzrc @@ -1,5 +1,5 @@ { "installDependencies": true, "compileTrigger": "save", - "startCommand": "./node_modules/.bin/setup-nativescript-stackblitz && ns preview" + "startCommand": "./node_modules/.bin/preview-cli" } From 9a86bffea22f5656844d3da028ab7b4fcf770071 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Fri, 23 Dec 2022 16:36:31 +0000 Subject: [PATCH 28/55] chore(update): angular to 07149c4 --- .stackblitzrc | 2 +- package.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.stackblitzrc b/.stackblitzrc index ccb7860..0c7b450 100644 --- a/.stackblitzrc +++ b/.stackblitzrc @@ -1,5 +1,5 @@ { "installDependencies": true, "compileTrigger": "save", - "startCommand": "./node_modules/.bin/preview-cli" + "startCommand": "setup-nativescript-stackblitz && ns preview" } diff --git a/package.json b/package.json index d8b3fc4..4b25936 100644 --- a/package.json +++ b/package.json @@ -22,7 +22,7 @@ "@angular-devkit/build-angular": "~14.2.0", "@angular/compiler-cli": "~14.2.0", "@nativescript/preview-cli": "1.0.2", - "@nativescript/stackblitz": "0.0.5", + "@nativescript/stackblitz": "0.0.6", "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.3.0", "@nativescript/webpack": "~5.0.0", From 0676fe8e9c810adb6e0427922dbbdb51dbabfcbd Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 2 Jan 2023 18:15:11 +0000 Subject: [PATCH 29/55] chore(update): angular to 2cda495 --- package.json | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/package.json b/package.json index 4b25936..b83d168 100644 --- a/package.json +++ b/package.json @@ -4,30 +4,30 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~14.2.0", - "@angular/common": "~14.2.0", - "@angular/compiler": "~14.2.0", - "@angular/core": "~14.2.0", - "@angular/forms": "~14.2.0", - "@angular/platform-browser": "~14.2.0", - "@angular/platform-browser-dynamic": "~14.2.0", - "@angular/router": "~14.2.0", - "@nativescript/angular": "~14.2.0", - "@nativescript/core": "~8.3.0", + "@angular/animations": "~15.0.0", + "@angular/common": "~15.0.0", + "@angular/compiler": "~15.0.0", + "@angular/core": "~15.0.0", + "@angular/forms": "~15.0.0", + "@angular/platform-browser": "~15.0.0", + "@angular/platform-browser-dynamic": "~15.0.0", + "@angular/router": "~15.0.0", + "@nativescript/angular": "~15.0.0", + "@nativescript/core": "~8.4.0", "@nativescript/theme": "~3.0.2", - "rxjs": "~7.5.0", - "zone.js": "~0.11.5" + "rxjs": "~7.6.0", + "zone.js": "~0.12.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~14.2.0", - "@angular/compiler-cli": "~14.2.0", + "@angular-devkit/build-angular": "~15.0.0", + "@angular/compiler-cli": "~15.0.0", "@nativescript/preview-cli": "1.0.2", "@nativescript/stackblitz": "0.0.6", "@nativescript/tailwind": "^2.0.1", - "@nativescript/types-minimal": "~8.3.0", + "@nativescript/types-minimal": "~8.4.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~14.2.0", + "@ngtools/webpack": "~15.0.0", "tailwindcss": "^3.1.8", - "typescript": "~4.7.0" + "typescript": "~4.8.0" } } From 89b284fb5970ae5ae2fdbc1e67748af6de53cee6 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Mon, 2 Jan 2023 20:17:10 +0000 Subject: [PATCH 30/55] chore(update): angular to 542e76f --- tsconfig.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/tsconfig.json b/tsconfig.json index 34b81c6..ab51a0b 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,14 +1,14 @@ { "compilerOptions": { "module": "esnext", - "target": "es2017", + "target": "ES2020", "moduleResolution": "node", "experimentalDecorators": true, "emitDecoratorMetadata": true, "noEmitHelpers": true, "noEmitOnError": true, "skipLibCheck": true, - "lib": ["es2017", "dom"], + "lib": ["ESNext", "dom"], "baseUrl": ".", "paths": { "~/*": ["src/*"], From 4daf6162c48b1f63d386bbd9fcc802f23121a818 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Thu, 9 Mar 2023 16:27:45 +0000 Subject: [PATCH 31/55] chore(update): angular to b2d4d26 From ec1aae41e507c798e589035b478bc29ca9cba423 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Tue, 28 Mar 2023 18:43:55 +0000 Subject: [PATCH 32/55] chore(update): angular to 8619580 --- package.json | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/package.json b/package.json index b83d168..fb8fc28 100644 --- a/package.json +++ b/package.json @@ -4,29 +4,29 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~15.0.0", - "@angular/common": "~15.0.0", - "@angular/compiler": "~15.0.0", - "@angular/core": "~15.0.0", - "@angular/forms": "~15.0.0", - "@angular/platform-browser": "~15.0.0", - "@angular/platform-browser-dynamic": "~15.0.0", - "@angular/router": "~15.0.0", - "@nativescript/angular": "~15.0.0", - "@nativescript/core": "~8.4.0", + "@angular/animations": "~15.2.0", + "@angular/common": "~15.2.0", + "@angular/compiler": "~15.2.0", + "@angular/core": "~15.2.0", + "@angular/forms": "~15.2.0", + "@angular/platform-browser": "~15.2.0", + "@angular/platform-browser-dynamic": "~15.2.0", + "@angular/router": "~15.2.0", + "@nativescript/angular": "^15.0.0", + "@nativescript/core": "~8.5.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.6.0", - "zone.js": "~0.12.0" + "zone.js": "~0.13.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~15.0.0", - "@angular/compiler-cli": "~15.0.0", + "@angular-devkit/build-angular": "~15.2.0", + "@angular/compiler-cli": "~15.2.0", "@nativescript/preview-cli": "1.0.2", "@nativescript/stackblitz": "0.0.6", "@nativescript/tailwind": "^2.0.1", - "@nativescript/types-minimal": "~8.4.0", + "@nativescript/types-minimal": "~8.5.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~15.0.0", + "@ngtools/webpack": "~15.2.0", "tailwindcss": "^3.1.8", "typescript": "~4.8.0" } From 5d0f0fc85eaf677c37b9d14e2dab5b5ca9e72b03 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Mon, 22 May 2023 02:58:00 +0000 Subject: [PATCH 33/55] chore(update): angular to 164c799 --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index fb8fc28..1b3fbf1 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ "@angular/platform-browser-dynamic": "~15.2.0", "@angular/router": "~15.2.0", "@nativescript/angular": "^15.0.0", - "@nativescript/core": "~8.5.0", + "@nativescript/core": "~8.4.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.6.0", "zone.js": "~0.13.0" @@ -24,7 +24,7 @@ "@nativescript/preview-cli": "1.0.2", "@nativescript/stackblitz": "0.0.6", "@nativescript/tailwind": "^2.0.1", - "@nativescript/types-minimal": "~8.5.0", + "@nativescript/types-minimal": "~8.4.0", "@nativescript/webpack": "~5.0.0", "@ngtools/webpack": "~15.2.0", "tailwindcss": "^3.1.8", From 9f7955e2f7e72752d9d74c9daeba79c83e728757 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Sat, 17 Jun 2023 23:40:27 +0000 Subject: [PATCH 34/55] chore(update): angular to dc6feec --- package.json | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/package.json b/package.json index 1b3fbf1..b369aef 100644 --- a/package.json +++ b/package.json @@ -4,30 +4,30 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~15.2.0", - "@angular/common": "~15.2.0", - "@angular/compiler": "~15.2.0", - "@angular/core": "~15.2.0", - "@angular/forms": "~15.2.0", - "@angular/platform-browser": "~15.2.0", - "@angular/platform-browser-dynamic": "~15.2.0", - "@angular/router": "~15.2.0", - "@nativescript/angular": "^15.0.0", + "@angular/animations": "~15.0.0", + "@angular/common": "~15.0.0", + "@angular/compiler": "~15.0.0", + "@angular/core": "~15.0.0", + "@angular/forms": "~15.0.0", + "@angular/platform-browser": "~15.0.0", + "@angular/platform-browser-dynamic": "~15.0.0", + "@angular/router": "~15.0.0", + "@nativescript/angular": "~15.0.0", "@nativescript/core": "~8.4.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.6.0", - "zone.js": "~0.13.0" + "zone.js": "~0.12.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~15.2.0", - "@angular/compiler-cli": "~15.2.0", + "@angular-devkit/build-angular": "~15.0.0", + "@angular/compiler-cli": "~15.0.0", "@nativescript/preview-cli": "1.0.2", "@nativescript/stackblitz": "0.0.6", "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.4.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~15.2.0", - "tailwindcss": "^3.1.8", + "@ngtools/webpack": "~15.0.0", + "tailwindcss": "~3.2.0", "typescript": "~4.8.0" } } From 7fd47c59ccee932c2ae4d6a298978c2d9bd49ed5 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Mon, 19 Jun 2023 15:42:44 +0000 Subject: [PATCH 35/55] chore(update): angular to d497deb --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index b369aef..3f9ab7c 100644 --- a/package.json +++ b/package.json @@ -21,8 +21,8 @@ "devDependencies": { "@angular-devkit/build-angular": "~15.0.0", "@angular/compiler-cli": "~15.0.0", - "@nativescript/preview-cli": "1.0.2", - "@nativescript/stackblitz": "0.0.6", + "@nativescript/preview-cli": "1.0.3", + "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.4.0", "@nativescript/webpack": "~5.0.0", From 9828964723a130358f72b5a4513634280ba8903f Mon Sep 17 00:00:00 2001 From: rigor789 Date: Tue, 20 Jun 2023 13:22:37 +0000 Subject: [PATCH 36/55] chore(update): angular to 7ec5c60 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 3f9ab7c..702a04c 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "devDependencies": { "@angular-devkit/build-angular": "~15.0.0", "@angular/compiler-cli": "~15.0.0", - "@nativescript/preview-cli": "1.0.3", + "@nativescript/preview-cli": "1.0.4", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.4.0", From fd62fa66970150ffe38b23d0dd7c6f5210a15943 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Fri, 23 Jun 2023 13:11:43 +0000 Subject: [PATCH 37/55] chore(update): angular to a95e229 --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 702a04c..ad720c1 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "devDependencies": { "@angular-devkit/build-angular": "~15.0.0", "@angular/compiler-cli": "~15.0.0", - "@nativescript/preview-cli": "1.0.4", + "@nativescript/preview-cli": "1.0.5", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.4.0", From ae521d64d092a7fed3c58f7794ff58fa12d3a951 Mon Sep 17 00:00:00 2001 From: rigor789 Date: Wed, 23 Aug 2023 10:44:11 +0000 Subject: [PATCH 38/55] chore(update): angular to a00126d From c8c421edd2671ecac575e5c693c48a99210a01d7 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Thu, 31 Aug 2023 15:18:19 +0000 Subject: [PATCH 39/55] chore(update): angular to 3cc5bdd --- package.json | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) diff --git a/package.json b/package.json index ad720c1..74b9d69 100644 --- a/package.json +++ b/package.json @@ -4,30 +4,30 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~15.0.0", - "@angular/common": "~15.0.0", - "@angular/compiler": "~15.0.0", - "@angular/core": "~15.0.0", - "@angular/forms": "~15.0.0", - "@angular/platform-browser": "~15.0.0", - "@angular/platform-browser-dynamic": "~15.0.0", - "@angular/router": "~15.0.0", - "@nativescript/angular": "~15.0.0", - "@nativescript/core": "~8.4.0", + "@angular/animations": "~16.2.0", + "@angular/common": "~16.2.0", + "@angular/compiler": "~16.2.0", + "@angular/core": "~16.2.0", + "@angular/forms": "~16.2.0", + "@angular/platform-browser": "~16.2.0", + "@angular/platform-browser-dynamic": "~16.2.0", + "@angular/router": "~16.2.0", + "@nativescript/angular": "^16.0.0", + "@nativescript/core": "~8.5.0", "@nativescript/theme": "~3.0.2", - "rxjs": "~7.6.0", - "zone.js": "~0.12.0" + "rxjs": "~7.8.0", + "zone.js": "~0.13.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~15.0.0", - "@angular/compiler-cli": "~15.0.0", + "@angular-devkit/build-angular": "~16.2.0", + "@angular/compiler-cli": "~16.2.0", "@nativescript/preview-cli": "1.0.5", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.0.1", - "@nativescript/types-minimal": "~8.4.0", + "@nativescript/types-minimal": "~8.5.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~15.0.0", + "@ngtools/webpack": "~16.2.0", "tailwindcss": "~3.2.0", - "typescript": "~4.8.0" + "typescript": "~5.1.6" } } From aaae30424f9b1e2654c57949d861a4334086e578 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Thu, 9 Nov 2023 01:31:12 +0000 Subject: [PATCH 40/55] chore(update): angular to 3d51ec1 --- package.json | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/package.json b/package.json index 74b9d69..0122cd9 100644 --- a/package.json +++ b/package.json @@ -4,30 +4,30 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~16.2.0", - "@angular/common": "~16.2.0", - "@angular/compiler": "~16.2.0", - "@angular/core": "~16.2.0", - "@angular/forms": "~16.2.0", - "@angular/platform-browser": "~16.2.0", - "@angular/platform-browser-dynamic": "~16.2.0", - "@angular/router": "~16.2.0", - "@nativescript/angular": "^16.0.0", + "@angular/animations": "~17.0.0", + "@angular/common": "~17.0.0", + "@angular/compiler": "~17.0.0", + "@angular/core": "~17.0.0", + "@angular/forms": "~17.0.0", + "@angular/platform-browser": "~17.0.0", + "@angular/platform-browser-dynamic": "~17.0.0", + "@angular/router": "~17.0.0", + "@nativescript/angular": "~17.0.0", "@nativescript/core": "~8.5.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.8.0", - "zone.js": "~0.13.0" + "zone.js": "~0.14.2" }, "devDependencies": { - "@angular-devkit/build-angular": "~16.2.0", - "@angular/compiler-cli": "~16.2.0", + "@angular-devkit/build-angular": "~17.0.0", + "@angular/compiler-cli": "~17.0.0", "@nativescript/preview-cli": "1.0.5", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.0.1", "@nativescript/types-minimal": "~8.5.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~16.2.0", + "@ngtools/webpack": "~17.0.0", "tailwindcss": "~3.2.0", - "typescript": "~5.1.6" + "typescript": "~5.2.2" } } From 527a586fbdf561d75461a16833dd9ffd8c646f76 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Mon, 8 Apr 2024 16:27:31 +0000 Subject: [PATCH 41/55] chore(update): angular to d2e7423 --- package.json | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/package.json b/package.json index 0122cd9..4229a6b 100644 --- a/package.json +++ b/package.json @@ -4,30 +4,30 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~17.0.0", - "@angular/common": "~17.0.0", - "@angular/compiler": "~17.0.0", - "@angular/core": "~17.0.0", - "@angular/forms": "~17.0.0", - "@angular/platform-browser": "~17.0.0", - "@angular/platform-browser-dynamic": "~17.0.0", - "@angular/router": "~17.0.0", - "@nativescript/angular": "~17.0.0", - "@nativescript/core": "~8.5.0", + "@angular/animations": "~17.3.0", + "@angular/common": "~17.3.0", + "@angular/compiler": "~17.3.0", + "@angular/core": "~17.3.0", + "@angular/forms": "~17.3.0", + "@angular/platform-browser": "~17.3.0", + "@angular/platform-browser-dynamic": "~17.3.0", + "@angular/router": "~17.3.0", + "@nativescript/angular": "^17.0.0", + "@nativescript/core": "~8.7.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.8.0", "zone.js": "~0.14.2" }, "devDependencies": { - "@angular-devkit/build-angular": "~17.0.0", - "@angular/compiler-cli": "~17.0.0", - "@nativescript/preview-cli": "1.0.5", + "@angular-devkit/build-angular": "~17.3.0", + "@angular/compiler-cli": "~17.3.0", + "@nativescript/preview-cli": "1.0.12", "@nativescript/stackblitz": "0.0.8", - "@nativescript/tailwind": "^2.0.1", - "@nativescript/types-minimal": "~8.5.0", + "@nativescript/tailwind": "^2.1.0", + "@nativescript/types-minimal": "~8.7.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~17.0.0", - "tailwindcss": "~3.2.0", - "typescript": "~5.2.2" + "@ngtools/webpack": "~17.3.0", + "tailwindcss": "~3.4.0", + "typescript": "~5.4.0" } } From ae00ec59fa83b3a4cd6390f97ce5df9a454ae317 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Mon, 8 Apr 2024 16:29:28 +0000 Subject: [PATCH 42/55] chore(update): angular to f7c6783 From 3e5deaf41e67e26f5059d2975160059373d6f500 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Sun, 26 May 2024 06:00:16 +0000 Subject: [PATCH 43/55] chore(update): angular to bc2a8ea --- src/app/item/items.component.ts | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/src/app/item/items.component.ts b/src/app/item/items.component.ts index edd4804..a5919a1 100644 --- a/src/app/item/items.component.ts +++ b/src/app/item/items.component.ts @@ -1,4 +1,5 @@ -import { Component, OnInit } from '@angular/core' +import { Component, OnInit, inject } from '@angular/core' +import { Page } from '@nativescript/core' import { Item } from './item' import { ItemService } from './item.service' @@ -8,9 +9,20 @@ import { ItemService } from './item.service' templateUrl: './items.component.html', }) export class ItemsComponent implements OnInit { - items: Array + page = inject(Page); + itemService = inject(ItemService); + items: Array; - constructor(private itemService: ItemService) {} + constructor() { + // Setup large titles on iOS + this.page.on('loaded', (args) => { + if (__IOS__) { + const navigationController: UINavigationController = + this.page.frame.ios.controller; + navigationController.navigationBar.prefersLargeTitles = true; + } + }); + } ngOnInit(): void { this.items = this.itemService.getItems() From e9c6ca79bd393f4cd546cc0f58d5c4fc9bfe3a7b Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Tue, 4 Jun 2024 00:27:22 +0000 Subject: [PATCH 44/55] chore(update): angular to 0bf46bd --- package.json | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index 4229a6b..33d760f 100644 --- a/package.json +++ b/package.json @@ -4,29 +4,29 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~17.3.0", - "@angular/common": "~17.3.0", - "@angular/compiler": "~17.3.0", - "@angular/core": "~17.3.0", - "@angular/forms": "~17.3.0", - "@angular/platform-browser": "~17.3.0", - "@angular/platform-browser-dynamic": "~17.3.0", - "@angular/router": "~17.3.0", - "@nativescript/angular": "^17.0.0", + "@angular/animations": "~18.0.0", + "@angular/common": "~18.0.0", + "@angular/compiler": "~18.0.0", + "@angular/core": "~18.0.0", + "@angular/forms": "~18.0.0", + "@angular/platform-browser": "~18.0.0", + "@angular/platform-browser-dynamic": "~18.0.0", + "@angular/router": "~18.0.0", + "@nativescript/angular": "^18.0.0", "@nativescript/core": "~8.7.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.8.0", "zone.js": "~0.14.2" }, "devDependencies": { - "@angular-devkit/build-angular": "~17.3.0", - "@angular/compiler-cli": "~17.3.0", + "@angular-devkit/build-angular": "~18.0.0", + "@angular/compiler-cli": "~18.0.0", "@nativescript/preview-cli": "1.0.12", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.1.0", "@nativescript/types-minimal": "~8.7.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~17.3.0", + "@ngtools/webpack": "~18.0.0", "tailwindcss": "~3.4.0", "typescript": "~5.4.0" } From a37d8437ed74a64eb07c57198fdb3abdb0bf0bd3 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Thu, 11 Jul 2024 15:33:43 +0000 Subject: [PATCH 45/55] chore(update): angular to c9e90c5 --- package.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/package.json b/package.json index 33d760f..a3eadcb 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ "@angular/platform-browser-dynamic": "~18.0.0", "@angular/router": "~18.0.0", "@nativescript/angular": "^18.0.0", - "@nativescript/core": "~8.7.0", + "@nativescript/core": "~8.8.0", "@nativescript/theme": "~3.0.2", "rxjs": "~7.8.0", "zone.js": "~0.14.2" @@ -21,10 +21,10 @@ "devDependencies": { "@angular-devkit/build-angular": "~18.0.0", "@angular/compiler-cli": "~18.0.0", - "@nativescript/preview-cli": "1.0.12", + "@nativescript/preview-cli": "1.0.13", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.1.0", - "@nativescript/types-minimal": "~8.7.0", + "@nativescript/types-minimal": "~8.8.0", "@nativescript/webpack": "~5.0.0", "@ngtools/webpack": "~18.0.0", "tailwindcss": "~3.4.0", From 508d280218b1aca089c76f45f86893b763a5b59a Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Mon, 22 Jul 2024 20:43:56 +0000 Subject: [PATCH 46/55] chore(update): angular to 29942bf --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index a3eadcb..dce9e83 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,7 @@ "@angular/router": "~18.0.0", "@nativescript/angular": "^18.0.0", "@nativescript/core": "~8.8.0", - "@nativescript/theme": "~3.0.2", + "@nativescript/theme": "^3.1.0", "rxjs": "~7.8.0", "zone.js": "~0.14.2" }, From b872224cbfa083928de6f973dd889932e47d9596 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Mon, 22 Jul 2024 20:46:47 +0000 Subject: [PATCH 47/55] chore(update): angular to 3c3321b --- package.json | 1 - src/app.css | 9 +-------- 2 files changed, 1 insertion(+), 9 deletions(-) diff --git a/package.json b/package.json index dce9e83..00801fc 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,6 @@ "@angular/router": "~18.0.0", "@nativescript/angular": "^18.0.0", "@nativescript/core": "~8.8.0", - "@nativescript/theme": "^3.1.0", "rxjs": "~7.8.0", "zone.js": "~0.14.2" }, diff --git a/src/app.css b/src/app.css index b026699..bd6213e 100644 --- a/src/app.css +++ b/src/app.css @@ -1,10 +1,3 @@ -@import '@nativescript/theme/css/core.css'; -@import '@nativescript/theme/css/default.css'; - @tailwind base; @tailwind components; -@tailwind utilities; - -Button.-primary { - font-size: 18; -} +@tailwind utilities; \ No newline at end of file From 21f4fa49a0a61c5044225fe27f0ece1016757bbd Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Sat, 19 Oct 2024 21:25:11 +0000 Subject: [PATCH 48/55] chore(update): angular to 5d96cc1 From 320191a8e7932014034c3c4d9a7189958773118f Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Sat, 4 Jan 2025 21:21:10 +0000 Subject: [PATCH 49/55] chore(update): angular to 230179b --- package.json | 30 ++++++++++++------------ references.d.ts | 2 +- src/app/app-routing.module.ts | 18 -------------- src/app/app.component.ts | 5 +++- src/app/app.module.ts | 16 ------------- src/app/app.routes.ts | 9 +++++++ src/app/item/item-detail.component.html | 6 ++--- src/app/item/item-detail.component.ts | 29 +++++++++++------------ src/app/item/item.service.ts | 18 ++++++-------- src/app/item/items.component.html | 2 +- src/app/item/items.component.ts | 25 ++++++++------------ src/main.ts | 31 +++++++++++++++++++++---- src/polyfills.ts | 5 ++++ 13 files changed, 96 insertions(+), 100 deletions(-) delete mode 100644 src/app/app-routing.module.ts delete mode 100644 src/app/app.module.ts create mode 100644 src/app/app.routes.ts diff --git a/package.json b/package.json index 00801fc..c6f2d66 100644 --- a/package.json +++ b/package.json @@ -4,29 +4,29 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~18.0.0", - "@angular/common": "~18.0.0", - "@angular/compiler": "~18.0.0", - "@angular/core": "~18.0.0", - "@angular/forms": "~18.0.0", - "@angular/platform-browser": "~18.0.0", - "@angular/platform-browser-dynamic": "~18.0.0", - "@angular/router": "~18.0.0", - "@nativescript/angular": "^18.0.0", + "@angular/animations": "~19.0.0", + "@angular/common": "~19.0.0", + "@angular/compiler": "~19.0.0", + "@angular/core": "~19.0.0", + "@angular/forms": "~19.0.0", + "@angular/platform-browser": "~19.0.0", + "@angular/platform-browser-dynamic": "~19.0.0", + "@angular/router": "~19.0.0", + "@nativescript/angular": "^19.0.0", "@nativescript/core": "~8.8.0", "rxjs": "~7.8.0", - "zone.js": "~0.14.2" + "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~18.0.0", - "@angular/compiler-cli": "~18.0.0", + "@angular-devkit/build-angular": "~19.0.0", + "@angular/compiler-cli": "~19.0.0", "@nativescript/preview-cli": "1.0.13", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.1.0", - "@nativescript/types-minimal": "~8.8.0", + "@nativescript/types": "~8.8.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~18.0.0", + "@ngtools/webpack": "~19.0.0", "tailwindcss": "~3.4.0", - "typescript": "~5.4.0" + "typescript": "~5.6.0" } } diff --git a/references.d.ts b/references.d.ts index 5e8adff..d743326 100644 --- a/references.d.ts +++ b/references.d.ts @@ -1 +1 @@ -/// +/// diff --git a/src/app/app-routing.module.ts b/src/app/app-routing.module.ts deleted file mode 100644 index 248f9da..0000000 --- a/src/app/app-routing.module.ts +++ /dev/null @@ -1,18 +0,0 @@ -import { NgModule } from '@angular/core' -import { Routes } from '@angular/router' -import { NativeScriptRouterModule } from '@nativescript/angular' - -import { ItemsComponent } from './item/items.component' -import { ItemDetailComponent } from './item/item-detail.component' - -const routes: Routes = [ - { path: '', redirectTo: '/items', pathMatch: 'full' }, - { path: 'items', component: ItemsComponent }, - { path: 'item/:id', component: ItemDetailComponent }, -] - -@NgModule({ - imports: [NativeScriptRouterModule.forRoot(routes)], - exports: [NativeScriptRouterModule], -}) -export class AppRoutingModule {} diff --git a/src/app/app.component.ts b/src/app/app.component.ts index 5920b7a..b391b90 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,7 +1,10 @@ -import { Component } from '@angular/core' +import { Component, NO_ERRORS_SCHEMA } from '@angular/core'; +import { PageRouterOutlet } from '@nativescript/angular'; @Component({ selector: 'ns-app', templateUrl: './app.component.html', + imports: [PageRouterOutlet], + schemas: [NO_ERRORS_SCHEMA], }) export class AppComponent {} diff --git a/src/app/app.module.ts b/src/app/app.module.ts deleted file mode 100644 index 2a0ade6..0000000 --- a/src/app/app.module.ts +++ /dev/null @@ -1,16 +0,0 @@ -import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core' -import { NativeScriptModule } from '@nativescript/angular' - -import { AppRoutingModule } from './app-routing.module' -import { AppComponent } from './app.component' -import { ItemsComponent } from './item/items.component' -import { ItemDetailComponent } from './item/item-detail.component' - -@NgModule({ - bootstrap: [AppComponent], - imports: [NativeScriptModule, AppRoutingModule], - declarations: [AppComponent, ItemsComponent, ItemDetailComponent], - providers: [], - schemas: [NO_ERRORS_SCHEMA], -}) -export class AppModule {} diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts new file mode 100644 index 0000000..c998b86 --- /dev/null +++ b/src/app/app.routes.ts @@ -0,0 +1,9 @@ +import { Routes } from '@angular/router'; +import { ItemsComponent } from './item/items.component'; +import { ItemDetailComponent } from './item/item-detail.component'; + +export const routes: Routes = [ + { path: '', redirectTo: '/items', pathMatch: 'full' }, + { path: 'items', component: ItemsComponent }, + { path: 'item/:id', component: ItemDetailComponent }, +]; diff --git a/src/app/item/item-detail.component.html b/src/app/item/item-detail.component.html index bf1a88b..607827c 100644 --- a/src/app/item/item-detail.component.html +++ b/src/app/item/item-detail.component.html @@ -2,8 +2,8 @@ - - + + - + diff --git a/src/app/item/item-detail.component.ts b/src/app/item/item-detail.component.ts index 378b8ed..60f728a 100644 --- a/src/app/item/item-detail.component.ts +++ b/src/app/item/item-detail.component.ts @@ -1,26 +1,25 @@ -import { Component, OnInit } from '@angular/core'; -import { ActivatedRoute } from '@angular/router'; - -import { Item } from './item'; -import { ItemService } from './item.service'; +import { Component, NO_ERRORS_SCHEMA, OnInit, inject, signal } from '@angular/core' +import { ActivatedRoute } from '@angular/router' +import { NativeScriptCommonModule } from '@nativescript/angular' +import { Item } from './item' +import { ItemService } from './item.service' @Component({ - selector: 'ns-details', + selector: 'ns-item-detail', templateUrl: './item-detail.component.html', + imports: [NativeScriptCommonModule], + schemas: [NO_ERRORS_SCHEMA], }) export class ItemDetailComponent implements OnInit { - item: Item; - - constructor( - private itemService: ItemService, - private route: ActivatedRoute - ) {} + itemService = inject(ItemService) + route = inject(ActivatedRoute) + item = signal(null) ngOnInit(): void { - const id = +this.route.snapshot.params.id; - this.item = this.itemService.getItem(id); + const id = +this.route.snapshot.params.id + this.item.set(this.itemService.getItem(id)) // log the item to the console - console.log(this.item); + console.log(this.item()) } } diff --git a/src/app/item/item.service.ts b/src/app/item/item.service.ts index cd15d24..b8cf2d9 100644 --- a/src/app/item/item.service.ts +++ b/src/app/item/item.service.ts @@ -1,13 +1,13 @@ -import { Injectable } from '@angular/core' - +import { Injectable, signal } from '@angular/core' import { Item } from './item' @Injectable({ providedIn: 'root', }) export class ItemService { - private items = new Array( - { id: 1, name: 'Ter Stegen', role: 'Goalkeeper' }, + items = signal([ + { id: 1, name: 'NativeScript', role: 'Technology' }, + { id: 2, name: 'Ter Stegen', role: 'Goalkeeper' }, { id: 3, name: 'Piqué', role: 'Defender' }, { id: 4, name: 'I. Rakitic', role: 'Midfielder' }, { id: 5, name: 'Sergio', role: 'Midfielder' }, @@ -28,14 +28,10 @@ export class ItemService { { id: 22, name: 'Aleix Vidal', role: 'Midfielder' }, { id: 23, name: 'Umtiti', role: 'Defender' }, { id: 24, name: 'Mathieu', role: 'Defender' }, - { id: 25, name: 'Masip', role: 'Goalkeeper' } - ) - - getItems(): Array { - return this.items - } + { id: 25, name: 'Masip', role: 'Goalkeeper' }, + ]) getItem(id: number): Item { - return this.items.filter((item) => item.id === id)[0] + return this.items().find((item) => item.id === id) } } diff --git a/src/app/item/items.component.html b/src/app/item/items.component.html index 2ea1157..02d3b50 100644 --- a/src/app/item/items.component.html +++ b/src/app/item/items.component.html @@ -1,7 +1,7 @@ - + diff --git a/src/app/item/items.component.ts b/src/app/item/items.component.ts index a5919a1..55723be 100644 --- a/src/app/item/items.component.ts +++ b/src/app/item/items.component.ts @@ -1,30 +1,25 @@ -import { Component, OnInit, inject } from '@angular/core' +import { Component, NO_ERRORS_SCHEMA, inject } from '@angular/core' +import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular' import { Page } from '@nativescript/core' - -import { Item } from './item' import { ItemService } from './item.service' @Component({ selector: 'ns-items', templateUrl: './items.component.html', + imports: [NativeScriptCommonModule, NativeScriptRouterModule], + schemas: [NO_ERRORS_SCHEMA], }) -export class ItemsComponent implements OnInit { - page = inject(Page); - itemService = inject(ItemService); - items: Array; +export class ItemsComponent { + itemService = inject(ItemService) + page = inject(Page) constructor() { // Setup large titles on iOS this.page.on('loaded', (args) => { if (__IOS__) { - const navigationController: UINavigationController = - this.page.frame.ios.controller; - navigationController.navigationBar.prefersLargeTitles = true; + const navigationController: UINavigationController = this.page.frame.ios.controller + navigationController.navigationBar.prefersLargeTitles = true } - }); - } - - ngOnInit(): void { - this.items = this.itemService.getItems() + }) } } diff --git a/src/main.ts b/src/main.ts index 4883e8f..276c0df 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,8 +1,31 @@ -import { platformNativeScript, runNativeScriptAngularApp } from '@nativescript/angular'; +import { + bootstrapApplication, + provideNativeScriptHttpClient, + provideNativeScriptNgZone, + provideNativeScriptRouter, + runNativeScriptAngularApp, +} from '@nativescript/angular'; +import { provideExperimentalZonelessChangeDetection } from '@angular/core'; +import { withInterceptorsFromDi } from '@angular/common/http'; +import { routes } from './app/app.routes'; +import { AppComponent } from './app/app.component'; -import { AppModule } from './app/app.module'; +/** + * Disable zone by setting this to true + * Then also adjust polyfills.ts (see note there) + */ +const EXPERIMENTAL_ZONELESS = false; runNativeScriptAngularApp({ - appModuleBootstrap: () => platformNativeScript().bootstrapModule(AppModule), + appModuleBootstrap: () => { + return bootstrapApplication(AppComponent, { + providers: [ + provideNativeScriptHttpClient(withInterceptorsFromDi()), + provideNativeScriptRouter(routes), + EXPERIMENTAL_ZONELESS + ? provideExperimentalZonelessChangeDetection() + : provideNativeScriptNgZone(), + ], + }); + }, }); - diff --git a/src/polyfills.ts b/src/polyfills.ts index 05df962..3b995a8 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -7,6 +7,11 @@ import '@nativescript/core/globals'; // Install @nativescript/angular specific polyfills import '@nativescript/angular/polyfills'; +/** + * Disable zone completely by removing the following 3 imports + * alongside also adjusting main.ts to boot zoneless + */ + /** * Zone.js and patches */ From c8819f6d70aac7d35fe105af5641ee60d98c7620 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Fri, 14 Feb 2025 00:43:30 +0000 Subject: [PATCH 50/55] chore(update): angular to 8f29d4b --- package.json | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/package.json b/package.json index c6f2d66..1156a7b 100644 --- a/package.json +++ b/package.json @@ -4,29 +4,29 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~19.0.0", - "@angular/common": "~19.0.0", - "@angular/compiler": "~19.0.0", - "@angular/core": "~19.0.0", - "@angular/forms": "~19.0.0", - "@angular/platform-browser": "~19.0.0", - "@angular/platform-browser-dynamic": "~19.0.0", - "@angular/router": "~19.0.0", + "@angular/animations": "~19.1.0", + "@angular/common": "~19.1.0", + "@angular/compiler": "~19.1.0", + "@angular/core": "~19.1.0", + "@angular/forms": "~19.1.0", + "@angular/platform-browser": "~19.1.0", + "@angular/platform-browser-dynamic": "~19.1.0", + "@angular/router": "~19.1.0", "@nativescript/angular": "^19.0.0", "@nativescript/core": "~8.8.0", "rxjs": "~7.8.0", "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~19.0.0", - "@angular/compiler-cli": "~19.0.0", + "@angular-devkit/build-angular": "~19.1.0", + "@angular/compiler-cli": "~19.1.0", "@nativescript/preview-cli": "1.0.13", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.1.0", "@nativescript/types": "~8.8.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~19.0.0", + "@ngtools/webpack": "~19.1.0", "tailwindcss": "~3.4.0", - "typescript": "~5.6.0" + "typescript": "~5.7.0" } } From 642a2e93aa0b47246e1a6b54d9cb941439540ccd Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Thu, 27 Feb 2025 17:13:26 +0000 Subject: [PATCH 51/55] chore(update): angular to 9445288 --- package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index 1156a7b..e39f133 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ "@angular/platform-browser-dynamic": "~19.1.0", "@angular/router": "~19.1.0", "@nativescript/angular": "^19.0.0", - "@nativescript/core": "~8.8.0", + "@nativescript/core": "~8.9.0", "rxjs": "~7.8.0", "zone.js": "~0.15.0" }, @@ -23,7 +23,7 @@ "@nativescript/preview-cli": "1.0.13", "@nativescript/stackblitz": "0.0.8", "@nativescript/tailwind": "^2.1.0", - "@nativescript/types": "~8.8.0", + "@nativescript/types": "~8.9.0", "@nativescript/webpack": "~5.0.0", "@ngtools/webpack": "~19.1.0", "tailwindcss": "~3.4.0", From bcd383c6dc4be63679108de658132015d3467584 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Sun, 23 Mar 2025 03:01:29 +0000 Subject: [PATCH 52/55] chore(update): angular to d0aca50 --- package.json | 26 +++++++++++++------------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/package.json b/package.json index e39f133..73dfbdc 100644 --- a/package.json +++ b/package.json @@ -4,28 +4,28 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~19.1.0", - "@angular/common": "~19.1.0", - "@angular/compiler": "~19.1.0", - "@angular/core": "~19.1.0", - "@angular/forms": "~19.1.0", - "@angular/platform-browser": "~19.1.0", - "@angular/platform-browser-dynamic": "~19.1.0", - "@angular/router": "~19.1.0", + "@angular/animations": "~19.2.0", + "@angular/common": "~19.2.0", + "@angular/compiler": "~19.2.0", + "@angular/core": "~19.2.0", + "@angular/forms": "~19.2.0", + "@angular/platform-browser": "~19.2.0", + "@angular/platform-browser-dynamic": "~19.2.0", + "@angular/router": "~19.2.0", "@nativescript/angular": "^19.0.0", "@nativescript/core": "~8.9.0", "rxjs": "~7.8.0", "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~19.1.0", - "@angular/compiler-cli": "~19.1.0", - "@nativescript/preview-cli": "1.0.13", - "@nativescript/stackblitz": "0.0.8", + "@angular-devkit/build-angular": "~19.2.0", + "@angular/compiler-cli": "~19.2.0", + "@nativescript/preview-cli": "^1.0.14", + "@nativescript/stackblitz": "^0.0.8", "@nativescript/tailwind": "^2.1.0", "@nativescript/types": "~8.9.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~19.1.0", + "@ngtools/webpack": "~19.2.0", "tailwindcss": "~3.4.0", "typescript": "~5.7.0" } From 6ee2b843ea6968ae2c34b35e4c8c0194699583ce Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Sun, 1 Jun 2025 19:05:40 +0000 Subject: [PATCH 53/55] chore(update): angular to 1c61745 --- package.json | 26 +++++++++++++------------- src/main.ts | 13 ++----------- src/polyfills.ts | 17 ----------------- 3 files changed, 15 insertions(+), 41 deletions(-) diff --git a/package.json b/package.json index 73dfbdc..bdb8bda 100644 --- a/package.json +++ b/package.json @@ -4,29 +4,29 @@ "version": "1.0.0", "private": true, "dependencies": { - "@angular/animations": "~19.2.0", - "@angular/common": "~19.2.0", - "@angular/compiler": "~19.2.0", - "@angular/core": "~19.2.0", - "@angular/forms": "~19.2.0", - "@angular/platform-browser": "~19.2.0", - "@angular/platform-browser-dynamic": "~19.2.0", - "@angular/router": "~19.2.0", - "@nativescript/angular": "^19.0.0", + "@angular/animations": "~20.0.0", + "@angular/common": "~20.0.0", + "@angular/compiler": "~20.0.0", + "@angular/core": "~20.0.0", + "@angular/forms": "~20.0.0", + "@angular/platform-browser": "~20.0.0", + "@angular/platform-browser-dynamic": "~20.0.0", + "@angular/router": "~20.0.0", + "@nativescript/angular": "^20.0.0", "@nativescript/core": "~8.9.0", "rxjs": "~7.8.0", "zone.js": "~0.15.0" }, "devDependencies": { - "@angular-devkit/build-angular": "~19.2.0", - "@angular/compiler-cli": "~19.2.0", + "@angular-devkit/build-angular": "~20.0.0", + "@angular/compiler-cli": "~20.0.0", "@nativescript/preview-cli": "^1.0.14", "@nativescript/stackblitz": "^0.0.8", "@nativescript/tailwind": "^2.1.0", "@nativescript/types": "~8.9.0", "@nativescript/webpack": "~5.0.0", - "@ngtools/webpack": "~19.2.0", + "@ngtools/webpack": "~20.0.0", "tailwindcss": "~3.4.0", - "typescript": "~5.7.0" + "typescript": "~5.8.0" } } diff --git a/src/main.ts b/src/main.ts index 276c0df..351c4c1 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,30 +1,21 @@ import { bootstrapApplication, provideNativeScriptHttpClient, - provideNativeScriptNgZone, provideNativeScriptRouter, runNativeScriptAngularApp, } from '@nativescript/angular'; -import { provideExperimentalZonelessChangeDetection } from '@angular/core'; +import { provideZonelessChangeDetection } from '@angular/core'; import { withInterceptorsFromDi } from '@angular/common/http'; import { routes } from './app/app.routes'; import { AppComponent } from './app/app.component'; -/** - * Disable zone by setting this to true - * Then also adjust polyfills.ts (see note there) - */ -const EXPERIMENTAL_ZONELESS = false; - runNativeScriptAngularApp({ appModuleBootstrap: () => { return bootstrapApplication(AppComponent, { providers: [ provideNativeScriptHttpClient(withInterceptorsFromDi()), provideNativeScriptRouter(routes), - EXPERIMENTAL_ZONELESS - ? provideExperimentalZonelessChangeDetection() - : provideNativeScriptNgZone(), + provideZonelessChangeDetection(), ], }); }, diff --git a/src/polyfills.ts b/src/polyfills.ts index 3b995a8..0929f3d 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -6,20 +6,3 @@ import '@nativescript/core/globals'; // Install @nativescript/angular specific polyfills import '@nativescript/angular/polyfills'; - -/** - * Disable zone completely by removing the following 3 imports - * alongside also adjusting main.ts to boot zoneless - */ - -/** - * 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'; - -// Add NativeScript specific Zone JS patches -import '@nativescript/zone-js'; From 548418a8d7155e359ae2257705d46ebfe9e5ccf6 Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Thu, 17 Jul 2025 21:12:00 +0000 Subject: [PATCH 54/55] chore(update): angular to c4c6d8b --- src/app/app.routes.ts | 8 ++-- src/app/item/item-detail.component.html | 9 ----- src/app/item/item-detail.component.ts | 25 ------------ src/app/item/item.service.ts | 37 ------------------ src/app/item/item.ts | 5 --- .../people.component.html} | 7 ++-- src/app/people/person-detail.component.html | 29 ++++++++++++++ src/app/people/person-detail.component.ts | 39 +++++++++++++++++++ .../person.component.ts} | 19 ++++----- src/app/people/person.service.ts | 27 +++++++++++++ src/app/people/person.ts | 6 +++ 11 files changed, 119 insertions(+), 92 deletions(-) delete mode 100644 src/app/item/item-detail.component.html delete mode 100644 src/app/item/item-detail.component.ts delete mode 100644 src/app/item/item.service.ts delete mode 100644 src/app/item/item.ts rename src/app/{item/items.component.html => people/people.component.html} (67%) create mode 100644 src/app/people/person-detail.component.html create mode 100644 src/app/people/person-detail.component.ts rename src/app/{item/items.component.ts => people/person.component.ts} (56%) create mode 100644 src/app/people/person.service.ts create mode 100644 src/app/people/person.ts diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts index c998b86..607e5ad 100644 --- a/src/app/app.routes.ts +++ b/src/app/app.routes.ts @@ -1,9 +1,9 @@ import { Routes } from '@angular/router'; -import { ItemsComponent } from './item/items.component'; -import { ItemDetailComponent } from './item/item-detail.component'; +import { PeopleComponent } from './people/person.component'; +import { PersonDetailComponent } from './people/person-detail.component'; export const routes: Routes = [ { path: '', redirectTo: '/items', pathMatch: 'full' }, - { path: 'items', component: ItemsComponent }, - { path: 'item/:id', component: ItemDetailComponent }, + { path: 'items', component: PeopleComponent }, + { path: 'item/:id', component: PersonDetailComponent }, ]; diff --git a/src/app/item/item-detail.component.html b/src/app/item/item-detail.component.html deleted file mode 100644 index 607827c..0000000 --- a/src/app/item/item-detail.component.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - - - - - - diff --git a/src/app/item/item-detail.component.ts b/src/app/item/item-detail.component.ts deleted file mode 100644 index 60f728a..0000000 --- a/src/app/item/item-detail.component.ts +++ /dev/null @@ -1,25 +0,0 @@ -import { Component, NO_ERRORS_SCHEMA, OnInit, inject, signal } from '@angular/core' -import { ActivatedRoute } from '@angular/router' -import { NativeScriptCommonModule } from '@nativescript/angular' -import { Item } from './item' -import { ItemService } from './item.service' - -@Component({ - selector: 'ns-item-detail', - templateUrl: './item-detail.component.html', - imports: [NativeScriptCommonModule], - schemas: [NO_ERRORS_SCHEMA], -}) -export class ItemDetailComponent implements OnInit { - itemService = inject(ItemService) - route = inject(ActivatedRoute) - item = signal(null) - - ngOnInit(): void { - const id = +this.route.snapshot.params.id - this.item.set(this.itemService.getItem(id)) - - // log the item to the console - console.log(this.item()) - } -} diff --git a/src/app/item/item.service.ts b/src/app/item/item.service.ts deleted file mode 100644 index b8cf2d9..0000000 --- a/src/app/item/item.service.ts +++ /dev/null @@ -1,37 +0,0 @@ -import { Injectable, signal } from '@angular/core' -import { Item } from './item' - -@Injectable({ - providedIn: 'root', -}) -export class ItemService { - items = signal([ - { id: 1, name: 'NativeScript', role: 'Technology' }, - { id: 2, name: 'Ter Stegen', role: 'Goalkeeper' }, - { id: 3, name: 'Piqué', role: 'Defender' }, - { id: 4, name: 'I. Rakitic', role: 'Midfielder' }, - { id: 5, name: 'Sergio', role: 'Midfielder' }, - { id: 6, name: 'Denis Suárez', role: 'Midfielder' }, - { id: 7, name: 'Arda', role: 'Midfielder' }, - { id: 8, name: 'A. Iniesta', role: 'Midfielder' }, - { id: 9, name: 'Suárez', role: 'Forward' }, - { id: 10, name: 'Messi', role: 'Forward' }, - { id: 11, name: 'Neymar', role: 'Forward' }, - { id: 12, name: 'Rafinha', role: 'Midfielder' }, - { id: 13, name: 'Cillessen', role: 'Goalkeeper' }, - { id: 14, name: 'Mascherano', role: 'Defender' }, - { id: 17, name: 'Paco Alcácer', role: 'Forward' }, - { id: 18, name: 'Jordi Alba', role: 'Defender' }, - { id: 19, name: 'Digne', role: 'Defender' }, - { id: 20, name: 'Sergi Roberto', role: 'Midfielder' }, - { id: 21, name: 'André Gomes', role: 'Midfielder' }, - { id: 22, name: 'Aleix Vidal', role: 'Midfielder' }, - { id: 23, name: 'Umtiti', role: 'Defender' }, - { id: 24, name: 'Mathieu', role: 'Defender' }, - { id: 25, name: 'Masip', role: 'Goalkeeper' }, - ]) - - getItem(id: number): Item { - return this.items().find((item) => item.id === id) - } -} diff --git a/src/app/item/item.ts b/src/app/item/item.ts deleted file mode 100644 index 0e31d70..0000000 --- a/src/app/item/item.ts +++ /dev/null @@ -1,5 +0,0 @@ -export interface Item { - id: number - name: string - role: string -} diff --git a/src/app/item/items.component.html b/src/app/people/people.component.html similarity index 67% rename from src/app/item/items.component.html rename to src/app/people/people.component.html index 02d3b50..5e7d37b 100644 --- a/src/app/item/items.component.html +++ b/src/app/people/people.component.html @@ -1,11 +1,12 @@ - + + - + - + \ No newline at end of file diff --git a/src/app/people/person-detail.component.html b/src/app/people/person-detail.component.html new file mode 100644 index 0000000..d8ffbad --- /dev/null +++ b/src/app/people/person-detail.component.html @@ -0,0 +1,29 @@ + +@if (isAndroid) { + + + + + } + + + + + + + + + + + + + + + + + + diff --git a/src/app/people/person-detail.component.ts b/src/app/people/person-detail.component.ts new file mode 100644 index 0000000..99df2f4 --- /dev/null +++ b/src/app/people/person-detail.component.ts @@ -0,0 +1,39 @@ +import { ChangeDetectionStrategy, Component, NO_ERRORS_SCHEMA, OnInit, inject, signal } from '@angular/core'; +import { ActivatedRoute } from '@angular/router'; +import { NativeScriptCommonModule, RouterExtensions } from '@nativescript/angular'; +import { Person } from './person'; +import { PersonService } from './person.service'; + +@Component({ + selector: 'ns-person-detail', + templateUrl: './person-detail.component.html', + imports: [NativeScriptCommonModule], + schemas: [NO_ERRORS_SCHEMA], + changeDetection: ChangeDetectionStrategy.OnPush +}) +export class PersonDetailComponent implements OnInit { + personService = inject(PersonService); +routerExtensions = inject(RouterExtensions); + route = inject(ActivatedRoute); + person = signal(null); + isAndroid = __ANDROID__; + + ngOnInit(): void { + const id = +this.route.snapshot.params.id; + this.person.set(this.personService.getPerson(id)); + + // log the person to the console + console.log(this.person()); + } + + + goBack() { + this.routerExtensions.back(); + } + + formatAchievements(achievements: string[] | undefined | null): string { + if (!achievements || !Array.isArray(achievements)) return ''; + return achievements.map( (a, index) => (index + 1) + '. ' + a.trim()).join('\n'); + } + +} diff --git a/src/app/item/items.component.ts b/src/app/people/person.component.ts similarity index 56% rename from src/app/item/items.component.ts rename to src/app/people/person.component.ts index 55723be..df79f09 100644 --- a/src/app/item/items.component.ts +++ b/src/app/people/person.component.ts @@ -1,24 +1,25 @@ -import { Component, NO_ERRORS_SCHEMA, inject } from '@angular/core' +import { ChangeDetectionStrategy, Component, NO_ERRORS_SCHEMA, inject } from '@angular/core' import { NativeScriptCommonModule, NativeScriptRouterModule } from '@nativescript/angular' import { Page } from '@nativescript/core' -import { ItemService } from './item.service' +import { PersonService } from './person.service' @Component({ - selector: 'ns-items', - templateUrl: './items.component.html', + selector: 'ns-people', + templateUrl: './people.component.html', imports: [NativeScriptCommonModule, NativeScriptRouterModule], schemas: [NO_ERRORS_SCHEMA], + changeDetection: ChangeDetectionStrategy.OnPush }) -export class ItemsComponent { - itemService = inject(ItemService) - page = inject(Page) +export class PeopleComponent { + personService = inject(PersonService); + page = inject(Page); constructor() { // Setup large titles on iOS this.page.on('loaded', (args) => { if (__IOS__) { - const navigationController: UINavigationController = this.page.frame.ios.controller - navigationController.navigationBar.prefersLargeTitles = true + const navigationController: UINavigationController = this.page.frame.ios.controller; + navigationController.navigationBar.prefersLargeTitles = true; } }) } diff --git a/src/app/people/person.service.ts b/src/app/people/person.service.ts new file mode 100644 index 0000000..f1af52b --- /dev/null +++ b/src/app/people/person.service.ts @@ -0,0 +1,27 @@ +import { Injectable, signal } from '@angular/core'; +import { Person } from './person'; + +@Injectable({providedIn: 'root'}) +export class PersonService { + items = signal([ + { id: 1, name: 'Alan Turing', nationality: 'British', notableAchievements: ['WW2 code breaking', 'Father of theoretical computer science and AI' ] }, + { id: 2, name: 'Grace Hopper', nationality: 'American', notableAchievements: ['COBOL development', 'Navy commander', 'Implementation of computer systems and components testing'] }, + { id: 3, name: 'Donal Knuth', nationality: 'American', notableAchievements: [ 'Author of The Art of Computer Programming', 'Created TeX typesetting system' ] }, + { id: 4, name: 'Ada Lovelace', nationality: 'British', notableAchievements: [ 'First computer programmer', 'Worked on Analytical Engine' ]}, + { id: 5, name: 'John von Neumann', nationality: 'Hungarian/American', notableAchievements: [ 'Von Neumann architecture', 'Game theory', 'Contributed to EDVAC' ] }, + { id: 6, name: 'Tim Berners-Lee', nationality: 'British', notableAchievements: [ 'Inventor of the World Wide Web' ] }, + { id: 7, name: 'Edsger Dijkstra', nationality: 'Dutch', notableAchievements: [ 'Shortest path algorithm', 'Structured programming advocate' ] }, + { id: 8, name: 'Linus Torvalds', nationality: 'Finnish-American', notableAchievements: ['Creator of Linux kernel', 'Creator of Git'] }, + { id: 9, name: 'John McCarthy', nationality: 'American', notableAchievements: ['Coined term "Artificial Intelligence"', 'Created LISP programming language'] }, + { id: 10, name: 'Dennis Ritchie', nationality: 'American', notableAchievements: ['Creator of C programming language', 'Co-creator of Unix'] }, + { id: 11, name: 'Bjarne Stroustrup', nationality: 'Danish', notableAchievements: [ 'Creator of C++ programming language' ] }, + { id: 12, name: 'Steve Wozniak', nationality: 'American', notableAchievements: ['Co-founder of Apple', 'Designer of Apple I & II', 'Pioneer of personal computing'] }, + { id: 13, name: 'Tommy Flowers', nationality: 'British', notableAchievements: ['Designer of Colossus', 'Pioneer in electronic computing'] }, + { id: 14, name: 'John Backus', nationality: 'American', notableAchievements: ['Created FORTRAN', 'Developed Backus-Naur form(BNF) notation'] }, + { id: 15, name: 'Niklaus Wirth', nationality: 'Swiss', notableAchievements: ['Creator of Pascal, Modula, Oberon languages', 'Software engineering pioneer'] }, + ]); + + getPerson(id: number): Person { + return this.items().find((person) => person.id === id); + } +} diff --git a/src/app/people/person.ts b/src/app/people/person.ts new file mode 100644 index 0000000..f297616 --- /dev/null +++ b/src/app/people/person.ts @@ -0,0 +1,6 @@ +export interface Person { + id: number; + name: string; + nationality: string; + notableAchievements: string[]; +} From 8928fe8ec21f2b57cc7272613c29452d20939e4b Mon Sep 17 00:00:00 2001 From: NathanWalker Date: Fri, 28 Nov 2025 14:16:14 +0000 Subject: [PATCH 55/55] chore(update): angular to 35b9a87 --- package.json | 2 +- tsconfig.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/package.json b/package.json index bdb8bda..812eefd 100644 --- a/package.json +++ b/package.json @@ -24,7 +24,7 @@ "@nativescript/stackblitz": "^0.0.8", "@nativescript/tailwind": "^2.1.0", "@nativescript/types": "~8.9.0", - "@nativescript/webpack": "~5.0.0", + "@nativescript/webpack": "~5.0.27", "@ngtools/webpack": "~20.0.0", "tailwindcss": "~3.4.0", "typescript": "~5.8.0" diff --git a/tsconfig.json b/tsconfig.json index ab51a0b..6e98a43 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -2,7 +2,7 @@ "compilerOptions": { "module": "esnext", "target": "ES2020", - "moduleResolution": "node", + "moduleResolution": "bundler", "experimentalDecorators": true, "emitDecoratorMetadata": true, "noEmitHelpers": true,