In-App links

fixing in-app browser links from all the major social apps (Instagram, Twitter, Facebook, etc) Tested on (Instagram, Twitter, Facebook) on (IOS, Android) // IOS INSTAGRAM: https://github.com/user-attachments/assets/0d3ab224-1ac7-454e-b75d-21f6c52ffa87 // IOS FACEBOOK: https://github.com/user-attachments/assets/4c8121a2-3c62-402f-be05-0c54bf108ddc // IOS TWITTER/X: https://github.com/user-attachments/assets/ed01b58e-5aab-48b9-8c42-d21d24cd2c03 // ANDROID FACEBOOK: https://github.com/user-attachments/assets/45701ac3-d337-4fc4-8e82-3d03236bf3a5 // ANDROID INSTAGRAM: https://github.com/user-attachments/assets/7e1d11fd-31ba-4b27-a13d-6beb079b4204 // ANDROID X/TWITTER JUST OPENS SYSTEM BROWSER
philfung · Jan 20, 2025 · 66642c9 · 66642c9
1 parent 662063e
commit 66642c9
Show file tree

Hide file tree

Showing 25 changed files with 63 additions and 42 deletions.
diff --git a/dist/add-to-homescreen.js b/dist/add-to-homescreen.js
@@ -124,15 +124,18 @@ function AddToHomeScreen(options) {
                     ret = new types_1.DeviceInfo((_isStandAlone = false), (_canBeStandAlone = true), (_device = _device));
                     _genIOSChrome(container);
                 }
