Update packages

frontend/.browserslistrc

@@ -8,8 +8,8 @@
 # You can see what browsers were selected by your queries by running:
 #   npx browserslist
 
-last 1 Chrome version
-last 1 Firefox version
+last 2 Chrome version
+last 2 Firefox version
 last 2 Edge major versions
 last 2 Safari major versions
 last 2 iOS major versions

frontend/custom-webpack.config.js

@@ -6,4 +6,22 @@ export default {
     new webpack.ContextReplacementPlugin(/moment[\/\\]locale$/, /en/),
     // new BundleAnalyzerPlugin(),
   ],
+  module: {
+    rules: [
+      {
+        test: /\.m?js$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [
+              [
+                '@babel/preset-env',
+              ],
+            ],
+          },
+        },
+      },
+    ],
+  },
 };

frontend/package.json

@@ -14,34 +14,40 @@
     "purge": "rm -rf dist && rm -rf node_modules && rm -rf .angular"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^15.0.0",
-    "@angular-devkit/build-angular": "^15.2.3",
-    "@angular/animations": "^15.2.2",
-    "@angular/cdk": "^15.2.2",
-    "@angular/cli": "^15.2.3",
-    "@angular/common": "^15.2.2",
-    "@angular/compiler": "^15.2.2",
-    "@angular/compiler-cli": "^15.2.2",
-    "@angular/core": "^15.2.2",
-    "@angular/forms": "^15.2.2",
-    "@angular/material": "^15.2.2",
-    "@angular/platform-browser": "^15.2.2",
-    "@angular/platform-browser-dynamic": "^15.2.2",
-    "@angular/router": "^15.2.2",
-    "@fontsource/material-icons": "^4.5.4",
-    "@fontsource/material-icons-outlined": "^4.5.4",
-    "@fontsource/roboto": "^4.5.8",
+    "@angular-builders/custom-webpack": "^16.0.0",
+    "@angular-devkit/build-angular": "^16.0.4",
+    "@angular/animations": "^16.0.4",
+    "@angular/cdk": "^16.0.3",
+    "@angular/cli": "^16.0.4",
+    "@angular/common": "^16.0.4",
+    "@angular/compiler": "^16.0.4",
+    "@angular/compiler-cli": "^16.0.4",
+    "@angular/core": "^16.0.4",
+    "@angular/forms": "^16.0.4",
+    "@angular/material": "^16.0.3",
+    "@angular/platform-browser": "^16.0.4",
+    "@angular/platform-browser-dynamic": "^16.0.4",
+    "@angular/router": "^16.0.4",
+    "@babel/cli": "^7.21.5",
+    "@babel/core": "^7.22.1",
+    "@babel/preset-env": "^7.22.4",
+    "@fontsource/material-icons": "^5.0.2",
+    "@fontsource/material-icons-outlined": "^5.0.2",
+    "@fontsource/roboto": "^5.0.2",
     "@ng-web-apis/common": "^2.1.0",
     "@ng-web-apis/resize-observer": "^2.0.0",
     "@ngui/common": "^1.0.0",
+    "@popperjs/core": "^2.11.8",
     "@types/ackee-tracker": "^5.0.2",
-    "@types/node": "^18.15.3",
+    "@types/node": "^20.2.5",
     "@types/resize-observer-browser": "^0.1.7",
-    "@types/validator": "^13.7.14",
+    "@types/validator": "^13.7.17",
     "ackee-tracker": "^5.1.0",
-    "axios": "^1.3.4",
-    "bootstrap": "^5.2.3",
-    "caniuse-lite": "^1.0.30001466",
+    "axios": "^1.4.0",
+    "babel-loader": "^9.1.2",
+    "bootstrap": "^5.3.0",
+    "browserslist": "^4.21.7",
+    "caniuse-lite": "^1.0.30001492",
     "fuse.js": "^6.6.2",
     "jwt-decode": "^3.1.2",
     "moment": "^2.29.4",
@@ -51,10 +57,10 @@
     "ngx-moment": "^6.0.2",
     "picsur-shared": "*",
     "reflect-metadata": "^0.1.13",
-    "rxjs": "^7.8.0",
-    "tslib": "^2.5.0",
-    "typescript": "^4.9.5",
-    "webpack-bundle-analyzer": "^4.8.0",
+    "rxjs": "^7.8.1",
+    "tslib": "^2.5.2",
+    "typescript": "^5.1.3",
+    "webpack-bundle-analyzer": "^4.9.0",
     "zod": "^3.21.4",
     "zone.js": "^0.13.0"
   }

frontend/src/app/services/api/info.service.ts

@@ -24,10 +24,6 @@ export class InfoService {
     return this.infoSubject.value;
   }
 
-  private infoSubject = new BehaviorSubject<ServerInfo>(
-    this.infoStorage.get() ?? new ServerInfo(),
-  );
-
   constructor(
     @Inject(LOCATION) private readonly location: Location,
     private readonly api: ApiService,
@@ -36,6 +32,10 @@ export class InfoService {
     this.updateInfo().catch((e) => this.logger.warn(e));
   }
 
+  private infoSubject = new BehaviorSubject<ServerInfo>(
+    this.infoStorage?.get() ?? new ServerInfo(),
+  );
+
   public async getLoadedSnapshot(): Promise<ServerInfo> {
     if (this.isLoaded()) {
       return this.snapshot;

frontend/tsconfig.app.json

@@ -4,10 +4,7 @@
   "compilerOptions": {
     "outDir": "./out-tsc/",
 
-    "target": "es2017",
-    "module": "es2020",
-
-    "lib": ["es2020", "dom"]
+    "lib": ["ES2022", "dom"]
   },
   "files": ["src/main.ts", "src/polyfills.ts"],
   "include": ["src/**/*.d.ts", "src/app/**/*.ts", "src/app/**/*.html"],

frontend/tsconfig.base.json

@@ -6,8 +6,8 @@
   "compilerOptions": {
     "baseUrl": "./",
 
-    "target": "es2017",
-    "module": "es2020",
+    "target": "ES2022",
+    "module": "ES2022",
 
     "experimentalDecorators": true,
 

frontend/tsconfig.worker.json

@@ -3,7 +3,7 @@
   "extends": "./tsconfig.base.json",
   "compilerOptions": {
     "outDir": "./out-tsc/worker",
-    "lib": ["es2020", "webworker"],
+    "lib": ["ES2022", "webworker"],
 
     "isolatedModules": false
   },