breeze-router 0.2.1 → 0.4.0

package/README.md

@@ -1,35 +1,58 @@
 # Breeze Router
+
 A lightweight, zero-dependency client-side router for single page applications (SPAs).
 
-**Note: This project is not production ready and is still in development.**
 ## Installation
 
 To use this router in your project, install the router using npm:
 
+### 1. Through NPM
+
 ```bash
 npm install breeze-router
 ```
 
+### 2. Through CDN link
+
+```javascript
+<script type="module">
+  import BreezeRouter from
+  "https://unpkg.com/breeze-router@0.4.0/dist/BreezeRouter.min.js";
+</script>
+```
+
 ## Usage
 
 To use the router in your application, you need to import `BreezeRouter` and define routes and handlers using the `Router` class:
 
 ```javascript
-import BeezeRouter from 'breeze-router';
+// NPM.
+import BeezeRouter from "breeze-router";
+
+// CDN.
+import BreezeRouter from "https://unpkg.com/breeze-router@0.4.0/dist/BreezeRouter.min.js";
 
 // Create a new `BreezeRouter` instance.
 const ROUTER = new BreezeRouter();
 
 // Define routes using the `add()` method.
-ROUTER.add('/', async () => {
+ROUTER.add("/", async () => {
   // Handle the root route
 });
 
-ROUTER.add('/about', async () => {
-  // Handle the about route
+ROUTER.add("/about", async ({ route, params }) => {
+  // Handle the about route.
+  // route.path equals to current route with a trailing splash, e.g.: /about/
+});
+
+ROUTER.add("/users/:userId", async ({ route, params }) => {
+  // Handle the users route with a dynamic parameter :userId
+  const userId = params.userId;
 });
 
-ROUTER.add('/users/:userId', async ({ route, params }) => {
+// You can define a type for the placeholder param to
+// avoid conflicts with other similar route like "/users/history".
+ROUTER.add("/users/:userId<number>", async ({ route, params }) => {
   // Handle the users route with a dynamic parameter :userId
   const userId = params.userId;
 });
@@ -43,16 +66,6 @@ ROUTER.add("/users/:username/posts/:postId", async ({ route, params }) => {
 ROUTER.start();
 ```
 
-## Util functions
-
-### `toggleParam(this, 1)`
-
-```html
-<input type="checkbox" name="freelance" onclick="window.ROUTER.toggleParam(this, 1)">
-```
-
-If checked, then it will append search params to url like this: `localhost/users?freelance=1`, if you click checkbox again, it will remove that search param from url.
-
 ## License
 
 This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

package/dist/BreezeRouter.js

@@ -6,6 +6,7 @@
  * @returns {boolean}
  */
 const isFunction = (fn) => {
+  if (!fn) return false;
   return fn.constructor.name.toLowerCase() === "function";
 };
 
