bun-plugin-stx 0.2.10 → 0.2.11

package/dist/chunk-c60m6z2p.js

@@ -0,0 +1,1287 @@
+// @bun
+import"./chunk-2mx7fq49.js";
+
+// ../router/src/file-router.ts
+import fs3 from "fs";
+import path4 from "path";
+
+// ../router/src/codegen.ts
+import fs from "fs";
+import path from "path";
+function generateRouteTypes(routes, outputDir) {
+  const lines = [
+    "// Auto-generated by STX - do not edit",
+    'declare module "stx/routes" {',
+    "  interface RouteMap {"
+  ];
+  for (const route of routes) {
+    const paramEntries = [];
+    for (const p of route.params) {
+      const type = route.pattern.includes(`:${p}*`) ? "string[]" : "string";
+      paramEntries.push(`${p}: ${type}`);
+    }
+    const paramsStr = paramEntries.join("; ");
+    lines.push(`    '${route.pattern}': { ${paramsStr} }`);
+  }
+  lines.push("  }", "}", "");
+  fs.mkdirSync(outputDir, { recursive: true });
+  fs.writeFileSync(path.join(outputDir, "route-types.d.ts"), lines.join(`
+`));
+}
+function generateRouteManifest(routes, outputDir, pagesDir) {
+  const cwd = process.cwd();
+  const relativePages = path.relative(cwd, pagesDir);
+  const excludeDirs = ["components", "layouts", "partials"];
+  const pageRoutes = routes.filter((r) => !excludeDirs.some((dir) => r.pattern.startsWith(`/${dir}/`) || r.pattern === `/${dir}`));
+  const lines = [
+    "// Auto-generated by stx \u2014 do not edit",
+    `// Source: ${relativePages || "pages"}/`,
+    "",
+    "export const routes = ["
+  ];
+  for (const route of pageRoutes) {
+    const relFile = path.relative(cwd, route.filePath).replace(/\\/g, "/");
+    const params = JSON.stringify(route.params);
+    const layoutStr = route.layout ? `, layout: '${path.relative(cwd, route.layout).replace(/\\/g, "/")}'` : "";
+    lines.push(`  { pattern: '${route.pattern}', filePath: '${relFile}', isDynamic: ${route.isDynamic}, params: ${params}${layoutStr} },`);
+  }
+  lines.push("] as const", "");
+  lines.push("export type RouteName = typeof routes[number]['pattern']", "");
+  fs.mkdirSync(outputDir, { recursive: true });
+  fs.writeFileSync(path.join(outputDir, "routes.ts"), lines.join(`
+`));
+}
+
+// ../router/src/matcher.ts
+import path2 from "path";
+function filePathToPattern(filePath, pagesDir) {
+  const relativePath = path2.relative(pagesDir, filePath);
+  let route = relativePath.replace(/\.(stx|md)$/, "");
+  route = route.split(path2.sep).join("/");
+  if (route === "index") {
+    return "/";
+  }
+  if (route.endsWith("/index")) {
+    route = route.slice(0, -6);
+  }
+  route = route.replace(/\[\[([^\]]+)\]\]/g, ":$1?");
+  route = route.replace(/\[([^\]]+)\]/g, ":$1");
+  route = route.replace(/:\.\.\.([^/]+)/g, ":$1*");
+  return `/${route}`;
+}
+function patternToRegex(pattern) {
+  const params = [];
+  let regexStr = pattern.replace(/[.+^${}()|[\]\\]/g, "\\$&");
+  regexStr = regexStr.replace(/\/:([^/]+)\?/g, (_, name) => {
+    params.push(name);
+    return "(?:/([^/]+))?";
+  });
+  regexStr = regexStr.replace(/:([^/]+)\*/g, (_, name) => {
+    params.push(name);
+    return "(.+)";
+  });
+  regexStr = regexStr.replace(/:([^/]+)/g, (_, name) => {
+    params.push(name);
+    return "([^/]+)";
+  });
+  regexStr = `^${regexStr}$`;
+  return { regex: new RegExp(regexStr), params };
+}
+function matchRoute(pathname, routes) {
+  const normalizedPath = pathname === "" ? "/" : pathname;
+  for (const route of routes) {
+    const match = normalizedPath.match(route.regex);
+    if (match) {
+      const params = {};
+      route.params.forEach((name, index) => {
+        params[name] = match[index + 1];
+      });
+      return { route, params };
+    }
+  }
+  return null;
+}
+
+// ../router/src/nested-layouts.ts
+import fs2 from "fs";
+import path3 from "path";
+function resolveLayoutChain(routeFilePath, pagesDir) {
+  const layouts = [];
+  let dir = path3.dirname(routeFilePath);
+  while (dir.startsWith(pagesDir) || dir === pagesDir) {
+    const layoutFile = path3.join(dir, "_layout.stx");
+    if (fs2.existsSync(layoutFile)) {
+      layouts.unshift(layoutFile);
+    }
+    if (dir === pagesDir)
+      break;
+    dir = path3.dirname(dir);
+  }
+  return layouts;
+}
+
+// ../router/src/file-router.ts
+function scanDirectory(dir, extensions) {
+  const files = [];
+  if (!fs3.existsSync(dir)) {
+    return files;
+  }
+  const entries = fs3.readdirSync(dir, { withFileTypes: true });
+  for (const entry of entries) {
+    const fullPath = path4.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      if (entry.name.startsWith(".")) {
+        continue;
+      }
+      files.push(...scanDirectory(fullPath, extensions));
+    } else if (entry.isFile()) {
+      const ext = path4.extname(entry.name);
+      if (extensions.includes(ext)) {
+        if (entry.name.startsWith("_") && entry.name !== "_layout.stx") {
+          continue;
+        }
+        if (entry.name === "_layout.stx") {
+          continue;
+        }
+        files.push(fullPath);
+      }
+    }
+  }
+  return files;
+}
+
+class Router {
+  routes;
+  pagesDir;
+  config;
+  constructor(baseDir, config = {}) {
+    this.config = config;
+    this.pagesDir = path4.resolve(baseDir, config.pagesDir || "pages");
+    const extensions = config.extensions || [".stx"];
+    const files = scanDirectory(this.pagesDir, extensions);
+    this.routes = files.map((filePath) => {
+      const pattern = filePathToPattern(filePath, this.pagesDir);
+      const { regex, params } = patternToRegex(pattern);
+      const layouts = config.layouts !== false ? resolveLayoutChain(filePath, this.pagesDir) : [];
+      return {
+        pattern,
+        regex,
+        params,
+        filePath,
+        isDynamic: params.length > 0,
+        layout: layouts.length > 0 ? layouts[layouts.length - 1] : undefined
+      };
+    });
+    this.routes.sort((a, b) => {
+      if (!a.isDynamic && b.isDynamic)
+        return -1;
+      if (a.isDynamic && !b.isDynamic)
+        return 1;
+      const aSegments = a.pattern.split("/").length;
+      const bSegments = b.pattern.split("/").length;
+      if (aSegments !== bSegments)
+        return bSegments - aSegments;
+      return a.pattern.localeCompare(b.pattern);
+    });
+    const stxDir = path4.join(baseDir, ".stx");
+    generateRouteTypes(this.routes, stxDir);
+    generateRouteManifest(this.routes, stxDir, this.pagesDir);
+  }
+  match(pathname) {
+    const normalizedPath = pathname === "" ? "/" : pathname;
+    for (const route of this.routes) {
+      const m = normalizedPath.match(route.regex);
+      if (m) {
+        const params = {};
+        route.params.forEach((name, index) => {
+          params[name] = m[index + 1];
+        });
+        return { route, params };
+      }
+    }
+    return null;
+  }
+  resolve(name, params) {
+    const route = this.routes.find((r) => r.pattern === name || r.filePath.includes(name));
+    if (!route)
+      return "#not-found";
+    let resolved = route.pattern;
+    if (params) {
+      for (const [key, value] of Object.entries(params)) {
+        resolved = resolved.replace(`:${key}`, encodeURIComponent(value));
+      }
+    }
+    return resolved;
+  }
+  addRoute(route) {
+    this.routes.push(route);
+    this.routes.sort((a, b) => {
+      if (!a.isDynamic && b.isDynamic)
+        return -1;
+      if (a.isDynamic && !b.isDynamic)
+        return 1;
+      return a.pattern.localeCompare(b.pattern);
+    });
+  }
+  getLayout(route) {
+    return route.layout ?? null;
+  }
+}
+function createRouter(baseDir, config) {
+  return new Router(baseDir, config);
+}
+function findErrorPage(pagesDir, statusCode) {
+  const candidates = [`${statusCode}.stx`, "error.stx"];
+  for (const candidate of candidates) {
+    const filePath = path4.join(pagesDir, candidate);
+    if (fs3.existsSync(filePath))
+      return filePath;
+  }
+  return null;
+}
+function formatRoutes(routes, baseDir) {
+  return routes.map((route) => {
+    const relativePath = path4.relative(baseDir, route.filePath);
+    const dynamicLabel = route.isDynamic ? " (dynamic)" : "";
+    return `${route.pattern} \u2192 ${relativePath}${dynamicLabel}`;
+  });
+}
+// ../router/src/named-routes.ts
+var routes = {};
+var appUrl = "";
+function setAppUrl(url) {
+  appUrl = url.replace(/\/$/, "");
+}
+function defineRoute(name, routePath, params = {}) {
+  routes[name] = { path: routePath, name, params };
+}
+function defineRoutes(routeDefinitions) {
+  for (const [name, definition] of Object.entries(routeDefinitions)) {
+    if (typeof definition === "string") {
+      routes[name] = { path: definition, name };
+    } else {
+      routes[name] = { ...definition, name };
+    }
+  }
+}
+function route(name, params = {}, absolute = false) {
+  const r = routes[name];
+  if (!r) {
+    console.warn(`Route [${name}] not defined.`);
+    return "#undefined-route";
+  }
+  const mergedParams = { ...r.params, ...params };
+  let routePath = r.path;
+  routePath = routePath.replace(/:(\w+)/g, (_, paramName) => {
+    const value = mergedParams[paramName];
+    if (value === undefined) {
+      console.warn(`Missing parameter [${paramName}] for route [${name}].`);
+      return `:${paramName}`;
+    }
+    delete mergedParams[paramName];
+    return encodeURIComponent(String(value));
+  });
+  const remainingParams = Object.entries(mergedParams);
+  if (remainingParams.length > 0) {
+    const queryString = remainingParams.map(([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(String(value))}`).join("&");
+    routePath += (routePath.includes("?") ? "&" : "?") + queryString;
+  }
+  return absolute && appUrl ? `${appUrl}${routePath}` : routePath;
+}
+function resetRoutes() {
+  for (const key of Object.keys(routes)) {
+    delete routes[key];
+  }
+  appUrl = "";
+}
+// ../router/src/middleware.ts
+import fs4 from "fs";
+import path5 from "path";
+function navigateTo(navPath, options = {}) {
+  return {
+    type: "redirect",
+    path: navPath,
+    options: {
+      replace: options.replace ?? false,
+      external: options.external ?? false,
+      redirectCode: options.redirectCode ?? 302
+    }
+  };
+}
+function abortNavigation(error) {
+  const normalizedError = typeof error === "string" ? { statusCode: 500, message: error } : error;
+  return {
+    type: "abort",
+    error: normalizedError
+  };
+}
+function defineMiddleware(handler, options = {}) {
+  return {
+    handler,
+    mode: options.mode ?? "universal"
+  };
+}
+function parseCookies(cookieHeader) {
+  const cookies = {};
+  if (!cookieHeader)
+    return cookies;
+  const pairs = cookieHeader.split(";");
+  for (const pair of pairs) {
+    const [name, ...rest] = pair.split("=");
+    if (name) {
+      const key = name.trim();
+      const value = rest.join("=").trim();
+      if (key) {
+        cookies[key] = decodeURIComponent(value);
+      }
+    }
+  }
+  return cookies;
+}
+function serializeCookie(name, value, options = {}) {
+  let cookie = `${encodeURIComponent(name)}=${encodeURIComponent(value)}`;
+  if (options.expires) {
+    const expires = typeof options.expires === "number" ? new Date(Date.now() + options.expires * 1000) : options.expires;
+    cookie += `; Expires=${expires.toUTCString()}`;
+  }
+  if (options.path)
+    cookie += `; Path=${options.path}`;
+  if (options.domain)
+    cookie += `; Domain=${options.domain}`;
+  if (options.secure)
+    cookie += "; Secure";
+  if (options.httpOnly)
+    cookie += "; HttpOnly";
+  if (options.sameSite)
+    cookie += `; SameSite=${options.sameSite}`;
+  return cookie;
+}
+function createServerCookieManager(request, responseHeaders) {
+  const cookieHeader = request.headers.get("cookie") || "";
+  const cookies = parseCookies(cookieHeader);
+  return {
+    get(name) {
+      return cookies[name];
+    },
+    set(name, value, options = {}) {
+      cookies[name] = value;
+      responseHeaders.append("Set-Cookie", serializeCookie(name, value, options));
+    },
+    delete(name) {
+      delete cookies[name];
+      responseHeaders.append("Set-Cookie", serializeCookie(name, "", { expires: new Date(0), path: "/" }));
+    },
+    getAll() {
+      return { ...cookies };
+    }
+  };
+}
+function createClientCookieManager() {
+  return {
+    get(name) {
+      if (typeof document === "undefined")
+        return;
+      const cookies = parseCookies(document.cookie);
+      return cookies[name];
+    },
+    set(name, value, options = {}) {
+      if (typeof document === "undefined")
+        return;
+      document.cookie = serializeCookie(name, value, options);
+    },
+    delete(name) {
+      if (typeof document === "undefined")
+        return;
+      document.cookie = serializeCookie(name, "", { expires: new Date(0), path: "/" });
+    },
+    getAll() {
+      if (typeof document === "undefined")
+        return {};
+      return parseCookies(document.cookie);
+    }
+  };
+}
+function createStorageManager() {
+  const available = typeof window !== "undefined" && typeof window.localStorage !== "undefined";
+  return {
+    get(key) {
+      if (!available)
+        return null;
+      try {
+        return window.localStorage.getItem(key);
+      } catch {
+        return null;
+      }
+    },
+    set(key, value) {
+      if (!available)
+        return;
+      try {
+        window.localStorage.setItem(key, value);
+      } catch {}
+    },
+    remove(key) {
+      if (!available)
+        return;
+      try {
+        window.localStorage.removeItem(key);
+      } catch {}
+    },
+    isAvailable() {
+      return available;
+    }
+  };
+}
+var middlewareRegistry = new Map;
+function registerMiddleware(name, middleware) {
+  middlewareRegistry.set(name, middleware);
+}
+function getMiddleware(name) {
+  return middlewareRegistry.get(name);
+}
+function hasMiddleware(name) {
+  return middlewareRegistry.has(name);
+}
+function clearMiddleware() {
+  middlewareRegistry.clear();
+}
+function getMiddlewareNames() {
+  return Array.from(middlewareRegistry.keys());
+}
+async function loadMiddlewareFromDirectory(baseDir, middlewareDir = "middleware") {
+  const fullPath = path5.resolve(baseDir, middlewareDir);
+  if (!fs4.existsSync(fullPath)) {
+    return;
+  }
+  const files = fs4.readdirSync(fullPath);
+  for (const file of files) {
+    if (!file.endsWith(".ts") && !file.endsWith(".js"))
+      continue;
+    if (file.includes(".test.") || file.includes(".spec."))
+      continue;
+    const name = file.replace(/\.(ts|js)$/, "");
+    const filePath = path5.join(fullPath, file);
+    try {
+      const mod = await import(filePath);
+      const mw = mod.default;
+      if (mw && typeof mw.handler === "function") {
+        registerMiddleware(name, mw);
+      } else if (typeof mw === "function") {
+        registerMiddleware(name, { handler: mw, mode: "universal" });
+      }
+    } catch (error) {
+      console.warn(`Failed to load middleware '${name}' from ${filePath}:`, error);
+    }
+  }
+}
+function parseQuery(search) {
+  const query = {};
+  if (!search)
+    return query;
+  const params = new URLSearchParams(search);
+  for (const [key, value] of params) {
+    query[key] = value;
+  }
+  return query;
+}
+function createRouteLocation(pathname, params, meta, search = "") {
+  return {
+    path: pathname,
+    params,
+    query: parseQuery(search),
+    fullPath: search ? `${pathname}?${search}` : pathname,
+    meta
+  };
+}
+function createMiddlewareContext(to, from, request) {
+  const isServer = typeof window === "undefined";
+  const isClient = !isServer;
+  const responseHeaders = new Headers;
+  return {
+    to,
+    from,
+    isClient,
+    isServer,
+    cookies: isServer && request ? createServerCookieManager(request, responseHeaders) : createClientCookieManager(),
+    storage: createStorageManager(),
+    state: {},
+    request,
+    responseHeaders
+  };
+}
+async function runMiddleware(middlewareNames, context) {
+  const names = Array.isArray(middlewareNames) ? middlewareNames : [middlewareNames];
+  const isServer = context.isServer;
+  for (const name of names) {
+    const middleware = getMiddleware(name);
+    if (!middleware) {
+      console.warn(`Middleware '${name}' not found`);
+      continue;
+    }
+    if (middleware.mode === "server" && !isServer)
+      continue;
+    if (middleware.mode === "client" && isServer)
+      continue;
+    try {
+      const result = await middleware.handler(context);
+      if (result) {
+        if (result.type === "redirect") {
+          return {
+            passed: false,
+            redirect: result,
+            state: context.state,
+            responseHeaders: context.responseHeaders
+          };
+        }
+        if (result.type === "abort") {
+          return {
+            passed: false,
+            abort: result,
+            state: context.state,
+            responseHeaders: context.responseHeaders
+          };
+        }
+      }
+    } catch (error) {
+      console.error(`Error in middleware '${name}':`, error);
+      return {
+        passed: false,
+        abort: {
+          type: "abort",
+          error: {
+            statusCode: 500,
+            message: error instanceof Error ? error.message : "Middleware error"
+          }
+        },
+        state: context.state,
+        responseHeaders: context.responseHeaders
+      };
+    }
+  }
+  return {
+    passed: true,
+    state: context.state,
+    responseHeaders: context.responseHeaders
+  };
+}
+// ../router/src/client.ts
+function getRouterScript() {
+  return `
+;(function(){
+  'use strict';
+  if(window.__stxRouter)return;
+
+  // \u2500\u2500 Configuration \u2500\u2500
+  var defaults={container:'main',loadingClass:'stx-navigating',viewTransitions:true,cache:true,scrollToTop:true,prefetch:true,progress:true,progressColor:'#78dce8',progressHeight:'2px'};
+  var o=Object.assign({},defaults,window.__stxRouterConfig||{},window.STX_ROUTER_OPTIONS||{});
+  var containerSel=o.container;
+
+  // \u2500\u2500 Progress bar (0\u2192100% at top of viewport) \u2500\u2500
+  // Native loading indicator baked into the router. Starts when navigation
+  // begins, trickles up to ~90% during fetch, snaps to 100% + fades on
+  // completion. Opt-out via window.__stxRouterConfig={progress:false}.
+  var progEl=null;
+  var progVal=0;
+  var progTimer=null;
+  function setProgress(v){
+    progVal=v<0?0:(v>100?100:v);
+    if(!progEl)return;
+    progEl.style.opacity=progVal>0?'1':'0';
+    progEl.style.transform='scaleX('+(progVal/100)+')';
+  }
+  function startProgress(){
+    if(!o.progress||!progEl)return;
+    if(progTimer){clearInterval(progTimer);progTimer=null}
+    setProgress(8);
+    progTimer=setInterval(function(){
+      if(progVal>=90)return;
+      // Asymptotic trickle \u2014 fast at first, slower near 90%
+      var inc=Math.max(0.4,(90-progVal)*0.08);
+      setProgress(progVal+inc);
+    },160);
+  }
+  function finishProgress(){
+    if(!o.progress||!progEl)return;
+    if(progTimer){clearInterval(progTimer);progTimer=null}
+    setProgress(100);
+    // Fade out, then reset. Delays chosen so the "full" state is briefly
+    // visible before the bar disappears.
+    setTimeout(function(){
+      if(!progEl)return;
+      progEl.style.opacity='0';
+      setTimeout(function(){progVal=0;if(progEl)progEl.style.transform='scaleX(0)'},260);
+    },180);
+  }
+
+  var cache={};
+  var prefetching={};
+  var isNavigating=false;
+
+  // Extract top-level CSS blocks (rules AND @media blocks with nested braces).
+  // The old regex ([^{}]+{[^{}]*}) silently dropped @media blocks because
+  // it couldn't handle nested braces \u2014 causing responsive classes (lg:, md:)
+  // to vanish after SPA navigation.
+  function extractCssBlocks(css){
+    var blocks=[];
+    var i=0;
+    var len=css.length;
+    while(i<len){
+      // Skip whitespace
+      while(i<len&&(css[i]===' '||css[i]==='\\n'||css[i]==='\\r'||css[i]==='\\t'))i++;
+      if(i>=len)break;
+      // Find the start of a block (first {)
+      var blockStart=i;
+      var bracePos=css.indexOf('{',i);
+      if(bracePos===-1)break;
+      // Walk forward tracking brace depth to find the matching close
+      var depth=0;
+      var j=bracePos;
+      while(j<len){
+        if(css[j]==='{')depth++;
+        else if(css[j]==='}'){depth--;if(depth===0){j++;break}}
+        j++;
+      }
+      if(depth!==0)break;
+      blocks.push(css.slice(blockStart,j).trim());
+      i=j;
+    }
+    return blocks;
+  }
+
+  function mergeCrosswindCSS(existing,incoming){
+    var blocks=extractCssBlocks(incoming);
+    var newBlocks=[];
+    for(var bi=0;bi<blocks.length;bi++){
+      if(existing.indexOf(blocks[bi])===-1)newBlocks.push(blocks[bi]);
+    }
+    if(newBlocks.length>0)return existing+'\\n'+newBlocks.join('\\n');
+    return null;
+  }
+
+  function getContainer(){
+    return document.querySelector(containerSel)||document.querySelector('[data-stx-content]')||document.querySelector('main');
+  }
+
+  // \u2500\u2500 Navigation \u2500\u2500
+  // Layout group detection \u2014 layouts in the same group share a <main> container.
+  // Only truly different layout groups trigger a full page reload.
+  var layoutCache={};
+  // Track executed script hashes to prevent redeclaration errors on navigation.
+  // Layout-level scripts (theme, nav setup) execute on initial page load and
+  // should NOT re-execute when navigating to another page with the same layout.
+  var executedScriptHashes={};
+  function hashScript(code){
+    var h=0;for(var i=0;i<code.length;i++){h=((h<<5)-h)+code.charCodeAt(i);h|=0}
+    return h;
+  }
+  // Record scripts from the initial page load
+  document.querySelectorAll('script').forEach(function(s){
+    var text=s.textContent||'';
+    if(text.trim()&&!s.hasAttribute('src'))executedScriptHashes[hashScript(text)]=1;
+  });
+  function getLayoutGroup(layout){
+    if(!layout)return 'app';
+    if(layout.indexOf('auth')!==-1||layout.indexOf('guest')!==-1)return 'auth';
+    return 'app';
+  }
+  function checkLayoutChange(newLayout,targetUrl){
+    var currentLayout=document.querySelector('meta[name="stx-layout"]');
+    var curLayoutName=currentLayout?currentLayout.getAttribute('content'):'';
+    var curGroup=getLayoutGroup(curLayoutName);
+    var newGroup=getLayoutGroup(newLayout);
+    console.log('[router] layout check: current='+curLayoutName+'('+curGroup+') new='+(newLayout||'')+'('+newGroup+')');
+    // Different layout GROUP (e.g. app \u2192 auth): full reload
+    if(curGroup!==newGroup){
+      console.log('[router] layout group change:',curGroup,'\u2192',newGroup,'\u2014 full reload to:',targetUrl);
+      return true;
+    }
+    // Same group but different SPECIFIC layout (e.g. layouts/app \u2192 layouts/coach):
+    // full body swap so nav, sidebar, and other layout-level elements update
+    if(curLayoutName && newLayout && curLayoutName!==newLayout){
+      console.log('[router] layout name change:',curLayoutName,'\u2192',newLayout,'\u2014 full body swap');
+      return true;
+    }
+    return false;
+  }
+
+  function navigate(url,pushState,force){
+    console.log('[router] navigate() called:',url,'isNavigating:',isNavigating);
+    if(isNavigating)return;
+    var t=new URL(url,location.origin);
+
+    if(t.origin!==location.origin){location.href=url;return}
+
+    if(t.pathname===location.pathname&&t.hash){
+      if(pushState!==false)history.pushState({},'',t.href);
+      var el=document.querySelector(t.hash);
+      if(el)el.scrollIntoView({behavior:'smooth'});
+      return;
+    }
+
+    if(t.href===location.href&&!t.hash&&!force)return;
+
+    isNavigating=true;
+    document.body.classList.add(o.loadingClass);
+    startProgress();
+
+    var targetHref=t.href;
+    var targetPath=t.pathname;
+    var targetHash=t.hash;
+
+    function done(){isNavigating=false;document.body.classList.remove(o.loadingClass);finishProgress()}
+
+    if(o.cache&&cache[targetPath]&&!force){
+      if(checkLayoutChange(layoutCache[targetPath],url)){
+        // Layout changed \u2014 fetch full page and do full document swap
+        console.log('[router] cache hit but layout changed \u2014 fetching full page');
+        fetch(url,{headers:{'Accept':'text/html'}}).then(function(r){
+          if(!r.ok)throw new Error(r.status);
+          return r.text();
+        }).then(function(html){
+          console.log('[router] full page fetched from cache path, len:',html.length);
+          swap(html,targetPath,pushState,targetHash);
+        }).catch(function(err){
+          console.error('[router] full page fetch error:',err);
+          location.href=url;
+        }).finally(done);
+        return;
+      }
+      swap(cache[targetPath],targetPath,pushState,targetHash);
+      done();
+    }
+else {
+      if(force&&cache[targetPath])delete cache[targetPath];
+      // First fetch as fragment (SPA mode)
+      fetch(url,{headers:{'X-STX-Router':'true','Accept':'text/html'}}).then(function(r){
+        if(!r.ok)throw new Error(r.status);
+        var isFragment=r.headers.get('X-STX-Fragment')==='true';
+        var newLayout=r.headers.get('X-STX-Layout')||'';
+        // Layout change? Fetch the FULL page (no X-STX-Router header) and do full document swap
+        if(isFragment&&checkLayoutChange(newLayout,url)){
+          console.log('[router] layout change \u2014 fetching full page for document swap');
+          return fetch(url,{headers:{'Accept':'text/html'}}).then(function(fullRes){
+            console.log('[router] full page fetched:',fullRes.status,'ok:',fullRes.ok);
+            if(!fullRes.ok)throw new Error(fullRes.status);
+            return fullRes.text().then(function(html){
+              console.log('[router] full page html length:',html.length);
+              return{html:html,isFragment:false,layout:newLayout};
+            });
+          });
+        }
+        return r.text().then(function(html){return{html:html,isFragment:isFragment,layout:newLayout}});
+      }).then(function(result){
+        if(!result)return;
+        if(result.isFragment)result.html='<!--stx-fragment-->'+result.html;
+        if(o.cache){cache[targetPath]=result.html;layoutCache[targetPath]=result.layout}
+        swap(result.html,targetPath,pushState,targetHash);
+      }).catch(function(err){
+        console.error('[router] fetch error:',err);
+        location.href=url;
+      }).finally(done);
+    }
+  }
+
+  function swap(html,url,pushState,hash){
+    var isFragment=html.indexOf('<!--stx-fragment-->')===0;
+    if(isFragment)html=html.slice('<!--stx-fragment-->'.length);
+    var currentContent=getContainer();
+    console.log('[router] swap: isFragment='+isFragment+' container='+!!currentContent+' htmlLen='+html.length);
+    if(!currentContent){console.log('[router] no container \u2014 falling back');location.href=url;return}
+
+    // Fragment mode: server returned just the page content (no document wrapper)
+    if(isFragment){
+      if(window.stx&&window.stx._cleanupContainer)window.stx._cleanupContainer(currentContent);
+      function doFragSwap(){
+        // Extract scripts from fragment before injecting HTML
+        var fragScripts=[];
+        var fragStyles=[];
+        var fragCrosswindCSS=null;
+        var cleanFrag=html.replace(new RegExp('<scr'+'ipt\\\\b[^>]*>([\\\\s\\\\S]*?)<\\\\/scr'+'ipt>','gi'),function(m,code){
+          if(code&&code.trim())fragScripts.push(code);
+          return '';
+        });
+        cleanFrag=cleanFrag.replace(new RegExp('<sty'+'le\\\\b([^>]*)>([\\\\s\\\\S]*?)<\\\\/sty'+'le>','gi'),function(m,attrs,css){
+          if(attrs.indexOf('data-crosswind')!==-1){
+            fragCrosswindCSS=css;
+          }else{
+            fragStyles.push({attrs:attrs,css:css});
+          }
+          return '';
+        });
+        // Remove old page styles (not crosswind \u2014 that gets merged)
+        document.querySelectorAll('style[data-stx-page]').forEach(function(s){s.remove()});
+        // Merge crosswind CSS from fragment into existing crosswind style
+        if(fragCrosswindCSS){
+          var curCrosswind=document.querySelector('head style[data-crosswind]');
+          if(curCrosswind){
+            var merged=mergeCrosswindCSS(curCrosswind.textContent||'',fragCrosswindCSS);
+            if(merged)curCrosswind.textContent=merged;
+          }else{
+            var cw=document.createElement('style');
+            cw.setAttribute('data-crosswind','generated');
+            cw.textContent=fragCrosswindCSS;
+            document.head.appendChild(cw);
+          }
+        }
+        // Add new page styles
+        fragStyles.forEach(function(s){
+          var el=document.createElement('style');
+          el.textContent=s.css;
+          el.setAttribute('data-stx-page','');
+          document.head.appendChild(el);
+        });
+        // Swap content
+        currentContent.innerHTML=cleanFrag;
+        // Remove old page scripts
+        document.querySelectorAll('script[data-stx-page]').forEach(function(s){s.remove()});
+        if(pushState!==false)history.pushState({},'',url+(hash||''));
+        updateNav(url);
+        updateActiveLinks();
+        if(o.scrollToTop&&!hash)window.scrollTo({top:0,behavior:'instant'});
+        else if(hash){var el=document.querySelector(hash);if(el)el.scrollIntoView({behavior:'smooth'})}
+        window.dispatchEvent(new CustomEvent('stx:navigate',{detail:{url:url}}));
+        // Execute page scripts FIRST \u2014 they define setup functions and set _latestSetup
+        console.log('[router] frag scripts:', fragScripts.length);
+        document.querySelectorAll('script[data-stx-page]').forEach(function(s){s.remove()});
+        fragScripts.forEach(function(code){
+          console.log('[router] exec script len:', code.length, 'has __stx_setup:', code.indexOf('__stx_setup')>-1);
+          var ns=document.createElement('script');
+          ns.textContent=code;
+          ns.setAttribute('data-stx-page','');
+          document.body.appendChild(ns);
+        });
+        console.log('[router] scripts done. _latestSetup:', !!window.stx._latestSetup);
+        // THEN fire stx:load \u2014 now _latestSetup is set and processElement has the right scope
+        window.dispatchEvent(new Event('stx:load'));
+      }
+      if(o.viewTransitions&&document.startViewTransition){document.startViewTransition(doFragSwap)}
+      else{currentContent.style.transition='opacity 0.12s ease-out';currentContent.style.opacity='0';setTimeout(function(){doFragSwap();currentContent.style.opacity='1';setTimeout(function(){currentContent.style.transition=''},150)},120)}
+      return;
+    }
+
+    // Full document mode: parse with DOMParser and extract container content
+    var parser=new DOMParser();
+    var doc=parser.parseFromString(html,'text/html');
+    var newContent=doc.querySelector(containerSel)||doc.querySelector('[data-stx-content]')||doc.querySelector('main');
+    if(!newContent){location.href=url;return}
+
+    // Clean up existing signals/effects
+    if(window.stx&&window.stx._cleanupContainer){
+      window.stx._cleanupContainer(currentContent);
+    }
+
+    function doSwap(){
+      // \u2500\u2500 Swap <head> styles \u2500\u2500
+      // Inject new styles FIRST, then remove old to prevent unstyled flash
+      var keepIds={'stx-view-transitions':1,'stx-r-css':1};
+      var curStyles=document.querySelectorAll('head style');
+      var newStyles=doc.querySelectorAll('head style');
+
+      // Merge crosswind styles instead of replacing \u2014 persistent elements
+      // (nav, footer) outside <main> still need their utility classes
+      var curCrosswind=document.querySelector('head style[data-crosswind]');
+      var newCrosswind=null;
+      newStyles.forEach(function(s){if(s.getAttribute('data-crosswind'))newCrosswind=s});
+
+      if(curCrosswind&&newCrosswind){
+        var merged=mergeCrosswindCSS(curCrosswind.textContent||'',newCrosswind.textContent||'');
+        if(merged)curCrosswind.textContent=merged;
+      }
+
+      var incoming=[];
+      newStyles.forEach(function(s){
+        if(!keepIds[s.id]&&!s.getAttribute('data-crosswind')){
+          var ns=document.createElement('style');
+          ns.textContent=s.textContent;
+          ns.setAttribute('data-stx-incoming','');
+          document.head.appendChild(ns);
+          incoming.push(ns);
+        }
+      });
+
+      // If no existing crosswind but new page has one, add it
+      if(!curCrosswind&&newCrosswind){
+        var ns=document.createElement('style');
+        ns.textContent=newCrosswind.textContent;
+        ns.setAttribute('data-crosswind',newCrosswind.getAttribute('data-crosswind'));
+        document.head.appendChild(ns);
+      }
+
+      // Remove old styles (except persistent ones, crosswind, and incoming)
+      curStyles.forEach(function(s){
+        if(!keepIds[s.id]&&!s.hasAttribute('data-stx-incoming')&&!s.hasAttribute('data-crosswind'))s.remove();
+      });
+
+      incoming.forEach(function(s){s.removeAttribute('data-stx-incoming')});
+
+      // \u2500\u2500 Swap content \u2500\u2500
+      // For layout changes: swap the entire <body> to replace layout chrome (nav, footer, etc.)
+      // For same-layout: swap only the container (<main>)
+      var newBody=doc.querySelector('body');
+      var isLayoutChange=false;
+      if(newBody){
+        var newMeta=doc.querySelector('meta[name="stx-layout"]');
+        var curMeta=document.querySelector('meta[name="stx-layout"]');
+        var curGroup=getLayoutGroup(curMeta?curMeta.getAttribute('content'):'');
+        var newGroup=getLayoutGroup(newMeta?newMeta.getAttribute('content'):'');
+        isLayoutChange=curGroup!==newGroup;
+      }
+      if(isLayoutChange&&newBody){
+        console.log('[router] full body swap for layout change');
+        // Replace entire body content \u2014 layout chrome and all
+        var bodyHTML=newBody.innerHTML.replace(new RegExp('<scr'+'ipt\\\\b[^>]*>[\\\\s\\\\S]*?<\\\\/scr'+'ipt\\\\s*>','gi'),'');
+        document.body.innerHTML=bodyHTML;
+        // Copy body attributes (class, data-stx, etc.)
+        Array.from(newBody.attributes).forEach(function(attr){document.body.setAttribute(attr.name,attr.value)});
+        // Update layout meta tag
+        var oldMeta=document.querySelector('meta[name="stx-layout"]');
+        var freshMeta=doc.querySelector('meta[name="stx-layout"]');
+        if(oldMeta&&freshMeta)oldMeta.setAttribute('content',freshMeta.getAttribute('content')||'');
+        else if(freshMeta){var m=document.createElement('meta');m.name='stx-layout';m.content=freshMeta.getAttribute('content')||'';document.head.appendChild(m)}
+        // Update container reference for script execution below
+        currentContent=document.querySelector(containerSel)||document.querySelector('main')||document.body;
+      } else {
+        // Same layout \u2014 swap only container content
+        var cleanHTML=newContent.innerHTML.replace(new RegExp('<scr'+'ipt\\\\b[^>]*>[\\\\s\\\\S]*?<\\\\/scr'+'ipt\\\\s*>','gi'),'');
+        currentContent.innerHTML=cleanHTML;
+      }
+
+      // \u2500\u2500 Load new external <head> scripts \u2500\u2500
+      var loadedSrcs={};
+      document.querySelectorAll('head script[src]').forEach(function(s){loadedSrcs[s.src]=1});
+      var extPromises=[];
+      doc.querySelectorAll('head script[src]').forEach(function(s){
+        var src=new URL(s.getAttribute('src'),location.origin).href;
+        if(loadedSrcs[src])return;
+        loadedSrcs[src]=1;
+        extPromises.push(new Promise(function(resolve,reject){
+          var ns=document.createElement('script');
+          ns.src=src;
+          ns.onload=resolve;
+          ns.onerror=reject;
+          document.head.appendChild(ns);
+        }));
+      });
+
+      // \u2500\u2500 Script re-execution \u2500\u2500
+      // Remove previously injected page scripts
+      document.querySelectorAll('script[data-stx-page]').forEach(function(s){s.remove()});
+
+      var scripts=[];
+      if(isLayoutChange){
+        // Layout change: collect ALL scripts from the new document body
+        // (layout scripts, component mounts, setup functions \u2014 everything)
+        var newBodyEl=doc.querySelector('body');
+        if(newBodyEl){
+          newBodyEl.querySelectorAll('script').forEach(function(s){
+            var text=s.textContent||'';
+            if(s.hasAttribute('src'))return;
+            if(!text.trim())return;
+            // Skip the signals runtime IIFE \u2014 it's already loaded
+            if(text.indexOf("'use strict';var cloakStyle")!==-1)return;
+            if(text.indexOf('__stxRouter')!==-1)return;
+            scripts.push(text);
+          });
+        }
+        // Also collect setup functions from <head>
+        doc.querySelectorAll('head script').forEach(function(s){
+          var text=s.textContent||'';
+          if(s.hasAttribute('src'))return;
+          if(!text.trim())return;
+          if(text.indexOf('__stx_setup_')!==-1)scripts.push(text);
+        });
+      } else {
+        // Same layout: collect scripts from the container
+        newContent.querySelectorAll('script').forEach(function(s){
+          var text=s.textContent||'';
+          if(s.hasAttribute('src'))return;
+          if(!text.trim())return;
+          scripts.push(text);
+        });
+        // Collect setup scripts from <head> AND <body> (outside container).
+        // SSG builds place the setup function in <body> before <main>, not
+        // in <head>. Without this, SPA navigation on static sites never
+        // runs the setup and reactive data stays empty.
+        var seenSetups={};
+        scripts.forEach(function(t){if(t.indexOf('__stx_setup_')!==-1)seenSetups[t.substring(0,80)]=1});
+        doc.querySelectorAll('script').forEach(function(s){
+          var text=s.textContent||'';
+          if(s.hasAttribute('src'))return;
+          if(!text.trim())return;
+          if(text.indexOf('__stx_setup_')===-1)return;
+          // Skip signals runtime and router (they contain __stx_setup references but aren't setup functions)
+          if(text.indexOf("'use strict';var cloakStyle")!==-1)return;
+          if(text.indexOf('__stxRouter')!==-1)return;
+          var key=text.substring(0,80);
+          if(seenSetups[key])return;
+          seenSetups[key]=1;
+          scripts.push(text);
+        });
+      }
+
+      // Push history state (before active link updates so location.pathname is current)
+      if(pushState!==false)history.pushState({},'',url+(hash||''));
+
+      // Update active nav links
+      updateNav(url);
+      updateActiveLinks();
+
+      // Scroll
+      if(o.scrollToTop&&!hash)window.scrollTo({top:0,behavior:'instant'});
+      else if(hash){var el=document.querySelector(hash);if(el)el.scrollIntoView({behavior:'smooth'})}
+
+      // Update title
+      var newTitle=doc.querySelector('title');
+      if(newTitle)document.title=newTitle.textContent;
+
+      window.dispatchEvent(new CustomEvent('stx:navigate',{detail:{url:url}}));
+
+      // Execute page scripts FIRST \u2014 they define setup functions and set _latestSetup
+      function execScripts(){
+        scripts.forEach(function(text){
+          // Skip scripts that were already executed (layout-level partials
+          // like theme.stx). Their top-level const/function declarations
+          // would throw "Identifier has already been declared" on re-execution.
+          // Exception: setup functions (__stx_setup_) must always re-execute
+          // because each page has its own setup, and import statements
+          // need special handling.
+          var h=hashScript(text);
+          var isSetup=text.indexOf('__stx_setup_')!==-1;
+          var hasImport=text.indexOf('import ')!==-1;
+          if(!isSetup&&executedScriptHashes[h])return;
+          executedScriptHashes[h]=1;
+          // Wrap scripts with import statements as modules (Bug 3 fix)
+          var ns=document.createElement('script');
+          if(hasImport){
+            ns.type='module';
+          }
+          ns.textContent=text;
+          ns.setAttribute('data-stx-page','');
+          document.body.appendChild(ns);
+        });
+        // THEN fire stx:load \u2014 now _latestSetup is set and processElement has the right scope
+        window.dispatchEvent(new Event('stx:load'));
+      }
+
+      if(extPromises.length>0){
+        Promise.all(extPromises).then(execScripts).catch(execScripts);
+      }
+else {
+        execScripts();
+      }
+    }
+
+    if(o.viewTransitions&&document.startViewTransition){
+      document.startViewTransition(doSwap);
+    }
+else {
+      // Fallback fade for browsers without View Transitions API
+      currentContent.style.transition='opacity 0.12s ease-out';
+      currentContent.style.opacity='0';
+      setTimeout(function(){
+        doSwap();
+        currentContent.style.opacity='1';
+        setTimeout(function(){currentContent.style.transition=''},150);
+      },120);
+    }
+  }
+
+  // \u2500\u2500 Link interception \u2500\u2500
+  function shouldIntercept(link){
+    if(!link)return false;
+    var href=link.getAttribute('href');
+    if(!href)return false;
+    if(href.startsWith('http')||href.startsWith('#')||href.startsWith('mailto:')||href.startsWith('tel:')||href.startsWith('javascript:'))return false;
+    if(link.target==='_blank')return false;
+    if(link.hasAttribute('data-stx-no-router')||link.hasAttribute('data-no-router')||link.hasAttribute('download'))return false;
+    if(href===location.pathname)return false;
+    if(!getContainer())return false;
+    return true;
+  }
+
+  // SPA click handling \u2014 only [data-stx-link] elements get SPA navigation.
+  // Regular <a href> does native full page reload (no interception).
+  // StxLink builtin renders <a data-stx-link href="...">, so we intercept those.
+  document.addEventListener('click',function(e){
+    if(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.button!==0)return;
+    if(!e.target||!e.target.closest)return;
+    var link=e.target.closest('[data-stx-link]');
+    if(!link){return}
+    var href=link.getAttribute('href');
+    console.log('[router] click intercepted:',href,'container:',!!getContainer(),'defaultPrevented:',e.defaultPrevented);
+    if(!href||href.startsWith('http')||href.startsWith('#')||href.startsWith('mailto:')||href.startsWith('tel:')){console.log('[router] skipped:',href);return}
+    if(link.target==='_blank'||link.hasAttribute('download'))return;
+    e.preventDefault();
+    e.stopPropagation();
+    console.log('[router] navigating to:',href);
+    navigate(href);
+  },true);
+
+  // \u2500\u2500 Back/forward \u2500\u2500
+  window.addEventListener('popstate',function(){
+    navigate(location.pathname+location.search+location.hash,false);
+  });
+
+  // \u2500\u2500 Prefetch on hover \u2500\u2500
+  if(o.prefetch){
+    document.addEventListener('mouseover',function(e){
+      if(!e.target||!e.target.closest)return;
+      var link=e.target.closest('[data-stx-link]');
+      if(!link)return;
+      var href=link.getAttribute('href');
+      if(cache[href]||prefetching[href])return;
+      prefetching[href]=true;
+      fetch(href,{headers:{'X-STX-Router':'true','Accept':'text/html'}}).then(function(r){
+        var isFrag=r.headers.get('X-STX-Fragment')==='true';
+        var pLayout=r.headers.get('X-STX-Layout')||'';
+        return r.text().then(function(html){return{html:isFrag?'<!--stx-fragment-->'+html:html,layout:pLayout}});
+      }).then(function(result){
+        if(o.cache){cache[href]=result.html;layoutCache[href]=result.layout}
+      }).catch(function(){}).finally(function(){delete prefetching[href]});
+    },true);
+  }
+
+  // \u2500\u2500 Active link management \u2500\u2500
+  function updateNav(url){
+    document.querySelectorAll('nav a[href], #mobileNav a[href], [data-stx-nav] a[href]').forEach(function(a){
+      var href=a.getAttribute('href');
+      if(!href||href.startsWith('#')||href.startsWith('http'))return;
+      var isActive=(href===url)||(href==='/'&&url==='/');
+      if(a.hasAttribute('data-stx-link')){
+        var ac=a.getAttribute('data-stx-active-class')||'active';
+        if(isActive)ac.split(' ').forEach(function(cls){if(cls)a.classList.add(cls)});else ac.split(' ').forEach(function(cls){if(cls)a.classList.remove(cls)});
+      }
+    });
+  }
+
+  function updateActiveLinks(){
+    // Update active classes on <stx-link> elements (and legacy data-stx-link)
+    var links=document.querySelectorAll('[data-stx-link]');
+    var cur=location.pathname;
+    links.forEach(function(link){
+      var href=link.getAttribute('to')||link.getAttribute('href')||'';
+      var ac=link.getAttribute('active-class')||link.getAttribute('data-stx-active-class')||'active';
+      var eac=link.getAttribute('exact-active-class')||link.getAttribute('data-stx-exact-active-class')||'exact-active';
+      ac.split(' ').forEach(function(cls){if(cls)link.classList.remove(cls)});
+      eac.split(' ').forEach(function(cls){if(cls)link.classList.remove(cls)});
+      var isExact=cur===href;
+      var isActive=href!=='/'?cur.startsWith(href):cur==='/';
+      if(isExact)eac.split(' ').forEach(function(cls){if(cls)link.classList.add(cls)});
+      if(isActive)ac.split(' ').forEach(function(cls){if(cls)link.classList.add(cls)});
+    });
+  }
+
+  // \u2500\u2500 Progress bar DOM + style \u2500\u2500
+  // Injects a fixed-position element at the top of the viewport plus the
+  // minimal CSS for its transform/opacity transitions. Kept idempotent so
+  // repeated init() calls (e.g. after full-body swaps) don't duplicate.
+  // Also ships the default View Transitions fade+slide CSS when
+  // viewTransitions is enabled and the browser supports it. Apps can
+  // override by defining more specific ::view-transition-* rules later in
+  // the cascade, or opt out entirely with viewTransitions:false.
+  function injectStyles(){
+    if(!document.getElementById('stx-r-css')){
+      var s=document.createElement('style');s.id='stx-r-css';
+      // Strip characters that could escape our CSS block and inject new
+      // declarations: ; { } ( ) " ' \\ < > plus whitespace control chars.
+      // This keeps the value safe to concat into a stylesheet even if a
+      // caller wires the config from an untrusted source.
+      var sanitize=function(v){return String(v).replace(/[;{}()"'\\\\<>\\n\\r\\t]/g,'')};
+      var pc=sanitize(o.progressColor);
+      var ph=sanitize(o.progressHeight);
+      var css='.stx-navigating{cursor:wait}.stx-navigating a,.stx-navigating button{pointer-events:none}#stx-router-progress{position:fixed;top:0;left:0;right:0;height:'+ph+';background:'+pc+';box-shadow:0 0 8px '+pc+',0 0 4px '+pc+';transform:scaleX(0);transform-origin:left;transition:transform .18s ease-out,opacity .26s ease;opacity:0;pointer-events:none;z-index:999999}';
+      if(o.viewTransitions&&'startViewTransition' in document){
+        var dur=(o.viewTransitionDuration||220)+'ms';
+        var ease=o.viewTransitionEasing||'cubic-bezier(0.16, 1, 0.3, 1)';
+        css+='::view-transition-old(root),::view-transition-new(root){animation-duration:'+dur+';animation-timing-function:'+ease+'}';
+        css+='::view-transition-old(root){animation-name:stx-r-fade-out}::view-transition-new(root){animation-name:stx-r-fade-in}';
+        css+='@keyframes stx-r-fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}';
+        css+='@keyframes stx-r-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}';
+        css+='@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:0s;animation-name:none}}';
+      }
+      s.textContent=css;
+      document.head.appendChild(s);
+    }
+    if(o.progress&&!document.getElementById('stx-router-progress')){
+      var el=document.createElement('div');
+      el.id='stx-router-progress';
+      el.setAttribute('role','progressbar');
+      el.setAttribute('aria-hidden','true');
+      (document.body||document.documentElement).appendChild(el);
+      progEl=el;
+    } else if(o.progress){
+      progEl=document.getElementById('stx-router-progress');
+    }
+  }
+
+  function injectViewTransitionCSS(){
+    if(document.getElementById('stx-view-transitions'))return;
+    var s=document.createElement('style');s.id='stx-view-transitions';
+    s.textContent='::view-transition-group(root){animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}#app-content,[data-stx-content]{view-transition-name:stx-content}::view-transition-old(stx-content){animation:stx-fade-out .15s ease-out both}::view-transition-new(stx-content){animation:stx-fade-in .15s ease-in .1s both}@keyframes stx-fade-out{from{opacity:1}to{opacity:0}}@keyframes stx-fade-in{from{opacity:0}to{opacity:1}}::view-transition{background:transparent}::view-transition-group(stx-content){background:inherit;overflow:hidden}';
+    (document.head||document.documentElement).appendChild(s);
+  }
+
+  // \u2500\u2500 Public API \u2500\u2500
+  var router={
+    navigate:navigate,
+    navigateTo:navigate,
+    prefetch:function(url){
+      if(!cache[url]){
+        fetch(url,{headers:{'X-STX-Router':'true'}}).then(function(r){var isFrag=r.headers.get('X-STX-Fragment')==='true';return r.text().then(function(html){return isFrag?'<!--stx-fragment-->'+html:html})}).then(function(html){cache[url]=html}).catch(function(){});
+      }
+    },
+    clearCache:function(){for(var k in cache)delete cache[k]},
+    cache:cache,
+    swap:swap,
+    updateNav:updateNav
+  };
+
+  window.__stxRouter=router;
+  window.stxRouter=router;
+  if(window.stx)window.stx.router=router;
+
+  // \u2500\u2500 Initialize \u2500\u2500
+  function init(){
+    injectStyles();
+    injectViewTransitionCSS();
+    updateActiveLinks();
+    updateNav(location.pathname);
+  }
+
+  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',init);else init();
+})();
+`;
+}
+export {
+  setAppUrl,
+  runMiddleware,
+  route,
+  resolveLayoutChain,
+  resetRoutes,
+  registerMiddleware,
+  patternToRegex,
+  navigateTo,
+  matchRoute,
+  loadMiddlewareFromDirectory,
+  hasMiddleware,
+  getRouterScript,
+  getMiddlewareNames,
+  getMiddleware,
+  generateRouteTypes,
+  generateRouteManifest,
+  formatRoutes,
+  findErrorPage,
+  filePathToPattern,
+  defineRoutes,
+  defineRoute,
+  defineMiddleware,
+  createStorageManager,
+  createServerCookieManager,
+  createRouter,
+  createRouteLocation,
+  createMiddlewareContext,
+  createClientCookieManager,
+  clearMiddleware,
+  abortNavigation,
+  Router
+};