@domql/router 2.5.57 → 2.5.82

package/dist/cjs/index.js

@@ -51,7 +51,7 @@ const defaultOptions = {
 const router = (path, element, state = {}, passedOptions = {}) => {
   const options = { ...defaultOptions, ...element.context.routerOptions, ...passedOptions };
   lastLevel = options.lastLevel;
-  const newElementKey = options.newElementKey;
+  const contentElementKey = options.contentElementKey;
   const [pathname, hash] = path.split("#");
   const rootNode = element.node;
   const route = getActiveRoute(options.level, pathname);
@@ -60,22 +60,22 @@ const router = (path, element, state = {}, passedOptions = {}) => {
   const hashChanged = hash && hash !== import_utils.window.location.hash.slice(1);
   const pathChanged = pathname !== lastPathname;
   lastPathname = pathname;
-  if (!content)
+  if (!content || element.state.root.debugging)
     return;
   if (options.pushState) {
     import_utils.window.history.pushState(state, null, pathname + (hash ? `#${hash}` : ""));
   }
   if (pathChanged || !hashChanged) {
     if (options.updateState) {
-      element.state.update({ route, hash }, { preventContentUpdate: true });
+      element.state.update({ route, hash, debugging: false }, { preventContentUpdate: true });
     }
-    if (newElementKey && options.removeOldElement) {
-      element[newElementKey].remove();
+    if (contentElementKey && options.removeOldElement) {
+      element[contentElementKey].remove();
     }
     element.set({
       tag: options.useFragment && "fragment",
       extend: content
-    }, { newElementKey });
+    }, { contentElementKey });
   }
   if (options.scrollToTop) {
     scrollNode.scrollTo({

package/index.js

@@ -34,7 +34,7 @@ export const router = (
 ) => {
   const options = { ...defaultOptions, ...element.context.routerOptions, ...passedOptions }
   lastLevel = options.lastLevel
-  const newElementKey = options.newElementKey
+  const contentElementKey = options.contentElementKey
 
   const [pathname, hash] = path.split('#')
 
@@ -46,24 +46,24 @@ export const router = (
   const pathChanged = pathname !== lastPathname
   lastPathname = pathname
 
-  if (!content) return
+  if (!content || element.state.root.debugging) return
   if (options.pushState) {
     window.history.pushState(state, null, pathname + (hash ? `#${hash}` : ''))
   }
 
   if (pathChanged || !hashChanged) {
     if (options.updateState) {
-      element.state.update({ route, hash }, { preventContentUpdate: true })
+      element.state.update({ route, hash, debugging: false }, { preventContentUpdate: true })
     }
 
-    if (newElementKey && options.removeOldElement) {
-      element[newElementKey].remove()
+    if (contentElementKey && options.removeOldElement) {
+      element[contentElementKey].remove()
     }
 
     element.set({
       tag: options.useFragment && 'fragment',
       extend: content
-    }, { newElementKey })
+    }, { contentElementKey })
   }
 
   if (options.scrollToTop) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domql/router",
-  "version": "2.5.57",
+  "version": "2.5.82",
   "license": "MIT",
   "type": "module",
   "module": "dist/esm/index.js",
@@ -15,7 +15,7 @@
   ],
   "scripts": {
     "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "npx esbuild *.js --target=es2019 --format=esm --outdir=dist/esm",
+    "build:esm": "npx esbuild *.js --target=es2017 --format=esm --outdir=dist/esm",
     "build:cjs": "npx esbuild *.js --target=node16 --format=cjs --outdir=dist/cjs",
     "build:iife": "npx esbuild *.js --target=node16 --format=iife --outdir=dist/iife",
     "build": "yarn build:cjs",
@@ -25,7 +25,7 @@
     "@domql/globals": "latest",
     "@domql/utils": "latest"
   },
-  "gitHead": "f479a1805e3de4f53d9b3392bfe93b9d735c948c",
+  "gitHead": "d459c82294b8af698a706e4310cce67878e0969f",
   "devDependencies": {
     "@babel/core": "^7.12.0"
   }