Function Explore

website/src/pages/Explore.tsx:180–1131

()

};

const Explore = () => {
  const [searchParams] = useSearchParams();
  const location = useLocation();
  const { owner, repo, "*": gitlabSplat } = useParams();
  const isGitlabRoute = location.pathname.startsWith("/gitlab/");
  const repoRef = isGitlabRoute
    ? repoRefFromRoute("gitlab", undefined, undefined, gitlabSplat)
    : repoRefFromRoute("github", owner, repo);
  const [graphData, setGraphData] = useState<any>(null);
  const graphDataRef = useRef<any>(null);
  useEffect(() => {
    graphDataRef.current = graphData;
  }, [graphData]);
  const [loading, setLoading] = useState(false);
  const [error, setError] = useState<string | null>(null);
  const [progressText, setProgressText] = useState("");
  const [progressValue, setProgressValue] = useState(0);
  const [workerLogs, setWorkerLogs] = useState<string[]>([]);

  // Connection parameters for "Playground" mode (CLI/Database)
  const backend = searchParams.get("backend") || "";
  const repoPath = searchParams.get("repo_path") || "";
  const cypherQuery = searchParams.get("cypher_query") || "";
  const bundleUrl = searchParams.get("bundle_url") || "";
  
  // Helper to fetch files using a sequential pool of robust CORS proxies
  const fetchWithFallbackProxies = async (
    url: string,
    onProgress?: (loaded: number, total: number) => void
  ): Promise<Response> => {
    if (!url) throw new Error("URL is empty");
    
    // Try direct fetch first (essential for localhost, relative URLs, or CORS-enabled endpoints)
    try {
      const res = onProgress ? await fetchWithProgress(url, onProgress) : await fetch(url);
      if (res.ok) return res;
    } catch (e) {
      console.warn("Direct fetch failed, falling back to CORS proxies...", e);
    }
    
    // 1. Check raw githubusercontent.com to bypass proxy using jsDelivr CDN directly
    if (url.includes("raw.githubusercontent.com")) {
      const match = url.match(/raw\.githubusercontent\.com\/([^\/]+)\/([^\/]+)\/([^\/]+)\/(.+)$/);
      if (match) {
        const [_, ownerName, repoName, branch, filepath] = match;
        const jsdelivrUrl = `https://cdn.jsdelivr.net/gh/${ownerName}/${repoName}@${branch}/${filepath}`;
        try {
          const res = onProgress ? await fetchWithProgress(jsdelivrUrl, onProgress) : await fetch(jsdelivrUrl);
          if (res.ok) return res;
        } catch (e) {
          console.warn("jsDelivr CDN fetch failed, falling back to CORS proxies...", e);
        }
      }
    }

    const proxies = [
      // Proxy 1: corsproxy.io (Very fast, prefix-based)
      {