Enables advanced query syntax: "", +, -, AND, OR, NOT, ( )

WGBH-MLA · Oct 30, 2024 · f6c4655 · f6c4655
1 parent 60ebb3a
commit f6c4655
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 9 deletions.
diff --git a/app/classes/search-ui.tsx b/app/classes/search-ui.tsx
@@ -9,6 +9,7 @@ import {
   Index,
   Pagination,
   HitsPerPage,
+  Configure,
 } from 'react-instantsearch'
 import {
   Error,
@@ -31,7 +32,18 @@ import { useLoaderData, useRouteError } from '@remix-run/react'
 
 const sk = new Searchkit(searchkit_options)
 
-export const searchClient = Client(sk)
+export const searchClient = Client(sk, {
+  getQuery: (query, search_attributes) => {
+    console.log('search query', query, search_attributes)
+    return [
+      {
+        query_string: {
+          query: query,
+        },
+      },
+    ]
+  },
+})
 
 export const Search = () => {
   const { serverUrl, aapb_host }: SearchProps = useLoaderData()
@@ -58,12 +70,13 @@ export const Search = () => {
           <SearchBox
             autoFocus
             placeholder="Search exhibits, collections, and Series from GBH"
-            // queryHook={(query, search) => {
-            //   // console.log('searchbox', search)
-            //   // debounce the search input box
-            //   clearTimeout(timerId)
-            //   timerId = setTimeout(() => search(query), timeout)
-            // }}
+            queryHook={(query, search) => {
+              // console.log('searchbox', search)
+              // debounce the search input box
+
+              clearTimeout(timerId)
+              timerId = setTimeout(() => search(query), timeout)
+            }}
             className="search-box"
           />
           <Error />
@@ -79,6 +92,7 @@ export const Search = () => {
           </Tabs>
           {activeTab === 0 && (
             <Index indexName="wagtail__wagtailcore_page">
+              {/* <Configure removeStopWords={true} advancedSyntax={true} /> */}
               <NoResultsBoundary fallback={<NoResults />}>
                 <h2>Open Vault results</h2>
                 <Refinements />

diff --git a/app/components/AAPBResults.tsx b/app/components/AAPBResults.tsx
@@ -4,6 +4,9 @@ import { useInstantSearch } from 'react-instantsearch'
 import debounce from 'lodash/debounce'
 import { Spinner } from './Spinner'
 
+const gbh_query =
+  '+(contributing_organizations:%20WGBH(MA)%20OR%20producing_organizations:%20WGBH%20Educational%20Foundation)&'
+
 export const AAPBResults = ({ aapb_host }) => {
   const { indexUiState } = useInstantSearch()
 
@@ -13,7 +16,9 @@ export const AAPBResults = ({ aapb_host }) => {
     debounce(currentQuery => {
       console.log('fetching AAPB results for', currentQuery)
       fetch(
-        `${aapb_host}/api.json?q=${encodeURIComponent(currentQuery)}&rows=0`
+        `${aapb_host}/api.json?q=${encodeURIComponent(
+          currentQuery
+        )}${gbh_query}&rows=0`
       )
         .then(response => response.json())
         .then(data => setResults(data.response.numFound))
@@ -30,7 +35,11 @@ export const AAPBResults = ({ aapb_host }) => {
   }, [fetchResults, indexUiState])
 
   return (
-    <a href={`${aapb_host}/catalog?q=${indexUiState.query}`} target="_blank">
+    <a
+      href={`${aapb_host}/catalog?q=${indexUiState.query}${gbh_query}`}
+      target="_blank"
+    >
+      View
       <span className="ais-RefinementList-count">
         {result_count || <Spinner />}
       </span>