Migrate to Angular redux2 store (#1667)

* Main commit to use a package instead of the code

* Final commit - Fix compilation

* Fix tests

* Added missing peer dependency

* Remove unneeded comment

IsraelHiking.Web/package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "@angular-redux2/store": "^2.1.3",
     "@angular/animations": "12.2.8",
     "@angular/cdk": "12.2.8",
     "@angular/common": "12.2.8",
@@ -42,6 +43,7 @@
     "@turf/simplify": "6.5.0",
     "angulartics2": "^10.0.0",
     "base64-arraybuffer": "^1.0.1",
+    "broadcast-channel": "^4.8.0",
     "cordova-android": "^10.1.1",
     "core-js": "^3.18.1",
     "d3-regression": "^1.3.9",
@@ -67,7 +69,7 @@
     "photoswipe": "^4.1.3",
     "piexifjs": "1.0.6",
     "platform": "^1.3.6",
-    "redux": "^4.1.1",
+    "redux": "^4.1.2",
     "redux-undo": "^1.0.1",
     "rxjs": "6.6.3",
     "stream": "0.0.2",

IsraelHiking.Web/src/application/application.module.ts

@@ -57,8 +57,8 @@ import { FileTransfer } from "@ionic-native/file-transfer/ngx";
 import { SocialSharing } from "@ionic-native/social-sharing/ngx";
 import { WebIntent } from "@ionic-native/web-intent/ngx";
 import { DeviceOrientation } from "@ionic-native/device-orientation/ngx";
+import { NgReduxModule } from "@angular-redux2/store";
 // services
-import { NgReduxModule } from "./reducers/infra/ng-redux.module";
 import { ScrollToModule } from "./infra/scroll-to/scroll-to.module";
 import { GetTextCatalogService } from "./services/gettext-catalog.service";
 import { AuthorizationService } from "./services/authorization.service";

IsraelHiking.Web/src/application/components/application-state.component.ts

@@ -2,13 +2,13 @@ import { Component, OnInit, OnDestroy } from "@angular/core";
 
 import { Router, ActivatedRoute } from "@angular/router";
 import { Subscription } from "rxjs";
+import { NgRedux } from "@angular-redux2/store";
 
 import { RouteStrings } from "../services/hash.service";
 import { SidebarService } from "../services/sidebar.service";
 import { DataContainerService } from "../services/data-container.service";
 import { FitBoundsService } from "../services/fit-bounds.service";
 import { SetFileUrlAndBaseLayerAction, SetShareUrlAction } from "../reducers/in-memory.reducer";
-import { NgRedux } from "../reducers/infra/ng-redux.module";
 import type { ApplicationState } from "../models/models";
 
 @Component({

IsraelHiking.Web/src/application/components/background-text.component.ts

@@ -1,9 +1,9 @@
 import { Component } from "@angular/core";
 import { Observable } from "rxjs";
+import { NgRedux, select } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "./base-map.component";
 import { ResourcesService } from "../services/resources.service";
-import { NgRedux, select } from "../reducers/infra/ng-redux.module";
 import type { ApplicationState, Language } from "../models/models";
 
 @Component({

IsraelHiking.Web/src/application/components/center-me.component.ts

@@ -1,8 +1,8 @@
 import { Component } from "@angular/core";
+import { NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "./base-map.component";
 import { ResourcesService } from "../services/resources.service";
-import { NgRedux } from "../reducers/infra/ng-redux.module";
 import { SetPannedAction } from "../reducers/in-memory.reducer";
 import type { ApplicationState } from "../models/models";
 

IsraelHiking.Web/src/application/components/dialogs/configuration-dialog.component.ts

@@ -1,13 +1,13 @@
 import { Component } from "@angular/core";
 import { MatDialogRef } from "@angular/material/dialog";
 import { Observable } from "rxjs";
+import { select, NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../base-map.component";
 import { ResourcesService } from "../../services/resources.service";
 import { RunningContextService } from "../../services/running-context.service";
 import { ToastService } from "../../services/toast.service";
 import { LoggingService } from "../../services/logging.service";
-import { select, NgRedux } from "../../reducers/infra/ng-redux.module";
 import { ConfigurationActions, SetBatteryOptimizationTypeAction } from "../../reducers/configuration.reducer";
 import type { ApplicationState, BatteryOptimizationType } from "../../models/models";
 

IsraelHiking.Web/src/application/components/dialogs/files-shares-dialog.component.ts

@@ -1,6 +1,7 @@
 import { Component } from "@angular/core";
 import { MatDialog, MatDialogRef } from "@angular/material/dialog";
 import { every } from "lodash-es";
+import { NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../base-map.component";
 import { ShareDialogComponent } from "./share-dialog.component";
@@ -10,7 +11,6 @@ import { FileService, FormatViewModel } from "../../services/file.service";
 import { ResourcesService } from "../../services/resources.service";
 import { ToastService } from "../../services/toast.service";
 import { LoggingService } from "../../services/logging.service";
-import { NgRedux } from "../../reducers/infra/ng-redux.module";
 import { SetOfflineLastModifiedAction } from "../../reducers/offline.reducer";
 import type { ApplicationState, DataContainer } from "../../models/models";
 

IsraelHiking.Web/src/application/components/dialogs/intro-dialog.component.ts

@@ -1,9 +1,9 @@
 import { Component } from "@angular/core";
 import { MatDialog, MatDialogConfig, MatDialogRef } from "@angular/material/dialog";
 import { AnimationOptions } from "ngx-lottie";
+import { NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../base-map.component";
-import { NgRedux } from "../../reducers/infra/ng-redux.module";
 import { ResourcesService } from "../../services/resources.service";
 import { ConfigurationActions } from "../../reducers/configuration.reducer";
 import { RunningContextService } from "../../services/running-context.service";

IsraelHiking.Web/src/application/components/dialogs/language-dialog.component.ts

@@ -1,9 +1,9 @@
 import { Component } from "@angular/core";
 import { MatDialog } from "@angular/material/dialog";
+import { NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../base-map.component";
 import { ResourcesService } from "../../services/resources.service";
-import { NgRedux } from "../../reducers/infra/ng-redux.module";
 import { ApplicationState, LanguageCode } from "../../models/models";
 
 @Component({

IsraelHiking.Web/src/application/components/dialogs/layers/layer-base-dialog.component.ts

@@ -1,12 +1,12 @@
 import { HttpClient } from "@angular/common/http";
 import { Observable } from "rxjs";
+import { select } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../../base-map.component";
 import { ResourcesService } from "../../../services/resources.service";
 import { MapService } from "../../../services/map.service";
 import { ToastService } from "../../../services/toast.service";
 import { LayersService } from "../../../services/layers/layers.service";
-import { select } from "../../../reducers/infra/ng-redux.module";
 import type { LayerData, ApplicationState, EditableLayer, Location } from "../../../models/models";
 
 export abstract class LayerBaseDialogComponent extends BaseMapComponent {

IsraelHiking.Web/src/application/components/dialogs/private-poi-edit-dialog.component.ts

@@ -1,6 +1,7 @@
 import { Component, ViewChild, ElementRef, AfterViewInit, HostListener, Inject } from "@angular/core";
 import { MatDialogRef, MatDialog, MAT_DIALOG_DATA } from "@angular/material/dialog";
 import { SocialSharing } from "@ionic-native/social-sharing/ngx";
+import { NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../base-map.component";
 import { AddSimplePoiDialogComponent } from "./add-simple-poi-dialog.component";
@@ -10,7 +11,6 @@ import { ImageResizeService } from "../../services/image-resize.service";
 import { NavigateHereService } from "../../services/navigate-here.service";
 import { RunningContextService } from "../../services/running-context.service";
 import { HashService } from "../../services/hash.service";
-import { NgRedux } from "../../reducers/infra/ng-redux.module";
 import { UpdatePrivatePoiAction, DeletePrivatePoiAction } from "../../reducers/routes.reducer";
 import type { LinkData, MarkerData, ApplicationState } from "../../models/models";
 

IsraelHiking.Web/src/application/components/dialogs/private-poi-show-dialog.component.ts

@@ -1,13 +1,13 @@
 import { Component, Inject } from "@angular/core";
 import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from "@angular/material/dialog";
+import { NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../base-map.component";
 import { AddSimplePoiDialogComponent } from "./add-simple-poi-dialog.component";
 import { PrivatePoiEditDialogComponent } from "./private-poi-edit-dialog.component";
 import { ResourcesService } from "../../services/resources.service";
 import { ImageGalleryService } from "../../services/image-gallery.service";
 import { SelectedRouteService } from "../../services/layers/routelayers/selected-route.service";
-import { NgRedux } from "../../reducers/infra/ng-redux.module";
 import { AddPrivatePoiAction } from "../../reducers/routes.reducer";
 import type { ApplicationState, MarkerData, LinkData } from "../../models/models";
 

IsraelHiking.Web/src/application/components/dialogs/routes/route-add-dialog.component.ts

@@ -1,5 +1,5 @@
 import { Component, ViewEncapsulation } from "@angular/core";
-import { NgRedux } from "../../../reducers/infra/ng-redux.module";
+import { NgRedux } from "@angular-redux2/store";
 
 import { ResourcesService } from "../../../services/resources.service";
 import { ToastService } from "../../../services/toast.service";

IsraelHiking.Web/src/application/components/dialogs/routes/route-base-dialog.component.ts

@@ -1,11 +1,11 @@
 import invert from "invert-color";
+import { NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../../base-map.component";
 import { ResourcesService } from "../../../services/resources.service";
 import { ToastService } from "../../../services/toast.service";
 import { RoutesFactory } from "../../../services/layers/routelayers/routes.factory";
 import { SelectedRouteService } from "../../../services/layers/routelayers/selected-route.service";
-import { NgRedux } from "../../../reducers/infra/ng-redux.module";
 import { SetOpacityAndWeightAction } from "../../../reducers/route-editing-state.reducer";
 import type { ApplicationState, RouteData } from "../../../models/models";
 

IsraelHiking.Web/src/application/components/dialogs/routes/route-edit-dialog.component.ts

@@ -1,5 +1,6 @@
 import { Component, ViewEncapsulation, Inject } from "@angular/core";
 import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import { NgRedux } from "@angular-redux2/store";
 
 import { RouteBaseDialogComponent } from "./route-base-dialog.component";
 import { ResourcesService } from "../../../services/resources.service";
@@ -9,7 +10,6 @@ import { ToastService } from "../../../services/toast.service";
 import { RoutesFactory } from "../../../services/layers/routelayers/routes.factory";
 import { SelectedRouteService } from "../../../services/layers/routelayers/selected-route.service";
 import { SpatialService } from "../../../services/spatial.service";
-import { NgRedux } from "../../../reducers/infra/ng-redux.module";
 import { DeleteRouteAction, ChangeRoutePropertiesAction } from "../../../reducers/routes.reducer";
 import type { DataContainer, RouteData, ApplicationState, LatLngAlt } from "../../../models/models";
 

IsraelHiking.Web/src/application/components/dialogs/shares-dialog.component.ts

@@ -4,6 +4,7 @@ import { FormControl } from "@angular/forms";
 import { SocialSharing } from "@ionic-native/social-sharing/ngx";
 import { take, orderBy } from "lodash-es";
 import { Observable, Subscription } from "rxjs";
+import { select, NgRedux } from "@angular-redux2/store";
 
 import { BaseMapComponent } from "../base-map.component";
 import { ShareDialogComponent } from "./share-dialog.component";
@@ -13,7 +14,6 @@ import { ShareUrlsService } from "../../services/share-urls.service";
 import { DataContainerService } from "../../services/data-container.service";
 import { RunningContextService } from "../../services/running-context.service";
 import { RecordedRouteService } from "../../services/recorded-route.service";
-import { select, NgRedux } from "../../reducers/infra/ng-redux.module";
 import type { ApplicationState, ShareUrl } from "../../models/models";
 
 @Component({