Add cordova-plugin-ionic

Author: Jean-Baptiste Malatrasi

config.xml

@@ -85,6 +85,15 @@
     <plugin name="cordova-plugin-ionic-webview" spec="3.0.0">
         <variable name="ANDROID_SUPPORT_ANNOTATIONS_VERSION" value="27.+" />
     </plugin>
+    <plugin name="cordova-plugin-ionic" spec="5.2.9">
+        <variable name="APP_ID" value="d0afb8b7" />
+        <variable name="CHANNEL_NAME" value="Master" />
+        <variable name="UPDATE_METHOD" value="auto" />
+        <variable name="MAX_STORE" value="2" />
+        <variable name="UPDATE_API" value="https://api.ionicjs.com" />
+        <variable name="MIN_BACKGROUND_DURATION" value="30" />
+    </plugin>
+    <plugin name="cordova-plugin-app-version" spec="0.1.9" />
     <engine name="android" spec="7.1.4" />
     <engine name="ios" spec="4.5.5" />
 </widget>

ionic.config.json

@@ -4,5 +4,6 @@
     "cordova": {},
     "capacitor": {}
   },
-  "type": "angular"
+  "type": "angular",
+  "id": "d0afb8b7"
 }

package-lock.json

@@ -25,6 +25,7 @@
     "@capacitor/cli": "^1.0.0-beta.13",
     "@capacitor/core": "^1.0.0-beta.13",
     "@capacitor/ios": "^1.0.0-beta.13",
+    "@ionic-native/app-version": "^5.0.0-beta.21",
     "@ionic-native/core": "^5.0.0-beta.21",
     "@ionic-native/http": "^5.0.0-beta.21",
     "@ionic-native/in-app-browser": "^5.0.0-beta.21",
@@ -36,9 +37,12 @@
     "cordova-android": "7.1.4",
     "cordova-ios": "4.5.5",
     "cordova-plugin-advanced-http": "^2.0.2",
+    "cordova-plugin-app-version": "0.1.9",
     "cordova-plugin-device": "^2.0.2",
     "cordova-plugin-file": "^6.0.1",
+    "cordova-plugin-file-transfer": "1.7.1",
     "cordova-plugin-inappbrowser": "^3.0.0",
+    "cordova-plugin-ionic": "5.2.9",
     "cordova-plugin-ionic-keyboard": "^2.1.3",
     "cordova-plugin-ionic-webview": "3.0.0",
     "cordova-plugin-splashscreen": "5.0.2",
@@ -90,7 +94,16 @@
       "cordova-plugin-inappbrowser": {},
       "cordova-plugin-ionic-webview": {
         "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
-      }
+      },
+      "cordova-plugin-ionic": {
+        "APP_ID": "d0afb8b7",
+        "CHANNEL_NAME": "Master",
+        "UPDATE_METHOD": "auto",
+        "MAX_STORE": "2",
+        "UPDATE_API": "https://api.ionicjs.com",
+        "MIN_BACKGROUND_DURATION": "30"
+      },
+      "cordova-plugin-app-version": {}
     },
     "platforms": [
       "android",

package.json

@@ -21,6 +21,12 @@
             </ion-item>
           </ion-menu-toggle>
         </ion-list>
+
+        <ion-list lines="none">
+          <ion-item text-center>
+            <ion-label>v{{ appService.appVersion$ | async }}</ion-label>
+          </ion-item>
+        </ion-list>
       </ion-content>
     </ion-menu>
 

src/app/app.component.html

@@ -13,6 +13,7 @@ import { AppRoutingModule } from './app-routing.module';
 import { SharedModule } from './shared/shared.module';
 import { Keyboard } from '@ionic-native/keyboard/ngx';
 import { SearchTorrentComponent } from './pages/torrents/search-torrent/search-torrent.component';
+import { AppVersion } from '@ionic-native/app-version/ngx';
 
 @NgModule({
   declarations: [AppComponent, LoginComponent, SearchTorrentComponent],
@@ -29,7 +30,7 @@ import { SearchTorrentComponent } from './pages/torrents/search-torrent/search-t
     }),
     SharedModule
   ],
-  providers: [SplashScreen, InAppBrowser, HTTP, Keyboard],
+  providers: [SplashScreen, InAppBrowser, HTTP, Keyboard, AppVersion],
   bootstrap: [AppComponent]
 })
 export class AppModule {}

src/app/app.module.ts

@@ -1,7 +1,7 @@
 import { Storage } from '@ionic/storage';
 import { Platform, ToastController } from '@ionic/angular';
 import { Injectable, NgZone } from '@angular/core';
-import { Observable, of, ReplaySubject } from 'rxjs';
+import { BehaviorSubject, Observable, of, ReplaySubject } from 'rxjs';
 import { map, switchMap } from 'rxjs/operators';
 import { fromPromise } from 'rxjs/internal-compatibility';
 import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
@@ -13,6 +13,7 @@ import { TraktOauthRevokeForm } from '../trakt/forms/oauth/trakt-oauth-revoke.fo
 import { HttpService } from '../http/http.service';
 import { CacheService } from '../cache.service';
 import { SplashScreen } from '@ionic-native/splash-screen/ngx';
+import { AppVersion } from '@ionic-native/app-version/ngx';
 
 @Injectable({
   providedIn: 'root'
@@ -22,14 +23,17 @@ export class AppService {
 
   isAuthenticated$ = new ReplaySubject<boolean>(1);
 
+  appVersion$ = new BehaviorSubject('');
+
   constructor(
     private iab: InAppBrowser,
     private storage: Storage,
     private ngZone: NgZone,
     private mobileHttpClient: HTTP,
     private platform: Platform,
     private splashScreen: SplashScreen,
-    private toastCtrl: ToastController
+    private toastCtrl: ToastController,
+    private appVersion: AppVersion
   ) {
     this.initializeApp();
   }
@@ -47,6 +51,10 @@ export class AppService {
 
       if (this.platform.is('cordova')) {
         this.splashScreen.hide();
+
+        this.appVersion.getVersionNumber().then(version => {
+          this.appVersion$.next(version);
+        });
       }
 
       setTimeout(() => {