feat: create a materialized view to search beaches without accent

Author: maximeperraultdev

backend/src/main/resources/db/migration/internal/V0.205__create_beach_search_view.sql

@@ -0,0 +1,9 @@
+CREATE MATERIALIZED VIEW search_beaches AS
+SELECT id,
+       official_name,
+       name,
+       geom,
+       postcode,
+       unaccent(name)          as unaccent_name,
+       unaccent(official_name) as unaccent_official_name
+from beaches;

backend/src/main/resources/db/testdata/V666.23__insert_beaches.sql

@@ -11,4 +11,4 @@ INSERT INTO public.beaches
 VALUES (2009, '0104000020E610000001000000010100000079AA9E70989C4B40B89C97A0AE0D35C0', 'Plage Des Roches Noires',
         'Saint-Paul', '97460', '97415');
 
-
+REFRESH MATERIALIZED VIEW search_beaches;

backend/src/test/kotlin/fr/gouv/cacem/monitorenv/infrastructure/database/repositories/AbstractDBTests.kt

@@ -23,7 +23,7 @@ abstract class AbstractDBTests {
         @JvmStatic
         val container: GenericContainer<Nothing> =
             GenericContainer<Nothing>(
-                "ghcr.io/mtes-mct/monitorenv/monitorenv-database:pg17-postgis3.6.1-timescale2.24.0",
+                "ghcr.io/mtes-mct/monitorenv/monitorenv-database:pg17-postgis3.6.1-timescale2.24.0-contrib",
             ).apply {
                 withExposedPorts(5432)
                 withEnv("POSTGRES_DB", "testdb")

frontend/cypress/mappings/geoserver/beaches-search.json

@@ -13,7 +13,7 @@
         "equalTo": "GetFeature"
       },
       "typename": {
-        "equalTo": "monitorenv:beaches"
+        "equalTo": "monitorenv:search_beaches"
       },
       "outputFormat": {
         "equalTo": "application/json"

frontend/src/api/beachesAPI.ts

@@ -25,15 +25,17 @@ export const getBeachesFromAPI = async (query: string | undefined) => {
   const conditions = searchQueries.map(searchQuery => {
     const sanitizedQuery = sanitizeQuery(searchQuery)
 
-    return `(name ILIKE '%${sanitizedQuery}%' OR official_name ILIKE '%${sanitizedQuery}%' OR postcode ILIKE '%${sanitizedQuery}%')`
+    return `(unaccent_name ILIKE '%${sanitizedQuery}%' OR unaccent_official_name ILIKE '%${sanitizedQuery}%' OR postcode ILIKE '%${sanitizedQuery}%')`
   })
   const cqlFilter = conditions.join(' AND ')
 
   return fetch(
     `${geoserverURL}/geoserver/wfs?service=WFS&` +
       `version=1.1.0&request=GetFeature&typename=${
         import.meta.env.FRONTEND_GEOSERVER_NAMESPACE
-      }:beaches&outputFormat=application/json&srsname=${WSG84_PROJECTION}&CQL_FILTER=${encodeURIComponent(cqlFilter)}`
+      }:search_beaches&outputFormat=application/json&srsname=${WSG84_PROJECTION}&CQL_FILTER=${encodeURIComponent(
+        cqlFilter
+      )}`
   )
     .then(response => {
       if (response.status === OK) {

frontend/src/features/LocateOnMap/SearchLocation.tsx

@@ -26,7 +26,7 @@ export function SearchLocation() {
     }
     let extent: Extent | undefined
 
-    if (location.id.startsWith('beaches')) {
+    if (location.id.startsWith('search_beaches')) {
       const selectedBeach = beaches.find(beach => beach.id === location.id)
       if (selectedBeach) {
         extent = transformExtent(selectedBeach.bbox, WSG84_PROJECTION, OPENLAYERS_PROJECTION)

infra/init/geoserver_init_layers.sh

@@ -347,9 +347,9 @@ EOF
 curl -v -u ${GEOSERVER_ADMIN_USER}:${GEOSERVER_ADMIN_PASSWORD} -X POST http://${GEOSERVER_HOST}:${GEOSERVER_PORT}/geoserver/rest/workspaces/monitorenv/datastores/monitorenv_postgis/featuretypes -H  "accept: text/html" -H  "content-type: application/json" -d @- << EOF
 {
   "featureType": {
-    "name": "beaches",
-    "nativeName": "beaches",
-    "title": "beaches",
+    "name": "search_beaches",
+    "nativeName": "search_beaches",
+    "title": "search_beaches",
     "nativeCRS": "EPSG:4326",
     "srs": "EPSG:4326",
     "enabled": true,