fix: modification to handle instagram caption

CondeNast · Jul 13, 2023 · 41e05bf · 41e05bf
1 parent adc6a99
commit 41e05bf
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 0 deletions.
diff --git a/packages/@atjson/offset-annotations/src/utils/social-urls.ts b/packages/@atjson/offset-annotations/src/utils/social-urls.ts
@@ -419,6 +419,7 @@ export function identify(url: IUrl): {
     width?: string;
     height?: string;
     sandbox?: string;
+    captioned?: boolean;
   };
   Class: typeof IframeEmbed;
 } | null {

diff --git a/packages/@atjson/source-html/src/converter/social-embeds.ts b/packages/@atjson/source-html/src/converter/social-embeds.ts
@@ -25,6 +25,14 @@ function isBlockquoteEmbed(annotation: Annotation<any>) {
   );
 }
 
+interface attribute {
+  url: string;
+  width?: string;
+  height?: string;
+  sandbox?: string;
+  captioned?: boolean;
+}
+
 function isFacebookDiv(annotation: Annotation<any>) {
   if (annotation.type !== "div") {
     return false;
@@ -48,6 +56,18 @@ function identifyURL(src: string) {
   return SocialURLs.identify(url);
 }
 
+function checkInstagramCaption(
+  canonicalURL: attribute,
+  obj: object
+): attribute {
+  for (let dataset in obj) {
+    if (dataset == "instgrm-captioned") {
+      canonicalURL.captioned = true;
+    }
+  }
+  return canonicalURL;
+}
+
 export default function (doc: Document) {
   /**
    * Instagram/Twitter embeds in blockquotes:
@@ -92,12 +112,29 @@ export default function (doc: Document) {
       }
       if (canonicalURL == null) {
         for (let link of links) {
+          console.log(
+            "Test -------->",
+            identifyURL(link.attributes.href),
+            "blockquote",
+            blockquote
+          );
           canonicalURL = identifyURL(link.attributes.href);
           if (canonicalURL) {
             break;
           }
         }
       }
+      if (
+        canonicalURL &&
+        canonicalURL.attributes !== null &&
+        blockquote.attributes.dataset
+      ) {
+        const instaAttributes = checkInstagramCaption(
+          canonicalURL?.attributes,
+          blockquote.attributes.dataset
+        );
+        canonicalURL.attributes = instaAttributes;
+      }
 
       if (canonicalURL) {
         let { attributes, Class } = canonicalURL;
@@ -108,6 +145,7 @@ export default function (doc: Document) {
             return start <= annotation.start && annotation.end <= end;
           })
           .remove();
+        console.log("attributes --->", canonicalURL);
         doc.addAnnotations(
           new ParseAnnotation({
             start,

diff --git a/packages/@atjson/source-html/test/converter-test.ts b/packages/@atjson/source-html/test/converter-test.ts
@@ -633,6 +633,7 @@ describe("@atjson/source-html", () => {
             "blocks": [
               {
                 "attributes": {
+                  "captioned": true,
                   "url": "https://www.instagram.com/tv/B95M4kNhbzz",
                 },
                 "id": "B00000000",
@@ -657,6 +658,7 @@ describe("@atjson/source-html", () => {
             "blocks": [
               {
                 "attributes": {
+                  "captioned": true,
                   "url": "https://www.instagram.com/reel/CDt37vzFw3f",
                 },
                 "id": "B00000000",