veryfront 0.1.828 → 0.1.829

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.1.828",
+    "version": "0.1.829",
     "license": "Apache-2.0",
     "nodeModulesDir": "auto",
     "minimumDependencyAge": {

package/esm/src/build/production-build/templates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../../src/src/build/production-build/templates.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,aAAa,8KACmJ,CAAC;AAE9K,eAAO,MAAM,oBAAoB,EAAE,MAAM,GAAG,SACy42B,CAAC;AAEt72B,eAAO,MAAM,sBAAsB,EAAE,MAAM,GAAG,SAC630B,CAAC"}
+{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../../src/src/build/production-build/templates.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,eAAO,MAAM,aAAa,8KACmJ,CAAC;AAE9K,eAAO,MAAM,oBAAoB,EAAE,MAAM,GAAG,SACky2B,CAAC;AAE/02B,eAAO,MAAM,sBAAsB,EAAE,MAAM,GAAG,SAC630B,CAAC"}

package/esm/src/build/production-build/templates.js

@@ -7,5 +7,5 @@
  * @module
  */
 export const CLIENT_STYLES = ".error-container {\n  max-width: 600px;\n  margin: 2rem auto;\n  padding: 2rem;\n  background: #fee;\n  border: 1px solid #fcc;\n  border-radius: 8px;\n  color: #c00;\n}";
-export const CLIENT_ROUTER_BUNDLE = 'var __defProp = Object.defineProperty;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);\n\n// src/rendering/client/browser-stubs/logger.ts\nfunction noop() {\n}\nvar logger = {\n  debug: noop,\n  info: console.log.bind(console),\n  warn: console.warn.bind(console),\n  error: console.error.bind(console),\n  component: () => logger\n};\nvar rendererLogger = logger;\nvar PREFETCH_MAX_SIZE_BYTES = 200 * 1024;\n\n// src/rendering/client/router.ts\nimport ReactDOM from "react-dom/client";\n\n// src/routing/client/dom-utils.ts\nvar logger2 = rendererLogger.component("veryfront");\nfunction isInternalLink(target) {\n  const href = target.getAttribute("href");\n  if (!href) return false;\n  if (href.startsWith("http") || href.startsWith("mailto:") || href.startsWith("#")) return false;\n  const linkTarget = target.getAttribute("target");\n  if (linkTarget === "_blank" || target.hasAttribute("download")) return false;\n  return true;\n}\nfunction findAnchorElement(element) {\n  let current = element;\n  while (current && current.tagName !== "A") {\n    current = current.parentElement;\n  }\n  return current instanceof HTMLAnchorElement ? current : null;\n}\nfunction updateMetaTags(frontmatter) {\n  if (frontmatter.description) {\n    updateMetaTag(\'meta[name="description"]\', "name", "description", frontmatter.description);\n  }\n  if (frontmatter.ogTitle) {\n    updateMetaTag(\'meta[property="og:title"]\', "property", "og:title", frontmatter.ogTitle);\n  }\n}\nfunction updateMetaTag(selector, attributeName, attributeValue, content) {\n  let metaTag = document.querySelector(selector);\n  if (!metaTag) {\n    metaTag = document.createElement("meta");\n    metaTag.setAttribute(attributeName, attributeValue);\n    document.head.appendChild(metaTag);\n  }\n  metaTag.setAttribute("content", content);\n}\nfunction executeScripts(container) {\n  for (const oldScript of container.querySelectorAll("script")) {\n    const newScript = document.createElement("script");\n    for (const { name, value } of oldScript.attributes) {\n      newScript.setAttribute(name, value);\n    }\n    newScript.textContent = oldScript.textContent;\n    oldScript.parentNode?.replaceChild(newScript, oldScript);\n  }\n}\nfunction applyHeadDirectives(container) {\n  const nodes = container.querySelectorAll(\'[data-veryfront-head="1"], vf-head\');\n  if (!nodes.length) return;\n  cleanManagedHeadTags();\n  for (const wrapper of nodes) {\n    const contentSource = typeof HTMLTemplateElement !== "undefined" && wrapper instanceof HTMLTemplateElement ? wrapper.content : wrapper;\n    processHeadWrapper(contentSource);\n    wrapper.parentElement?.removeChild(wrapper);\n  }\n}\nfunction cleanManagedHeadTags() {\n  for (const element of document.head.querySelectorAll(\'[data-veryfront-managed="1"]\')) {\n    element.parentElement?.removeChild(element);\n  }\n}\nfunction processHeadWrapper(wrapper) {\n  for (const node of wrapper.childNodes) {\n    if (!(node instanceof Element)) continue;\n    const tagName = node.tagName.toLowerCase();\n    if (tagName === "title") {\n      document.title = node.textContent || document.title;\n      continue;\n    }\n    const clone = document.createElement(tagName);\n    for (const { name, value } of node.attributes) {\n      clone.setAttribute(name, value);\n    }\n    if (node.textContent && !clone.hasAttribute("src")) {\n      clone.textContent = node.textContent;\n    }\n    clone.setAttribute("data-veryfront-managed", "1");\n    document.head.appendChild(clone);\n  }\n}\nfunction manageFocus(container) {\n  try {\n    const focusElement = container.querySelector("[data-router-focus]") || container.querySelector("main") || container.querySelector("h1");\n    focusElement?.focus?.({ preventScroll: true });\n  } catch (error) {\n    logger2.warn("focus management failed", error);\n  }\n}\nfunction extractPageDataFromScript() {\n  const pageDataScript = document.querySelector("script[data-veryfront-page]");\n  if (!pageDataScript) return null;\n  try {\n    const content = pageDataScript.textContent;\n    if (!content) {\n      logger2.warn("Page data script has no content");\n      return {};\n    }\n    return JSON.parse(content);\n  } catch (error) {\n    logger2.error("Failed to parse page data:", error);\n    return null;\n  }\n}\nfunction parsePageDataFromHTML(html) {\n  const doc = new DOMParser().parseFromString(html, "text/html");\n  const root = doc.getElementById("root");\n  if (!root) logger2.warn("[Veryfront] No root element found in HTML");\n  const content = root?.innerHTML ?? "";\n  const pageDataScript = doc.querySelector("script[data-veryfront-page]");\n  let pageData = {};\n  if (pageDataScript) {\n    try {\n      const scriptContent = pageDataScript.textContent;\n      if (!scriptContent) {\n        logger2.warn("Page data script in HTML has no content");\n      } else {\n        pageData = JSON.parse(scriptContent);\n      }\n    } catch (error) {\n      logger2.error("Failed to parse page data from HTML:", error);\n    }\n  }\n  return { content, pageData };\n}\n\n// src/rendering/client/browser-stubs/config.ts\nvar DEFAULT_PREFETCH_DELAY_MS = 100;\nvar PAGE_TRANSITION_DELAY_MS = 150;\n\n// src/routing/client/navigation-handlers.ts\nvar logger3 = rendererLogger.component("veryfront");\nvar MAX_SCROLL_POSITIONS = 100;\nvar NavigationHandlers = class {\n  constructor(prefetchDelay = DEFAULT_PREFETCH_DELAY_MS, prefetchOptions = {}) {\n    __publicField(this, "prefetchQueue", /* @__PURE__ */ new Set());\n    __publicField(this, "pendingTimeouts", /* @__PURE__ */ new Map());\n    __publicField(this, "scrollPositions", /* @__PURE__ */ new Map());\n    __publicField(this, "isPopStateNav", false);\n    __publicField(this, "prefetchDelay");\n    __publicField(this, "prefetchOptions");\n    this.prefetchDelay = prefetchDelay;\n    this.prefetchOptions = prefetchOptions;\n  }\n  createClickHandler(callbacks) {\n    return (event) => {\n      if (!(event.target instanceof HTMLElement)) return;\n      const anchor = findAnchorElement(event.target);\n      if (!anchor || !isInternalLink(anchor)) return;\n      const href = anchor.getAttribute("href");\n      if (!href) return;\n      event.preventDefault();\n      callbacks.onNavigate(href);\n    };\n  }\n  createPopStateHandler(callbacks) {\n    return (_event) => {\n      this.isPopStateNav = true;\n      callbacks.onNavigate(globalThis.location.pathname);\n    };\n  }\n  createMouseOverHandler(callbacks) {\n    return (event) => {\n      if (!(event.target instanceof HTMLElement)) return;\n      if (event.target.tagName !== "A") return;\n      const href = event.target.getAttribute("href");\n      if (!href || href.startsWith("http") || href.startsWith("#")) return;\n      if (!this.shouldPrefetchOnHover(event.target)) return;\n      if (this.prefetchQueue.has(href)) return;\n      this.prefetchQueue.add(href);\n      const timeoutId = setTimeout(() => {\n        callbacks.onPrefetch(href);\n        this.prefetchQueue.delete(href);\n        this.pendingTimeouts.delete(href);\n      }, this.prefetchDelay);\n      this.pendingTimeouts.set(href, timeoutId);\n    };\n  }\n  shouldPrefetchOnHover(target) {\n    const prefetchAttribute = target.getAttribute("data-prefetch");\n    if (prefetchAttribute === "false") return false;\n    if (prefetchAttribute === "true") return true;\n    return Boolean(this.prefetchOptions.hover);\n  }\n  saveScrollPosition(path) {\n    try {\n      if (this.scrollPositions.size >= MAX_SCROLL_POSITIONS) {\n        const oldest = this.scrollPositions.keys().next().value;\n        if (oldest) this.scrollPositions.delete(oldest);\n      }\n      const scrollY = globalThis.scrollY;\n      if (typeof scrollY !== "number") {\n        logger3.debug("No valid scrollY value available");\n        this.scrollPositions.set(path, 0);\n        return;\n      }\n      this.scrollPositions.set(path, scrollY);\n    } catch (error) {\n      logger3.warn("failed to record scroll position", error);\n    }\n  }\n  getScrollPosition(path) {\n    const position = this.scrollPositions.get(path);\n    if (position === void 0) {\n      logger3.debug(`No scroll position stored for ${path}`);\n      return 0;\n    }\n    return position;\n  }\n  isPopState() {\n    return this.isPopStateNav;\n  }\n  clearPopStateFlag() {\n    this.isPopStateNav = false;\n  }\n  clear() {\n    for (const timeoutId of this.pendingTimeouts.values()) clearTimeout(timeoutId);\n    this.pendingTimeouts.clear();\n    this.prefetchQueue.clear();\n    this.scrollPositions.clear();\n    this.isPopStateNav = false;\n  }\n};\n\n// src/rendering/client/browser-stubs/error-registry.ts\nfunction createBrowserError(name, fallbackMessage) {\n  return {\n    create(options = {}) {\n      const error = new Error(options.detail ?? fallbackMessage);\n      error.name = name;\n      Object.assign(error, {\n        status: options.status,\n        context: options.context\n      });\n      return error;\n    }\n  };\n}\nvar NETWORK_ERROR = createBrowserError("NetworkError", "Network request failed");\nvar SECURITY_VIOLATION = createBrowserError("SecurityViolation", "Security violation");\n\n// src/routing/client/page-loader.ts\nvar logger4 = rendererLogger.component("veryfront");\nvar MAX_CACHE_SIZE = 50;\nvar PageLoader = class {\n  constructor() {\n    __publicField(this, "cache", /* @__PURE__ */ new Map());\n    __publicField(this, "spaCache", /* @__PURE__ */ new Map());\n    __publicField(this, "pendingRequests", /* @__PURE__ */ new Map());\n    __publicField(this, "pendingSpaRequests", /* @__PURE__ */ new Map());\n  }\n  evictIfFull(map) {\n    if (map.size < MAX_CACHE_SIZE) return;\n    const oldest = map.keys().next().value;\n    if (oldest) map.delete(oldest);\n  }\n  getCached(path) {\n    return this.cache.get(path);\n  }\n  isCached(path) {\n    return this.cache.has(path);\n  }\n  setCache(path, data) {\n    this.evictIfFull(this.cache);\n    this.cache.set(path, data);\n  }\n  clearCache() {\n    this.cache.clear();\n    this.spaCache.clear();\n    this.pendingRequests.clear();\n    this.pendingSpaRequests.clear();\n  }\n  getSpaCached(path) {\n    return this.spaCache.get(path);\n  }\n  isSpaDataCached(path) {\n    return this.spaCache.has(path);\n  }\n  setSpaCache(path, data) {\n    this.evictIfFull(this.spaCache);\n    this.spaCache.set(path, data);\n  }\n  async fetchPageData(path) {\n    return await this.tryFetchJSON(path) ?? this.fetchAndParseHTML(path);\n  }\n  async tryFetchJSON(path) {\n    try {\n      const response = await fetch(`/_veryfront/data${path}.json`, {\n        headers: { "X-Veryfront-Navigation": "client" }\n      });\n      if (!response.ok) return null;\n      return await response.json();\n    } catch (error) {\n      logger4.debug(`JSON fetch failed for ${path}, falling back to HTML:`, error);\n      return null;\n    }\n  }\n  async fetchAndParseHTML(path) {\n    const response = await fetch(path, {\n      headers: { "X-Veryfront-Navigation": "client" }\n    });\n    if (!response.ok) {\n      throw NETWORK_ERROR.create({\n        detail: `Failed to fetch ${path}`,\n        status: response.status,\n        context: { path }\n      });\n    }\n    const html = await response.text();\n    const { content, pageData } = parsePageDataFromHTML(html);\n    return { html: content, ...pageData };\n  }\n  loadPage(path) {\n    const cachedData = this.getCached(path);\n    if (cachedData) {\n      logger4.debug(`Loading ${path} from cache`);\n      return Promise.resolve(cachedData);\n    }\n    const pending = this.pendingRequests.get(path);\n    if (pending) {\n      logger4.debug(`Reusing pending request for ${path}`);\n      return pending;\n    }\n    logger4.debug(`Creating pending request for ${path}`);\n    return this.createPendingRequest(path, this.pendingRequests, async () => {\n      const data = await this.fetchPageData(path);\n      this.setCache(path, data);\n      return data;\n    });\n  }\n  async prefetch(path) {\n    if (this.isCached(path)) return;\n    logger4.debug(`Prefetching ${path}`);\n    try {\n      const data = await this.fetchPageData(path);\n      this.setCache(path, data);\n    } catch (error) {\n      logger4.warn(\n        `[Veryfront] Failed to prefetch ${path}`,\n        error instanceof Error ? error : new Error(String(error))\n      );\n    }\n  }\n  async fetchSpaPageData(path) {\n    const normalizedPath = path === "/" ? "" : path.replace(/^\\//, "");\n    const endpoint = `/_veryfront/page-data/${normalizedPath}.json`;\n    logger4.debug(`Fetching SPA page data from ${endpoint}`);\n    const response = await fetch(endpoint, {\n      headers: { "X-Veryfront-Navigation": "spa" }\n    });\n    if (!response.ok) {\n      throw NETWORK_ERROR.create({\n        detail: `Failed to fetch SPA page data for ${path}`,\n        status: response.status,\n        context: { path }\n      });\n    }\n    return response.json();\n  }\n  loadSpaPageData(path) {\n    const cachedData = this.getSpaCached(path);\n    if (cachedData) {\n      logger4.debug(`Loading SPA data for ${path} from cache`);\n      return Promise.resolve(cachedData);\n    }\n    const pending = this.pendingSpaRequests.get(path);\n    if (pending) {\n      logger4.debug(`Reusing pending SPA request for ${path}`);\n      return pending;\n    }\n    logger4.debug(`Creating pending SPA request for ${path}`);\n    return this.createPendingRequest(path, this.pendingSpaRequests, async () => {\n      const data = await this.fetchSpaPageData(path);\n      this.setSpaCache(path, data);\n      return data;\n    });\n  }\n  async prefetchSpaPageData(path) {\n    if (this.isSpaDataCached(path)) return;\n    logger4.debug(`Prefetching SPA page data for ${path}`);\n    try {\n      const data = await this.fetchSpaPageData(path);\n      this.setSpaCache(path, data);\n    } catch (error) {\n      logger4.warn(\n        `[Veryfront] Failed to prefetch SPA data for ${path}`,\n        error instanceof Error ? error : new Error(String(error))\n      );\n    }\n  }\n  createPendingRequest(path, pendingMap, fetcher) {\n    const request = (async () => {\n      try {\n        return await fetcher();\n      } finally {\n        pendingMap.delete(path);\n      }\n    })();\n    pendingMap.set(path, request);\n    return request;\n  }\n};\n\n// src/security/client/html-sanitizer.ts\nvar SUSPICIOUS_PATTERN_SPECS = [\n  { source: String.raw`<script[^>]*>[\\s\\S]*?<\\/script>`, flags: "gi", name: "inline script" },\n  { source: String.raw`javascript:`, flags: "gi", name: "javascript: URL" },\n  { source: String.raw`\\bon\\w+\\s*=`, flags: "gi", name: "event handler attribute" },\n  { source: String.raw`data:\\s*text\\/html`, flags: "gi", name: "data: HTML URL" }\n];\nfunction createSuspiciousPatterns() {\n  return SUSPICIOUS_PATTERN_SPECS.map(({ source, flags, name }) => ({\n    pattern: new RegExp(source, flags),\n    name\n  }));\n}\nfunction isDevMode() {\n  const g = globalThis;\n  return g.__VERYFRONT_DEV__ === true || g.Deno?.env?.get?.("VERYFRONT_ENV") === "development";\n}\nfunction validateTrustedHtml(html, options = {}) {\n  const { allowInlineScripts = false, strict = false, warn = true } = options;\n  for (const { pattern, name } of createSuspiciousPatterns()) {\n    if (allowInlineScripts && name === "inline script") continue;\n    pattern.lastIndex = 0;\n    if (!pattern.test(html)) continue;\n    if (warn) console.warn(`[Security] Suspicious ${name} detected in server HTML`);\n    if (strict || !isDevMode()) {\n      throw SECURITY_VIOLATION.create({ detail: `Potentially unsafe HTML: ${name} detected` });\n    }\n  }\n  return html;\n}\n\n// src/routing/client/page-transition.ts\nvar logger5 = rendererLogger.component("veryfront");\nvar PageTransition = class {\n  constructor(setupViewportPrefetch) {\n    __publicField(this, "setupViewportPrefetch", setupViewportPrefetch);\n    __publicField(this, "pendingTransitionTimeout");\n  }\n  destroy() {\n    if (this.pendingTransitionTimeout === void 0) return;\n    clearTimeout(this.pendingTransitionTimeout);\n    this.pendingTransitionTimeout = void 0;\n  }\n  updatePage(data, isPopState, scrollY) {\n    const title = data.frontmatter?.title;\n    if (title) document.title = title;\n    updateMetaTags(data.frontmatter ?? {});\n    const rootElement = document.getElementById("root");\n    if (!rootElement || !data.html) return;\n    this.performTransition(rootElement, data, isPopState, scrollY);\n  }\n  performTransition(rootElement, data, isPopState, scrollY) {\n    if (this.pendingTransitionTimeout !== void 0) {\n      clearTimeout(this.pendingTransitionTimeout);\n      this.pendingTransitionTimeout = void 0;\n    }\n    rootElement.style.opacity = "0";\n    this.pendingTransitionTimeout = setTimeout(() => {\n      this.pendingTransitionTimeout = void 0;\n      rootElement.innerHTML = validateTrustedHtml(String(data.html), { allowInlineScripts: true });\n      rootElement.style.opacity = "1";\n      executeScripts(rootElement);\n      applyHeadDirectives(rootElement);\n      this.setupViewportPrefetch(rootElement);\n      manageFocus(rootElement);\n      this.handleScroll(isPopState, scrollY);\n    }, PAGE_TRANSITION_DELAY_MS);\n  }\n  handleScroll(isPopState, scrollY) {\n    try {\n      globalThis.scrollTo(0, isPopState ? scrollY : 0);\n    } catch (error) {\n      logger5.warn("scroll handling failed", error);\n    }\n  }\n  showError(error) {\n    const rootElement = document.getElementById("root");\n    if (!rootElement) return;\n    const errorDiv = document.createElement("div");\n    errorDiv.className = "veryfront-error-page";\n    const heading = document.createElement("h1");\n    heading.textContent = "Oops! Something went wrong";\n    const message = document.createElement("p");\n    message.textContent = error.message;\n    const button = document.createElement("button");\n    button.type = "button";\n    button.textContent = "Reload Page";\n    button.onclick = () => globalThis.location.reload();\n    errorDiv.append(heading, message, button);\n    rootElement.innerHTML = "";\n    rootElement.appendChild(errorDiv);\n  }\n  setLoadingState(loading) {\n    const indicator = document.getElementById("veryfront-loading");\n    if (indicator) indicator.style.display = loading ? "block" : "none";\n    document.body.classList.toggle("veryfront-loading", loading);\n  }\n};\n\n// src/routing/client/viewport-prefetch.ts\nvar logger6 = rendererLogger.component("veryfront");\nvar ViewportPrefetch = class {\n  constructor(prefetchCallback, prefetchOptions = {}) {\n    __publicField(this, "observer", null);\n    __publicField(this, "prefetchCallback");\n    __publicField(this, "prefetchOptions");\n    this.prefetchCallback = prefetchCallback;\n    this.prefetchOptions = prefetchOptions;\n  }\n  setup(root) {\n    try {\n      if (!("IntersectionObserver" in globalThis)) return;\n      this.observer?.disconnect();\n      this.createObserver();\n      this.observeLinks(root);\n    } catch (error) {\n      logger6.debug("setupViewportPrefetch failed", error);\n    }\n  }\n  createObserver() {\n    this.observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (!entry.isIntersecting) continue;\n          if (!(entry.target instanceof HTMLAnchorElement)) continue;\n          const href = entry.target.getAttribute("href");\n          if (href) this.prefetchCallback(href);\n          this.observer?.unobserve(entry.target);\n        }\n      },\n      { rootMargin: "200px" }\n    );\n  }\n  observeLinks(root) {\n    const anchors = root.querySelectorAll(\'a[href]:not([target="_blank"])\');\n    const isViewportEnabled = Boolean(this.prefetchOptions.viewport);\n    for (const anchor of anchors) {\n      if (!this.shouldObserveAnchor(anchor, isViewportEnabled)) continue;\n      this.observer?.observe(anchor);\n    }\n  }\n  shouldObserveAnchor(anchor, isViewportEnabled) {\n    const href = anchor.getAttribute("href");\n    if (!href) return false;\n    if (href.startsWith("http") || href.startsWith("#")) return false;\n    if (anchor.getAttribute("download")) return false;\n    const prefetchAttribute = anchor.getAttribute("data-prefetch");\n    if (prefetchAttribute === "false") return false;\n    return prefetchAttribute === "viewport" || isViewportEnabled;\n  }\n  disconnect() {\n    if (!this.observer) return;\n    try {\n      this.observer.disconnect();\n    } catch (error) {\n      logger6.warn("prefetchObserver.disconnect failed", error);\n    } finally {\n      this.observer = null;\n    }\n  }\n};\n\n// src/rendering/client/router.ts\nvar logger7 = rendererLogger.component("veryfront");\nvar VeryfrontRouter = class {\n  constructor(options = {}) {\n    __publicField(this, "baseUrl");\n    __publicField(this, "currentPath");\n    __publicField(this, "root", null);\n    __publicField(this, "options");\n    __publicField(this, "spaMode");\n    __publicField(this, "spaNavigationHandler", null);\n    __publicField(this, "pageLoader");\n    __publicField(this, "navigationHandlers");\n    __publicField(this, "pageTransition");\n    __publicField(this, "viewportPrefetch");\n    __publicField(this, "handleClick");\n    __publicField(this, "handlePopState");\n    __publicField(this, "handleMouseOver");\n    const globalOptions = this.loadGlobalOptions();\n    this.options = { ...globalOptions, ...options };\n    this.baseUrl = this.options.baseUrl || globalThis.location.origin;\n    this.currentPath = globalThis.location.pathname;\n    this.spaMode = this.options.spaMode ?? globalThis.__VERYFRONT_SPA_MODE__ ?? false;\n    this.pageLoader = new PageLoader();\n    this.navigationHandlers = new NavigationHandlers(\n      this.options.prefetchDelay,\n      this.options.prefetch\n    );\n    this.pageTransition = new PageTransition((root) => this.viewportPrefetch.setup(root));\n    this.viewportPrefetch = new ViewportPrefetch(\n      (path) => this.prefetch(path),\n      this.options.prefetch\n    );\n    this.handleClick = this.navigationHandlers.createClickHandler({\n      onNavigate: (url) => this.navigate(url),\n      onPrefetch: (url) => this.prefetch(url)\n    });\n    this.handlePopState = this.navigationHandlers.createPopStateHandler({\n      onNavigate: (url) => this.navigate(url, false),\n      onPrefetch: (url) => this.prefetch(url)\n    });\n    this.handleMouseOver = this.navigationHandlers.createMouseOverHandler({\n      onNavigate: (url) => this.navigate(url),\n      onPrefetch: (url) => this.prefetch(url)\n    });\n  }\n  registerNavigationHandler(handler) {\n    logger7.debug("Registering SPA navigation handler");\n    this.spaNavigationHandler = handler;\n    this.spaMode = true;\n  }\n  loadGlobalOptions() {\n    try {\n      const options = globalThis.__VERYFRONT_ROUTER_OPTS__;\n      if (!options) {\n        logger7.debug("No global options configured");\n        return {};\n      }\n      return options;\n    } catch (error) {\n      logger7.error("Failed to read global options:", error);\n      return {};\n    }\n  }\n  init() {\n    logger7.debug("Initializing client-side router");\n    const rootElement = document.getElementById("root");\n    if (!rootElement) {\n      logger7.error("Root element not found");\n      return;\n    }\n    const ReactDOMToUse = globalThis.ReactDOM ?? ReactDOM;\n    this.root = ReactDOMToUse.createRoot(rootElement);\n    document.addEventListener("click", this.handleClick);\n    globalThis.addEventListener("popstate", this.handlePopState);\n    document.addEventListener("mouseover", this.handleMouseOver);\n    this.viewportPrefetch.setup(document);\n    this.cacheCurrentPage();\n  }\n  cacheCurrentPage() {\n    const pageData = extractPageDataFromScript();\n    if (pageData) this.pageLoader.setCache(this.currentPath, pageData);\n  }\n  async navigate(url, pushState = true) {\n    logger7.debug(`Navigating to ${url} (SPA mode: ${this.spaMode})`);\n    this.navigationHandlers.saveScrollPosition(this.currentPath);\n    this.options.onStart?.(url);\n    if (pushState) globalThis.history.pushState({}, "", url);\n    if (this.spaMode && this.spaNavigationHandler) {\n      await this.loadSpaPage(url);\n    } else {\n      await this.loadPage(url);\n    }\n    this.options.onNavigate?.(url);\n  }\n  async loadSpaPage(path) {\n    logger7.debug(`Loading SPA page: ${path}`);\n    try {\n      const spaData = await this.pageLoader.loadSpaPageData(path);\n      await this.spaNavigationHandler?.(spaData);\n      this.currentPath = path;\n      this.handleScrollAfterNavigation();\n      this.options.onComplete?.(path);\n    } catch (error) {\n      const normalizedError = error instanceof Error ? error : new Error(String(error));\n      logger7.error(`Failed to load SPA page ${path}`, normalizedError);\n      this.options.onError?.(normalizedError);\n      this.pageTransition.showError(normalizedError);\n    }\n  }\n  handleScrollAfterNavigation() {\n    const isPopState = this.navigationHandlers.isPopState();\n    const scrollY = this.navigationHandlers.getScrollPosition(this.currentPath);\n    try {\n      globalThis.scrollTo(0, isPopState ? scrollY : 0);\n    } catch (error) {\n      logger7.warn("scroll handling failed", error);\n    }\n    this.navigationHandlers.clearPopStateFlag();\n  }\n  async loadPage(path, updateUI = true) {\n    if (this.pageLoader.isCached(path)) {\n      logger7.debug(`Loading ${path} from cache`);\n      const data = this.pageLoader.getCached(path);\n      if (data) {\n        if (updateUI) this.updatePage(data);\n        return;\n      }\n      logger7.warn(`Cache entry for ${path} was unexpectedly null, fetching fresh data`);\n    }\n    this.pageTransition.setLoadingState(true);\n    try {\n      const data = await this.pageLoader.loadPage(path);\n      if (updateUI) this.updatePage(data);\n      this.currentPath = path;\n      this.options.onComplete?.(path);\n    } catch (error) {\n      const normalizedError = error instanceof Error ? error : new Error(String(error));\n      logger7.error(`Failed to load ${path}`, normalizedError);\n      this.options.onError?.(normalizedError);\n      this.pageTransition.showError(normalizedError);\n    } finally {\n      this.pageTransition.setLoadingState(false);\n    }\n  }\n  async prefetch(path) {\n    if (this.spaMode) {\n      await this.pageLoader.prefetchSpaPageData(path);\n      return;\n    }\n    await this.pageLoader.prefetch(path);\n  }\n  updatePage(data) {\n    if (!this.root) return;\n    const isPopState = this.navigationHandlers.isPopState();\n    const scrollY = this.navigationHandlers.getScrollPosition(this.currentPath);\n    this.pageTransition.updatePage(data, isPopState, scrollY);\n    this.navigationHandlers.clearPopStateFlag();\n  }\n  destroy() {\n    document.removeEventListener("click", this.handleClick);\n    globalThis.removeEventListener("popstate", this.handlePopState);\n    document.removeEventListener("mouseover", this.handleMouseOver);\n    this.viewportPrefetch.disconnect();\n    this.pageLoader.clearCache();\n    this.navigationHandlers.clear();\n    this.pageTransition.destroy();\n  }\n};\nfunction boot(options = {}) {\n  if (typeof window === "undefined" || !globalThis.document) return null;\n  const globalWithRouter = globalThis;\n  if (globalWithRouter.veryFrontRouter) return globalWithRouter.veryFrontRouter;\n  const { slug: _slug, ...routerOptions } = options;\n  const router = new VeryfrontRouter(routerOptions);\n  if (document.readyState === "loading") {\n    document.addEventListener("DOMContentLoaded", () => router.init(), { once: true });\n  } else {\n    router.init();\n  }\n  globalWithRouter.veryFrontRouter = router;\n  return router;\n}\nif (typeof window !== "undefined" && globalThis.document) {\n  boot();\n}\nexport {\n  VeryfrontRouter,\n  boot\n};\n';
+export const CLIENT_ROUTER_BUNDLE = 'var __defProp = Object.defineProperty;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);\n\n// src/rendering/client/browser-stubs/logger.ts\nfunction noop() {\n}\nvar logger = {\n  debug: noop,\n  info: console.log.bind(console),\n  warn: console.warn.bind(console),\n  error: console.error.bind(console),\n  component: () => logger\n};\nvar rendererLogger = logger;\nvar PREFETCH_MAX_SIZE_BYTES = 200 * 1024;\n\n// src/rendering/client/router.ts\nimport ReactDOM from "react-dom/client";\n\n// src/routing/client/dom-utils.ts\nvar logger2 = rendererLogger.component("veryfront");\nfunction isInternalLink(target) {\n  const href = target.getAttribute("href");\n  if (!href) return false;\n  if (href.startsWith("http") || href.startsWith("mailto:") || href.startsWith("#")) return false;\n  const linkTarget = target.getAttribute("target");\n  if (linkTarget === "_blank" || target.hasAttribute("download")) return false;\n  return true;\n}\nfunction findAnchorElement(element) {\n  let current = element;\n  while (current && current.tagName !== "A") {\n    current = current.parentElement;\n  }\n  return current instanceof HTMLAnchorElement ? current : null;\n}\nfunction updateMetaTags(frontmatter) {\n  if (frontmatter.description) {\n    updateMetaTag(\'meta[name="description"]\', "name", "description", frontmatter.description);\n  }\n  if (frontmatter.ogTitle) {\n    updateMetaTag(\'meta[property="og:title"]\', "property", "og:title", frontmatter.ogTitle);\n  }\n}\nfunction updateMetaTag(selector, attributeName, attributeValue, content) {\n  let metaTag = document.querySelector(selector);\n  if (!metaTag) {\n    metaTag = document.createElement("meta");\n    metaTag.setAttribute(attributeName, attributeValue);\n    document.head.appendChild(metaTag);\n  }\n  metaTag.setAttribute("content", content);\n}\nfunction executeScripts(container) {\n  for (const oldScript of container.querySelectorAll("script")) {\n    const newScript = document.createElement("script");\n    for (const { name, value } of oldScript.attributes) {\n      newScript.setAttribute(name, value);\n    }\n    newScript.textContent = oldScript.textContent;\n    oldScript.parentNode?.replaceChild(newScript, oldScript);\n  }\n}\nfunction applyHeadDirectives(container) {\n  const nodes = container.querySelectorAll(\'[data-veryfront-head="1"], vf-head\');\n  if (!nodes.length) return;\n  cleanManagedHeadTags();\n  for (const wrapper of nodes) {\n    const contentSource = typeof HTMLTemplateElement !== "undefined" && wrapper instanceof HTMLTemplateElement ? wrapper.content : wrapper;\n    processHeadWrapper(contentSource);\n    wrapper.parentElement?.removeChild(wrapper);\n  }\n}\nfunction cleanManagedHeadTags() {\n  for (const element of document.head.querySelectorAll(\'[data-veryfront-managed="1"]\')) {\n    element.parentElement?.removeChild(element);\n  }\n}\nfunction processHeadWrapper(wrapper) {\n  for (const node of wrapper.childNodes) {\n    if (!(node instanceof Element)) continue;\n    const tagName = node.tagName.toLowerCase();\n    if (tagName === "title") {\n      document.title = node.textContent || document.title;\n      continue;\n    }\n    const clone = document.createElement(tagName);\n    for (const { name, value } of node.attributes) {\n      clone.setAttribute(name, value);\n    }\n    if (node.textContent && !clone.hasAttribute("src")) {\n      clone.textContent = node.textContent;\n    }\n    clone.setAttribute("data-veryfront-managed", "1");\n    document.head.appendChild(clone);\n  }\n}\nfunction manageFocus(container) {\n  try {\n    const focusElement = container.querySelector("[data-router-focus]") || container.querySelector("main") || container.querySelector("h1");\n    focusElement?.focus?.({ preventScroll: true });\n  } catch (error) {\n    logger2.warn("focus management failed", error);\n  }\n}\nfunction extractPageDataFromScript() {\n  const pageDataScript = document.querySelector("script[data-veryfront-page]");\n  if (!pageDataScript) return null;\n  try {\n    const content = pageDataScript.textContent;\n    if (!content) {\n      logger2.warn("Page data script has no content");\n      return {};\n    }\n    return JSON.parse(content);\n  } catch (error) {\n    logger2.error("Failed to parse page data:", error);\n    return null;\n  }\n}\nfunction parsePageDataFromHTML(html) {\n  const doc = new DOMParser().parseFromString(html, "text/html");\n  const root = doc.getElementById("root");\n  if (!root) logger2.warn("[Veryfront] No root element found in HTML");\n  const content = root?.innerHTML ?? "";\n  const pageDataScript = doc.querySelector("script[data-veryfront-page]");\n  let pageData = {};\n  if (pageDataScript) {\n    try {\n      const scriptContent = pageDataScript.textContent;\n      if (!scriptContent) {\n        logger2.warn("Page data script in HTML has no content");\n      } else {\n        pageData = JSON.parse(scriptContent);\n      }\n    } catch (error) {\n      logger2.error("Failed to parse page data from HTML:", error);\n    }\n  }\n  return { content, pageData };\n}\n\n// src/rendering/client/browser-stubs/config.ts\nvar DEFAULT_PREFETCH_DELAY_MS = 100;\nvar PAGE_TRANSITION_DELAY_MS = 150;\n\n// src/routing/client/navigation-handlers.ts\nvar logger3 = rendererLogger.component("veryfront");\nvar MAX_SCROLL_POSITIONS = 100;\nvar NavigationHandlers = class {\n  constructor(prefetchDelay = DEFAULT_PREFETCH_DELAY_MS, prefetchOptions = {}) {\n    __publicField(this, "prefetchQueue", /* @__PURE__ */ new Set());\n    __publicField(this, "pendingTimeouts", /* @__PURE__ */ new Map());\n    __publicField(this, "scrollPositions", /* @__PURE__ */ new Map());\n    __publicField(this, "isPopStateNav", false);\n    __publicField(this, "prefetchDelay");\n    __publicField(this, "prefetchOptions");\n    this.prefetchDelay = prefetchDelay;\n    this.prefetchOptions = prefetchOptions;\n  }\n  createClickHandler(callbacks) {\n    return (event) => {\n      if (!(event.target instanceof HTMLElement)) return;\n      const anchor = findAnchorElement(event.target);\n      if (!anchor || !isInternalLink(anchor)) return;\n      const href = anchor.getAttribute("href");\n      if (!href) return;\n      event.preventDefault();\n      callbacks.onNavigate(href);\n    };\n  }\n  createPopStateHandler(callbacks) {\n    return (_event) => {\n      this.isPopStateNav = true;\n      callbacks.onNavigate(globalThis.location.pathname);\n    };\n  }\n  createMouseOverHandler(callbacks) {\n    return (event) => {\n      if (!(event.target instanceof HTMLElement)) return;\n      if (event.target.tagName !== "A") return;\n      const href = event.target.getAttribute("href");\n      if (!href || href.startsWith("http") || href.startsWith("#")) return;\n      if (!this.shouldPrefetchOnHover(event.target)) return;\n      if (this.prefetchQueue.has(href)) return;\n      this.prefetchQueue.add(href);\n      const timeoutId = setTimeout(() => {\n        callbacks.onPrefetch(href);\n        this.prefetchQueue.delete(href);\n        this.pendingTimeouts.delete(href);\n      }, this.prefetchDelay);\n      this.pendingTimeouts.set(href, timeoutId);\n    };\n  }\n  shouldPrefetchOnHover(target) {\n    const prefetchAttribute = target.getAttribute("data-prefetch");\n    if (prefetchAttribute === "false") return false;\n    if (prefetchAttribute === "true") return true;\n    return Boolean(this.prefetchOptions.hover);\n  }\n  saveScrollPosition(path) {\n    try {\n      if (this.scrollPositions.size >= MAX_SCROLL_POSITIONS) {\n        const oldest = this.scrollPositions.keys().next().value;\n        if (oldest) this.scrollPositions.delete(oldest);\n      }\n      const scrollY = globalThis.scrollY;\n      if (typeof scrollY !== "number") {\n        logger3.debug("No valid scrollY value available");\n        this.scrollPositions.set(path, 0);\n        return;\n      }\n      this.scrollPositions.set(path, scrollY);\n    } catch (error) {\n      logger3.warn("failed to record scroll position", error);\n    }\n  }\n  getScrollPosition(path) {\n    const position = this.scrollPositions.get(path);\n    if (position === void 0) {\n      logger3.debug(`No scroll position stored for ${path}`);\n      return 0;\n    }\n    return position;\n  }\n  isPopState() {\n    return this.isPopStateNav;\n  }\n  clearPopStateFlag() {\n    this.isPopStateNav = false;\n  }\n  clear() {\n    for (const timeoutId of this.pendingTimeouts.values()) clearTimeout(timeoutId);\n    this.pendingTimeouts.clear();\n    this.prefetchQueue.clear();\n    this.scrollPositions.clear();\n    this.isPopStateNav = false;\n  }\n};\n\n// src/rendering/client/browser-stubs/error-registry.ts\nfunction createBrowserError(name, fallbackMessage) {\n  return {\n    create(options = {}) {\n      const error = new Error(options.detail ?? fallbackMessage);\n      error.name = name;\n      Object.assign(error, {\n        status: options.status,\n        context: options.context\n      });\n      return error;\n    }\n  };\n}\nvar NETWORK_ERROR = createBrowserError("NetworkError", "Network request failed");\nvar SECURITY_VIOLATION = createBrowserError("SecurityViolation", "Security violation");\n\n// src/routing/client/page-loader.ts\nvar logger4 = rendererLogger.component("veryfront");\nvar MAX_CACHE_SIZE = 50;\nvar PageLoader = class {\n  constructor() {\n    __publicField(this, "cache", /* @__PURE__ */ new Map());\n    __publicField(this, "spaCache", /* @__PURE__ */ new Map());\n    __publicField(this, "pendingRequests", /* @__PURE__ */ new Map());\n    __publicField(this, "pendingSpaRequests", /* @__PURE__ */ new Map());\n  }\n  evictIfFull(map) {\n    if (map.size < MAX_CACHE_SIZE) return;\n    const oldest = map.keys().next().value;\n    if (oldest) map.delete(oldest);\n  }\n  getCached(path) {\n    return this.cache.get(path);\n  }\n  isCached(path) {\n    return this.cache.has(path);\n  }\n  setCache(path, data) {\n    this.evictIfFull(this.cache);\n    this.cache.set(path, data);\n  }\n  clearCache() {\n    this.cache.clear();\n    this.spaCache.clear();\n    this.pendingRequests.clear();\n    this.pendingSpaRequests.clear();\n  }\n  getSpaCached(path) {\n    return this.spaCache.get(path);\n  }\n  isSpaDataCached(path) {\n    return this.spaCache.has(path);\n  }\n  setSpaCache(path, data) {\n    this.evictIfFull(this.spaCache);\n    this.spaCache.set(path, data);\n  }\n  async fetchPageData(path) {\n    return await this.tryFetchJSON(path) ?? this.fetchAndParseHTML(path);\n  }\n  async tryFetchJSON(path) {\n    try {\n      const response = await fetch(`/_veryfront/data${path}.json`, {\n        headers: { "X-Veryfront-Navigation": "client" }\n      });\n      if (!response.ok) return null;\n      return await response.json();\n    } catch (error) {\n      logger4.debug(`JSON fetch failed for ${path}, falling back to HTML:`, error);\n      return null;\n    }\n  }\n  async fetchAndParseHTML(path) {\n    const response = await fetch(path, {\n      headers: { "X-Veryfront-Navigation": "client" }\n    });\n    if (!response.ok) {\n      throw NETWORK_ERROR.create({\n        detail: `Failed to fetch ${path}`,\n        status: response.status,\n        context: { path }\n      });\n    }\n    const html = await response.text();\n    const { content, pageData } = parsePageDataFromHTML(html);\n    return { html: content, ...pageData };\n  }\n  loadPage(path) {\n    const cachedData = this.getCached(path);\n    if (cachedData) {\n      logger4.debug(`Loading ${path} from cache`);\n      return Promise.resolve(cachedData);\n    }\n    const pending = this.pendingRequests.get(path);\n    if (pending) {\n      logger4.debug(`Reusing pending request for ${path}`);\n      return pending;\n    }\n    logger4.debug(`Creating pending request for ${path}`);\n    return this.createPendingRequest(path, this.pendingRequests, async () => {\n      const data = await this.fetchPageData(path);\n      this.setCache(path, data);\n      return data;\n    });\n  }\n  async prefetch(path) {\n    if (this.isCached(path)) return;\n    logger4.debug(`Prefetching ${path}`);\n    try {\n      await this.loadPage(path);\n    } catch (error) {\n      logger4.warn(\n        `[Veryfront] Failed to prefetch ${path}`,\n        error instanceof Error ? error : new Error(String(error))\n      );\n    }\n  }\n  async fetchSpaPageData(path) {\n    const normalizedPath = path === "/" ? "" : path.replace(/^\\//, "");\n    const endpoint = `/_veryfront/page-data/${normalizedPath}.json`;\n    logger4.debug(`Fetching SPA page data from ${endpoint}`);\n    const response = await fetch(endpoint, {\n      headers: { "X-Veryfront-Navigation": "spa" }\n    });\n    if (!response.ok) {\n      throw NETWORK_ERROR.create({\n        detail: `Failed to fetch SPA page data for ${path}`,\n        status: response.status,\n        context: { path }\n      });\n    }\n    return response.json();\n  }\n  loadSpaPageData(path) {\n    const cachedData = this.getSpaCached(path);\n    if (cachedData) {\n      logger4.debug(`Loading SPA data for ${path} from cache`);\n      return Promise.resolve(cachedData);\n    }\n    const pending = this.pendingSpaRequests.get(path);\n    if (pending) {\n      logger4.debug(`Reusing pending SPA request for ${path}`);\n      return pending;\n    }\n    logger4.debug(`Creating pending SPA request for ${path}`);\n    return this.createPendingRequest(path, this.pendingSpaRequests, async () => {\n      const data = await this.fetchSpaPageData(path);\n      this.setSpaCache(path, data);\n      return data;\n    });\n  }\n  async prefetchSpaPageData(path) {\n    if (this.isSpaDataCached(path)) return;\n    logger4.debug(`Prefetching SPA page data for ${path}`);\n    try {\n      await this.loadSpaPageData(path);\n    } catch (error) {\n      logger4.warn(\n        `[Veryfront] Failed to prefetch SPA data for ${path}`,\n        error instanceof Error ? error : new Error(String(error))\n      );\n    }\n  }\n  createPendingRequest(path, pendingMap, fetcher) {\n    const request = (async () => {\n      try {\n        return await fetcher();\n      } finally {\n        pendingMap.delete(path);\n      }\n    })();\n    pendingMap.set(path, request);\n    return request;\n  }\n};\n\n// src/security/client/html-sanitizer.ts\nvar SUSPICIOUS_PATTERN_SPECS = [\n  { source: String.raw`<script[^>]*>[\\s\\S]*?<\\/script>`, flags: "gi", name: "inline script" },\n  { source: String.raw`javascript:`, flags: "gi", name: "javascript: URL" },\n  { source: String.raw`\\bon\\w+\\s*=`, flags: "gi", name: "event handler attribute" },\n  { source: String.raw`data:\\s*text\\/html`, flags: "gi", name: "data: HTML URL" }\n];\nfunction createSuspiciousPatterns() {\n  return SUSPICIOUS_PATTERN_SPECS.map(({ source, flags, name }) => ({\n    pattern: new RegExp(source, flags),\n    name\n  }));\n}\nfunction isDevMode() {\n  const g = globalThis;\n  return g.__VERYFRONT_DEV__ === true || g.Deno?.env?.get?.("VERYFRONT_ENV") === "development";\n}\nfunction validateTrustedHtml(html, options = {}) {\n  const { allowInlineScripts = false, strict = false, warn = true } = options;\n  for (const { pattern, name } of createSuspiciousPatterns()) {\n    if (allowInlineScripts && name === "inline script") continue;\n    pattern.lastIndex = 0;\n    if (!pattern.test(html)) continue;\n    if (warn) console.warn(`[Security] Suspicious ${name} detected in server HTML`);\n    if (strict || !isDevMode()) {\n      throw SECURITY_VIOLATION.create({ detail: `Potentially unsafe HTML: ${name} detected` });\n    }\n  }\n  return html;\n}\n\n// src/routing/client/page-transition.ts\nvar logger5 = rendererLogger.component("veryfront");\nvar PageTransition = class {\n  constructor(setupViewportPrefetch) {\n    __publicField(this, "setupViewportPrefetch", setupViewportPrefetch);\n    __publicField(this, "pendingTransitionTimeout");\n  }\n  destroy() {\n    if (this.pendingTransitionTimeout === void 0) return;\n    clearTimeout(this.pendingTransitionTimeout);\n    this.pendingTransitionTimeout = void 0;\n  }\n  updatePage(data, isPopState, scrollY) {\n    const title = data.frontmatter?.title;\n    if (title) document.title = title;\n    updateMetaTags(data.frontmatter ?? {});\n    const rootElement = document.getElementById("root");\n    if (!rootElement || !data.html) return;\n    this.performTransition(rootElement, data, isPopState, scrollY);\n  }\n  performTransition(rootElement, data, isPopState, scrollY) {\n    if (this.pendingTransitionTimeout !== void 0) {\n      clearTimeout(this.pendingTransitionTimeout);\n      this.pendingTransitionTimeout = void 0;\n    }\n    rootElement.style.opacity = "0";\n    this.pendingTransitionTimeout = setTimeout(() => {\n      this.pendingTransitionTimeout = void 0;\n      rootElement.innerHTML = validateTrustedHtml(String(data.html), { allowInlineScripts: true });\n      rootElement.style.opacity = "1";\n      executeScripts(rootElement);\n      applyHeadDirectives(rootElement);\n      this.setupViewportPrefetch(rootElement);\n      manageFocus(rootElement);\n      this.handleScroll(isPopState, scrollY);\n    }, PAGE_TRANSITION_DELAY_MS);\n  }\n  handleScroll(isPopState, scrollY) {\n    try {\n      globalThis.scrollTo(0, isPopState ? scrollY : 0);\n    } catch (error) {\n      logger5.warn("scroll handling failed", error);\n    }\n  }\n  showError(error) {\n    const rootElement = document.getElementById("root");\n    if (!rootElement) return;\n    const errorDiv = document.createElement("div");\n    errorDiv.className = "veryfront-error-page";\n    const heading = document.createElement("h1");\n    heading.textContent = "Oops! Something went wrong";\n    const message = document.createElement("p");\n    message.textContent = error.message;\n    const button = document.createElement("button");\n    button.type = "button";\n    button.textContent = "Reload Page";\n    button.onclick = () => globalThis.location.reload();\n    errorDiv.append(heading, message, button);\n    rootElement.innerHTML = "";\n    rootElement.appendChild(errorDiv);\n  }\n  setLoadingState(loading) {\n    const indicator = document.getElementById("veryfront-loading");\n    if (indicator) indicator.style.display = loading ? "block" : "none";\n    document.body.classList.toggle("veryfront-loading", loading);\n  }\n};\n\n// src/routing/client/viewport-prefetch.ts\nvar logger6 = rendererLogger.component("veryfront");\nvar ViewportPrefetch = class {\n  constructor(prefetchCallback, prefetchOptions = {}) {\n    __publicField(this, "observer", null);\n    __publicField(this, "prefetchCallback");\n    __publicField(this, "prefetchOptions");\n    this.prefetchCallback = prefetchCallback;\n    this.prefetchOptions = prefetchOptions;\n  }\n  setup(root) {\n    try {\n      if (!("IntersectionObserver" in globalThis)) return;\n      this.observer?.disconnect();\n      this.createObserver();\n      this.observeLinks(root);\n    } catch (error) {\n      logger6.debug("setupViewportPrefetch failed", error);\n    }\n  }\n  createObserver() {\n    this.observer = new IntersectionObserver(\n      (entries) => {\n        for (const entry of entries) {\n          if (!entry.isIntersecting) continue;\n          if (!(entry.target instanceof HTMLAnchorElement)) continue;\n          const href = entry.target.getAttribute("href");\n          if (href) this.prefetchCallback(href);\n          this.observer?.unobserve(entry.target);\n        }\n      },\n      { rootMargin: "200px" }\n    );\n  }\n  observeLinks(root) {\n    const anchors = root.querySelectorAll(\'a[href]:not([target="_blank"])\');\n    const isViewportEnabled = Boolean(this.prefetchOptions.viewport);\n    for (const anchor of anchors) {\n      if (!this.shouldObserveAnchor(anchor, isViewportEnabled)) continue;\n      this.observer?.observe(anchor);\n    }\n  }\n  shouldObserveAnchor(anchor, isViewportEnabled) {\n    const href = anchor.getAttribute("href");\n    if (!href) return false;\n    if (href.startsWith("http") || href.startsWith("#")) return false;\n    if (anchor.getAttribute("download")) return false;\n    const prefetchAttribute = anchor.getAttribute("data-prefetch");\n    if (prefetchAttribute === "false") return false;\n    return prefetchAttribute === "viewport" || isViewportEnabled;\n  }\n  disconnect() {\n    if (!this.observer) return;\n    try {\n      this.observer.disconnect();\n    } catch (error) {\n      logger6.warn("prefetchObserver.disconnect failed", error);\n    } finally {\n      this.observer = null;\n    }\n  }\n};\n\n// src/rendering/client/router.ts\nvar logger7 = rendererLogger.component("veryfront");\nvar VeryfrontRouter = class {\n  constructor(options = {}) {\n    __publicField(this, "baseUrl");\n    __publicField(this, "currentPath");\n    __publicField(this, "root", null);\n    __publicField(this, "options");\n    __publicField(this, "spaMode");\n    __publicField(this, "spaNavigationHandler", null);\n    __publicField(this, "pageLoader");\n    __publicField(this, "navigationHandlers");\n    __publicField(this, "pageTransition");\n    __publicField(this, "viewportPrefetch");\n    __publicField(this, "handleClick");\n    __publicField(this, "handlePopState");\n    __publicField(this, "handleMouseOver");\n    const globalOptions = this.loadGlobalOptions();\n    this.options = { ...globalOptions, ...options };\n    this.baseUrl = this.options.baseUrl || globalThis.location.origin;\n    this.currentPath = globalThis.location.pathname;\n    this.spaMode = this.options.spaMode ?? globalThis.__VERYFRONT_SPA_MODE__ ?? false;\n    this.pageLoader = new PageLoader();\n    this.navigationHandlers = new NavigationHandlers(\n      this.options.prefetchDelay,\n      this.options.prefetch\n    );\n    this.pageTransition = new PageTransition((root) => this.viewportPrefetch.setup(root));\n    this.viewportPrefetch = new ViewportPrefetch(\n      (path) => this.prefetch(path),\n      this.options.prefetch\n    );\n    this.handleClick = this.navigationHandlers.createClickHandler({\n      onNavigate: (url) => this.navigate(url),\n      onPrefetch: (url) => this.prefetch(url)\n    });\n    this.handlePopState = this.navigationHandlers.createPopStateHandler({\n      onNavigate: (url) => this.navigate(url, false),\n      onPrefetch: (url) => this.prefetch(url)\n    });\n    this.handleMouseOver = this.navigationHandlers.createMouseOverHandler({\n      onNavigate: (url) => this.navigate(url),\n      onPrefetch: (url) => this.prefetch(url)\n    });\n  }\n  registerNavigationHandler(handler) {\n    logger7.debug("Registering SPA navigation handler");\n    this.spaNavigationHandler = handler;\n    this.spaMode = true;\n  }\n  loadGlobalOptions() {\n    try {\n      const options = globalThis.__VERYFRONT_ROUTER_OPTS__;\n      if (!options) {\n        logger7.debug("No global options configured");\n        return {};\n      }\n      return options;\n    } catch (error) {\n      logger7.error("Failed to read global options:", error);\n      return {};\n    }\n  }\n  init() {\n    logger7.debug("Initializing client-side router");\n    const rootElement = document.getElementById("root");\n    if (!rootElement) {\n      logger7.error("Root element not found");\n      return;\n    }\n    const ReactDOMToUse = globalThis.ReactDOM ?? ReactDOM;\n    this.root = ReactDOMToUse.createRoot(rootElement);\n    document.addEventListener("click", this.handleClick);\n    globalThis.addEventListener("popstate", this.handlePopState);\n    document.addEventListener("mouseover", this.handleMouseOver);\n    this.viewportPrefetch.setup(document);\n    this.cacheCurrentPage();\n  }\n  cacheCurrentPage() {\n    const pageData = extractPageDataFromScript();\n    if (pageData) this.pageLoader.setCache(this.currentPath, pageData);\n  }\n  async navigate(url, pushState = true) {\n    logger7.debug(`Navigating to ${url} (SPA mode: ${this.spaMode})`);\n    this.navigationHandlers.saveScrollPosition(this.currentPath);\n    this.options.onStart?.(url);\n    if (pushState) globalThis.history.pushState({}, "", url);\n    if (this.spaMode && this.spaNavigationHandler) {\n      await this.loadSpaPage(url);\n    } else {\n      await this.loadPage(url);\n    }\n    this.options.onNavigate?.(url);\n  }\n  async loadSpaPage(path) {\n    logger7.debug(`Loading SPA page: ${path}`);\n    try {\n      const spaData = await this.pageLoader.loadSpaPageData(path);\n      await this.spaNavigationHandler?.(spaData);\n      this.currentPath = path;\n      this.handleScrollAfterNavigation();\n      this.options.onComplete?.(path);\n    } catch (error) {\n      const normalizedError = error instanceof Error ? error : new Error(String(error));\n      logger7.error(`Failed to load SPA page ${path}`, normalizedError);\n      this.options.onError?.(normalizedError);\n      this.pageTransition.showError(normalizedError);\n    }\n  }\n  handleScrollAfterNavigation() {\n    const isPopState = this.navigationHandlers.isPopState();\n    const scrollY = this.navigationHandlers.getScrollPosition(this.currentPath);\n    try {\n      globalThis.scrollTo(0, isPopState ? scrollY : 0);\n    } catch (error) {\n      logger7.warn("scroll handling failed", error);\n    }\n    this.navigationHandlers.clearPopStateFlag();\n  }\n  async loadPage(path, updateUI = true) {\n    if (this.pageLoader.isCached(path)) {\n      logger7.debug(`Loading ${path} from cache`);\n      const data = this.pageLoader.getCached(path);\n      if (data) {\n        if (updateUI) this.updatePage(data);\n        return;\n      }\n      logger7.warn(`Cache entry for ${path} was unexpectedly null, fetching fresh data`);\n    }\n    this.pageTransition.setLoadingState(true);\n    try {\n      const data = await this.pageLoader.loadPage(path);\n      if (updateUI) this.updatePage(data);\n      this.currentPath = path;\n      this.options.onComplete?.(path);\n    } catch (error) {\n      const normalizedError = error instanceof Error ? error : new Error(String(error));\n      logger7.error(`Failed to load ${path}`, normalizedError);\n      this.options.onError?.(normalizedError);\n      this.pageTransition.showError(normalizedError);\n    } finally {\n      this.pageTransition.setLoadingState(false);\n    }\n  }\n  async prefetch(path) {\n    if (this.spaMode) {\n      await this.pageLoader.prefetchSpaPageData(path);\n      return;\n    }\n    await this.pageLoader.prefetch(path);\n  }\n  updatePage(data) {\n    if (!this.root) return;\n    const isPopState = this.navigationHandlers.isPopState();\n    const scrollY = this.navigationHandlers.getScrollPosition(this.currentPath);\n    this.pageTransition.updatePage(data, isPopState, scrollY);\n    this.navigationHandlers.clearPopStateFlag();\n  }\n  destroy() {\n    document.removeEventListener("click", this.handleClick);\n    globalThis.removeEventListener("popstate", this.handlePopState);\n    document.removeEventListener("mouseover", this.handleMouseOver);\n    this.viewportPrefetch.disconnect();\n    this.pageLoader.clearCache();\n    this.navigationHandlers.clear();\n    this.pageTransition.destroy();\n  }\n};\nfunction boot(options = {}) {\n  if (typeof window === "undefined" || !globalThis.document) return null;\n  const globalWithRouter = globalThis;\n  if (globalWithRouter.veryFrontRouter) return globalWithRouter.veryFrontRouter;\n  const { slug: _slug, ...routerOptions } = options;\n  const router = new VeryfrontRouter(routerOptions);\n  if (document.readyState === "loading") {\n    document.addEventListener("DOMContentLoaded", () => router.init(), { once: true });\n  } else {\n    router.init();\n  }\n  globalWithRouter.veryFrontRouter = router;\n  return router;\n}\nif (typeof window !== "undefined" && globalThis.document) {\n  boot();\n}\nexport {\n  VeryfrontRouter,\n  boot\n};\n';
 export const CLIENT_PREFETCH_BUNDLE = 'var __defProp = Object.defineProperty;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);\n\n// src/rendering/client/browser-logger.ts\nvar ConditionalBrowserLogger = class {\n  constructor(prefix, level) {\n    __publicField(this, "prefix", prefix);\n    __publicField(this, "level", level);\n  }\n  log(minLevel, fn, message, ...args) {\n    if (this.level > minLevel) return;\n    fn?.(message, ...args);\n  }\n  debug(message, ...args) {\n    this.log(\n      0 /* DEBUG */,\n      console.debug,\n      `[${this.prefix}] DEBUG: ${message}`,\n      ...args\n    );\n  }\n  info(message, ...args) {\n    this.log(1 /* INFO */, console.log, `[${this.prefix}] ${message}`, ...args);\n  }\n  warn(message, ...args) {\n    this.log(\n      2 /* WARN */,\n      console.warn,\n      `[${this.prefix}] WARN: ${message}`,\n      ...args\n    );\n  }\n  error(message, ...args) {\n    this.log(\n      3 /* ERROR */,\n      console.error,\n      `[${this.prefix}] ERROR: ${message}`,\n      ...args\n    );\n  }\n};\nfunction getBrowserLogLevel() {\n  if (typeof window === "undefined") return 2 /* WARN */;\n  const g = globalThis;\n  const isDevelopment = g.__VERYFRONT_DEV__ || g.__RSC_DEV__;\n  if (!isDevelopment) return 2 /* WARN */;\n  const isDebugEnabled2 = g.__VERYFRONT_DEBUG__ || g.__RSC_DEBUG__;\n  return isDebugEnabled2 ? 0 /* DEBUG */ : 1 /* INFO */;\n}\nvar defaultLevel = getBrowserLogLevel();\nvar rscLogger = new ConditionalBrowserLogger("RSC", defaultLevel);\nvar prefetchLogger = new ConditionalBrowserLogger("PREFETCH", defaultLevel);\nvar hydrateLogger = new ConditionalBrowserLogger("HYDRATE", defaultLevel);\nvar browserLogger = new ConditionalBrowserLogger("VERYFRONT", defaultLevel);\n\n// src/rendering/client/prefetch/link-observer.ts\nfunction isAnchorElement(element) {\n  return typeof HTMLAnchorElement !== "undefined" ? element instanceof HTMLAnchorElement : element.tagName === "A";\n}\nvar LinkObserver = class {\n  constructor(options, prefetchedUrls) {\n    __publicField(this, "options");\n    __publicField(this, "intersectionObserver", null);\n    __publicField(this, "mutationObserver", null);\n    __publicField(this, "prefetchedUrls");\n    __publicField(this, "pendingTimeouts", /* @__PURE__ */ new Map());\n    __publicField(this, "elementTimeoutMap", /* @__PURE__ */ new WeakMap());\n    __publicField(this, "timeoutCounter", 0);\n    this.options = options;\n    this.prefetchedUrls = prefetchedUrls;\n  }\n  init() {\n    this.createIntersectionObserver();\n    this.observeLinks();\n    this.setupMutationObserver();\n  }\n  createIntersectionObserver() {\n    this.intersectionObserver = new IntersectionObserver(\n      (entries) => this.handleIntersection(entries),\n      { rootMargin: this.options.rootMargin }\n    );\n  }\n  handleIntersection(entries) {\n    for (const entry of entries) {\n      if (!entry.isIntersecting) continue;\n      if (!isAnchorElement(entry.target)) continue;\n      const link = entry.target;\n      if (this.timeoutCounter > 1e6) this.timeoutCounter = 0;\n      const timeoutKey = this.timeoutCounter++;\n      const timeoutId = setTimeout(() => {\n        this.pendingTimeouts.delete(timeoutKey);\n        this.elementTimeoutMap.delete(link);\n        this.options.onLinkVisible(link);\n      }, this.options.delay);\n      this.pendingTimeouts.set(timeoutKey, timeoutId);\n      this.elementTimeoutMap.set(link, timeoutKey);\n    }\n  }\n  observeLinks() {\n    this.observeAnchors(document.querySelectorAll(\'a[href^="/"], a[href^="./"]\'));\n  }\n  setupMutationObserver() {\n    this.mutationObserver = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        if (mutation.type !== "childList") continue;\n        for (const node of mutation.addedNodes) {\n          if (node.nodeType !== Node.ELEMENT_NODE) continue;\n          this.observeElement(node);\n        }\n        for (const node of mutation.removedNodes) {\n          if (node.nodeType !== Node.ELEMENT_NODE) continue;\n          this.clearElementTimeouts(node);\n        }\n      }\n    });\n    this.mutationObserver.observe(document.body, { childList: true, subtree: true });\n  }\n  clearTimeoutForElement(element) {\n    const timeoutKey = this.elementTimeoutMap.get(element);\n    if (timeoutKey === void 0) return;\n    const timeoutId = this.pendingTimeouts.get(timeoutKey);\n    if (timeoutId !== void 0) {\n      clearTimeout(timeoutId);\n      this.pendingTimeouts.delete(timeoutKey);\n    }\n    this.elementTimeoutMap.delete(element);\n  }\n  clearElementTimeouts(element) {\n    if (isAnchorElement(element)) this.clearTimeoutForElement(element);\n    for (const link of element.querySelectorAll("a")) {\n      this.clearTimeoutForElement(link);\n    }\n  }\n  observeElement(element) {\n    if (isAnchorElement(element) && this.isValidLink(element)) {\n      this.intersectionObserver?.observe(element);\n    }\n    this.observeAnchors(element.querySelectorAll(\'a[href^="/"], a[href^="./"]\'));\n  }\n  observeAnchors(links) {\n    for (const link of links) {\n      if (!isAnchorElement(link)) continue;\n      if (!this.isValidLink(link)) continue;\n      this.intersectionObserver?.observe(link);\n    }\n  }\n  isValidLink(link) {\n    if (link.hostname !== globalThis.location.hostname) return false;\n    if (link.hasAttribute("download")) return false;\n    if (link.target === "_blank") return false;\n    const url = link.href;\n    if (this.prefetchedUrls.has(url)) return false;\n    if (url === globalThis.location.href) return false;\n    if (link.hash && link.pathname === globalThis.location.pathname) return false;\n    if (link.dataset.noPrefetch) return false;\n    return true;\n  }\n  destroy() {\n    for (const timeoutId of this.pendingTimeouts.values()) {\n      clearTimeout(timeoutId);\n    }\n    this.pendingTimeouts.clear();\n    this.timeoutCounter = 0;\n    this.intersectionObserver?.disconnect();\n    this.intersectionObserver = null;\n    this.mutationObserver?.disconnect();\n    this.mutationObserver = null;\n  }\n};\n\n// src/rendering/client/prefetch/network-utils.ts\nvar NetworkUtils = class {\n  constructor(allowedNetworks = ["4g", "wifi", "ethernet"]) {\n    __publicField(this, "networkInfo");\n    __publicField(this, "allowedNetworks");\n    this.allowedNetworks = allowedNetworks;\n    this.networkInfo = this.getNetworkConnection();\n  }\n  getNavigatorWithConnection() {\n    if (typeof globalThis.navigator === "undefined") return null;\n    return globalThis.navigator;\n  }\n  getNetworkConnection() {\n    const nav = this.getNavigatorWithConnection();\n    return nav?.connection ?? nav?.mozConnection ?? nav?.webkitConnection ?? null;\n  }\n  shouldPrefetch() {\n    if (this.networkInfo?.saveData) return false;\n    const effectiveType = this.networkInfo?.effectiveType;\n    if (effectiveType != null && !this.allowedNetworks.includes(effectiveType)) return false;\n    return true;\n  }\n  onNetworkChange(callback) {\n    this.networkInfo?.addEventListener?.("change", callback);\n  }\n  getNetworkInfo() {\n    return this.networkInfo;\n  }\n};\n\n// src/utils/constants/buffers.ts\nvar DEFAULT_MAX_BODY_SIZE_BYTES = 1024 * 1024;\nvar DEFAULT_MAX_FILE_SIZE_BYTES = 5 * 1024 * 1024;\nvar PREFETCH_QUEUE_MAX_SIZE_BYTES = DEFAULT_MAX_BODY_SIZE_BYTES;\nvar MAX_BUNDLE_CHUNK_SIZE_BYTES = 4096 * 1024;\n\n// src/utils/constants/cache.ts\nvar SECONDS_PER_MINUTE = 60;\nvar MINUTES_PER_HOUR = 60;\nvar HOURS_PER_DAY = 24;\nvar MS_PER_SECOND = 1e3;\nvar MS_PER_MINUTE = SECONDS_PER_MINUTE * MS_PER_SECOND;\nvar MS_PER_HOUR = MINUTES_PER_HOUR * MS_PER_MINUTE;\nvar ONE_DAY_MS = HOURS_PER_DAY * MS_PER_HOUR;\nfunction getEnvString(key) {\n  const g = globalThis;\n  try {\n    return g.Deno?.env?.get?.(key) ?? g.process?.env?.[key];\n  } catch (_) {\n    return void 0;\n  }\n}\nfunction getEnvNumber(key, fallback) {\n  const value = getEnvString(key);\n  if (value == null) return fallback;\n  const parsed = Number.parseInt(value, 10);\n  if (Number.isNaN(parsed)) return fallback;\n  return parsed;\n}\nvar DEFAULT_LRU_MAX_ENTRIES = getEnvNumber("LRU_DEFAULT_MAX_ENTRIES", 100);\nvar COMPONENT_LOADER_MAX_ENTRIES = getEnvNumber("COMPONENT_LOADER_MAX_ENTRIES", 200);\nvar COMPONENT_LOADER_TTL_MS = 10 * MS_PER_MINUTE;\nvar MDX_RENDERER_MAX_ENTRIES = getEnvNumber("MDX_RENDERER_MAX_ENTRIES", 500);\nvar MDX_RENDERER_TTL_MS = 10 * MS_PER_MINUTE;\nvar RENDERER_CORE_MAX_ENTRIES = getEnvNumber("RENDERER_CORE_MAX_ENTRIES", 200);\nvar RENDERER_CORE_TTL_MS = 5 * MS_PER_MINUTE;\nvar TSX_LAYOUT_MAX_ENTRIES = getEnvNumber("TSX_LAYOUT_MAX_ENTRIES", 100);\nvar TSX_LAYOUT_TTL_MS = 10 * MS_PER_MINUTE;\nvar TSX_LAYOUT_PER_PROJECT_MAX_ENTRIES = getEnvNumber(\n  "TSX_LAYOUT_PER_PROJECT_MAX_ENTRIES",\n  Math.ceil(TSX_LAYOUT_MAX_ENTRIES / 10)\n);\nvar DATA_FETCHING_MAX_ENTRIES = getEnvNumber("DATA_FETCHING_MAX_ENTRIES", 500);\nvar DATA_FETCHING_TTL_MS = 10 * MS_PER_MINUTE;\nvar MDX_CACHE_TTL_DEVELOPMENT_MS = 5 * MS_PER_MINUTE;\nvar BUNDLE_CACHE_TTL_DEVELOPMENT_MS = 5 * MS_PER_MINUTE;\nvar BUNDLE_MANIFEST_PROD_TTL_MS = 7 * ONE_DAY_MS;\nvar SERVER_ACTION_DEFAULT_TTL_SEC = MINUTES_PER_HOUR * SECONDS_PER_MINUTE;\nvar DISTRIBUTED_SSR_MODULE_TTL_PRODUCTION_SEC = getEnvNumber(\n  "DISTRIBUTED_SSR_MODULE_TTL_SEC",\n  6 * MINUTES_PER_HOUR * SECONDS_PER_MINUTE\n);\nvar DISTRIBUTED_SSR_MODULE_TTL_PREVIEW_SEC = getEnvNumber(\n  "DISTRIBUTED_SSR_MODULE_TTL_PREVIEW_SEC",\n  10 * SECONDS_PER_MINUTE\n);\nvar DISTRIBUTED_TRANSFORM_TTL_PRODUCTION_SEC = getEnvNumber(\n  "DISTRIBUTED_TRANSFORM_TTL_SEC",\n  6 * MINUTES_PER_HOUR * SECONDS_PER_MINUTE\n);\nvar DISTRIBUTED_TRANSFORM_TTL_PREVIEW_SEC = getEnvNumber(\n  "DISTRIBUTED_TRANSFORM_TTL_PREVIEW_SEC",\n  10 * SECONDS_PER_MINUTE\n);\nvar DISTRIBUTED_FILE_TTL_PRODUCTION_SEC = getEnvNumber(\n  "DISTRIBUTED_FILE_TTL_SEC",\n  MINUTES_PER_HOUR * SECONDS_PER_MINUTE\n);\nvar DISTRIBUTED_FILE_TTL_PREVIEW_SEC = getEnvNumber(\n  "DISTRIBUTED_FILE_TTL_PREVIEW_SEC",\n  5 * SECONDS_PER_MINUTE\n);\nvar DISTRIBUTED_CSS_TTL_PRODUCTION_SEC = getEnvNumber(\n  "DISTRIBUTED_CSS_TTL_SEC",\n  6 * MINUTES_PER_HOUR * SECONDS_PER_MINUTE\n);\nvar DISTRIBUTED_CSS_TTL_PREVIEW_SEC = getEnvNumber(\n  "DISTRIBUTED_CSS_TTL_PREVIEW_SEC",\n  10 * SECONDS_PER_MINUTE\n);\nvar LRU_DEFAULT_MAX_ENTRIES_V2 = getEnvNumber("LRU_MAX_ENTRIES", 2e3);\nvar LRU_DEFAULT_MAX_SIZE_BYTES = getEnvNumber("LRU_MAX_SIZE_MB", 200) * 1024 * 1024;\nvar MEMORY_CACHE_MAX_ENTRIES = getEnvNumber("MEMORY_CACHE_MAX_ENTRIES", 2e3);\nvar MEMORY_CACHE_MAX_SIZE_BYTES = getEnvNumber("MEMORY_CACHE_MAX_SIZE_MB", 50) * 1024 * 1024;\nvar FILE_CACHE_MAX_ENTRIES = getEnvNumber("FILE_CACHE_MAX_ENTRIES", 1e3);\nvar FILE_CACHE_MAX_SIZE_MB = getEnvNumber("FILE_CACHE_MAX_SIZE_MB", 100);\nvar MAX_CONCURRENT_REVALIDATIONS = getEnvNumber("MAX_CONCURRENT_REVALIDATIONS", 32);\nvar MAX_CONCURRENT_HTTP_FETCHES = getEnvNumber("MAX_CONCURRENT_HTTP_FETCHES", 50);\nvar REVALIDATION_TIMEOUT_MS = getEnvNumber("REVALIDATION_TIMEOUT_MS", 15e3);\nvar REVALIDATION_PER_PROJECT_LIMIT = getEnvNumber(\n  "REVALIDATION_PER_PROJECT_LIMIT",\n  Math.ceil(MAX_CONCURRENT_REVALIDATIONS / 3)\n);\nvar BUNDLE_MANIFEST_DISTRIBUTED_TTL_SEC = getEnvNumber(\n  "BUNDLE_MANIFEST_DISTRIBUTED_TTL_SEC",\n  HOURS_PER_DAY * MINUTES_PER_HOUR * SECONDS_PER_MINUTE\n  // 24 hours (86400)\n);\nvar BUNDLE_MANIFEST_LRU_MAX_ENTRIES = getEnvNumber(\n  "BUNDLE_MANIFEST_LRU_MAX_ENTRIES",\n  5e3\n);\nvar HTTP_MODULE_CACHE_MAX_ENTRIES = getEnvNumber("HTTP_MODULE_CACHE_MAX_ENTRIES", 2e3);\nvar HTTP_MODULE_DISTRIBUTED_TTL_SEC = getEnvNumber(\n  "HTTP_MODULE_DISTRIBUTED_TTL_SEC",\n  HOURS_PER_DAY * MINUTES_PER_HOUR * SECONDS_PER_MINUTE\n  // 24 hours (86400)\n);\nvar TRANSFORM_DISTRIBUTED_TTL_SEC = getEnvNumber(\n  "TRANSFORM_DISTRIBUTED_TTL_SEC",\n  6 * MINUTES_PER_HOUR * SECONDS_PER_MINUTE\n  // 6 hours (21600)\n);\nvar MODULE_CACHE_MAX_ENTRIES = getEnvNumber("MODULE_CACHE_MAX_ENTRIES", 1e4);\nvar MODULE_CACHE_TTL_MS = getEnvNumber(\n  "MODULE_CACHE_TTL_MS",\n  5 * MS_PER_MINUTE\n  // 5 minutes - short enough to pick up changes, long enough to cache\n);\nvar ESM_CACHE_MAX_ENTRIES = getEnvNumber("ESM_CACHE_MAX_ENTRIES", 5e3);\nvar ESM_CACHE_TTL_MS = getEnvNumber(\n  "ESM_CACHE_TTL_MS",\n  10 * MS_PER_MINUTE\n  // 10 minutes - external modules change less frequently\n);\n\n// src/utils/constants/http.ts\nvar KB_IN_BYTES = 1024;\nvar PREFETCH_MAX_SIZE_BYTES = 200 * KB_IN_BYTES;\n\n// src/utils/constants/hmr.ts\nvar HMR_MAX_MESSAGE_SIZE_BYTES = 1024 * KB_IN_BYTES;\n\n// src/utils/constants/network.ts\nvar BYTES_PER_KB = 1024;\nvar BYTES_PER_MB = BYTES_PER_KB * BYTES_PER_KB;\n\n// src/utils/constants/server.ts\nvar INTERNAL_PREFIX = "/_veryfront";\nvar INTERNAL_PATH_PREFIXES = {\n  /** React Server Components endpoints */\n  RSC: `${INTERNAL_PREFIX}/rsc/`,\n  /** File system access endpoints (base64 encoded paths) */\n  FS: `${INTERNAL_PREFIX}/fs/`,\n  /** Virtual module system */\n  MODULES: `${INTERNAL_PREFIX}/modules/`,\n  /** Generated page modules */\n  PAGES: `${INTERNAL_PREFIX}/pages/`,\n  /** Data JSON endpoints */\n  DATA: `${INTERNAL_PREFIX}/data/`,\n  /** Library modules and large vendor surfaces */\n  LIB: `${INTERNAL_PREFIX}/lib/`,\n  /** Chunk assets */\n  CHUNKS: `${INTERNAL_PREFIX}/chunks/`,\n  /** Client component modules */\n  CLIENT: `${INTERNAL_PREFIX}/client/`\n};\nvar INTERNAL_ENDPOINTS = {\n  // Development endpoints\n  HMR_RUNTIME: `${INTERNAL_PREFIX}/hmr-runtime.js`,\n  HMR: `${INTERNAL_PREFIX}/hmr.js`,\n  ERROR_OVERLAY: `${INTERNAL_PREFIX}/error-overlay.js`,\n  // Legacy endpoint retained for backward compatibility (no active handler).\n  DEV_LOADER: `${INTERNAL_PREFIX}/dev-loader.js`,\n  CLIENT_LOG: `${INTERNAL_PREFIX}/log`,\n  // Production endpoints\n  CLIENT_JS: `${INTERNAL_PREFIX}/client.js`,\n  ROUTER_JS: `${INTERNAL_PREFIX}/router.js`,\n  PREFETCH_JS: `${INTERNAL_PREFIX}/prefetch.js`,\n  MANIFEST_JSON: `${INTERNAL_PREFIX}/manifest.json`,\n  APP_JS: `${INTERNAL_PREFIX}/app.js`,\n  // RSC endpoints\n  RSC_CLIENT: `${INTERNAL_PREFIX}/rsc/client.js`,\n  RSC_MANIFEST: `${INTERNAL_PREFIX}/rsc/manifest`,\n  RSC_STREAM: `${INTERNAL_PREFIX}/rsc/stream`,\n  RSC_PAYLOAD: `${INTERNAL_PREFIX}/rsc/payload`,\n  RSC_RENDER: `${INTERNAL_PREFIX}/rsc/render`,\n  RSC_PAGE: `${INTERNAL_PREFIX}/rsc/page`,\n  RSC_MODULE: `${INTERNAL_PREFIX}/rsc/module`,\n  RSC_DOM: `${INTERNAL_PREFIX}/rsc/dom.js`,\n  // Library module endpoints\n  LIB_CHAT_REACT: `${INTERNAL_PREFIX}/lib/chat/react.js`,\n  LIB_CHAT_COMPONENTS: `${INTERNAL_PREFIX}/lib/chat/components.js`,\n  LIB_CHAT_PRIMITIVES: `${INTERNAL_PREFIX}/lib/chat/primitives.js`\n};\nvar PROJECT_DIRS = {\n  /** Base veryfront internal directory */\n  ROOT: ".veryfront",\n  /** Cache directory for build artifacts, transforms, etc. */\n  CACHE: ".veryfront/cache",\n  /** KV store directory */\n  KV: ".veryfront/kv",\n  /** Log files directory */\n  LOGS: ".veryfront/logs",\n  /** Temporary files directory */\n  TMP: ".veryfront/tmp"\n};\nvar DEFAULT_CACHE_DIR = PROJECT_DIRS.CACHE;\nvar DEV_SERVER_ENDPOINTS = {\n  HMR_RUNTIME: INTERNAL_ENDPOINTS.HMR_RUNTIME,\n  ERROR_OVERLAY: INTERNAL_ENDPOINTS.ERROR_OVERLAY\n};\n\n// src/rendering/client/prefetch/prefetch-queue.ts\nvar DEFAULT_OPTIONS = {\n  maxConcurrent: 4,\n  maxSize: PREFETCH_QUEUE_MAX_SIZE_BYTES,\n  timeout: 5e3\n};\nfunction isAbortError(error) {\n  if (typeof error !== "object" || error === null) return false;\n  if (!("name" in error)) return false;\n  return error.name === "AbortError";\n}\nvar PrefetchQueue = class {\n  constructor(options = {}, prefetchedUrls) {\n    __publicField(this, "options");\n    __publicField(this, "controllers", /* @__PURE__ */ new Map());\n    __publicField(this, "prefetchedUrls");\n    __publicField(this, "concurrent", 0);\n    __publicField(this, "stopped", false);\n    __publicField(this, "onResourcesFetched");\n    this.options = { ...DEFAULT_OPTIONS, ...options };\n    this.prefetchedUrls = prefetchedUrls ?? /* @__PURE__ */ new Set();\n  }\n  setResourceCallback(callback) {\n    this.onResourcesFetched = callback;\n  }\n  enqueue(url) {\n    void this.prefetch(url);\n  }\n  has(url) {\n    return this.prefetchedUrls.has(url) || this.controllers.has(url);\n  }\n  get size() {\n    return this.controllers.size;\n  }\n  clear() {\n    this.stopAll();\n    this.prefetchedUrls.clear();\n  }\n  start() {\n    this.stopped = false;\n  }\n  stop() {\n    this.stopped = true;\n    this.stopAll();\n  }\n  getQueueSize() {\n    return this.controllers.size;\n  }\n  getConcurrentCount() {\n    return this.concurrent;\n  }\n  async prefetchLink(link) {\n    if (this.stopped) return;\n    const url = link.href;\n    if (!url || this.controllers.has(url) || this.prefetchedUrls.has(url)) return;\n    if (this.concurrent >= this.options.maxConcurrent) {\n      prefetchLogger.debug?.(`Prefetch queue full, skipping ${url}`);\n      return;\n    }\n    let parsedUrl;\n    try {\n      parsedUrl = new URL(url);\n    } catch (_) {\n      prefetchLogger.debug?.(`Invalid prefetch URL ${url}`);\n      return;\n    }\n    const controller = new AbortController();\n    this.controllers.set(url, controller);\n    this.concurrent += 1;\n    const timeoutId = this.options.timeout > 0 ? setTimeout(() => controller.abort(), this.options.timeout) : void 0;\n    try {\n      const response = await fetch(parsedUrl.toString(), {\n        method: "GET",\n        signal: controller.signal,\n        headers: { "X-Veryfront-Prefetch": "1" }\n      });\n      if (!response.ok) return;\n      if (this.isResponseTooLarge(response)) {\n        prefetchLogger.debug?.(`Prefetch too large, skipping ${url}`);\n        return;\n      }\n      this.prefetchedUrls.add(url);\n      if (!this.onResourcesFetched) return;\n      try {\n        await this.onResourcesFetched(response, url);\n      } catch (callbackError) {\n        prefetchLogger.error?.(`Prefetch callback failed for ${url}`, callbackError);\n      }\n    } catch (error) {\n      if (!isAbortError(error)) {\n        prefetchLogger.error?.(`Failed to prefetch ${url}`, error);\n      }\n    } finally {\n      if (timeoutId !== void 0) clearTimeout(timeoutId);\n      this.controllers.delete(url);\n      this.concurrent = Math.max(0, this.concurrent - 1);\n    }\n  }\n  async prefetch(url) {\n    const link = typeof document !== "undefined" ? document.createElement("a") : { href: url };\n    link.href = url;\n    await this.prefetchLink(link);\n  }\n  stopAll() {\n    for (const controller of this.controllers.values()) {\n      controller.abort();\n    }\n    this.controllers.clear();\n    this.concurrent = 0;\n  }\n  isResponseTooLarge(response) {\n    const rawLength = response.headers.get("content-length");\n    if (rawLength === null) return false;\n    const size = Number.parseInt(rawLength, 10);\n    if (!Number.isFinite(size)) return false;\n    return size > this.options.maxSize;\n  }\n};\nvar prefetchQueue = new PrefetchQueue();\n\n// src/rendering/client/prefetch/resource-hints.ts\nvar ResourceHintsManager = class {\n  constructor() {\n    __publicField(this, "appliedHints", /* @__PURE__ */ new Set());\n  }\n  applyResourceHints(hints) {\n    for (const hint of hints) {\n      const key = `${hint.type}:${hint.href}`;\n      if (this.appliedHints.has(key)) continue;\n      const existing = document.querySelector(\n        `link[rel="${hint.type}"][href="${hint.href}"]`\n      );\n      if (existing) {\n        this.appliedHints.add(key);\n        continue;\n      }\n      this.createAndAppendHint(hint);\n      this.appliedHints.add(key);\n      prefetchLogger.debug(`Added resource hint: ${hint.type} ${hint.href}`);\n    }\n  }\n  createAndAppendHint(hint) {\n    if (!document.head) {\n      prefetchLogger.warn("document.head is not available, skipping resource hint");\n      return;\n    }\n    const link = document.createElement("link");\n    link.rel = hint.type;\n    link.href = hint.href;\n    if (hint.as) link.setAttribute("as", hint.as);\n    if (hint.crossOrigin) link.setAttribute("crossorigin", hint.crossOrigin);\n    if (hint.media) link.setAttribute("media", hint.media);\n    document.head.appendChild(link);\n  }\n  extractResourceHints(html, prefetchedUrls) {\n    try {\n      const doc = new DOMParser().parseFromString(html, "text/html");\n      const hints = [];\n      this.extractPreloadLinks(doc, prefetchedUrls, hints);\n      this.extractScripts(doc, prefetchedUrls, hints);\n      this.extractStylesheets(doc, prefetchedUrls, hints);\n      return hints;\n    } catch (error) {\n      prefetchLogger.error("Failed to parse prefetched page", error);\n      return [];\n    }\n  }\n  isValidResourceHintType(rel) {\n    switch (rel) {\n      case "prefetch":\n      case "preload":\n      case "preconnect":\n      case "dns-prefetch":\n        return true;\n      default:\n        return false;\n    }\n  }\n  extractPreloadLinks(doc, prefetchedUrls, hints) {\n    const links = doc.querySelectorAll(\n      \'link[rel="preload"], link[rel="prefetch"]\'\n    );\n    for (const link of links) {\n      const href = link.href;\n      if (!href) continue;\n      if (prefetchedUrls.has(href)) continue;\n      if (!this.isValidResourceHintType(link.rel)) continue;\n      hints.push({\n        type: link.rel,\n        href,\n        as: link.getAttribute("as") ?? void 0\n      });\n    }\n  }\n  extractScripts(doc, prefetchedUrls, hints) {\n    for (const script of doc.querySelectorAll("script[src]")) {\n      const src = script.src;\n      if (!src || prefetchedUrls.has(src)) continue;\n      hints.push({ type: "prefetch", href: src, as: "script" });\n    }\n  }\n  extractStylesheets(doc, prefetchedUrls, hints) {\n    for (const link of doc.querySelectorAll(\'link[rel="stylesheet"]\')) {\n      const href = link.href;\n      if (!href || prefetchedUrls.has(href)) continue;\n      hints.push({ type: "prefetch", href, as: "style" });\n    }\n  }\n  static generateResourceHints(_route, assets) {\n    const hints = [\n      \'<link rel="dns-prefetch" href="https://cdn.jsdelivr.net">\',\n      \'<link rel="dns-prefetch" href="https://esm.sh">\',\n      \'<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>\'\n    ];\n    for (const asset of assets) {\n      if (asset.endsWith(".js")) {\n        hints.push(`<link rel="modulepreload" href="${asset}">`);\n        continue;\n      }\n      if (asset.endsWith(".css")) {\n        hints.push(`<link rel="preload" as="style" href="${asset}">`);\n        continue;\n      }\n      if (/\\.(woff2?|ttf|otf)$/.test(asset)) {\n        hints.push(`<link rel="preload" as="font" href="${asset}" crossorigin>`);\n      }\n    }\n    return hints.join("\\n");\n  }\n};\n\n// src/rendering/client/browser-stubs/logger.ts\nfunction noop() {\n}\nvar logger = {\n  debug: noop,\n  info: console.log.bind(console),\n  warn: console.warn.bind(console),\n  error: console.error.bind(console),\n  component: () => logger\n};\nvar PREFETCH_MAX_SIZE_BYTES2 = 200 * 1024;\nvar PREFETCH_DEFAULT_TIMEOUT_MS2 = 1e4;\nvar PREFETCH_DEFAULT_DELAY_MS2 = 200;\n\n// src/rendering/client/prefetch.ts\nvar PrefetchManager = class {\n  constructor(options = {}) {\n    __publicField(this, "options");\n    __publicField(this, "prefetchedUrls", /* @__PURE__ */ new Set());\n    __publicField(this, "networkUtils");\n    __publicField(this, "linkObserver", null);\n    __publicField(this, "resourceHintsManager");\n    __publicField(this, "prefetchQueue");\n    this.options = {\n      rootMargin: options.rootMargin ?? "50px",\n      delay: options.delay ?? PREFETCH_DEFAULT_DELAY_MS2,\n      maxConcurrent: options.maxConcurrent ?? 2,\n      allowedNetworks: options.allowedNetworks ?? ["4g", "wifi", "ethernet"],\n      maxSize: options.maxSize ?? PREFETCH_MAX_SIZE_BYTES2,\n      timeout: options.timeout ?? PREFETCH_DEFAULT_TIMEOUT_MS2\n    };\n    this.networkUtils = new NetworkUtils(this.options.allowedNetworks);\n    this.resourceHintsManager = new ResourceHintsManager();\n    this.prefetchQueue = new PrefetchQueue(\n      {\n        maxConcurrent: this.options.maxConcurrent,\n        maxSize: this.options.maxSize,\n        timeout: this.options.timeout\n      },\n      this.prefetchedUrls\n    );\n    this.prefetchQueue.setResourceCallback(\n      (response, url) => this.prefetchPageResources(response, url)\n    );\n  }\n  init() {\n    prefetchLogger.info("Initializing prefetch manager");\n    if (!this.networkUtils.shouldPrefetch()) {\n      prefetchLogger.info("Prefetching disabled due to network conditions");\n      return;\n    }\n    this.linkObserver = new LinkObserver(\n      {\n        rootMargin: this.options.rootMargin,\n        delay: this.options.delay,\n        onLinkVisible: (link) => this.prefetchQueue.prefetchLink(link)\n      },\n      this.prefetchedUrls\n    );\n    this.linkObserver.init();\n    this.networkUtils.onNetworkChange(() => {\n      if (!this.networkUtils.shouldPrefetch()) this.prefetchQueue.stopAll();\n    });\n  }\n  async prefetchPageResources(response, _pageUrl) {\n    const html = await response.text();\n    const hints = this.resourceHintsManager.extractResourceHints(html, this.prefetchedUrls);\n    this.resourceHintsManager.applyResourceHints(hints);\n  }\n  applyResourceHints(hints) {\n    this.resourceHintsManager.applyResourceHints(hints);\n  }\n  async prefetch(url) {\n    await this.prefetchQueue.prefetch(url);\n  }\n  static generateResourceHints(route, assets) {\n    return ResourceHintsManager.generateResourceHints(route, assets);\n  }\n  destroy() {\n    this.linkObserver?.destroy();\n    this.prefetchQueue.stopAll();\n    this.prefetchedUrls.clear();\n  }\n};\nfunction initPrefetch(options) {\n  const prefetchManager = new PrefetchManager(options);\n  if (document.readyState === "loading") {\n    document.addEventListener("DOMContentLoaded", () => prefetchManager.init(), { once: true });\n  } else {\n    prefetchManager.init();\n  }\n  globalThis.veryFrontPrefetch = prefetchManager;\n  return prefetchManager;\n}\nfunction resolveAutoInitOptions() {\n  const setting = globalThis.__VERYFRONT_PREFETCH__;\n  if (!setting) return null;\n  if (setting === true) return {};\n  if (typeof setting === "object") return setting;\n  return null;\n}\nfunction shouldAutoInitPrefetch(options) {\n  if (!options) return false;\n  if (typeof window === "undefined" || typeof document === "undefined") return false;\n  const win = window;\n  const doc = document;\n  if (win.__veryfrontSSRStub || doc.__veryfrontSSRStub) return false;\n  if (typeof IntersectionObserver === "undefined") return false;\n  if (typeof MutationObserver === "undefined") return false;\n  return true;\n}\nvar autoInitOptions = resolveAutoInitOptions();\nif (shouldAutoInitPrefetch(autoInitOptions)) initPrefetch(autoInitOptions);\nexport {\n  PrefetchManager,\n  initPrefetch\n};\n';

package/esm/src/html/hydration-script-builder/templates/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../../../src/src/html/hydration-script-builder/templates/router.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,cAmvB3B,CAAC"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../../../../src/src/html/hydration-script-builder/templates/router.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,cA6zB3B,CAAC"}

package/esm/src/html/hydration-script-builder/templates/router.js

@@ -36,6 +36,7 @@ export const getRouterScript = () => `
     const BACKGROUND_REFRESH_INTERVAL_MS = 30 * 1000;
     const PREFETCH_DELAY_MS = 100;
     const MAX_PREFETCH_PATHS = 100;
+    const MAX_ROUTE_TIMINGS = 100;
 
     // ============================================
     // Debug logging (production-safe)
@@ -123,6 +124,41 @@ export const getRouterScript = () => `
         }
       : () => 0;
 
