Update app.py

app.py

@@ -1,358 +1,132 @@
-import React, { useState } from 'react';
-import { Shield, Link, Lock, Mail, Eye, EyeOff, AlertTriangle, CheckCircle, XCircle, Search } from 'lucide-react';
+import gradio as gr
+import re
+from urllib.parse import urlparse
 
-export default function CyberSecurityApp() {
-  const [activeTab, setActiveTab] = useState('link');
-  const [linkInput, setLinkInput] = useState('');
-  const [linkResult, setLinkResult] = useState(null);
-  const [passwordInput, setPasswordInput] = useState('');
-  const [passwordResult, setPasswordResult] = useState(null);
-  const [showPassword, setShowPassword] = useState(false);
-  const [emailInput, setEmailInput] = useState('');
-  const [emailResult, setEmailResult] = useState(null);
-
-  const checkLinkSafety = () => {
-    if (!linkInput.trim()) {
-      setLinkResult({ safe: false, message: 'Please enter a URL' });
-      return;
-    }
-
-    const suspiciousPatterns = [
-      /\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/,
-      /bit\.ly|tinyurl|short/i,
-      /(?:free|win|prize|claim|urgent|verify|account|suspended|locked)/i,
-      /[a-z]{20,}/i,
-      /@/
-    ];
-
-    const url = linkInput.toLowerCase();
-    const risks = [];
-
-    if (!url.startsWith('http://') && !url.startsWith('https://')) {
-      risks.push('Missing protocol (http/https)');
-    }
-
-    if (url.startsWith('http://') && !url.startsWith('https://')) {
-      risks.push('Not using secure HTTPS');
-    }
-
-    suspiciousPatterns.forEach((pattern, idx) => {
-      if (pattern.test(url)) {
-        const messages = [
-          'Contains IP address instead of domain',
-          'Uses URL shortener',
-          'Contains suspicious keywords',
-          'Unusually long domain name',
-          'Contains @ symbol (potential redirect)'
-        ];
-        risks.push(messages[idx]);
-      }
-    });
-
-    const isSafe = risks.length === 0;
-    setLinkResult({
-      safe: isSafe,
-      risks: risks,
-      message: isSafe ? 'URL appears safe' : 'Potential security risks detected'
-    });
-  };
-
-  const checkPasswordStrength = () => {
-    if (!passwordInput) {
-      setPasswordResult({ strength: 'none', message: 'Please enter a password' });
-      return;
-    }
-
-    let score = 0;
-    const checks = {
-      length: passwordInput.length >= 12,
-      uppercase: /[A-Z]/.test(passwordInput),
-      lowercase: /[a-z]/.test(passwordInput),
-      numbers: /\d/.test(passwordInput),
-      special: /[!@#$%^&*(),.?":{}|<>]/.test(passwordInput),
-      noCommon: !/(password|123456|qwerty|admin|letmein)/i.test(passwordInput)
-    };
-
-    Object.values(checks).forEach(check => {
-      if (check) score++;
-    });
-
-    let strength, color, message;
-    if (score <= 2) {
-      strength = 'Weak';
-      color = 'text-red-500';
-      message = 'This password is too weak';
-    } else if (score <= 4) {
-      strength = 'Medium';
-      color = 'text-yellow-500';
-      message = 'This password could be stronger';
-    } else {
-      strength = 'Strong';
-      color = 'text-green-500';
-      message = 'This is a strong password';
-    }
-
-    setPasswordResult({
-      strength,
-      color,
-      score,
-      checks,
-      message
-    });
-  };
-
-  const checkEmailSecurity = () => {
-    if (!emailInput.trim()) {
-      setEmailResult({ valid: false, message: 'Please enter an email address' });
-      return;
-    }
-
-    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    const isValid = emailRegex.test(emailInput);
+def check_link_safety(url):
+    if not url.strip():
+        return "❌ Please enter a URL", []
     
-    if (!isValid) {
-      setEmailResult({ valid: false, message: 'Invalid email format' });
-      return;
-    }
-
-    const domain = emailInput.split('@')[1]?.toLowerCase();
-    const suspiciousDomains = ['tempmail', 'throwaway', 'guerrilla', '10minute'];
-    const isSuspicious = suspiciousDomains.some(sus => domain?.includes(sus));
-
-    const commonProviders = ['gmail.com', 'yahoo.com', 'outlook.com', 'hotmail.com', 'icloud.com'];
-    const isCommonProvider = commonProviders.includes(domain);
-
-    setEmailResult({
-      valid: true,
-      domain,
-      isCommonProvider,
-      isSuspicious,
-      message: isSuspicious ? 'Possible disposable email detected' : 'Email format is valid'
-    });
-  };
-
-  const tabs = [
-    { id: 'link', name: 'Link Checker', icon: Link },
-    { id: 'password', name: 'Password Strength', icon: Lock },
-    { id: 'email', name: 'Email Validator', icon: Mail }
-  ];
-
-  return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-900 via-purple-900 to-slate-900 p-6">
-      <div className="max-w-4xl mx-auto">
-        <div className="text-center mb-8">
-          <div className="flex items-center justify-center gap-3 mb-3">
-            <Shield className="w-12 h-12 text-purple-400" />
-            <h1 className="text-4xl font-bold text-white">Cyber Security Toolkit</h1>
-          </div>
-          <p className="text-purple-200">Check links, test passwords, and validate emails</p>
-        </div>
-
-        <div className="bg-white/10 backdrop-blur-lg rounded-xl shadow-2xl overflow-hidden border border-white/20">
-          <div className="flex border-b border-white/20">
-            {tabs.map(tab => {
-              const Icon = tab.icon;
-              return (
-                <button
-                  key={tab.id}
-                  onClick={() => setActiveTab(tab.id)}
-                  className={`flex-1 flex items-center justify-center gap-2 px-6 py-4 transition-all ${
-                    activeTab === tab.id
-                      ? 'bg-purple-600 text-white'
-                      : 'text-purple-200 hover:bg-white/5'
-                  }`}
-                >
-                  <Icon className="w-5 h-5" />
-                  <span className="font-medium">{tab.name}</span>
-                </button>
-              );
-            })}
-          </div>
-
-          <div className="p-8">
-            {activeTab === 'link' && (
-              <div className="space-y-4">
-                <h2 className="text-2xl font-bold text-white mb-4">Link Safety Checker</h2>
-                <div className="space-y-3">
-                  <input
-                    type="text"
-                    value={linkInput}
-                    onChange={(e) => setLinkInput(e.target.value)}
-                    placeholder="Enter URL to check (e.g., https://example.com)"
-                    className="w-full px-4 py-3 bg-white/10 border border-white/20 rounded-lg text-white placeholder-purple-300 focus:outline-none focus:ring-2 focus:ring-purple-500"
-                  />
-                  <button
-                    onClick={checkLinkSafety}
-                    className="w-full bg-purple-600 hover:bg-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors flex items-center justify-center gap-2"
-                  >
-                    <Search className="w-5 h-5" />
-                    Check Link Safety
-                  </button>
-                </div>
-
-                {linkResult && (
-                  <div className={`mt-6 p-6 rounded-lg border-2 ${
-                    linkResult.safe 
-                      ? 'bg-green-500/20 border-green-500' 
-                      : 'bg-red-500/20 border-red-500'
-                  }`}>
-                    <div className="flex items-center gap-3 mb-3">
-                      {linkResult.safe ? (
-                        <CheckCircle className="w-8 h-8 text-green-400" />
-                      ) : (
-                        <XCircle className="w-8 h-8 text-red-400" />
-                      )}
-                      <h3 className="text-xl font-bold text-white">{linkResult.message}</h3>
-                    </div>
-                    {linkResult.risks && linkResult.risks.length > 0 && (
-                      <div className="mt-3 space-y-2">
-                        <p className="text-white font-semibold">Security Risks:</p>
-                        {linkResult.risks.map((risk, idx) => (
-                          <div key={idx} className="flex items-start gap-2 text-red-200">
-                            <AlertTriangle className="w-4 h-4 mt-0.5 flex-shrink-0" />
-                            <span>{risk}</span>
-                          </div>
-                        ))}
-                      </div>
-                    )}
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === 'password' && (
-              <div className="space-y-4">
-                <h2 className="text-2xl font-bold text-white mb-4">Password Strength Checker</h2>
-                <div className="space-y-3">
-                  <div className="relative">
-                    <input
-                      type={showPassword ? 'text' : 'password'}
-                      value={passwordInput}
-                      onChange={(e) => setPasswordInput(e.target.value)}
-                      placeholder="Enter password to test"
-                      className="w-full px-4 py-3 pr-12 bg-white/10 border border-white/20 rounded-lg text-white placeholder-purple-300 focus:outline-none focus:ring-2 focus:ring-purple-500"
-                    />
-                    <button
-                      onClick={() => setShowPassword(!showPassword)}
-                      className="absolute right-3 top-1/2 -translate-y-1/2 text-purple-300 hover:text-white"
-                    >
-                      {showPassword ? <EyeOff className="w-5 h-5" /> : <Eye className="w-5 h-5" />}
-                    </button>
-                  </div>
-                  <button
-                    onClick={checkPasswordStrength}
-                    className="w-full bg-purple-600 hover:bg-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors"
-                  >
-                    Check Password Strength
-                  </button>
-                </div>
-
-                {passwordResult && passwordResult.strength !== 'none' && (
-                  <div className="mt-6 p-6 bg-white/10 rounded-lg border border-white/20">
-                    <div className="mb-4">
-                      <h3 className={`text-2xl font-bold ${passwordResult.color}`}>
-                        {passwordResult.strength} Password
-                      </h3>
-                      <p className="text-purple-200 mt-1">{passwordResult.message}</p>
-                    </div>
-
-                    <div className="w-full bg-gray-700 rounded-full h-3 mb-4">
-                      <div
-                        className={`h-3 rounded-full transition-all ${
-                          passwordResult.strength === 'Weak' ? 'bg-red-500 w-1/3' :
-                          passwordResult.strength === 'Medium' ? 'bg-yellow-500 w-2/3' :
-                          'bg-green-500 w-full'
-                        }`}
-                      />
-                    </div>
-
-                    <div className="space-y-2">
-                      <p className="text-white font-semibold mb-2">Requirements:</p>
-                      {Object.entries({
-                        length: 'At least 12 characters',
-                        uppercase: 'Contains uppercase letters',
-                        lowercase: 'Contains lowercase letters',
-                        numbers: 'Contains numbers',
-                        special: 'Contains special characters',
-                        noCommon: 'Not a common password'
-                      }).map(([key, label]) => (
-                        <div key={key} className="flex items-center gap-2">
-                          {passwordResult.checks[key] ? (
-                            <CheckCircle className="w-4 h-4 text-green-400" />
-                          ) : (
-                            <XCircle className="w-4 h-4 text-red-400" />
-                          )}
-                          <span className={passwordResult.checks[key] ? 'text-green-200' : 'text-red-200'}>
-                            {label}
-                          </span>
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                )}
-              </div>
-            )}
-
-            {activeTab === 'email' && (
-              <div className="space-y-4">
-                <h2 className="text-2xl font-bold text-white mb-4">Email Security Validator</h2>
-                <div className="space-y-3">
-                  <input
-                    type="email"
-                    value={emailInput}
-                    onChange={(e) => setEmailInput(e.target.value)}
-                    placeholder="Enter email address to validate"
-                    className="w-full px-4 py-3 bg-white/10 border border-white/20 rounded-lg text-white placeholder-purple-300 focus:outline-none focus:ring-2 focus:ring-purple-500"
-                  />
-                  <button
-                    onClick={checkEmailSecurity}
-                    className="w-full bg-purple-600 hover:bg-purple-700 text-white font-semibold py-3 px-6 rounded-lg transition-colors"
-                  >
-                    Validate Email
-                  </button>
-                </div>
+    risks = []
+    url_lower = url.lower()
+    
+    # Check for HTTPS
+    if not url.startswith('https://'):
+        risks.append("⚠️ Not using secure HTTPS")
+    
+    # Check for IP addresses
+    if re.search(r'\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}', url):
+        risks.append("⚠️ Contains IP address instead of domain")
+    
+    # Check for URL shorteners
+    if any(short in url_lower for short in ['bit.ly', 'tinyurl', 'short']):
+        risks.append("⚠️ Uses URL shortener")
+    
+    # Check for suspicious keywords
+    if re.search(r'(?:free|win|prize|claim|urgent|verify|account|suspended)', url_lower):
+        risks.append("⚠️ Contains suspicious keywords")
+    
+    if len(risks) == 0:
+        return "✅ URL appears safe", []
+    else:
+        return "⚠️ Potential security risks detected", "\n".join(risks)
+
+def check_password_strength(password):
+    if not password:
+        return "Please enter a password", "", []
+    
+    score = 0
+    checks = []
+    
+    if len(password) >= 12:
+        score += 1
+        checks.append("✅ At least 12 characters")
+    else:
+        checks.append("❌ At least 12 characters")
+    
+    if re.search(r'[A-Z]', password):
+        score += 1
+        checks.append("✅ Contains uppercase letters")
+    else:
+        checks.append("❌ Contains uppercase letters")
+    
+    if re.search(r'[a-z]', password):
+        score += 1
+        checks.append("✅ Contains lowercase letters")
+    else:
+        checks.append("❌ Contains lowercase letters")
+    
+    if re.search(r'\d', password):
+        score += 1
+        checks.append("✅ Contains numbers")
+    else:
+        checks.append("❌ Contains numbers")
+    
+    if re.search(r'[!@#$%^&*(),.?":{}|<>]', password):
+        score += 1
+        checks.append("✅ Contains special characters")
+    else:
+        checks.append("❌ Contains special characters")
+    
+    if score <= 2:
+        strength = "🔴 Weak Password"
+    elif score <= 3:
+        strength = "🟡 Medium Password"
+    else:
+        strength = "🟢 Strong Password"
+    
+    return strength, f"Score: {score}/5", "\n".join(checks)
 
-                {emailResult && (
-                  <div className={`mt-6 p-6 rounded-lg border-2 ${
-                    emailResult.valid && !emailResult.isSuspicious
-                      ? 'bg-green-500/20 border-green-500'
-                      : 'bg-yellow-500/20 border-yellow-500'
-                  }`}>
-                    <div className="flex items-center gap-3 mb-3">
-                      {emailResult.valid && !emailResult.isSuspicious ? (
-                        <CheckCircle className="w-8 h-8 text-green-400" />
-                      ) : (
-                        <AlertTriangle className="w-8 h-8 text-yellow-400" />
-                      )}
-                      <h3 className="text-xl font-bold text-white">{emailResult.message}</h3>
-                    </div>
-                    
-                    {emailResult.valid && (
-                      <div className="mt-4 space-y-2 text-white">
-                        <p><strong>Domain:</strong> {emailResult.domain}</p>
-                        <p><strong>Provider Type:</strong> {
-                          emailResult.isCommonProvider ? 'Common provider' : 'Custom/Business domain'
-                        }</p>
-                        {emailResult.isSuspicious && (
-                          <div className="mt-3 p-3 bg-yellow-500/20 rounded border border-yellow-500/50">
-                            <p className="text-yellow-200">
-                              ⚠️ This appears to be a temporary/disposable email service
-                            </p>
-                          </div>
-                        )}
-                      </div>
-                    )}
-                  </div>
-                )}
-              </div>
-            )}
-          </div>
-        </div>
+def validate_email(email):
+    if not email.strip():
+        return "Please enter an email address", ""
+    
+    email_regex = r'^[^\s@]+@[^\s@]+\.[^\s@]+$'
+    if not re.match(email_regex, email):
+        return "❌ Invalid email format", ""
+    
+    domain = email.split('@')[1].lower()
+    suspicious = ['tempmail', 'throwaway', 'guerrilla', '10minute']
+    
+    info = f"Domain: {domain}\n"
+    
+    if any(sus in domain for sus in suspicious):
+        return "⚠️ Possible disposable email detected", info
+    
+    return "✅ Email format is valid", info
 
-        <div className="mt-6 text-center text-purple-200 text-sm">
-          <p>⚠️ For educational purposes only. Always verify with multiple sources.</p>
-        </div>
-      </div>
-    </div>
-  );
-}
+# Create Gradio interface
+with gr.Blocks(theme=gr.themes.Soft()) as app:
+    gr.Markdown("# 🛡️ Cyber Security Toolkit")
+    gr.Markdown("Check links, test passwords, and validate emails")
+    
+    with gr.Tab("Link Safety Checker"):
+        with gr.Row():
+            link_input = gr.Textbox(label="Enter URL", placeholder="https://example.com")
+        link_button = gr.Button("Check Link Safety", variant="primary")
+        link_output = gr.Textbox(label="Result")
+        link_risks = gr.Textbox(label="Security Risks", lines=5)
+        
+        link_button.click(check_link_safety, inputs=link_input, outputs=[link_output, link_risks])
+    
+    with gr.Tab("Password Strength"):
+        with gr.Row():
+            pwd_input = gr.Textbox(label="Enter Password", type="password")
+        pwd_button = gr.Button("Check Password Strength", variant="primary")
+        pwd_strength = gr.Textbox(label="Strength")
+        pwd_score = gr.Textbox(label="Score")
+        pwd_checks = gr.Textbox(label="Requirements", lines=6)
+        
+        pwd_button.click(check_password_strength, inputs=pwd_input, outputs=[pwd_strength, pwd_score, pwd_checks])
+    
+    with gr.Tab("Email Validator"):
+        with gr.Row():
+            email_input = gr.Textbox(label="Enter Email", placeholder="user@example.com")
+        email_button = gr.Button("Validate Email", variant="primary")
+        email_output = gr.Textbox(label="Result")
+        email_info = gr.Textbox(label="Email Info", lines=3)
+        
+        email_button.click(validate_email, inputs=email_input, outputs=[email_output, email_info])
+
+app.launch()
+    
+