From 389ccf4d708b883a21b01c2694fa929ddf03f1c3 Mon Sep 17 00:00:00 2001
From: dseligson <dave.seligson@gmail.com>
Date: Tue, 26 Mar 2019 18:55:06 -0700
Subject: [PATCH 1/4] Contain the animated gif in an img tag to prevent Giphy
 from switching the content to a page

---
 force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp b/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp
index 5bcddc6..6c37a98 100644
--- a/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp
+++ b/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp
@@ -28,7 +28,7 @@
           <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
 
             <div class="preview-image">
-              <iframe src="{!v.selectedGif}" width="{!v.selectedGifWidth}" height="{!v.selectedGifHeight}" frameBorder="0" />
+                <img src="{!v.selectedGif}" width="{!v.selectedGifWidth}" height="{!v.selectedGifHeight}" />
             </div>
             <br />
             <p>

From 61ac76364a00390ca476d5983e6614bcc3375054 Mon Sep 17 00:00:00 2001
From: dseligson <dave.seligson@gmail.com>
Date: Tue, 26 Mar 2019 20:01:42 -0700
Subject: [PATCH 2/4] Force the images Giphy returns to be max 200 height to
 prevent file size limit errors.

---
 .../main/default/aura/SearchGIPHY/SearchGIPHYController.js     | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js b/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js
index 46d21bf..9550eef 100644
--- a/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js
+++ b/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js
@@ -45,7 +45,8 @@
 
     component.set("v.selectedGifWidth", width);
     component.set("v.selectedGifHeight", height);
-    component.set("v.selectedGif", "https://media0.giphy.com/media/" + id + "/giphy.gif");
+    // Force Giphy to return images limited to 200 pixel height to prevent file size limit error
+    component.set("v.selectedGif", "https://media0.giphy.com/media/" + id + "/200.gif");
 
   },
 

From a8a8cbffc2e6ef44fe91ddfca3c48a56ac9e9c79 Mon Sep 17 00:00:00 2001
From: dseligson <dave.seligson@gmail.com>
Date: Tue, 26 Mar 2019 20:01:42 -0700
Subject: [PATCH 3/4] Force the images Giphy returns to be max 200 height to
 prevent file size limit errors.

---
 force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp      | 2 +-
 .../main/default/aura/SearchGIPHY/SearchGIPHYController.js   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp b/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp
index 6c37a98..4bfe302 100644
--- a/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp
+++ b/force-app/main/default/aura/SearchGIPHY/SearchGIPHY.cmp
@@ -28,7 +28,7 @@
           <div class="slds-modal__content slds-p-around_medium" id="modal-content-id-1">
 
             <div class="preview-image">
-                <img src="{!v.selectedGif}" width="{!v.selectedGifWidth}" height="{!v.selectedGifHeight}" />
+                <img src="{!v.selectedGif}" height="{!v.selectedGifHeight}" />
             </div>
             <br />
             <p>
diff --git a/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js b/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js
index 46d21bf..64a91e7 100644
--- a/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js
+++ b/force-app/main/default/aura/SearchGIPHY/SearchGIPHYController.js
@@ -44,8 +44,9 @@
     var height = selectedGif.images.original.height;
 
     component.set("v.selectedGifWidth", width);
-    component.set("v.selectedGifHeight", height);
-    component.set("v.selectedGif", "https://media0.giphy.com/media/" + id + "/giphy.gif");
+    component.set("v.selectedGifHeight", 200);
+    // Force Giphy to return images limited to 200 pixel height to prevent file size limit error
+    component.set("v.selectedGif", "https://media0.giphy.com/media/" + id + "/200.gif");
 
   },
 

From e5285ffa3001cba5dd918095804d43160ccf9aec Mon Sep 17 00:00:00 2001
From: dseligson <dave.seligson@gmail.com>
Date: Tue, 26 Mar 2019 21:27:47 -0700
Subject: [PATCH 4/4] Embed the Animated Gif inline in the Chatter Post with
 ConnectApi class.

---
 .../main/default/classes/ChatterHelper.cls    | 40 +++++++++----------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/force-app/main/default/classes/ChatterHelper.cls b/force-app/main/default/classes/ChatterHelper.cls
index 86fccc2..2a6d416 100644
--- a/force-app/main/default/classes/ChatterHelper.cls
+++ b/force-app/main/default/classes/ChatterHelper.cls
@@ -9,32 +9,26 @@ public with sharing class ChatterHelper {
     Blob imageData = getImageData(imageUrl);
 
     ID fileId = saveFile(fileName, imageData);
-    ID postParentId = UserInfo.getUserId();
 
-    FeedItem post = new FeedItem(
-        ParentId = postParentId,
-        Body = body,
-        IsRichText = true
-    );
-
-    insert post;
+    // Use Salesforce "ConnectApi" class so the animated Gif may be embedded Inline
+    ConnectApi.MessageBodyInput messageInput = new ConnectApi.MessageBodyInput();
+    messageInput.messageSegments = new List<ConnectApi.MessageSegmentInput>();
 
-    String feedItemId = post.Id;
+    ConnectApi.TextSegmentInput textSegment = new ConnectApi.TextSegmentInput();
+    textSegment.text = chatterText;
+    messageInput.messageSegments.add(textSegment);
 
-    // Add image(s) to the chatter post
-    // Requires 'Allow users to edit posts and comments' in Setup | Chatter | Chatter Settings
-    // because adding the feed attachments edits the original post.
-    // http://salesforce.stackexchange.com/questions/156588/feedattachment-invalid-operation-cannot-create-update-or-delete-feed-attachme
-    List<FeedAttachment> feedAttachments = new List<FeedAttachment>();
-    feedAttachments.add( new FeedAttachment(
-      feedEntityId = feedItemId,
-      recordId = fileId,
-      type = 'Content'
-    ));
+    ConnectApi.InlineImageSegmentInput inlineImageSegment = new ConnectApi.InlineImageSegmentInput();
+    inlineImageSegment.fileId = fileId;
+    inlineImageSegment.altText = chatterText;
+    messageInput.messageSegments.add(inlineImageSegment);
 
-    insert feedAttachments;
+    ConnectApi.FeedItemInput input = new ConnectApi.FeedItemInput();
+    input.body = messageInput;
+    input.subjectId = 'me';
 
-    return feedItemId;
+    ConnectApi.FeedElement fe = ConnectApi.ChatterFeeds.postFeedElement(Network.getNetworkId(), input);
+    return fe.Id;
   }
 
   private static ID saveFile(String fileNameWithExt, Blob fileData) {
@@ -47,7 +41,9 @@ public with sharing class ChatterHelper {
 
     insert file;
 
-    return file.Id;
+    // The ConnectApi class requires a ContentDocument Id -- not the ContentVersion Id
+    ContentVersion file2 = [select id,ContentDocumentId from ContentVersion where id= :file.id];
+    return file2.ContentDocumentId;
   }
 
   private static Blob getImageData(String url) {