Feature/455 frontend finmath

frontend/angular.json

@@ -15,11 +15,11 @@
       "prefix": "app",
       "architect": {
         "build": {
-          "builder": "@angular-builders/custom-webpack:browser",
+          "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "outputPath": "dist/sdc-frontend",
             "index": "src/index.html",
-            "main": "src/main.single-spa.ts",
+            "main": "src/main.ts",
             "polyfills": [
               "zone.js"
             ],
@@ -34,11 +34,6 @@
               "src/styles.scss"
             ],
             "scripts": [],
-            "customWebpackConfig": {
-              "path": "extra-webpack.config.js",
-              "libraryName": "sdc-frontend",
-              "libraryTarget": "umd"
-            },
             "deployUrl": "http://localhost:4200/"
           },
           "configurations": {
@@ -76,7 +71,7 @@
           "defaultConfiguration": "production"
         },
         "serve": {
-          "builder": "@angular-builders/custom-webpack:dev-server",
+          "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
               "browserTarget": "sdc-frontend:build:production"

frontend/package.json

@@ -29,13 +29,10 @@
     "build": "^0.1.4",
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
-    "single-spa": ">=4.0.0",
-    "single-spa-angular": "^8.1.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.13.0"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "~16.0.0",
     "@angular-devkit/build-angular": "^16.1.0",
     "@angular/cli": "~16.1.0",
     "@angular/compiler-cli": "^16.1.0",
@@ -50,4 +47,4 @@
     "style-loader": "^3.3.1",
     "typescript": "~5.1.3"
   }
-}
+}

frontend/src/app/app-routing.module.ts

@@ -2,12 +2,11 @@ import { ExtraOptions, RouterModule, Routes } from "@angular/router";
 import { NgModule } from "@angular/core";
 import { EmptyRouteComponent } from "./empty-route/empty-route.component";
 import { APP_BASE_HREF } from "@angular/common";
-import { singleSpaPropsSubject } from "src/single-spa/single-spa-props";
 
 let isStandalone = true;
-singleSpaPropsSubject.subscribe((props: any) => {
+/*singleSpaPropsSubject.subscribe((props: any) => {
   isStandalone = props.standalone;
-});
+});*/
 let rts: Routes = [];
 rts = [
   { path: "", redirectTo: "pages", pathMatch: "full" },

frontend/src/app/app.component.ts

@@ -1,6 +1,5 @@
 import { Component, OnInit } from "@angular/core";
 import { interval } from "rxjs";
-import { singleSpaPropsSubject } from "src/single-spa/single-spa-props";
 
 /**
  * Application root component
@@ -55,7 +54,7 @@ export class AppComponent implements OnInit {
   }
 
   public ngOnInit(): void {
-    singleSpaPropsSubject.subscribe((props: any) => {
+    /*singleSpaPropsSubject.subscribe((props: any) => {
       if(props.standalone) {
         this.authTest();
       } else {
@@ -75,7 +74,7 @@ export class AppComponent implements OnInit {
           this._unsetValuationServiceAuth();
         }
       });
-    }); 
+    });*/
   }
 
   //@todo: rewrite it after getting AccessToken

frontend/src/app/pages/pages.component.ts

@@ -2,7 +2,6 @@ import { Component } from "@angular/core";
 import { BreakpointObserver, Breakpoints } from "@angular/cdk/layout";
 import { Observable } from "rxjs";
 import { map, shareReplay } from "rxjs/operators";
-import { singleSpaPropsSubject } from "src/single-spa/single-spa-props";
 
 /**
  * Navigation bar and master viewport component.
@@ -22,13 +21,13 @@ export class PagesComponent {
     );
 
   constructor(private breakpointObserver: BreakpointObserver) {
-    singleSpaPropsSubject.subscribe((props: any) => {
+    /*singleSpaPropsSubject.subscribe((props: any) => {
       this.isStandalone = props.standalone;
       window.addEventListener('isSignedIn',(event: any) => {
         if(event.detail === false) {
             window.location.href = '/';
         }
       });
-    });
+    });*/
   }
 }

frontend/src/main.ts

@@ -1,6 +1,6 @@
-import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
-import { AppModule } from "./app/app.module";
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
-platformBrowserDynamic()
-  .bootstrapModule(AppModule)
-  .catch((err) => console.error(err));
+import { AppModule } from './app/app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+    .catch(err => console.error(err));

frontend/tsconfig.app.json

@@ -5,9 +5,9 @@
     "types": []
   },
   "files": [
-    "src/main.single-spa.ts"
+    "src/main.ts"
   ],
   "include": [
     "src/**/*.d.ts"
   ]
-}
+}