import { useDocsSearch } from ./index";

function Search() {
  const searchUrl = "https://myhost.sqlite.cloud:8090/v2/functions/search-js";

  // Initialize the useSqlcSearch custom hook
  const {
    searchText,     // Text to search for
    searchRes,      // Search results
    searchResPrev,  // Search results for the previous searchText
    searchError,    // Error information if search fails
    validSearchUrl, // Boolean indicating if the search URL is valid
    isLoading,      // Boolean indicating if component is loading search result
    handleSearch,   // Function to handle search input changes
  } = useDocsSearch(searchUrl);

  return (
    <div>
      <input
        type="text"
        value={searchText}
        onChange={handleSearch}
        placeholder="Type here..."
      />
      <pre>{JSON.stringify(searchRes, null, 2)}</pre>
    </div>
  )
}

const query = request.params.query;
const requestid = request.params.requestid;
return {
  data: {
    search: await connection.sql`SELECT url, options, replace(snippet(documentation, -1, '<b>', '</b>', '...', 10), x'0A', ' ') as 'snippet' FROM documentation WHERE content MATCH concat(${query}, '*') ORDER BY rank LIMIT 256;`,
    requestid: requestid
  }
}