@symbo.ls/router 3.14.1 → 3.14.3

package/CHANGELOG.md

@@ -0,0 +1,21 @@
+# @symbo.ls/router
+
+## 3.14.3
+
+### Patch Changes
+
+- Manual patch bump triggered via workflow_dispatch (scope: @symbo.ls).
+  No source change behind this bump — released to refresh dist or
+  coordinate a cross-package version line.
+- Updated dependencies
+  - @symbo.ls/element@3.14.6
+  - @symbo.ls/utils@3.14.5
+
+## 3.14.1
+
+### Patch Changes
+
+- Auto-generated patch release for changed packages.
+- Updated dependencies
+  - @symbo.ls/element@3.14.3
+  - @symbo.ls/utils@3.14.2

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";var w=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var G=Object.prototype.hasOwnProperty;var Q=(e,o)=>{for(var r in o)w(e,r,{get:o[r],enumerable:!0})},D=(e,o,r,s)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of z(o))!G.call(e,t)&&t!==r&&w(e,t,{get:()=>o[t],enumerable:!(s=$(o,t))||s.enumerable});return e};var H=e=>D(w({},"__esModule",{value:!0}),e);var tt={};Q(tt,{default:()=>Z,getActiveRoute:()=>q,lastLevel:()=>K,lastPathname:()=>C,matchRoute:()=>F,parseQuery:()=>L,parseRoutePattern:()=>B,router:()=>N,runGuards:()=>k});module.exports=H(tt);var i=require("@symbo.ls/utils");const M=/^:(.+)/,A=/^\*$/,U=new Map,B=e=>{const o=U.get(e);if(o)return o;const r=e.replace(/^\//,"").split("/"),s=[];let t=!1;for(let c=0;c<r.length;c++){const n=r[c].match(M);n?s.push({index:c,name:n[1]}):A.test(r[c])&&(t=!0)}const a={segments:r,params:s,hasWildcard:t,pattern:e};return U.set(e,a),a},F=(e,o,r=0)=>{const t=e.replace(/^\//,"").split("/").filter(Boolean).slice(r),a="/"+(t[0]||"");let c=null,n=-1,g={};for(const u in o){if(u==="/*")continue;const x=B(u),v=J(t,x);v>n&&(n=v,c=u,g=V(t,x))}return!c&&o["/*"]&&(c="/*"),{key:c,content:c?o[c]:null,params:g,routePath:a}},J=(e,o)=>{const{segments:r,hasWildcard:s}=o;if(!s&&r.length!==e.length&&r.length!==1&&r.length>e.length)return-1;let t=0;const a=Math.min(r.length,e.length);for(let c=0;c<a;c++)if(r[c]===e[c])t+=3;else if(M.test(r[c]))t+=1;else if(A.test(r[c]))t+=.5;else return-1;return t},V=(e,o)=>{const r={};for(const{index:s,name:t}of o.params)e[s]&&(r[t]=decodeURIComponent(e[s]));return r},L=e=>{if(!e||e==="?")return{};const o={};return new URLSearchParams(e).forEach((s,t)=>{o[t]!==void 0?(Array.isArray(o[t])||(o[t]=[o[t]]),o[t].push(s)):o[t]=s}),o},k=async(e,o)=>{if(!e||!e.length)return!0;for(const r of e){const s=await r(o);if(s===!1)return!1;if(typeof s=="string")return s}return!0},q=(e=0,o)=>{o||(o=typeof i.window<"u"?i.window.location.pathname:"/");const s=o.split("/")[e+1];if(s)return`/${s}`};let C,K=0;const X=e=>!e||e==="srcdoc"||e==="about:srcdoc"?"/":e,Y={level:K,pushState:!0,initialRender:!1,scrollToTop:!0,scrollToNode:!1,scrollNode:i.document&&i.document.documentElement,scrollBody:!1,useFragment:!1,updateState:!0,scrollToOffset:0,contentElementKey:"content",scrollToOptions:{behavior:"smooth"},useParamsMatching:!0},N=async(e,o,r={},s={})=>{const t=o||void 0,a=t?.context?.window||i.window,c=t?.context?.document||i.document,n={...Y,...t.context.routerOptions,...s};K=n.lastLevel;const g=t.__ref;(n.contentElementKey!=="content"&&n.contentElementKey!==g.contentElementKey||!g.contentElementKey)&&(g.contentElementKey=n.contentElementKey||"content");const u=g.contentElementKey||n.contentElementKey||"content",x=a.location.origin!=="null"?a.location.origin:"http://localhost";e=X(e);const v=new a.URL(x+e),{pathname:f,search:R,hash:y}=v,P=L(R),_=t.node,I=y&&y!==a.location.hash.slice(1),W=f!==C;C=f;let T,O,p,b;if(n.useParamsMatching){const l=F(f,t.routes,n.level);T=l.key,O=l.routePath,p=l.content,b=l.params}else T=q(n.level,f),O=T,p=t.routes[T||"/"]||t.routes["/*"],b={};const E=n.scrollToNode?_:n.scrollNode;if(t.state?.root?.debugging){t.state.root.debugging=!1;return}if(!p){n.onNotFound?n.onNotFound({pathname:f,route:T,element:t}):n.silent||console.warn("[smbls/router] no content matched for path",f,"\u2014 available routes:",Object.keys(t.routes||{}));return}if(n.guards&&n.guards.length){const l={pathname:f,route:T,params:b,query:P,hash:y,element:t,state:r},d=await k(n.guards,l);if(d===!1)return;if(typeof d=="string")return N(d,o,r,{...s,guards:[]})}if(n.pushState)try{a.history.pushState(r,null,f+(R||"")+(y||""))}catch{}if(W||!I){const l={route:T,routePath:O,hash:y,debugging:!1};Object.keys(b).length&&(l.params=b),Object.keys(P).length&&(l.query=P),n.updateState&&t.state.update(l,{preventContentUpdate:!0}),u&&n.removeOldElement&&t[u].remove();const d=t.__ref?.origin?.content,S={};if(d)for(const m in d){const h=d[m];m==="__ref"||m==="props"||m==="node"||m==="parent"||m==="key"||(typeof h=="string"||typeof h=="number"||typeof h=="boolean"||typeof h=="object"&&h!==null&&!h.node&&!h.__ref)&&(S[m]=h)}const j={...S,...typeof p=="object"?p:{extends:p}};n.useFragment&&(j.tag="fragment");try{t.set(j,{contentElementKey:u})}catch(m){console.error("[smbls/router] failed to render route content",f,m)}}if(n.scrollToTop&&E?.scrollTo&&E.scrollTo({...n.scrollToOptions||{},top:0,left:0}),n.scrollToNode&&p[u]?.node?.scrollTo&&p[u].node.scrollTo({...n.scrollToOptions||{},top:0,left:0}),y){const l=c.getElementById(y);if(l&&E?.scrollTo){const d=l.getBoundingClientRect().top+_.scrollTop-(n.scrollToOffset||0);E.scrollTo({...n.scrollToOptions||{},top:d,left:0})}}(0,i.triggerEventOn)("routeChanged",t,n)};var Z=N;

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{"type": "commonjs"}

package/dist/esm/index.js

@@ -0,0 +1 @@
+import{document as O,window as w,triggerEventOn as L}from"@symbo.ls/utils";const _=/^:(.+)/,S=/^\*$/,j=new Map,k=e=>{const n=j.get(e);if(n)return n;const r=e.replace(/^\//,"").split("/"),s=[];let t=!1;for(let c=0;c<r.length;c++){const o=r[c].match(_);o?s.push({index:c,name:o[1]}):S.test(r[c])&&(t=!0)}const a={segments:r,params:s,hasWildcard:t,pattern:e};return j.set(e,a),a},q=(e,n,r=0)=>{const t=e.replace(/^\//,"").split("/").filter(Boolean).slice(r),a="/"+(t[0]||"");let c=null,o=-1,h={};for(const i in n){if(i==="/*")continue;const b=k(i),x=I(t,b);x>o&&(o=x,c=i,h=W(t,b))}return!c&&n["/*"]&&(c="/*"),{key:c,content:c?n[c]:null,params:h,routePath:a}},I=(e,n)=>{const{segments:r,hasWildcard:s}=n;if(!s&&r.length!==e.length&&r.length!==1&&r.length>e.length)return-1;let t=0;const a=Math.min(r.length,e.length);for(let c=0;c<a;c++)if(r[c]===e[c])t+=3;else if(_.test(r[c]))t+=1;else if(S.test(r[c]))t+=.5;else return-1;return t},W=(e,n)=>{const r={};for(const{index:s,name:t}of n.params)e[s]&&(r[t]=decodeURIComponent(e[s]));return r},$=e=>{if(!e||e==="?")return{};const n={};return new URLSearchParams(e).forEach((s,t)=>{n[t]!==void 0?(Array.isArray(n[t])||(n[t]=[n[t]]),n[t].push(s)):n[t]=s}),n},z=async(e,n)=>{if(!e||!e.length)return!0;for(const r of e){const s=await r(n);if(s===!1)return!1;if(typeof s=="string")return s}return!0},G=(e=0,n)=>{n||(n=typeof w<"u"?w.location.pathname:"/");const s=n.split("/")[e+1];if(s)return`/${s}`};let M,A=0;const Q=e=>!e||e==="srcdoc"||e==="about:srcdoc"?"/":e,D={level:A,pushState:!0,initialRender:!1,scrollToTop:!0,scrollToNode:!1,scrollNode:O&&O.documentElement,scrollBody:!1,useFragment:!1,updateState:!0,scrollToOffset:0,contentElementKey:"content",scrollToOptions:{behavior:"smooth"},useParamsMatching:!0},U=async(e,n,r={},s={})=>{const t=n||void 0,a=t?.context?.window||w,c=t?.context?.document||O,o={...D,...t.context.routerOptions,...s};A=o.lastLevel;const h=t.__ref;(o.contentElementKey!=="content"&&o.contentElementKey!==h.contentElementKey||!h.contentElementKey)&&(h.contentElementKey=o.contentElementKey||"content");const i=h.contentElementKey||o.contentElementKey||"content",b=a.location.origin!=="null"?a.location.origin:"http://localhost";e=Q(e);const x=new a.URL(b+e),{pathname:u,search:C,hash:g}=x,E=$(C),K=t.node,B=g&&g!==a.location.hash.slice(1),F=u!==M;M=u;let y,P,m,T;if(o.useParamsMatching){const l=q(u,t.routes,o.level);y=l.key,P=l.routePath,m=l.content,T=l.params}else y=G(o.level,u),P=y,m=t.routes[y||"/"]||t.routes["/*"],T={};const v=o.scrollToNode?K:o.scrollNode;if(t.state?.root?.debugging){t.state.root.debugging=!1;return}if(!m){o.onNotFound?o.onNotFound({pathname:u,route:y,element:t}):o.silent||console.warn("[smbls/router] no content matched for path",u,"\u2014 available routes:",Object.keys(t.routes||{}));return}if(o.guards&&o.guards.length){const l={pathname:u,route:y,params:T,query:E,hash:g,element:t,state:r},f=await z(o.guards,l);if(f===!1)return;if(typeof f=="string")return U(f,n,r,{...s,guards:[]})}if(o.pushState)try{a.history.pushState(r,null,u+(C||"")+(g||""))}catch{}if(F||!B){const l={route:y,routePath:P,hash:g,debugging:!1};Object.keys(T).length&&(l.params=T),Object.keys(E).length&&(l.query=E),o.updateState&&t.state.update(l,{preventContentUpdate:!0}),i&&o.removeOldElement&&t[i].remove();const f=t.__ref?.origin?.content,N={};if(f)for(const d in f){const p=f[d];d==="__ref"||d==="props"||d==="node"||d==="parent"||d==="key"||(typeof p=="string"||typeof p=="number"||typeof p=="boolean"||typeof p=="object"&&p!==null&&!p.node&&!p.__ref)&&(N[d]=p)}const R={...N,...typeof m=="object"?m:{extends:m}};o.useFragment&&(R.tag="fragment");try{t.set(R,{contentElementKey:i})}catch(d){console.error("[smbls/router] failed to render route content",u,d)}}if(o.scrollToTop&&v?.scrollTo&&v.scrollTo({...o.scrollToOptions||{},top:0,left:0}),o.scrollToNode&&m[i]?.node?.scrollTo&&m[i].node.scrollTo({...o.scrollToOptions||{},top:0,left:0}),g){const l=c.getElementById(g);if(l&&v?.scrollTo){const f=l.getBoundingClientRect().top+K.scrollTop-(o.scrollToOffset||0);v.scrollTo({...o.scrollToOptions||{},top:f,left:0})}}L("routeChanged",t,o)};var J=U;export{J as default,G as getActiveRoute,A as lastLevel,M as lastPathname,q as matchRoute,$ as parseQuery,k as parseRoutePattern,U as router,z as runGuards};

package/package.json

@@ -1,32 +1,34 @@
 {
   "name": "@symbo.ls/router",
-  "version": "3.14.1",
+  "version": "3.14.3",
   "license": "CC-BY-NC-4.0",
   "type": "module",
-  "module": "./index.js",
-  "unpkg": "./dist/iife/index.js",
-  "jsdelivr": "./dist/iife/index.js",
-  "main": "./index.js",
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
   "exports": {
-    ".": "./index.js",
+    ".": {
+      "development": "./index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
+    },
     "./package.json": "./package.json"
   },
   "source": "index.js",
   "files": [
     "dist",
-    "*.js"
+    "*.md",
+    "LICENSE"
   ],
   "scripts": {
-    "copy:package:cjs": "cp ../../build/package-cjs.json dist/cjs/package.json",
-    "build:esm": "NODE_ENV=$NODE_ENV esbuild *.js --target=es2020 --format=esm --outdir=dist/esm --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:cjs": "NODE_ENV=$NODE_ENV esbuild *.js --target=node18 --format=cjs --outdir=dist/cjs --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build:iife": "NODE_ENV=$NODE_ENV esbuild index.js --bundle --target=es2020 --format=iife --global-name=DomqlRouter --outfile=dist/iife/index.js --define:process.env.NODE_ENV=process.env.NODE_ENV",
-    "build": "node ../../build/build.js",
-    "prepublish": "npm run build && npm run copy:package:cjs"
+    "build:esm": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -path \"*/demo/*\" -not -path \"*/demos/*\" -not -path \"*/examples/*\" -not -path \"*/fixtures/*\" -not -name \"*.test.js\") --target=es2022 --format=esm --outbase=. --outdir=dist/esm --minify --log-level=warning",
+    "build:cjs": "esbuild $(find . -type f -name \"*.js\" -not -path \"*/dist/*\" -not -path \"*/node_modules/*\" -not -path \"*/__tests__/*\" -not -path \"*/test/*\" -not -path \"*/demo/*\" -not -path \"*/demos/*\" -not -path \"*/examples/*\" -not -path \"*/fixtures/*\" -not -name \"*.test.js\") --target=node20 --format=cjs --outbase=. --outdir=dist/cjs --minify --log-level=warning",
+    "build": "rimraf dist && npm run build:esm && npm run build:cjs && node -e \"require('fs').writeFileSync('dist/cjs/package.json', '{\\\"type\\\": \\\"commonjs\\\"}')\"",
+    "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@symbo.ls/element": "^3.14.3",
-    "@symbo.ls/utils": "^3.14.2"
+    "@symbo.ls/element": "^3.14.6",
+    "@symbo.ls/utils": "^3.14.5"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "devDependencies": {
@@ -35,6 +37,6 @@
   "browser": "./index.js",
   "sideEffects": false,
   "publishConfig": {
-    "access": "public"
+    "access": "restricted"
   }
 }

package/index.js

@@ -1,329 +0,0 @@
-'use strict'
-
-import { document, window, triggerEventOn } from '@symbo.ls/utils'
-
-// --- Route matching utilities ---
-
-const paramPattern = /^:(.+)/
-const wildcardPattern = /^\*$/
-
-const routeCache = new Map()
-
-export const parseRoutePattern = (pattern) => {
-  const cached = routeCache.get(pattern)
-  if (cached) return cached
-
-  const segments = pattern.replace(/^\//, '').split('/')
-  const params = []
-  let hasWildcard = false
-
-  for (let i = 0; i < segments.length; i++) {
-    const match = segments[i].match(paramPattern)
-    if (match) {
-      params.push({ index: i, name: match[1] })
-    } else if (wildcardPattern.test(segments[i])) {
-      hasWildcard = true
-    }
-  }
-
-  const result = { segments, params, hasWildcard, pattern }
-  routeCache.set(pattern, result)
-  return result
-}
-
-export const matchRoute = (pathname, routes, level = 0) => {
-  const pathSegments = pathname.replace(/^\//, '').split('/').filter(Boolean)
-  const relevantSegments = pathSegments.slice(level)
-  const routePath = '/' + (relevantSegments[0] || '')
-
-  let bestMatch = null
-  let bestScore = -1
-  let matchedParams = {}
-
-  for (const key in routes) {
-    if (key === '/*') continue
-
-    const parsed = parseRoutePattern(key)
-    const score = scoreMatch(relevantSegments, parsed)
-
-    if (score > bestScore) {
-      bestScore = score
-      bestMatch = key
-      matchedParams = extractParams(relevantSegments, parsed)
-    }
-  }
-
-  if (!bestMatch && routes['/*']) {
-    bestMatch = '/*'
-  }
-
-  return {
-    key: bestMatch,
-    content: bestMatch ? routes[bestMatch] : null,
-    params: matchedParams,
-    routePath
-  }
-}
-
-const scoreMatch = (pathSegments, parsed) => {
-  const { segments, hasWildcard } = parsed
-
-  if (!hasWildcard && segments.length !== pathSegments.length &&
-      segments.length !== 1) {
-    // For single-segment patterns, match just the first segment
-    if (segments.length > pathSegments.length) return -1
-  }
-
-  let score = 0
-  const len = Math.min(segments.length, pathSegments.length)
-
-  for (let i = 0; i < len; i++) {
-    if (segments[i] === pathSegments[i]) {
-      score += 3 // exact match
-    } else if (paramPattern.test(segments[i])) {
-      score += 1 // param match
-    } else if (wildcardPattern.test(segments[i])) {
-      score += 0.5
-    } else {
-      return -1 // no match
-    }
-  }
-
-  return score
-}
-
-const extractParams = (pathSegments, parsed) => {
-  const params = {}
-  for (const { index, name } of parsed.params) {
-    if (pathSegments[index]) {
-      params[name] = decodeURIComponent(pathSegments[index])
-    }
-  }
-  return params
-}
-
-export const parseQuery = (search) => {
-  if (!search || search === '?') return {}
-  const params = {}
-  const searchParams = new URLSearchParams(search)
-  searchParams.forEach((value, key) => {
-    if (params[key] !== undefined) {
-      if (!Array.isArray(params[key])) params[key] = [params[key]]
-      params[key].push(value)
-    } else {
-      params[key] = value
-    }
-  })
-  return params
-}
-
-// --- Route guards / middleware ---
-
-export const runGuards = async (guards, context) => {
-  if (!guards || !guards.length) return true
-  for (const guard of guards) {
-    const result = await guard(context)
-    if (result === false) return false
-    if (typeof result === 'string') return result // redirect path
-  }
-  return true
-}
-
-// --- Core router ---
-
-export const getActiveRoute = (level = 0, route) => {
-  if (!route) route = (typeof window !== 'undefined' ? window.location.pathname : '/')
-  const routeArray = route.split('/')
-  const activeRoute = routeArray[level + 1]
-  if (activeRoute) return `/${activeRoute}`
-}
-
-export let lastPathname
-export let lastLevel = 0
-
-const normalizePath = (p) => (!p || p === 'srcdoc' || p === 'about:srcdoc') ? '/' : p
-
-const defaultOptions = {
-  level: lastLevel,
-  pushState: true,
-  initialRender: false,
-  scrollToTop: true,
-  scrollToNode: false,
-  scrollNode: document && document.documentElement,
-  scrollBody: false,
-  useFragment: false,
-  updateState: true,
-  scrollToOffset: 0,
-  contentElementKey: 'content',
-  scrollToOptions: { behavior: 'smooth' },
-  useParamsMatching: true
-}
-
-export const router = async (path, el, state = {}, options = {}) => {
-  const element = el || this
-  const win = element?.context?.window || window
-  const doc = element?.context?.document || document
-  const opts = {
-    ...defaultOptions,
-    ...element.context.routerOptions,
-    ...options
-  }
-  lastLevel = opts.lastLevel
-
-  const ref = element.__ref
-
-  if (
-    (opts.contentElementKey !== 'content' &&
-      opts.contentElementKey !== ref.contentElementKey) ||
-    !ref.contentElementKey
-  ) {
-    ref.contentElementKey = opts.contentElementKey || 'content'
-  }
-
-  const contentElementKey = ref.contentElementKey || opts.contentElementKey || 'content'
-
-  const origin = win.location.origin !== 'null' ? win.location.origin : 'http://localhost'
-  path = normalizePath(path)
-  const urlObj = new win.URL(origin + path)
-  const { pathname, search, hash } = urlObj
-
-  const query = parseQuery(search)
-
-  const rootNode = element.node
-  const hashChanged = hash && hash !== win.location.hash.slice(1)
-  const pathChanged = pathname !== lastPathname
-  lastPathname = pathname
-
-  // Route matching - support both simple and param-based
-  let route, routePath, content, params
-  if (opts.useParamsMatching) {
-    const match = matchRoute(pathname, element.routes, opts.level)
-    // FRAMEWORK-2: state.route must reflect the matched pattern key
-    // (e.g. `/players/:id`), not the literal first URL segment, so
-    // consumers and devtools can branch on which route handler fired.
-    // The first-segment value is still exposed as `routePath` for the
-    // rare consumer that needs the URL piece directly.
-    route = match.key
-    routePath = match.routePath
-    content = match.content
-    params = match.params
-  } else {
-    route = getActiveRoute(opts.level, pathname)
-    routePath = route
-    content = element.routes[route || '/'] || element.routes['/*']
-    params = {}
-  }
-
-  const scrollNode = opts.scrollToNode ? rootNode : opts.scrollNode
-
-  if (element.state?.root?.debugging) {
-    element.state.root.debugging = false
-    return
-  }
-
-  if (!content) {
-    if (opts.onNotFound) {
-      opts.onNotFound({ pathname, route, element })
-    } else if (!opts.silent) {
-      console.warn('[smbls/router] no content matched for path', pathname, '— available routes:', Object.keys(element.routes || {}))
-    }
-    return
-  }
-
-  // Run guards
-  if (opts.guards && opts.guards.length) {
-    const guardContext = { pathname, route, params, query, hash, element, state }
-    const guardResult = await runGuards(opts.guards, guardContext)
-    if (guardResult === false) return
-    if (typeof guardResult === 'string') {
-      // Redirect
-      return router(guardResult, el, state, { ...options, guards: [] })
-    }
-  }
-
-  // pushState always fires before render so the URL bar stays in sync even
-  // if the content-render step below no-ops due to an extends/ref mismatch.
-  if (opts.pushState) {
-    try {
-      win.history.pushState(state, null, pathname + (search || '') + (hash || ''))
-    } catch (e) {} // expected in sandboxed iframes (e.g. about:srcdoc) where pushState is restricted
-  }
-
-  if (pathChanged || !hashChanged) {
-    const stateUpdate = { route, routePath, hash, debugging: false }
-    if (Object.keys(params).length) stateUpdate.params = params
-    if (Object.keys(query).length) stateUpdate.query = query
-
-    if (opts.updateState) {
-      element.state.update(
-        stateUpdate,
-        { preventContentUpdate: true }
-      )
-    }
-
-    if (contentElementKey && opts.removeOldElement) {
-      element[contentElementKey].remove()
-    }
-
-    // Merge parent's original content definition (styles like overflow, maxHeight)
-    // with the route's content component
-    const originContent = element.__ref?.origin?.content
-    const contentStyles = {}
-    if (originContent) {
-      for (const k in originContent) {
-        const v = originContent[k]
-        if (k === '__ref' || k === 'props' || k === 'node' || k === 'parent' || k === 'key') continue
-        if (typeof v === 'string' || typeof v === 'number' || typeof v === 'boolean' || (typeof v === 'object' && v !== null && !v.node && !v.__ref)) {
-          contentStyles[k] = v
-        }
-      }
-    }
-
-    const nextContent = {
-      ...contentStyles,
-      ...(typeof content === 'object' ? content : { extends: content })
-    }
-    if (opts.useFragment) nextContent.tag = 'fragment'
-
-    try {
-      element.set(nextContent, { contentElementKey })
-    } catch (err) {
-      console.error('[smbls/router] failed to render route content', pathname, err)
-    }
-  }
-
-  if (opts.scrollToTop && scrollNode?.scrollTo) {
-    scrollNode.scrollTo({
-      ...(opts.scrollToOptions || {}),
-      top: 0,
-      left: 0
-    })
-  }
-  if (opts.scrollToNode && content[contentElementKey]?.node?.scrollTo) {
-    content[contentElementKey].node.scrollTo({
-      ...(opts.scrollToOptions || {}),
-      top: 0,
-      left: 0
-    })
-  }
-
-  if (hash) {
-    const activeNode = doc.getElementById(hash)
-    if (activeNode && scrollNode?.scrollTo) {
-      const top =
-        activeNode.getBoundingClientRect().top +
-          rootNode.scrollTop -
-          (opts.scrollToOffset || 0)
-      scrollNode.scrollTo({
-        ...(opts.scrollToOptions || {}),
-        top,
-        left: 0
-      })
-    }
-  }
-
-  // trigger `on.routeChanged`
-  triggerEventOn('routeChanged', element, opts)
-}
-
-export default router