Add default search params and refactor App.tsx

Introduces default search parameters (query, rows, page, sort) in .env and updates App.tsx to use these values. Refactors parameter handling and fetch logic to improve configurability and maintainability.

Author: alegauss

turing-js-sdk/js-sdk-sample/.env

@@ -1,3 +1,7 @@
 VITE_API_URL: 'http://localhost:2700'
 VITE_SN_SITE: 'wknd-author'
+VITE_SN_DEFAULT_QUERY: '*'
+VITE_SN_DEFAULT_ROWS: 10
+VITE_SN_DEFAULT_PAGE: 1
+VITE_SN_DEFAULT_SORT: 'relevance'
 VITE_LOCALE: 'en-US'

turing-js-sdk/js-sdk-sample/src/App.tsx

@@ -2,34 +2,42 @@ import { TurSNSiteSearchService, type TurSNSiteSearchDocument } from "@openvigle
 import { useEffect, useState } from "react";
 import { useSearchParams } from "react-router-dom";
 
+const QUERY_PARAM = "q";
+
+const ROWS_PARAM = "rows";
+const PAGE_PARAM = "p";
+const SORT_PARAM = "sort";
 function App() {
   const [totalDocuments, setTotalDocuments] = useState(0);
   const [searchDocuments, setSearchDocuments] = useState<TurSNSiteSearchDocument[]>([]);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const [searchParams] = useSearchParams();
-  const query = searchParams.get("q") || "*";
-
+  const query = searchParams.get(QUERY_PARAM) || import.meta.env.VITE_SN_DEFAULT_QUERY;
+  const rows = searchParams.get(ROWS_PARAM) || import.meta.env.VITE_SN_DEFAULT_ROWS;
+  const currentPage = searchParams.get(PAGE_PARAM) || import.meta.env.VITE_SN_DEFAULT_PAGE;
+  const sort = searchParams.get(SORT_PARAM) || import.meta.env.VITE_SN_DEFAULT_PAGE;
+  const fetchDocuments = async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const searchService = new TurSNSiteSearchService(import.meta.env.VITE_API_URL);
+      const res = await searchService.search(import.meta.env.VITE_SN_SITE, {
+        q: query,
+        rows: rows,
+        currentPage: currentPage,
+        sort: sort,
+        localeRequest: import.meta.env.VITE_LOCALE,
+      });
+      setSearchDocuments(res.results?.document || []);
+      setTotalDocuments(res.queryContext?.count || 0);
+    } catch (err: any) {
+      setError("Search failed: " + (err?.message || "Unknown error"));
+    } finally {
+      setLoading(false);
+    }
+  };
   useEffect(() => {
-    const fetchDocuments = async () => {
-      setLoading(true);
-      setError(null);
-      try {
-        const searchService = new TurSNSiteSearchService(import.meta.env.VITE_API_URL);
-        const res = await searchService.search(import.meta.env.VITE_SN_SITE, {
-          q: query,
-          rows: 10,
-          currentPage: 1,
-          localeRequest: import.meta.env.VITE_LOCALE,
-        });
-        setSearchDocuments(res.results?.document || []);
-        setTotalDocuments(res.queryContext?.count || 0);
-      } catch (err: any) {
-        setError("Search failed: " + (err?.message || "Unknown error"));
-      } finally {
-        setLoading(false);
-      }
-    };
     fetchDocuments();
   }, [query]);