@symbo.ls/router 2.12.111 → 2.12.113

package/index.js

@@ -1,15 +1,23 @@
 'use strict'
 
 import * as utils from '@domql/utils'
-const { setCookie, merge } = (utils.default || utils)
+const { setCookie, merge } = utils.default || utils
 
-export const getLocationPath = (index = 0, route = window.location.pathname) => {
+export * from './location.js'
+
+export const getLocationPath = (
+  index = 0,
+  route = window.location.pathname
+) => {
   const routeArray = route.split('/')
   const activeRoute = routeArray[index + 1]
   if (activeRoute) return `/${activeRoute}`
 }
 
-export const getLastLocationPath = (level = 0, route = window.location.pathname) => {
+export const getLastLocationPath = (
+  level = 0,
+  route = window.location.pathname
+) => {
   const routeArray = route.split('/')
   const activeRoute = routeArray[routeArray.length - level - 1]
   if (activeRoute) return `/${activeRoute}`
@@ -41,12 +49,7 @@ const defaultOptions = {
   scrollToOptions: { behavior: 'smooth' }
 }
 
-export function router (
-  path = '/',
-  el,
-  state = {},
-  passedOptions = {}
-) {
+export function router (path = '/', el, state = {}, passedOptions = {}) {
   const element = el || (this && this.getRoot())
   const options = merge(passedOptions, defaultOptions)
   lastLevel = options.level
@@ -71,17 +74,30 @@ export function router (
 
   const content = element.routes[routeInContent] || element.routes['/*']
 
-  const wasModal = element.call('isModalRoute', options.window.location.pathname.split('#')[0])
+  const wasModal = element.call(
+    'isModalRoute',
+    options.window.location.pathname.split('#')[0]
+  )
   const isInitial = options.initialRender
   const hashChanged = hash && hash !== options.window.location.hash
   const pathChanged = pathname !== lastPathname
   lastPathname = pathname
 
-  if (!content || (element.state.root.debugging && !options.allowRouterWhileInspect)) return
+  if (
+    !content ||
+    (element.state.root.debugging && !options.allowRouterWhileInspect)
+  ) {
+    return
+  }
   if (options.pushState) {
-    options.window.history.pushState({
-      prevUrl: options.window.location.href, ...state
-    }, null, route + (search ? `${search}` : '') + (hash ? `${hash}` : ''))
+    options.window.history.pushState(
+      {
+        prevUrl: options.window.location.href,
+        ...state
+      },
+      null,
+      route + (search ? `${search}` : '') + (hash ? `${hash}` : '')
+    )
   }
 
   const isModal = !!element.call('isModalRoute', pathname)
@@ -91,53 +107,73 @@ export function router (
     //  || (!rootRouteHasChanged && { preventUpdateTriggerStateUpdate: true, preventContentUpdate: true })
 
     if (options.updateState) {
-      element.state.update({ route, hash, routeInContent, debugging: false }, {
-        preventUpdate: options.preventUpdate,
-        updateByRouter: true,
-        onlyUpdate: isModal && 'Modal',
-        ...options.updateStateOptions
-      })
+      element.state.update(
+        { route, hash, routeInContent, debugging: false },
+        {
+          preventUpdate: options.preventUpdate,
+          updateByRouter: true,
+          onlyUpdate: isModal && 'Modal',
+          ...options.updateStateOptions
+        }
+      )
     }
 
     const hasSet = isInitial || (!isInitial && !isModal)
     if (hasSet) {
       if (options.forceContentUpdate || (!isInitial && wasModal)) {
-        element.content.update({}, {
-          preventUpdate: options.preventUpdate
-        })
+        element.content.update(
+          {},
+          {
+            preventUpdate: options.preventUpdate
+          }
+        )
       } else {
-        element.set({
-          tag: options.useFragment && 'fragment',
-          extend: content
-        }, {
-        // ...(!isInitial && wasModal && !options.forceContentUpdate && { preventContentUpdate: true }),
-          preventUpdate: options.preventUpdate,
-          ...options.setOptions
-        })
+        element.set(
+          {
+            tag: options.useFragment && 'fragment',
+            extend: content
+          },
+          {
+            // ...(!isInitial && wasModal && !options.forceContentUpdate && { preventContentUpdate: true }),
+            preventUpdate: options.preventUpdate,
+            ...options.setOptions
+          }
+        )
       }
-      element.content.__ref.__componentKey = route
+      if (element.content) element.content.__ref.__componentKey = route
     }
   }
 
   const rootNode = element.node
-  const scrollNode = options.scrollDocument ? options.window.document.documentElement : rootNode
+  const scrollNode = options.scrollDocument
+    ? options.window.document.documentElement
+    : rootNode
   if (options.scrollToTop) {
     scrollNode.scrollTo({
-      ...(options.scrollToOptions || {}), top: 0, left: 0
+      ...(options.scrollToOptions || {}),
+      top: 0,
+      left: 0
     })
   }
   if (options.scrollToNode) {
     content.content.node.scrollTo({
-      ...(options.scrollToOptions || {}), top: 0, left: 0
+      ...(options.scrollToOptions || {}),
+      top: 0,
+      left: 0
     })
   }
 
   if (hash) {
     const activeNode = options.window.document.getElementById(hash.slice(1))
     if (activeNode) {
-      const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0
+      const top =
+        activeNode.getBoundingClientRect().top +
+          rootNode.scrollTop -
+          options.scrollToOffset || 0
       scrollNode.scrollTo({
-        ...(options.scrollToOptions || {}), top, left: 0
+        ...(options.scrollToOptions || {}),
+        top,
+        left: 0
       })
     }
   }

package/location.js

@@ -0,0 +1,7 @@
+'use strict'
+
+export const onLeave = msg => {
+  window.onbeforeunload = function () {
+    return msg || 'Are you sure you want to leave?'
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/router",
-  "version": "2.12.111",
+  "version": "2.12.113",
   "main": "index.js",
   "license": "MIT",
   "type": "module",
@@ -12,6 +12,6 @@
     "@domql/utils": "latest",
     "@symbo.ls/auth-redirect": "latest"
   },
-  "gitHead": "ead7b40e059bcf0f3f8afacdf108e90c57ea6a2f",
+  "gitHead": "80b9cba1ca65e6636085e7c58dbeb062f923fdd7",
   "source": "index.js"
 }