Merge pull request #1214 from deckgo/chore/prettier-no-trailing-comma

chore: prettier no trailing comma

Author: peterpeterparker

studio/.prettierignore

@@ -0,0 +1,2 @@
+.firebase
+www

studio/.prettierrc

@@ -4,6 +4,7 @@
   "arrowParens": "always",
   "bracketSpacing": false,
   "jsxBracketSameLine": true,
+  "trailingComma": "none",
   "overrides": [
     {
       "files": ["*.scss", "*.css"],

studio/CHANGELOG.md

@@ -38,7 +38,7 @@
 
 - figma integration ([#246](https://github.com/deckgo/deckdeckgo/issues/246))
 - german translations ([#1122](https://github.com/deckgo/deckdeckgo/issues/1122) and [#1123](https://github.com/deckgo/deckdeckgo/issues/1123))
-- accept images svg and webp ([#1113](https://github.com/deckgo/deckdeckgo/pull/1113)) 
+- accept images svg and webp ([#1113](https://github.com/deckgo/deckdeckgo/pull/1113))
 - csp object-src and base-uri ([#1111](https://github.com/deckgo/deckdeckgo/pull/1111))
 
 # 4.4.0 (2020-03-18)

studio/scripts/i18n.types.js

@@ -12,7 +12,7 @@ const generate = async () => {
     return {
       key,
       name: `I18n${key.charAt(0).toUpperCase()}${key.slice(1)}`,
-      properties,
+      properties
     };
   });
 

studio/src/app/app-root.tsx

@@ -17,7 +17,7 @@ import {LangService} from './services/lang/lang.service';
 
 @Component({
   tag: 'app-root',
-  styleUrl: 'app-root.scss',
+  styleUrl: 'app-root.scss'
 })
 export class AppRoot {
   @Element() el: HTMLElement;
@@ -56,7 +56,7 @@ export class AppRoot {
         this.themeService.initDarkModePreference(),
         this.colorService.init(),
         this.settingsService.init(),
-        this.langService.init(),
+        this.langService.init()
       ];
 
       await Promise.all(promises);
@@ -112,11 +112,11 @@ export class AppRoot {
           handler: () => {
             registration.waiting.postMessage('skipWaiting');
             window.location.reload();
-          },
-        },
+          }
+        }
       ],
       position: 'top',
-      color: 'quaternary',
+      color: 'quaternary'
     });
 
     await toast.present();
@@ -128,12 +128,12 @@ export class AppRoot {
       buttons: [
         {
           text: 'Close',
-          role: 'cancel',
-        },
+          role: 'cancel'
+        }
       ],
       position: 'top',
       color: 'danger',
-      duration: 6000,
+      duration: 6000
     });
 
     toast.onDidDismiss().then(() => {
@@ -218,7 +218,7 @@ export class AppRoot {
         <ion-nav id="menu-content" />
 
         <app-share-deck ref={(el) => (this.shareRef = el as HTMLAppShareDeckElement)}></app-share-deck>
-      </ion-app>,
+      </ion-app>
     ];
   }
 }

studio/src/app/components/core/app-footer/app-links.tsx

@@ -5,7 +5,7 @@ import i18n from '../../../stores/i18n.store';
 @Component({
   tag: 'app-links',
   styleUrl: 'app-links.scss',
-  shadow: false,
+  shadow: false
 })
 export class AppLinks {
   render() {

studio/src/app/components/core/app-menu/app-menu.tsx

@@ -12,7 +12,7 @@ import {AuthService} from '../../../services/auth/auth.service';
 @Component({
   tag: 'app-menu',
   styleUrl: 'app-menu.scss',
-  shadow: false,
+  shadow: false
 })
 export class AppMenu {
   @Element() el: HTMLElement;
@@ -32,7 +32,7 @@ export class AppMenu {
 
     navStore.state.nav = {
       url: '/',
-      direction: NavDirection.RELOAD,
+      direction: NavDirection.RELOAD
     };
   }
 

studio/src/app/components/core/app-navigation-actions/app-navigation-actions.tsx

@@ -12,7 +12,7 @@ import {signIn} from '../../../utils/core/signin.utils';
 @Component({
   tag: 'app-navigation-actions',
   styleUrl: 'app-navigation-actions.scss',
-  shadow: false,
+  shadow: false
 })
 export class AppNavigationActions {
   @Prop() signIn: boolean = true;
@@ -25,7 +25,7 @@ export class AppNavigationActions {
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-user-menu',
       event: $event,
-      mode: 'ios',
+      mode: 'ios'
     });
 
     await popover.present();

studio/src/app/components/core/app-navigation/app-navigation.tsx

@@ -7,7 +7,7 @@ import store from '../../../stores/deck.store';
 @Component({
   tag: 'app-navigation',
   styleUrl: 'app-navigation.scss',
-  shadow: false,
+  shadow: false
 })
 export class AppNavigation {
   @Prop() menuToggle: boolean = true;

studio/src/app/components/core/app-random-gif/app-random-gif.tsx

@@ -4,7 +4,7 @@ import {GifService} from '../../../services/tenor/gif/gif.service';
 
 @Component({
   tag: 'app-random-gif',
-  styleUrl: 'app-random-gif.scss',
+  styleUrl: 'app-random-gif.scss'
 })
 export class AppRandomGif {
   @Prop()

studio/src/app/components/core/app-share-deck/app-share-deck.tsx

@@ -9,7 +9,7 @@ import {getPublishedUrl, getShareText, getShareTwitterText} from '../../../utils
 @Component({
   tag: 'app-share-deck',
   styleUrl: 'app-share-deck.scss',
-  shadow: true,
+  shadow: true
 })
 export class AppShareDeck {
   @Element() el: HTMLElement;
@@ -31,7 +31,7 @@ export class AppShareDeck {
     // @ts-ignore
     await navigator.share({
       text: text,
-      url: publishedUrl,
+      url: publishedUrl
     });
   }
 
@@ -54,40 +54,40 @@ export class AppShareDeck {
             socialShareText: twitterText,
             socialShareUrl: publishedUrl,
             socialSharePopupWidth: 300,
-            socialSharePopupHeight: 400,
-          },
+            socialSharePopupHeight: 400
+          }
         },
         {
           linkedin: {
-            socialShareUrl: publishedUrl,
-          },
+            socialShareUrl: publishedUrl
+          }
         },
         {
           email: {
-            socialShareBody: `${text} ${publishedUrl}`,
-          },
+            socialShareBody: `${text} ${publishedUrl}`
+          }
         },
         {
           whatsapp: {
-            socialShareUrl: publishedUrl,
-          },
+            socialShareUrl: publishedUrl
+          }
         },
         {
           copy: {
-            socialShareUrl: publishedUrl,
-          },
+            socialShareUrl: publishedUrl
+          }
         },
         {
           hackernews: {
-            socialShareUrl: publishedUrl,
-          },
+            socialShareUrl: publishedUrl
+          }
         },
         {
           telegram: {
-            socialShareUrl: publishedUrl,
-          },
-        },
-      ],
+            socialShareUrl: publishedUrl
+          }
+        }
+      ]
     };
 
     webSocialShare.share = shareOptions;

