router-dom - npm Package Compare versions

Comparing version 3.0.1 to 3.0.2

dist/router.js

@@ -133,9 +133,9 @@ import { pathToRegexp, match } from "path-to-regexp";
                 }
+                const where = route.isChildOf
+                    ? $(outletSelector).querySelector(outletSelector)
+                    : $(outletSelector);
                 if (route?.templateUrl) {
-                    await handleTemplate(route, $(outletSelector).querySelector(outletSelector) ??
-                        $(outletSelector));
+                    await handleTemplate(route, where);
                 }
                 else if (route?.element) {
-                    const where = $(outletSelector).querySelector(outletSelector) ??
-                        $(outletSelector);
                     const copy = where.cloneNode();
@@ -298,3 +298,3 @@ copy.append(html `${route.element}`);
     if (!fetchCache.has(route) || cacheObj?.promise === null) {
-        cacheObj.controller?.abort();
+        cacheObj?.controller?.abort();
         const data = await fetch(route.templateUrl);
@@ -301,0 +301,0 @@ if (!cacheObj) {

package.json

 {
   "name": "router-dom",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "A lightweight router for everyone",
@@ -29,6 +29,6 @@ "type": "module",
     "@esm-bundle/chai": "^4.3.4",
-    "@web/test-runner": "^0.19.0",
+    "@web/test-runner": "^0.20.0",
     "@web/test-runner-playwright": "^0.11.0",
-    "esbuild": "^0.24.0",
-    "typescript": "^5.6.2"
+    "esbuild": "^0.25.0",
+    "typescript": "^5.7.3"
   },
@@ -41,5 +41,5 @@ "repository": {
   "dependencies": {
-    "hydro-js": "^1.5.21",
+    "hydro-js": "^1.5.22",
     "path-to-regexp": "6.3.0"
   }
 }

src/router.ts

@@ -167,12 +167,8 @@ import type { MatchResult } from "path-to-regexp";
 
+        const where = route.isChildOf
+          ? $(outletSelector)!.querySelector(outletSelector)!
+          : $(outletSelector)!;
         if (route?.templateUrl) {
-          await handleTemplate(
-            route,
-            $(outletSelector)!.querySelector(outletSelector) ??
-              $(outletSelector)!
-          );
+          await handleTemplate(route, where);
         } else if (route?.element) {
-          const where =
-            $(outletSelector)!.querySelector(outletSelector) ??
-            $(outletSelector)!;
           const copy = where.cloneNode();
@@ -348,3 +344,3 @@ (copy as Element).append(html`${route.element}`);
   if (!fetchCache.has(route) || cacheObj?.promise === null) {
-    cacheObj!.controller?.abort();
+    cacheObj?.controller?.abort();
 
@@ -351,0 +347,0 @@ const data = await fetch(route.templateUrl!);

No alert changes

Worsened metrics

Total package byte prevSize

62807

decreased by-0.26%

Lines of code

750

decreased by-0.53%

Dependency changes

• Updatedhydro-js@^1.5.22