@domql/router 2.0.5 → 2.2.3

package/index.js

@@ -1,18 +1,35 @@
 'use strict'
 
-export const splitRoute = (route = window.location.pathname) => route.slice(1).split('/')
+export const splitRoute = (route = window.location.pathname) => route.split('/')
 
 export const router = (rootElement, path, state = {}, level = 0, pushState = true) => {
   const route = path || window.location.pathname
+
+  if (path.slice(0, 1) === '#') {
+    window.location.hash = path
+  }
+
   const routes = splitRoute(route)
+  let currentRoute = routes[level + 1]
 
-  const content = rootElement.routes[`/${routes[level]}`]
+  const hasHash = currentRoute.split('#')
+  if (hasHash[1]) currentRoute = hasHash[0]
+
+  const content = rootElement.routes[`/${currentRoute}`]
 
   if (content) {
-    if (pushState) window.history.pushState(state, null, route)
-    rootElement.set({ proto: content })
-      .node.scrollIntoView({ behavior: 'smooth' })
+    currentRoute = `/${currentRoute}`
+    if (hasHash[1]) currentRoute += `#${hasHash[1]}`
+    if (pushState) window.history.pushState(state, null, currentRoute)
+
+    const newContent = rootElement.set({ proto: content }).content.node
+    newContent.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    console.log(newContent)
+    if (hasHash[1]) {
+      // window.location.hash = hasHash[1]
+      document.getElementById(hasHash[1]).scrollIntoView({ behavior: 'smooth', block: 'start' })
+    }
   }
 
-  if (level === 0) rootElement.state.update({ activePage: routes[level] })
+  if (level === 0) rootElement.state.update({ currentRoute })
 }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@domql/router",
-  "version": "2.0.5",
+  "version": "2.2.3",
   "main": "index.js",
   "license": "MIT",
   "scripts": {
     "vpatch": "npm version patch && npm publish --access public"
   },
-  "gitHead": "50bbcf385b1164bb3f0c2eb7a4d7d1bc28ca7752",
+  "gitHead": "140b4437092d6a5efaf99cc32f04fedd55faac0c",
   "source": "index.js"
 }