Merge branch 'main' into dependabot/npm_and_yarn/frontend/js-yaml-4.1.1

Author: lnovitz

backend/requirements.txt

@@ -17,7 +17,7 @@ Deprecated==1.2.18
 dnspython==2.7.0
 email_validator==2.2.0
 en-core-web-sm @ https://github.com/explosion/spacy-models/releases/download/en_core_web_sm-3.7.1/en_core_web_sm-3.7.1-py3-none-any.whl#sha256=86cc141f63942d4b2c5fcee06630fd6f904788d2f0ab005cce45aadb8fb73889
-fastapi==0.115.6
+fastapi>=0.127.0
 google-ai-generativelanguage==0.6.15
 google-api-core==2.24.2
 google-api-python-client==2.156.0
@@ -55,7 +55,7 @@ plotly==6.0.1
 pluggy==1.5.0
 preshed==3.0.9
 proto-plus==1.25.0
-protobuf==5.29.2
+protobuf==5.29.5
 psycopg2==2.9.10
 pyasn1==0.6.1
 pyasn1_modules==0.4.1
@@ -89,7 +89,7 @@ spacy-lookups-data==1.0.5
 SQLAlchemy==2.0.38
 sqlmodel==0.0.23
 srsly==2.5.0
-starlette==0.41.3
+starlette>=0.49.1,<0.51
 testcontainers==4.10.0
 thinc==8.2.5
 tqdm==4.66.6
@@ -99,7 +99,7 @@ types-tqdm==4.67.0.20250417
 typing_extensions==4.12.2
 tzdata==2024.2
 uritemplate==4.1.1
-urllib3==2.3.0
+urllib3==2.6.0
 uvicorn==0.34.2
 wasabi==1.1.3
 weasel==0.4.1

coding_interview_feedback.gs

@@ -3,19 +3,11 @@ import { useState, useEffect, useMemo } from "react";
 import { useRouter } from "next/navigation";
 import { addToast } from "@heroui/toast";
 import React from "react";
-import { Sankey, ResponsiveContainer, Tooltip } from "recharts";
 import posthog from "posthog-js";
 
 import JobApplicationsDashboard, { Application } from "@/components/JobApplicationsDashboard";
-import ResponseRateCard from "@/components/response_rate_card";
-import UniqueOpenRateChart from "@/components/response_rate_chart";
 import { checkAuth } from "@/utils/auth";
 
