Fix for url previews

src/app/api/media/preview/route.ts

@@ -14,15 +14,21 @@ export async function GET(req: NextRequest) {
             url = 'https://' + url;
         }
 
-        const response = await fetch(url, {
+        let response;
-            headers: {
+        try {
-                'User-Agent': 'SynapsisBot/1.0',
+            response = await fetch(url, {
-            },
+                headers: {
-            signal: AbortSignal.timeout(5000), // 5s timeout
+                    'User-Agent': 'SynapsisBot/1.0',
-        });
+                },
+                signal: AbortSignal.timeout(5000), // 5s timeout
+            });
+        } catch (fetchError) {
+            console.warn(`Fetch failed for URL: ${url}`, fetchError);
+            return NextResponse.json({ error: 'Could not reach the URL' }, { status: 404 });
+        }
 
         if (!response.ok) {
-            throw new Error(`Failed to fetch URL: ${response.status}`);
+            return NextResponse.json({ error: `URL returned status ${response.status}` }, { status: 404 });
         }
 
         const html = await response.text();

src/app/page.tsx

@@ -230,7 +230,7 @@ function Compose({ onPost }: { onPost: (content: string, mediaIds: string[], lin
 
   // Detect URLs in content
   useEffect(() => {
-    const urlRegex = /(?:https?:\/\/)?(?:www\.)?([a-zA-Z0-9-]+\.[a-zA-Z0-9.-]+\.[a-z]{2,63})\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi;
+    const urlRegex = /(?:https?:\/\/)?((?:[a-zA-Z0-9-]+\.)+[a-z]{2,63})\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/gi;
     const matches = content.match(urlRegex);
 
     if (matches && matches[0]) {