@autobusal/routes-search 1.3.0 → 1.3.2

package/RoutesSearch.tsx

@@ -152,6 +152,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
               <Autocomplete
                 key={ `from-${ picked.from ?? '' }` }
                 name="from"
+                label={ t('routes_search.from', { ns: 'common' }) }
                 defaultValue={ picked.from ?? from }
                 data={ cities }
                 validation="required"
@@ -173,6 +174,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
               <Autocomplete
                 key={ `to-${ picked.to ?? '' }` }
                 name="to"
+                label={ t('routes_search.to', { ns: 'common' }) }
                 defaultValue={ picked.to ?? to }
                 data={ cities }
                 validation="required"
@@ -198,6 +200,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
             <Calendar
               type="picker"
               name="departure"
+              label={ t('routes_search.departure', { ns: 'common' }) }
               defaultValue={ departure }
               t={ t }
               validation="required"
@@ -225,6 +228,7 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
               <Calendar
                 type="picker"
                 name="_return"
+                label={ t('routes_search.return', { ns: 'common' }) }
                 defaultValue={ _return }
                 minDate={ departureDate }
                 t={ t }
@@ -242,7 +246,8 @@ const RoutesSearch = ({ type, from, to, departure, _return, adultsNo, childrenNo
           <Item>
             <Title>{ t('routes_search.passengers', { ns: 'common' }) }</Title>
 
-            <Passengers 
+            <Passengers
+              label={ t('routes_search.passengers', { ns: 'common' }) }
               defaultAdults={ adultsNo }
               defaultChildren={ childrenNo }
               defaultBabies={ babiesNo }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/routes-search",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"

package/utilities.ts

@@ -6,15 +6,41 @@ export const getCities = (cities: CityData[], t: TFunction<'common'>): Autocompl
   const data: AutocompleteData[] = [];
 
   cities.forEach(city => {
+    /*
+     * Claude - Date: 2026-08-21
+     *
+     * Every spelling this place answers to, so the box matches what the
+     * visitor TYPES rather than what their interface language happens to
+     * call the place. `aliases` comes from /api/cities/browse and holds the
+     * name in all 15 languages plus historical and colloquial variants -
+     * "Solun", "Selanik", "Θεσσαλονίκη" and "Salonic" all reach
+     * Thessaloniki. The country name and the slug go in too: the slug is
+     * what appears in the URL, so somebody pasting or half-remembering one
+     * finds the city.
+     *
+     * These are NEVER displayed - `name` is what shows, resolved to the
+     * visitor's own language server-side.
+     */
+    const search = [
+      ...(city.aliases ?? []),
+      city.country?.name ?? '',
+      city.slug
+    ].filter(Boolean);
+
     data.push({
       name: `${ city.name }, ${ city.country?.name ?? '' } (${ t('all_stations', { ns: 'common' }) })`,
-      value: `${ city.slug }`
+      value: `${ city.slug }`,
+      search
     });
 
     city.stops?.forEach(stop => {
       data.push({
         name: `${ city.name }, ${ city.country?.name ?? '' } (${ stop.name })`,
-        value: `${ city.slug }:${ stop.id }`
+        value: `${ city.slug }:${ stop.id }`,
+        // the stop's own name as well - station names are not translated
+        // (they are what is written on the building) but they are certainly
+        // searched for
+        search: [ ...search, stop.name ]
       });
     });
   });