codeprobe-scanner 1.0.4 → 1.0.5

package/archived/dashboard/components/BusinessImpactCard.tsx

@@ -1,48 +0,0 @@
-import React from "react";
-
-interface BusinessImpactCardProps {
-  riskScore: number;
-  cveCount: number;
-}
-
-export function BusinessImpactCard({ riskScore, cveCount }: BusinessImpactCardProps) {
-  const breachCostM = 4.9;
-  const estimatedRisk = (riskScore / 10) * breachCostM;
-
-  return (
-    <div className="bg-red-900 border-4 border-red-600 rounded-lg p-8 mb-8">
-      <div className="flex items-start gap-4 mb-6">
-        <span className="text-4xl">⚠️</span>
-        <h2 className="text-3xl font-bold text-white">BUSINESS IMPACT</h2>
-      </div>
-
-      <p className="text-white text-lg mb-4">
-        This codebase contains <strong>{cveCount}</strong> confirmed vulnerabilities.
-      </p>
-
-      <div className="bg-red-800 rounded p-4 mb-6">
-        <p className="text-white font-semibold mb-2">If exploited → attacker can:</p>
-        <ul className="text-white space-y-2">
-          <li>• Execute arbitrary code on your server</li>
-          <li>• Steal sensitive customer data</li>
-          <li>• Hold your service ransom</li>
-        </ul>
-      </div>
-
-      <div className="grid grid-cols-2 gap-4 mb-6">
-        <div className="bg-red-800 rounded p-4">
-          <p className="text-gray-200 text-sm">Average breach cost</p>
-          <p className="text-2xl font-bold text-white">${breachCostM.toFixed(1)}M</p>
-        </div>
-        <div className="bg-red-800 rounded p-4">
-          <p className="text-gray-200 text-sm">Your estimated risk</p>
-          <p className="text-2xl font-bold text-white">${estimatedRisk.toFixed(1)}M</p>
-        </div>
-      </div>
-
-      <p className="text-white font-semibold bg-red-800 rounded p-3">
-        Recommended: Patch within 24 hours
-      </p>
-    </div>
-  );
-}

package/archived/dashboard/components/CVETable.tsx

@@ -1,104 +0,0 @@
-import React, { useState } from "react";
-
-interface CVE {
-  id: string;
-  package: string;
-  severity: string;
-  status: string;
-  patch?: string;
-  description?: string;
-  affectedVersions?: string;
-  poc?: string;
-}
-
-interface CVETableProps {
-  cves: CVE[];
-  onExpandCVE?: (cve: CVE) => void;
-}
-
-export function CVETable({ cves, onExpandCVE }: CVETableProps) {
-  const [expanded, setExpanded] = useState<string | null>(null);
-
-  const getSeverityColor = (severity: string) => {
-    if (severity === "CRITICAL" || severity === "HIGH") return "text-red-400";
-    if (severity === "MEDIUM") return "text-yellow-400";
-    return "text-green-400";
-  };
-
-  const getStatusIcon = (status: string) => {
-    if (status.includes("Confirmed")) return "✅";
-    if (status.includes("Theoretical")) return "⚠️";
-    return "❓";
-  };
-
-  if (!cves || cves.length === 0) {
-    return <div className="text-gray-400 text-center py-8">No CVEs found</div>;
-  }
-
-  return (
-    <div className="overflow-x-auto">
-      <table className="w-full text-sm">
-        <thead>
-          <tr className="border-b border-gray-700">
-            <th className="text-left py-3 px-4 font-semibold text-gray-300">CVE ID</th>
-            <th className="text-left py-3 px-4 font-semibold text-gray-300">Package</th>
-            <th className="text-left py-3 px-4 font-semibold text-gray-300">Severity</th>
-            <th className="text-left py-3 px-4 font-semibold text-gray-300">Status</th>
-            <th className="text-left py-3 px-4 font-semibold text-gray-300">Patch</th>
-          </tr>
-        </thead>
-        <tbody>
-          {cves.map((cve) => (
-            <React.Fragment key={cve.id}>
-              <tr
-                className="border-b border-gray-800 hover:bg-gray-800 cursor-pointer transition"
-                onClick={() => {
-                  setExpanded(expanded === cve.id ? null : cve.id);
-                  onExpandCVE?.(cve);
-                }}
-              >
-                <td className="py-4 px-4 font-mono text-blue-400">{cve.id}</td>
-                <td className="py-4 px-4 text-gray-300">{cve.package}</td>
-                <td className={`py-4 px-4 font-semibold ${getSeverityColor(cve.severity)}`}>
-                  {cve.severity}
-                </td>
-                <td className="py-4 px-4 text-gray-300">
-                  {getStatusIcon(cve.status)} {cve.status}
-                </td>
-                <td className="py-4 px-4 text-gray-400">{cve.patch || "N/A"}</td>
-              </tr>
-              {expanded === cve.id && (
-                <tr className="bg-gray-800 border-b border-gray-700">
-                  <td colSpan={5} className="py-4 px-4">
-                    <div className="space-y-3">
-                      {cve.description && (
-                        <div>
-                          <p className="text-xs font-semibold text-gray-400 mb-1">Description</p>
-                          <p className="text-gray-300">{cve.description}</p>
-                        </div>
-                      )}
-                      {cve.affectedVersions && (
-                        <div>
-                          <p className="text-xs font-semibold text-gray-400 mb-1">Affected Versions</p>
-                          <p className="text-gray-300 font-mono text-sm">{cve.affectedVersions}</p>
-                        </div>
-                      )}
-                      {cve.poc && (
-                        <div>
-                          <p className="text-xs font-semibold text-gray-400 mb-1">Exploit Evidence</p>
-                          <pre className="bg-gray-900 p-2 rounded text-xs text-gray-300 overflow-auto max-h-32">
-                            {cve.poc}
-                          </pre>
-                        </div>
-                      )}
-                    </div>
-                  </td>
-                </tr>
-              )}
-            </React.Fragment>
-          ))}
-        </tbody>
-      </table>
-    </div>
-  );
-}

