breeze-router 1.0.0 → 1.1.0

package/README.md

@@ -17,7 +17,7 @@ npm install breeze-router
 ```javascript
 <script type="module">
   import BreezeRouter from
-  "https://unpkg.com/breeze-router@1.0.0/dist/BreezeRouter.min.js";
+  "https://unpkg.com/breeze-router@1.1.0/dist/BreezeRouter.min.js";
 </script>
 ```
 
@@ -64,6 +64,13 @@ ROUTER.add("/users/:username/posts/:postId", async ({ route, params }) => {
 
 // Call the `start` method to start the router.
 ROUTER.start();
+
+// You can register the callbacks to run when the router is ready.
+// This is a good time to do some initial work like injecting some
+// global headers or footers into the page.
+ROUTER.ready(() => {
+  console.log("ROUTER is ready now.");
+});
 ```
 
 ## License

package/dist/BreezeRouter.js

@@ -101,6 +101,8 @@ class BreezeRouter {
    * @type {string}
    */
   #ignoreAttribute = "data-breeze-ignore";
+  #isReady = false;
+  #isReadyCallbacks = [];
 
   previousPath = "";
   /**
@@ -152,6 +154,17 @@ class BreezeRouter {
     this._onChanged();
   }
 
+  /**
+   * Register the callback when the router is ready.
+   *
+   * @param {Function} fn - Callback function.
+   */
+  ready(fn) {
+    if (typeof fn === "function") {
+      this.#isReadyCallbacks.push(fn);
+    }
+  }
+
   /**
    * Adds a new route to the router.
    * @param {string} route - The route path to add.
@@ -235,14 +248,19 @@ class BreezeRouter {
     const path = window.location.pathname;
     const { route, params } = this._matchUrlToRoute(path);
 
-    // If no matching route found, route will be '404' route
-    // which has been handled by _matchUrlToRoute already
-    await this._handleRoute({ route, params });
-
     this.currentPath = addTrailingSlash(path);
     this.currentRoute = route;
     this.currentParams = params;
 
+    // If no matching route found, route will be '404' route
+    // which has been handled by _matchUrlToRoute already.
+    await this._handleRoute({ route, params });
+
+    if (!this.#isReady) {
+      this.#isReady = true;
+      this.#isReadyCallbacks.forEach((fn) => fn(this));
+    }
+
     document.dispatchEvent(
       new CustomEvent("breeze-route-changed", {
         detail: {

package/dist/BreezeRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreezeRouter.js","sources":["../src/utils.js","../src/index.js"],"sourcesContent":["// @ts-check\n/**\n * Check if given param is function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"function\";\n};\n\n/**\n * Check if given param is async function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isAsyncFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"asyncfunction\";\n};\n\n/**\n * Remove trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const removeTrailingSlash = (url) => {\n  if (url.endsWith(\"/\")) {\n    url = url.replace(/\\/$/, \"\");\n  }\n\n  return url;\n};\n\n/**\n * Add trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const addTrailingSlash = (url) => {\n  url = url.trim();\n  if (!url.endsWith(\"/\")) {\n    url = url + \"/\";\n  }\n\n  return url;\n};\n\n/**\n * Find anchor element from click event.\n * @param {Event} e - The click event.\n * @returns {HTMLAnchorElement|undefined}\n */\nexport const findAnchor = (e) => {\n  return e.composedPath().find((elem) => {\n    return elem.tagName === \"A\";\n  });\n};\n\n/**\n * Check if the router should handle a click event on an anchor element.\n * @param {Event} e - The click event.\n * @param {HTMLAnchorElement} anchor - The anchor element.\n * @returns {boolean} - True if the router should handle the event, false otherwise.\n */\nexport const shouldRouterHandleClick = (e, anchor) => {\n  // If the event has already been handled by another event listener\n  if (e.defaultPrevented) {\n    return false;\n  }\n\n  // If the user is holding down the meta, control, or shift key\n  if (e.metaKey || e.ctrlKey || e.shiftKey) {\n    return false;\n  }\n\n  if (!anchor) {\n    return false;\n  }\n\n  if (anchor.target) {\n    return false;\n  }\n\n  if (\n    anchor.hasAttribute(\"download\") ||\n    anchor.getAttribute(\"rel\") === \"external\"\n  ) {\n    return false;\n  }\n\n  const href = anchor.href;\n  if (!href || href.startsWith(\"mailto:\")) {\n    return false;\n  }\n\n  // If the href attribute does not start with the same origin\n  if (!href.startsWith(location.origin)) {\n    return false;\n  }\n\n  return true;\n};\n","// @ts-check\nimport {\n  isFunction,\n  isAsyncFunction,\n  removeTrailingSlash,\n  addTrailingSlash,\n  findAnchor,\n  shouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n  /**\n   * `data-` attribute to allow users to skip the router behavior,\n   * anchor link with this attribute set will behavior as normal link.\n   * @type {string}\n   */\n  #ignoreAttribute = \"data-breeze-ignore\";\n\n  previousPath = \"\";\n  /**\n   * The previous route that was navigated to.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  previousRoute = null;\n  previousParams = {};\n\n  currentPath = \"\";\n  /**\n   * The current route that we're on.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  currentRoute = null;\n  currentParams = {};\n\n  /**\n   * Creates a new BreezeRouter instance.\n   * @param {object} config - Config.\n   * @constructor\n   */\n  constructor(config) {\n    const { ignoreAttribute } = config || {};\n\n    if (ignoreAttribute) {\n      this.#ignoreAttribute = ignoreAttribute;\n    }\n\n    /**\n     * Object containing all registered routes.\n     * @type {object}\n     * @private\n     */\n    this._routes = {};\n\n    // Bind event listeners\n    window.addEventListener(\"popstate\", this._onChanged.bind(this));\n    document.body.addEventListener(\"click\", this._handleClick.bind(this));\n  }\n\n  /**\n   * Starts the router.\n   * @returns {void}\n   */\n  start() {\n    this._onChanged();\n  }\n\n  /**\n   * Adds a new route to the router.\n   * @param {string} route - The route path to add.\n   * @param {Function} handler - The async function to handle the route\n   * @returns {BreezeRouter|void} The BreezeRouter instance.\n   */\n  add(route, handler) {\n    route = route.trim();\n    if (route !== \"/\") {\n      route = addTrailingSlash(route);\n    }\n\n    if (this._routes[route]) {\n      return console.warn(`Route already exists: ${route}`);\n    }\n\n    if (typeof handler !== \"function\") {\n      return console.error(`handler of route '${route}' must be a function.`);\n    }\n\n    const types = {};\n\n    // Route has types defined.\n    if (route.includes(\"<\")) {\n      // Split the URL segments by '/'.\n      const urlSegments = route\n        .split(\"/\")\n        .filter((segment) => segment.includes(\"<\"));\n\n      // Loop through each segment and get its type.\n      urlSegments.forEach((segment) => {\n        // Get the type.\n        const type = segment\n          .match(/\\<.+\\>/)?.[0]\n          .replace(\"<\", \"\")\n          .replace(\">\", \"\");\n\n        // Get the prop name.\n        const propName = segment.replace(/\\<.+\\>/, \"\").replace(\":\", \"\");\n\n        // Store the prop name and type.\n        types[propName] = type;\n      });\n    }\n\n    // Remove all '<type>' definitions.\n    route = route.replaceAll(/\\<.+\\>/g, \"\");\n\n    this._routes[route] = {\n      path: route,\n      types,\n      handler,\n    };\n\n    return this;\n  }\n\n  /**\n   * Navigates to the specified URL.\n   * @param {string} url - The URL to navigate to\n   * @returns {void}\n   */\n  navigateTo(url) {\n    this.previousPath = this.currentPath;\n    this.previousRoute = this.currentRoute;\n    this.previousParams = this.currentParams;\n    window.history.pushState({ url }, \"\", url);\n    this._onChanged();\n  }\n\n  /**\n   * Redirects a URL\n   * @param {string} url\n   * @returns {void}\n   */\n  redirect(url) {\n    this.navigateTo(url);\n  }\n\n  async _onChanged() {\n    const path = window.location.pathname;\n    const { route, params } = this._matchUrlToRoute(path);\n\n    // If no matching route found, route will be '404' route\n    // which has been handled by _matchUrlToRoute already\n    await this._handleRoute({ route, params });\n\n    this.currentPath = addTrailingSlash(path);\n    this.currentRoute = route;\n    this.currentParams = params;\n\n    document.dispatchEvent(\n      new CustomEvent(\"breeze-route-changed\", {\n        detail: {\n          previousPath: this.previousPath,\n          previousRoute: this.previousRoute,\n          previousParams: this.previousParams,\n          currentPath: this.currentPath,\n          currentRoute: this.currentRoute,\n          currentParams: this.currentParams,\n          router: this,\n        },\n      }),\n    );\n  }\n\n  /**\n   * Processes route callbacks registered by app\n   * @param {import('./types.js').MatchedRoute} options\n   * @returns {Promise<void>}\n   */\n  async _handleRoute({ route, params }) {\n    if (isFunction(route?.handler)) {\n      route.handler({ route, params });\n    }\n\n    if (isAsyncFunction(route?.handler)) {\n      await route.handler({ route, params });\n    }\n  }\n\n  /**\n   *\n   * @param {string} url - Current url users visite or nagivate to.\n   * @returns {import('./types.js').MatchedRoute}\n   */\n  _matchUrlToRoute(url) {\n    /** @type {import('./types.js').RouteParams} */\n    const params = {};\n\n    if (url !== \"/\") {\n      url = addTrailingSlash(url);\n    }\n\n    const matchedRoute = Object.entries(this._routes).find(\n      ([route, routeObject]) => {\n        if (url.split(\"/\").length !== route.split(\"/\").length) {\n          return false;\n        }\n\n        const { types } = routeObject;\n\n        let routeSegments = route.split(\"/\").slice(1);\n        let urlSegments = url.split(\"/\").slice(1);\n\n        // If each segment in the url matches the corresponding segment in the route path,\n        // or the route path segment starts with a ':' then the route is matched.\n        const match = routeSegments.every((segment, i) => {\n          if (!segment.startsWith(\":\")) {\n            return segment === urlSegments[i];\n          }\n\n          // /product/:id => segment/segment\n          // /product/123 => urlSegment/urlSegment\n          const type = types[segment.replace(\":\", \"\")];\n\n          // const segmentType =\n          const isValid =\n            type === \"number\" ? Number.isInteger(Number(urlSegments[i])) : true;\n\n          return isValid;\n        });\n\n        if (!match) {\n          return false;\n        }\n\n        // If the route matches the URL, pull out any params from the URL.\n        routeSegments.forEach((segment, i) => {\n          if (segment.startsWith(\":\")) {\n            const propName = segment.slice(1);\n            params[propName] = decodeURIComponent(urlSegments[i]);\n          }\n        });\n\n        return true;\n      },\n    );\n\n    if (matchedRoute) {\n      return {\n        route: this._routes[matchedRoute[0]],\n        params,\n        searchParams: new URLSearchParams(window.location.search),\n      };\n    } else {\n      return {\n        route: this._routes[404],\n        params,\n        searchParams: null,\n      };\n    }\n  }\n\n  /**\n   * Handles <a> link clicks\n   * @param {Event} event\n   * @returns {void}\n   */\n  _handleClick(event) {\n    const anchor = findAnchor(event);\n    if (!anchor) {\n      return;\n    }\n\n    /**\n     * Allow users to define an `data-` attribute to skip the route handling.\n     * Default to `data-breeze-ignore`.\n     */\n    if (anchor.hasAttribute(this.#ignoreAttribute)) {\n      return;\n    }\n\n    if (!shouldRouterHandleClick(event, anchor)) {\n      return;\n    }\n\n    event.preventDefault();\n    let href = anchor.getAttribute(\"href\")?.trim();\n    if (!href?.startsWith(\"/\")) {\n      href = \"/\" + href;\n    }\n\n    this.navigateTo(href);\n  }\n\n  /**\n   * Add or remove search param to current url.\n   * @param {HTMLInputElement} checkbox\n   * @param {string} value\n   * @returns void\n   */\n  toggleParam(checkbox, value) {\n    const params = new URLSearchParams(location.search);\n    const name = checkbox.getAttribute(\"name\");\n    if (!name) {\n      return console.warn(`name attribute is not set on ${checkbox.outerHTML}`);\n    }\n    if (checkbox.checked) {\n      !params.has(name) && params.set(name, value);\n    } else if (!checkbox.checked) {\n      params.has(name) && params.delete(name);\n    }\n\n    const newUrl = !!params.size\n      ? `${location.pathname}?${params.toString()}`\n      : location.pathname;\n    this.navigateTo(newUrl);\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BreezeRouter.js","sources":["../src/utils.js","../src/index.js"],"sourcesContent":["// @ts-check\n/**\n * Check if given param is function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"function\";\n};\n\n/**\n * Check if given param is async function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isAsyncFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"asyncfunction\";\n};\n\n/**\n * Remove trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const removeTrailingSlash = (url) => {\n  if (url.endsWith(\"/\")) {\n    url = url.replace(/\\/$/, \"\");\n  }\n\n  return url;\n};\n\n/**\n * Add trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const addTrailingSlash = (url) => {\n  url = url.trim();\n  if (!url.endsWith(\"/\")) {\n    url = url + \"/\";\n  }\n\n  return url;\n};\n\n/**\n * Find anchor element from click event.\n * @param {Event} e - The click event.\n * @returns {HTMLAnchorElement|undefined}\n */\nexport const findAnchor = (e) => {\n  return e.composedPath().find((elem) => {\n    return elem.tagName === \"A\";\n  });\n};\n\n/**\n * Check if the router should handle a click event on an anchor element.\n * @param {Event} e - The click event.\n * @param {HTMLAnchorElement} anchor - The anchor element.\n * @returns {boolean} - True if the router should handle the event, false otherwise.\n */\nexport const shouldRouterHandleClick = (e, anchor) => {\n  // If the event has already been handled by another event listener\n  if (e.defaultPrevented) {\n    return false;\n  }\n\n  // If the user is holding down the meta, control, or shift key\n  if (e.metaKey || e.ctrlKey || e.shiftKey) {\n    return false;\n  }\n\n  if (!anchor) {\n    return false;\n  }\n\n  if (anchor.target) {\n    return false;\n  }\n\n  if (\n    anchor.hasAttribute(\"download\") ||\n    anchor.getAttribute(\"rel\") === \"external\"\n  ) {\n    return false;\n  }\n\n  const href = anchor.href;\n  if (!href || href.startsWith(\"mailto:\")) {\n    return false;\n  }\n\n  // If the href attribute does not start with the same origin\n  if (!href.startsWith(location.origin)) {\n    return false;\n  }\n\n  return true;\n};\n","// @ts-check\nimport {\n  isFunction,\n  isAsyncFunction,\n  removeTrailingSlash,\n  addTrailingSlash,\n  findAnchor,\n  shouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n  /**\n   * `data-` attribute to allow users to skip the router behavior,\n   * anchor link with this attribute set will behavior as normal link.\n   * @type {string}\n   */\n  #ignoreAttribute = \"data-breeze-ignore\";\n  #isReady = false;\n  #isReadyCallbacks = [];\n\n  previousPath = \"\";\n  /**\n   * The previous route that was navigated to.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  previousRoute = null;\n  previousParams = {};\n\n  currentPath = \"\";\n  /**\n   * The current route that we're on.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  currentRoute = null;\n  currentParams = {};\n\n  /**\n   * Creates a new BreezeRouter instance.\n   * @param {object} config - Config.\n   * @constructor\n   */\n  constructor(config) {\n    const { ignoreAttribute } = config || {};\n\n    if (ignoreAttribute) {\n      this.#ignoreAttribute = ignoreAttribute;\n    }\n\n    /**\n     * Object containing all registered routes.\n     * @type {object}\n     * @private\n     */\n    this._routes = {};\n\n    // Bind event listeners\n    window.addEventListener(\"popstate\", this._onChanged.bind(this));\n    document.body.addEventListener(\"click\", this._handleClick.bind(this));\n  }\n\n  /**\n   * Starts the router.\n   * @returns {void}\n   */\n  start() {\n    this._onChanged();\n  }\n\n  /**\n   * Register the callback when the router is ready.\n   *\n   * @param {Function} fn - Callback function.\n   */\n  ready(fn) {\n    if (typeof fn === \"function\") {\n      this.#isReadyCallbacks.push(fn);\n    }\n  }\n\n  /**\n   * Adds a new route to the router.\n   * @param {string} route - The route path to add.\n   * @param {Function} handler - The async function to handle the route\n   * @returns {BreezeRouter|void} The BreezeRouter instance.\n   */\n  add(route, handler) {\n    route = route.trim();\n    if (route !== \"/\") {\n      route = addTrailingSlash(route);\n    }\n\n    if (this._routes[route]) {\n      return console.warn(`Route already exists: ${route}`);\n    }\n\n    if (typeof handler !== \"function\") {\n      return console.error(`handler of route '${route}' must be a function.`);\n    }\n\n    const types = {};\n\n    // Route has types defined.\n    if (route.includes(\"<\")) {\n      // Split the URL segments by '/'.\n      const urlSegments = route\n        .split(\"/\")\n        .filter((segment) => segment.includes(\"<\"));\n\n      // Loop through each segment and get its type.\n      urlSegments.forEach((segment) => {\n        // Get the type.\n        const type = segment\n          .match(/\\<.+\\>/)?.[0]\n          .replace(\"<\", \"\")\n          .replace(\">\", \"\");\n\n        // Get the prop name.\n        const propName = segment.replace(/\\<.+\\>/, \"\").replace(\":\", \"\");\n\n        // Store the prop name and type.\n        types[propName] = type;\n      });\n    }\n\n    // Remove all '<type>' definitions.\n    route = route.replaceAll(/\\<.+\\>/g, \"\");\n\n    this._routes[route] = {\n      path: route,\n      types,\n      handler,\n    };\n\n    return this;\n  }\n\n  /**\n   * Navigates to the specified URL.\n   * @param {string} url - The URL to navigate to\n   * @returns {void}\n   */\n  navigateTo(url) {\n    this.previousPath = this.currentPath;\n    this.previousRoute = this.currentRoute;\n    this.previousParams = this.currentParams;\n    window.history.pushState({ url }, \"\", url);\n    this._onChanged();\n  }\n\n  /**\n   * Redirects a URL\n   * @param {string} url\n   * @returns {void}\n   */\n  redirect(url) {\n    this.navigateTo(url);\n  }\n\n  async _onChanged() {\n    const path = window.location.pathname;\n    const { route, params } = this._matchUrlToRoute(path);\n\n    this.currentPath = addTrailingSlash(path);\n    this.currentRoute = route;\n    this.currentParams = params;\n\n    // If no matching route found, route will be '404' route\n    // which has been handled by _matchUrlToRoute already.\n    await this._handleRoute({ route, params });\n\n    if (!this.#isReady) {\n      this.#isReady = true;\n      this.#isReadyCallbacks.forEach((fn) => fn(this));\n    }\n\n    document.dispatchEvent(\n      new CustomEvent(\"breeze-route-changed\", {\n        detail: {\n          previousPath: this.previousPath,\n          previousRoute: this.previousRoute,\n          previousParams: this.previousParams,\n          currentPath: this.currentPath,\n          currentRoute: this.currentRoute,\n          currentParams: this.currentParams,\n          router: this,\n        },\n      }),\n    );\n  }\n\n  /**\n   * Processes route callbacks registered by app\n   * @param {import('./types.js').MatchedRoute} options\n   * @returns {Promise<void>}\n   */\n  async _handleRoute({ route, params }) {\n    if (isFunction(route?.handler)) {\n      route.handler({ route, params });\n    }\n\n    if (isAsyncFunction(route?.handler)) {\n      await route.handler({ route, params });\n    }\n  }\n\n  /**\n   *\n   * @param {string} url - Current url users visite or nagivate to.\n   * @returns {import('./types.js').MatchedRoute}\n   */\n  _matchUrlToRoute(url) {\n    /** @type {import('./types.js').RouteParams} */\n    const params = {};\n\n    if (url !== \"/\") {\n      url = addTrailingSlash(url);\n    }\n\n    const matchedRoute = Object.entries(this._routes).find(\n      ([route, routeObject]) => {\n        if (url.split(\"/\").length !== route.split(\"/\").length) {\n          return false;\n        }\n\n        const { types } = routeObject;\n\n        let routeSegments = route.split(\"/\").slice(1);\n        let urlSegments = url.split(\"/\").slice(1);\n\n        // If each segment in the url matches the corresponding segment in the route path,\n        // or the route path segment starts with a ':' then the route is matched.\n        const match = routeSegments.every((segment, i) => {\n          if (!segment.startsWith(\":\")) {\n            return segment === urlSegments[i];\n          }\n\n          // /product/:id => segment/segment\n          // /product/123 => urlSegment/urlSegment\n          const type = types[segment.replace(\":\", \"\")];\n\n          // const segmentType =\n          const isValid =\n            type === \"number\" ? Number.isInteger(Number(urlSegments[i])) : true;\n\n          return isValid;\n        });\n\n        if (!match) {\n          return false;\n        }\n\n        // If the route matches the URL, pull out any params from the URL.\n        routeSegments.forEach((segment, i) => {\n          if (segment.startsWith(\":\")) {\n            const propName = segment.slice(1);\n            params[propName] = decodeURIComponent(urlSegments[i]);\n          }\n        });\n\n        return true;\n      },\n    );\n\n    if (matchedRoute) {\n      return {\n        route: this._routes[matchedRoute[0]],\n        params,\n        searchParams: new URLSearchParams(window.location.search),\n      };\n    } else {\n      return {\n        route: this._routes[404],\n        params,\n        searchParams: null,\n      };\n    }\n  }\n\n  /**\n   * Handles <a> link clicks\n   * @param {Event} event\n   * @returns {void}\n   */\n  _handleClick(event) {\n    const anchor = findAnchor(event);\n    if (!anchor) {\n      return;\n    }\n\n    /**\n     * Allow users to define an `data-` attribute to skip the route handling.\n     * Default to `data-breeze-ignore`.\n     */\n    if (anchor.hasAttribute(this.#ignoreAttribute)) {\n      return;\n    }\n\n    if (!shouldRouterHandleClick(event, anchor)) {\n      return;\n    }\n\n    event.preventDefault();\n    let href = anchor.getAttribute(\"href\")?.trim();\n    if (!href?.startsWith(\"/\")) {\n      href = \"/\" + href;\n    }\n\n    this.navigateTo(href);\n  }\n\n  /**\n   * Add or remove search param to current url.\n   * @param {HTMLInputElement} checkbox\n   * @param {string} value\n   * @returns void\n   */\n  toggleParam(checkbox, value) {\n    const params = new URLSearchParams(location.search);\n    const name = checkbox.getAttribute(\"name\");\n    if (!name) {\n      return console.warn(`name attribute is not set on ${checkbox.outerHTML}`);\n    }\n    if (checkbox.checked) {\n      !params.has(name) && params.set(name, value);\n    } else if (!checkbox.checked) {\n      params.has(name) && params.delete(name);\n    }\n\n    const newUrl = !!params.size\n      ? `${location.pathname}?${params.toString()}`\n      : location.pathname;\n    this.navigateTo(newUrl);\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/BreezeRouter.min.js

@@ -1,2 +1,2 @@
-const t=t=>((t=t.trim()).endsWith("/")||(t+="/"),t);class e{#t="data-breeze-ignore";previousPath="";previousRoute=null;previousParams={};currentPath="";currentRoute=null;currentParams={};constructor(t){const{ignoreAttribute:e}=t||{};e&&(this.#t=e),this._routes={},window.addEventListener("popstate",this._onChanged.bind(this)),document.body.addEventListener("click",this._handleClick.bind(this))}start(){this._onChanged()}add(e,r){if("/"!==(e=e.trim())&&(e=t(e)),this._routes[e])return console.warn(`Route already exists: ${e}`);if("function"!=typeof r)return console.error(`handler of route '${e}' must be a function.`);const a={};if(e.includes("<")){e.split("/").filter((t=>t.includes("<"))).forEach((t=>{const e=t.match(/\<.+\>/)?.[0].replace("<","").replace(">",""),r=t.replace(/\<.+\>/,"").replace(":","");a[r]=e}))}return e=e.replaceAll(/\<.+\>/g,""),this._routes[e]={path:e,types:a,handler:r},this}navigateTo(t){this.previousPath=this.currentPath,this.previousRoute=this.currentRoute,this.previousParams=this.currentParams,window.history.pushState({url:t},"",t),this._onChanged()}redirect(t){this.navigateTo(t)}async _onChanged(){const e=window.location.pathname,{route:r,params:a}=this._matchUrlToRoute(e);await this._handleRoute({route:r,params:a}),this.currentPath=t(e),this.currentRoute=r,this.currentParams=a,document.dispatchEvent(new CustomEvent("breeze-route-changed",{detail:{previousPath:this.previousPath,previousRoute:this.previousRoute,previousParams:this.previousParams,currentPath:this.currentPath,currentRoute:this.currentRoute,currentParams:this.currentParams,router:this}}))}async _handleRoute({route:t,params:e}){var r;r=t?.handler,r&&"function"===r.constructor.name.toLowerCase()&&t.handler({route:t,params:e}),(t=>!!t&&"asyncfunction"===t.constructor.name.toLowerCase())(t?.handler)&&await t.handler({route:t,params:e})}_matchUrlToRoute(e){const r={};"/"!==e&&(e=t(e));const a=Object.entries(this._routes).find((([t,a])=>{if(e.split("/").length!==t.split("/").length)return!1;const{types:s}=a;let n=t.split("/").slice(1),i=e.split("/").slice(1);return!!n.every(((t,e)=>{if(!t.startsWith(":"))return t===i[e];return"number"!==s[t.replace(":","")]||Number.isInteger(Number(i[e]))}))&&(n.forEach(((t,e)=>{if(t.startsWith(":")){const a=t.slice(1);r[a]=decodeURIComponent(i[e])}})),!0)}));return a?{route:this._routes[a[0]],params:r,searchParams:new URLSearchParams(window.location.search)}:{route:this._routes[404],params:r,searchParams:null}}_handleClick(t){const e=t.composedPath().find((t=>"A"===t.tagName));if(!e)return;if(e.hasAttribute(this.#t))return;if(!((t,e)=>{if(t.defaultPrevented)return!1;if(t.metaKey||t.ctrlKey||t.shiftKey)return!1;if(!e)return!1;if(e.target)return!1;if(e.hasAttribute("download")||"external"===e.getAttribute("rel"))return!1;const r=e.href;return!(!r||r.startsWith("mailto:")||!r.startsWith(location.origin))})(t,e))return;t.preventDefault();let r=e.getAttribute("href")?.trim();r?.startsWith("/")||(r="/"+r),this.navigateTo(r)}toggleParam(t,e){const r=new URLSearchParams(location.search),a=t.getAttribute("name");if(!a)return console.warn(`name attribute is not set on ${t.outerHTML}`);t.checked?!r.has(a)&&r.set(a,e):t.checked||r.has(a)&&r.delete(a);const s=r.size?`${location.pathname}?${r.toString()}`:location.pathname;this.navigateTo(s)}}export{e as default};
+const t=t=>((t=t.trim()).endsWith("/")||(t+="/"),t);class e{#t="data-breeze-ignore";#e=!1;#r=[];previousPath="";previousRoute=null;previousParams={};currentPath="";currentRoute=null;currentParams={};constructor(t){const{ignoreAttribute:e}=t||{};e&&(this.#t=e),this._routes={},window.addEventListener("popstate",this._onChanged.bind(this)),document.body.addEventListener("click",this._handleClick.bind(this))}start(){this._onChanged()}ready(t){"function"==typeof t&&this.#r.push(t)}add(e,r){if("/"!==(e=e.trim())&&(e=t(e)),this._routes[e])return console.warn(`Route already exists: ${e}`);if("function"!=typeof r)return console.error(`handler of route '${e}' must be a function.`);const a={};if(e.includes("<")){e.split("/").filter((t=>t.includes("<"))).forEach((t=>{const e=t.match(/\<.+\>/)?.[0].replace("<","").replace(">",""),r=t.replace(/\<.+\>/,"").replace(":","");a[r]=e}))}return e=e.replaceAll(/\<.+\>/g,""),this._routes[e]={path:e,types:a,handler:r},this}navigateTo(t){this.previousPath=this.currentPath,this.previousRoute=this.currentRoute,this.previousParams=this.currentParams,window.history.pushState({url:t},"",t),this._onChanged()}redirect(t){this.navigateTo(t)}async _onChanged(){const e=window.location.pathname,{route:r,params:a}=this._matchUrlToRoute(e);this.currentPath=t(e),this.currentRoute=r,this.currentParams=a,await this._handleRoute({route:r,params:a}),this.#e||(this.#e=!0,this.#r.forEach((t=>t(this)))),document.dispatchEvent(new CustomEvent("breeze-route-changed",{detail:{previousPath:this.previousPath,previousRoute:this.previousRoute,previousParams:this.previousParams,currentPath:this.currentPath,currentRoute:this.currentRoute,currentParams:this.currentParams,router:this}}))}async _handleRoute({route:t,params:e}){var r;r=t?.handler,r&&"function"===r.constructor.name.toLowerCase()&&t.handler({route:t,params:e}),(t=>!!t&&"asyncfunction"===t.constructor.name.toLowerCase())(t?.handler)&&await t.handler({route:t,params:e})}_matchUrlToRoute(e){const r={};"/"!==e&&(e=t(e));const a=Object.entries(this._routes).find((([t,a])=>{if(e.split("/").length!==t.split("/").length)return!1;const{types:s}=a;let i=t.split("/").slice(1),n=e.split("/").slice(1);return!!i.every(((t,e)=>{if(!t.startsWith(":"))return t===n[e];return"number"!==s[t.replace(":","")]||Number.isInteger(Number(n[e]))}))&&(i.forEach(((t,e)=>{if(t.startsWith(":")){const a=t.slice(1);r[a]=decodeURIComponent(n[e])}})),!0)}));return a?{route:this._routes[a[0]],params:r,searchParams:new URLSearchParams(window.location.search)}:{route:this._routes[404],params:r,searchParams:null}}_handleClick(t){const e=t.composedPath().find((t=>"A"===t.tagName));if(!e)return;if(e.hasAttribute(this.#t))return;if(!((t,e)=>{if(t.defaultPrevented)return!1;if(t.metaKey||t.ctrlKey||t.shiftKey)return!1;if(!e)return!1;if(e.target)return!1;if(e.hasAttribute("download")||"external"===e.getAttribute("rel"))return!1;const r=e.href;return!(!r||r.startsWith("mailto:")||!r.startsWith(location.origin))})(t,e))return;t.preventDefault();let r=e.getAttribute("href")?.trim();r?.startsWith("/")||(r="/"+r),this.navigateTo(r)}toggleParam(t,e){const r=new URLSearchParams(location.search),a=t.getAttribute("name");if(!a)return console.warn(`name attribute is not set on ${t.outerHTML}`);t.checked?!r.has(a)&&r.set(a,e):t.checked||r.has(a)&&r.delete(a);const s=r.size?`${location.pathname}?${r.toString()}`:location.pathname;this.navigateTo(s)}}export{e as default};
 //# sourceMappingURL=BreezeRouter.min.js.map

package/dist/BreezeRouter.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreezeRouter.min.js","sources":["../src/utils.js","../src/index.js"],"sourcesContent":["// @ts-check\n/**\n * Check if given param is function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"function\";\n};\n\n/**\n * Check if given param is async function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isAsyncFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"asyncfunction\";\n};\n\n/**\n * Remove trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const removeTrailingSlash = (url) => {\n  if (url.endsWith(\"/\")) {\n    url = url.replace(/\\/$/, \"\");\n  }\n\n  return url;\n};\n\n/**\n * Add trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const addTrailingSlash = (url) => {\n  url = url.trim();\n  if (!url.endsWith(\"/\")) {\n    url = url + \"/\";\n  }\n\n  return url;\n};\n\n/**\n * Find anchor element from click event.\n * @param {Event} e - The click event.\n * @returns {HTMLAnchorElement|undefined}\n */\nexport const findAnchor = (e) => {\n  return e.composedPath().find((elem) => {\n    return elem.tagName === \"A\";\n  });\n};\n\n/**\n * Check if the router should handle a click event on an anchor element.\n * @param {Event} e - The click event.\n * @param {HTMLAnchorElement} anchor - The anchor element.\n * @returns {boolean} - True if the router should handle the event, false otherwise.\n */\nexport const shouldRouterHandleClick = (e, anchor) => {\n  // If the event has already been handled by another event listener\n  if (e.defaultPrevented) {\n    return false;\n  }\n\n  // If the user is holding down the meta, control, or shift key\n  if (e.metaKey || e.ctrlKey || e.shiftKey) {\n    return false;\n  }\n\n  if (!anchor) {\n    return false;\n  }\n\n  if (anchor.target) {\n    return false;\n  }\n\n  if (\n    anchor.hasAttribute(\"download\") ||\n    anchor.getAttribute(\"rel\") === \"external\"\n  ) {\n    return false;\n  }\n\n  const href = anchor.href;\n  if (!href || href.startsWith(\"mailto:\")) {\n    return false;\n  }\n\n  // If the href attribute does not start with the same origin\n  if (!href.startsWith(location.origin)) {\n    return false;\n  }\n\n  return true;\n};\n","// @ts-check\nimport {\n  isFunction,\n  isAsyncFunction,\n  removeTrailingSlash,\n  addTrailingSlash,\n  findAnchor,\n  shouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n  /**\n   * `data-` attribute to allow users to skip the router behavior,\n   * anchor link with this attribute set will behavior as normal link.\n   * @type {string}\n   */\n  #ignoreAttribute = \"data-breeze-ignore\";\n\n  previousPath = \"\";\n  /**\n   * The previous route that was navigated to.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  previousRoute = null;\n  previousParams = {};\n\n  currentPath = \"\";\n  /**\n   * The current route that we're on.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  currentRoute = null;\n  currentParams = {};\n\n  /**\n   * Creates a new BreezeRouter instance.\n   * @param {object} config - Config.\n   * @constructor\n   */\n  constructor(config) {\n    const { ignoreAttribute } = config || {};\n\n    if (ignoreAttribute) {\n      this.#ignoreAttribute = ignoreAttribute;\n    }\n\n    /**\n     * Object containing all registered routes.\n     * @type {object}\n     * @private\n     */\n    this._routes = {};\n\n    // Bind event listeners\n    window.addEventListener(\"popstate\", this._onChanged.bind(this));\n    document.body.addEventListener(\"click\", this._handleClick.bind(this));\n  }\n\n  /**\n   * Starts the router.\n   * @returns {void}\n   */\n  start() {\n    this._onChanged();\n  }\n\n  /**\n   * Adds a new route to the router.\n   * @param {string} route - The route path to add.\n   * @param {Function} handler - The async function to handle the route\n   * @returns {BreezeRouter|void} The BreezeRouter instance.\n   */\n  add(route, handler) {\n    route = route.trim();\n    if (route !== \"/\") {\n      route = addTrailingSlash(route);\n    }\n\n    if (this._routes[route]) {\n      return console.warn(`Route already exists: ${route}`);\n    }\n\n    if (typeof handler !== \"function\") {\n      return console.error(`handler of route '${route}' must be a function.`);\n    }\n\n    const types = {};\n\n    // Route has types defined.\n    if (route.includes(\"<\")) {\n      // Split the URL segments by '/'.\n      const urlSegments = route\n        .split(\"/\")\n        .filter((segment) => segment.includes(\"<\"));\n\n      // Loop through each segment and get its type.\n      urlSegments.forEach((segment) => {\n        // Get the type.\n        const type = segment\n          .match(/\\<.+\\>/)?.[0]\n          .replace(\"<\", \"\")\n          .replace(\">\", \"\");\n\n        // Get the prop name.\n        const propName = segment.replace(/\\<.+\\>/, \"\").replace(\":\", \"\");\n\n        // Store the prop name and type.\n        types[propName] = type;\n      });\n    }\n\n    // Remove all '<type>' definitions.\n    route = route.replaceAll(/\\<.+\\>/g, \"\");\n\n    this._routes[route] = {\n      path: route,\n      types,\n      handler,\n    };\n\n    return this;\n  }\n\n  /**\n   * Navigates to the specified URL.\n   * @param {string} url - The URL to navigate to\n   * @returns {void}\n   */\n  navigateTo(url) {\n    this.previousPath = this.currentPath;\n    this.previousRoute = this.currentRoute;\n    this.previousParams = this.currentParams;\n    window.history.pushState({ url }, \"\", url);\n    this._onChanged();\n  }\n\n  /**\n   * Redirects a URL\n   * @param {string} url\n   * @returns {void}\n   */\n  redirect(url) {\n    this.navigateTo(url);\n  }\n\n  async _onChanged() {\n    const path = window.location.pathname;\n    const { route, params } = this._matchUrlToRoute(path);\n\n    // If no matching route found, route will be '404' route\n    // which has been handled by _matchUrlToRoute already\n    await this._handleRoute({ route, params });\n\n    this.currentPath = addTrailingSlash(path);\n    this.currentRoute = route;\n    this.currentParams = params;\n\n    document.dispatchEvent(\n      new CustomEvent(\"breeze-route-changed\", {\n        detail: {\n          previousPath: this.previousPath,\n          previousRoute: this.previousRoute,\n          previousParams: this.previousParams,\n          currentPath: this.currentPath,\n          currentRoute: this.currentRoute,\n          currentParams: this.currentParams,\n          router: this,\n        },\n      }),\n    );\n  }\n\n  /**\n   * Processes route callbacks registered by app\n   * @param {import('./types.js').MatchedRoute} options\n   * @returns {Promise<void>}\n   */\n  async _handleRoute({ route, params }) {\n    if (isFunction(route?.handler)) {\n      route.handler({ route, params });\n    }\n\n    if (isAsyncFunction(route?.handler)) {\n      await route.handler({ route, params });\n    }\n  }\n\n  /**\n   *\n   * @param {string} url - Current url users visite or nagivate to.\n   * @returns {import('./types.js').MatchedRoute}\n   */\n  _matchUrlToRoute(url) {\n    /** @type {import('./types.js').RouteParams} */\n    const params = {};\n\n    if (url !== \"/\") {\n      url = addTrailingSlash(url);\n    }\n\n    const matchedRoute = Object.entries(this._routes).find(\n      ([route, routeObject]) => {\n        if (url.split(\"/\").length !== route.split(\"/\").length) {\n          return false;\n        }\n\n        const { types } = routeObject;\n\n        let routeSegments = route.split(\"/\").slice(1);\n        let urlSegments = url.split(\"/\").slice(1);\n\n        // If each segment in the url matches the corresponding segment in the route path,\n        // or the route path segment starts with a ':' then the route is matched.\n        const match = routeSegments.every((segment, i) => {\n          if (!segment.startsWith(\":\")) {\n            return segment === urlSegments[i];\n          }\n\n          // /product/:id => segment/segment\n          // /product/123 => urlSegment/urlSegment\n          const type = types[segment.replace(\":\", \"\")];\n\n          // const segmentType =\n          const isValid =\n            type === \"number\" ? Number.isInteger(Number(urlSegments[i])) : true;\n\n          return isValid;\n        });\n\n        if (!match) {\n          return false;\n        }\n\n        // If the route matches the URL, pull out any params from the URL.\n        routeSegments.forEach((segment, i) => {\n          if (segment.startsWith(\":\")) {\n            const propName = segment.slice(1);\n            params[propName] = decodeURIComponent(urlSegments[i]);\n          }\n        });\n\n        return true;\n      },\n    );\n\n    if (matchedRoute) {\n      return {\n        route: this._routes[matchedRoute[0]],\n        params,\n        searchParams: new URLSearchParams(window.location.search),\n      };\n    } else {\n      return {\n        route: this._routes[404],\n        params,\n        searchParams: null,\n      };\n    }\n  }\n\n  /**\n   * Handles <a> link clicks\n   * @param {Event} event\n   * @returns {void}\n   */\n  _handleClick(event) {\n    const anchor = findAnchor(event);\n    if (!anchor) {\n      return;\n    }\n\n    /**\n     * Allow users to define an `data-` attribute to skip the route handling.\n     * Default to `data-breeze-ignore`.\n     */\n    if (anchor.hasAttribute(this.#ignoreAttribute)) {\n      return;\n    }\n\n    if (!shouldRouterHandleClick(event, anchor)) {\n      return;\n    }\n\n    event.preventDefault();\n    let href = anchor.getAttribute(\"href\")?.trim();\n    if (!href?.startsWith(\"/\")) {\n      href = \"/\" + href;\n    }\n\n    this.navigateTo(href);\n  }\n\n  /**\n   * Add or remove search param to current url.\n   * @param {HTMLInputElement} checkbox\n   * @param {string} value\n   * @returns void\n   */\n  toggleParam(checkbox, value) {\n    const params = new URLSearchParams(location.search);\n    const name = checkbox.getAttribute(\"name\");\n    if (!name) {\n      return console.warn(`name attribute is not set on ${checkbox.outerHTML}`);\n    }\n    if (checkbox.checked) {\n      !params.has(name) && params.set(name, value);\n    } else if (!checkbox.checked) {\n      params.has(name) && params.delete(name);\n    }\n\n    const newUrl = !!params.size\n      ? `${location.pathname}?${params.toString()}`\n      : location.pathname;\n    this.navigateTo(newUrl);\n  }\n}\n"],"names":["addTrailingSlash","url","trim","endsWith","BreezeRouter","ignoreAttribute","previousPath","previousRoute","previousParams","currentPath","currentRoute","currentParams","constructor","config","this","_routes","window","addEventListener","_onChanged","bind","document","body","_handleClick","start","add","route","handler","console","warn","error","types","includes","split","filter","segment","forEach","type","match","replace","propName","replaceAll","path","navigateTo","history","pushState","redirect","async","location","pathname","params","_matchUrlToRoute","_handleRoute","dispatchEvent","CustomEvent","detail","router","fn","name","toLowerCase","isAsyncFunction","matchedRoute","Object","entries","find","routeObject","length","routeSegments","slice","urlSegments","every","i","startsWith","Number","isInteger","decodeURIComponent","searchParams","URLSearchParams","search","event","anchor","composedPath","elem","tagName","hasAttribute","e","defaultPrevented","metaKey","ctrlKey","shiftKey","target","getAttribute","href","origin","shouldRouterHandleClick","preventDefault","toggleParam","checkbox","value","outerHTML","checked","has","set","delete","newUrl","size","toString"],"mappings":"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"}
+{"version":3,"file":"BreezeRouter.min.js","sources":["../src/utils.js","../src/index.js"],"sourcesContent":["// @ts-check\n/**\n * Check if given param is function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"function\";\n};\n\n/**\n * Check if given param is async function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isAsyncFunction = (fn) => {\n  if (!fn) return false;\n  return fn.constructor.name.toLowerCase() === \"asyncfunction\";\n};\n\n/**\n * Remove trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const removeTrailingSlash = (url) => {\n  if (url.endsWith(\"/\")) {\n    url = url.replace(/\\/$/, \"\");\n  }\n\n  return url;\n};\n\n/**\n * Add trailing slash of a given url.\n * @param {string} url\n * @returns {string}\n */\nexport const addTrailingSlash = (url) => {\n  url = url.trim();\n  if (!url.endsWith(\"/\")) {\n    url = url + \"/\";\n  }\n\n  return url;\n};\n\n/**\n * Find anchor element from click event.\n * @param {Event} e - The click event.\n * @returns {HTMLAnchorElement|undefined}\n */\nexport const findAnchor = (e) => {\n  return e.composedPath().find((elem) => {\n    return elem.tagName === \"A\";\n  });\n};\n\n/**\n * Check if the router should handle a click event on an anchor element.\n * @param {Event} e - The click event.\n * @param {HTMLAnchorElement} anchor - The anchor element.\n * @returns {boolean} - True if the router should handle the event, false otherwise.\n */\nexport const shouldRouterHandleClick = (e, anchor) => {\n  // If the event has already been handled by another event listener\n  if (e.defaultPrevented) {\n    return false;\n  }\n\n  // If the user is holding down the meta, control, or shift key\n  if (e.metaKey || e.ctrlKey || e.shiftKey) {\n    return false;\n  }\n\n  if (!anchor) {\n    return false;\n  }\n\n  if (anchor.target) {\n    return false;\n  }\n\n  if (\n    anchor.hasAttribute(\"download\") ||\n    anchor.getAttribute(\"rel\") === \"external\"\n  ) {\n    return false;\n  }\n\n  const href = anchor.href;\n  if (!href || href.startsWith(\"mailto:\")) {\n    return false;\n  }\n\n  // If the href attribute does not start with the same origin\n  if (!href.startsWith(location.origin)) {\n    return false;\n  }\n\n  return true;\n};\n","// @ts-check\nimport {\n  isFunction,\n  isAsyncFunction,\n  removeTrailingSlash,\n  addTrailingSlash,\n  findAnchor,\n  shouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n  /**\n   * `data-` attribute to allow users to skip the router behavior,\n   * anchor link with this attribute set will behavior as normal link.\n   * @type {string}\n   */\n  #ignoreAttribute = \"data-breeze-ignore\";\n  #isReady = false;\n  #isReadyCallbacks = [];\n\n  previousPath = \"\";\n  /**\n   * The previous route that was navigated to.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  previousRoute = null;\n  previousParams = {};\n\n  currentPath = \"\";\n  /**\n   * The current route that we're on.\n   *\n   * @type {import('./types.js').Route|null}\n   */\n  currentRoute = null;\n  currentParams = {};\n\n  /**\n   * Creates a new BreezeRouter instance.\n   * @param {object} config - Config.\n   * @constructor\n   */\n  constructor(config) {\n    const { ignoreAttribute } = config || {};\n\n    if (ignoreAttribute) {\n      this.#ignoreAttribute = ignoreAttribute;\n    }\n\n    /**\n     * Object containing all registered routes.\n     * @type {object}\n     * @private\n     */\n    this._routes = {};\n\n    // Bind event listeners\n    window.addEventListener(\"popstate\", this._onChanged.bind(this));\n    document.body.addEventListener(\"click\", this._handleClick.bind(this));\n  }\n\n  /**\n   * Starts the router.\n   * @returns {void}\n   */\n  start() {\n    this._onChanged();\n  }\n\n  /**\n   * Register the callback when the router is ready.\n   *\n   * @param {Function} fn - Callback function.\n   */\n  ready(fn) {\n    if (typeof fn === \"function\") {\n      this.#isReadyCallbacks.push(fn);\n    }\n  }\n\n  /**\n   * Adds a new route to the router.\n   * @param {string} route - The route path to add.\n   * @param {Function} handler - The async function to handle the route\n   * @returns {BreezeRouter|void} The BreezeRouter instance.\n   */\n  add(route, handler) {\n    route = route.trim();\n    if (route !== \"/\") {\n      route = addTrailingSlash(route);\n    }\n\n    if (this._routes[route]) {\n      return console.warn(`Route already exists: ${route}`);\n    }\n\n    if (typeof handler !== \"function\") {\n      return console.error(`handler of route '${route}' must be a function.`);\n    }\n\n    const types = {};\n\n    // Route has types defined.\n    if (route.includes(\"<\")) {\n      // Split the URL segments by '/'.\n      const urlSegments = route\n        .split(\"/\")\n        .filter((segment) => segment.includes(\"<\"));\n\n      // Loop through each segment and get its type.\n      urlSegments.forEach((segment) => {\n        // Get the type.\n        const type = segment\n          .match(/\\<.+\\>/)?.[0]\n          .replace(\"<\", \"\")\n          .replace(\">\", \"\");\n\n        // Get the prop name.\n        const propName = segment.replace(/\\<.+\\>/, \"\").replace(\":\", \"\");\n\n        // Store the prop name and type.\n        types[propName] = type;\n      });\n    }\n\n    // Remove all '<type>' definitions.\n    route = route.replaceAll(/\\<.+\\>/g, \"\");\n\n    this._routes[route] = {\n      path: route,\n      types,\n      handler,\n    };\n\n    return this;\n  }\n\n  /**\n   * Navigates to the specified URL.\n   * @param {string} url - The URL to navigate to\n   * @returns {void}\n   */\n  navigateTo(url) {\n    this.previousPath = this.currentPath;\n    this.previousRoute = this.currentRoute;\n    this.previousParams = this.currentParams;\n    window.history.pushState({ url }, \"\", url);\n    this._onChanged();\n  }\n\n  /**\n   * Redirects a URL\n   * @param {string} url\n   * @returns {void}\n   */\n  redirect(url) {\n    this.navigateTo(url);\n  }\n\n  async _onChanged() {\n    const path = window.location.pathname;\n    const { route, params } = this._matchUrlToRoute(path);\n\n    this.currentPath = addTrailingSlash(path);\n    this.currentRoute = route;\n    this.currentParams = params;\n\n    // If no matching route found, route will be '404' route\n    // which has been handled by _matchUrlToRoute already.\n    await this._handleRoute({ route, params });\n\n    if (!this.#isReady) {\n      this.#isReady = true;\n      this.#isReadyCallbacks.forEach((fn) => fn(this));\n    }\n\n    document.dispatchEvent(\n      new CustomEvent(\"breeze-route-changed\", {\n        detail: {\n          previousPath: this.previousPath,\n          previousRoute: this.previousRoute,\n          previousParams: this.previousParams,\n          currentPath: this.currentPath,\n          currentRoute: this.currentRoute,\n          currentParams: this.currentParams,\n          router: this,\n        },\n      }),\n    );\n  }\n\n  /**\n   * Processes route callbacks registered by app\n   * @param {import('./types.js').MatchedRoute} options\n   * @returns {Promise<void>}\n   */\n  async _handleRoute({ route, params }) {\n    if (isFunction(route?.handler)) {\n      route.handler({ route, params });\n    }\n\n    if (isAsyncFunction(route?.handler)) {\n      await route.handler({ route, params });\n    }\n  }\n\n  /**\n   *\n   * @param {string} url - Current url users visite or nagivate to.\n   * @returns {import('./types.js').MatchedRoute}\n   */\n  _matchUrlToRoute(url) {\n    /** @type {import('./types.js').RouteParams} */\n    const params = {};\n\n    if (url !== \"/\") {\n      url = addTrailingSlash(url);\n    }\n\n    const matchedRoute = Object.entries(this._routes).find(\n      ([route, routeObject]) => {\n        if (url.split(\"/\").length !== route.split(\"/\").length) {\n          return false;\n        }\n\n        const { types } = routeObject;\n\n        let routeSegments = route.split(\"/\").slice(1);\n        let urlSegments = url.split(\"/\").slice(1);\n\n        // If each segment in the url matches the corresponding segment in the route path,\n        // or the route path segment starts with a ':' then the route is matched.\n        const match = routeSegments.every((segment, i) => {\n          if (!segment.startsWith(\":\")) {\n            return segment === urlSegments[i];\n          }\n\n          // /product/:id => segment/segment\n          // /product/123 => urlSegment/urlSegment\n          const type = types[segment.replace(\":\", \"\")];\n\n          // const segmentType =\n          const isValid =\n            type === \"number\" ? Number.isInteger(Number(urlSegments[i])) : true;\n\n          return isValid;\n        });\n\n        if (!match) {\n          return false;\n        }\n\n        // If the route matches the URL, pull out any params from the URL.\n        routeSegments.forEach((segment, i) => {\n          if (segment.startsWith(\":\")) {\n            const propName = segment.slice(1);\n            params[propName] = decodeURIComponent(urlSegments[i]);\n          }\n        });\n\n        return true;\n      },\n    );\n\n    if (matchedRoute) {\n      return {\n        route: this._routes[matchedRoute[0]],\n        params,\n        searchParams: new URLSearchParams(window.location.search),\n      };\n    } else {\n      return {\n        route: this._routes[404],\n        params,\n        searchParams: null,\n      };\n    }\n  }\n\n  /**\n   * Handles <a> link clicks\n   * @param {Event} event\n   * @returns {void}\n   */\n  _handleClick(event) {\n    const anchor = findAnchor(event);\n    if (!anchor) {\n      return;\n    }\n\n    /**\n     * Allow users to define an `data-` attribute to skip the route handling.\n     * Default to `data-breeze-ignore`.\n     */\n    if (anchor.hasAttribute(this.#ignoreAttribute)) {\n      return;\n    }\n\n    if (!shouldRouterHandleClick(event, anchor)) {\n      return;\n    }\n\n    event.preventDefault();\n    let href = anchor.getAttribute(\"href\")?.trim();\n    if (!href?.startsWith(\"/\")) {\n      href = \"/\" + href;\n    }\n\n    this.navigateTo(href);\n  }\n\n  /**\n   * Add or remove search param to current url.\n   * @param {HTMLInputElement} checkbox\n   * @param {string} value\n   * @returns void\n   */\n  toggleParam(checkbox, value) {\n    const params = new URLSearchParams(location.search);\n    const name = checkbox.getAttribute(\"name\");\n    if (!name) {\n      return console.warn(`name attribute is not set on ${checkbox.outerHTML}`);\n    }\n    if (checkbox.checked) {\n      !params.has(name) && params.set(name, value);\n    } else if (!checkbox.checked) {\n      params.has(name) && params.delete(name);\n    }\n\n    const newUrl = !!params.size\n      ? `${location.pathname}?${params.toString()}`\n      : location.pathname;\n    this.navigateTo(newUrl);\n  }\n}\n"],"names":["addTrailingSlash","url","trim","endsWith","BreezeRouter","ignoreAttribute","isReady","isReadyCallbacks","previousPath","previousRoute","previousParams","currentPath","currentRoute","currentParams","constructor","config","this","_routes","window","addEventListener","_onChanged","bind","document","body","_handleClick","start","ready","fn","push","add","route","handler","console","warn","error","types","includes","split","filter","segment","forEach","type","match","replace","propName","replaceAll","path","navigateTo","history","pushState","redirect","async","location","pathname","params","_matchUrlToRoute","_handleRoute","dispatchEvent","CustomEvent","detail","router","name","toLowerCase","isAsyncFunction","matchedRoute","Object","entries","find","routeObject","length","routeSegments","slice","urlSegments","every","i","startsWith","Number","isInteger","decodeURIComponent","searchParams","URLSearchParams","search","event","anchor","composedPath","elem","tagName","hasAttribute","e","defaultPrevented","metaKey","ctrlKey","shiftKey","target","getAttribute","href","origin","shouldRouterHandleClick","preventDefault","toggleParam","checkbox","value","outerHTML","checked","has","set","delete","newUrl","size","toString"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "breeze-router",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A lightweight, zero-dependency client-side router for single page applications (SPAs).",
   "main": "index.js",
   "type": "module",
@@ -16,14 +16,14 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/heybran/breeze-spa-router.git"
+    "url": "git+https://codeberg.org/heybran/breeze-router.git"
   },
   "author": "Brandon Zhang",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/heybran/breeze-spa-router/issues"
+    "url": "https://codeberg.org/heybran/breeze-router/issues"
   },
-  "homepage": "https://github.com/heybran/breeze-spa-router#readme",
+  "homepage": "https://codeberg.org/heybran/breeze-router#readme",
   "keywords": [
     "Router",
     "JavaScript",