init. fix

Author: easystartup-io

backend/src/main/java/io/easystartup/suggestfeature/utils/WebPageExtractorUtil.java

@@ -8,7 +8,10 @@
 import org.jsoup.nodes.Element;
 import org.jsoup.select.Elements;
 
+import java.io.BufferedReader;
 import java.io.IOException;
+import java.io.InputStreamReader;
+import java.net.HttpURLConnection;
 import java.net.MalformedURLException;
 import java.net.URL;
 
@@ -50,6 +53,7 @@ private static WebPageData extractWebPageInfo(String url) throws IOException {
             doc = Jsoup.connect(url).userAgent(USER_AGENT).get();
         } catch (Exception e) {
             LOGGER.error("Error extracting web page info " + url, e);
+            doc = Jsoup.parse(getHtmlContentManually(url), url);
         }
 
         if (doc == null) {
@@ -131,10 +135,31 @@ private static String extractLogo(Document doc, String url) {
         }
 
         // If not found, try to find a prominent image
-        Elements images = doc.select("img[src~=(?i)\\.(png|jpe?g)]");
+        // Find images with src containing svg, png, jpg, jpeg
+        // or <object type="image/svg+xml" data="https://fdn.gsmarena.com/vv/assets12/i/logo.svg"><img src="https://fdn.gsmarena.com/vv/assets12/i/logo-fallback.gif" alt="GSMArena.com"></object>
+
+        try {
+            for (Element element : doc.select("object[type=image/svg+xml]")) {
+                if (element.hasAttr("data")) {
+                    String data = element.absUrl("data");
+                    if (data.contains("logo") && data.startsWith("http")) {
+                        return data;
+                    }
+                }
+            }
+        } catch (Throwable ignore) {
+        }
+
+        Elements images = doc.select("img[src~=(?i)\\.(svg|png|jpe?g)]");
         for (Element image : images) {
             if (image.hasAttr("alt") && image.attr("alt").toLowerCase().contains("logo")) {
                 return image.absUrl("src");
+            } else if (image.hasAttr("title") && image.attr("title").toLowerCase().contains("logo")) {
+                return image.absUrl("src");
+            } else if (image.hasAttr("class") && image.attr("class").toLowerCase().contains("logo")) {
+                return image.absUrl("src");
+            } else if (image.absUrl("src").contains("logo")) {
+                return image.absUrl("src");
             }
         }
 
@@ -170,4 +195,26 @@ public String getLogo() {
             return logo;
         }
     }
+
+    private static String getHtmlContentManually(String url) throws IOException {
+        URL obj = new URL(url);
+        HttpURLConnection con = (HttpURLConnection) obj.openConnection();
+        con.setRequestMethod("GET");
+        con.setRequestProperty("User-Agent", USER_AGENT);
+
+        int responseCode = con.getResponseCode();
+        if (responseCode == HttpURLConnection.HTTP_OK) {
+            BufferedReader in = new BufferedReader(new InputStreamReader(con.getInputStream()));
+            String inputLine;
+            StringBuilder response = new StringBuilder();
+            while ((inputLine = in.readLine()) != null) {
+                response.append(inputLine);
+            }
+            in.close();
+            return response.toString();
+        } else {
+            LOGGER.error("Manual HTTP GET request failed." + url + " Response Code: " + responseCode);
+        }
+        return null;
+    }
 }

frontend/src/app/create-org/page.tsx

@@ -159,7 +159,10 @@ const CreateOrgForm: React.FC = () => {
       <CardContent>
         <div className="grid gap-6">
           <div className="grid gap-2">
-            <Label htmlFor="orgUrl">Your Organization Website URL (To auto populate logo and favicon)</Label>
+            <Label htmlFor="orgUrl">
+              Your Organization Website URL (To auto populate logo and favicon) <span className='text-muted-foreground'>(Optional)</span>
+
+            </Label>
             <div className="flex gap-2">
               <Input
                 id="orgUrl"
@@ -176,7 +179,9 @@ const CreateOrgForm: React.FC = () => {
           {(favicon || logo) && (
             <div className="grid gap-4">
               <div>
-                <Label className="block mb-2">Logo</Label>
+                <Label className="block mb-2">
+                  Logo <span className='text-muted-foreground'>(Optional)</span>
+                </Label>
                 <div className='flex items-center space-x-4'>
                   <div className="w-20 h-20">
                     <ImageComponent src={logo} alt="Logo" className="w-full h-full" />
@@ -193,7 +198,9 @@ const CreateOrgForm: React.FC = () => {
                 </div>
               </div>
               <div>
-                <Label className="block mb-2">Favicon</Label>
+                <Label className="block mb-2">
+                  Favicon <span className='text-muted-foreground'>(Optional)</span>
+                </Label>
                 <div className='flex items-center space-x-4'>
                   <div className="w-20 h-20">
                     <ImageComponent src={favicon} alt="Favicon" className="w-full h-full" />