Added Twitter profile

apps/demo/index.html

@@ -50,6 +50,10 @@ <h2>Try Example Links</h2>
             <span class="link-icon">📷</span>
             <span class="link-text" style="padding-top: 8px">Instagram Profile</span>
           </a>
+          <a href="#" class="example-link twitter-link" data-url="https://x.com/iamsaban">
+            <span class="link-icon">𝕏</span>
+            <span class="link-text">Twitter Profile</span>
+          </a>
         </div>
       </div>
 

apps/demo/src/style.css

@@ -238,3 +238,12 @@ h1 {
   white-space: pre-wrap;
   word-wrap: break-word;
 }
+
+.twitter-link:hover {
+  border-color: #1DA1F2;
+}
+
+.instagram-link:hover {
+  border-color:#833AB4;
+}
+

packages/core/src/index.ts

@@ -1,15 +1,15 @@
-import {
-  instagramHandler,
-  linkedinHandler,
-  unknownHandler,
-  youtubeHandler,
-  spotifyHandler,
-} from './platforms';
-import { DeepLinkResult } from './types';
+import { instagramHandler, linkedinHandler, unknownHandler, youtubeHandler, twitterHandler, spotifyHandler } from "./platforms";
+import { DeepLinkResult } from "./types";
 
 export * from './types';
 
-const handlers = [youtubeHandler, linkedinHandler, instagramHandler, spotifyHandler];
+const handlers = [
+  youtubeHandler,
+  linkedinHandler,
+  instagramHandler,
+  twitterHandler,
+  spotifyHandler,
+];
 export function generateDeepLink(url: string): DeepLinkResult {
   const webUrl = url.trim();
 

packages/core/src/platforms/index.ts

@@ -1,7 +1,15 @@
-import { linkedinHandler } from './linkedin';
-import { unknownHandler } from './unknown';
-import { youtubeHandler } from './youtube';
-import { instagramHandler } from './instagram';
+import { linkedinHandler } from "./linkedin";
+import { unknownHandler } from "./unknown";
+import { youtubeHandler } from "./youtube";
+import { instagramHandler } from "./instagram";
+import { twitterHandler } from "./twitter";
 import { spotifyHandler } from './spotify';
 
-export { linkedinHandler, youtubeHandler, instagramHandler, spotifyHandler, unknownHandler };
+export {
+    linkedinHandler,
+    youtubeHandler,
+    instagramHandler,
+    unknownHandler,
+    twitterHandler,
+    spotifyHandler
+}

packages/core/src/platforms/twitter.ts

@@ -0,0 +1,16 @@
+// packages/core/src/platforms/twitter.ts
+import { DeepLinkHandler } from '../types';
+
+export const twitterHandler: DeepLinkHandler = {
+  match: (url) => url.match(/x\.com\/([^/?]+)/),
+
+  build: (webUrl, match) => {
+    const username = match[1];
+    return {
+      webUrl,
+      ios: `twitter://user?screen_name=${username}`,
+      android: `intent://user?screen_name=${username}#Intent;scheme=twitter;package=com.twitter.android;end`,
+      platform: 'twitter',
+    };
+  },
+};

packages/core/src/types.ts

@@ -1,4 +1,4 @@
-export type Platform = 'youtube' | 'linkedin' | 'instagram' | 'spotify' | 'unknown';
+export type Platform = 'youtube' | 'linkedin' | 'instagram' | 'unknown' | 'twitter' | 'spotify';
 
 export interface DeepLinkResult {
   webUrl: string;