feat: redo description from first slide

Author: peterpeterparker

studio/src/app/modals/editor/app-publish/app-publish.tsx

@@ -1,4 +1,4 @@
-import {Component, Element, Listen, State} from '@stencil/core';
+import {Component, Element, Listen, Prop, State} from '@stencil/core';
 
 import {take} from 'rxjs/operators';
 
@@ -22,11 +22,11 @@ export class AppPublish {
 
     private authService: AuthService;
 
-    @State()
-    private caption: string;
+    @Prop()
+    description: string;
 
     @State()
-    private description: string;
+    private caption: string;
 
     @State()
     private author: string;

studio/src/app/pages/editor/app-editor/app-editor.tsx

@@ -304,6 +304,24 @@ export class AppEditor {
         });
     }
 
+    private getFirstSlideContent(): Promise<string> {
+        return new Promise<string>(async (resolve) => {
+            let content: string = '';
+
+            const slide: HTMLElement = this.el.querySelector('deckgo-deck > *:first-child');
+
+            if (slide && slide.tagName && slide.tagName.toLowerCase().indexOf('deckgo-slide') > -1) {
+                const contentElement: HTMLElement = slide.querySelector('[slot="content"]');
+
+                if (contentElement) {
+                    content = contentElement.textContent;
+                }
+            }
+
+            resolve(content);
+        });
+    }
+
     @Listen('actionOpenSlideAdd')
     async onActionOpenSlideAdd($event: CustomEvent) {
         if (!$event || !$event.detail) {
@@ -371,8 +389,13 @@ export class AppEditor {
             return;
         }
 
+        const content: string = await this.getFirstSlideContent();
+
         const modal: HTMLIonModalElement = await this.modalController.create({
-            component: 'app-publish'
+            component: 'app-publish',
+            componentProps: {
+                description: content
+            }
         });
 
         modal.onDidDismiss().then(async (_detail: OverlayEventDetail) => {

studio/src/components.d.ts

@@ -8,9 +8,9 @@
 import '@stencil/core';
 
 import '@ionic/core';
+import 'ionicons';
 import 'deckdeckgo';
 import 'deckdeckgo-inline-editor';
-import 'ionicons';
 import {
   EventEmitter,
 } from '@stencil/core';
@@ -120,8 +120,12 @@ export namespace Components {
   interface AppGif {}
   interface AppGifAttributes extends StencilHTMLAttributes {}
 
-  interface AppPublish {}
-  interface AppPublishAttributes extends StencilHTMLAttributes {}
+  interface AppPublish {
+    'description': string;
+  }
+  interface AppPublishAttributes extends StencilHTMLAttributes {
+    'description'?: string;
+  }
 
   interface AppSlideNavigate {
     'slides': string[];