Altra conversione in Typescript , partendo da un progetto di esempio funzionante...

src/store/modules/user.ts

@@ -1,135 +1,135 @@
-import Vue from 'vue';
-import Vuex from 'vuex';
+import Vue from 'vue'
+import Vuex from 'vuex'
 
-import { Module, VuexModule, Mutation, MutationAction, Action } from 'vuex-module-decorators';
+import { Module, VuexModule, Mutation, MutationAction, Action, getModule } from 'vuex-module-decorators'
 
-let bcrypt = require('bcryptjs');
+let bcrypt = require('bcryptjs')
 
-import * as types from '@/store/mutation-types';
-import { serv_constants } from '@/store/modules/serv_constants';
+import * as types from '@/store/mutation-types'
+import { serv_constants } from '@/store/modules/serv_constants'
 
-import { IUserState, ILinkReg, IResult, IIdToken } from '@/types';
+import { IUserState, ILinkReg, IResult, IIdToken } from '@/types'
 
-export const Errori_MongoDb = {
+import store from '@/store'
+
+export const ErroriMongoDb = {
   CALLING: 10,
   OK: 20,
   ERR_GENERICO: -1,
   DUPLICATE_EMAIL_ID: 11000,
   DUPLICATE_USERNAME_ID: 11100
-};
+}
 
-Vue.use(Vuex);
+Vue.use(Vuex)
 
