fix: redirect old hash-based /packages#query= URLs to query string

Author: pierres

src/compare-packages-redirect.ts

@@ -1,4 +1,4 @@
-function syncAndRedirect(): void {
+function redirectComparePackagesHash(): void {
     const { pathname, hash, origin } = window.location;
     if (pathname.replace(/\/$/, "") !== "/compare/packages") {
         return;
@@ -19,4 +19,4 @@ function syncAndRedirect(): void {
     }
 }
 
-syncAndRedirect();
+redirectComparePackagesHash();

src/main.ts

@@ -4,3 +4,4 @@ import "./components/popularity-chart.ts";
 import "./components/country-map.ts";
 import "./components/swagger-ui.ts";
 import "./compare-packages-redirect";
+import "./packages-redirect";

src/packages-redirect.ts

@@ -0,0 +1,21 @@
+function redirectPackagesHash(): void {
+    const { pathname, hash, origin } = window.location;
+    if (pathname.replace(/\/$/, "") !== "/packages") {
+        return;
+    }
+
+    const params = new URLSearchParams(hash.replace(/^#/, ""));
+    const query = params.get("query");
+    if (query) {
+        const newUrl = `${origin}/packages?query=${encodeURIComponent(query)}`;
+
+        const canonical = document.querySelector('link[rel="canonical"]');
+        if (canonical) {
+            canonical.setAttribute("href", newUrl);
+        }
+
+        window.location.replace(newUrl);
+    }
+}
+
+redirectPackagesHash();