@symbo.ls/router 2.12.60 → 2.12.62

package/index.js

@@ -3,8 +3,7 @@
 import { setCookie } from '@domql/cookie'
 import { redirectBasedOnAuth } from '@symbo.ls/auth-redirect'
 import { isModalRoute } from '@symbo.ls/platform-utils'
-
-const { location } = window
+import { deepMerge } from '@domql/utils'
 
 export const getActiveRoute = (level = 0, route = window.location.pathname) => {
   const routeArray = route.split('/')
@@ -31,6 +30,13 @@ const defaultOptions = {
   useFragment: false,
   authCheck: true,
   updateState: true,
+  updateStateOptions: {
+    preventUpdateTriggerStateUpdate: true,
+    preventContentUpdate: true,
+    preventUpdate: ['Modal', 'MainHeaderCaptions', 'HeaderSubAside']
+  },
+  preventUpdate: ['MainHeaderCaptions', 'HeaderSubAside'],
+  setOptions: {},
   scrollToOffset: 120,
   scrollToOptions: { behavior: 'smooth' }
 }
@@ -41,7 +47,7 @@ export const router = (
   state = {},
   passedOptions = {}
 ) => {
-  const options = { ...defaultOptions, ...passedOptions }
+  const options = deepMerge(passedOptions, defaultOptions)
   lastLevel = options.level
 
   const [pathname, hash] = path.split('#')
@@ -59,11 +65,11 @@ export const router = (
   const route = routeArray.join('/').replace('//', '/')
   const routeInContent = `/${routeArray[lastLevel + 1] || ''}`
 
-  const isPreview = location.pathname.includes('/preview')
+  // const isPreview = location.pathname.includes('/editor')
 
   const content = element.routes[routeInContent] || element.routes['/*']
 
-  const wasModal = isModalRoute(location.pathname.split('#')[0], element)
+  const wasModal = isModalRoute(window.location.pathname.split('#')[0], element)
   const isInitial = options.initialRender
   const hashChanged = hash && hash !== window.location.hash.slice(1)
   const pathChanged = pathname !== lastPathname
@@ -84,27 +90,31 @@ export const router = (
     //  || (!rootRouteHasChanged && { preventUpdateTriggerStateUpdate: true, preventContentUpdate: true })
 
     if (options.updateState) {
-      element.state.update({
-        route, hash, routeInContent
-      }, {
-        preventUpdateTriggerStateUpdate: true,
-        preventContentUpdate: true,
-        preventUpdate: ['Modal', 'MainHeaderCaptions', 'HeaderSubAside']
+      element.state.update({ route, hash, routeInContent }, {
+        preventUpdate: options.preventUpdate,
+        ...options.updateStateOptions
       })
     }
 
     if (!isModal && element.Modal) {
       element.Modal.removeContent()
+    } else if (isModal && element.content?.Tabs) {
+      element.content.Tabs.update()
     }
 
     if (hasSet) {
-      element.set({
-        tag: options.useFragment && 'fragment',
-        extend: content
-      }, {
+      if (options.forceContentUpdate || (!isInitial && wasModal)) {
+        element.content.update()
+      } else {
+        element.set({
+          tag: options.useFragment && 'fragment',
+          extend: content
+        }, {
         // ...(!isInitial && wasModal && !options.forceContentUpdate && { preventContentUpdate: true }),
-        preventUpdate: ['MainHeaderCaptions', 'HeaderSubAside']
-      })
+          preventUpdate: options.preventUpdate,
+          ...options.setOptions
+        })
+      }
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/router",
-  "version": "2.12.60",
+  "version": "2.12.62",
   "main": "index.js",
   "license": "MIT",
   "scripts": {
@@ -11,6 +11,6 @@
     "@domql/utils": "latest",
     "@symbo.ls/auth-redirect": "latest"
   },
-  "gitHead": "fb7db9d1214620c4cd3c107c4d9bd296b7d90f66",
+  "gitHead": "c4a5ed5b900cf83573a4b15c5c86dc4a568fd589",
   "source": "index.js"
 }