@autobusal/common 1.5.1 → 1.6.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to `@autobusal/common` are documented here. This project follows
 [Keep a Changelog](https://keepachangelog.com/) and [Semantic Versioning](https://semver.org/).
 
+## [1.6.0] - 2026-07-30
+
+### Added
+
+- **`Meta` now emits a canonical `<link>` and `og:url` on every page by
+  default**, even when the caller passes no `url` prop - previously `url`
+  was never passed at any of this component's ~136 call sites across both
+  apps, so no page anywhere had a canonical tag. Defaults to the current
+  path (`location.pathname`, via `react-router-dom`'s `useLocation`) with
+  the origin prepended - query strings are naturally excluded, so a search
+  results page with `?sfrom=X&sto=Y` or a paginated `?page=N` correctly
+  canonicalizes to its bare path instead of creating unbounded near-duplicate
+  URLs. `url` can still be passed explicitly to override.
+
 ## [1.5.1] - 2026-07-30
 
 ### Fixed

package/Meta.tsx

@@ -1,4 +1,5 @@
 import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
 
 interface Props {
   title: string
@@ -52,8 +53,26 @@ const useSoleTitleOwnership = (fullTitle: string): void => {
   });
 };
 
+// `url` was never passed at any of this component's ~136 call sites across
+// both apps - every page shipped with no canonical tag at all, which is a
+// real problem given the 9-segment /bus-lines search URLs and ?sfrom=/?sto=/
+// ?page= parameters create effectively unbounded near-duplicate-content URL
+// space. Rather than thread an explicit `url` through every single call site
+// (easy to miss, easy to get subtly wrong per-page), default it to the
+// current path - React Router's `location.pathname` naturally excludes the
+// query string, so a search results page with ?sfrom=X&sto=Y canonicalizes
+// to its bare /bus-lines/{from}/{to}/... path, and a static page's own path
+// is already the correct canonical. Callers can still pass `url` explicitly
+// to override (e.g. to canonicalize a paginated URL back to page 1).
+const useCanonicalUrl = (explicit?: string): string => {
+  const location = useLocation();
+
+  return explicit ?? `${ window.location.origin }${ location.pathname }`;
+};
+
 const Meta = ({ title, keywords, description, image, url, type = 'website', noIndex = false, children }: Props): JSX.Element => {
   const fullTitle = withBrand(title);
+  const canonicalUrl = useCanonicalUrl(url);
 
   useSoleTitleOwnership(fullTitle);
 
@@ -67,14 +86,14 @@ const Meta = ({ title, keywords, description, image, url, type = 'website', noIn
       {/* Standard Meta Tags */}
       { keywords && <meta name="keywords" content={ keywords } /> }
       { description && <meta name="description" content={ description } /> }
-      { url && <link rel="canonical" href={ url } /> }
+      <link rel="canonical" href={ canonicalUrl } />
 
       {/* Open Graph / Facebook */}
       <meta property="og:type" content={ type } />
       <meta property="og:title" content={ fullTitle } />
       { description && <meta property="og:description" content={ description } /> }
       { image && <meta property="og:image" content={ image } /> }
-      { url && <meta property="og:url" content={ url } /> }
+      <meta property="og:url" content={ canonicalUrl } />
       { brand && <meta property="og:site_name" content={ brand } /> }
 
       {/* Twitter */}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.5.1",
+  "version": "1.6.0",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"