feat: search query param

Author: caio-pizzol

apps/web/src/pages/SpecExplorer.tsx

@@ -1,6 +1,7 @@
 import { clsx } from "clsx";
 import { Loader2 } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
+import { useSearchParams } from "react-router-dom";
 import { Navbar } from "../components/Navbar";
 import { PdfViewer } from "../components/PdfViewer";
 
@@ -35,14 +36,17 @@ interface SpecSearchResult {
 const DEFAULT_PDF_URL = "https://cdn.ooxml.dev/ecma-376/part1.pdf";
 
 export function SpecExplorer() {
-	const [search, setSearch] = useState("");
+	const [searchParams] = useSearchParams();
+	const initialQuery = searchParams.get("q") || "";
+	const [search, setSearch] = useState(initialQuery);
 	const [submittedSearch, setSubmittedSearch] = useState("");
 	const [results, setResults] = useState<SpecSearchResult[]>([]);
 	const [isLoading, setIsLoading] = useState(false);
 	const [selectedIndex, setSelectedIndex] = useState(0);
 	const [selectedResult, setSelectedResult] = useState<SpecSearchResult | null>(null);
 	const resultsRef = useRef<HTMLDivElement>(null);
 	const inputRef = useRef<HTMLTextAreaElement>(null);
+	const hasAutoSearched = useRef(false);
 
 	// Preload the default PDF
 	useEffect(() => {
@@ -94,6 +98,14 @@ export function SpecExplorer() {
 		}
 	}, [search, submittedSearch]);
 
+	// Auto-search if query param provided (e.g., ?q=w:shd)
+	useEffect(() => {
+		if (initialQuery && !hasAutoSearched.current) {
+			hasAutoSearched.current = true;
+			handleSubmit();
+		}
+	}, [initialQuery, handleSubmit]);
+
 	// Handle Enter key to submit
 	const handleKeyDown = useCallback(
 		(e: React.KeyboardEvent<HTMLTextAreaElement>) => {