pagefind instantsearch

Adaptateur InstantSearch pour PageFind Monorepo

C'est le référentiel Monorepo:

• Adaptateur InstantSearch pour PageFind
• et site de démonstration

Idée

L'idée est de créer un adaptateur InstantSearch pour PageFind et de construire le même site de démonstration que pour les facettes. De cette façon, nous pouvons comparer les "pommes aux pommes".

Pour ce faire, je voulais utiliser le même schéma que dans les facettes :

• Pour convertir le fichier JSON en index de page
• Pour convertir la réponse PageFind à InstantSearch Hit

J'ai commencé la mise en œuvre avec une conversion codée en dur. J'ai réussi à créer une démo de travail. Cependant, j'ai réalisé que PageFind ne peut pas être utilisé comme moteur de recherche à facettes générales.

Conversion de type

PageFind prend en charge uniquement les valeurs de chaîne, de sorte que toutes les valeurs doivent être converties en chaînes avant d'indexer et de revenir au type initial du côté client.

Indexage:

 brand : [ item . brand ] ,
categories : item . categories ,
price : [ ` ${ item . price } ` ] ,
rating : [ ` ${ item . rating } ` ] ,
free_shipping : [ ` ${ item . free_shipping } ` ] ,

Côté client:

 {
  objectID : item . id ,
  ... data . meta ,
  categories : data . filters . categories ,
  price : parseFloat ( data . filters . price [ 0 ] ) ,
  rating : parseFloat ( data . filters . rating [ 0 ] ) ,
}

Tri

Voir:

• CloudCannon / PageFind # 513
• CloudCannon / PageFind # 259

Statistiques pour les facettes numériques

Parce qu'il n'y a pas de prise en charge des nombres pour obtenir des statistiques, nous devons convertir les chaînes en numéros du côté client et calculer les statistiques:

 if ( schema [ field ] ?. type === "number" ) {
  const values : number [ ] = [ ] ;
  entries . forEach ( ( a ) => values . push ( parseFloat ( a [ 0 ] ) ) ) ;
  facetsStats [ field ] = {
    min : Math . min ( ... values ) ,
    max : Math . max ( ... values ) ,
  } ;
}

Filtre pour les champs numériques

Je n'ai pas implémenté de filtre pour les champs numériques, comme price >= 40 AND price <= 100 . Le curseur de prix ne fonctionne pas dans le deme

Statut

Après avoir réalisé qu'il n'était pas pratique d'utiliser un moteur de recherche à facettes générales, j'ai abandonné et je n'ai pas terminé le code pour la transformation du schéma.

Ce code n'est pas recommandé pour l'utilisation de Prodcution .

Développement

pnpm i
pnpm run dev

FAIRE

• CLI à Covert JSON à PageFind Index
  • peut-être Cosmiconfig pour passer la configuration
    • il peut utiliser le même schéma que facets
    • saisir
    • sortir
• adaptateur pour la recherche Instants
  • filtrage pour les facettes numériques