refactoring

src/app/app.module.ts

@@ -20,7 +20,7 @@ import { AuthService } from "./services/auth.service";
 import { AccountsService } from "./services/accounts.service";
 import { StreamsService } from "./services/streams.service";
 import { StreamingService } from "./services/streaming.service";
-import { RegisteredAppsState } from "./stores/registered-apps.state";
+import { RegisteredAppsState } from "./states/registered-apps.state";
 
 const routes: Routes = [
   { path: "", redirectTo: "home", pathMatch: "full" },

src/app/pages/register-new-account/register-new-account.component.ts

@@ -4,7 +4,7 @@ import { Store, Select } from '@ngxs/store';
 import { AuthService } from "../../services/auth.service";
 import { TokenData } from "../../services/models/mastodon.interfaces";
 import { AccountsService } from "../../services/accounts.service";
-import { AddRegisteredApp, RegisteredAppsState, RegisteredAppsStateModel } from "../../stores/registered-apps.state";
+import { AddRegisteredApp, RegisteredAppsState, RegisteredAppsStateModel } from "../../states/registered-apps.state";
 import { Observable } from "rxjs";
 
 @Component({

src/app/services/app.service.ts

@@ -0,0 +1,37 @@
+import { Injectable } from '@angular/core';
+import { Http, Response, RequestOptions } from '@angular/http';
+import { ApiRoutes } from './models/api.settings';
+
+@Injectable()
+export class AppService {
+    private apiRoutes = new ApiRoutes();
+
+    constructor(private readonly httpService: Http) {
+    }
+
+    createNewApplication(mastodonUrl: string): Promise<> {
+        const url = mastodonUrl + this.apiRoutes.createApp;
+
+        const options = new RequestOptions();
+        const formData = new FormData();
+
+        formData.append('client_name', 'Sengi');
+        formData.append('redirect_uris', '');
+        formData.append('scopes', 'read write follow');
+        formData.append('website', 'https://github.com/NicolasConstant/sengi');
+
+        return this.httpService.post(url, formData, options)
+            .pipe(
+                map((res: Response) => {
+                    const result = res.json();
+                    return result as TokenData;
+                }))
+            .toPromise()
+
+
+            .then((res: Response) => {
+                const result = res.json();
+                return result as TokenData;
+            });
+    }
+}

src/app/states/registered-apps.state.ts

@@ -19,9 +19,13 @@ export class RegisteredAppsState {
     @Action(AddRegisteredApp)
     AddRegisteredApp(ctx: StateContext<RegisteredAppsStateModel>, action: AddRegisteredApp) {
         const state = ctx.getState();
-        ctx.setState({
+        ctx.patchState({
             registeredApps: [...state.registeredApps, action.app]
         });
+
+        // ctx.setState({
+        //     registeredApps: [...state.registeredApps, action.app]
+        // });
     }
 }