feat: Angular 15.1 updates (#8)

Author: NathanWalker

angular-tutorial/package.json

@@ -30,29 +30,31 @@
     "url": "https://github.com/NativeScript/NativeScript/issues"
   },
   "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",
+    "@angular/animations": "~15.1.0",
+    "@angular/common": "~15.1.0",
+    "@angular/compiler": "~15.1.0",
+    "@angular/core": "~15.1.0",
+    "@angular/forms": "~15.1.0",
+    "@angular/platform-browser": "~15.1.0",
+    "@angular/platform-browser-dynamic": "~15.1.0",
+    "@angular/router": "~15.1.0",
+    "@nativescript/angular": "^15.0.0",
+    "@nativescript/core": "~8.4.0",
+    "@nativescript/tailwind": "^2.0.1",
     "@nativescript/theme": "~3.0.1",
     "rxjs": "^7.5.0",
+    "tailwindcss": "^3.2.4",
     "zone.js": "~0.11.5"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~14.0.0",
-    "@angular/compiler-cli": "~14.0.0",
-    "@nativescript/android": "~8.2.0",
-    "@nativescript/ios": "~8.2.0",
-    "@nativescript/types": "~8.2.0",
+    "@angular-devkit/build-angular": "~15.1.0",
+    "@angular/compiler-cli": "~15.1.0",
+    "@nativescript/android": "~8.4.0",
+    "@nativescript/ios": "~8.4.0",
+    "@nativescript/types": "~8.4.0",
     "@nativescript/webpack": "~5.0.0",
-    "@ngtools/webpack": "~14.0.0",
-    "typescript": "~4.7.4"
+    "@ngtools/webpack": "~15.1.0",
+    "typescript": "~4.8.4"
   },
   "private": "true",
   "readme": "NativeScript Application"

angular-tutorial/src/app.scss

@@ -13,6 +13,10 @@ The imported CSS rules must precede all other types of rules.
 @import "@nativescript/theme/css/core.css";
 @import "@nativescript/theme/css/default.css";
 
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 /* Place any CSS rules you want to apply on both iOS and Android here.
 This is where the vast majority of your CSS code goes. */
 

angular-tutorial/tailwind.config.js

@@ -0,0 +1,15 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './src/**/*.{css,xml,html,vue,svelte,ts,tsx}'
+  ],
+  // use the .ns-dark class to control dark mode (applied by NativeScript) - since 'media' (default) is not supported.
+  darkMode: ['class', '.ns-dark'],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+  corePlugins: {
+    preflight: false // disables browser-specific resets
+  }
+}

angular-tutorial/tsconfig.json

@@ -1,21 +1,41 @@
 {
   "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/*"],
-      "@/*": ["src/*"]
-    }
+      "~/*": [
+        "src/*"
+      ],
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "removeComments": false
   },
-  "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"]
-}
+  "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"
+  ]
+}