package/archived/dashboard/components/ErrorBoundary.tsx

@@ -1,48 +0,0 @@
-import React from "react";
-
-interface ErrorBoundaryProps {
-  children: React.ReactNode;
-}
-
-interface ErrorBoundaryState {
-  hasError: boolean;
-  error: Error | null;
-}
-
-export class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  constructor(props: ErrorBoundaryProps) {
-    super(props);
-    this.state = { hasError: false, error: null };
-  }
-
-  static getDerivedStateFromError(error: Error) {
-    return { hasError: true, error };
-  }
-
-  render() {
-    if (this.state.hasError) {
-      return (
-        <div className="flex items-center justify-center min-h-screen bg-gray-900">
-          <div className="text-center max-w-md">
-            <div className="text-6xl mb-4">😱</div>
-            <h1 className="text-3xl font-bold mb-4">Something went wrong</h1>
-            <p className="text-gray-400 mb-4">
-              An unexpected error occurred. Please refresh the page or contact support.
-            </p>
-            <p className="text-gray-600 text-sm font-mono break-all">
-              {this.state.error?.message}
-            </p>
-            <button
-              onClick={() => window.location.reload()}
-              className="mt-6 bg-blue-600 hover:bg-blue-700 px-6 py-2 rounded font-semibold transition"
-            >
-              Refresh Page
-            </button>
-          </div>
-        </div>
-      );
-    }
-
-    return this.props.children;
-  }
-}

package/archived/dashboard/components/PatchDiffViewer.tsx

@@ -1,43 +0,0 @@
-import React from "react";
-
-interface PatchDiffViewerProps {
-  diff: string;
-}
-
-export function PatchDiffViewer({ diff }: PatchDiffViewerProps) {
-  const copyToPaste = () => {
-    navigator.clipboard.writeText(diff);
-  };
-
-  const downloadPatch = () => {
-    const element = document.createElement("a");
-    element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(diff));
-    element.setAttribute("download", "patch.diff");
-    element.style.display = "none";
-    document.body.appendChild(element);
-    element.click();
-    document.body.removeChild(element);
-  };
-
-  return (
-    <div className="space-y-3">
-      <div className="flex gap-2">
-        <button
-          onClick={copyToPaste}
-          className="px-3 py-2 bg-blue-600 hover:bg-blue-700 rounded text-sm font-semibold transition"
-        >
-          Copy to Clipboard
-        </button>
-        <button
-          onClick={downloadPatch}
-          className="px-3 py-2 bg-gray-700 hover:bg-gray-600 rounded text-sm font-semibold transition"
-        >
-          Download .patch
-        </button>
-      </div>
-      <pre className="bg-gray-900 border border-gray-700 rounded p-4 overflow-auto max-h-96 text-xs text-gray-300 font-mono whitespace-pre-wrap break-words">
-        {diff}
-      </pre>
-    </div>
-  );
-}

package/archived/dashboard/components/RiskGauge.tsx