-@Module({ dynamic: true, name: 'user' })
-export default class User extends VuexModule {
-  // Non occorrono i getters, basta questi qui:
-  _id: IUserState['_id'] = '';
-  email: IUserState['email'] = '';
-  username: IUserState['username'] = '';
-  idapp: IUserState['idapp'] = process.env.APP_ID;
-  password: IUserState['password'] = '';
-  lang: IUserState['lang'] = '';
-  ripetipassword: IUserState['ripetipassword'] = '';
-  idToken: IUserState['idToken'] = '';
-  userId: IUserState['userId'] = 0;
-  tokens: IUserState['tokens'] = [];
-  verifiedEmail: IUserState['verifiedEmail'] = false;
-
-  servercode = 0;
+@Module
+export default class User extends VuexModule implements IUserState {   // Non occorrono i getters, basta questi qui:
+  _id: IUserState['_id'] = ''
+  email: IUserState['email'] = ''
+  username: IUserState['username'] = ''
+  idapp: IUserState['idapp'] = process.env.APP_ID
+  password: IUserState['password'] = ''
+  lang: IUserState['lang'] = ''
+  ripetipassword: IUserState['ripetipassword'] = ''
+  idToken: IUserState['idToken'] = ''
+  userId: IUserState['userId'] = 0
+  tokens: IUserState['tokens'] = []
+  verifiedEmail: IUserState['verifiedEmail'] = false
+  servercode: number = 0
 
   getlang (): any {
     if (this.lang !== '') {
-      return this.lang;
+      return this.lang
     } else {
-      return process.env.LANG_DEFAULT;
+      return process.env.LANG_DEFAULT
     }
   }
 
   sendRequest (url: string, method: string, mydata: any) {
-    console.log('LANG ' + this.getlang());
-    let mytok: string = this.getTok();
+    console.log('LANG ' + this.getlang())
+    let mytok: string = this.getTok()
 
-    const authHeader = new Headers();
-    authHeader.append('content-type', 'application/json');
-    authHeader.append('x-auth', mytok);
-    authHeader.append('accept-language', this.getlang());
+    const authHeader = new Headers()
+    authHeader.append('content-type', 'application/json')
+    authHeader.append('x-auth', mytok)
+    authHeader.append('accept-language', this.getlang())
     const configInit: RequestInit = {
       method: method,
       cache: 'no-cache',
       body: JSON.stringify(mydata),
       headers: authHeader
-    };
+    }
 
-    const request: Promise<Response> = fetch(url, configInit);
-    return request;
+    const request: Promise<Response> = fetch(url, configInit)
+    return request
 
   }
 
   getTok () {
     if (this.tokens) {
       if (typeof this.tokens[0] !== 'undefined') {
-        return this.tokens[0].token;
+        return this.tokens[0].token
       } else {
-        return '';
+        return ''
       }
     } else {
-      return '';
+      return ''
     }
   }
 
-  @MutationAction({ mutate: ['user'] })
+  @MutationAction({ mutate: [types.USER_PASSWORD] })
   async setpassword (newstr: string) {
-    return { password: newstr };
+    return { password: newstr }
   }
 
   @MutationAction({ mutate: [types.USER_EMAIL] })
   async setemail (newstr: string) {
-    return { email: newstr };
+    return { email: newstr }
   }
 
   @MutationAction({ mutate: [types.USER_LANG] })
   async setlang (newstr: string) {
-    return { lang: newstr };
+    return { lang: newstr }
   }
 
   @Mutation
   authUser (data: IUserState) {
-    this.username = data.username;
-    this.userId = data.userId;
-    this.idToken = data.idToken;
-    this.verifiedEmail = data.verifiedEmail;
+    this.username = data.username
+    this.userId = data.userId
+    this.idToken = data.idToken
+    this.verifiedEmail = data.verifiedEmail
     this.tokens = [
       { access: 'auth', token: data.idToken }
-    ];
+    ]
   }
 
   @Mutation
   UpdatePwd (data: IIdToken) {
-    this.idToken = data.idToken;
+    this.idToken = data.idToken
     if (!this.tokens) {
-      this.tokens = [];
+      this.tokens = []
     }
-    this.tokens.push({ access: 'auth', token: data.idToken });
+    this.tokens.push({ access: 'auth', token: data.idToken })
   }
 
   @Mutation
   setServerCode (servercode: number) {
-    this.servercode = servercode;
+    this.servercode = servercode
   }
 
   @Mutation
   clearAuthData (): void {
-    this.username = '';
-    this.tokens = [];
-    this.idToken = '';
-    this.userId = 0;
-    this.verifiedEmail = false;
+    this.username = ''
+    this.tokens = []
+    this.idToken = ''
+    this.userId = 0
+    this.verifiedEmail = false
   }
 
   @Action({ commit: types.USER_UPDATEPWD })
   resetpwd (paramquery: IUserState) {
-    let call = process.env.MONGODB_HOST + '/updatepwd';
-    console.log('CALL ' + call);
+    let call = process.env.MONGODB_HOST + '/updatepwd'
+    console.log('CALL ' + call)
 
     let usertosend = {
       keyappid: process.env.PAO_APP_ID,
@@ -137,123 +137,123 @@ export default class User extends VuexModule {
       email: paramquery.email,
       password: paramquery.password,
       tokenforgot: paramquery.tokenforgot
-    };
-    console.log(usertosend);
+    }
+    console.log(usertosend)
 
-    this.setServerCode(Errori_MongoDb.CALLING);
+    this.setServerCode(ErroriMongoDb.CALLING)
 
-    let myres;
+    let myres
 
-    let x_auth_token: string = '';
+    let x_auth_token: string = ''
 
     return this.sendRequest(call, 'POST', usertosend)
       .then((res) => {
-        console.log(res);
-        myres = res;
-        x_auth_token = String(res.headers.get('x-auth'));
+        console.log(res)
+        myres = res
+        x_auth_token = String(res.headers.get('x-auth'))
         if (myres.status === 200) {
-          return myres.json();
+          return myres.json()
         }
-        this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-        return { code: Errori_MongoDb.ERR_GENERICO, msg: 'Errore: ' + myres.status, resetpwd: true };
+        this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+        return { code: ErroriMongoDb.ERR_GENERICO, msg: 'Errore: ' + myres.status, resetpwd: true }
 
       })
       .then((body) => {
-        this.UpdatePwd({ idToken: x_auth_token });
-        localStorage.setItem('token', x_auth_token);
+        this.UpdatePwd({ idToken: x_auth_token })
+        localStorage.setItem('token', x_auth_token)
 
-        return { code: body.code, msg: body.msg };
+        return { code: body.code, msg: body.msg }
       }).catch((err) => {
-        console.log('ERROR: ' + err);
-        this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-        return { code: Errori_MongoDb.ERR_GENERICO, msg: 'Errore' };
-      });
+        console.log('ERROR: ' + err)
+        this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+        return { code: ErroriMongoDb.ERR_GENERICO, msg: 'Errore' }
+      })
 
   }
 
   @Action({ commit: types.USER_REQUESTRESETPWD })
   requestpwd (paramquery: IUserState) {
 
-    let call = process.env.MONGODB_HOST + '/requestnewpwd';
-    console.log('CALL ' + call);
+    let call = process.env.MONGODB_HOST + '/requestnewpwd'
+    console.log('CALL ' + call)
 
     let usertosend = {
       keyappid: process.env.PAO_APP_ID,
       idapp: process.env.APP_ID,
       email: paramquery.email
-    };
-    console.log(usertosend);
+    }
+    console.log(usertosend)
 
