@gohanfromgoku/ui-kit 0.1.1 → 0.1.2

package/dist/navigation/Outlet.js

@@ -15,7 +15,7 @@ const Outlet = ({ routes, page404: Page404Page = Page404 }) => {
             const params = extractParamsFromURL(currentpath, active.pathname);
             const queryParams = extractQueryParamsFromURL(href);
             activeRoute.setState({ value: active });
-            location.setState({ value: { params, queryParams } });
+            location.setState({ value: { params, queryParams, ...window.location } });
         };
         updateLocation();
         window.addEventListener("popstate", updateLocation);

package/dist/navigation/createRoutes.js

@@ -1,6 +1,16 @@
-import { globalRoutes } from "./navigation.store";
+import { activeRoute, globalRoutes, location } from "./navigation.store";
+import { extractParamsFromURL } from "./extractParamsFromURL";
+import { extractQueryParamsFromURL } from "./extractQueryParamsFromURL";
+import isRouteMatching from "./isRouteMatching";
+import { Page404 } from "./Page404";
 const createRoutes = (routes) => {
     globalRoutes.setState({ value: routes });
+    const active = routes.find(r => isRouteMatching(r.pathname)) || { pathname: window.location.href, component: Page404 };
+    const { pathname: currentpath, href } = window.location;
+    const params = extractParamsFromURL(currentpath, active.pathname);
+    const queryParams = extractQueryParamsFromURL(href);
+    activeRoute.setState({ value: active });
+    location.setState({ value: { params, queryParams, ...window.location } });
     return routes;
 };
 export default createRoutes;

package/dist/navigation/isRouteMatching.js

@@ -3,8 +3,8 @@
  */
 const isRouteMatching = (routePath) => {
     const current = window.location.pathname;
-    if (routePath === "/") {
-        return current === "/";
+    if (routePath === "/" || routePath === "") {
+        return current === "/" || current === "/index.html" || current === "";
     }
     const routeParts = routePath.split("/").filter(Boolean);
     const currentParts = current.split("/").filter(Boolean);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gohanfromgoku/ui-kit",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "ui-kit is a TypeScript based UI component library designed for building modern web applications with ease and efficiency.",
   "sideEffects": false,
   "scripts": {

package/types/navigation/createRoutes.d.ts

@@ -2,7 +2,6 @@ import type { ComponentType } from "preact/compat";
 export interface Route {
     pathname: string;
     component: ComponentType;
-    index?: true | undefined | null;
 }
 declare const createRoutes: (routes: Route[]) => Route[];
 export default createRoutes;