@@ -15,17 +16,19 @@ const isFunction = (fn) => {
  * @returns {boolean}
  */
 const isAsyncFunction = (fn) => {
+  if (!fn) return false;
   return fn.constructor.name.toLowerCase() === "asyncfunction";
 };
 
 /**
- * Remove trailing slash of a give url
+ * Add trailing slash of a given url.
  * @param {string} url
  * @returns {string}
  */
-const removeTrailingSlash = (url) => {
-  if (url.endsWith("/")) {
-    url = url.replace(/\/$/, "");
+const addTrailingSlash = (url) => {
+  url = url.trim();
+  if (!url.endsWith("/")) {
+    url = url + "/";
   }
 
   return url;
@@ -93,210 +96,281 @@ const shouldRouterHandleClick = (e, anchor) => {
  * Class representing a router.
  */
 class BreezeRouter {
-  /**
-   * Creates a new BreezeRouter instance.
-   * @constructor
-   */
-  constructor() {
-    /**
-     * Object containing all registered routes.
-     * @type {import('./types.js').Route}
-     * @private
-     */
-    this._routes = {};
-
-    /**
-     * The previous route that was navigated to
-     * @type {import('./types.js').Route}
-     * @private
-     */
-    this._previousRoute = {};
-
-    // Bind event listeners
-    window.addEventListener("popstate", this._onChanged.bind(this));
-    document.body.addEventListener("click", this._handleClick.bind(this));
-  }
-
-  /**
-   * Starts the router.
-   * @returns {void}
-   */
-  start() {
-    this._onChanged();
-  }
-
-  /**
-   * Adds a new route to the router.
-   * @param {string} route - The route path to add.
-   * @param {Function} handler - The async function to handle the route
-   * @returns {BreezeRouter|void} The BreezeRouter instance.
-   */
-  add(route, handler) {
-    route = route.trim();
-    if (route !== "/") {
-      route = removeTrailingSlash(route.trim());
-    }
-
-    if (this._routes[route]) {
-      return console.warn(`Route already exists: ${route}`);
-    }
-
-    if (typeof handler !== "function") {
-      return console.error(`handler on route '${route}' is not a function.`);
-    }
-
-    this._routes[route] = {
-      path: route,
-      handler,
-    };
-
-    return this;
-  }
-
-  /**
-   * Navigates to the specified URL.
-   * @param {string} url - The URL to navigate to
-   * @returns {void}
-   */
-  navigateTo(url) {
-    window.history.pushState({ url }, "", url);
-    this._onChanged();
-  }
-
-  /**
-   * Redirects a URL
-   * @param {string} url
-   * @returns {void}
-   */
-  redirect(url) {
-    this.navigateTo(url);
-  }
-
-  async _onChanged() {
-    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 });
-
-    /**
-     * Update previous route, so application route handler can check and decide if it should re-render whole page.
-     */
-    this._previousRoute = route;
-  }
-
-  /**
-   * Processes route callbacks registered by app
-   * @param {import('./types.js').MatchedRoute} options
-   * @returns {Promise<void>}
-   */
-  async _handleRoute({ route, params }) {
-    if (isFunction(route.handler)) {
-      route.handler({ route, params });
-    }
-
-    if (isAsyncFunction(route.handler)) {
-      await route.handler({ route, params });
-    }
-  }
-
-  /**
-   *
-   * @param {string} url - Current url users visite or nagivate to.
-   * @returns {import('./types.js').MatchedRoute}
-   */
-  _matchUrlToRoute(url) {
-    /** @type {import('./types.js').RouteParams} */
-    const params = {};
-
-    if (url !== "/") {
-      url = removeTrailingSlash(url);
-    }
-
-    const matchedRoute = Object.keys(this._routes).find((route) => {
-      if (url.split("/").length !== route.split("/").length) {
-        return false;
-      }
-
-      let routeSegments = route.split("/").slice(1);
-      let urlSegments = url.split("/").slice(1);
-
-      // If each segment in the url matches the corresponding segment in the route path,
-      // or the route path segment starts with a ':' then the route is matched.
-      const match = routeSegments.every((segment, i) => {
-        return segment === urlSegments[i] || segment.startsWith(":");
-      });
-
-      if (!match) {
-        return false;
-      }
-
-      // If the route matches the URL, pull out any params from the URL.
-      routeSegments.forEach((segment, i) => {
-        if (segment.startsWith(":")) {
-          const propName = segment.slice(1);
-          params[propName] = decodeURIComponent(urlSegments[i]);
-        }
-      });
-
-      return true;
-    });
-
-    if (matchedRoute) {
-      return { route: this._routes[matchedRoute], params };
-    } else {
-      return { route: this._routes[404], params };
-    }
-  }
-
-  /**
-   * Handles <a> link clicks
-   * @param {Event} event
-   * @returns {void}
-   */
-  _handleClick(event) {
-    const anchor = findAnchor(event);
-    if (!anchor) {
-      return;
-    }
-
-    if (!shouldRouterHandleClick(event, anchor)) {
-      return;
-    }
-
-    event.preventDefault();
-    let href = anchor.getAttribute("href")?.trim();
-    if (!href?.startsWith("/")) {
-      href = "/" + href;
-    }
-
-    this.navigateTo(href);
-  }
-
-  /**
-   * Add or remove search param to current url.
-   * @param {HTMLInputElement} checkbox 
-   * @param {string} value
-   * @returns void
-   */
-  toggleParam(checkbox, value) {
-    const params = new URLSearchParams(location.search);
-    const name = checkbox.getAttribute('name');
-    if (!name) {
-      return console.warn(`name attribute is not set on ${checkbox.outerHTML}`);
-    }
-    if (checkbox.checked) {
-      !params.has(name) && params.set(name, value);
-    } else if (!checkbox.checked) {
-      params.has(name) && params.delete(name);
-    }
-    
-    const newUrl = !!params.size
-      ? `${location.pathname}?${params.toString()}`
-      : location.pathname;
-    this.navigateTo(newUrl);
-  }
+	/**
+	 * `data-` attribute to allow users to skip the router behavior,
+	 * anchor link with this attribute set will behavior as normal link.
+	 * @type {string}
+	 */
+	#ignoreAttribute = "data-breeze-ignore";
+
+	/**
+	 * Creates a new BreezeRouter instance.
+	 * @param {object} config - Config.
+	 * @constructor
+	 */
+	constructor(config) {
+		const { ignoreAttribute } = config || {};
+
+		if (ignoreAttribute) {
+			this.#ignoreAttribute = ignoreAttribute;
+		}
+
+		/**
+		 * Object containing all registered routes.
+		 * @type {object}
+		 * @private
+		 */
+		this._routes = {};
+
+		/**
+		 * The previous route that was navigated to
+		 * @type {import('./types.js').Route|null}
+		 * @private
+		 */
+		this._previousRoute = null;
+
+		// Bind event listeners
+		window.addEventListener("popstate", this._onChanged.bind(this));
+		document.body.addEventListener("click", this._handleClick.bind(this));
+	}
+
+	/**
+	 * Starts the router.
+	 * @returns {void}
+	 */
+	start() {
+		this._onChanged();
+	}
+
+	/**
+	 * Adds a new route to the router.
+	 * @param {string} route - The route path to add.
+	 * @param {Function} handler - The async function to handle the route
+	 * @returns {BreezeRouter|void} The BreezeRouter instance.
+	 */
+	add(route, handler) {
+		route = route.trim();
+		if (route !== "/") {
+			route = addTrailingSlash(route);
+		}
+
+		if (this._routes[route]) {
+			return console.warn(`Route already exists: ${route}`);
+		}
+
+		if (typeof handler !== "function") {
+			return console.error(`handler of route '${route}' must be a function.`);
+		}
+
+		const types = {};
+
+		// Route has types defined.
+		if (route.includes('<')) {
+			// Split the URL segments by '/'.
+			const urlSegments = route.split('/').filter(segment => segment.includes('<'));
+
+			// Loop through each segment and get its type.
+			urlSegments.forEach(segment => {
+				// Get the type.
+				const type = segment.match(/\<.+\>/)?.[0]
+					.replace('<', '')
+					.replace('>', '');
+
+				// Get the prop name.
+				const propName = segment.replace(/\<.+\>/, '').replace(':', '');
+
+				// Store the prop name and type.
+				types[propName] = type;
+			});
+		}
+
+		// Remove all '<type>' definitions.
+		route = route.replaceAll(/\<.+\>/g, '');
+
+		this._routes[route] = {
+			path: route,
+			types,
+			handler,
+		};
+
+		return this;
+	}
+
+	/**
+	 * Navigates to the specified URL.
+	 * @param {string} url - The URL to navigate to
+	 * @returns {void}
+	 */
+	navigateTo(url) {
+		window.history.pushState({ url }, "", url);
+		this._onChanged();
+	}
+
+	/**
+	 * Redirects a URL
+	 * @param {string} url
+	 * @returns {void}
+	 */
+	redirect(url) {
+		this.navigateTo(url);
+	}
+
+	async _onChanged() {
+		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 });
+
+		/**
+		 * Update previous route, so application route handler can check and decide if it should re-render whole page.
+		 */
+		this._previousRoute = route;
+	}
+
+	/**
+	 * Processes route callbacks registered by app
+	 * @param {import('./types.js').MatchedRoute} options
+	 * @returns {Promise<void>}
+	 */
+	async _handleRoute({ route, params }) {
+		if (isFunction(route?.handler)) {
+			route.handler({ route, params });
+		}
+
+		if (isAsyncFunction(route?.handler)) {
+			await route.handler({ route, params });
+		}
+	}
+
+	/**
+	 *
+	 * @param {string} url - Current url users visite or nagivate to.
+	 * @returns {import('./types.js').MatchedRoute}
+	 */
+	_matchUrlToRoute(url) {
+		/** @type {import('./types.js').RouteParams} */
+		const params = {};
+
+		if (url !== "/") {
+			url = addTrailingSlash(url);
+		}
+
+		const matchedRoute = Object.entries(this._routes).find(([route, routeObject]) => {
+			if (url.split("/").length !== route.split("/").length) {
+				return false;
+			}
+
+			const { types } = routeObject;
+
+			let routeSegments = route.split("/").slice(1);
+			let urlSegments = url.split("/").slice(1);
+
+			// If each segment in the url matches the corresponding segment in the route path,
+			// or the route path segment starts with a ':' then the route is matched.
+			const match = routeSegments.every((segment, i) => {
+				if (!segment.startsWith(":")) {
+					return segment === urlSegments[i];
+				}
+
+				// /product/:id => segment/segment
+				// /product/123 => urlSegment/urlSegment
+				const type = types[segment.replace(':', '')];
+
+				// const segmentType = 
+				const isValid = type === 'number'
+					? Number.isInteger(Number(urlSegments[i]))
+					: true;
+
+				return isValid;
+			});
+
+			if (!match) {
+				return false;
+			}
+
+			// If the route matches the URL, pull out any params from the URL.
+			routeSegments.forEach((segment, i) => {
+				if (segment.startsWith(":")) {
+					const propName = segment.slice(1);
+					params[propName] = decodeURIComponent(urlSegments[i]);
+				}
+			});
+
+			return true;
+		});
+
+		if (matchedRoute) {
+			return {
+				route: this._routes[matchedRoute[0]],
+				params,
+				searchParams: new URLSearchParams(window.location.search),
+			};
+		} else {
+			return {
+				route: this._routes[404],
+				params,
+				searchParams: null,
+			};
+		}
+	}
+
+	/**
+	 * Handles <a> link clicks
+	 * @param {Event} event
+	 * @returns {void}
+	 */
+	_handleClick(event) {
+		const anchor = findAnchor(event);
+		if (!anchor) {
+			return;
+		}
+
+		/**
+		 * Allow users to define an `data-` attribute to skip the route handling.
+		 * Default to `data-breeze-ignore`.
+		 */
+		if (anchor.hasAttribute(this.#ignoreAttribute)) {
+			return;
+		}
+
+		if (!shouldRouterHandleClick(event, anchor)) {
+			return;
+		}
+
+		event.preventDefault();
+		let href = anchor.getAttribute("href")?.trim();
+		if (!href?.startsWith("/")) {
+			href = "/" + href;
+		}
+
+		this.navigateTo(href);
+	}
+
+	/**
+	 * Add or remove search param to current url.
+	 * @param {HTMLInputElement} checkbox
+	 * @param {string} value
+	 * @returns void
+	 */
+	toggleParam(checkbox, value) {
+		const params = new URLSearchParams(location.search);
+		const name = checkbox.getAttribute("name");
+		if (!name) {
+			return console.warn(`name attribute is not set on ${checkbox.outerHTML}`);
+		}
+		if (checkbox.checked) {
+			!params.has(name) && params.set(name, value);
+		} else if (!checkbox.checked) {
+			params.has(name) && params.delete(name);
+		}
+
+		const newUrl = !!params.size
+			? `${location.pathname}?${params.toString()}`
+			: location.pathname;
+		this.navigateTo(newUrl);
+	}
 }
 
 export { BreezeRouter as default };

package/dist/BreezeRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreezeRouter.js","sources":["../src/utils.js","../src/index.js"],"sourcesContent":["// @ts-check\n\n/**\n * Check if given param is function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isFunction = (fn) => {\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  return fn.constructor.name.toLowerCase() === \"asyncfunction\";\n};\n\n/**\n * Remove trailing slash of a give 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 * 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  findAnchor,\n  shouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n  /**\n   * Creates a new BreezeRouter instance.\n   * @constructor\n   */\n  constructor() {\n    /**\n     * Object containing all registered routes.\n     * @type {import('./types.js').Route}\n     * @private\n     */\n    this._routes = {};\n\n    /**\n     * The previous route that was navigated to\n     * @type {import('./types.js').Route}\n     * @private\n     */\n    this._previousRoute = {};\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 = removeTrailingSlash(route.trim());\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 on route '${route}' is not a function.`);\n    }\n\n    this._routes[route] = {\n      path: route,\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    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    /**\n     * Update previous route, so application route handler can check and decide if it should re-render whole page.\n     */\n    this._previousRoute = route;\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 = removeTrailingSlash(url);\n    }\n\n    const matchedRoute = Object.keys(this._routes).find((route) => {\n      if (url.split(\"/\").length !== route.split(\"/\").length) {\n        return false;\n      }\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        return segment === urlSegments[i] || segment.startsWith(\":\");\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    if (matchedRoute) {\n      return { route: this._routes[matchedRoute], params };\n    } else {\n      return { route: this._routes[404], params };\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    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/**\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\tisFunction,\n\tisAsyncFunction,\n\tremoveTrailingSlash,\n\taddTrailingSlash,\n\tfindAnchor,\n\tshouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n\t/**\n\t * `data-` attribute to allow users to skip the router behavior,\n\t * anchor link with this attribute set will behavior as normal link.\n\t * @type {string}\n\t */\n\t#ignoreAttribute = \"data-breeze-ignore\";\n\n\t/**\n\t * Creates a new BreezeRouter instance.\n\t * @param {object} config - Config.\n\t * @constructor\n\t */\n\tconstructor(config) {\n\t\tconst { ignoreAttribute } = config || {};\n\n\t\tif (ignoreAttribute) {\n\t\t\tthis.#ignoreAttribute = ignoreAttribute;\n\t\t}\n\n\t\t/**\n\t\t * Object containing all registered routes.\n\t\t * @type {object}\n\t\t * @private\n\t\t */\n\t\tthis._routes = {};\n\n\t\t/**\n\t\t * The previous route that was navigated to\n\t\t * @type {import('./types.js').Route|null}\n\t\t * @private\n\t\t */\n\t\tthis._previousRoute = null;\n\n\t\t// Bind event listeners\n\t\twindow.addEventListener(\"popstate\", this._onChanged.bind(this));\n\t\tdocument.body.addEventListener(\"click\", this._handleClick.bind(this));\n\t}\n\n\t/**\n\t * Starts the router.\n\t * @returns {void}\n\t */\n\tstart() {\n\t\tthis._onChanged();\n\t}\n\n\t/**\n\t * Adds a new route to the router.\n\t * @param {string} route - The route path to add.\n\t * @param {Function} handler - The async function to handle the route\n\t * @returns {BreezeRouter|void} The BreezeRouter instance.\n\t */\n\tadd(route, handler) {\n\t\troute = route.trim();\n\t\tif (route !== \"/\") {\n\t\t\troute = addTrailingSlash(route);\n\t\t}\n\n\t\tif (this._routes[route]) {\n\t\t\treturn console.warn(`Route already exists: ${route}`);\n\t\t}\n\n\t\tif (typeof handler !== \"function\") {\n\t\t\treturn console.error(`handler of route '${route}' must be a function.`);\n\t\t}\n\n\t\tconst types = {};\n\n\t\t// Route has types defined.\n\t\tif (route.includes('<')) {\n\t\t\t// Split the URL segments by '/'.\n\t\t\tconst urlSegments = route.split('/').filter(segment => segment.includes('<'));\n\n\t\t\t// Loop through each segment and get its type.\n\t\t\turlSegments.forEach(segment => {\n\t\t\t\t// Get the type.\n\t\t\t\tconst type = segment.match(/\\<.+\\>/)?.[0]\n\t\t\t\t\t.replace('<', '')\n\t\t\t\t\t.replace('>', '');\n\n\t\t\t\t// Get the prop name.\n\t\t\t\tconst propName = segment.replace(/\\<.+\\>/, '').replace(':', '');\n\n\t\t\t\t// Store the prop name and type.\n\t\t\t\ttypes[propName] = type;\n\t\t\t});\n\t\t}\n\n\t\t// Remove all '<type>' definitions.\n\t\troute = route.replaceAll(/\\<.+\\>/g, '');\n\n\t\tthis._routes[route] = {\n\t\t\tpath: route,\n\t\t\ttypes,\n\t\t\thandler,\n\t\t};\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Navigates to the specified URL.\n\t * @param {string} url - The URL to navigate to\n\t * @returns {void}\n\t */\n\tnavigateTo(url) {\n\t\twindow.history.pushState({ url }, \"\", url);\n\t\tthis._onChanged();\n\t}\n\n\t/**\n\t * Redirects a URL\n\t * @param {string} url\n\t * @returns {void}\n\t */\n\tredirect(url) {\n\t\tthis.navigateTo(url);\n\t}\n\n\tasync _onChanged() {\n\t\tconst path = window.location.pathname;\n\t\tconst { route, params } = this._matchUrlToRoute(path);\n\n\t\t// If no matching route found, route will be '404' route\n\t\t// which has been handled by _matchUrlToRoute already\n\t\tawait this._handleRoute({ route, params });\n\n\t\t/**\n\t\t * Update previous route, so application route handler can check and decide if it should re-render whole page.\n\t\t */\n\t\tthis._previousRoute = route;\n\t}\n\n\t/**\n\t * Processes route callbacks registered by app\n\t * @param {import('./types.js').MatchedRoute} options\n\t * @returns {Promise<void>}\n\t */\n\tasync _handleRoute({ route, params }) {\n\t\tif (isFunction(route?.handler)) {\n\t\t\troute.handler({ route, params });\n\t\t}\n\n\t\tif (isAsyncFunction(route?.handler)) {\n\t\t\tawait route.handler({ route, params });\n\t\t}\n\t}\n\n\t/**\n\t *\n\t * @param {string} url - Current url users visite or nagivate to.\n\t * @returns {import('./types.js').MatchedRoute}\n\t */\n\t_matchUrlToRoute(url) {\n\t\t/** @type {import('./types.js').RouteParams} */\n\t\tconst params = {};\n\n\t\tif (url !== \"/\") {\n\t\t\turl = addTrailingSlash(url);\n\t\t}\n\n\t\tconst matchedRoute = Object.entries(this._routes).find(([route, routeObject]) => {\n\t\t\tif (url.split(\"/\").length !== route.split(\"/\").length) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst { types } = routeObject;\n\n\t\t\tlet routeSegments = route.split(\"/\").slice(1);\n\t\t\tlet urlSegments = url.split(\"/\").slice(1);\n\n\t\t\t// If each segment in the url matches the corresponding segment in the route path,\n\t\t\t// or the route path segment starts with a ':' then the route is matched.\n\t\t\tconst match = routeSegments.every((segment, i) => {\n\t\t\t\tif (!segment.startsWith(\":\")) {\n\t\t\t\t\treturn segment === urlSegments[i];\n\t\t\t\t}\n\n\t\t\t\t// /product/:id => segment/segment\n\t\t\t\t// /product/123 => urlSegment/urlSegment\n\t\t\t\tconst type = types[segment.replace(':', '')];\n\n\t\t\t\t// const segmentType = \n\t\t\t\tconst isValid = type === 'number'\n\t\t\t\t\t? Number.isInteger(Number(urlSegments[i]))\n\t\t\t\t\t: true;\n\n\t\t\t\treturn isValid;\n\t\t\t});\n\n\t\t\tif (!match) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// If the route matches the URL, pull out any params from the URL.\n\t\t\trouteSegments.forEach((segment, i) => {\n\t\t\t\tif (segment.startsWith(\":\")) {\n\t\t\t\t\tconst propName = segment.slice(1);\n\t\t\t\t\tparams[propName] = decodeURIComponent(urlSegments[i]);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn true;\n\t\t});\n\n\t\tif (matchedRoute) {\n\t\t\treturn {\n\t\t\t\troute: this._routes[matchedRoute[0]],\n\t\t\t\tparams,\n\t\t\t\tsearchParams: new URLSearchParams(window.location.search),\n\t\t\t};\n\t\t} else {\n\t\t\treturn {\n\t\t\t\troute: this._routes[404],\n\t\t\t\tparams,\n\t\t\t\tsearchParams: null,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * Handles <a> link clicks\n\t * @param {Event} event\n\t * @returns {void}\n\t */\n\t_handleClick(event) {\n\t\tconst anchor = findAnchor(event);\n\t\tif (!anchor) {\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * Allow users to define an `data-` attribute to skip the route handling.\n\t\t * Default to `data-breeze-ignore`.\n\t\t */\n\t\tif (anchor.hasAttribute(this.#ignoreAttribute)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!shouldRouterHandleClick(event, anchor)) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\t\tlet href = anchor.getAttribute(\"href\")?.trim();\n\t\tif (!href?.startsWith(\"/\")) {\n\t\t\thref = \"/\" + href;\n\t\t}\n\n\t\tthis.navigateTo(href);\n\t}\n\n\t/**\n\t * Add or remove search param to current url.\n\t * @param {HTMLInputElement} checkbox\n\t * @param {string} value\n\t * @returns void\n\t */\n\ttoggleParam(checkbox, value) {\n\t\tconst params = new URLSearchParams(location.search);\n\t\tconst name = checkbox.getAttribute(\"name\");\n\t\tif (!name) {\n\t\t\treturn console.warn(`name attribute is not set on ${checkbox.outerHTML}`);\n\t\t}\n\t\tif (checkbox.checked) {\n\t\t\t!params.has(name) && params.set(name, value);\n\t\t} else if (!checkbox.checked) {\n\t\t\tparams.has(name) && params.delete(name);\n\t\t}\n\n\t\tconst newUrl = !!params.size\n\t\t\t? `${location.pathname}?${params.toString()}`\n\t\t\t: location.pathname;\n\t\tthis.navigateTo(newUrl);\n\t}\n}\n"],"names":[],"mappings":"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"}

package/dist/BreezeRouter.min.js

@@ -1,2 +1,2 @@
-const t=t=>(t.endsWith("/")&&(t=t.replace(/\/$/,"")),t);class e{constructor(){this._routes={},this._previousRoute={},window.addEventListener("popstate",this._onChanged.bind(this)),document.body.addEventListener("click",this._handleClick.bind(this))}start(){this._onChanged()}add(e,r){return"/"!==(e=e.trim())&&(e=t(e.trim())),this._routes[e]?console.warn(`Route already exists: ${e}`):"function"!=typeof r?console.error(`handler on route '${e}' is not a function.`):(this._routes[e]={path:e,handler:r},this)}navigateTo(t){window.history.pushState({url:t},"",t),this._onChanged()}redirect(t){this.navigateTo(t)}async _onChanged(){const t=window.location.pathname,{route:e,params:r}=this._matchUrlToRoute(t);await this._handleRoute({route:e,params:r}),this._previousRoute=e}async _handleRoute({route:t,params:e}){"function"===t.handler.constructor.name.toLowerCase()&&t.handler({route:t,params:e}),(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.keys(this._routes).find((t=>{if(e.split("/").length!==t.split("/").length)return!1;let a=t.split("/").slice(1),n=e.split("/").slice(1);return!!a.every(((t,e)=>t===n[e]||t.startsWith(":")))&&(a.forEach(((t,e)=>{if(t.startsWith(":")){const a=t.slice(1);r[a]=decodeURIComponent(n[e])}})),!0)}));return a?{route:this._routes[a],params:r}:{route:this._routes[404],params:r}}_handleClick(t){const e=t.composedPath().find((t=>"A"===t.tagName));if(!e)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 n=r.size?`${location.pathname}?${r.toString()}`:location.pathname;this.navigateTo(n)}}export{e as default};
+const t=t=>((t=t.trim()).endsWith("/")||(t+="/"),t);class e{#t="data-breeze-ignore";constructor(t){const{ignoreAttribute:e}=t||{};e&&(this.#t=e),this._routes={},this._previousRoute=null,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){window.history.pushState({url:t},"",t),this._onChanged()}redirect(t){this.navigateTo(t)}async _onChanged(){const t=window.location.pathname,{route:e,params:r}=this._matchUrlToRoute(t);await this._handleRoute({route:e,params:r}),this._previousRoute=e}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:n}=a;let s=t.split("/").slice(1),i=e.split("/").slice(1);return!!s.every(((t,e)=>{if(!t.startsWith(":"))return t===i[e];return"number"!==n[t.replace(":","")]||Number.isInteger(Number(i[e]))}))&&(s.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 n=r.size?`${location.pathname}?${r.toString()}`:location.pathname;this.navigateTo(n)}}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/**\n * Check if given param is function\n * @param {Function} fn\n * @returns {boolean}\n */\nexport const isFunction = (fn) => {\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  return fn.constructor.name.toLowerCase() === \"asyncfunction\";\n};\n\n/**\n * Remove trailing slash of a give 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 * 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  findAnchor,\n  shouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n  /**\n   * Creates a new BreezeRouter instance.\n   * @constructor\n   */\n  constructor() {\n    /**\n     * Object containing all registered routes.\n     * @type {import('./types.js').Route}\n     * @private\n     */\n    this._routes = {};\n\n    /**\n     * The previous route that was navigated to\n     * @type {import('./types.js').Route}\n     * @private\n     */\n    this._previousRoute = {};\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 = removeTrailingSlash(route.trim());\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 on route '${route}' is not a function.`);\n    }\n\n    this._routes[route] = {\n      path: route,\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    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    /**\n     * Update previous route, so application route handler can check and decide if it should re-render whole page.\n     */\n    this._previousRoute = route;\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 = removeTrailingSlash(url);\n    }\n\n    const matchedRoute = Object.keys(this._routes).find((route) => {\n      if (url.split(\"/\").length !== route.split(\"/\").length) {\n        return false;\n      }\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        return segment === urlSegments[i] || segment.startsWith(\":\");\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    if (matchedRoute) {\n      return { route: this._routes[matchedRoute], params };\n    } else {\n      return { route: this._routes[404], params };\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    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":["removeTrailingSlash","url","endsWith","replace","BreezeRouter","constructor","this","_routes","_previousRoute","window","addEventListener","_onChanged","bind","document","body","_handleClick","start","add","route","handler","trim","console","warn","error","path","navigateTo","history","pushState","redirect","async","location","pathname","params","_matchUrlToRoute","_handleRoute","name","toLowerCase","fn","isAsyncFunction","matchedRoute","Object","keys","find","split","length","routeSegments","slice","urlSegments","every","segment","i","startsWith","forEach","propName","decodeURIComponent","event","anchor","composedPath","elem","tagName","e","defaultPrevented","metaKey","ctrlKey","shiftKey","target","hasAttribute","getAttribute","href","origin","shouldRouterHandleClick","preventDefault","toggleParam","checkbox","value","URLSearchParams","search","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/**\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\tisFunction,\n\tisAsyncFunction,\n\tremoveTrailingSlash,\n\taddTrailingSlash,\n\tfindAnchor,\n\tshouldRouterHandleClick,\n} from \"./utils.js\";\n\n/**\n * Class representing a router.\n */\nexport default class BreezeRouter {\n\t/**\n\t * `data-` attribute to allow users to skip the router behavior,\n\t * anchor link with this attribute set will behavior as normal link.\n\t * @type {string}\n\t */\n\t#ignoreAttribute = \"data-breeze-ignore\";\n\n\t/**\n\t * Creates a new BreezeRouter instance.\n\t * @param {object} config - Config.\n\t * @constructor\n\t */\n\tconstructor(config) {\n\t\tconst { ignoreAttribute } = config || {};\n\n\t\tif (ignoreAttribute) {\n\t\t\tthis.#ignoreAttribute = ignoreAttribute;\n\t\t}\n\n\t\t/**\n\t\t * Object containing all registered routes.\n\t\t * @type {object}\n\t\t * @private\n\t\t */\n\t\tthis._routes = {};\n\n\t\t/**\n\t\t * The previous route that was navigated to\n\t\t * @type {import('./types.js').Route|null}\n\t\t * @private\n\t\t */\n\t\tthis._previousRoute = null;\n\n\t\t// Bind event listeners\n\t\twindow.addEventListener(\"popstate\", this._onChanged.bind(this));\n\t\tdocument.body.addEventListener(\"click\", this._handleClick.bind(this));\n\t}\n\n\t/**\n\t * Starts the router.\n\t * @returns {void}\n\t */\n\tstart() {\n\t\tthis._onChanged();\n\t}\n\n\t/**\n\t * Adds a new route to the router.\n\t * @param {string} route - The route path to add.\n\t * @param {Function} handler - The async function to handle the route\n\t * @returns {BreezeRouter|void} The BreezeRouter instance.\n\t */\n\tadd(route, handler) {\n\t\troute = route.trim();\n\t\tif (route !== \"/\") {\n\t\t\troute = addTrailingSlash(route);\n\t\t}\n\n\t\tif (this._routes[route]) {\n\t\t\treturn console.warn(`Route already exists: ${route}`);\n\t\t}\n\n\t\tif (typeof handler !== \"function\") {\n\t\t\treturn console.error(`handler of route '${route}' must be a function.`);\n\t\t}\n\n\t\tconst types = {};\n\n\t\t// Route has types defined.\n\t\tif (route.includes('<')) {\n\t\t\t// Split the URL segments by '/'.\n\t\t\tconst urlSegments = route.split('/').filter(segment => segment.includes('<'));\n\n\t\t\t// Loop through each segment and get its type.\n\t\t\turlSegments.forEach(segment => {\n\t\t\t\t// Get the type.\n\t\t\t\tconst type = segment.match(/\\<.+\\>/)?.[0]\n\t\t\t\t\t.replace('<', '')\n\t\t\t\t\t.replace('>', '');\n\n\t\t\t\t// Get the prop name.\n\t\t\t\tconst propName = segment.replace(/\\<.+\\>/, '').replace(':', '');\n\n\t\t\t\t// Store the prop name and type.\n\t\t\t\ttypes[propName] = type;\n\t\t\t});\n\t\t}\n\n\t\t// Remove all '<type>' definitions.\n\t\troute = route.replaceAll(/\\<.+\\>/g, '');\n\n\t\tthis._routes[route] = {\n\t\t\tpath: route,\n\t\t\ttypes,\n\t\t\thandler,\n\t\t};\n\n\t\treturn this;\n\t}\n\n\t/**\n\t * Navigates to the specified URL.\n\t * @param {string} url - The URL to navigate to\n\t * @returns {void}\n\t */\n\tnavigateTo(url) {\n\t\twindow.history.pushState({ url }, \"\", url);\n\t\tthis._onChanged();\n\t}\n\n\t/**\n\t * Redirects a URL\n\t * @param {string} url\n\t * @returns {void}\n\t */\n\tredirect(url) {\n\t\tthis.navigateTo(url);\n\t}\n\n\tasync _onChanged() {\n\t\tconst path = window.location.pathname;\n\t\tconst { route, params } = this._matchUrlToRoute(path);\n\n\t\t// If no matching route found, route will be '404' route\n\t\t// which has been handled by _matchUrlToRoute already\n\t\tawait this._handleRoute({ route, params });\n\n\t\t/**\n\t\t * Update previous route, so application route handler can check and decide if it should re-render whole page.\n\t\t */\n\t\tthis._previousRoute = route;\n\t}\n\n\t/**\n\t * Processes route callbacks registered by app\n\t * @param {import('./types.js').MatchedRoute} options\n\t * @returns {Promise<void>}\n\t */\n\tasync _handleRoute({ route, params }) {\n\t\tif (isFunction(route?.handler)) {\n\t\t\troute.handler({ route, params });\n\t\t}\n\n\t\tif (isAsyncFunction(route?.handler)) {\n\t\t\tawait route.handler({ route, params });\n\t\t}\n\t}\n\n\t/**\n\t *\n\t * @param {string} url - Current url users visite or nagivate to.\n\t * @returns {import('./types.js').MatchedRoute}\n\t */\n\t_matchUrlToRoute(url) {\n\t\t/** @type {import('./types.js').RouteParams} */\n\t\tconst params = {};\n\n\t\tif (url !== \"/\") {\n\t\t\turl = addTrailingSlash(url);\n\t\t}\n\n\t\tconst matchedRoute = Object.entries(this._routes).find(([route, routeObject]) => {\n\t\t\tif (url.split(\"/\").length !== route.split(\"/\").length) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tconst { types } = routeObject;\n\n\t\t\tlet routeSegments = route.split(\"/\").slice(1);\n\t\t\tlet urlSegments = url.split(\"/\").slice(1);\n\n\t\t\t// If each segment in the url matches the corresponding segment in the route path,\n\t\t\t// or the route path segment starts with a ':' then the route is matched.\n\t\t\tconst match = routeSegments.every((segment, i) => {\n\t\t\t\tif (!segment.startsWith(\":\")) {\n\t\t\t\t\treturn segment === urlSegments[i];\n\t\t\t\t}\n\n\t\t\t\t// /product/:id => segment/segment\n\t\t\t\t// /product/123 => urlSegment/urlSegment\n\t\t\t\tconst type = types[segment.replace(':', '')];\n\n\t\t\t\t// const segmentType = \n\t\t\t\tconst isValid = type === 'number'\n\t\t\t\t\t? Number.isInteger(Number(urlSegments[i]))\n\t\t\t\t\t: true;\n\n\t\t\t\treturn isValid;\n\t\t\t});\n\n\t\t\tif (!match) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// If the route matches the URL, pull out any params from the URL.\n\t\t\trouteSegments.forEach((segment, i) => {\n\t\t\t\tif (segment.startsWith(\":\")) {\n\t\t\t\t\tconst propName = segment.slice(1);\n\t\t\t\t\tparams[propName] = decodeURIComponent(urlSegments[i]);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\treturn true;\n\t\t});\n\n\t\tif (matchedRoute) {\n\t\t\treturn {\n\t\t\t\troute: this._routes[matchedRoute[0]],\n\t\t\t\tparams,\n\t\t\t\tsearchParams: new URLSearchParams(window.location.search),\n\t\t\t};\n\t\t} else {\n\t\t\treturn {\n\t\t\t\troute: this._routes[404],\n\t\t\t\tparams,\n\t\t\t\tsearchParams: null,\n\t\t\t};\n\t\t}\n\t}\n\n\t/**\n\t * Handles <a> link clicks\n\t * @param {Event} event\n\t * @returns {void}\n\t */\n\t_handleClick(event) {\n\t\tconst anchor = findAnchor(event);\n\t\tif (!anchor) {\n\t\t\treturn;\n\t\t}\n\n\t\t/**\n\t\t * Allow users to define an `data-` attribute to skip the route handling.\n\t\t * Default to `data-breeze-ignore`.\n\t\t */\n\t\tif (anchor.hasAttribute(this.#ignoreAttribute)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!shouldRouterHandleClick(event, anchor)) {\n\t\t\treturn;\n\t\t}\n\n\t\tevent.preventDefault();\n\t\tlet href = anchor.getAttribute(\"href\")?.trim();\n\t\tif (!href?.startsWith(\"/\")) {\n\t\t\thref = \"/\" + href;\n\t\t}\n\n\t\tthis.navigateTo(href);\n\t}\n\n\t/**\n\t * Add or remove search param to current url.\n\t * @param {HTMLInputElement} checkbox\n\t * @param {string} value\n\t * @returns void\n\t */\n\ttoggleParam(checkbox, value) {\n\t\tconst params = new URLSearchParams(location.search);\n\t\tconst name = checkbox.getAttribute(\"name\");\n\t\tif (!name) {\n\t\t\treturn console.warn(`name attribute is not set on ${checkbox.outerHTML}`);\n\t\t}\n\t\tif (checkbox.checked) {\n\t\t\t!params.has(name) && params.set(name, value);\n\t\t} else if (!checkbox.checked) {\n\t\t\tparams.has(name) && params.delete(name);\n\t\t}\n\n\t\tconst newUrl = !!params.size\n\t\t\t? `${location.pathname}?${params.toString()}`\n\t\t\t: location.pathname;\n\t\tthis.navigateTo(newUrl);\n\t}\n}\n"],"names":["addTrailingSlash","url","trim","endsWith","BreezeRouter","ignoreAttribute","constructor","config","this","_routes","_previousRoute","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","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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"}

package/dist/types.js

@@ -12,6 +12,7 @@
  * @typedef {Object} MatchedRoute
  * @property {Route} route
  * @property {RouteParams} params
+ * @property {URLSearchParams|null} searchParams
  */
 
 export { Route, RouteParams, MatchedRoute };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "breeze-router",
-  "version": "0.2.1",
+  "version": "0.4.0",
   "description": "A lightweight, zero-dependency client-side router for single page applications (SPAs).",
   "main": "index.js",
   "type": "module",