@@ -1,64 +0,0 @@
-import React from "react";
-
-interface RiskGaugeProps {
-  score: number;
-}
-
-export function RiskGauge({ score }: RiskGaugeProps) {
-  const percentage = (score / 10) * 100;
-  let colorClass = "bg-green-500";
-  let labelColor = "text-green-400";
-
-  if (score >= 8) {
-    colorClass = "bg-red-500";
-    labelColor = "text-red-400";
-  } else if (score >= 6) {
-    colorClass = "bg-orange-500";
-    labelColor = "text-orange-400";
-  } else if (score >= 4) {
-    colorClass = "bg-yellow-500";
-    labelColor = "text-yellow-400";
-  }
-
-  return (
-    <div className="flex items-center gap-6">
-      <div className="flex-shrink-0">
-        <div className="relative w-32 h-32">
-          <svg className="w-32 h-32 transform -rotate-90" viewBox="0 0 100 100">
-            <circle
-              cx="50"
-              cy="50"
-              r="45"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="8"
-              className="text-gray-700"
-            />
-            <circle
-              cx="50"
-              cy="50"
-              r="45"
-              fill="none"
-              stroke="currentColor"
-              strokeWidth="8"
-              strokeDasharray={`${(percentage / 100) * 282.7} 282.7`}
-              className={`text-blue-500 transition-all duration-500`}
-            />
-          </svg>
-          <div className="absolute inset-0 flex items-center justify-center">
-            <div className="text-center">
-              <div className={`text-3xl font-bold ${labelColor}`}>{score.toFixed(1)}</div>
-              <div className="text-xs text-gray-400">/10</div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div>
-        <h3 className="text-sm font-semibold text-gray-300 mb-2">Risk Level</h3>
-        <p className={`text-lg font-bold ${labelColor}`}>
-          {score >= 8 ? "CRITICAL" : score >= 6 ? "HIGH" : score >= 4 ? "MEDIUM" : "LOW"}
-        </p>
-      </div>
-    </div>
-  );
-}

package/archived/dashboard/frontend.tsx

@@ -1,104 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { createRoot } from "react-dom/client";
-import { useAuth } from "./hooks/useAuth.ts";
-import { LoginPage } from "./pages/LoginPage.tsx";
-import { ScansListPage } from "./pages/ScansListPage.tsx";
-import { ScanDetailPage } from "./pages/ScanDetailPage.tsx";
-import { ErrorBoundary } from "./components/ErrorBoundary.tsx";
-
-type Page = "login" | "list" | "detail";
-
-function Dashboard() {
-  const { token, loading, login, logout, setAndStoreToken } = useAuth();
-  const [page, setPage] = useState<Page>("login");
-  const [selectedScanId, setSelectedScanId] = useState<string | null>(null);
-
-  // Handle OAuth callback
-  useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
-    const code = params.get("code");
-
-    if (code && !token) {
-      const apiBase = window.location.origin;
-      fetch(`${apiBase}/api/auth/github?code=${code}`)
-        .then((res) => res.json())
-        .then((data) => {
-          if (data.token) {
-            setAndStoreToken(data.token);
-            setPage("list");
-            window.history.replaceState({}, document.title, window.location.pathname);
-          } else {
-            alert("Authentication failed. Try again.");
-          }
-        })
-        .catch((e) => {
-          console.error("OAuth error:", e);
-          alert("Authentication failed. Try again.");
-        });
-    }
-  }, [token, setAndStoreToken]);
-
-  // Auto-login if token exists
-  useEffect(() => {
-    if (token && !loading) {
-      setPage("list");
-    }
-  }, [token, loading]);
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center min-h-screen bg-gray-900">
-        <p className="text-gray-400">Loading...</p>
-      </div>
-    );
-  }
-
-  return (
-    <div className="min-h-screen bg-gray-900 text-white">
-      {token && (
-        <nav className="border-b border-gray-800 bg-gray-800">
-          <div className="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
-            <h1 className="text-xl font-bold cursor-pointer" onClick={() => setPage("list")}>
-              🔍 CodeProbe
-            </h1>
-            <button
-              onClick={() => {
-                logout();
-                setPage("login");
-              }}
-              className="px-4 py-2 bg-red-600 hover:bg-red-700 rounded text-sm font-semibold transition"
-            >
-              Logout
-            </button>
-          </div>
-        </nav>
-      )}
-
-      <main className="max-w-7xl mx-auto px-4 py-8">
-        <ErrorBoundary>
-          {page === "login" && !token && <LoginPage onLogin={login} />}
-          {page === "list" && token && (
-            <ScansListPage token={token} onSelectScan={(id) => {
-              setSelectedScanId(id);
-              setPage("detail");
-            }} />
-          )}
-          {page === "detail" && token && selectedScanId && (
-            <ScanDetailPage
-              scanId={selectedScanId}
-              token={token}
-              onBack={() => setPage("list")}
-            />
-          )}
-        </ErrorBoundary>
-      </main>
-
-      <footer className="border-t border-gray-800 bg-gray-800 mt-8 py-4 text-center text-gray-400 text-sm">
-        <p>Powered by <span className="font-semibold text-white">Daytona</span> | <span className="font-semibold text-white">Bright Data</span> | <span className="font-semibold text-white">Nosana</span></p>
-      </footer>
-    </div>
-  );
-}
-
-const root = createRoot(document.getElementById("root")!);
-root.render(<Dashboard />);

