Genres
Misc
${{hit.price}}
- {{hit.releaseDate}}
+ price: ${{hit.price}}
+ Release date: {{hit.releaseDate}}
+ Recommendation: {{hit.recommendationCount}}
diff --git a/playgrounds/angular/src/app/app.component.ts b/playgrounds/angular/src/app/app.component.ts
index 58310951..054ddbad 100644
--- a/playgrounds/angular/src/app/app.component.ts
+++ b/playgrounds/angular/src/app/app.component.ts
@@ -2,8 +2,8 @@ import { Component } from '@angular/core'
import { instantMeiliSearch } from '../../../../src'
const searchClient = instantMeiliSearch(
- 'https://ms-9060336c1f95-106.saas.meili.dev',
- '5d7e1929728417466fd5a82da5a28beb540d3e5bbaf4e01f742e1fb5fd72bb66'
+ 'https://demo-steam.meilisearch.com/',
+ '90b03f9c47d0f321afae5ae4c4e4f184f53372a2953ab77bca679ff447ecc15c'
)
@Component({
diff --git a/playgrounds/html/public/index.html b/playgrounds/html/public/index.html
index 894e4ce1..4e535289 100644
--- a/playgrounds/html/public/index.html
+++ b/playgrounds/html/public/index.html
@@ -25,10 +25,10 @@
const search = instantsearch({
indexName: "steam-video-games",
searchClient: instantMeiliSearch(
- 'https://ms-9060336c1f95-106.saas.meili.dev',
- '5d7e1929728417466fd5a82da5a28beb540d3e5bbaf4e01f742e1fb5fd72bb66',
+ 'https://demo-steam.meilisearch.com',
+ '90b03f9c47d0f321afae5ae4c4e4f184f53372a2953ab77bca679ff447ecc15c',
)
- });
+ });
search.addWidgets([
instantsearch.widgets.searchBox({
container: "#searchbox",
diff --git a/playgrounds/javascript/index.html b/playgrounds/javascript/index.html
index 547eda71..474a85d1 100644
--- a/playgrounds/javascript/index.html
+++ b/playgrounds/javascript/index.html
@@ -29,7 +29,7 @@ Search in Steam video games 🎮
-
+
Genres
Players
diff --git a/playgrounds/javascript/src/app.js b/playgrounds/javascript/src/app.js index 739f77c6..9d01f27f 100644 --- a/playgrounds/javascript/src/app.js +++ b/playgrounds/javascript/src/app.js @@ -3,8 +3,8 @@ import { instantMeiliSearch } from '../../../src/index' const search = instantsearch({ indexName: 'steam-video-games', searchClient: instantMeiliSearch( - 'https://ms-9060336c1f95-106.saas.meili.dev', - '5d7e1929728417466fd5a82da5a28beb540d3e5bbaf4e01f742e1fb5fd72bb66', + 'https://demo-steam.meilisearch.com', + '90b03f9c47d0f321afae5ae4c4e4f184f53372a2953ab77bca679ff447ecc15c', { limitPerRequest: 30, } @@ -12,6 +12,20 @@ const search = instantsearch({ }) search.addWidgets([ + instantsearch.widgets.sortBy({ + container: '#sort-by', + items: [ + { value: 'steam-video-games', label: 'Relevant' }, + { + value: 'steam-video-games:recommendationCount:desc', + label: 'Most Recommended', + }, + { + value: 'steam-video-games:recommendationCount:asc', + label: 'Least Recommended', + }, + ], + }), instantsearch.widgets.searchBox({ container: '#searchbox', }), @@ -32,6 +46,7 @@ search.addWidgets([ }), instantsearch.widgets.configure({ hitsPerPage: 6, + attributesToSnippet: ['description:150'], }), instantsearch.widgets.refinementList({ container: '#misc-list', @@ -51,6 +66,7 @@ search.addWidgets([price: {{price}}
release date: {{releaseDate}}
+ Recommendation: {{recommendationCount}}
Genres
Players
@@ -47,7 +64,11 @@ const App = () => (Misc
- 
-
Clear all filters
+
@@ -66,12 +82,21 @@ import { instantMeiliSearch } from '../../../src/index'
export default {
data() {
return {
+ recommendation: '',
searchClient: instantMeiliSearch(
- 'https://ms-9060336c1f95-106.saas.meili.dev',
- '5d7e1929728417466fd5a82da5a28beb540d3e5bbaf4e01f742e1fb5fd72bb66'
+ 'https://demo-steam.meilisearch.com',
+ '90b03f9c47d0f321afae5ae4c4e4f184f53372a2953ab77bca679ff447ecc15c'
),
}
},
+ methods: {
+ order: function (event, searchParameters, refine) {
+ refine({
+ ...searchParameters,
+ sort: this.recommendation,
+ })
+ },
+ },
}
diff --git a/src/adapter/to-meilisearch-params.ts b/src/adapter/to-meilisearch-params.ts
index 90fe9507..04bd967f 100644
--- a/src/adapter/to-meilisearch-params.ts
+++ b/src/adapter/to-meilisearch-params.ts
@@ -51,7 +51,7 @@ export const adaptToMeiliSearchParams: AdaptToMeiliSearchParams = function (
filters = '',
numericFilters = [],
},
- { paginationTotalHits, placeholderSearch }
+ { paginationTotalHits, placeholderSearch, sort }
) {
const limit = paginationTotalHits
const meilisearchFilters = facetFiltersToMeiliSearchFilter(facetFilters)
@@ -63,8 +63,9 @@ export const adaptToMeiliSearchParams: AdaptToMeiliSearchParams = function (
...(facets?.length && { facetsDistribution: facets }),
...(attributesToCrop && { attributesToCrop }),
...(attributesToRetrieve && { attributesToRetrieve }),
- ...(filter && { filter: filter }),
+ ...(filter.length && { filter: filter }),
attributesToHighlight: attributesToHighlight || ['*'],
limit: (!placeholderSearch && query === '') || !limit ? 0 : limit,
+ ...(sort?.length && { sort: [sort] }),
}
}
diff --git a/src/client/index.ts b/src/client/index.ts
index b5f808db..e19f6d24 100644
--- a/src/client/index.ts
+++ b/src/client/index.ts
@@ -13,10 +13,10 @@ export function instantMeiliSearch(
search: async function (instantSearchRequests) {
try {
const isSearchRequest = instantSearchRequests[0]
- const {
- params: instantSearchParams,
- indexName: indexUid,
- } = isSearchRequest
+ const { params: instantSearchParams, indexName } = isSearchRequest
+
+ // Split index name and possible sorting rules
+ const [indexUid, ...sortByArray] = indexName.split(':')
const { paginationTotalHits, primaryKey, placeholderSearch } = options
const { page, hitsPerPage } = instantSearchParams
@@ -28,6 +28,7 @@ export function instantMeiliSearch(
placeholderSearch: placeholderSearch !== false, // true by default
hitsPerPage: hitsPerPage === undefined ? 20 : hitsPerPage, // 20 is the MeiliSearch's default limit value. `hitsPerPage` can be changed with `InsantSearch.configure`.
page: page || 0, // default page is 0 if none is provided
+ sort: sortByArray.join(':') || '',
}
// Adapt IS params to MeiliSearch params
@@ -35,7 +36,6 @@ export function instantMeiliSearch(
instantSearchParams,
context
)
-
const cachedFacet = cacheFilters(msSearchParams.filter)
// Executes the search with MeiliSearch
diff --git a/src/types/types.ts b/src/types/types.ts
index 04e9014c..9fd74094 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -23,6 +23,7 @@ export type IMSearchParams = Omit<
export type ISSearchParams = Omit
-
-
-
-)
+ )
+}
export default App
diff --git a/playgrounds/vue/src/App.vue b/playgrounds/vue/src/App.vue
index 589019c7..949fa0ac 100644
--- a/playgrounds/vue/src/App.vue
+++ b/playgrounds/vue/src/App.vue
@@ -17,6 +17,19 @@
+
+
-
+
+
+
+
+ price: {hit.price}
+
+
+ release date: {hit.releaseDate}
+
+
+ Recommended: {hit.recommendationCount}
+
price: {hit.price}
- release date: {hit.releaseDate}
- Genres
Players
@@ -40,8 +53,11 @@price: {{ item.price }}
- release date: {{ item.releaseDate }}
+ Price: {{ item.price }}
+ Release date: {{ item.releaseDate }}
+
+ Recommended: {{ item.recommendationCount }}
+