chore(config): format with updated prettier settings

Author: mt-kenny

.eslintrc-ts.js

@@ -1,12 +1,8 @@
 module.exports = {
-  extends: [
-    './.eslintrc.js',
-    'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended',
-  ],
+  extends: ['./.eslintrc.js', 'plugin:@typescript-eslint/eslint-recommended', 'plugin:@typescript-eslint/recommended'],
   parser: '@typescript-eslint/parser',
   plugins: ['@typescript-eslint'],
   rules: {
-    '@typescript-eslint/ban-ts-comment': ['error', { 'ts-ignore': 'allow-with-description' }],
-  },
+    '@typescript-eslint/ban-ts-comment': ['error', { 'ts-ignore': 'allow-with-description' }]
+  }
 };

.eslintrc.js

@@ -3,19 +3,16 @@ module.exports = {
     browser: true,
     commonjs: true,
     es6: true,
-    node: true,
+    node: true
   },
   extends: ['eslint:recommended', 'prettier'],
   globals: {
     Atomics: 'readonly',
-    SharedArrayBuffer: 'readonly',
+    SharedArrayBuffer: 'readonly'
   },
   parserOptions: {
-    ecmaVersion: 11,
+    ecmaVersion: 11
   },
   plugins: ['prettier'],
-  ignorePatterns: ['dist'],
-  rules: {
-    'prettier/prettier': 'error',
-  },
+  ignorePatterns: ['dist']
 };

jest.config.js

@@ -6,9 +6,9 @@ module.exports = {
   setupFilesAfterEnv: ['./scripts/jest/setup.ts'],
   modulePathIgnorePatterns: [
     // https://github.com/facebook/jest/issues/2070#issuecomment-431706685
-    '<rootDir>/.*/__mocks__',
+    '<rootDir>/.*/__mocks__'
   ],
   globals: {
-    __VERSION__: packageJSON.version,
-  },
+    __VERSION__: packageJSON.version
+  }
 };

prettier.config.js

@@ -1,7 +1,8 @@
 module.exports = {
-  trailingComma: 'es5',
+  arrowParens: 'always',
   tabWidth: 2,
-  semi: true,
   singleQuote: true,
-  printWidth: 100,
+  trailingComma: 'none',
+  semi: true,
+  printWidth: 120
 };

sample/src/elements.ts

