@supersoniks/concorde 3.1.14 → 3.1.15

package/src/core/utils/route.ts

@@ -0,0 +1,149 @@
+import { URLPattern } from "@supersoniks/concorde/utils";
+
+export type RouteArgs = {
+  propertyMap?: object;
+  query?: object;
+  hash?: string;
+};
+export class Route<RoutesData = any> {
+  private route: string = "";
+  constructor(name?: keyof RoutesData) {
+    if (!name) {
+      return;
+    }
+    this.route = Routes.get(name);
+  }
+
+  extract() {
+    const pattern = new URLPattern("(/)*" + this.route + "*");
+    const currentUrl = window.location.href.replace(window.location.origin, "");
+    const matches = pattern.match(currentUrl);
+    return matches;
+  }
+
+  matchesLocation() {
+    return this.extract() !== null;
+  }
+
+  fill(properties: Object) {
+    this.route = new URLPattern(this.route).stringify(properties);
+    return this;
+  }
+  query(query: Object) {
+    const url = new URL(this.route, window.location.origin);
+    Object.entries(query).forEach(([key, value]) => {
+      url.searchParams.set(key, value);
+    });
+    this.route = url.href.replace(window.location.origin, "");
+    return this;
+  }
+  hash(hash: string) {
+    const url = new URL(this.route, window.location.origin);
+    url.hash = hash;
+    this.route = url.href.replace(window.location.origin, "");
+    return this;
+  }
+  appendPath(pathname?: string) {
+    if (!pathname) {
+      return this;
+    }
+    const url = new URL(this.route, window.location.origin);
+    url.pathname = url.pathname.replace(/\/$/, "");
+    if (!pathname.startsWith("/")) {
+      pathname = "/" + pathname;
+    }
+    url.pathname += pathname;
+    this.route = url.href.replace(window.location.origin, "");
+    return this;
+  }
+  toString() {
+    return this.route;
+  }
+  valueOf() {
+    return this.route;
+  }
+  hasHash() {
+    const url = new URL(this.route, window.location.origin);
+    return url.hash !== "";
+  }
+  getHash() {
+    const url = new URL(this.route, window.location.origin);
+    return url.hash;
+  }
+  hasSameBaseAs(route?: Route) {
+    if (!route) {
+      return false;
+    }
+    const url = new URL(this.route, window.location.origin);
+    const url2 = new URL(route.route, window.location.origin);
+    return url.origin + url.pathname === url2.origin + url2.pathname;
+  }
+  goTo() {
+    window.location.href = this.route;
+  }
+}
+
+export class Routes {
+  private static routes = {};
+
+  static register<RouteData = any>(
+    routes: Partial<RouteData>,
+    baseUrlOrOpt: { baseUrl?: string; prefix?: string } | string = "",
+    prefix = ""
+  ) {
+    const newRoutes: Partial<RouteData> = {};
+    Object.keys(routes).forEach((key) => {
+      const name = key as keyof RouteData & string;
+      let route = routes[name] as string;
+      let baseUrl = "";
+      if (baseUrlOrOpt) {
+        if (typeof baseUrlOrOpt === "string") {
+          baseUrl = baseUrlOrOpt;
+        } else {
+          baseUrl = baseUrlOrOpt.baseUrl || "";
+          prefix = prefix || baseUrlOrOpt.prefix || "";
+        }
+      }
+      if (baseUrl && !route.includes(baseUrl)) {
+        route = baseUrl + "/" + route;
+        route = route?.replace(/\/+/g, "/");
+        route = route?.replace(/\/#/g, "#");
+      }
+      newRoutes[(prefix + name) as keyof RouteData] =
+        route as RouteData[keyof RouteData];
+    });
+    Routes.routes = { ...Routes.routes, ...newRoutes } as Partial<RouteData>;
+  }
+  static get<RouteData extends Record<keyof RouteData, string | undefined>>(
+    name: keyof RouteData,
+    args?: RouteArgs
+  ) {
+    const routes = Routes.routes as Partial<RouteData>;
+    let route = routes[name] || "";
+    if (args?.propertyMap) {
+      route = new URLPattern(route).stringify(args.propertyMap);
+    }
+    const url = new URL(
+      route,
+      route.startsWith("#") ? window.location.href : window.location.origin
+    );
+    if (args?.query) {
+      Object.entries(args.query).forEach(([key, value]) => {
+        url.searchParams.set(key, value);
+      });
+    }
+    if (args?.hash) {
+      url.hash = args.hash;
+    }
+
+    return url.href.replace(window.location.origin, "");
+  }
+
+  static fillURLPattern(route: string, properties: Object) {
+    return new URLPattern(route).stringify(properties);
+  }
+}
+
+export const route = <RouteData>(name?: keyof RouteData) => {
+  return new Route<RouteData>(name);
+};

package/src/tsconfig-model.json

@@ -0,0 +1,19 @@
+{
+  "exclude": ["node_modules/**/*", "dist/**/*", "vite.config.mts", "docs.ts", "docs/*"],
+  "compilerOptions": {
+    "target": "es2021",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "paths": {
+      "@supersoniks/concorde/*":["./*"]
+    },
+    "resolveJsonModule": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "skipLibCheck": true
+  }
+}