-    this.setServerCode(Errori_MongoDb.CALLING);
+    this.setServerCode(ErroriMongoDb.CALLING)
 
-    let myres;
+    let myres
 
     return this.sendRequest(call, 'POST', usertosend)
       .then((res) => {
-        console.log(res);
-        myres = res;
+        console.log(res)
+        myres = res
         if (myres.status === 200) {
-          return myres.json();
+          return myres.json()
         }
-        this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-        return { code: Errori_MongoDb.ERR_GENERICO, msg: 'Errore: ' + myres.status, resetpwd: true };
+        this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+        return { code: ErroriMongoDb.ERR_GENERICO, msg: 'Errore: ' + myres.status, resetpwd: true }
 
       })
       .then((body) => {
-        return { code: body.code, msg: body.msg };
+        return { code: body.code, msg: body.msg }
       }).catch((err) => {
-        console.log('ERROR: ' + err);
-        this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-        return { code: Errori_MongoDb.ERR_GENERICO, msg: 'Errore' };
-      });
+        console.log('ERROR: ' + err)
+        this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+        return { code: ErroriMongoDb.ERR_GENERICO, msg: 'Errore' }
+      })
 
   }
 
   @Action({ commit: types.USER_VREG })
   vreg (paramquery: ILinkReg) {
-    let call = process.env.MONGODB_HOST + '/vreg';
-    console.log('CALL ' + call);
+    let call = process.env.MONGODB_HOST + '/vreg'
+    console.log('CALL ' + call)
 
     let usertosend = {
       keyappid: process.env.PAO_APP_ID,
       idapp: process.env.APP_ID,
       idLink: paramquery.idLink
-    };
-    console.log(usertosend);
+    }
+    console.log(usertosend)
 
-    this.setServerCode(Errori_MongoDb.CALLING);
+    this.setServerCode(ErroriMongoDb.CALLING)
 
-    let myres;
+    let myres
 
     return this.sendRequest(call, 'POST', usertosend)
       .then((res) => {
-        console.log(res);
-        myres = res;
+        console.log(res)
+        myres = res
         if (myres.status === 200) {
-          return myres.json();
+          return myres.json()
         }
-        this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-        return { code: Errori_MongoDb.ERR_GENERICO, msg: 'Errore: ' + myres.status };
+        this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+        return { code: ErroriMongoDb.ERR_GENERICO, msg: 'Errore: ' + myres.status }
 
       })
       .then((body) => {
         // console.log("RITORNO 2 ");
         // this.setServerCode(myres);
         if (body.code === serv_constants.RIS_CODE_EMAIL_VERIFIED) {
-          localStorage.setItem('verificato', '1');
+          localStorage.setItem('verificato', '1')
         }
-        return { code: body.code, msg: body.msg };
+        return { code: body.code, msg: body.msg }
       }).catch((err) => {
-        console.log('ERROR: ' + err);
-        this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-        return { code: Errori_MongoDb.ERR_GENERICO, msg: 'Errore' };
-      });
+        console.log('ERROR: ' + err)
+        this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+        return { code: ErroriMongoDb.ERR_GENERICO, msg: 'Errore' }
+      })
   }
 
   @Action({ commit: types.USER_VREG })
   signup (authData: IUserState) {
-    let call = process.env.MONGODB_HOST + '/users';
-    console.log('CALL ' + call);
+    let call = process.env.MONGODB_HOST + '/users'
+    console.log('CALL ' + call)
 
     // console.log("PASSW: " + authData.password);
 
@@ -266,42 +266,42 @@ export default class User extends VuexModule {
           password: String(hashedPassword),
           username: authData.username,
           idapp: process.env.APP_ID
-        };
+        }
 
