@devwareng/vanilla-ts 1.1.10 → 1.1.11

package/dist/index.cjs

@@ -1,510 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// index.ts
-var index_exports = {};
-__export(index_exports, {
-  TSRouter: () => TSRouter,
-  html: () => html,
-  useAnchor: () => useAnchor,
-  useAnchorSingle: () => useAnchorSingle,
-  useInitialDOM: () => useInitialDOM,
-  useTSAuth: () => useTSAuth,
-  useTSComponent: () => useTSComponent,
-  useTSElementEach: () => useTSElementEach,
-  useTSElements: () => useTSElements,
-  useTSEvent: () => useTSEvent,
-  useTSEventAll: () => useTSEventAll,
-  useTSExtractParams: () => useTSExtractParams,
-  useTSParams: () => useTSParams,
-  useTSPurifier: () => useTSPurifier,
-  useTSSelect: () => useTSSelect
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/define/html.ts
-function html(strings, ...values) {
-  return strings.reduce((result, str, i) => {
-    return result + str + (values[i] || "");
-  }, "");
-}
-
-// src/hooks/useTSPurifier.ts
-var import_dompurify = __toESM(require("dompurify"), 1);
-var useTSPurifier = (input, config) => {
-  const defaultConfig = {
-    ADD_TAGS: ["my-custom-tag"]
-  };
-  const mergedConfig = { ...defaultConfig, ...config };
-  if (typeof input === "string") {
-    return import_dompurify.default.sanitize(input, mergedConfig);
-  } else {
-    return import_dompurify.default.sanitize(input.innerHTML, mergedConfig);
-  }
-};
-
-// src/hooks/useTSEvent.ts
-var useTSEvent = (id, eventType, handler) => {
-  const element = document.querySelector(`#${id}`);
-  if (element) {
-    element.addEventListener(
-      eventType,
-      handler
-    );
-  } else {
-    console.warn(`Element with id '${id}' not found.`);
-  }
-};
-
-// src/hooks/useTSParams.ts
-var import_vanilla = require("zustand/vanilla");
-var import_dompurify2 = __toESM(require("dompurify"), 1);
-function extractPatternParams(pattern, path) {
-  const paramNames = [];
-  const regexPattern = pattern.replace(/:[^/]+/g, (match2) => {
-    paramNames.push(match2.slice(1));
-    return "([^/]+)";
-  });
-  const regex = new RegExp(`^${regexPattern}$`);
-  const match = path.match(regex);
-  const result = {};
-  if (match) {
-    paramNames.forEach((name, i) => {
-      result[name] = import_dompurify2.default.sanitize(match[i + 1] ?? "");
-    });
-  }
-  return result;
-}
-function extractQueryParams(search) {
-  const result = {};
-  const urlSearchParams = new URLSearchParams(search);
-  for (const [key, value] of urlSearchParams.entries()) {
-    result[key] = import_dompurify2.default.sanitize(value);
-  }
-  return result;
-}
-var useTSParams = (0, import_vanilla.createStore)((set, get) => ({
-  params: {},
-  query: {},
-  setFromPattern: (pattern) => {
-    const path = window.location.pathname;
-    const params = extractPatternParams(pattern, path);
-    const query = extractQueryParams(window.location.search);
-    set({ params, query });
-  },
-  getParam: (key) => get().params[key],
-  getQuery: (key) => get().query[key]
-}));
-
-// src/hooks/useTSExtract.ts
-function useTSExtractParams(pattern) {
-  const store = useTSParams.getState();
-  store.setFromPattern(pattern);
-  const params = store.params;
-  const query = store.query;
-  return { ...params, ...query };
-}
-
-// src/hooks/useTSAllElements.ts
-var useTSEventAll = (selector, eventType, handler) => {
-  const elements = document.querySelectorAll(selector);
-  elements.forEach((element) => {
-    element.addEventListener(eventType, handler);
-  });
-  return () => {
-    elements.forEach((element) => {
-      element.removeEventListener(eventType, handler);
-    });
-  };
-};
-
-// src/hooks/useTSElements.ts
-var import_dompurify3 = __toESM(require("dompurify"), 1);
-var useTSElements = (htmlElement, element, config) => {
-  const defaultConfig = {
-    ALLOWED_TAGS: ["main", "div", "h1", "p", "button", "span", "a", "img", "input"],
-    ALLOWED_ATTR: ["class", "id", "href", "style", "src", "alt"],
-    ...config
-    // allow user overrides
-  };
-  const sanitizedContent = import_dompurify3.default.sanitize(
-    /*html*/
-    element,
-    defaultConfig
-  );
-  if (htmlElement.innerHTML !== String(sanitizedContent)) {
-    return htmlElement.innerHTML = String(sanitizedContent);
-  }
-};
-
-// src/hooks/useIntialDOM.ts
-var import_dompurify4 = __toESM(require("dompurify"), 1);
-var previousHTML = null;
-var useInitialDOM = (id, mount) => {
-  if (typeof document === "undefined") return;
-  const targetElement = document.getElementById(id);
-  if (!targetElement) return;
-  const currentHTML = targetElement.innerHTML;
-  const sanitizedHTML = import_dompurify4.default.sanitize(currentHTML);
-  if (previousHTML !== null && sanitizedHTML !== previousHTML) {
-    const fallbackEl = document.createElement("div");
-    mount(fallbackEl);
-    targetElement.innerHTML = previousHTML;
-  } else {
-    previousHTML = sanitizedHTML;
-    mount(targetElement);
-  }
-};
-
-// src/hooks/useTSAnchorSingle.ts
-var sanitizeInput = (input) => {
-  const element = document.createElement("div");
-  element.innerText = input;
-  return element.innerHTML;
-};
-var useAnchorSingle = (element, href, ariaLabel, className = "", childElement = null) => {
-  if (!element) return;
-  const sanitizedHref = sanitizeInput(href);
-  const sanitizedAriaLabel = sanitizeInput(ariaLabel);
-  const sanitizedClassName = className ? sanitizeInput(className) : void 0;
-  element.setAttribute("href", sanitizedHref);
-  element.setAttribute("aria-label", sanitizedAriaLabel);
-  if (sanitizedClassName) {
-    element.className = sanitizedClassName;
-  }
-  if (childElement) {
-    element.innerHTML = "";
-    element.appendChild(childElement);
-  }
-  element.addEventListener("click", (e) => {
-    e.preventDefault();
-    const target = e.currentTarget;
-    const href2 = target.getAttribute("href");
-    if (href2) {
-      const scrollPosition = window.scrollY;
-      window.scrollTo(0, 0);
-      window.history.pushState({ scrollPosition }, "", href2);
-      const navEvent = new PopStateEvent("popstate");
-      dispatchEvent(navEvent);
-    }
-  });
-  window.addEventListener("popstate", (e) => {
-    const state = e.state;
-    if (state && state.scrollPosition !== void 0) {
-      window.scrollTo(0, state.scrollPosition);
-    }
-  });
-};
-
-// src/hooks/useTSAnchor.ts
-var import_lodash = __toESM(require("lodash"), 1);
-var sanitizeInput2 = (input) => input;
-if (typeof window !== "undefined" && typeof document !== "undefined") {
-  sanitizeInput2 = (input) => {
-    const element = document.createElement("div");
-    element.innerText = input;
-    return element.innerHTML;
-  };
-}
-var useAnchor = typeof window !== "undefined" ? (0, import_lodash.default)((anchors) => {
-  anchors.forEach((anchor) => {
-    if (!anchor) return;
-    const originalHref = anchor.getAttribute("href") || "#";
-    const originalClassName = anchor.getAttribute("class") || "";
-    const sanitizedHref = sanitizeInput2(originalHref);
-    const sanitizedClassName = anchor.getAttribute("class") ? sanitizeInput2(anchor.getAttribute("class")) : originalClassName;
-    anchor.setAttribute("href", sanitizedHref);
-    anchor.setAttribute("class", sanitizedClassName);
-    if (anchor.getAttribute("aria-label")) {
-      anchor.setAttribute(
-        "aria-label",
-        sanitizeInput2(anchor.getAttribute("aria-label"))
-      );
-    }
-    const childElement = anchor.querySelector(":scope > *");
-    if (childElement) {
-      anchor.innerHTML = "";
-      anchor.appendChild(childElement);
-    }
-    anchor.addEventListener("click", (e) => {
-      const target = e.currentTarget;
-      const href = target.getAttribute("href");
-      try {
-        const url = new URL(href, window.location.href);
-        if (url.origin !== window.location.origin) return;
-      } catch (error) {
-        console.error("Invalid URL:", error);
-        return;
-      }
-      e.preventDefault();
-      window.history.pushState({}, "", href);
-      const navEvent = new PopStateEvent("popstate");
-      window.dispatchEvent(navEvent);
-    });
-  });
-}) : () => {
-};
-
-// src/hooks/useTSMetaData.ts
-var import_dompurify5 = __toESM(require("dompurify"), 1);
-
-// src/hooks/useTSComponent.ts
-var import_dompurify6 = __toESM(require("dompurify"), 1);
-var useTSComponent = (id, DOM, element, params, params2) => {
-  import_dompurify6.default.sanitize(DOM);
-  element(DOM.querySelector(`#${id}`), params, params2);
-};
-
-// src/hooks/useTSSelect.ts
-var useTSSelect = (selector) => {
-  const element = document.querySelector(selector);
-  if (!element) {
-    console.warn(`[useTSSelect] No element found for selector: '${selector}'`);
-    return null;
-  }
-  return element;
-};
-
-// src/hooks/useTSAuth.ts
-var import_jwt_decode = require("jwt-decode");
-var useTSAuth = (_Component, loginUrl) => {
-  const token = localStorage.getItem("token");
-  if (!token) {
-    window.location.href = loginUrl;
-    return null;
-  }
-  try {
-    const decodedToken = (0, import_jwt_decode.jwtDecode)(token);
-    const currentTime = Date.now() / 1e3;
-    if (decodedToken.exp && decodedToken.exp < currentTime) {
-      console.error("Token has expired");
-      window.localStorage.removeItem("token");
-      window.location.href = loginUrl;
-      return null;
-    }
-    return null;
-  } catch (error) {
-    console.error("Invalid token:", error);
-    window.location.href = loginUrl;
-    return null;
-  }
-};
-
-// src/hooks/useTSForEach.ts
-var useTSElementEach = (elements, events, callback) => {
-  elements.forEach((element) => {
-    events.forEach((eventType) => {
-      element.addEventListener(eventType, (event) => {
-        callback(element, event);
-      });
-    });
-  });
-};
-
-// src/routes/class/Router.class.ts
-var import_dompurify8 = __toESM(require("dompurify"), 1);
-
-// src/store/useTSParam.store.ts
-var import_vanilla2 = require("zustand/vanilla");
-var import_dompurify7 = __toESM(require("dompurify"), 1);
-var tsParamsStore = (0, import_vanilla2.createStore)((set) => ({
-  params: {},
-  query: {},
-  setParams: (params) => set(() => ({
-    params: sanitize(params)
-  })),
-  setQuery: (query) => set(() => ({
-    query: sanitize(query)
-  }))
-}));
-function sanitize(obj) {
-  const output = {};
-  for (const key in obj) {
-    output[key] = import_dompurify7.default.sanitize(obj[key]);
-  }
-  return output;
-}
-
-// src/routes/class/Router.class.ts
-var TSRouter = class {
-  constructor(routes, expectedParams) {
-    this.routes = [];
-    this.routes = routes;
-    this.expectedParams = new Set(expectedParams);
-    window.addEventListener("popstate", this.handlePopState.bind(this));
-    this.handlePopState();
-  }
-  handlePopState() {
-    const currentPath = window.location.pathname;
-    const currentSearch = window.location.search;
-    const queryParams = this.parseQueryParams(currentSearch);
-    const matchingRoute = this.findMatchingRoute(currentPath, this.routes);
-    if (matchingRoute) {
-      if (matchingRoute.routeto) {
-        this.navigate(matchingRoute.routeto);
-        return;
-      }
-      const sanitizedParams = this.filterAndSanitizeParams(matchingRoute.params);
-      tsParamsStore.getState().setParams(sanitizedParams);
-      tsParamsStore.getState().setQuery(queryParams);
-      const errorElement = document.createElement("div");
-      matchingRoute.element?.(errorElement, sanitizedParams, queryParams);
-      if (matchingRoute.children) {
-        const nestedPath = currentPath.slice(matchingRoute.path.length);
-        const childElement = errorElement.querySelector("#child");
-        if (childElement) {
-          this.renderChildren(
-            matchingRoute.children,
-            nestedPath,
-            childElement,
-            sanitizedParams,
-            queryParams
-          );
-        }
-      }
-    } else {
-      const notFoundRoute = this.findMatchingRoute("*", this.routes);
-      if (notFoundRoute) {
-        const fallbackParams = this.filterAndSanitizeParams(notFoundRoute.params);
-        tsParamsStore.getState().setParams(fallbackParams);
-        tsParamsStore.getState().setQuery(queryParams);
-        const errorElement = document.createElement("div");
-        notFoundRoute.element?.(errorElement, fallbackParams, queryParams);
-      }
-    }
-  }
-  renderChildren(children, nestedPath, parentElement, parentParams, queryParams) {
-    if (!children || children.length === 0) {
-      const childElement = parentElement.querySelector("#child");
-      if (childElement) childElement.remove();
-      return;
-    }
-    const matchingChild = this.findMatchingRoute(nestedPath, children);
-    if (matchingChild) {
-      const childElement = document.createElement("div");
-      childElement.id = "child";
-      const mergedParams = { ...parentParams, ...matchingChild.params };
-      const sanitizedParams = this.filterAndSanitizeParams(mergedParams);
-      tsParamsStore.getState().setParams(sanitizedParams);
-      tsParamsStore.getState().setQuery(queryParams);
-      matchingChild.element?.(childElement, sanitizedParams, queryParams);
-      parentElement.appendChild(childElement);
-      if (matchingChild.children) {
-        const nextNestedPath = nestedPath.slice(matchingChild.path.length);
-        this.renderChildren(
-          matchingChild.children,
-          nextNestedPath,
-          childElement,
-          sanitizedParams,
-          queryParams
-        );
-      }
-    }
-  }
-  parseQueryParams(search) {
-    const queryParams = {};
-    const urlSearchParams = new URLSearchParams(search);
-    for (const [key, value] of urlSearchParams.entries()) {
-      if (this.expectedParams.has(key)) {
-        queryParams[key] = import_dompurify8.default.sanitize(value);
-      }
-    }
-    return queryParams;
-  }
-  findMatchingRoute(path, routes, inheritedParams = {}) {
-    for (const route of routes) {
-      const routePath = route.path;
-      const isDefaultRoute = routePath === "*";
-      if (!isDefaultRoute) {
-        const paramNames = [];
-        const regexPattern = routePath.replace(/:[^\s/]+/g, (match2) => {
-          paramNames.push(match2.substring(1));
-          return "([^\\s/]+)";
-        });
-        const regex = new RegExp(`^${regexPattern}(?:/|$)`);
-        const match = path.match(regex);
-        if (match) {
-          const params = { ...inheritedParams };
-          paramNames.forEach((name, index) => {
-            params[name] = match[index + 1] ?? "";
-          });
-          if (route.children) {
-            const nestedPath = path.slice(match[0].length);
-            const matchingChild = this.findMatchingRoute(
-              nestedPath,
-              route.children,
-              params
-            );
-            if (matchingChild) return matchingChild;
-          }
-          return { ...route, params };
-        }
-      } else {
-        return route;
-      }
-    }
-    return void 0;
-  }
-  filterAndSanitizeParams(params) {
-    if (!params) return {};
-    const sanitizedParams = {};
-    for (const key in params) {
-      if (this.expectedParams.has(key)) {
-        sanitizedParams[key] = import_dompurify8.default.sanitize(params[key] ?? "");
-      }
-    }
-    return sanitizedParams;
-  }
-  navigate(path) {
-    history.pushState(null, "", path);
-    this.handlePopState();
-  }
-  addRoute(route) {
-    this.routes.push(route);
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TSRouter,
-  html,
-  useAnchor,
-  useAnchorSingle,
-  useInitialDOM,
-  useTSAuth,
-  useTSComponent,
-  useTSElementEach,
-  useTSElements,
-  useTSEvent,
-  useTSEventAll,
-  useTSExtractParams,
-  useTSParams,
-  useTSPurifier,
-  useTSSelect
-});
+"use strict";var Y=Object.create;var S=Object.defineProperty;var J=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var V=Object.getPrototypeOf,X=Object.prototype.hasOwnProperty;var Z=(t,e)=>{for(var n in e)S(t,n,{get:e[n],enumerable:!0})},N=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of K(e))!X.call(t,o)&&o!==n&&S(t,o,{get:()=>e[o],enumerable:!(r=J(e,o))||r.enumerable});return t};var d=(t,e,n)=>(n=t!=null?Y(V(t)):{},N(e||!t||!t.__esModule?S(n,"default",{value:t,enumerable:!0}):n,t)),ee=t=>N(S({},"__esModule",{value:!0}),t);var oe={};Z(oe,{TSRouter:()=>v,html:()=>M,useAnchor:()=>O,useAnchorSingle:()=>D,useInitialDOM:()=>H,useTSAuth:()=>k,useTSComponent:()=>y,useTSElementEach:()=>q,useTSElements:()=>C,useTSEvent:()=>x,useTSEventAll:()=>w,useTSExtractParams:()=>A,useTSParams:()=>p,useTSPurifier:()=>P,useTSSelect:()=>z});module.exports=ee(oe);function M(t,...e){return t.reduce((n,r,o)=>n+r+(e[o]||""),"")}var L=d(require("dompurify"),1),P=(t,e)=>{let r={...{ADD_TAGS:["my-custom-tag"]},...e};return typeof t=="string"?L.default.sanitize(t,r):L.default.sanitize(t.innerHTML,r)};var x=(t,e,n)=>{let r=document.querySelector(`#${t}`);r?r.addEventListener(e,n):console.warn(`Element with id '${t}' not found.`)};var I=require("zustand/vanilla"),R=d(require("dompurify"),1);function te(t,e){let n=[],r=t.replace(/:[^/]+/g,i=>(n.push(i.slice(1)),"([^/]+)")),o=new RegExp(`^${r}$`),s=e.match(o),a={};return s&&n.forEach((i,c)=>{a[i]=R.default.sanitize(s[c+1]??"")}),a}function ne(t){let e={},n=new URLSearchParams(t);for(let[r,o]of n.entries())e[r]=R.default.sanitize(o);return e}var p=(0,I.createStore)((t,e)=>({params:{},query:{},setFromPattern:n=>{let r=window.location.pathname,o=te(n,r),s=ne(window.location.search);t({params:o,query:s})},getParam:n=>e().params[n],getQuery:n=>e().query[n]}));function A(t){let e=p.getState();e.setFromPattern(t);let n=e.params,r=e.query;return{...n,...r}}var w=(t,e,n)=>{let r=document.querySelectorAll(t);return r.forEach(o=>{o.addEventListener(e,n)}),()=>{r.forEach(o=>{o.removeEventListener(e,n)})}};var F=d(require("dompurify"),1),C=(t,e,n)=>{let r={ALLOWED_TAGS:["main","div","h1","p","button","span","a","img","input"],ALLOWED_ATTR:["class","id","href","style","src","alt"],...n},o=F.default.sanitize(e,r);if(t.innerHTML!==String(o))return t.innerHTML=String(o)};var U=d(require("dompurify"),1),T=null,H=(t,e)=>{if(typeof document>"u")return;let n=document.getElementById(t);if(!n)return;let r=n.innerHTML,o=U.default.sanitize(r);if(T!==null&&o!==T){let s=document.createElement("div");e(s),n.innerHTML=T}else T=o,e(n)};var b=t=>{let e=document.createElement("div");return e.innerText=t,e.innerHTML},D=(t,e,n,r="",o=null)=>{if(!t)return;let s=b(e),a=b(n),i=r?b(r):void 0;t.setAttribute("href",s),t.setAttribute("aria-label",a),i&&(t.className=i),o&&(t.innerHTML="",t.appendChild(o)),t.addEventListener("click",c=>{c.preventDefault();let u=c.currentTarget.getAttribute("href");if(u){let m=window.scrollY;window.scrollTo(0,0),window.history.pushState({scrollPosition:m},"",u);let f=new PopStateEvent("popstate");dispatchEvent(f)}}),window.addEventListener("popstate",c=>{let l=c.state;l&&l.scrollPosition!==void 0&&window.scrollTo(0,l.scrollPosition)})};var Q=d(require("lodash"),1),E=t=>t;typeof window<"u"&&typeof document<"u"&&(E=t=>{let e=document.createElement("div");return e.innerText=t,e.innerHTML});var O=typeof window<"u"?(0,Q.default)(t=>{t.forEach(e=>{if(!e)return;let n=e.getAttribute("href")||"#",r=e.getAttribute("class")||"",o=E(n),s=e.getAttribute("class")?E(e.getAttribute("class")):r;e.setAttribute("href",o),e.setAttribute("class",s),e.getAttribute("aria-label")&&e.setAttribute("aria-label",E(e.getAttribute("aria-label")));let a=e.querySelector(":scope > *");a&&(e.innerHTML="",e.appendChild(a)),e.addEventListener("click",i=>{let l=i.currentTarget.getAttribute("href");try{if(new URL(l,window.location.href).origin!==window.location.origin)return}catch(m){console.error("Invalid URL:",m);return}i.preventDefault(),window.history.pushState({},"",l);let u=new PopStateEvent("popstate");window.dispatchEvent(u)})})}):()=>{};var re=d(require("dompurify"),1);var _=d(require("dompurify"),1),y=(t,e,n,r,o)=>{_.default.sanitize(e),n(e.querySelector(`#${t}`),r,o)};var z=t=>{let e=document.querySelector(t);return e||(console.warn(`[useTSSelect] No element found for selector: '${t}'`),null)};var j=require("jwt-decode"),k=(t,e)=>{let n=localStorage.getItem("token");if(!n)return window.location.href=e,null;try{let r=(0,j.jwtDecode)(n),o=Date.now()/1e3;return r.exp&&r.exp<o&&(console.error("Token has expired"),window.localStorage.removeItem("token"),window.location.href=e),null}catch(r){return console.error("Invalid token:",r),window.location.href=e,null}};var q=(t,e,n)=>{t.forEach(r=>{e.forEach(o=>{r.addEventListener(o,s=>{n(r,s)})})})};var $=d(require("dompurify"),1);var G=require("zustand/vanilla"),W=d(require("dompurify"),1),g=(0,G.createStore)(t=>({params:{},query:{},setParams:e=>t(()=>({params:B(e)})),setQuery:e=>t(()=>({query:B(e)}))}));function B(t){let e={};for(let n in t)e[n]=W.default.sanitize(t[n]);return e}var v=class{constructor(e,n){this.routes=[];this.routes=e,this.expectedParams=new Set(n),window.addEventListener("popstate",this.handlePopState.bind(this)),this.handlePopState()}handlePopState(){let e=window.location.pathname,n=window.location.search,r=this.parseQueryParams(n),o=this.findMatchingRoute(e,this.routes);if(o){if(o.routeto){this.navigate(o.routeto);return}let s=this.filterAndSanitizeParams(o.params);g.getState().setParams(s),g.getState().setQuery(r);let a=document.createElement("div");if(o.element?.(a,s,r),o.children){let i=e.slice(o.path.length),c=a.querySelector("#child");c&&this.renderChildren(o.children,i,c,s,r)}}else{let s=this.findMatchingRoute("*",this.routes);if(s){let a=this.filterAndSanitizeParams(s.params);g.getState().setParams(a),g.getState().setQuery(r);let i=document.createElement("div");s.element?.(i,a,r)}}}renderChildren(e,n,r,o,s){if(!e||e.length===0){let i=r.querySelector("#child");i&&i.remove();return}let a=this.findMatchingRoute(n,e);if(a){let i=document.createElement("div");i.id="child";let c={...o,...a.params},l=this.filterAndSanitizeParams(c);if(g.getState().setParams(l),g.getState().setQuery(s),a.element?.(i,l,s),r.appendChild(i),a.children){let u=n.slice(a.path.length);this.renderChildren(a.children,u,i,l,s)}}}parseQueryParams(e){let n={},r=new URLSearchParams(e);for(let[o,s]of r.entries())this.expectedParams.has(o)&&(n[o]=$.default.sanitize(s));return n}findMatchingRoute(e,n,r={}){for(let o of n){let s=o.path;if(s==="*")return o;{let i=[],c=s.replace(/:[^\s/]+/g,m=>(i.push(m.substring(1)),"([^\\s/]+)")),l=new RegExp(`^${c}(?:/|$)`),u=e.match(l);if(u){let m={...r};if(i.forEach((f,h)=>{m[f]=u[h+1]??""}),o.children){let f=e.slice(u[0].length),h=this.findMatchingRoute(f,o.children,m);if(h)return h}return{...o,params:m}}}}}filterAndSanitizeParams(e){if(!e)return{};let n={};for(let r in e)this.expectedParams.has(r)&&(n[r]=$.default.sanitize(e[r]??""));return n}navigate(e){history.pushState(null,"",e),this.handlePopState()}addRoute(e){this.routes.push(e)}};0&&(module.exports={TSRouter,html,useAnchor,useAnchorSingle,useInitialDOM,useTSAuth,useTSComponent,useTSElementEach,useTSElements,useTSEvent,useTSEventAll,useTSExtractParams,useTSParams,useTSPurifier,useTSSelect});
 //# sourceMappingURL=index.cjs.map