chore: update angluar to v17 and templates to latest tauri (#544)

* chore: Update templates to latest tauri

* try to fix angular?

* ts 5

* come on i don't wanna update angular

* why the f would you lock it to 5.0.0?? at least gimme patch versions

* update angular to new init template

* fmt

* node 18

* finish angular update to 17

* fmt

* moduleResolution bundler for angular

* fix angular distDir

Author: FabianLars

.changes/angular-17.md

@@ -0,0 +1,6 @@
+---
+"create-tauri-app": patch
+"create-tauri-app-js": patch
+---
+
+Update `angular` template to Angluar 17

.changes/update-tauri-alpha18.md

@@ -0,0 +1,6 @@
+---
+"create-tauri-app": patch
+"create-tauri-app-js": patch
+---
+
+Update templates to latest tauri versions (1.5 and 2.0.0-alpha.18).

.github/workflows/templates-test.yml

@@ -78,11 +78,11 @@ jobs:
         with:
           bun-version: latest
 
-      - name: Install Node.js@16
+      - name: Install Node.js@18
         if: matrix.settings.manager != 'cargo'
-        uses: actions/setup-node@v2
+        uses: actions/setup-node@v4
         with:
-          node-version: 16
+          node-version: 18
 
       - uses: dtolnay/rust-toolchain@stable
 

packages/cli/fragments/_base_/src-tauri/Cargo.toml.lts

@@ -23,7 +23,6 @@ tauri-build = { version = "2.0.0-alpha", features = [] }
 
 [dependencies]
 tauri = { version = "2.0.0-alpha", features = [] }
-tauri-plugin-window = "2.0.0-alpha"
 tauri-plugin-shell = "2.0.0-alpha"{% endif %}
 serde_json = "1.0"
 

packages/cli/fragments/_base_/src-tauri/src/%(mobile)%lib.rs.lts

@@ -7,7 +7,6 @@ fn greet(name: &str) -> String {
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
     tauri::Builder::default()
-        .plugin(tauri_plugin_window::init())
         .plugin(tauri_plugin_shell::init())
         .invoke_handler(tauri::generate_handler![greet])
         .run(tauri::generate_context!())

packages/cli/fragments/fragment-angular/_cta_manifest_

@@ -2,13 +2,13 @@
 # SPDX-License-Identifier: Apache-2.0
 # SPDX-License-Identifier: MIT
 
-beforeDevCommand = {% pkg_manager_run_command %} start {% double_dash_with_space %}--port 1420
+beforeDevCommand = {% pkg_manager_run_command %} start
 beforeBuildCommand = {% pkg_manager_run_command %} build
 devPath = http://localhost:1420
-distDir = ../dist/{% package_name %}
+distDir = ../dist/{% package_name %}/browser
 
 [mobile]
-beforeDevCommand = {% pkg_manager_run_command %} start {% double_dash_with_space %}--port 1420 --host $HOST --public-host $HOST
+beforeDevCommand = {% pkg_manager_run_command %} start {% double_dash_with_space %}--host $HOST --public-host $HOST
 
 [files]
 tauri.svg = src/assets/tauri.svg

packages/cli/fragments/fragment-angular/angular.json.lts

@@ -7,22 +7,21 @@
   },
   "projects": {
     "{% package_name %}": {
-      "root": "",
       "projectType": "application",
+      "root": "",
       "sourceRoot": "src",
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-angular:browser",
+          "builder": "@angular-devkit/build-angular:application",
           "options": {
             "outputPath": "dist/{% package_name %}",
             "index": "src/index.html",
-            "main": "src/main.ts",
+            "browser": "src/main.ts",
             "polyfills": ["zone.js"],
             "tsConfig": "tsconfig.app.json",
-            "assets": ["src/favicon.ico", "src/assets"],
-            "styles": ["src/styles.css"],
-            "scripts": []
+            "assets": ["src/assets"],
+            "styles": ["src/styles.css"]
           },
           "configurations": {
             "production": {
@@ -41,24 +40,24 @@
               "outputHashing": "all"
             },
             "development": {
-              "buildOptimizer": false,
               "optimization": false,
-              "vendorChunk": true,
               "extractLicenses": false,
-              "sourceMap": true,
-              "namedChunks": true
+              "sourceMap": true
             }
           },
           "defaultConfiguration": "production"
         },
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "port": 1420
+          },
           "configurations": {
             "production": {
-              "browserTarget": "{% package_name %}:build:production"
+              "buildTarget": "{% package_name %}:build:production"
             },
             "development": {
-              "browserTarget": "{% package_name %}:build:development"
+              "buildTarget": "{% package_name %}:build:development"
             }
           },
           "defaultConfiguration": "development"

packages/cli/fragments/fragment-angular/package.json.lts

@@ -10,32 +10,33 @@
   },
   "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/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",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
-    "zone.js": "~0.12.0",
-    "@tauri-apps/api": "^{% if alpha %}2.0.0-alpha.11{% else %}1.5.1{% endif %}"{% if alpha %},
+    "zone.js": "~0.14.2",
+    "@tauri-apps/api": "^{% if alpha %}2.0.0-alpha.12{% else %}1.5.2{% endif %}"{% if alpha %},
     "@tauri-apps/plugin-shell": "^2.0.0-alpha.3"{% endif %}
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^15.2.0",
-    "@angular/cli": "~15.2.0",
-    "@angular/compiler-cli": "^15.2.0",
-    "@types/jasmine": "~4.3.0",
-    "jasmine-core": "~4.5.0",
+    "@angular-devkit/build-angular": "^17.0.0",
+    "@angular/cli": "^17.0.0",
+    "@angular/compiler-cli": "^17.0.0",
+    "@types/jasmine": "~5.1.0",
+    "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.1.0",
+    "karma-chrome-launcher": "~3.2.0",
     "karma-coverage": "~2.2.0",
     "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.0.0",
-    "typescript": "^4.9.5",
-    "@tauri-apps/cli": "^{% if alpha %}2.0.0-alpha.17{% else %}1.5.6{% endif %}"{% if mobile %},
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.2.2",
+    "@tauri-apps/cli": "^{% if alpha %}2.0.0-alpha.18{% else %}1.5.7{% endif %}"{% if mobile %},
     "internal-ip": "^7.0.0"{% endif %}
   }
 }

packages/cli/fragments/fragment-angular/src/app/app.component.ts.lts

@@ -1,10 +1,14 @@
-import { Component } from "@angular/core";
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterOutlet } from '@angular/router';
 import { invoke } from "@tauri-apps/api/{% if alpha %}primitives{% else %}tauri{% endif %}";
 
 @Component({
-  selector: "app-root",
-  templateUrl: "./app.component.html",
-  styleUrls: ["./app.component.css"],
+  selector: 'app-root',
+  standalone: true,
+  imports: [CommonModule, RouterOutlet],
+  templateUrl: './app.component.html',
+  styleUrl: './app.component.css'
 })
 export class AppComponent {
   greetingMessage = "";

packages/cli/fragments/fragment-angular/src/app/app.config.ts

@@ -0,0 +1,8 @@
+import { ApplicationConfig } from "@angular/core";
+import { provideRouter } from "@angular/router";
+
+import { routes } from "./app.routes";
+
+export const appConfig: ApplicationConfig = {
+  providers: [provideRouter(routes)],
+};