-        console.log(usertosend);
+        console.log(usertosend)
 
-        let myres: IResult;
+        let myres: IResult
 
-        this.setServerCode(Errori_MongoDb.CALLING);
+        this.setServerCode(ErroriMongoDb.CALLING)
 
-        let x_auth_token: string = '';
+        let x_auth_token: string = ''
 
         return this.sendRequest(call, 'POST', usertosend)
           .then((res) => {
-            myres = res;
-            x_auth_token = String(res.headers.get('x-auth'));
+            myres = res
+            x_auth_token = String(res.headers.get('x-auth'))
             if (x_auth_token) {
-              return res.json();
+              return res.json()
             } else {
-              return { status: 400, code: Errori_MongoDb.ERR_GENERICO };
+              return { status: 400, code: ErroriMongoDb.ERR_GENERICO }
             }
           })
           .then((body) => {
             if (process.env.DEV) {
-              console.log('RISULTATO ');
-              console.log('STATUS ' + myres.status + ' ' + (myres.statusText));
-              console.log('BODY:');
-              console.log(body);
+              console.log('RISULTATO ')
+              console.log('STATUS ' + myres.status + ' ' + (myres.statusText))
+              console.log('BODY:')
+              console.log(body)
             }
 
-            this.setServerCode(myres.status);
+            this.setServerCode(myres.status)
 
             if (myres.status === 200) {
-              let iduser = body._id;
-              let username = authData.username;
+              let iduser = body._id
+              let username = authData.username
               if (process.env.DEV) {
-                console.log('USERNAME = ' + username);
-                console.log('IDUSER= ' + iduser);
+                console.log('USERNAME = ' + username)
+                console.log('IDUSER= ' + iduser)
               }
 
               this.authUser({
@@ -309,49 +309,49 @@ export default class User extends VuexModule {
                 userId: iduser,
                 idToken: x_auth_token,
                 verifiedEmail: false
-              });
+              })
 
-              const now = new Date();
+              const now = new Date()
               // const expirationDate = new Date(now.getTime() + myres.data.expiresIn * 1000);
-              const expirationDate = new Date(now.getTime() + 1000);
-              localStorage.setItem('username', username);
-              localStorage.setItem('token', x_auth_token);
-              localStorage.setItem('userId', iduser);
-              localStorage.setItem('expirationDate', expirationDate.toString());
-              localStorage.setItem('verificato', '0');
+              const expirationDate = new Date(now.getTime() + 1000)
+              localStorage.setItem('username', username)
+              localStorage.setItem('token', x_auth_token)
+              localStorage.setItem('userId', iduser)
+              localStorage.setItem('expirationDate', expirationDate.toString())
+              localStorage.setItem('verificato', '0')
               // dispatch('storeUser', authData);
               // dispatch('setLogoutTimer', myres.data.expiresIn);
 
-              return Errori_MongoDb.OK;
+              return ErroriMongoDb.OK
             } else if (myres.status === 404) {
               if (process.env.DEV) {
-                console.log('CODE = ' + body.code);
+                console.log('CODE = ' + body.code)
               }
-              return body.code;
+              return body.code
             } else {
               if (process.env.DEV) {
-                console.log('CODE = ' + body.code);
+                console.log('CODE = ' + body.code)
               }
-              return body.code;
+              return body.code
             }
           })
           .catch((error) => {
             if (process.env.DEV) {
-              console.log('ERROREEEEEEEEE');
-              console.log(error);
+              console.log('ERROREEEEEEEEE')
+              console.log(error)
             }
-            this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-            return Errori_MongoDb.ERR_GENERICO;
-          });
-      });
+            this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+            return ErroriMongoDb.ERR_GENERICO
+          })
+      })
   }
 
   @Action({ commit: types.USER_SIGNIN })
   signin (authData: IUserState) {
-    let call = process.env.MONGODB_HOST + '/users/login';
-    console.log('LOGIN ' + call);
+    let call = process.env.MONGODB_HOST + '/users/login'
+    console.log('LOGIN ' + call)
 
-    console.log('MYLANG = ' + this.getlang());
+    console.log('MYLANG = ' + this.getlang())
 
     const usertosend = {
       username: authData.username,
@@ -359,145 +359,145 @@ export default class User extends VuexModule {
       idapp: process.env.APP_ID,
       keyappid: process.env.PAO_APP_ID,
       lang: this.getlang()
-    };
+    }
 
-    console.log(usertosend);
+    console.log(usertosend)
 
-    let myres: IResult;
+    let myres: IResult
 
-    this.setServerCode(Errori_MongoDb.CALLING);
+    this.setServerCode(ErroriMongoDb.CALLING)
 
-    let x_auth_token: string = '';
+    let x_auth_token: string = ''
 
     return this.sendRequest(call, 'POST', usertosend)
       .then((res) => {
-        myres = res;
-        x_auth_token = String(res.headers.get('x-auth'));
-        let injson = res.json();
+        myres = res
+        x_auth_token = String(res.headers.get('x-auth'))
+        let injson = res.json()
 
         if (x_auth_token || injson) {
-          return injson;
+          return injson
         } else {
-          return { status: 400, code: Errori_MongoDb.ERR_GENERICO };
+          return { status: 400, code: ErroriMongoDb.ERR_GENERICO }
         }
       })
       .then((body) => {
         if (process.env.DEV) {
-          console.log('RISULTATO ');
-          console.log('STATUS ' + myres.status + ' ' + (myres.statusText));
-          console.log('BODY:');
-          console.log(body);
+          console.log('RISULTATO ')
+          console.log('STATUS ' + myres.status + ' ' + (myres.statusText))
+          console.log('BODY:')
+          console.log(body)
         }
 
         if (body.code === serv_constants.RIS_CODE_LOGIN_ERR) {
-          this.setServerCode(body.code);
-          return body.code;
+          this.setServerCode(body.code)
+          return body.code
         }
 
-        this.setServerCode(myres.status);
+        this.setServerCode(myres.status)
 
         if (myres.status === 200) {
-          let iduser = body._id;
-          let username = authData.username;
-          let verifiedEmail = body.verifiedEmail === 'true' || body.verifiedEmail === true;
+          let iduser = body._id
+          let username = authData.username
+          let verifiedEmail = body.verifiedEmail === 'true' || body.verifiedEmail === true
           if (process.env.DEV) {
-            console.log('USERNAME = ' + username);
-            console.log('IDUSER= ' + iduser);
+            console.log('USERNAME = ' + username)
+            console.log('IDUSER= ' + iduser)
             this.authUser({
               username: username,
               userId: iduser,
               idToken: x_auth_token,
               verifiedEmail: verifiedEmail
-            });
+            })
           }
 
-          const now = new Date();
+          const now = new Date()
           // const expirationDate = new Date(now.getTime() + myres.data.expiresIn * 1000);
-          const expirationDate = new Date(now.getTime() + 1000);
-          localStorage.setItem('username', username);
-          localStorage.setItem('token', x_auth_token);
-          localStorage.setItem('userId', iduser);
-          localStorage.setItem('expirationDate', expirationDate.toString());
-          localStorage.setItem('isLoggedin', String(true));
-          localStorage.setItem('verificato', String(verifiedEmail));
+          const expirationDate = new Date(now.getTime() + 1000)
+          localStorage.setItem('username', username)
+          localStorage.setItem('token', x_auth_token)
+          localStorage.setItem('userId', iduser)
+          localStorage.setItem('expirationDate', expirationDate.toString())
+          localStorage.setItem('isLoggedin', String(true))
+          localStorage.setItem('verificato', String(verifiedEmail))
 
           // dispatch('storeUser', authData);
           // dispatch('setLogoutTimer', myres.data.expiresIn);
-          return Errori_MongoDb.OK;
+          return ErroriMongoDb.OK
         } else if (myres.status === 404) {
           if (process.env.DEV) {
-            console.log('CODE = ' + body.code);
+            console.log('CODE = ' + body.code)
           }
-          return body.code;
+          return body.code
         } else {
           if (process.env.DEV) {
-            console.log('CODE = ' + body.code);
+            console.log('CODE = ' + body.code)
           }
-          return body.code;
+          return body.code
         }
       })
       .catch((error) => {
         if (process.env.DEV) {
-          console.log('ERROREEEEEEEEE');
-          console.log(error);
+          console.log('ERROREEEEEEEEE')
+          console.log(error)
         }
-        this.setServerCode(Errori_MongoDb.ERR_GENERICO);
-        return Errori_MongoDb.ERR_GENERICO;
-      });
+        this.setServerCode(ErroriMongoDb.ERR_GENERICO)
+        return ErroriMongoDb.ERR_GENERICO
+      })
   }
 
   @Action({ commit: types.USER_AUTOLOGIN })
   autologin () {
-    const token = localStorage.getItem('token');
+    const token = localStorage.getItem('token')
     if (!token) {
-      return;
+      return
     }
-    const expirationDateStr = localStorage.getItem('expirationDate');
-    let expirationDate = new Date(String(expirationDateStr));
-    const now = new Date();
+    const expirationDateStr = localStorage.getItem('expirationDate')
+    let expirationDate = new Date(String(expirationDateStr))
+    const now = new Date()
     if (now >= expirationDate) {
-      return;
+      return
     }
-    const userId = Number(localStorage.getItem('userId'));
-    const username = String(localStorage.getItem('username'));
-    const verifiedEmail = localStorage.getItem('verificato') === '1';
+    const userId = Number(localStorage.getItem('userId'))
+    const username = String(localStorage.getItem('username'))
+    const verifiedEmail = localStorage.getItem('verificato') === '1'
     this.authUser({
       username: username,
       userId: userId,
       idToken: token,
       verifiedEmail: verifiedEmail
-    });
+    })
   }
 
   @Action({ commit: types.USER_LOGOUT })
   logout () {
 
-    let call = process.env.MONGODB_HOST + '/users/me/token';
-    console.log('CALL ' + call);
+    let call = process.env.MONGODB_HOST + '/users/me/token'
+    console.log('CALL ' + call)
 
     let usertosend = {
       keyappid: process.env.PAO_APP_ID,
       idapp: process.env.APP_ID
-    };
+    }
 
-    console.log(usertosend);
+    console.log(usertosend)
     this.sendRequest(call, 'DELETE', usertosend)
       .then(
         (res) => {
-          console.log(res);
+          console.log(res)
         }
       ).catch((err) => {
-      console.log('ERROR: ' + err);
+      console.log('ERROR: ' + err)
     }).then(() => {
-      this.clearAuthData();
-    });
+      this.clearAuthData()
+    })
 
-    localStorage.removeItem('expirationDate');
-    localStorage.removeItem('token');
-    localStorage.removeItem('userId');
-    localStorage.removeItem('username');
-    localStorage.removeItem('isLoggedin');
-    localStorage.removeItem('verifiedEmail');
+    localStorage.removeItem('expirationDate')
+    localStorage.removeItem('token')
+    localStorage.removeItem('userId')
+    localStorage.removeItem('username')
+    localStorage.removeItem('isLoggedin')
+    localStorage.removeItem('verifiedEmail')
 
     // router.replace('/signin')
   }