Initial curated ITWorx_MCP_Hub source from 368fba691ea8d23403b4d56b53b5ec670d7c5020

apps/web/src/routing.ts

@@ -0,0 +1,16 @@
+import { useCallback, useEffect, useState } from "react";
+import type { ResourceKind } from "./contracts";
+
+const resourceRoutes: Record<string, ResourceKind> = { "/projects": "projects", "/servers": "servers", "/tools": "tools", "/connectors": "connectors", "/clients": "clients", "/policies": "policies", "/audit": "audit" };
+
+export function usePath() {
+  const [path, setPath] = useState(window.location.pathname + window.location.search);
+  useEffect(() => { const onPopState = () => setPath(window.location.pathname + window.location.search); window.addEventListener("popstate", onPopState); return () => window.removeEventListener("popstate", onPopState); }, []);
+  const navigate = useCallback((next: string) => {
+    window.history.pushState({}, "", next);
+    setPath(next);
+  }, []);
+  return [path, navigate] as const;
+}
+export function basePath(path: string) { return (path.split("?")[0] ?? "").replace(/\/$/, "") || "/"; }
+export function resourceKind(path: string): ResourceKind | null { const base = basePath(path); if (base.startsWith("/projects/") && base !== "/projects") return "projects"; return resourceRoutes[base] ?? null; }