feat: update frontend to lates angular version (#75)

Co-authored-by: Aliaksei Maiseyeu <[email protected]>
mlflow-oidc · Feb 17, 2025 · 9202d31 · 9202d31
1 parent e706e86
commit 9202d31
Show file tree

Hide file tree

Showing 46 changed files with 4,361 additions and 4,539 deletions.
diff --git a/LICENSE b/LICENSE
@@ -1,4 +1,4 @@
-				Apache License
+                                 Apache License
                            Version 2.0, January 2004
                         http://www.apache.org/licenses/
 
@@ -174,6 +174,7 @@
       of your accepting any such warranty or additional liability.
 
    END OF TERMS AND CONDITIONS
+
    APPENDIX: How to apply the Apache License to your work.
 
       To apply the Apache License to your work, attach the following
@@ -185,7 +186,7 @@
       same "printed page" as the copyright notice for easier
       identification within third-party archives.
 
-   Copyright Copyright 2024 EPAM Systems, Inc.
+   Copyright [yyyy] [name of copyright owner]
 
    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.

diff --git a/README.md b/README.md
@@ -91,7 +91,7 @@ The following tools should be installed for local development:
 * Python
 
 ```shell
-git clone https://github.com/data-platform-hq/mlflow-oidc-auth
+git clone https://github.com/mlflow-oidc/mlflow-oidc-auth
 cd mlflow-oidc-auth
 ./scripts/run-dev-server.sh
 ```

diff --git a/docs/development.md b/docs/development.md
@@ -9,7 +9,7 @@ The following tools should be installed for local development:
 * Python
 
 ```shell
-git clone https://github.com/data-platform-hq/mlflow-oidc-auth
+git clone https://github.com/mlflow-oidc/mlflow-oidc-auth
 cd mlflow-oidc-auth
 ./scripts/run-dev-server.sh
 ```

diff --git a/docs/index.html b/docs/index.html
@@ -13,7 +13,7 @@
   <script>
     window.$docsify = {
       name: 'mlflow-oidc-auth',
-      repo: 'https://github.com/data-platform-hq/mlflow-oidc-auth',
+      repo: 'https://github.com/mlflow-oidc/mlflow-oidc-auth',
       loadSidebar: true,
       loadNavbar: true,
     };

diff --git a/mlflow_oidc_auth/responses/client_error.py b/mlflow_oidc_auth/responses/client_error.py
@@ -15,7 +15,7 @@ def make_forbidden_response() -> Response:
 
 def make_basic_auth_response() -> Response:
     response = make_response(
-        "You are not authenticated. Please see documentation for details" "https://github.com/data-platform-hq/mlflow-oidc-auth"
+        "You are not authenticated. Please see documentation for details" "https://github.com/mlflow-oidc/mlflow-oidc-auth"
     )
     response.status_code = 401
     response.headers["WWW-Authenticate"] = 'Basic realm="mlflow"'

diff --git a/mlflow_oidc_auth/templates/_footer.html b/mlflow_oidc_auth/templates/_footer.html
@@ -1,8 +1,8 @@
 <footer class="footer">
     <div class="footer-right">
-        <p>&copy; 2024 Data Platform HQ Authors</p>
+        <p>&copy; 2025 OIDC Plugin for MLflow</p>
     </div>
     <div class="footer-right">
-        <a href="http://github.com/data-platform-hq/" ><i class="fab fa-github"></i> Follow us on GitHub</a>
+        <a href="https://github.com/mlflow-oidc/" ><i class="fab fa-github"></i> Follow us on GitHub</a>
     </div>
 </footer>
diff --git a/pyproject.toml b/pyproject.toml
@@ -56,10 +56,10 @@ email = "[email protected]"
 file = "LICENSE"
 
 [project.urls]
-homepage = "https://github.com/data-platform-hq/mlflow-oidc-auth"
-issues = "https://github.com/data-platform-hq/mlflow-oidc-auth/issues"
-documentation = "https://github.com/data-platform-hq/mlflow-oidc-auth/tree/main/docs/"
-repository = "https://github.com/data-platform-hq/mlflow-oidc-auth"
+homepage = "https://github.com/mlflow-oidc/mlflow-oidc-auth"
+issues = "https://github.com/mlflow-oidc/mlflow-oidc-auth/issues"
+documentation = "https://github.com/mlflow-oidc/mlflow-oidc-auth/tree/main/docs/"
+repository = "https://github.com/mlflow-oidc/mlflow-oidc-auth"
 
 [project.entry-points."mlflow.app"]
 oidc-auth = "mlflow_oidc_auth.app:app"

diff --git a/sonar-project.properties b/sonar-project.properties
@@ -1,5 +1,5 @@
-sonar.projectKey=data-platform-hq_mlflow-oidc-auth
-sonar.organization=data-platform-hq
+sonar.projectKey=mlflow-oidc_mlflow-oidc-auth
+sonar.organization=mlflow-oidc
 
 sonar.python.version=3.11
 sonar.python.coverage.reportPaths=coverage.xml

diff --git a/web-ui/angular.json b/web-ui/angular.json
@@ -35,6 +35,19 @@
           },
           "configurations": {
             "production": {
+              "buildOptimizer": true,
+              "optimization": {
+                "scripts": true,
+                "styles": {
+                  "minify": true,
+                  "inlineCritical": false
+                },
+                "fonts": true
+              },
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": false,
+              "namedChunks": true,
               "budgets": [
                 {
                   "type": "initial",
@@ -43,8 +56,8 @@
                 },
                 {
                   "type": "anyComponentStyle",
-                  "maximumWarning": "2kb",
-                  "maximumError": "4kb"
+                  "maximumWarning": "12kb",
+                  "maximumError": "15kb"
                 }
               ],
               "fileReplacements": [
@@ -70,18 +83,18 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "mlflow-oidc-auth-front:build:production"
+              "buildTarget": "mlflow-oidc-auth-front:build:production"
             },
             "development": {
-              "browserTarget": "mlflow-oidc-auth-front:build:development"
+              "buildTarget": "mlflow-oidc-auth-front:build:development"
             }
           },
           "defaultConfiguration": "development"
         },
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "mlflow-oidc-auth-front:build"
+            "buildTarget": "mlflow-oidc-auth-front:build"
           }
         },
         "test": {

diff --git a/web-ui/karma.conf.js b/web-ui/karma.conf.js
diff --git a/web-ui/package.json b/web-ui/package.json
@@ -13,37 +13,34 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^14.2.0",
-    "@angular/cdk": "^13.0.0",
-    "@angular/common": "^14.2.0",
-    "@angular/compiler": "^14.2.0",
-    "@angular/core": "^14.2.0",
-    "@angular/forms": "^14.2.0",
-    "@angular/localize": "^14.2.0",
-    "@angular/material": "^13.0.0",
-    "@angular/platform-browser": "^14.2.0",
-    "@angular/platform-browser-dynamic": "^14.2.0",
-    "@angular/router": "^14.2.0",
-    "@ng-bootstrap/ng-bootstrap": "^13.0.0",
+    "@angular/animations": "^19.0.6",
+    "@angular/cdk": "^19.0.5",
+    "@angular/common": "^19.0.6",
+    "@angular/compiler": "^19.0.6",
+    "@angular/core": "^19.0.6",
+    "@angular/forms": "^19.0.6",
+    "@angular/localize": "^19.0.6",
+    "@angular/material": "^19.0.5",
+    "@angular/platform-browser": "^19.0.6",
+    "@angular/platform-browser-dynamic": "^19.0.6",
+    "@angular/router": "^19.0.6",
+    "@ng-bootstrap/ng-bootstrap": "^18.0.0",
     "@popperjs/core": "^2.10.2",
-    "bootstrap": "^5.2.0",
+    "bootstrap": "^5.3.3",
     "rxjs": "~7.5.0",
     "tslib": "^2.3.0",
     "xng-breadcrumb": "^8.0.2",
-    "zone.js": "~0.11.4"
+    "zone.js": "~0.15.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^14.2.13",
-    "@angular/cli": "~14.2.13",
-    "@angular/compiler-cli": "^14.2.0",
+    "@angular-devkit/build-angular": "^19.0.7",
+    "vite": "^5.0.0",
+    "@angular/cli": "~19.0.7",
+    "@angular/compiler-cli": "^19.0.6",
     "@types/jasmine": "~4.0.0",
-    "jasmine-core": "~4.3.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.0.0",
+    "@types/node": "^18.0.0",
     "rimraf": "^5.0.5",
-    "typescript": "~4.7.2"
-  }
+    "typescript": "5.6.3"
+  },
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/web-ui/src/app/app-routing.module.ts b/web-ui/src/app/app-routing.module.ts
@@ -5,14 +5,17 @@ import { RoutePath } from './core/configs/core';
 const routes: Routes = [
   { path: RoutePath.Home,
     loadChildren: () => import('./features/home-page/home-page.module').then(m => m.HomePageModule),
-    data: { breadcrumb: 'Home' }
+    data: {
+      breadcrumb: {
+        skip: true,
+      },
+    },
   },
   {
     path: RoutePath.Manage,
     loadChildren: () => import('./features/admin-page/admin-page.module').then(m => m.AdminPageModule),
-    data: { breadcrumb: 'Manage' },
   },
-  { path: '**', pathMatch: 'full', redirectTo: RoutePath.Home },
+  { path: '**', redirectTo: RoutePath.Home },
 ];
 
 @NgModule({

diff --git a/web-ui/src/app/app.component.ts b/web-ui/src/app/app.component.ts
@@ -7,7 +7,8 @@ import { CurrentUserModel } from './shared/interfaces/user-data.interface';
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.scss']
+  styleUrls: ['./app.component.scss'],
+  standalone: false
 })
 export class AppComponent implements OnInit {
   loading = false;

diff --git a/web-ui/src/app/core/configs/permissions.ts b/web-ui/src/app/core/configs/permissions.ts
@@ -6,9 +6,9 @@ export enum PermissionEnum {
 }
 
 export enum PermissionTypeEnum {
-  USER = 'USER',
-  GROUP = 'GROUP',
-  FALLBACK = 'FALLBACK',
+  USER = 'user',
+  GROUP = 'group',
+  FALLBACK = 'fallback',
 }
 
 export const PERMISSIONS = [