@jasonshimmy/vite-plugin-cer-app 0.25.0 → 0.26.0

package/dist/runtime/app-template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-template.d.ts","sourceRoot":"","sources":["../../src/runtime/app-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,aAAa,GAAE,SAAS,MAAM,EAAO,GAAG,MAAM,CA2hBtF"}
+{"version":3,"file":"app-template.d.ts","sourceRoot":"","sources":["../../src/runtime/app-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CAAC,aAAa,GAAE,SAAS,MAAM,EAAO,GAAG,MAAM,CAqkBtF"}

package/dist/runtime/app-template.js

@@ -77,6 +77,12 @@ let _currentPageKey = null
 // redirects (e.g. middleware returning '/login') so cer-layout-view falls
 // back to <router-view> when the current route differs from what was pre-loaded.
 let _currentPagePath = null
+// The pathname + query whose page data is currently loaded. Browser history
+// traversals that change only the fragment must stay on the runtime router's
+// lightweight scroll path instead of needlessly re-running the page loader.
+let _currentPageLocation = typeof window !== 'undefined'
+  ? window.location.pathname + window.location.search
+  : null
 // Route chunks and loaders may resolve out of order during rapid navigation or
 // initial hydration. Only the newest request is allowed to publish page state.
 let _pageLoadVersion = 0
@@ -104,6 +110,7 @@ async function _loadPageForPath(path, options = {}) {
       _currentPageAttrs = {}
       _currentPageKey = null
       _currentPagePath = url.pathname
+      _currentPageLocation = url.pathname + url.search
       return
     }
     const mod = await route.load()
@@ -140,6 +147,7 @@ async function _loadPageForPath(path, options = {}) {
     }
     _currentPageTag = mod.default ?? null
     _currentPagePath = url.pathname
+    _currentPageLocation = url.pathname + url.search
     _currentPageAttrs = loaderAttrs
     _currentPageKey = loadVersion
   } catch {
@@ -207,6 +215,40 @@ router.replace = async (path) => {
   }
 }
 
+// The runtime router owns the History API and commits route state on popstate.
+// push/replace above can prepare the destination before that commit because the
+// app initiated those navigations. Browser Back/Forward bypass those methods,
+// so mirror their page-module/data preparation here. The runtime registered its
+// popstate listener during initRouter(); its async guard pipeline and this async
+// page load can safely proceed together, while isNavigating guarantees a final
+// render after the page load publishes its non-reactive tag/attrs bookkeeping.
+window.addEventListener('popstate', () => {
+  const path = window.location.pathname + window.location.search + window.location.hash
+  const pageLocation = window.location.pathname + window.location.search
+
+  // Fragment-only traversal needs no new component or loader data. The runtime
+  // still receives the event and synchronizes the route fragment/scroll state.
+  if (pageLocation === _currentPageLocation) return
+
+  const navigationIntent = ++_navigationIntent
+  isNavigating.value = true
+  _activateClientRouteRendering()
+  currentError.value = null
+
+  void (async () => {
+    try {
+      delete (globalThis).__CER_DATA__
+      await _loadPageForPath(path)
+    } catch (err) {
+      if (navigationIntent === _navigationIntent) {
+        currentError.value = err instanceof Error ? err.message : String(err)
+      }
+    } finally {
+      if (navigationIntent === _navigationIntent) isNavigating.value = false
+    }
+  })()
+})
+
 // Make ordinary internal links participate in client-side routing even when
 // their owning custom element has not hydrated yet. The listener runs in the
 // bubble phase so an upgraded component gets first refusal: handlers such as

package/dist/runtime/app-template.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-template.js","sourceRoot":"","sources":["../../src/runtime/app-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB,CAAC,gBAAmC,EAAE;IAC5E,MAAM,kBAAkB,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;SACnD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,WAAW,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC;SACvF,IAAI,CAAC,IAAI,CAAC,CAAA;IACb,OAAO;;;;EAIP,kBAAkB,GAAG,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkhBpD,CAAA;AACD,CAAC"}
+{"version":3,"file":"app-template.js","sourceRoot":"","sources":["../../src/runtime/app-template.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,wBAAwB,CAAC,gBAAmC,EAAE;IAC5E,MAAM,kBAAkB,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;SACnD,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,WAAW,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC;SACvF,IAAI,CAAC,IAAI,CAAC,CAAA;IACb,OAAO;;;;EAIP,kBAAkB,GAAG,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4jBpD,CAAA;AACD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jasonshimmy/vite-plugin-cer-app",
-  "version": "0.25.0",
+  "version": "0.26.0",
   "description": "Nuxt-style meta-framework for @jasonshimmy/custom-elements-runtime",
   "type": "module",
   "keywords": [