@autobusal/routes-order 1.6.1 → 1.7.0

package/CHANGELOG.md

@@ -3,6 +3,37 @@
 All notable changes to this package are documented here. This project follows
 [Keep a Changelog](https://keepachangelog.com/) and [Semantic Versioning](https://semver.org/).
 
+## [1.7.0] - 2026-07-30
+
+### Added
+
+- **Per-pair `<title>`/description for `/bus-lines/:from/:to`.** Every
+  route-pair search page previously shared one static generic
+  title/description (`routes_order.title`/`meta.description`) regardless
+  of which cities were being searched - hundreds of near-duplicate-content
+  pages, invisible to search engines as distinct pages, even though
+  obtapi's `Route::linkPurchase()` and the sitemap already point directly
+  at specific pairs. Now resolves `:from`/`:to` against
+  `routes-search`'s own city list (same cached query `<RoutesSearch>`
+  already uses - no extra fetch) and renders real
+  `routes_order.title_pair`/`meta.description_pair` templates (all 15
+  languages) when both resolve, falling back to the generic copy for the
+  bare `/bus-lines` search form.
+
+## [1.6.2] - 2026-07-30
+
+### Fixed
+
+- **The full 9-segment `/bus-lines/:from/:to/:departure/:_return/:type/:adults/:children/:babies`
+  URL only auto-searched if a `?type=submit` query param was also present**
+  (`Step1/Step1.tsx`) - set only when the in-app search form navigated here
+  itself. Every OTHER way of reaching this URL - obtapi's
+  `Route::linkPurchase()` (which generates exactly this path with no query
+  param), a shared link, a search engine crawling it - rendered nothing but
+  the empty search form despite the URL already carrying a complete search
+  spec. Now also auto-searches whenever `:departure` is present in the path,
+  which only the full 9-segment route ever populates.
+
 ## [1.6.1] - 2026-07-27
 
 ### Added

package/RoutesOrder.tsx

@@ -1,6 +1,8 @@
 import { useState } from 'react';
+import { useParams } from 'react-router-dom';
 import { TFunction } from 'i18next';
 import { Meta } from '@autobusal/common';
+import { useGetSuggestions } from '@autobusal/routes-search/services';
 import Step1 from './Step1/Step1';
 import Step2 from './Step2';
 import Step3 from './Step3';
@@ -15,6 +17,30 @@ interface Props {
 }
 
 const RoutesOrder = ({ t }: Props): JSX.Element => {
+  const params = useParams();
+
+  // `/bus-lines/:from/:to[...]` shared one static title/description across
+  // every single from-to pair - hundreds of near-duplicate-content search
+  // pages, invisible to search engines as distinct content, even though
+  // obtapi's Route::linkPurchase() and the sitemap already point directly
+  // at specific pairs. `useGetSuggestions` (routes-search's own city
+  // autocomplete data) is reused here rather than a new fetch - Step1's
+  // own <RoutesSearch> below hits the same cached query, so this costs
+  // nothing extra. Falls back to the generic copy for the bare /bus-lines
+  // search form (no :from/:to params yet) or if a slug doesn't resolve.
+  const { data: cities } = useGetSuggestions();
+
+  const fromCity = cities.find(city => city.slug === params.from);
+  const toCity = cities.find(city => city.slug === params.to);
+
+  const title = fromCity && toCity
+    ? t('routes_order.title_pair', { from: fromCity.name, to: toCity.name })
+    : t('routes_order.title');
+
+  const description = fromCity && toCity
+    ? t('routes_order.meta.description_pair', { from: fromCity.name, to: toCity.name })
+    : t('routes_order.meta.description');
+
   const [ redirected, setRedirected ] = useState<boolean>(false);
   const [ current, setCurrent ] = useState<number>(1);
   const [ step1, setStep1 ] = useState<RoutesSearchForm | undefined>(undefined);
@@ -70,7 +96,7 @@ const RoutesOrder = ({ t }: Props): JSX.Element => {
   const showStep5 = current === 5 && step1 !== undefined && step2 !== undefined && step4 !== undefined;
 
   return (
-    <Meta title={ t('routes_order.title') } description={ t('routes_order.meta.description') }>
+    <Meta title={ title } description={ description }>
       { showStep1 && (
         <Step1
           value={ step1 }

package/Step1/Step1.tsx

@@ -25,7 +25,17 @@ const Step1 = ({ value, redirected, t, onSave }: Props): JSX.Element => {
 
   const prepared = prepare(value, params, searchParams, data.preferences.defaultLocations);
 
-  const isSubmitted = searchParams.get('type') === 'submit';
+  // Two ways this page ends up with a complete search spec:
+  // 1. `?type=submit` - set by the in-app search form (home/Main/Main.tsx)
+  //    when it navigates here itself.
+  // 2. `:departure` present in the URL path - the full 9-segment route
+  //    (/bus-lines/:from/:to/:departure/:_return/:type/:adults/:children/:babies)
+  //    already carries a complete search spec with no query param needed.
+  //    This is how obtapi's Route::linkPurchase() generates links, and how
+  //    anyone (a search engine, a shared link) reaches this URL directly -
+  //    previously only case 1 triggered a search, so every one of those
+  //    deep links rendered nothing but the empty search form.
+  const isSubmitted = searchParams.get('type') === 'submit' || params.departure !== undefined;
 
   useEffect(() => {
     if (isSubmitted && !redirected) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/routes-order",
-  "version": "1.6.1",
+  "version": "1.7.0",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"