search-ui | JavaScript library to develop Search UIs for the web | Search Engine library

I am using Algolia to build up a refinement list of filters, and I have customized the algolia instance to display facets with no matches: Algolia docs on displaying facets with no matches

The issue I am having is that in the mounted function in VueJs Algolia is building up the refinement list, and then doing some magic to build the Dom. I am having an issue where I am trying to append a CSS class to these elements in the same mounted function but the NodeList I am working on is constantly returning [] empty.

My solution is completely working when typing, and when using the refinement list, but its not working on page reload as the timing of things is out of sync.

I am new to JS/React/npm/webpack, and fairly new to Django. I am trying to build search experience (i.e. front-end) for my existing Django web application, and I am planning to use elastic/search-ui components for that. I did some research (How to get Django and ReactJS to work together?) and I am following the hybrid model guide (https://www.saaspegasus.com/guides/modern-javascript-for-django-developers/integrating-javascript-pipeline/) where static JS files are used in Django templates.

I got to the point where I could display some text from JS script in Django template, now I am trying to display imported JS component and I got stuck. This is my code:

package.json:

I wish to use Algolia to setup InstantSearch in my React Native project. I am using this tutorial to learn the basics.

It appears in their RefinementList and InfiniteHits components there is a parameter: refine. This parameter seems to play a key role in the functionality of this tutorial's app.

Where can I get an example of how this refine() method would look like? Please help me with some resources. An explanation of this refine() method would also help.

Thanks!

I trying to implement Algolia Autocomplete widget in my code. I'm currently trying to retrieve the prop "value" by using the query callback.

I'm using the Algolia code here: https://www.algolia.com/doc/guides/building-search-ui/resources/ui-and-ux-patterns/in-depth/autocomplete/react/

When I'm trying to return "query" in the console --> console.log(query) I get an undefined error. I can't understand why.

Here's my entire code:

App.js

I develop an Android app with a search interface using Algolia.

For this purpose, I follow this guide for InstantSearch but when I add the kapt "androidx.lifecycle:lifecycle-compiler:2.0.0" dependency to my app build.gradle I got ERROR: Gradle DSL method not found: 'kapt()' error.

I tried to add apply plugin: 'kotlin-kapt' in the top of the app build.gradle file (see this) but then I got Plugin with id 'kotlin-kapt' not found. error.

Here is my app build.gradle file:

I am working on a search engine using the swiftype reackJS demo app as a starting point. It's using the search-ui npm.

I get: Cannot read property 'raw' of undefined

I'm setting up Algolia instantsearch.js and I want to replace the default search box submit button icon.

The docs show to style the icon color using the widget class name, but I can't figure out how to replace the svg icon with another svg.

This is the default code that Algolia generates for the submit button icon:

I have a webpage that uses Algolia's React InstantSearch. It has a search bar and several refinements.

I want the user to be able to press a button and get a list of all matching results.

To get a list of all results, I need to use the Browse Index instead of the Search Index. The Browse Index allows retrieving all hits; the Search Index allows retrieval of only up to 1000 hits. However, the Browse Index should not be used in UIs. So I want to create an API endpoint my web server that uses the Browse Index in order return a list of matching hits given a search query.

I am able to successfully do this for a search query, but I can't figure out how to this for refinements.

Here is a sketch of what I have so far.

Back-end (in Ruby):

I'm working on a personal Android application. In this application, there is a single main Activity with two Fragments. In one of them, I want to implement the Algolia InstantSearch according to this guide.

This is my fragment layout: