feat: update dependencies

peterpeterparker · peterpeterparker · commit 23a532f7b866 · 2020-09-03T13:49:39.000+02:00
diff --git a/studio/CHANGELOG.md b/studio/CHANGELOG.md
@@ -6,6 +6,7 @@
 - highlight why "publish" action would be disabled ([#613](https://github.com/deckgo/deckdeckgo/issues/613))
 - new staging environment ([#850](https://github.com/deckgo/deckdeckgo/pull/850))
 - make lighthouse happy ([#847](https://github.com/deckgo/deckdeckgo/pull/847))
+- update dependencies including all Web Components build with Stencil v2 ([#858](https://github.com/deckgo/deckdeckgo/issues/858))
 
 ### Style
 
diff --git a/studio/package-lock.json b/studio/package-lock.json
diff --git a/studio/package.json b/studio/package.json
@@ -17,34 +17,34 @@
     "test.watch": "stencil test --spec --e2e --watch"
   },
   "dependencies": {
-    "@deckdeckgo/charts": "^1.0.2",
-    "@deckdeckgo/color": "^2.1.3",
-    "@deckdeckgo/core": "^1.2.1",
+    "@deckdeckgo/charts": "^2.0.0",
+    "@deckdeckgo/color": "^3.0.0",
+    "@deckdeckgo/core": "^2.0.0",
     "@deckdeckgo/deck-utils": "^2.4.0",
-    "@deckdeckgo/demo": "^1.0.4",
-    "@deckdeckgo/drag-resize-rotate": "^1.1.3",
-    "@deckdeckgo/highlight-code": "^1.1.4",
-    "@deckdeckgo/inline-editor": "^2.0.3",
-    "@deckdeckgo/lazy-img": "^1.0.1",
-    "@deckdeckgo/math": "^1.0.1",
-    "@deckdeckgo/qrcode": "^1.0.1",
-    "@deckdeckgo/remote": "^1.2.0",
-    "@deckdeckgo/slide-aspect-ratio": "^2.0.1",
-    "@deckdeckgo/slide-author": "^1.1.2",
-    "@deckdeckgo/slide-chart": "^1.1.2",
-    "@deckdeckgo/slide-content": "^1.1.2",
-    "@deckdeckgo/slide-gif": "^2.0.1",
-    "@deckdeckgo/slide-playground": "^1.1.3",
-    "@deckdeckgo/slide-poll": "^1.1.2",
-    "@deckdeckgo/slide-qrcode": "^1.1.2",
-    "@deckdeckgo/slide-split": "^1.3.2",
-    "@deckdeckgo/slide-title": "^1.1.3",
-    "@deckdeckgo/slide-youtube": "^1.1.2",
-    "@deckdeckgo/social": "^2.0.0",
+    "@deckdeckgo/demo": "^2.0.0",
+    "@deckdeckgo/drag-resize-rotate": "^2.0.0",
+    "@deckdeckgo/highlight-code": "^2.0.0",
+    "@deckdeckgo/inline-editor": "^3.0.0",
+    "@deckdeckgo/lazy-img": "^2.0.0",
+    "@deckdeckgo/math": "^2.0.0",
+    "@deckdeckgo/qrcode": "^2.0.0",
+    "@deckdeckgo/remote": "^2.0.0",
+    "@deckdeckgo/slide-aspect-ratio": "^3.0.0",
+    "@deckdeckgo/slide-author": "^2.0.0",
+    "@deckdeckgo/slide-chart": "^2.0.0",
+    "@deckdeckgo/slide-content": "^2.0.0",
+    "@deckdeckgo/slide-gif": "^3.0.0",
+    "@deckdeckgo/slide-playground": "^2.0.0",
+    "@deckdeckgo/slide-poll": "^2.0.0",
+    "@deckdeckgo/slide-qrcode": "^2.0.0",
+    "@deckdeckgo/slide-split": "^2.0.0",
+    "@deckdeckgo/slide-title": "^2.0.0",
+    "@deckdeckgo/slide-youtube": "^2.0.0",
+    "@deckdeckgo/social": "^3.0.0",
     "@deckdeckgo/utils": "^1.3.0",
-    "@deckdeckgo/youtube": "^1.1.2",
-    "@ionic/core": "^5.3.1",
-    "firebase": "^7.17.2",
+    "@deckdeckgo/youtube": "^2.0.0",
+    "@ionic/core": "^5.3.2",
+    "firebase": "^7.19.1",
     "idb-keyval": "^3.2.0",
     "socket.io-client": "^2.3.0",
     "uuid": "^8.3.0",
@@ -53,16 +53,16 @@
   "devDependencies": {
     "@deckdeckgo/types": "^1.1.0",
     "@rollup/plugin-replace": "^2.3.3",
-    "@stencil/core": "^1.17.3",
+    "@stencil/core": "^2.0.3",
     "@stencil/postcss": "^1.0.1",
     "@stencil/sass": "^1.3.2",
     "@stencil/store": "^1.3.0",
     "@types/socket.io-client": "^1.4.33",
-    "@types/uuid": "^8.0.1",
+    "@types/uuid": "^8.3.0",
     "autoprefixer": "^9.8.6",
     "husky": "^4.2.5",
-    "prettier": "2.0.5",
-    "pretty-quick": "^2.0.1",
+    "prettier": "2.1.1",
+    "pretty-quick": "^3.0.0",
     "workbox-build": "4.3.1"
   },
   "repository": {
diff --git a/studio/src/app/app-root.tsx b/studio/src/app/app-root.tsx
@@ -66,7 +66,7 @@ export class AppRoot {
     });
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     if (this.destroyErrorListener) {
       this.destroyErrorListener();
     }
diff --git a/studio/src/app/components/editor/actions/deck/app-actions-deck/app-actions-deck.tsx b/studio/src/app/components/editor/actions/deck/app-actions-deck/app-actions-deck.tsx
@@ -85,7 +85,7 @@ export class AppActionsDeck {
     });
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     if (this.destroyListener) {
       this.destroyListener();
     }
diff --git a/studio/src/app/components/editor/actions/element/app-actions-element/app-actions-element.tsx b/studio/src/app/components/editor/actions/element/app-actions-element/app-actions-element.tsx
@@ -93,7 +93,7 @@ export class AppActionsElement {
     this.initWindowResize();
   }
 
-  async componentDidUnload() {
+  async disconnectedCallback() {
     this.removeWindowResize();
   }
 
diff --git a/studio/src/app/components/editor/app-inactivity/app-inactivity.tsx b/studio/src/app/components/editor/app-inactivity/app-inactivity.tsx
@@ -2,7 +2,7 @@ import {Component, EventEmitter, Event, Prop, Watch} from '@stencil/core';
 
 @Component({
   tag: 'app-inactivity',
-  shadow: true
+  shadow: true,
 })
 export class AppInactivity {
   @Prop()
@@ -28,7 +28,7 @@ export class AppInactivity {
     }
   }
 
-  async componentDidUnload() {
+  async disconnectedCallback() {
     await this.removeEventListener();
   }
 
diff --git a/studio/src/app/components/editor/styles/deck/app-deck-transition/app-deck-transition.tsx b/studio/src/app/components/editor/styles/deck/app-deck-transition/app-deck-transition.tsx
@@ -26,7 +26,7 @@ export class AppDeckTransition {
     await this.animateDecks();
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     if (this.timerInterval) {
       clearInterval(this.timerInterval);
     }
diff --git a/studio/src/app/components/feed/app-feed/app-feed.tsx b/studio/src/app/components/feed/app-feed/app-feed.tsx
@@ -45,7 +45,7 @@ export class AppFeed {
     this.mobile = isMobile();
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     if (this.destroyListener) {
       this.destroyListener();
     }
diff --git a/studio/src/app/components/feed/card/app-feed-card/app-feed-card.tsx b/studio/src/app/components/feed/card/app-feed-card/app-feed-card.tsx
@@ -59,7 +59,7 @@ export class AppFeedCard {
     await this.onWindowResize();
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     this.removeWindowResize();
   }
 
diff --git a/studio/src/app/components/landing/app-landing-content/app-landing-content.tsx b/studio/src/app/components/landing/app-landing-content/app-landing-content.tsx
@@ -5,7 +5,7 @@ import {debounce, isIOS} from '@deckdeckgo/utils';
 @Component({
   tag: 'app-landing-content',
   styleUrl: 'app-landing-content.scss',
-  shadow: false
+  shadow: false,
 })
 export class AppLandingContent {
   @Element() el: HTMLElement;
@@ -35,7 +35,7 @@ export class AppLandingContent {
     }
   }
 
-  async componentDidUnload() {
+  async disconnectedCallback() {
     this.removeWindowResize();
 
     if (this.videoObserver) {
@@ -63,7 +63,7 @@ export class AppLandingContent {
     return new Promise<void>((resolve) => {
       this.videoObserver = new IntersectionObserver(this.onVideoIntersection, {
         rootMargin: '100px 0px',
-        threshold: 0.25
+        threshold: 0.25,
       });
 
       const elements: NodeListOf<HTMLElement> = this.el.querySelectorAll('div.video');
@@ -82,7 +82,7 @@ export class AppLandingContent {
     return new Promise<void>((resolve) => {
       this.pollObserver = new IntersectionObserver(this.onPollIntersection, {
         rootMargin: '100px 0px',
-        threshold: 0.25
+        threshold: 0.25,
       });
 
       const element: HTMLElement = this.el.querySelector('deckgo-slide-poll');
@@ -283,7 +283,7 @@ export class AppLandingContent {
           style={{
             '--deckgo-qrcode-color-fill': '#222428',
             '--deckgo-chart-fill-color-1': 'var(--ion-color-primary)',
-            '--deckgo-chart-fill-color-2': 'var(--ion-color-secondary)'
+            '--deckgo-chart-fill-color-2': 'var(--ion-color-secondary)',
           }}>
           <p slot="question">Interact with your audience</p>
           <p slot="answer-1">Cool</p>
diff --git a/studio/src/app/pages/core/app-dashboard/app-dashboard.tsx b/studio/src/app/pages/core/app-dashboard/app-dashboard.tsx
@@ -82,7 +82,7 @@ export class AppDashboard {
     await this.initWatchForClonedDecks();
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     if (this.destroyListener) {
       this.destroyListener();
     }
diff --git a/studio/src/app/pages/core/app-poll/app-poll.tsx b/studio/src/app/pages/core/app-poll/app-poll.tsx
@@ -53,7 +53,7 @@ export class AppPoll {
     await this.initHasVoted();
   }
 
-  async componentDidUnload() {
+  async disconnectedCallback() {
     await this.pollService.disconnect();
 
     if (this.destroyPollListener) {
diff --git a/studio/src/app/pages/core/app-settings/app-settings.tsx b/studio/src/app/pages/core/app-settings/app-settings.tsx
@@ -123,7 +123,7 @@ export class AppHome {
     }
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     this.destroyListener();
   }
 
diff --git a/studio/src/app/pages/core/app-signin/app-signin.tsx b/studio/src/app/pages/core/app-signin/app-signin.tsx
@@ -49,7 +49,7 @@ export class AppSignIn {
     await this.setupFirebaseUI();
   }
 
-  async componentDidUnload() {
+  async disconnectedCallback() {
     const ui = firebaseui.auth.AuthUI.getInstance();
     if (ui) {
       await ui.delete();
diff --git a/studio/src/app/pages/editor/app-editor/app-editor.tsx b/studio/src/app/pages/editor/app-editor/app-editor.tsx
@@ -196,7 +196,7 @@ export class AppEditor {
     this.initWindowResize();
   }
 
-  async componentDidUnload() {
+  async disconnectedCallback() {
     await this.remoteEventsHandler.destroy();
 
     this.removeWindowResize();
diff --git a/studio/src/app/popovers/editor/app-create-slide/app-create-slide.tsx b/studio/src/app/popovers/editor/app-create-slide/app-create-slide.tsx
@@ -64,7 +64,7 @@ export class AppCreateSlide {
     await this.lazyLoadAllCharts();
   }
 
-  componentDidUnload() {
+  disconnectedCallback() {
     this.unsubscribeTimer();
   }
 
diff --git a/studio/src/app/popovers/editor/remote/app-remote-connect/app-remote-connect.tsx b/studio/src/app/popovers/editor/remote/app-remote-connect/app-remote-connect.tsx
@@ -26,7 +26,7 @@ export class AppRemoteConnect {
     await this.initCloseOnConnected();
   }
 
-  async componentDidUnload() {
+  async disconnectedCallback() {
     await this.destroyCloseOnConnected();
   }
 

Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@ export class AppRoot {`
`66`	`66`	`});`
`67`	`67`	`}`
`68`	`68`
`69`		`- componentDidUnload() {`
	`69`	`+ disconnectedCallback() {`
`70`	`70`	`if (this.destroyErrorListener) {`
`71`	`71`	`this.destroyErrorListener();`
`72`	`72`	`}`
Original file line number	Diff line number	Diff line change
`@@ -85,7 +85,7 @@ export class AppActionsDeck {`
`85`	`85`	`});`
`86`	`86`	`}`
`87`	`87`
`88`		`- componentDidUnload() {`
	`88`	`+ disconnectedCallback() {`
`89`	`89`	`if (this.destroyListener) {`
`90`	`90`	`this.destroyListener();`
`91`	`91`	`}`
Original file line number	Diff line number	Diff line change
`@@ -93,7 +93,7 @@ export class AppActionsElement {`
`93`	`93`	`this.initWindowResize();`
`94`	`94`	`}`
`95`	`95`
`96`		`- async componentDidUnload() {`
	`96`	`+ async disconnectedCallback() {`
`97`	`97`	`this.removeWindowResize();`
`98`	`98`	`}`
`99`	`99`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import {Component, EventEmitter, Event, Prop, Watch} from '@stencil/core';`
`2`	`2`
`3`	`3`	`@Component({`
`4`	`4`	`tag: 'app-inactivity',`
`5`		`- shadow: true`
	`5`	`+ shadow: true,`
`6`	`6`	`})`
`7`	`7`	`export class AppInactivity {`
`8`	`8`	`@Prop()`
`@@ -28,7 +28,7 @@ export class AppInactivity {`
`28`	`28`	`}`
`29`	`29`	`}`
`30`	`30`
`31`		`- async componentDidUnload() {`
	`31`	`+ async disconnectedCallback() {`
`32`	`32`	`await this.removeEventListener();`
`33`	`33`	`}`
`34`	`34`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ export class AppDeckTransition {`
`26`	`26`	`await this.animateDecks();`
`27`	`27`	`}`
`28`	`28`
`29`		`- componentDidUnload() {`
	`29`	`+ disconnectedCallback() {`
`30`	`30`	`if (this.timerInterval) {`
`31`	`31`	`clearInterval(this.timerInterval);`
`32`	`32`	`}`
Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@ export class AppFeed {`
`45`	`45`	`this.mobile = isMobile();`
`46`	`46`	`}`
`47`	`47`
`48`		`- componentDidUnload() {`
	`48`	`+ disconnectedCallback() {`
`49`	`49`	`if (this.destroyListener) {`
`50`	`50`	`this.destroyListener();`
`51`	`51`	`}`
Original file line number	Diff line number	Diff line change
`@@ -59,7 +59,7 @@ export class AppFeedCard {`
`59`	`59`	`await this.onWindowResize();`
`60`	`60`	`}`
`61`	`61`
`62`		`- componentDidUnload() {`
	`62`	`+ disconnectedCallback() {`
`63`	`63`	`this.removeWindowResize();`
`64`	`64`	`}`
`65`	`65`