merge: tenor

Author: peterpeterparker

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

@@ -55,9 +55,11 @@ export class AppGif {
 
     private addSlide(gif: TenorGif): Promise<void> {
         return new Promise<void>(async (resolve) => {
-            const url: string = gif.media[0].gif.url;
+            await this.gifService.registerShare(gif.id);
 
+            const url: string = gif.media[0].gif.url;
             const slide: any = await EditorUtils.createSlideGif(url);
+
             await (this.el.closest('ion-modal') as HTMLIonModalElement).dismiss(slide);
 
             resolve();

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

@@ -504,7 +504,7 @@ export class AppEditor {
                         </ion-button>
 
                         <ion-button onClick={() => this.openSlideNavigate()} color="primary">
-                            <ion-icon slot="icon-only" ios="ios-list" md="ios-list"></ion-icon>
+                            <ion-icon slot="icon-only" ios="ios-bookmarks" md="ios-bookmarks"></ion-icon>
                         </ion-button>
 
                         <ion-button onClick={() => this.toggleFullScreen()} color="primary">

studio/src/app/services/gif/gif.service.tsx

@@ -29,7 +29,7 @@ export class GifService {
 
             const anonymousId: string = await this.getAnonymousId();
 
-            const searchUrl = config.url + 'categories?key=' + config.key + '&anon_id=' + anonymousId + '&media_filter=minimal';
+            const searchUrl: string = config.url + 'categories?key=' + config.key + '&anon_id=' + anonymousId + '&media_filter=minimal';
 
             try {
                 const rawResponse: Response = await fetch(searchUrl);
@@ -55,7 +55,7 @@ export class GifService {
 
             const anonymousId: string = await this.getAnonymousId();
 
-            const searchUrl = config.url + 'search?tag=' + searchTerm + '&key=' +
+            const searchUrl: string = config.url + 'search?tag=' + searchTerm + '&key=' +
                 config.key + '&ar_range=wide&limit=' + 16 + '&anon_id=' + anonymousId + '&media_filter=minimal&pos=' + next;
 
             try {
@@ -77,6 +77,26 @@ export class GifService {
         });
     }
 
+    registerShare(gifId: string): Promise<void> {
+        return new Promise<void>(async (resolve) => {
+            const config: EnvironmentTenorConfig = EnvironmentConfigService.getInstance().get('tenor');
+
+            // It isn't mandatory to provide the anonymous ID therefore, as we rather not like to track even if anonymous, we don't provide it
+
+            const shareUrl: string = config.url + 'registershare?key=' + config.key + '&id=' + gifId;
+
+            try {
+                await fetch(shareUrl);
+
+                // We don't check the status of the answer, user could still use the Gifs even if that would have failed
+                resolve();
+            } catch (err) {
+                // We ignore the error, user could still use the Gifs
+                resolve();
+            }
+        });
+    }
+
     private getAnonymousId(): Promise<string> {
         return new Promise<string>(async (resolve, reject) => {
             const localAnonymousId: string = await get('tenor_anonid');

studio/src/app/utils/tenor.d.ts

@@ -55,3 +55,7 @@ interface TenorCategoryResponse {
 interface TenorAnonymousResponse {
     anon_id: string;
 }
+
+interface TenorRegisterShareResponse {
+    status: string;
+}

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';