Package updates (#1005)

* build: strip all firebase related things from project

* chore: updated angular package versions

* chore: update angular, angular universal and angular eslint to v13

* chore: update angular material to v13

* chore: remove usage of deprecated functions

* chore: upgrade nx workspace

* chore: remove deprecated ngrx selector usage

* chore: bump version

.gitignore

@@ -25,6 +25,7 @@
 !.vscode/extensions.json
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

angular.json

@@ -24,7 +24,8 @@
           },
           "outputs": ["coverage/libs/calendar"]
         }
-      }
+      },
+      "tags": []
     },
     "frontend": {
       "root": "apps/frontend/",
@@ -180,7 +181,8 @@
             "production": {}
           }
         }
-      }
+      },
+      "tags": []
     },
     "frontend-e2e": {
       "root": "apps/frontend-e2e",
@@ -205,7 +207,9 @@
             "lintFilePatterns": ["apps/frontend-e2e/**/*.ts", "apps/frontend-e2e/**/*.html"]
           }
         }
-      }
+      },
+      "tags": [],
+      "implicitDependencies": ["frontend"]
     },
     "math-competition": {
       "root": "apps/math-competition/",
@@ -311,7 +315,8 @@
           },
           "outputs": ["coverage/apps/math-competition/"]
         }
-      }
+      },
+      "tags": []
     },
     "math-competition-e2e": {
       "root": "apps/math-competition-e2e",
@@ -336,7 +341,9 @@
             "lintFilePatterns": ["apps/math-competition-e2e/**/*.ts", "apps/math-competition-e2e/**/*.html"]
           }
         }
-      }
+      },
+      "tags": [],
+      "implicitDependencies": ["math-competition"]
     },
     "simple-slideshow": {
       "projectType": "library",
@@ -364,7 +371,8 @@
         "@nrwl/angular:component": {
           "styleext": "scss"
         }
-      }
+      },
+      "tags": []
     },
     "ui": {
       "root": "libs/ui",
@@ -392,29 +400,8 @@
         "@nrwl/schematics:component": {
           "styleext": "scss"
         }
-      }
-    }
-  },
-  "cli": {
-    "warnings": {
-      "versionMismatch": false
-    },
-    "defaultCollection": "@nrwl/angular",
-    "packageManager": "yarn",
-    "analytics": "3ef1259c-eca0-415b-a73f-f34c485d92e8"
-  },
-  "defaultProject": "frontend",
-  "schematics": {
-    "@nrwl/schematics:library": {
-      "unitTestRunner": "karma",
-      "framework": "angular"
-    },
-    "@nrwl/schematics:application": {
-      "unitTestRunner": "karma",
-      "e2eTestRunner": "protractor"
-    },
-    "@nrwl/schematics:node-application": {
-      "framework": "express"
+      },
+      "tags": []
     }
   }
 }

apps/frontend/src/app/app.component.ts