+    function routeTimingNow() {
+      return typeof performance !== 'undefined' && typeof performance.now === 'function'
+        ? performance.now()
+        : Date.now();
+    }
+
+    function emitRouteTiming(phase, path, startedAt, detail = {}) {
+      const entry = {
+        phase,
+        path,
+        duration: Math.max(0, routeTimingNow() - startedAt),
+        timestamp: Date.now(),
+        ...detail
+      };
+      const timings = Array.isArray(window.__veryfrontRouteTimings)
+        ? window.__veryfrontRouteTimings
+        : [];
+
+      timings.push(entry);
+      if (timings.length > MAX_ROUTE_TIMINGS) {
+        timings.splice(0, timings.length - MAX_ROUTE_TIMINGS);
+      }
+
+      window.__veryfrontRouteTimings = timings;
+
+      try {
+        window.dispatchEvent(new CustomEvent('veryfront:route-timing', { detail: entry }));
+      } catch (_) {
+        // CustomEvent dispatch is best-effort instrumentation.
+      }
+
+      log('Route timing:', entry);
+      return entry;
+    }
+
     // ============================================
     // LRU Cache with TTL (single Map to prevent sync issues)
     // ============================================
@@ -264,9 +300,14 @@ export const getRouterScript = () => `
     // Page data fetching with caching
     // ============================================
     async function fetchPageDataFresh(path, signal, options = {}) {
-      const { triggerReloadOnVersionMismatch = false } = options;
+      const {
+        triggerReloadOnVersionMismatch = false,
+        recordRouteTiming = false,
+        timingSource = 'network'
+      } = options;
       const normalizedPath = path === '/' ? '' : path.replace(/^\\//, '');
       const endpoint = '/_veryfront/page-data/' + normalizedPath + '.json';
+      const startedAt = recordRouteTiming ? routeTimingNow() : 0;
 
       log('Fetching page data:', path);
       perfStart('fetch:' + path);
@@ -278,6 +319,9 @@ export const getRouterScript = () => `
 
       if (!response.ok) {
         perfEnd('fetch:' + path);
+        if (recordRouteTiming) {
+          emitRouteTiming('page-data', path, startedAt, { source: timingSource, status: response.status });
+        }
         const error = new Error('Failed to fetch page data: ' + response.status);
         error.status = response.status;
         throw error;
@@ -287,14 +331,26 @@ export const getRouterScript = () => `
       const data = await response.json();
       perfEnd('parse:' + path);
       perfEnd('fetch:' + path);
+      if (recordRouteTiming) {
+        emitRouteTiming('page-data', path, startedAt, { source: timingSource, status: response.status });
+      }
+
+      if (triggerReloadOnVersionMismatch) {
+        const checkedData = handlePageDataVersionMismatch(path, data);
+        if (checkedData !== data) return checkedData;
+      }
 
-      if (triggerReloadOnVersionMismatch && data.buildVersion && checkVersionMismatch(data.buildVersion)) {
+      setCachedPageData(path, data);
+      return data;
+    }
+
+    function handlePageDataVersionMismatch(path, data) {
+      if (data.buildVersion && checkVersionMismatch(data.buildVersion)) {
         log('Version mismatch detected, performing full page reload to:', path);
         window.location.href = path;
         return new Promise(() => {});
       }
 
-      setCachedPageData(path, data);
       return data;
     }
 
@@ -321,14 +377,28 @@ export const getRouterScript = () => `
     }
 
     async function fetchPageDataForNavigation(path, signal) {
+      const startedAt = routeTimingNow();
       const cached = getCachedPageData(path);
       if (cached) {
         log('Using cached page data:', path);
         refreshPageDataInBackground(path);
+        emitRouteTiming('page-data', path, startedAt, { source: 'cache' });
         return cached;
       }
 
-      return fetchPageDataFresh(path, signal, { triggerReloadOnVersionMismatch: true });
+      const pending = pendingPageDataFetches.get(path);
+      if (pending) {
+        log('Reusing pending page data fetch for navigation:', path);
+        const data = await pending;
+        emitRouteTiming('page-data', path, startedAt, { source: 'deduped' });
+        return handlePageDataVersionMismatch(path, data);
+      }
+
+      return fetchPageDataFresh(path, signal, {
+        triggerReloadOnVersionMismatch: true,
+        recordRouteTiming: true,
+        timingSource: 'network'
+      });
     }
 
     async function fetchPageDataForPrefetch(path) {
@@ -357,6 +427,7 @@ export const getRouterScript = () => `
 
       currentAbortController = new AbortController();
       const signal = currentAbortController.signal;
+      const navigationStartedAt = routeTimingNow();
 
       showNavigationProgress();
       perfStart('nav:total:' + href);
@@ -404,6 +475,7 @@ export const getRouterScript = () => `
 
         hideNavigationProgress();
         perfEnd('nav:total:' + href);
+        emitRouteTiming('total', targetPath, navigationStartedAt, { href, pushState, restoreScroll });
         log('SPA navigation complete');
       } catch (error) {
         hideNavigationProgress();
@@ -436,7 +508,9 @@ export const getRouterScript = () => `
 
       perfStart('render:loadAll');
       const allPaths = getPageDataModulePaths(pageData);
+      const modulesStartedAt = routeTimingNow();
       const components = await Promise.all(allPaths.map((path) => loadComponent(path)));
+      emitRouteTiming('modules', targetPath, modulesStartedAt, { count: allPaths.length });
       perfEnd('render:loadAll');
 
       const [PageComponent, ...rest] = components;

package/esm/src/routing/client/page-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-loader.d.ts","sourceRoot":"","sources":["../../../../src/src/routing/client/page-loader.ts"],"names":[],"mappings":"AAIA,YAAY,EACV,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAMzD,qBAAa,UAAU;IACrB,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,kBAAkB,CAA2C;IAErE,OAAO,CAAC,WAAW;IAOnB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS;IAI9C,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI;IAK7C,UAAU,IAAI,IAAI;IAOlB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAInD,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAItC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI;IAK5C,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;YAIvC,YAAY;YAcZ,iBAAiB;IAmB/B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;IAsBpC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBrC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAqB1D,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAsB7C,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAgBtD,OAAO,CAAC,oBAAoB;CAgB7B"}
+{"version":3,"file":"page-loader.d.ts","sourceRoot":"","sources":["../../../../src/src/routing/client/page-loader.ts"],"names":[],"mappings":"AAIA,YAAY,EACV,YAAY,EACZ,eAAe,EACf,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAMzD,qBAAa,UAAU;IACrB,OAAO,CAAC,KAAK,CAAgC;IAC7C,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,eAAe,CAAyC;IAChE,OAAO,CAAC,kBAAkB,CAA2C;IAErE,OAAO,CAAC,WAAW;IAOnB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS;IAI9C,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI;IAK7C,UAAU,IAAI,IAAI;IAOlB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,SAAS;IAInD,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAItC,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,IAAI;IAK5C,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;YAIvC,YAAY;YAcZ,iBAAiB;IAmB/B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC;IAsBpC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAerC,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAqB1D,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC;IAsB7C,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAetD,OAAO,CAAC,oBAAoB;CAgB7B"}

package/esm/src/routing/client/page-loader.js

@@ -96,8 +96,7 @@ export class PageLoader {
             return;
         logger.debug(`Prefetching ${path}`);
         try {
-            const data = await this.fetchPageData(path);
-            this.setCache(path, data);
+            await this.loadPage(path);
         }
         catch (error) {
             logger.warn(`[Veryfront] Failed to prefetch ${path}`, error instanceof Error ? error : new Error(String(error)));
@@ -142,8 +141,7 @@ export class PageLoader {
             return;
         logger.debug(`Prefetching SPA page data for ${path}`);
         try {
-            const data = await this.fetchSpaPageData(path);
-            this.setSpaCache(path, data);
+            await this.loadSpaPageData(path);
         }
         catch (error) {
             logger.warn(`[Veryfront] Failed to prefetch SPA data for ${path}`, error instanceof Error ? error : new Error(String(error)));

package/esm/src/utils/version-constant.d.ts

@@ -1,3 +1,3 @@
 /** Shared version value. */
-export declare const VERSION = "0.1.828";
+export declare const VERSION = "0.1.829";
 //# sourceMappingURL=version-constant.d.ts.map

package/esm/src/utils/version-constant.js

@@ -1,4 +1,4 @@
 // Keep in sync with deno.json version.
 // scripts/release.ts updates this constant during releases.
 /** Shared version value. */
-export const VERSION = "0.1.828";
+export const VERSION = "0.1.829";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.828",
+  "version": "0.1.829",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",