Amélioration de la recherche par texte sur le tableau de suivi

package.json

@@ -25,6 +25,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@types/d3-fetch": "^3.0.7",
+    "@types/lunr": "^2.3.7",
     "@types/minimist": "^1.2.5",
     "@types/node": "^22.3.0",
     "@types/page": "^1.11.9",
@@ -54,6 +55,8 @@
     "fastify": "^4.26.2",
     "knex": "^3.1.0",
     "ky": "^1.7.2",
+    "lunr": "^2.3.9",
+    "lunr-languages": "^1.14.0",
     "minimist": "^1.2.8",
     "ods-xlsx": "github:DavidBruant/ods-xlsx#v0.8.0",
     "page": "^1.11.6",

scripts/commun/manipulationStrings.js

@@ -38,4 +38,14 @@ export function normalizeTexteEspèce(texte){
         .replace(/[\u0300-\u036f]/g, '') // remove accents
         .replaceAll("’", "'")
         .toLowerCase()
-}
+}
+
+/**
+ *
+ * @param {string} texte
+ * @returns {string}
+ */
+export function retirerAccents(texte) {
+    return texte.normalize("NFD").replace(/[\u0300-\u036f]/g, "")
+}
+

scripts/front-end/components/screens/SuiviInstruction.svelte

@@ -4,6 +4,8 @@
     import FiltreParmiOptions from '../FiltreParmiOptions.svelte'
     import FiltreTexte from '../FiltreTexte.svelte'
     import {formatLocalisation, formatDéposant, phases, prochaineActionAttenduePar} from '../../affichageDossier.js'
+    import {contientTexteDansDossier, créerIndexDossiers} from '../../rechercherDansDossier.js'
+    import {retirerAccents} from '../../../commun/manipulationStrings.js'
 
     /** @import {DossierComplet, DossierPhase, DossierProchaineActionAttenduePar} from '../../../types.js' */
     /** @import {PitchouState} from '../../store.js' */
@@ -38,7 +40,7 @@
     $: dossiersSelectionnés = dossiers
     //$: console.log('dossiersSelectionnés', dossiersSelectionnés)
 
-    /** @type {Map<'département' | 'commune' | 'phase' | 'prochaine action attendue de' | 'texte' | 'suivis' | 'instructeurs', (d: DossierComplet) => boolean>}*/
+    /** @type {Map<'département' | 'commune' | 'phase' | 'prochaine action attendue de' | 'texte' | 'nombresEnTexte' | 'suivis' | 'instructeurs', (d: DossierComplet) => boolean>}*/
     const tousLesFiltres = new Map()
 
     function filtrerDossiers(){
@@ -168,24 +170,41 @@
     }
 
     $: texteÀChercher = ''
