feat: Add support work over remote config

rucken · Apr 23, 2019 · 9d4c133 · 9d4c133
1 parent 7266606
commit 9d4c133
Show file tree

Hide file tree

Showing 9 changed files with 111 additions and 4 deletions.
diff --git a/apps/demo/src/app/app.module.ts b/apps/demo/src/app/app.module.ts
@@ -19,12 +19,18 @@ import { APP_ROUTES } from './app.routes';
 import { config } from './config/config';
 import { SharedModule } from './shared/shared.module';
 import { metaFactory } from './utils/meta-factory';
+import { NgxRemoteConfigModule } from 'ngx-remote-config';
 @NgModule({
   declarations: [AppComponent],
   entryComponents: [],
   imports: [
     CommonModule,
     HttpClientModule,
+    NgxRemoteConfigModule.forRoot({
+      withoutIterceptor: !environment.production,
+      url: !environment.production ? undefined : environment.remoteConfig.url,
+      default: !environment.production ? undefined : environment.remoteConfig.default
+    }),
     SharedModule,
     IonicStorageModule.forRoot(),
     TranslateModule.forRoot(),

diff --git a/apps/demo/src/environments/environment.interface.ts b/apps/demo/src/environments/environment.interface.ts
@@ -1,6 +1,9 @@
+import { INgxRemoteConfig } from 'ngx-remote-config';
+
 export interface IEnvironment {
     server: boolean;
     type: 'prod' | 'development';
     production: boolean;
     apiUrl: string;
+    remoteConfig?: INgxRemoteConfig;
 }
diff --git a/apps/demo/src/environments/environment.prod.ts b/apps/demo/src/environments/environment.prod.ts
@@ -4,5 +4,11 @@ export const environment: IEnvironment = {
   server: false,
   type: 'prod',
   production: true,
-  apiUrl: 'https://core-nestjs.rucken.io/api'
+  apiUrl: '/api',
+  remoteConfig: {
+    url: 'https://testapi.io/api/EndyKaufman/rucken-ionic.json',
+    default: {
+      '/api/(.*)': 'https://core-nestjs.rucken.io/api/'
+    }
+  }
 };
diff --git a/libs/rucken/ionic/package.json b/libs/rucken/ionic/package.json
@@ -77,6 +77,8 @@
     "ngx-permissions": "^6.0.4",
     "ngx-repository": "^0.6.3",
     "bind-observable": "^1.0.2",
-    "@ionic/storage": "^2.2.0"
+    "@ionic/storage": "^2.2.0",
+    "@ionic-native/http": "^5.5.0",
+    "ngx-remote-config": "0.0.5"
   }
 }
diff --git a/libs/rucken/ionic/src/index.ts b/libs/rucken/ionic/src/index.ts
@@ -44,3 +44,4 @@ export * from './lib/modules/storage/sqlite.storage';
 export * from './lib/services/groups.service';
 export * from './lib/services/permissions.service';
 export * from './lib/services/providers';
+export * from './lib/utils/ngx-remote-config.service';
diff --git a/libs/rucken/ionic/src/lib/ionic.module.ts b/libs/rucken/ionic/src/lib/ionic.module.ts
@@ -7,6 +7,9 @@ import { ENTITIES_PROVIDERS } from './config/providers';
 import { IonicAuthModalModule } from './modules/auth-modal/auth-modal.module';
 import { IonicModalsModule } from './modules/modals/modals.module';
 import { SERVICES_PROVIDERS } from './services/providers';
+import { HTTP } from '@ionic-native/http/ngx';
+import { NgxRemoteConfigService } from 'ngx-remote-config';
+import { NgxRemoteConfigIonicService } from './utils/ngx-remote-config.service';
 
 
 @NgModule({
@@ -22,6 +25,11 @@ import { SERVICES_PROVIDERS } from './services/providers';
     IonicModalsModule
   ],
   providers: [
+    HTTP,
+    {
+      provide: NgxRemoteConfigService,
+      useClass: NgxRemoteConfigIonicService
+    },
     {
       provide: LANGUAGES_ITEM_CONFIG_TOKEN,
       useValue: {

diff --git a/libs/rucken/ionic/src/lib/utils/ngx-remote-config.service.ts b/libs/rucken/ionic/src/lib/utils/ngx-remote-config.service.ts
@@ -0,0 +1,46 @@
+import { HttpClient } from '@angular/common/http';
+import { Inject, Injectable } from '@angular/core';
+import { HTTP } from '@ionic-native/http/ngx';
+import { Platform } from '@ionic/angular';
+import { INgxRemoteConfig, NgxRemoteConfigService, NGX_REMOTE_CONFIG } from 'ngx-remote-config';
+
+@Injectable()
+export class NgxRemoteConfigIonicService<T = any> extends NgxRemoteConfigService {
+    constructor(
+        private http: HTTP,
+        private platform: Platform,
+        @Inject(NGX_REMOTE_CONFIG) private options: INgxRemoteConfig,
+        private httpClient: HttpClient
+    ) {
+        super(
+            options,
+            httpClient
+        );
+    }
+    initConfigAsync() {
+        if (this.platform.is('cordova')) {
+            return new Promise(resolve =>
+                this.http.disableRedirect(false).then(result =>
+                    this.http.get(this.options.url, {}, {}).then(
+                        response => {
+                            let config: T;
+                            try {
+                                config = JSON.parse(response.data);
+                            } catch (error) {
+                                config = response.data;
+                            }
+                            this.config$.next(config || {});
+                            resolve(config);
+                        },
+                        response => {
+                            const config: T = this.options.default || {};
+                            this.config$.next(config);
+                            resolve(config);
+                        }
+                    )
+                )
+            );
+        }
+        return super.initConfigAsync();
+    }
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -114,6 +114,7 @@
     "@capacitor/android": "^1.0.0-beta.19",
     "@capacitor/core": "1.0.0-beta.19",
     "@ionic-native/core": "5.4.0",
+    "@ionic-native/http": "^5.5.0",
     "@ionic-native/splash-screen": "5.4.0",
     "@ionic-native/status-bar": "5.4.0",
     "@ionic/angular": "4.2.0",
@@ -136,6 +137,7 @@
     "ngx-bind-io": "^0.6.6",
     "ngx-cookie-service": "^2.1.0",
     "ngx-dynamic-form-builder": "^0.9.0",
+    "ngx-remote-config": "0.0.5",
     "ngx-repository": "^0.6.3",
     "object-path": "^0.11.4",
     "rxjs": "6.4.0",