@symbo.ls/router 3.14.0 → 3.14.1

package/index.js

@@ -195,14 +195,21 @@ export const router = async (path, el, state = {}, options = {}) => {
   lastPathname = pathname
 
   // Route matching - support both simple and param-based
-  let route, content, params
+  let route, routePath, content, params
   if (opts.useParamsMatching) {
     const match = matchRoute(pathname, element.routes, opts.level)
-    route = match.routePath
+    // FRAMEWORK-2: state.route must reflect the matched pattern key
+    // (e.g. `/players/:id`), not the literal first URL segment, so
+    // consumers and devtools can branch on which route handler fired.
+    // The first-segment value is still exposed as `routePath` for the
+    // rare consumer that needs the URL piece directly.
+    route = match.key
+    routePath = match.routePath
     content = match.content
     params = match.params
   } else {
     route = getActiveRoute(opts.level, pathname)
+    routePath = route
     content = element.routes[route || '/'] || element.routes['/*']
     params = {}
   }
@@ -243,7 +250,7 @@ export const router = async (path, el, state = {}, options = {}) => {
   }
 
   if (pathChanged || !hashChanged) {
-    const stateUpdate = { route, hash, debugging: false }
+    const stateUpdate = { route, routePath, hash, debugging: false }
     if (Object.keys(params).length) stateUpdate.params = params
     if (Object.keys(query).length) stateUpdate.query = query
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/router",
-  "version": "3.14.0",
+  "version": "3.14.1",
   "license": "CC-BY-NC-4.0",
   "type": "module",
   "module": "./index.js",
@@ -25,8 +25,8 @@
     "prepublish": "npm run build && npm run copy:package:cjs"
   },
   "dependencies": {
-    "@symbo.ls/element": "^3.14.0",
-    "@symbo.ls/utils": "^3.14.0"
+    "@symbo.ls/element": "^3.14.3",
+    "@symbo.ls/utils": "^3.14.2"
   },
   "gitHead": "9fc1b79b41cdc725ca6b24aec64920a599634681",
   "devDependencies": {

package/dist/cjs/index.js

@@ -1,281 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var index_exports = {};
-__export(index_exports, {
-  default: () => index_default,
-  getActiveRoute: () => getActiveRoute,
-  lastLevel: () => lastLevel,
-  lastPathname: () => lastPathname,
-  matchRoute: () => matchRoute,
-  parseQuery: () => parseQuery,
-  parseRoutePattern: () => parseRoutePattern,
-  router: () => router,
-  runGuards: () => runGuards
-});
-module.exports = __toCommonJS(index_exports);
-var import_utils = require("@symbo.ls/utils");
-const paramPattern = /^:(.+)/;
-const wildcardPattern = /^\*$/;
-const routeCache = /* @__PURE__ */ new Map();
-const parseRoutePattern = (pattern) => {
-  const cached = routeCache.get(pattern);
-  if (cached) return cached;
-  const segments = pattern.replace(/^\//, "").split("/");
-  const params = [];
-  let hasWildcard = false;
-  for (let i = 0; i < segments.length; i++) {
-    const match = segments[i].match(paramPattern);
-    if (match) {
-      params.push({ index: i, name: match[1] });
-    } else if (wildcardPattern.test(segments[i])) {
-      hasWildcard = true;
-    }
-  }
-  const result = { segments, params, hasWildcard, pattern };
-  routeCache.set(pattern, result);
-  return result;
-};
-const matchRoute = (pathname, routes, level = 0) => {
-  const pathSegments = pathname.replace(/^\//, "").split("/").filter(Boolean);
-  const relevantSegments = pathSegments.slice(level);
-  const routePath = "/" + (relevantSegments[0] || "");
-  let bestMatch = null;
-  let bestScore = -1;
-  let matchedParams = {};
-  for (const key in routes) {
-    if (key === "/*") continue;
-    const parsed = parseRoutePattern(key);
-    const score = scoreMatch(relevantSegments, parsed);
-    if (score > bestScore) {
-      bestScore = score;
-      bestMatch = key;
-      matchedParams = extractParams(relevantSegments, parsed);
-    }
-  }
-  if (!bestMatch && routes["/*"]) {
-    bestMatch = "/*";
-  }
-  return {
-    key: bestMatch,
-    content: bestMatch ? routes[bestMatch] : null,
-    params: matchedParams,
-    routePath
-  };
-};
-const scoreMatch = (pathSegments, parsed) => {
-  const { segments, hasWildcard } = parsed;
-  if (!hasWildcard && segments.length !== pathSegments.length && segments.length !== 1) {
-    if (segments.length > pathSegments.length) return -1;
-  }
-  let score = 0;
-  const len = Math.min(segments.length, pathSegments.length);
-  for (let i = 0; i < len; i++) {
-    if (segments[i] === pathSegments[i]) {
-      score += 3;
-    } else if (paramPattern.test(segments[i])) {
-      score += 1;
-    } else if (wildcardPattern.test(segments[i])) {
-      score += 0.5;
-    } else {
-      return -1;
-    }
-  }
-  return score;
-};
-const extractParams = (pathSegments, parsed) => {
-  const params = {};
-  for (const { index, name } of parsed.params) {
-    if (pathSegments[index]) {
-      params[name] = decodeURIComponent(pathSegments[index]);
-    }
-  }
-  return params;
-};
-const parseQuery = (search) => {
-  if (!search || search === "?") return {};
-  const params = {};
-  const searchParams = new URLSearchParams(search);
-  searchParams.forEach((value, key) => {
-    if (params[key] !== void 0) {
-      if (!Array.isArray(params[key])) params[key] = [params[key]];
-      params[key].push(value);
-    } else {
-      params[key] = value;
-    }
-  });
-  return params;
-};
-const runGuards = async (guards, context) => {
-  if (!guards || !guards.length) return true;
-  for (const guard of guards) {
-    const result = await guard(context);
-    if (result === false) return false;
-    if (typeof result === "string") return result;
-  }
-  return true;
-};
-const getActiveRoute = (level = 0, route) => {
-  if (!route) route = typeof import_utils.window !== "undefined" ? import_utils.window.location.pathname : "/";
-  const routeArray = route.split("/");
-  const activeRoute = routeArray[level + 1];
-  if (activeRoute) return `/${activeRoute}`;
-};
-let lastPathname;
-let lastLevel = 0;
-const normalizePath = (p) => !p || p === "srcdoc" || p === "about:srcdoc" ? "/" : p;
-const defaultOptions = {
-  level: lastLevel,
-  pushState: true,
-  initialRender: false,
-  scrollToTop: true,
-  scrollToNode: false,
-  scrollNode: import_utils.document && import_utils.document.documentElement,
-  scrollBody: false,
-  useFragment: false,
-  updateState: true,
-  scrollToOffset: 0,
-  contentElementKey: "content",
-  scrollToOptions: { behavior: "smooth" },
-  useParamsMatching: true
-};
-const router = async (path, el, state = {}, options = {}) => {
-  const element = el || void 0;
-  const win = element?.context?.window || import_utils.window;
-  const doc = element?.context?.document || import_utils.document;
-  const opts = {
-    ...defaultOptions,
-    ...element.context.routerOptions,
-    ...options
-  };
-  lastLevel = opts.lastLevel;
-  const ref = element.__ref;
-  if (opts.contentElementKey !== "content" && opts.contentElementKey !== ref.contentElementKey || !ref.contentElementKey) {
-    ref.contentElementKey = opts.contentElementKey || "content";
-  }
-  const contentElementKey = ref.contentElementKey || opts.contentElementKey || "content";
-  const origin = win.location.origin !== "null" ? win.location.origin : "http://localhost";
-  path = normalizePath(path);
-  const urlObj = new win.URL(origin + path);
-  const { pathname, search, hash } = urlObj;
-  const query = parseQuery(search);
-  const rootNode = element.node;
-  const hashChanged = hash && hash !== win.location.hash.slice(1);
-  const pathChanged = pathname !== lastPathname;
-  lastPathname = pathname;
-  let route, content, params;
-  if (opts.useParamsMatching) {
-    const match = matchRoute(pathname, element.routes, opts.level);
-    route = match.routePath;
-    content = match.content;
-    params = match.params;
-  } else {
-    route = getActiveRoute(opts.level, pathname);
-    content = element.routes[route || "/"] || element.routes["/*"];
-    params = {};
-  }
-  const scrollNode = opts.scrollToNode ? rootNode : opts.scrollNode;
-  if (element.state?.root?.debugging) {
-    element.state.root.debugging = false;
-    return;
-  }
-  if (!content) {
-    if (opts.onNotFound) {
-      opts.onNotFound({ pathname, route, element });
-    } else if (!opts.silent) {
-      console.warn("[smbls/router] no content matched for path", pathname, "\u2014 available routes:", Object.keys(element.routes || {}));
-    }
-    return;
-  }
-  if (opts.guards && opts.guards.length) {
-    const guardContext = { pathname, route, params, query, hash, element, state };
-    const guardResult = await runGuards(opts.guards, guardContext);
-    if (guardResult === false) return;
-    if (typeof guardResult === "string") {
-      return router(guardResult, el, state, { ...options, guards: [] });
-    }
-  }
-  if (opts.pushState) {
-    try {
-      win.history.pushState(state, null, pathname + (search || "") + (hash || ""));
-    } catch (e) {
-    }
-  }
-  if (pathChanged || !hashChanged) {
-    const stateUpdate = { route, hash, debugging: false };
-    if (Object.keys(params).length) stateUpdate.params = params;
-    if (Object.keys(query).length) stateUpdate.query = query;
-    if (opts.updateState) {
-      element.state.update(
-        stateUpdate,
-        { preventContentUpdate: true }
-      );
-    }
-    if (contentElementKey && opts.removeOldElement) {
-      element[contentElementKey].remove();
-    }
-    const originContent = element.__ref?.origin?.content;
-    const contentStyles = {};
-    if (originContent) {
-      for (const k in originContent) {
-        const v = originContent[k];
-        if (k === "__ref" || k === "props" || k === "node" || k === "parent" || k === "key") continue;
-        if (typeof v === "string" || typeof v === "number" || typeof v === "boolean" || typeof v === "object" && v !== null && !v.node && !v.__ref) {
-          contentStyles[k] = v;
-        }
-      }
-    }
-    const nextContent = {
-      ...contentStyles,
-      ...typeof content === "object" ? content : { extends: content }
-    };
-    if (opts.useFragment) nextContent.tag = "fragment";
-    try {
-      element.set(nextContent, { contentElementKey });
-    } catch (err) {
-      console.error("[smbls/router] failed to render route content", pathname, err);
-    }
-  }
-  if (opts.scrollToTop && scrollNode?.scrollTo) {
-    scrollNode.scrollTo({
-      ...opts.scrollToOptions || {},
-      top: 0,
-      left: 0
-    });
-  }
-  if (opts.scrollToNode && content[contentElementKey]?.node?.scrollTo) {
-    content[contentElementKey].node.scrollTo({
-      ...opts.scrollToOptions || {},
-      top: 0,
-      left: 0
-    });
-  }
-  if (hash) {
-    const activeNode = doc.getElementById(hash);
-    if (activeNode && scrollNode?.scrollTo) {
-      const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - (opts.scrollToOffset || 0);
-      scrollNode.scrollTo({
-        ...opts.scrollToOptions || {},
-        top,
-        left: 0
-      });
-    }
-  }
-  (0, import_utils.triggerEventOn)("routeChanged", element, opts);
-};
-var index_default = router;

package/dist/esm/index.js

@@ -1,261 +0,0 @@
-import { document, window, triggerEventOn } from "@symbo.ls/utils";
-const paramPattern = /^:(.+)/;
-const wildcardPattern = /^\*$/;
-const routeCache = /* @__PURE__ */ new Map();
-const parseRoutePattern = (pattern) => {
-  const cached = routeCache.get(pattern);
-  if (cached) return cached;
-  const segments = pattern.replace(/^\//, "").split("/");
-  const params = [];
-  let hasWildcard = false;
-  for (let i = 0; i < segments.length; i++) {
-    const match = segments[i].match(paramPattern);
-    if (match) {
-      params.push({ index: i, name: match[1] });
-    } else if (wildcardPattern.test(segments[i])) {
-      hasWildcard = true;
-    }
-  }
-  const result = { segments, params, hasWildcard, pattern };
-  routeCache.set(pattern, result);
-  return result;
-};
-const matchRoute = (pathname, routes, level = 0) => {
-  const pathSegments = pathname.replace(/^\//, "").split("/").filter(Boolean);
-  const relevantSegments = pathSegments.slice(level);
-  const routePath = "/" + (relevantSegments[0] || "");
-  let bestMatch = null;
-  let bestScore = -1;
-  let matchedParams = {};
-  for (const key in routes) {
-    if (key === "/*") continue;
-    const parsed = parseRoutePattern(key);
-    const score = scoreMatch(relevantSegments, parsed);
-    if (score > bestScore) {
-      bestScore = score;
-      bestMatch = key;
-      matchedParams = extractParams(relevantSegments, parsed);
-    }
-  }
-  if (!bestMatch && routes["/*"]) {
-    bestMatch = "/*";
-  }
-  return {
-    key: bestMatch,
-    content: bestMatch ? routes[bestMatch] : null,
-    params: matchedParams,
-    routePath
-  };
-};
-const scoreMatch = (pathSegments, parsed) => {
-  const { segments, hasWildcard } = parsed;
-  if (!hasWildcard && segments.length !== pathSegments.length && segments.length !== 1) {
-    if (segments.length > pathSegments.length) return -1;
-  }
-  let score = 0;
-  const len = Math.min(segments.length, pathSegments.length);
-  for (let i = 0; i < len; i++) {
-    if (segments[i] === pathSegments[i]) {
-      score += 3;
-    } else if (paramPattern.test(segments[i])) {
-      score += 1;
-    } else if (wildcardPattern.test(segments[i])) {
-      score += 0.5;
-    } else {
-      return -1;
-    }
-  }
-  return score;
-};
-const extractParams = (pathSegments, parsed) => {
-  const params = {};
-  for (const { index, name } of parsed.params) {
-    if (pathSegments[index]) {
-      params[name] = decodeURIComponent(pathSegments[index]);
-    }
-  }
-  return params;
-};
-const parseQuery = (search) => {
-  if (!search || search === "?") return {};
-  const params = {};
-  const searchParams = new URLSearchParams(search);
-  searchParams.forEach((value, key) => {
-    if (params[key] !== void 0) {
-      if (!Array.isArray(params[key])) params[key] = [params[key]];
-      params[key].push(value);
-    } else {
-      params[key] = value;
-    }
-  });
-  return params;
-};
-const runGuards = async (guards, context) => {
-  if (!guards || !guards.length) return true;
-  for (const guard of guards) {
-    const result = await guard(context);
-    if (result === false) return false;
-    if (typeof result === "string") return result;
-  }
-  return true;
-};
-const getActiveRoute = (level = 0, route) => {
-  if (!route) route = typeof window !== "undefined" ? window.location.pathname : "/";
-  const routeArray = route.split("/");
-  const activeRoute = routeArray[level + 1];
-  if (activeRoute) return `/${activeRoute}`;
-};
-let lastPathname;
-let lastLevel = 0;
-const normalizePath = (p) => !p || p === "srcdoc" || p === "about:srcdoc" ? "/" : p;
-const defaultOptions = {
-  level: lastLevel,
-  pushState: true,
-  initialRender: false,
-  scrollToTop: true,
-  scrollToNode: false,
-  scrollNode: document && document.documentElement,
-  scrollBody: false,
-  useFragment: false,
-  updateState: true,
-  scrollToOffset: 0,
-  contentElementKey: "content",
-  scrollToOptions: { behavior: "smooth" },
-  useParamsMatching: true
-};
-const router = async (path, el, state = {}, options = {}) => {
-  const element = el || void 0;
-  const win = element?.context?.window || window;
-  const doc = element?.context?.document || document;
-  const opts = {
-    ...defaultOptions,
-    ...element.context.routerOptions,
-    ...options
-  };
-  lastLevel = opts.lastLevel;
-  const ref = element.__ref;
-  if (opts.contentElementKey !== "content" && opts.contentElementKey !== ref.contentElementKey || !ref.contentElementKey) {
-    ref.contentElementKey = opts.contentElementKey || "content";
-  }
-  const contentElementKey = ref.contentElementKey || opts.contentElementKey || "content";
-  const origin = win.location.origin !== "null" ? win.location.origin : "http://localhost";
-  path = normalizePath(path);
-  const urlObj = new win.URL(origin + path);
-  const { pathname, search, hash } = urlObj;
-  const query = parseQuery(search);
-  const rootNode = element.node;
-  const hashChanged = hash && hash !== win.location.hash.slice(1);
-  const pathChanged = pathname !== lastPathname;
-  lastPathname = pathname;
-  let route, content, params;
-  if (opts.useParamsMatching) {
-    const match = matchRoute(pathname, element.routes, opts.level);
-    route = match.routePath;
-    content = match.content;
-    params = match.params;
-  } else {
-    route = getActiveRoute(opts.level, pathname);
-    content = element.routes[route || "/"] || element.routes["/*"];
-    params = {};
-  }
-  const scrollNode = opts.scrollToNode ? rootNode : opts.scrollNode;
-  if (element.state?.root?.debugging) {
-    element.state.root.debugging = false;
-    return;
-  }
-  if (!content) {
-    if (opts.onNotFound) {
-      opts.onNotFound({ pathname, route, element });
-    } else if (!opts.silent) {
-      console.warn("[smbls/router] no content matched for path", pathname, "\u2014 available routes:", Object.keys(element.routes || {}));
-    }
-    return;
-  }
-  if (opts.guards && opts.guards.length) {
-    const guardContext = { pathname, route, params, query, hash, element, state };
-    const guardResult = await runGuards(opts.guards, guardContext);
-    if (guardResult === false) return;
-    if (typeof guardResult === "string") {
-      return router(guardResult, el, state, { ...options, guards: [] });
-    }
-  }
-  if (opts.pushState) {
-    try {
-      win.history.pushState(state, null, pathname + (search || "") + (hash || ""));
-    } catch (e) {
-    }
-  }
-  if (pathChanged || !hashChanged) {
-    const stateUpdate = { route, hash, debugging: false };
-    if (Object.keys(params).length) stateUpdate.params = params;
-    if (Object.keys(query).length) stateUpdate.query = query;
-    if (opts.updateState) {
-      element.state.update(
-        stateUpdate,
-        { preventContentUpdate: true }
-      );
-    }
-    if (contentElementKey && opts.removeOldElement) {
-      element[contentElementKey].remove();
-    }
-    const originContent = element.__ref?.origin?.content;
-    const contentStyles = {};
-    if (originContent) {
-      for (const k in originContent) {
-        const v = originContent[k];
-        if (k === "__ref" || k === "props" || k === "node" || k === "parent" || k === "key") continue;
-        if (typeof v === "string" || typeof v === "number" || typeof v === "boolean" || typeof v === "object" && v !== null && !v.node && !v.__ref) {
-          contentStyles[k] = v;
-        }
-      }
-    }
-    const nextContent = {
-      ...contentStyles,
-      ...typeof content === "object" ? content : { extends: content }
-    };
-    if (opts.useFragment) nextContent.tag = "fragment";
-    try {
-      element.set(nextContent, { contentElementKey });
-    } catch (err) {
-      console.error("[smbls/router] failed to render route content", pathname, err);
-    }
-  }
-  if (opts.scrollToTop && scrollNode?.scrollTo) {
-    scrollNode.scrollTo({
-      ...opts.scrollToOptions || {},
-      top: 0,
-      left: 0
-    });
-  }
-  if (opts.scrollToNode && content[contentElementKey]?.node?.scrollTo) {
-    content[contentElementKey].node.scrollTo({
-      ...opts.scrollToOptions || {},
-      top: 0,
-      left: 0
-    });
-  }
-  if (hash) {
-    const activeNode = doc.getElementById(hash);
-    if (activeNode && scrollNode?.scrollTo) {
-      const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - (opts.scrollToOffset || 0);
-      scrollNode.scrollTo({
-        ...opts.scrollToOptions || {},
-        top,
-        left: 0
-      });
-    }
-  }
-  triggerEventOn("routeChanged", element, opts);
-};
-var index_default = router;
-export {
-  index_default as default,
-  getActiveRoute,
-  lastLevel,
-  lastPathname,
-  matchRoute,
-  parseQuery,
-  parseRoutePattern,
-  router,
-  runGuards
-};

package/dist/iife/index.js

@@ -1,754 +0,0 @@
-"use strict";
-var DomqlRouter = (() => {
-  var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __esm = (fn, res) => function __init() {
-    return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-  };
-  var __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
-      for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
-    return to;
-  };
-  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-  // ../../packages/utils/globals.js
-  var window2, document2;
-  var init_globals = __esm({
-    "../../packages/utils/globals.js"() {
-      "use strict";
-      window2 = globalThis;
-      document2 = window2.document;
-    }
-  });
-
-  // ../../packages/utils/node.js
-  var init_node = __esm({
-    "../../packages/utils/node.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/types.js
-  var isFunction;
-  var init_types = __esm({
-    "../../packages/utils/types.js"() {
-      "use strict";
-      isFunction = (arg) => typeof arg === "function";
-    }
-  });
-
-  // ../../packages/utils/array.js
-  var init_array = __esm({
-    "../../packages/utils/array.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/string.js
-  var init_string = __esm({
-    "../../packages/utils/string.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/keys.js
-  var STATE_METHODS, PROPS_METHODS, METHODS, METHODS_EXL;
-  var init_keys = __esm({
-    "../../packages/utils/keys.js"() {
-      "use strict";
-      STATE_METHODS = /* @__PURE__ */ new Set([
-        "update",
-        "parse",
-        "clean",
-        "create",
-        "destroy",
-        "add",
-        "toggle",
-        "remove",
-        "apply",
-        "set",
-        "reset",
-        "replace",
-        "quietReplace",
-        "quietUpdate",
-        "applyReplace",
-        "applyFunction",
-        "keys",
-        "values",
-        "ref",
-        "rootUpdate",
-        "parentUpdate",
-        "parent",
-        "__element",
-        "__depends",
-        "__ref",
-        "__children",
-        "root",
-        "setByPath",
-        "setPathCollection",
-        "removeByPath",
-        "removePathCollection",
-        "getByPath"
-      ]);
-      PROPS_METHODS = /* @__PURE__ */ new Set(["update", "__element"]);
-      METHODS = /* @__PURE__ */ new Set([
-        "set",
-        "reset",
-        "update",
-        "remove",
-        "updateContent",
-        "removeContent",
-        "lookup",
-        "lookdown",
-        "lookdownAll",
-        "getRef",
-        "getPath",
-        "setNodeStyles",
-        "spotByPath",
-        "keys",
-        "parse",
-        "setProps",
-        "parseDeep",
-        "variables",
-        "if",
-        "log",
-        "verbose",
-        "warn",
-        "error",
-        "call",
-        "nextElement",
-        "previousElement",
-        "getRootState",
-        "getRoot",
-        "getRootData",
-        "getRootContext",
-        "getContext",
-        "getQuery",
-        "getDB",
-        "getChildren",
-        "preventContentUpdate",
-        "preventContentRecreate"
-      ]);
-      METHODS_EXL = /* @__PURE__ */ new Set([
-        "node",
-        "context",
-        "extends",
-        "__element",
-        "__ref",
-        ...METHODS,
-        ...STATE_METHODS,
-        ...PROPS_METHODS
-      ]);
-    }
-  });
-
-  // ../../packages/utils/object.js
-  var init_object = __esm({
-    "../../packages/utils/object.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/key.js
-  var init_key = __esm({
-    "../../packages/utils/key.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/env.js
-  var init_env = __esm({
-    "../../packages/utils/env.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/function.js
-  var resolveHandler, runPluginHook;
-  var init_function = __esm({
-    "../../packages/utils/function.js"() {
-      "use strict";
-      resolveHandler = (handler, element) => {
-        if (typeof handler === "function") return handler;
-        const plugins = element?.context?.plugins;
-        if (!plugins) return handler;
-        for (const plugin of plugins) {
-          if (plugin.resolveHandler) {
-            const resolved = plugin.resolveHandler(handler, element);
-            if (typeof resolved === "function") return resolved;
-          }
-        }
-        return handler;
-      };
-      runPluginHook = (hookName, element, ...args) => {
-        const plugins = element?.context?.plugins;
-        if (!plugins) return false;
-        let handled = false;
-        for (const plugin of plugins) {
-          if (typeof plugin[hookName] === "function") {
-            plugin[hookName](element, ...args);
-            handled = true;
-          }
-        }
-        return handled;
-      };
-    }
-  });
-
-  // ../../packages/utils/if.js
-  var init_if = __esm({
-    "../../packages/utils/if.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/log.js
-  var init_log = __esm({
-    "../../packages/utils/log.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/cookie.js
-  var isMobile;
-  var init_cookie = __esm({
-    "../../packages/utils/cookie.js"() {
-      "use strict";
-      isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
-    }
-  });
-
-  // ../../packages/utils/tags.js
-  var init_tags = __esm({
-    "../../packages/utils/tags.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/extends.js
-  var init_extends = __esm({
-    "../../packages/utils/extends.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/component.js
-  var init_component = __esm({
-    "../../packages/utils/component.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/props.js
-  var init_props = __esm({
-    "../../packages/utils/props.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/element.js
-  var init_element = __esm({
-    "../../packages/utils/element.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/state.js
-  var init_state = __esm({
-    "../../packages/utils/state.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/scope.js
-  var init_scope = __esm({
-    "../../packages/utils/scope.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/triggerEvent.js
-  var getOnOrPropsEvent, applyEvent, triggerEventOn;
-  var init_triggerEvent = __esm({
-    "../../packages/utils/triggerEvent.js"() {
-      "use strict";
-      init_types();
-      init_function();
-      getOnOrPropsEvent = (param, element) => {
-        const propKey = "on" + param.charAt(0).toUpperCase() + param.slice(1);
-        return element[propKey];
-      };
-      applyEvent = (param, element, state, context, options) => {
-        param = resolveHandler(param, element);
-        if (!isFunction(param)) return;
-        try {
-          const result = param.call(
-            element,
-            element,
-            state || element.state,
-            context || element.context,
-            options
-          );
-          if (result && typeof result.then === "function") {
-            result.catch((err) => {
-              element.error = err;
-              if (err instanceof ReferenceError) console.warn("[DOMQL] Async event warning:", err.message);
-              else console.error("[DOMQL] Async event error:", err);
-            });
-          }
-          return result;
-        } catch (err) {
-          element.error = err;
-          if (err instanceof ReferenceError) {
-            console.warn("[DOMQL] Event handler warning:", err.message);
-          } else {
-            console.error("[DOMQL] Event handler error:", err);
-          }
-          if (element.context?.strictMode) throw err;
-        }
-      };
-      triggerEventOn = (param, element, options) => {
-        if (!element) {
-          throw new Error("Element is required");
-        }
-        runPluginHook(param, element, options);
-        const appliedFunction = getOnOrPropsEvent(param, element);
-        if (appliedFunction) {
-          const { state, context } = element;
-          return applyEvent(appliedFunction, element, state, context, options);
-        }
-      };
-    }
-  });
-
-  // ../../packages/utils/cache.js
-  var init_cache = __esm({
-    "../../packages/utils/cache.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/methods.js
-  var init_methods = __esm({
-    "../../packages/utils/methods.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/update.js
-  var init_update = __esm({
-    "../../packages/utils/update.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/projectKeys.js
-  var init_projectKeys = __esm({
-    "../../packages/utils/projectKeys.js"() {
-    }
-  });
-
-  // ../../packages/utils/browser.js
-  var init_browser = __esm({
-    "../../packages/utils/browser.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/cdn.js
-  var init_cdn = __esm({
-    "../../packages/utils/cdn.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/date.js
-  var init_date = __esm({
-    "../../packages/utils/date.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/detectHeight.js
-  var init_detectHeight = __esm({
-    "../../packages/utils/detectHeight.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/fibonacci.js
-  var init_fibonacci = __esm({
-    "../../packages/utils/fibonacci.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/files.js
-  var init_files = __esm({
-    "../../packages/utils/files.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/load.js
-  var init_load = __esm({
-    "../../packages/utils/load.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/metadata.js
-  var init_metadata = __esm({
-    "../../packages/utils/metadata.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/scaling.js
-  var init_scaling = __esm({
-    "../../packages/utils/scaling.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/sharedLibraries.js
-  var init_sharedLibraries = __esm({
-    "../../packages/utils/sharedLibraries.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/string-extra.js
-  var init_string_extra = __esm({
-    "../../packages/utils/string-extra.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/style.js
-  var init_style = __esm({
-    "../../packages/utils/style.js"() {
-      "use strict";
-    }
-  });
-
-  // ../../packages/utils/index.js
-  var init_utils = __esm({
-    "../../packages/utils/index.js"() {
-      "use strict";
-      init_key();
-      init_env();
-      init_types();
-      init_object();
-      init_function();
-      init_array();
-      init_node();
-      init_if();
-      init_log();
-      init_string();
-      init_globals();
-      init_cookie();
-      init_tags();
-      init_component();
-      init_props();
-      init_extends();
-      init_element();
-      init_state();
-      init_keys();
-      init_scope();
-      init_methods();
-      init_cache();
-      init_update();
-      init_triggerEvent();
-      init_projectKeys();
-      init_browser();
-      init_cdn();
-      init_date();
-      init_detectHeight();
-      init_fibonacci();
-      init_files();
-      init_load();
-      init_metadata();
-      init_scaling();
-      init_sharedLibraries();
-      init_string_extra();
-      init_style();
-    }
-  });
-
-  // index.js
-  var index_exports = {};
-  __export(index_exports, {
-    default: () => index_default,
-    getActiveRoute: () => getActiveRoute,
-    lastLevel: () => lastLevel,
-    lastPathname: () => lastPathname,
-    matchRoute: () => matchRoute,
-    parseQuery: () => parseQuery,
-    parseRoutePattern: () => parseRoutePattern,
-    router: () => router,
-    runGuards: () => runGuards
-  });
-  init_utils();
-  var paramPattern = /^:(.+)/;
-  var wildcardPattern = /^\*$/;
-  var routeCache = /* @__PURE__ */ new Map();
-  var parseRoutePattern = (pattern) => {
-    const cached = routeCache.get(pattern);
-    if (cached) return cached;
-    const segments = pattern.replace(/^\//, "").split("/");
-    const params = [];
-    let hasWildcard = false;
-    for (let i = 0; i < segments.length; i++) {
-      const match = segments[i].match(paramPattern);
-      if (match) {
-        params.push({ index: i, name: match[1] });
-      } else if (wildcardPattern.test(segments[i])) {
-        hasWildcard = true;
-      }
-    }
-    const result = { segments, params, hasWildcard, pattern };
-    routeCache.set(pattern, result);
-    return result;
-  };
-  var matchRoute = (pathname, routes, level = 0) => {
-    const pathSegments = pathname.replace(/^\//, "").split("/").filter(Boolean);
-    const relevantSegments = pathSegments.slice(level);
-    const routePath = "/" + (relevantSegments[0] || "");
-    let bestMatch = null;
-    let bestScore = -1;
-    let matchedParams = {};
-    for (const key in routes) {
-      if (key === "/*") continue;
-      const parsed = parseRoutePattern(key);
-      const score = scoreMatch(relevantSegments, parsed);
-      if (score > bestScore) {
-        bestScore = score;
-        bestMatch = key;
-        matchedParams = extractParams(relevantSegments, parsed);
-      }
-    }
-    if (!bestMatch && routes["/*"]) {
-      bestMatch = "/*";
-    }
-    return {
-      key: bestMatch,
-      content: bestMatch ? routes[bestMatch] : null,
-      params: matchedParams,
-      routePath
-    };
-  };
-  var scoreMatch = (pathSegments, parsed) => {
-    const { segments, hasWildcard } = parsed;
-    if (!hasWildcard && segments.length !== pathSegments.length && segments.length !== 1) {
-      if (segments.length > pathSegments.length) return -1;
-    }
-    let score = 0;
-    const len = Math.min(segments.length, pathSegments.length);
-    for (let i = 0; i < len; i++) {
-      if (segments[i] === pathSegments[i]) {
-        score += 3;
-      } else if (paramPattern.test(segments[i])) {
-        score += 1;
-      } else if (wildcardPattern.test(segments[i])) {
-        score += 0.5;
-      } else {
-        return -1;
-      }
-    }
-    return score;
-  };
-  var extractParams = (pathSegments, parsed) => {
-    const params = {};
-    for (const { index, name } of parsed.params) {
-      if (pathSegments[index]) {
-        params[name] = decodeURIComponent(pathSegments[index]);
-      }
-    }
-    return params;
-  };
-  var parseQuery = (search) => {
-    if (!search || search === "?") return {};
-    const params = {};
-    const searchParams = new URLSearchParams(search);
-    searchParams.forEach((value, key) => {
-      if (params[key] !== void 0) {
-        if (!Array.isArray(params[key])) params[key] = [params[key]];
-        params[key].push(value);
-      } else {
-        params[key] = value;
-      }
-    });
-    return params;
-  };
-  var runGuards = async (guards, context) => {
-    if (!guards || !guards.length) return true;
-    for (const guard of guards) {
-      const result = await guard(context);
-      if (result === false) return false;
-      if (typeof result === "string") return result;
-    }
-    return true;
-  };
-  var getActiveRoute = (level = 0, route) => {
-    if (!route) route = typeof window2 !== "undefined" ? window2.location.pathname : "/";
-    const routeArray = route.split("/");
-    const activeRoute = routeArray[level + 1];
-    if (activeRoute) return `/${activeRoute}`;
-  };
-  var lastPathname;
-  var lastLevel = 0;
-  var normalizePath = (p) => !p || p === "srcdoc" || p === "about:srcdoc" ? "/" : p;
-  var defaultOptions = {
-    level: lastLevel,
-    pushState: true,
-    initialRender: false,
-    scrollToTop: true,
-    scrollToNode: false,
-    scrollNode: document2 && document2.documentElement,
-    scrollBody: false,
-    useFragment: false,
-    updateState: true,
-    scrollToOffset: 0,
-    contentElementKey: "content",
-    scrollToOptions: { behavior: "smooth" },
-    useParamsMatching: true
-  };
-  var router = async (path, el, state = {}, options = {}) => {
-    const element = el || void 0;
-    const win = element?.context?.window || window2;
-    const doc = element?.context?.document || document2;
-    const opts = {
-      ...defaultOptions,
-      ...element.context.routerOptions,
-      ...options
-    };
-    lastLevel = opts.lastLevel;
-    const ref = element.__ref;
-    if (opts.contentElementKey !== "content" && opts.contentElementKey !== ref.contentElementKey || !ref.contentElementKey) {
-      ref.contentElementKey = opts.contentElementKey || "content";
-    }
-    const contentElementKey = ref.contentElementKey || opts.contentElementKey || "content";
-    const origin = win.location.origin !== "null" ? win.location.origin : "http://localhost";
-    path = normalizePath(path);
-    const urlObj = new win.URL(origin + path);
-    const { pathname, search, hash } = urlObj;
-    const query = parseQuery(search);
-    const rootNode = element.node;
-    const hashChanged = hash && hash !== win.location.hash.slice(1);
-    const pathChanged = pathname !== lastPathname;
-    lastPathname = pathname;
-    let route, content, params;
-    if (opts.useParamsMatching) {
-      const match = matchRoute(pathname, element.routes, opts.level);
-      route = match.routePath;
-      content = match.content;
-      params = match.params;
-    } else {
-      route = getActiveRoute(opts.level, pathname);
-      content = element.routes[route || "/"] || element.routes["/*"];
-      params = {};
-    }
-    const scrollNode = opts.scrollToNode ? rootNode : opts.scrollNode;
-    if (element.state?.root?.debugging) {
-      element.state.root.debugging = false;
-      return;
-    }
-    if (!content) {
-      if (opts.onNotFound) {
-        opts.onNotFound({ pathname, route, element });
-      } else if (!opts.silent) {
-        console.warn("[smbls/router] no content matched for path", pathname, "\u2014 available routes:", Object.keys(element.routes || {}));
-      }
-      return;
-    }
-    if (opts.guards && opts.guards.length) {
-      const guardContext = { pathname, route, params, query, hash, element, state };
-      const guardResult = await runGuards(opts.guards, guardContext);
-      if (guardResult === false) return;
-      if (typeof guardResult === "string") {
-        return router(guardResult, el, state, { ...options, guards: [] });
-      }
-    }
-    if (opts.pushState) {
-      try {
-        win.history.pushState(state, null, pathname + (search || "") + (hash || ""));
-      } catch (e) {
-      }
-    }
-    if (pathChanged || !hashChanged) {
-      const stateUpdate = { route, hash, debugging: false };
-      if (Object.keys(params).length) stateUpdate.params = params;
-      if (Object.keys(query).length) stateUpdate.query = query;
-      if (opts.updateState) {
-        element.state.update(
-          stateUpdate,
-          { preventContentUpdate: true }
-        );
-      }
-      if (contentElementKey && opts.removeOldElement) {
-        element[contentElementKey].remove();
-      }
-      const originContent = element.__ref?.origin?.content;
-      const contentStyles = {};
-      if (originContent) {
-        for (const k in originContent) {
-          const v = originContent[k];
-          if (k === "__ref" || k === "props" || k === "node" || k === "parent" || k === "key") continue;
-          if (typeof v === "string" || typeof v === "number" || typeof v === "boolean" || typeof v === "object" && v !== null && !v.node && !v.__ref) {
-            contentStyles[k] = v;
-          }
-        }
-      }
-      const nextContent = {
-        ...contentStyles,
-        ...typeof content === "object" ? content : { extends: content }
-      };
-      if (opts.useFragment) nextContent.tag = "fragment";
-      try {
-        element.set(nextContent, { contentElementKey });
-      } catch (err) {
-        console.error("[smbls/router] failed to render route content", pathname, err);
-      }
-    }
-    if (opts.scrollToTop && scrollNode?.scrollTo) {
-      scrollNode.scrollTo({
-        ...opts.scrollToOptions || {},
-        top: 0,
-        left: 0
-      });
-    }
-    if (opts.scrollToNode && content[contentElementKey]?.node?.scrollTo) {
-      content[contentElementKey].node.scrollTo({
-        ...opts.scrollToOptions || {},
-        top: 0,
-        left: 0
-      });
-    }
-    if (hash) {
-      const activeNode = doc.getElementById(hash);
-      if (activeNode && scrollNode?.scrollTo) {
-        const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - (opts.scrollToOffset || 0);
-        scrollNode.scrollTo({
-          ...opts.scrollToOptions || {},
-          top,
-          left: 0
-        });
-      }
-    }
-    triggerEventOn("routeChanged", element, opts);
-  };
-  var index_default = router;
-  return __toCommonJS(index_exports);
-})();
-// @preserve-env