+    const dossiersIndex = créerIndexDossiers(dossiers)
 
     /**
      * @param {{detail: string}} _
      */
     function filtrerParTexte({detail: _texteÀChercher}){
-        tousLesFiltres.set('texte', dossier => {
-            return Boolean(
-                dossier.commentaire_enjeu && dossier.commentaire_enjeu.includes(_texteÀChercher) ||
-                dossier.commentaire_libre && dossier.commentaire_libre.includes(_texteÀChercher) ||
-                dossier.demandeur_personne_morale_raison_sociale && dossier.demandeur_personne_morale_raison_sociale.includes(_texteÀChercher) ||
-                dossier.demandeur_personne_physique_nom && dossier.demandeur_personne_physique_nom.includes(_texteÀChercher) ||
-                dossier.demandeur_personne_physique_prénoms && dossier.demandeur_personne_physique_prénoms.includes(_texteÀChercher) ||
-                dossier.number_demarches_simplifiées && dossier.number_demarches_simplifiées.includes(_texteÀChercher) ||
-                String(dossier.id || '').includes(_texteÀChercher) ||
-                dossier.nom && dossier.nom.includes(_texteÀChercher) ||
-                dossier.nom_dossier && dossier.nom_dossier.includes(_texteÀChercher)
-            )
-        })
+        // cf. https://github.com/MihaiValentin/lunr-languages/issues/66
+        // lunr.fr n'indexe pas les chiffres. On gère donc la recherche sur 
+        // les nombres avec une fonction séparée.
+        if (_texteÀChercher.match(/\d+/)) {
+            tousLesFiltres.set('nombresEnTexte', dossier => {
+                const {départements, communes, number_demarches_simplifiées} = dossier
+                const communesCodes = communes?.map(({code, postalCode}) =>
+                    [code, postalCode]
+                ).flat().filter(c => c) || []
+
+                return départements?.includes(_texteÀChercher) || 
+                    communesCodes?.includes(_texteÀChercher) ||
+                    number_demarches_simplifiées?.includes(_texteÀChercher)
+            })
+        } else {
+            tousLesFiltres.set('texte', dossier => {
+                const texteSansAccents = retirerAccents(_texteÀChercher)
+                // Pour chercher les communes qui contiennent des tirets avec lunr,
+                // on a besoin de passer la chaîne de caractères entre "".
+                const aRechercher = texteSansAccents.match(/(\w+-)+/) ? 
+                    `"${texteSansAccents}"` :
+                    texteSansAccents
+                return contientTexteDansDossier(
+                    aRechercher, 
+                    dossier, 
+                    dossiersIndex,
+                )
+            })
+        }
 
         texteÀChercher = _texteÀChercher;
 
@@ -200,6 +219,7 @@
         e.preventDefault()
 
         tousLesFiltres.delete('texte')
+        tousLesFiltres.delete('nombresEnTexte')
 
         texteÀChercher = ''
         filtrerDossiers()

scripts/front-end/rechercherDansDossier.js

@@ -0,0 +1,107 @@
+import lunr from "lunr"
+import stemmerSupport from "lunr-languages/lunr.stemmer.support"
+import lunrfr from "lunr-languages/lunr.fr"
+
+import { retirerAccents } from "../commun/manipulationStrings.js"
+
+/** @import {DossierComplet, StringValues} from "../types.js" */
+
+stemmerSupport(lunr)
+lunrfr(lunr)
+
+/**
+ * @param {DossierComplet} dossier
+ * @returns {StringValues<Partial<DossierComplet>>}
+ */
+const créerDossierIndexable = dossier => {
+    const {
+        id,
+        nom_dossier,
+        number_demarches_simplifiées,
+        communes,
+        nom,
+        déposant_nom,
+        déposant_prénoms,
+        demandeur_personne_physique_prénoms,
+        demandeur_personne_physique_nom,
+        demandeur_personne_morale_raison_sociale,
+        commentaire_libre,
+        commentaire_enjeu,
+    } = dossier
+
+    return {
+        id: id.toString(),
+        number_demarches_simplifiées: number_demarches_simplifiées?.toString(),
+        nom_dossier: retirerAccents(nom_dossier),
+        communes: communes?.map(({name}) => retirerAccents(name || "")).join(" ") || "",
+        nom: retirerAccents(nom || ""),
+        déposant_nom: retirerAccents(déposant_nom || ""),
+        déposant_prénoms: retirerAccents(déposant_prénoms || ""),
+        demandeur_personne_physique_prénoms: 
+            retirerAccents(demandeur_personne_physique_prénoms || ""),
+        demandeur_personne_physique_nom: 
+            retirerAccents(demandeur_personne_physique_nom || ""),
+        demandeur_personne_morale_raison_sociale: 
+            retirerAccents(demandeur_personne_morale_raison_sociale || ""),
+        commentaire_libre:
+            retirerAccents(commentaire_libre || ""),
+        commentaire_enjeu: 
+            retirerAccents(commentaire_enjeu || ""),
+    }
+}
+
+/**
+ * 
+ * @param {DossierComplet[]} dossiers
+ * @returns {lunr.Index}
+ */
+export const créerIndexDossiers = dossiers => {
+    return lunr(function() {
+        // @ts-expect-error TS ne comprends pas qu'on a ajouté lunrfr
+        this.use(lunr.fr)
+
+        this.ref("id")
+        this.field("nom_dossier", { boost: 10 })
+        this.field("number_demarches_simplifiées", { boost: 5})
+        this.field("communes")
+        this.field("nom")
+        this.field("déposant_nom")
+        this.field("déposant_prénoms")
+        this.field("demandeur_personne_physique_prénoms")
+        this.field("demandeur_personne_physique_nom")
+        this.field("demandeur_personne_morale_raison_sociale")
+        this.field("commentaire_libre")
+        this.field("commentaire_enjeu")
+
+        for (const dossier of dossiers) {
+            this.add(créerDossierIndexable(dossier))
+        }
+    })
+}
+
+
+/**
+ * @param {string} texteÀChercher
+ * @param {lunr.Index} index
+ * @return {lunr.Index.Result[]}
+ */
+const rechercherDossiersAvecTexte = (texteÀChercher, index) => {
+    if (texteÀChercher === "") { return [] }
+
+    return index.search(texteÀChercher)
+}
+
+
+/** 
+ * @param {string} texteÀChercher
+ * @param {DossierComplet} dossier
+ * @param {lunr.Index} index
+ * @return {Boolean}
+ */
+export const contientTexteDansDossier = (texteÀChercher, dossier, index) => {
+    const lunrRésultats = rechercherDossiersAvecTexte(texteÀChercher, index)
+
+    if (lunrRésultats.length === 0) return false 
+
+    return lunrRésultats.filter(({ref}) => String(dossier.id) === ref).length > 0
+}

scripts/types.js

@@ -62,8 +62,8 @@
  * 
  * @typedef {Object} DossierDémarcheSimplifiée88444Communes
  * @property {string} name
- * @property {string} code
- * @property {string} postalCode
+ * @property {string} code // Code INSEE (identifiant de commune pour l'administration publique)
+ * @property {string} postalCode // Code postal (zone de desserte postale)
  * 
  * @typedef {Object} DossierLocalisation
  * @property {DossierDémarcheSimplifiée88444Communes[]} communes
@@ -74,4 +74,4 @@
 /** @typedef {Dossier & DossierComplémentPersonnesImpliquées & DossierPhaseEtProchaineAction & DossierLocalisation} DossierComplet */
 
 
-export default 'TS needs a module'
+export default 'TS needs a module'

scripts/types/customTypes.d.ts

@@ -1,3 +1,5 @@
 declare module 'simple-svelte-autocomplete'
 declare module 'ods-xlsx'
 declare module 'minimist'
+declare module 'lunr-languages/lunr.stemmer.support'
+declare module 'lunr-languages/lunr.fr'