@@ -2,7 +2,7 @@ import { AfterViewInit, ApplicationRef, ChangeDetectionStrategy, Component, OnIn
 import { animate, group, query, style, transition, trigger } from '@angular/animations'
 import { NavigationCancel, NavigationEnd, NavigationStart, Router } from '@angular/router'
 import { SwUpdate } from '@angular/service-worker'
-import { first } from 'rxjs/operators'
+import { filter, first } from 'rxjs/operators'
 import { concat, interval } from 'rxjs'
 import { ToastService } from './services/toast.service'
 import { HeaderService } from './services/header.service'
@@ -67,7 +67,7 @@ export class AppComponent implements AfterViewInit, OnInit {
 
     concat(appIsStable$, hourly$).subscribe(() => environment.production && this.swupdate.checkForUpdate())
 
-    this.swupdate.available.subscribe(() => {
+    this.swupdate.versionUpdates.pipe(filter((evt) => evt.type === 'VERSION_READY')).subscribe(() => {
       this.toastService.createToast('Frissítés elérhető. Kérlek töltsd újra az oldalt!', [
         {
           title: 'Újratöltés',

apps/frontend/src/app/modules/canteen/reducer/canteen/canteen.effects.ts

@@ -1,23 +1,25 @@
 import { Injectable } from '@angular/core'
-import { Actions, Effect, ofType } from '@ngrx/effects'
+import { Actions, createEffect, ofType } from '@ngrx/effects'
 import { CanteenActionTypes, CanteenLoaded, CanteenLoadError } from './canteen.actions'
 import { catchError, map, switchMap } from 'rxjs/operators'
 import { CanteenService } from '../../services/canteen.service'
 import { of } from 'rxjs'
 
 @Injectable()
 export class CanteenEffects {
-  @Effect() loadCanteen$ = this.actions$.pipe(
-    ofType(CanteenActionTypes.LoadCanteen),
-    switchMap(() => {
-      return this.canteenService.getCanteen()
-    }),
-    map((data) => {
-      return new CanteenLoaded(data)
-    }),
-    catchError((error) => {
-      return of(new CanteenLoadError(error))
-    })
+  loadCanteen$ = createEffect(() =>
+    this.actions$.pipe(
+      ofType(CanteenActionTypes.LoadCanteen),
+      switchMap(() => {
+        return this.canteenService.getCanteen()
+      }),
+      map((data) => {
+        return new CanteenLoaded(data)
+      }),
+      catchError((error) => {
+        return of(new CanteenLoadError(error))
+      })
+    )
   )
 
   constructor(private actions$: Actions, private canteenService: CanteenService) {}

apps/frontend/src/app/modules/events/reducer/events.effects.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core'
-import { Actions, createEffect, Effect, ofType } from '@ngrx/effects'
+import { Actions, createEffect, ofType } from '@ngrx/effects'
 
 import { Entity, EVENTS_FEATURE_KEY, EventsState } from './events.reducer'
 import { AddLoadedMonth, EventsActionTypes, EventsLoaded, MonthChange } from './events.actions'
@@ -10,7 +10,6 @@ import { RequestService } from '../services/request.service'
 
 @Injectable()
 export class EventsEffects {
-  @Effect()
   queryMonth = createEffect(() =>
     this.actions$.pipe(
       ofType<MonthChange>(EventsActionTypes.MonthChange),

apps/frontend/src/app/modules/home/state/alert-message/alert-message.selectors.ts

@@ -2,7 +2,7 @@ import { createFeatureSelector, createSelector } from '@ngrx/store'
 import { ALERTMESSAGE_FEATURE_KEY, State, AlertMessagePartialState } from './alert-message.reducer'
 import { AlertMessagePriority } from '../../models/alert-message'
 
-export const getAlertMessageState = createFeatureSelector<AlertMessagePartialState, State>(ALERTMESSAGE_FEATURE_KEY)
+export const getAlertMessageState = createFeatureSelector<State>(ALERTMESSAGE_FEATURE_KEY)
 
 export const getAlertMessageLoaded = createSelector(getAlertMessageState, (state: State) => state.loaded)
 

apps/frontend/src/app/modules/home/state/posts/posts.selector.ts

@@ -1,14 +1,14 @@
 import { postsFeatureKey, State } from './posts.reducer'
-import { createSelector } from '@ngrx/store'
+import { createFeatureSelector, createSelector } from '@ngrx/store'
 
-const selectFeature = (state) => state[postsFeatureKey]
+const selectFeature = createFeatureSelector<State>(postsFeatureKey)
 
-export const selectPosts = createSelector(selectFeature, (state: State) => state.posts)
+export const selectPosts = createSelector(selectFeature, (state) => state.posts)
 
-export const selectPagesLoaded = createSelector(selectFeature, (state: State) => state.pagesLoaded)
+export const selectPagesLoaded = createSelector(selectFeature, (state) => state.pagesLoaded)
 
-export const selectFeaturedPostsLoaded = createSelector(selectFeature, (state: State) => state.featuredPostsLoaded)
+export const selectFeaturedPostsLoaded = createSelector(selectFeature, (state) => state.featuredPostsLoaded)
 
-export const selectFeaturedPosts = createSelector(selectFeature, (state: State) => state.featuredPosts)
+export const selectFeaturedPosts = createSelector(selectFeature, (state) => state.featuredPosts)
 
-export const selectLoading = createSelector(selectFeature, (state: State) => state.loading)
+export const selectLoading = createSelector(selectFeature, (state) => state.loading)