package/archived/dashboard/hooks/useAuth.ts

@@ -1,32 +0,0 @@
-import { useState, useEffect } from "react";
-
-export function useAuth() {
-  const [token, setToken] = useState<string | null>(null);
-  const [loading, setLoading] = useState(true);
-
-  useEffect(() => {
-    const stored = localStorage.getItem("codeprobe_token");
-    setToken(stored);
-    setLoading(false);
-  }, []);
-
-  function login() {
-    const clientId = "Ov23liN8SBt9rcom1Msm";
-    const redirectUri = "http://localhost:3000/api/auth/github";
-    const scope = "user:email";
-    const url = `https://github.com/login/oauth/authorize?client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scope}`;
-    window.location.href = url;
-  }
-
-  function logout() {
-    localStorage.removeItem("codeprobe_token");
-    setToken(null);
-  }
-
-  function setAndStoreToken(t: string) {
-    localStorage.setItem("codeprobe_token", t);
-    setToken(t);
-  }
-
-  return { token, loading, login, logout, setAndStoreToken };
-}

package/archived/dashboard/hooks/useScan.ts

@@ -1,65 +0,0 @@
-import { useState, useEffect } from "react";
-
-export function useScan(scanId: string | null, token: string | null) {
-  const [scan, setScan] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (!scanId || !token) return;
-
-    async function fetchScan() {
-      setLoading(true);
-      setError(null);
-      try {
-        const apiBase = window.location.origin;
-        const res = await fetch(`${apiBase}/api/scans/${scanId}`, {
-          headers: { Authorization: `Bearer ${token}` },
-        });
-        if (!res.ok) throw new Error("Failed to fetch scan");
-        const data = await res.json();
-        setScan(data);
-      } catch (e) {
-        setError(e instanceof Error ? e.message : "Unknown error");
-      } finally {
-        setLoading(false);
-      }
-    }
-
-    fetchScan();
-  }, [scanId, token]);
-
-  return { scan, loading, error };
-}
-
-export function useScans(token: string | null) {
-  const [scans, setScans] = useState([]);
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    if (!token) return;
-
-    async function fetchScans() {
-      setLoading(true);
-      setError(null);
-      try {
-        const apiBase = window.location.origin;
-        const res = await fetch(`${apiBase}/api/scans`, {
-          headers: { Authorization: `Bearer ${token}` },
-        });
-        if (!res.ok) throw new Error("Failed to fetch scans");
-        const data = await res.json();
-        setScans(data);
-      } catch (e) {
-        setError(e instanceof Error ? e.message : "Unknown error");
-      } finally {
-        setLoading(false);
-      }
-    }
-
-    fetchScans();
-  }, [token]);
-
-  return { scans, loading, error };
-}

package/archived/dashboard/index.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>CodeProbe Dashboard</title>
-  <script src="https://cdn.tailwindcss.com"></script>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.css" />
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css" />
-</head>
-<body class="bg-gray-900 text-white">
-  <div id="root"></div>
-  <script src="./frontend.tsx" type="module"></script>
-</body>
-</html>

package/archived/dashboard/pages/LoginPage.tsx

@@ -1,28 +0,0 @@
-import React from "react";
-
-interface LoginPageProps {
-  onLogin: () => void;
-}
-
-export function LoginPage({ onLogin }: LoginPageProps) {
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gradient-to-br from-gray-900 to-gray-800">
-      <div className="text-center max-w-md">
-        <div className="text-5xl mb-6">🔒</div>
-        <h1 className="text-4xl font-bold mb-4">CodeProbe Dashboard</h1>
-        <p className="text-gray-300 mb-8">
-          Log in with GitHub to view your scan results and security insights.
-        </p>
-        <button
-          onClick={onLogin}
-          className="w-full bg-white text-black font-semibold py-3 px-6 rounded-lg hover:bg-gray-100 transition"
-        >
-          Login with GitHub
-        </button>
-        <p className="text-gray-500 text-sm mt-6">
-          We'll only access your public profile data.
-        </p>
-      </div>
-    </div>
-  );
-}