studio/src/app/components/core/app-signin/app-signin.tsx

@@ -22,7 +22,7 @@ import {DeckService} from '../../../services/data/deck/deck.service';
 
 @Component({
   tag: 'app-signin',
-  styleUrl: 'app-signin.scss',
+  styleUrl: 'app-signin.scss'
 })
 export class AppSignIn {
   @Element() el: HTMLElement;
@@ -67,7 +67,7 @@ export class AppSignIn {
 
     await Utils.injectJS({
       id: 'firebase-ui-script',
-      src: 'https://www.gstatic.com/firebasejs/ui/4.8.0/firebase-ui-auth.js',
+      src: 'https://www.gstatic.com/firebasejs/ui/4.8.0/firebase-ui-auth.js'
     });
     await Utils.injectCSS('firebase-ui-css', 'https://www.gstatic.com/firebasejs/ui/4.8.0/firebase-ui-auth.css');
 
@@ -83,7 +83,7 @@ export class AppSignIn {
     // GitHub scope
     signInOptions.push({
       provider: firebase.auth.GithubAuthProvider.PROVIDER_ID,
-      scopes: ['public_repo'],
+      scopes: ['public_repo']
     });
 
     signInOptions.push(firebase.auth.GoogleAuthProvider.PROVIDER_ID);
@@ -125,8 +125,8 @@ export class AppSignIn {
         },
         // signInFailure callback must be provided to handle merge conflicts which
         // occur when an existing credential is linked to an anonymous user.
-        signInFailure: this.onSignInFailure,
-      },
+        signInFailure: this.onSignInFailure
+      }
     };
 
     // @ts-ignore