-                else if (isBrowserIOSInAppFacebook() || isBrowserIOSInAppLinkedin()) {
+                else if (isBrowserIOSInAppFacebook()
+                    || isBrowserIOSInAppLinkedin()
+                    || isBrowserIOSInAppInstagram()) {
+                    // IOS INSTAGRAM: https://github.com/user-attachments/assets/0d3ab224-1ac7-454e-b75d-21f6c52ffa87
+                    // IOS FACEBOOK: https://github.com/user-attachments/assets/4c8121a2-3c62-402f-be05-0c54bf108ddc
                     ret = new types_1.DeviceInfo((_isStandAlone = false), (_canBeStandAlone = false), (_device = _device));
-                    _genIOSInAppBrowserOpenInSystemBrowser(container);
+                    _genIOSInAppBrowserUpperRightButtonOpenInSystemBrowser(container);
                 }
-                else if (isBrowserIOSInAppInstagram() ||
-                    isBrowserIOSInAppThreads() ||
-                    isBrowserIOSInAppTwitter()) {
+                else if (isBrowserIOSInAppTwitter()) {
+                    // IOS TWITTER/X: https://github.com/user-attachments/assets/ed01b58e-5aab-48b9-8c42-d21d24cd2c03
                     ret = new types_1.DeviceInfo((_isStandAlone = false), (_canBeStandAlone = false), (_device = _device));
-                    _genIOSInAppBrowserOpenInSafariBrowser(container);
+                    _genIOSInAppBrowserLowerRightButtonOpenInSafariBrowser(container);
                 }
                 else {
                     ret = new types_1.DeviceInfo((_isStandAlone = false), (_canBeStandAlone = false), (_device = _device));
@@ -145,11 +148,14 @@ function AddToHomeScreen(options) {
                     ret = new types_1.DeviceInfo((_isStandAlone = false), (_canBeStandAlone = true), (_device = _device));
                     _genAndroidChrome(container);
                 }
-                else if (isBrowserAndroidFacebook()) {
+                else if (isBrowserAndroidFacebook() || isBrowserAndroidInstagram()) {
+                    // ANDROID FACEBOOK: https://github.com/user-attachments/assets/45701ac3-d337-4fc4-8e82-3d03236bf3a5
+                    // ANDROID INSTAGRAM: https://github.com/user-attachments/assets/7e1d11fd-31ba-4b27-a13d-6beb079b4204
                     ret = new types_1.DeviceInfo((_isStandAlone = false), (_canBeStandAlone = false), (_device = _device));
-                    _genIOSInAppBrowserOpenInSystemBrowser(container);
+                    _genIOSInAppBrowserUpperRightButtonOpenInSystemBrowser(container);
                 }
                 else {
+                    // ANDROID X/TWITTER JUST OPENS SYSTEM BROWSER
                     ret = new types_1.DeviceInfo((_isStandAlone = false), (_canBeStandAlone = false), (_device = _device));
                     shouldShowModal = false;
                 }
@@ -292,6 +298,9 @@ function AddToHomeScreen(options) {
     function isBrowserAndroidFacebook() {
         return isDeviceAndroid() && _matchesUserAgent(/FBAN|FBAV/);
     }
+    function isBrowserAndroidInstagram() {
+        return isDeviceAndroid() && _matchesUserAgent(/Instagram/);
+    }
     /* Mozilla/5.0 (Linux; Android 13; SAMSUNG SM-S918B) AppleWebKit/537.36
     (KHTML, like Gecko) SamsungBrowser/21.0 Chrome/110.0.5481.154 Mobile Safari/537.36 */
     function isBrowserAndroidSamsung() {
@@ -486,7 +495,7 @@ function AddToHomeScreen(options) {
         container.innerHTML = containerInnerHTML;
         container.classList.add("adhs-mobile", "adhs-ios", "adhs-chrome");
     }
-    function _genIOSInAppBrowserOpenInSystemBrowser(container) {
+    function _genIOSInAppBrowserUpperRightButtonOpenInSystemBrowser(container) {
         var containerInnerHTML = _genModalStart() +
             _genInstallAppHeader() +
             _genAppNameHeader() +
@@ -504,7 +513,7 @@ function AddToHomeScreen(options) {
         container.innerHTML = containerInnerHTML;
         container.classList.add("adhs-mobile", "adhs-ios", "adhs-inappbrowser-openinsystembrowser");
     }
-    function _genIOSInAppBrowserOpenInSafariBrowser(container) {
+    function _genIOSInAppBrowserLowerRightButtonOpenInSafariBrowser(container) {
         var containerInnerHTML = _genModalStart() +
             _genInstallAppHeader() +
             _genAppNameHeader() +

diff --git a/dist/add-to-homescreen.min.js b/dist/add-to-homescreen.min.js
diff --git a/dist/add-to-homescreen_cs.min.js b/dist/add-to-homescreen_cs.min.js
diff --git a/dist/add-to-homescreen_da.min.js b/dist/add-to-homescreen_da.min.js
diff --git a/dist/add-to-homescreen_de.min.js b/dist/add-to-homescreen_de.min.js
diff --git a/dist/add-to-homescreen_en.min.js b/dist/add-to-homescreen_en.min.js
diff --git a/dist/add-to-homescreen_es.min.js b/dist/add-to-homescreen_es.min.js
diff --git a/dist/add-to-homescreen_fr.min.js b/dist/add-to-homescreen_fr.min.js
diff --git a/dist/add-to-homescreen_he.min.js b/dist/add-to-homescreen_he.min.js
diff --git a/dist/add-to-homescreen_it.min.js b/dist/add-to-homescreen_it.min.js
diff --git a/dist/add-to-homescreen_ja.min.js b/dist/add-to-homescreen_ja.min.js
diff --git a/dist/add-to-homescreen_ko.min.js b/dist/add-to-homescreen_ko.min.js
diff --git a/dist/add-to-homescreen_lv.min.js b/dist/add-to-homescreen_lv.min.js
diff --git a/dist/add-to-homescreen_pl.min.js b/dist/add-to-homescreen_pl.min.js
diff --git a/dist/add-to-homescreen_pt.min.js b/dist/add-to-homescreen_pt.min.js
diff --git a/dist/add-to-homescreen_ru.min.js b/dist/add-to-homescreen_ru.min.js
diff --git a/dist/add-to-homescreen_sl.min.js b/dist/add-to-homescreen_sl.min.js
diff --git a/dist/add-to-homescreen_sv.min.js b/dist/add-to-homescreen_sv.min.js
diff --git a/dist/add-to-homescreen_th.min.js b/dist/add-to-homescreen_th.min.js
diff --git a/dist/add-to-homescreen_vn.min.js b/dist/add-to-homescreen_vn.min.js
diff --git a/dist/add-to-homescreen_zh.min.js b/dist/add-to-homescreen_zh.min.js
diff --git a/dist/add-to-homescreen_zh_CN.min.js b/dist/add-to-homescreen_zh_CN.min.js
diff --git a/dist/add-to-homescreen_zh_HK.min.js b/dist/add-to-homescreen_zh_HK.min.js
diff --git a/dist/add-to-homescreen_zh_TW.min.js b/dist/add-to-homescreen_zh_TW.min.js
diff --git a/src/index.ts b/src/index.ts
@@ -155,26 +155,31 @@ export function AddToHomeScreen(
           );
 
           _genIOSChrome(container);
-        } else if (isBrowserIOSInAppFacebook() || isBrowserIOSInAppLinkedin()) {
+        } else if (
+          isBrowserIOSInAppFacebook() 
+          || isBrowserIOSInAppLinkedin()
+          || isBrowserIOSInAppInstagram()
+        ) {
+          // IOS INSTAGRAM: https://github.com/user-attachments/assets/0d3ab224-1ac7-454e-b75d-21f6c52ffa87
+          // IOS FACEBOOK: https://github.com/user-attachments/assets/4c8121a2-3c62-402f-be05-0c54bf108ddc
           ret = new DeviceInfo(
             (_isStandAlone = false),
             (_canBeStandAlone = false),
             (_device = _device)
           );
 
-          _genIOSInAppBrowserOpenInSystemBrowser(container);
+          _genIOSInAppBrowserUpperRightButtonOpenInSystemBrowser(container);
         } else if (
-          isBrowserIOSInAppInstagram() ||
-          isBrowserIOSInAppThreads() ||
           isBrowserIOSInAppTwitter()
         ) {
+          // IOS TWITTER/X: https://github.com/user-attachments/assets/ed01b58e-5aab-48b9-8c42-d21d24cd2c03
           ret = new DeviceInfo(
             (_isStandAlone = false),
             (_canBeStandAlone = false),
             (_device = _device)
           );
 
-          _genIOSInAppBrowserOpenInSafariBrowser(container);
+          _genIOSInAppBrowserLowerRightButtonOpenInSafariBrowser(container);
         } else {
           ret = new DeviceInfo(
             (_isStandAlone = false),
@@ -192,14 +197,17 @@ export function AddToHomeScreen(
             (_device = _device)
           );
           _genAndroidChrome(container);
-        } else if (isBrowserAndroidFacebook()) {
+        } else if (isBrowserAndroidFacebook() || isBrowserAndroidInstagram()) {
+          // ANDROID FACEBOOK: https://github.com/user-attachments/assets/45701ac3-d337-4fc4-8e82-3d03236bf3a5
+          // ANDROID INSTAGRAM: https://github.com/user-attachments/assets/7e1d11fd-31ba-4b27-a13d-6beb079b4204
           ret = new DeviceInfo(
             (_isStandAlone = false),
             (_canBeStandAlone = false),
             (_device = _device)
           );
-          _genIOSInAppBrowserOpenInSystemBrowser(container);
+          _genIOSInAppBrowserUpperRightButtonOpenInSystemBrowser(container);
         } else {
+          // ANDROID X/TWITTER JUST OPENS SYSTEM BROWSER
           ret = new DeviceInfo(
             (_isStandAlone = false),
             (_canBeStandAlone = false),
@@ -386,6 +394,10 @@ export function AddToHomeScreen(
     return isDeviceAndroid() && _matchesUserAgent(/FBAN|FBAV/);
   }
 
+  function isBrowserAndroidInstagram(): boolean {
+    return isDeviceAndroid() && _matchesUserAgent(/Instagram/);
+  }
+
   /* Mozilla/5.0 (Linux; Android 13; SAMSUNG SM-S918B) AppleWebKit/537.36 
   (KHTML, like Gecko) SamsungBrowser/21.0 Chrome/110.0.5481.154 Mobile Safari/537.36 */
   function isBrowserAndroidSamsung(): boolean {
@@ -665,7 +677,7 @@ export function AddToHomeScreen(
     container.classList.add("adhs-mobile", "adhs-ios", "adhs-chrome");
   }
 
-  function _genIOSInAppBrowserOpenInSystemBrowser(container: HTMLElement) {
+  function _genIOSInAppBrowserUpperRightButtonOpenInSystemBrowser(container: HTMLElement) {
     var containerInnerHTML =
       _genModalStart() +
       _genInstallAppHeader() +
@@ -702,7 +714,7 @@ export function AddToHomeScreen(
     );
   }
 
-  function _genIOSInAppBrowserOpenInSafariBrowser(container: HTMLElement) {
+  function _genIOSInAppBrowserLowerRightButtonOpenInSafariBrowser(container: HTMLElement) {
     var containerInnerHTML =
       _genModalStart() +
       _genInstallAppHeader() +