-interface SankeyData {
-	nodes: { name: string }[];
-	links: { source: number; target: number; value: number }[];
-}
-
 export default function Dashboard() {
 	const router = useRouter();
 	const [data, setData] = useState<Application[]>([]);
@@ -24,7 +16,6 @@ export default function Dashboard() {
 	const [error, setError] = useState<string | null>(null);
 	const [currentPage, setCurrentPage] = useState(1);
 	const [totalPages, setTotalPages] = useState(1);
-	const [sankeyData, setSankeyData] = useState<SankeyData | null>(null);
 	const [searchTerm, setSearchTerm] = useState("");
 	const [statusFilter, setStatusFilter] = useState("");
 	const [companyFilter, setCompanyFilter] = useState("");
@@ -101,25 +92,6 @@ export default function Dashboard() {
 		fetchData();
 	}, [apiUrl, router, currentPage]);
 
-	useEffect(() => {
-		// Fetch Sankey data
-		const fetchSankey = async () => {
-			try {
-				const response = await fetch(`${apiUrl}/get-sankey-data`, {
-					method: "GET",
-					credentials: "include"
-				});
-				if (response.ok) {
-					const result = await response.json();
-					setSankeyData(result);
-				}
-			} catch {
-				// ignore for now
-			}
-		};
-		fetchSankey();
-	}, [apiUrl, router, currentPage]);
-
 	// Filter data based on search term, status, company, and hide options
 	const filteredData = useMemo(() => {
 		return data.filter((item) => {
@@ -231,53 +203,6 @@ export default function Dashboard() {
 		);
 	}
 
-	async function downloadSankey() {
-		setDownloading(true);
-		try {
-			const response = await fetch(`${apiUrl}/process-sankey`, {
-				method: "GET",
-				credentials: "include"
-			});
-
-			if (!response.ok) {
-				let description = "Something went wrong. Please try again.";
-
-				if (response.status === 429) {
-					description = "Download limit reached. Please wait before trying again.";
-				} else {
-					description = "Please try again or contact help@justajobapp.com if the issue persists.";
-				}
-
-				addToast({
-					title: "Failed to download Sankey Diagram",
-					description,
-					color: "danger"
-				});
-
-				return;
-			}
-
-			// Create a download link to trigger the file download
-			const blob = await response.blob();
-			const link = document.createElement("a");
-			const url = URL.createObjectURL(blob);
-			link.href = url;
-			link.download = `sankey_diagram_${new Date().toISOString().split("T")[0]}.png`;
-			document.body.appendChild(link);
-			link.click();
-			document.body.removeChild(link);
-			URL.revokeObjectURL(url);
-		} catch {
-			addToast({
-				title: "Something went wrong",
-				description: "Please try again",
-				color: "danger"
-			});
-		} finally {
-			setDownloading(false);
-		}
-	}
-
 	const handleRemoveItem = async (id: string) => {
 		try {
 			// Make a DELETE request to the backend
@@ -306,161 +231,6 @@ export default function Dashboard() {
 		}
 	};
 
-	const responseRateContent = (
-		<>
-			<div className="flex flex-col gap-4 mt-4 mb-6 md:flex-row">
-				<div className="w-full md:w-[30%]">
-					<ResponseRateCard />
-				</div>
-				<div className="md:w-[70%]">
-					<UniqueOpenRateChart />
-				</div>
-			</div>
-		</>
-	);
-
-	const sankeyChartContent =
-		sankeyData && sankeyData.nodes && sankeyData.nodes.length > 0 ? (
-			<div className="bg-gray-100 dark:bg-gray-800 p-6 shadow-md rounded-lg">
-				<div className="flex items-center justify-between mb-4">
-					<h2 className="text-gray-700 dark:text-gray-300 text-base md:text-xl font-semibold">
-						My Job Search
-					</h2>
-					<button
-						className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed text-sm"
-						disabled={downloading}
-						onClick={downloadSankey}
-					>
-						{downloading ? "Downloading..." : "Download PNG"}
-					</button>
-				</div>
-				<div className="h-[450px] w-full relative">
-					<ResponsiveContainer height="100%" width="100%">
-						<Sankey
-							data={sankeyData}
-							link={{ stroke: "#cbd5e1", strokeOpacity: 0.4 }}
-							margin={{ top: 10, bottom: 30, left: 10, right: 10 }} // Smaller margins
-							node={(props) => {
-								const isSource = props.x < 50;
-								const nodeName = props.payload.name;
-								const status = nodeName.split(" (")[0];
-
-								const getStatusColor = (status: string) => {
-									const normalized = status.toLowerCase();
-									switch (normalized) {
-										case "applications":
-											return "#3b82f6"; // Blue for source
-										case "offer made":
-											return "#10b981";
-										case "rejection":
-											return "#ef4444";
-										case "interview invitation":
-											return "#06b6d4";
-										case "assessment sent":
-											return "#8b5cf6";
-										case "availability request":
-											return "#f59e0b";
-										case "application confirmation":
-											return "#3b82f6";
-										case "information request":
-											return "#6b7280";
-										case "inbound request":
-											return "#10b981";
-										case "action required":
-											return "#84cc16";
-										case "hiring freeze":
-											return "#8b5cf6";
-										case "withdrew application":
-											return "#ec4899";
-										default:
-											return "#8884d8";
-									}
-								};
-
-								return (
-									<g>
-										<rect
-											fill={getStatusColor(status)}
-											fillOpacity={0.8}
-											height={props.height}
-											stroke={getStatusColor(status)}
-											width={props.width}
-											x={props.x}
-											y={props.y}
-										/>
-										<text
-											dominantBaseline="middle"
-											fill="#333"
-											fontSize={12}
-											textAnchor={isSource ? "start" : "end"}
-											x={isSource ? props.x + props.width + 8 : props.x - 8}
-											y={props.y + props.height / 2}
-										>
-											{props.payload.name}
-										</text>
-									</g>
-								);
-							}}
-							nodePadding={24}
-						>
-							<Tooltip
-								content={({ active, payload }) => {
-									if (active && payload && payload.length) {
-										const { sourceNode, targetNode, value } = payload[0].payload;
-										return (
-											<div className="bg-white p-2 rounded shadow">
-												<div>
-													<strong>
-														{sourceNode?.name} → {targetNode?.name}
-													</strong>
-												</div>
-												<div>Count: {value}</div>
-											</div>
-										);
-									}
-									return null;
-								}}
-							/>
-						</Sankey>
-					</ResponsiveContainer>
-					<div className="absolute bottom-2 left-2 text-xs text-gray-500 opacity-70">
-						{(() => {
-							// Calculate date range from the data
-							if (data && data.length > 0) {
-								const dates = data
-									.map((item) => (item.received_at ? new Date(item.received_at) : null))
-									.filter((date) => date !== null);
-
-								if (dates.length > 0) {
-									const minDate = new Date(Math.min(...dates.map((d) => d.getTime())));
-									const maxDate = new Date(Math.max(...dates.map((d) => d.getTime())));
-
-									const formatDate = (date: Date) => {
-										const month = date.toLocaleDateString("en-US", { month: "long" });
-										const year = date.getFullYear();
-										return { month, year };
-									};
-
-									const minFormatted = formatDate(minDate);
-									const maxFormatted = formatDate(maxDate);
-
-									let dateRange;
-									if (minFormatted.year === maxFormatted.year) {
-										dateRange = `${minFormatted.month} - ${maxFormatted.month} ${maxFormatted.year}`;
-									} else {
-										dateRange = `${minFormatted.month} ${minFormatted.year} - ${maxFormatted.month} ${maxFormatted.year}`;
-									}
-
-									return `JustAJobApp.com • ${dateRange}`;
-								}
-							}
-							return "JustAJobApp.com";
-						})()}
-					</div>
-				</div>
-			</div>
-		) : null;
-
 	return (
 		<JobApplicationsDashboard
 			companyFilter={companyFilter}
@@ -471,14 +241,11 @@ export default function Dashboard() {
 			hideRejections={hideRejections}
 			loading={loading}
 			normalizedJobTitleFilter={normalizedJobTitleFilter}
-			responseRate={responseRateContent}
-			sankeyChart={sankeyChartContent}
 			searchTerm={searchTerm}
 			statusFilter={statusFilter}
 			totalPages={totalPages}
 			onCompanyFilterChange={setCompanyFilter}
 			onDownloadCsv={downloadCsv}
-			onDownloadSankey={downloadSankey}
 			onHideApplicationConfirmationsChange={setHideApplicationConfirmations}
 			onHideRejectionsChange={setHideRejections}
 			onNextPage={nextPage}

frontend/app/dashboard/page.tsx

@@ -102,6 +102,13 @@ const Footer = () => {
 					<div>
 						<h3 className="text-lg font-semibold mb-4 text-emerald-700">JustAJobApp</h3>
 						<p className="text-default-500 mb-4">Automate the "Second Job" of Job Searching.</p>
+						<a
+							className="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-emerald-600 hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-700 transition-colors duration-200"
+							href="/contributors"
+						>
+							<span className="mr-2">👋</span>
+							Join the Community
+						</a>
 					</div>
 
 					<div>

frontend/components/Footer.tsx

@@ -41,11 +41,8 @@ interface JobApplicationsDashboardProps {
 	loading: boolean;
 	downloading: boolean;
 	onDownloadCsv: () => void;
-	onDownloadSankey: () => void;
 	onRemoveItem: (id: string) => void;
 	initialSortKey?: string;
-	responseRate?: React.ReactNode;
-	sankeyChart?: React.ReactNode;
 	searchTerm?: string;
 	onSearchChange?: (term: string) => void;
 	statusFilter?: string;
@@ -109,11 +106,8 @@ export default function JobApplicationsDashboard({
 	loading,
 	downloading,
 	onDownloadCsv,
-	onDownloadSankey,
 	onRemoveItem,
 	initialSortKey = "Date (Newest)",
-	responseRate,
-	sankeyChart,
 	searchTerm = "",
 	onSearchChange,
 	statusFilter = "",
@@ -390,13 +384,11 @@ export default function JobApplicationsDashboard({
 				</ModalContent>
 			</Modal>
 			<h1 className="text-2xl font-bold mt-0">{title}</h1>
-			{responseRate}
-			{sankeyChart && <div className="mb-6">{sankeyChart}</div>}
 			<div className="flex flex-wrap items-center justify-between gap-4 mb-4">
 				{/* Search and Filter Controls */}
 				<div className="flex flex-wrap items-center gap-4 flex-1">
 					{/* Search Input */}
-					<div className="flex-1 max-w-md">
+					<div className="max-w-md">
 						<input
 							className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-gray-700 dark:border-gray-600 dark:text-white"
 							placeholder="Company"