@@ -232,7 +232,7 @@ export class AppSignIn {
         deckId: this.redirectId ? this.redirectId : null,
         userId: authStore.state.authUser ? authStore.state.authUser.uid : null,
         userToken: token,
-        anonymous: authStore.state.authUser ? authStore.state.authUser.anonymous : true,
+        anonymous: authStore.state.authUser ? authStore.state.authUser.anonymous : true
       })
     );
   }
@@ -255,13 +255,13 @@ export class AppSignIn {
     // Do not push a new page but reload as we might later face a DOM with contains two firebaseui which would not work
     navStore.state.nav = {
       url: url + `?signin=${redirectStatus}`,
-      direction,
+      direction
     };
   }
 
   async navigateBack() {
     navStore.state.nav = {
-      direction: NavDirection.BACK,
+      direction: NavDirection.BACK
     };
   }
 
@@ -278,9 +278,9 @@ export class AppSignIn {
       id: userCred.user.uid,
       data: {
         github: {
-          token: (userCred.credential as OAuthCredential).accessToken,
-        },
-      },
+          token: (userCred.credential as OAuthCredential).accessToken
+        }
+      }
     };
   }
 
@@ -298,14 +298,14 @@ export class AppSignIn {
         <p class="ion-text-center ion-padding-start ion-padding-end">
           <small>{i18n.state.core.free_open_source}</small>
         </p>
-      </main>,
+      </main>
     ];
   }
 
   private renderMsg() {
     return [
       <h1 class="ion-text-center ion-padding-start ion-padding-end">{i18n.state.sign_in.hi}</h1>,
-      <p class="ion-text-center ion-padding">{i18n.state.sign_in.why}</p>,
+      <p class="ion-text-center ion-padding">{i18n.state.sign_in.why}</p>
     ];
   }
 

studio/src/app/components/core/app-spinner/app-spinner.tsx

@@ -2,7 +2,7 @@ import {Component, h} from '@stencil/core';
 
 @Component({
   tag: 'app-spinner',
-  styleUrl: 'app-spinner.scss',
+  styleUrl: 'app-spinner.scss'
 })
 export class AppSpinner {
   render() {

studio/src/app/components/core/app-start-deck/app-start-deck.tsx

@@ -6,7 +6,7 @@ import i18n from '../../../stores/i18n.store';
 import navStore, {NavDirection} from '../../../stores/nav.store';
 
 @Component({
-  tag: 'app-start-deck',
+  tag: 'app-start-deck'
 })
 export class AppStartDeck {
   @Prop()
@@ -18,7 +18,7 @@ export class AppStartDeck {
   private async navigateEditor() {
     navStore.state.nav = {
       url: '/editor',
-      direction: NavDirection.RELOAD,
+      direction: NavDirection.RELOAD
     };
   }
 
@@ -27,7 +27,7 @@ export class AppStartDeck {
       component: 'app-deck-import',
       event: $event,
       mode: 'ios',
-      cssClass: 'info',
+      cssClass: 'info'
     });
 
     popover.onDidDismiss().then(async (detail: OverlayEventDetail) => {
@@ -44,7 +44,7 @@ export class AppStartDeck {
 
     navStore.state.nav = {
       url: url,
-      direction: NavDirection.RELOAD,
+      direction: NavDirection.RELOAD
     };
   }
 

studio/src/app/components/core/app-template-showcase/app-template-showcase.tsx

@@ -8,7 +8,7 @@ import {TemplateUtils} from '../../../utils/editor/template.utils';
 
 @Component({
   tag: 'app-template-showcase',
-  styleUrl: 'app-template-showcase.scss',
+  styleUrl: 'app-template-showcase.scss'
 })
 export class AppTemplateShowcase {
   @Prop()

studio/src/app/components/core/app-unpublish/app-unpublish.tsx

@@ -6,7 +6,7 @@ import {renderI18n} from '../../../utils/core/i18n.utils';
 
 @Component({
   tag: 'app-unpublish',
-  styleUrl: 'app-unpublish.scss',
+  styleUrl: 'app-unpublish.scss'
 })
 export class AppUnpublish {
   render() {
@@ -18,7 +18,7 @@ export class AppUnpublish {
             <a href="https://deckdeckgo.com/en/contact/" rel="noopener norefferer" target="_blank">
               contact
             </a>
-          ),
+          )
         })}
       </p>
     );

studio/src/app/components/core/app-user-info/app-user-info.tsx

@@ -6,7 +6,7 @@ import apiUserStore from '../../../stores/api.user.store';
 
 @Component({
   tag: 'app-user-info',
-  styleUrl: 'app-user-info.scss',
+  styleUrl: 'app-user-info.scss'
 })
 export class AppUserInfo {
   @Prop()