Upgrade to Angular 17

angular.json

@@ -85,10 +85,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "ringtools-web:build:production"
+              "buildTarget": "ringtools-web:build:production"
             },
             "development": {
-              "browserTarget": "ringtools-web:build:development"
+              "buildTarget": "ringtools-web:build:development"
             }
           },
           "defaultConfiguration": "development"
@@ -96,7 +96,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "ringtools-web:build"
+            "buildTarget": "ringtools-web:build"
           }
         },
         "test": {

package.json

@@ -16,21 +16,21 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^16.2.12",
-    "@angular/common": "^16.2.12",
-    "@angular/compiler": "^16.2.12",
-    "@angular/core": "^16.2.12",
-    "@angular/forms": "^16.2.12",
-    "@angular/localize": "^16.2.12",
-    "@angular/platform-browser": "^16.2.12",
-    "@angular/platform-browser-dynamic": "^16.2.12",
-    "@angular/router": "^16.2.12",
+    "@angular/animations": "^17.3.2",
+    "@angular/common": "^17.3.2",
+    "@angular/compiler": "^17.3.2",
+    "@angular/core": "^17.3.2",
+    "@angular/forms": "^17.3.2",
+    "@angular/localize": "^17.3.2",
+    "@angular/platform-browser": "^17.3.2",
+    "@angular/platform-browser-dynamic": "^17.3.2",
+    "@angular/router": "^17.3.2",
     "@babel/runtime": "^7.24.1",
     "@egjs/hammerjs": "^2.0.17",
     "@fontsource/lato": "^5.0.20",
     "@ng-bootstrap/ng-bootstrap": "16.0.0",
-    "@ngrx/entity": "^13.2.0",
-    "@ngrx/store": "^13.2.0",
+    "@ngrx/entity": "^17.1.1",
+    "@ngrx/store": "^17.1.1",
     "@ngx-translate/core": "^15.0.0",
     "@ngx-translate/http-loader": "^8.0.0",
     "@popperjs/core": "^2.11.8",
@@ -40,11 +40,13 @@
     "bootstrap": "5.3.3",
     "bootstrap-icons": "^1.11.3",
     "buffer": "^6.0.3",
+    "component-emitter": "^2.0.0",
     "d3": "^7.9.0",
+    "dragula": "^3.7.3",
     "highlight.js": "^11.9.0",
     "keycharm": "^0.4.0",
     "lz-string": "^1.5.0",
-    "ng2-dragula": "^5.0.1",
+    "ng2-dragula": "^5.0.2",
     "ngrx-store-localstorage": "^17.0.0",
     "ngx-clipboard": "^16.0.0",
     "qrcode": "^1.5.3",
@@ -66,11 +68,12 @@
     "@angular-eslint/eslint-plugin-template": "17.3.0",
     "@angular-eslint/schematics": "17.3.0",
     "@angular-eslint/template-parser": "17.3.0",
-    "@angular/cli": "16.2.13",
-    "@angular/compiler-cli": "^16.2.12",
+    "@angular/cli": "17.3.2",
+    "@angular/compiler-cli": "^17.3.2",
     "@biesbjerg/ngx-translate-extract": "^7.0.4",
-    "@cypress/schematic": "1.7.0",
-    "@ngrx/schematics": "^13.2.0",
+    "@cypress/schematic": "2.5.1",
+    "@ngrx/schematics": "^17.1.1",
+    "@types/dragula": "^3.7.4",
     "@types/jasmine": "~5.1.4",
     "@types/node": "^20.12.2",
     "@types/popper.js": "^1.11.0",

src/app/components/home/home.component.html

@@ -8,7 +8,7 @@
       <p translate>Home.EXPLAIN_TEXT</p>
       <h4 translate>Home.ACKNOWLEDGEMENTS</h4>
       <ul>
-        <li>Based on the work by <a href="https://github.com/StijnBTC/Ringtools" target="_blank">@stijnbtc</a>
+        <li>Based on the work by <a href="https://github.com/StijnBTC/Ringtools" target="_blank">&#64;stijnbtc</a>
         </li>
         <li>Motivated by the amazing <a href="https://satoshiradio.nl/" target="_blank">Satoshi Radio
             community</a></li>

src/app/components/settings/settings.component.html

@@ -23,7 +23,7 @@
 
         <div class="mb-3">
           <label for="pubkeys"><span translate>Settings.IMPORT_AREA</span> <small>(or use <a
-                href="https://t.me/ringtools_bot" target="_blank">@ringtools_bot</a> command
+                href="https://t.me/ringtools_bot" target="_blank">&#64;ringtools_bot</a> command
               <code>/ringurl</code>)</small></label>
           <textarea class="form-control" id="pubkeys" rows="3" [(ngModel)]="pubkeysText"
             [ngModelOptions]="{standalone: true}" spellcheck="false"></textarea>

src/environments/environment.ts

@@ -6,7 +6,7 @@
 export const environment = {
   production: false,
   networkClass: null,
-  apiEndpoint: process.env["API_ENDPOINT"] || ''
+  apiEndpoint: 'https://rof.tools'
 };
 
 /*

src/polyfills.ts

@@ -45,6 +45,8 @@ import '@angular/localize/init';
  *  (window as any).__Zone_enable_cross_context_check = true;
  *
  */
+(window as any).global = window;
+
 
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.

src/styles.scss

@@ -2,9 +2,9 @@
 
 /* Importing Bootstrap SCSS file. */
 @import 'style/dark.scss';
-@import '~bootstrap/scss/bootstrap';
+@import 'node_modules/bootstrap/scss/bootstrap';
 @import 'style/bootswatch.scss';
-@import '~bootstrap-icons/font/bootstrap-icons.scss';
+@import 'node_modules/bootstrap-icons/font/bootstrap-icons.scss';
 
 /* Dragula Drag & Drop */
 @import 'style/dragula.scss';