@@ -5,14 +5,14 @@ export default {
     authAction: document.getElementById('common-options-authAction') as HTMLSelectElement,
     showAuthToggle: document.getElementById('common-options-showAuthToggle') as HTMLInputElement,
     showRememberMe: document.getElementById('common-options-showRememberMe') as HTMLInputElement,
-    isNewTab: document.getElementById('common-options-isNewTab') as HTMLInputElement,
+    isNewTab: document.getElementById('common-options-isNewTab') as HTMLInputElement
   },
   authorizeOptionsElms: {
-    scopes: document.getElementById('authorize-options-scopes') as HTMLSelectElement,
+    scopes: document.getElementById('authorize-options-scopes') as HTMLSelectElement
   },
   onboardOptionsElms: {
     email: document.getElementById('onboard-options-email') as HTMLSelectElement,
-    scopes: document.getElementById('onboard-options-scopes') as HTMLSelectElement,
+    scopes: document.getElementById('onboard-options-scopes') as HTMLSelectElement
   },
   openServiceOptionsElms: {
     serviceId: document.getElementById('open-service-options-serviceId') as HTMLSelectElement,
@@ -21,7 +21,7 @@ export default {
     group: document.getElementById('open-service-options-group') as HTMLSelectElement,
     search: document.getElementById('open-service-options-search') as HTMLInputElement,
     entityKey: document.getElementById('open-service-options-entityKey') as HTMLInputElement,
-    credentialId: document.getElementById('open-service-options-credentialId') as HTMLInputElement,
+    credentialId: document.getElementById('open-service-options-credentialId') as HTMLInputElement
   },
   initializeBtn: document.getElementById('initialize-btn') as HTMLButtonElement,
   authorizeBtn: document.getElementById('authorize-btn') as HTMLButtonElement,
@@ -41,5 +41,5 @@ export default {
   openServiceSection: document.getElementById('open-service-section') as HTMLDivElement,
   logoutSection: document.getElementById('logout-section') as HTMLDivElement,
   tokenInfoSection: document.getElementById('token-info-section') as HTMLDivElement,
-  vaultOptions: document.getElementById('vault-options') as HTMLDivElement,
+  vaultOptions: document.getElementById('vault-options') as HTMLDivElement
 };

sample/src/index.ts

@@ -6,7 +6,7 @@ import mtLinkSdk, {
   OpenServicesConfigsOptions,
   ServiceId,
   LoginLinkTo,
-  ServicesListType,
+  ServicesListType
 } from '@moneytree/mt-link-javascript-sdk';
 
 import elements from './elements';
@@ -35,8 +35,7 @@ elements.initializeBtn.onclick = () => {
   }
 
   commonOptions.authAction =
-    (commonOptionsElms.authAction.options[commonOptionsElms.authAction.selectedIndex]
-      .value as AuthAction) || 'login';
+    (commonOptionsElms.authAction.options[commonOptionsElms.authAction.selectedIndex].value as AuthAction) || 'login';
   commonOptions.showAuthToggle = commonOptionsElms.showAuthToggle.checked;
   commonOptions.showRememberMe = commonOptionsElms.showRememberMe.checked;
   commonOptions.isNewTab = commonOptionsElms.isNewTab.checked;
@@ -49,9 +48,7 @@ elements.authorizeBtn.onclick = () => {
   const authorizeOptions: AuthorizeOptions = {};
   const { authorizeOptionsElms } = elements;
 
-  const scopesSelectedOptions = Array.from(authorizeOptionsElms.scopes.options).filter(
-    (x) => x.selected
-  );
+  const scopesSelectedOptions = Array.from(authorizeOptionsElms.scopes.options).filter((x) => x.selected);
   if (scopesSelectedOptions.length) {
     authorizeOptions.scopes = scopesSelectedOptions.map((x) => x.value);
   }
@@ -70,9 +67,7 @@ elements.doOnboardBtn.onclick = async () => {
 
     const onBoardOptions: OnboardOptions = {};
 
-    const scopesSelectedOptions = Array.from(onboardOptionsElms.scopes.options).filter(
-      (x) => x.selected
-    );
+    const scopesSelectedOptions = Array.from(onboardOptionsElms.scopes.options).filter((x) => x.selected);
     if (scopesSelectedOptions.length) {
       onBoardOptions.scopes = scopesSelectedOptions.map((x) => x.value);
     }
@@ -123,37 +118,43 @@ elements.logoutBtn.onclick = () => {
 elements.openServiceBtn.onclick = () => {
   const { openServiceOptionsElms } = elements;
   let OpenServicesConfigsOptions: OpenServicesConfigsOptions = {};
-  const serviceId = openServiceOptionsElms.serviceId.options[
-    openServiceOptionsElms.serviceId.selectedIndex
-  ].value as ServiceId;
+  const serviceId = openServiceOptionsElms.serviceId.options[openServiceOptionsElms.serviceId.selectedIndex]
+    .value as ServiceId;
 
   if (serviceId === 'vault') {
-    const view = openServiceOptionsElms.view.options[openServiceOptionsElms.view.selectedIndex]
-      .value as 'services-list' | 'service-connection' | 'connection-setting' | 'customer-support';
+    const view = openServiceOptionsElms.view.options[openServiceOptionsElms.view.selectedIndex].value as
+      | 'services-list'
+      | 'service-connection'
+      | 'connection-setting'
+      | 'customer-support';
 
     switch (view) {
       case 'services-list':
         OpenServicesConfigsOptions = {
           view: 'services-list',
           type:
-            (openServiceOptionsElms.type.options[openServiceOptionsElms.type.selectedIndex]
-              .value as Pick<ServicesListType, 'type'>['type']) || undefined,
+            (openServiceOptionsElms.type.options[openServiceOptionsElms.type.selectedIndex].value as Pick<
+              ServicesListType,
+              'type'
+            >['type']) || undefined,
           group:
-            (openServiceOptionsElms.group.options[openServiceOptionsElms.group.selectedIndex]
-              .value as Pick<ServicesListType, 'group'>['group']) || undefined,
-          search: openServiceOptionsElms.search.value || undefined,
+            (openServiceOptionsElms.group.options[openServiceOptionsElms.group.selectedIndex].value as Pick<
+              ServicesListType,
+              'group'
+            >['group']) || undefined,
+          search: openServiceOptionsElms.search.value || undefined
         };
         break;
       case 'service-connection':
         OpenServicesConfigsOptions = {
           view: 'service-connection',
-          entityKey: openServiceOptionsElms.entityKey.value,
+          entityKey: openServiceOptionsElms.entityKey.value
         };
         break;
       case 'connection-setting':
         OpenServicesConfigsOptions = {
           view: 'connection-setting',
-          credentialId: openServiceOptionsElms.credentialId.value,
+          credentialId: openServiceOptionsElms.credentialId.value
         };
         break;
       case 'customer-support':
@@ -163,8 +164,7 @@ elements.openServiceBtn.onclick = () => {
   }
 
   if (serviceId === 'myaccount-settings') {
-    const view = openServiceOptionsElms.view.options[openServiceOptionsElms.view.selectedIndex]
-      .value as
+    const view = openServiceOptionsElms.view.options[openServiceOptionsElms.view.selectedIndex].value as
       | 'authorized-applications'
       | 'change-language'
       | 'email-preferences'
@@ -187,7 +187,7 @@ elements.sendLoginLinkBtn.onclick = async () => {
 
     await mtLinkSdk.requestLoginLink({
       loginLinkTo: loginLinkToElm.options[loginLinkToElm.selectedIndex].value as LoginLinkTo,
-      email: loginLinkEmailElm.value,
+      email: loginLinkEmailElm.value
     });
     window.alert('Success, loginLink sent out.');
   } catch (error) {
@@ -200,8 +200,7 @@ elements.sendLoginLinkBtn.onclick = async () => {
 // Helper, to switch the vault options, depends on openService's serviceId value
 elements.openServiceOptionsElms.serviceId.onchange = () => {
   const { openServiceOptionsElms, vaultOptions } = elements;
-  const selectedValue =
-    openServiceOptionsElms.serviceId.options[openServiceOptionsElms.serviceId.selectedIndex].value;
+  const selectedValue = openServiceOptionsElms.serviceId.options[openServiceOptionsElms.serviceId.selectedIndex].value;
 
   if (selectedValue === 'vault' || selectedValue === 'myaccount-settings') {
     vaultOptions.style.display = 'block';
@@ -214,8 +213,7 @@ elements.openServiceOptionsElms.serviceId.onchange = () => {
 // Helper, To switch the options, depends on openService's view value for vault
 elements.openServiceOptionsElms.view.onchange = () => {
   const { openServiceOptionsElms } = elements;
-  const selectedValue =
-    openServiceOptionsElms.view.options[openServiceOptionsElms.view.selectedIndex].value;
+  const selectedValue = openServiceOptionsElms.view.options[openServiceOptionsElms.view.selectedIndex].value;
 
   const vaultServicesElms = document.getElementsByClassName('vault-services');
   for (let indx = 0; indx < vaultServicesElms.length; indx++) {
@@ -234,7 +232,7 @@ const initializeLinkSDK = (options: InitOptions = {}) => {
     redirectUri: 'https://localhost:9000',
     locale: 'en',
     mode: 'develop',
-    ...options,
+    ...options
   });
 };
 
@@ -256,14 +254,11 @@ const validateToken = async () => {
     elements.accessTokenLabel.innerText = `Your access token is ${accessToken}.`;
     const authHeaders = new Headers({
       method: 'GET',
-      Authorization: `Bearer ${accessToken}`,
+      Authorization: `Bearer ${accessToken}`
+    });
+    const response = await fetch('https://myaccount-staging.getmoneytree.com/oauth/token/info.json', {
+      headers: authHeaders
     });
-    const response = await fetch(
-      'https://myaccount-staging.getmoneytree.com/oauth/token/info.json',
-      {
-        headers: authHeaders,
-      }
-    );
     const data: ITokenInfo = await response.json();
     elements.accessTokenLabel.innerText = `Your access token is ${accessToken}
       It was generated for the app: ${data.aud.name}.

sample/webpack.config.js

@@ -13,25 +13,25 @@ module.exports = {
     https: true,
     historyApiFallback: true,
     stats: 'minimal',
-    hot: true,
+    hot: true
   },
 
   plugins: [
     new HtmlWebpackPlugin({
-      template: './src/index.html',
+      template: './src/index.html'
     }),
-    new webpack.HotModuleReplacementPlugin(),
+    new webpack.HotModuleReplacementPlugin()
   ],
 
   module: {
     rules: [
       {
         test: /\.ts?$/,
-        loader: 'ts-loader',
-      },
-    ],
+        loader: 'ts-loader'
+      }
+    ]
   },
   resolve: {
-    extensions: ['.ts', '.js'],
-  },
+    extensions: ['.ts', '.js']
+  }
 };

src/__tests__/helper.test.ts

@@ -23,7 +23,7 @@ describe('helper', () => {
             backTo: 'backTo',
             authAction: 'signup',
             showAuthToggle: true,
-            showRememberMe: true,
+            showRememberMe: true
           },
           {}
         )
@@ -32,7 +32,7 @@ describe('helper', () => {
         backTo: 'backTo',
         authAction: 'signup',
         showAuthToggle: true,
-        showRememberMe: true,
+        showRememberMe: true
       });
     });
 
@@ -44,22 +44,22 @@ describe('helper', () => {
             backTo: 'backTo',
             authAction: 'signup',
             showAuthToggle: true,
-            showRememberMe: true,
+            showRememberMe: true
           },
           {
             email: 'newEmail',
             backTo: 'newBackTo',
             authAction: 'login',
             showAuthToggle: false,
-            showRememberMe: false,
+            showRememberMe: false
           }
         )
       ).toMatchObject({
         email: 'newEmail',
         backTo: 'newBackTo',
         authAction: 'login',
         showAuthToggle: false,
-        showRememberMe: false,
+        showRememberMe: false
       });
     });
 
@@ -73,18 +73,18 @@ describe('helper', () => {
             showAuthToggle: true,
             showRememberMe: true,
             // @ts-ignore: set unsupported key
-            whatIsThis: false,
+            whatIsThis: false
           },
           {
-            whatIsThis2: false,
+            whatIsThis2: false
           }
         )
       ).toMatchObject({
         email: 'email',
         backTo: 'backTo',
         authAction: 'signup',
         showAuthToggle: true,
-        showRememberMe: true,
+        showRememberMe: true
       });
     });
 
@@ -96,20 +96,20 @@ describe('helper', () => {
             backTo: 'backTo',
             authAction: 'signup',
             showAuthToggle: true,
-            showRememberMe: true,
+            showRememberMe: true
           },
           {
             email: 'newEmail',
             backTo: 'newBackTo',
             authAction: 'login',
-            showAuthToggle: false,
+            showAuthToggle: false
           },
           ['email', 'backTo']
         )
       ).toMatchObject({
         authAction: 'login',
         showAuthToggle: false,
-        showRememberMe: true,
+        showRememberMe: true
       });
     });
   });
@@ -122,7 +122,7 @@ describe('helper', () => {
           backTo: 'backTo',
           authAction: 'signup',
           showAuthToggle: true,
-          showRememberMe: true,
+          showRememberMe: true
         })
       ).toBe(
         `sdk_platform=js&sdk_version=${packageJson.version}&email=email&back_to=backTo&auth_action=signup&show_auth_toggle=true` +