feat: company-prefixed routing, delete tests, docs favicon, and skills
Add company-prefix URL routing utilities and custom router wrapper. Add CLI company delete confirmation tests. Add docs favicon and para-memory-files skill. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
85
ui/src/lib/company-routes.ts
Normal file
85
ui/src/lib/company-routes.ts
Normal file
@@ -0,0 +1,85 @@
|
||||
const BOARD_ROUTE_ROOTS = new Set([
|
||||
"dashboard",
|
||||
"companies",
|
||||
"company",
|
||||
"org",
|
||||
"agents",
|
||||
"projects",
|
||||
"issues",
|
||||
"goals",
|
||||
"approvals",
|
||||
"costs",
|
||||
"activity",
|
||||
"inbox",
|
||||
"design-guide",
|
||||
]);
|
||||
|
||||
const GLOBAL_ROUTE_ROOTS = new Set(["auth", "invite", "board-claim", "docs"]);
|
||||
|
||||
export function normalizeCompanyPrefix(prefix: string): string {
|
||||
return prefix.trim().toUpperCase();
|
||||
}
|
||||
|
||||
function splitPath(path: string): { pathname: string; search: string; hash: string } {
|
||||
const match = path.match(/^([^?#]*)(\?[^#]*)?(#.*)?$/);
|
||||
return {
|
||||
pathname: match?.[1] ?? path,
|
||||
search: match?.[2] ?? "",
|
||||
hash: match?.[3] ?? "",
|
||||
};
|
||||
}
|
||||
|
||||
function getRootSegment(pathname: string): string | null {
|
||||
const segment = pathname.split("/").filter(Boolean)[0];
|
||||
return segment ?? null;
|
||||
}
|
||||
|
||||
export function isGlobalPath(pathname: string): boolean {
|
||||
if (pathname === "/") return true;
|
||||
const root = getRootSegment(pathname);
|
||||
if (!root) return true;
|
||||
return GLOBAL_ROUTE_ROOTS.has(root.toLowerCase());
|
||||
}
|
||||
|
||||
export function isBoardPathWithoutPrefix(pathname: string): boolean {
|
||||
const root = getRootSegment(pathname);
|
||||
if (!root) return false;
|
||||
return BOARD_ROUTE_ROOTS.has(root.toLowerCase());
|
||||
}
|
||||
|
||||
export function extractCompanyPrefixFromPath(pathname: string): string | null {
|
||||
const segments = pathname.split("/").filter(Boolean);
|
||||
if (segments.length === 0) return null;
|
||||
const first = segments[0]!.toLowerCase();
|
||||
if (GLOBAL_ROUTE_ROOTS.has(first) || BOARD_ROUTE_ROOTS.has(first)) {
|
||||
return null;
|
||||
}
|
||||
return normalizeCompanyPrefix(segments[0]!);
|
||||
}
|
||||
|
||||
export function applyCompanyPrefix(path: string, companyPrefix: string | null | undefined): string {
|
||||
const { pathname, search, hash } = splitPath(path);
|
||||
if (!pathname.startsWith("/")) return path;
|
||||
if (isGlobalPath(pathname)) return path;
|
||||
if (!companyPrefix) return path;
|
||||
|
||||
const prefix = normalizeCompanyPrefix(companyPrefix);
|
||||
const activePrefix = extractCompanyPrefixFromPath(pathname);
|
||||
if (activePrefix) return path;
|
||||
|
||||
return `/${prefix}${pathname}${search}${hash}`;
|
||||
}
|
||||
|
||||
export function toCompanyRelativePath(path: string): string {
|
||||
const { pathname, search, hash } = splitPath(path);
|
||||
const segments = pathname.split("/").filter(Boolean);
|
||||
|
||||
if (segments.length >= 2) {
|
||||
const second = segments[1]!.toLowerCase();
|
||||
if (!GLOBAL_ROUTE_ROOTS.has(segments[0]!.toLowerCase()) && BOARD_ROUTE_ROOTS.has(second)) {
|
||||
return `/${segments.slice(1).join("/")}${search}${hash}`;
|
||||
}
|
||||
}
|
||||
|
||||
return `${pathname}${search}${hash}`;
|
||||
}
|
||||
76
ui/src/lib/router.tsx
Normal file
76
ui/src/lib/router.tsx
Normal file
@@ -0,0 +1,76 @@
|
||||
import * as React from "react";
|
||||
import * as RouterDom from "react-router-dom";
|
||||
import type { NavigateOptions, To } from "react-router-dom";
|
||||
import { useCompany } from "@/context/CompanyContext";
|
||||
import {
|
||||
applyCompanyPrefix,
|
||||
extractCompanyPrefixFromPath,
|
||||
normalizeCompanyPrefix,
|
||||
} from "@/lib/company-routes";
|
||||
|
||||
function resolveTo(to: To, companyPrefix: string | null): To {
|
||||
if (typeof to === "string") {
|
||||
return applyCompanyPrefix(to, companyPrefix);
|
||||
}
|
||||
|
||||
if (to.pathname && to.pathname.startsWith("/")) {
|
||||
const pathname = applyCompanyPrefix(to.pathname, companyPrefix);
|
||||
if (pathname !== to.pathname) {
|
||||
return { ...to, pathname };
|
||||
}
|
||||
}
|
||||
|
||||
return to;
|
||||
}
|
||||
|
||||
function useActiveCompanyPrefix(): string | null {
|
||||
const { selectedCompany } = useCompany();
|
||||
const params = RouterDom.useParams<{ companyPrefix?: string }>();
|
||||
const location = RouterDom.useLocation();
|
||||
|
||||
if (params.companyPrefix) {
|
||||
return normalizeCompanyPrefix(params.companyPrefix);
|
||||
}
|
||||
|
||||
const pathPrefix = extractCompanyPrefixFromPath(location.pathname);
|
||||
if (pathPrefix) return pathPrefix;
|
||||
|
||||
return selectedCompany ? normalizeCompanyPrefix(selectedCompany.issuePrefix) : null;
|
||||
}
|
||||
|
||||
export * from "react-router-dom";
|
||||
|
||||
export const Link = React.forwardRef<HTMLAnchorElement, React.ComponentProps<typeof RouterDom.Link>>(
|
||||
function CompanyLink({ to, ...props }, ref) {
|
||||
const companyPrefix = useActiveCompanyPrefix();
|
||||
return <RouterDom.Link ref={ref} to={resolveTo(to, companyPrefix)} {...props} />;
|
||||
},
|
||||
);
|
||||
|
||||
export const NavLink = React.forwardRef<HTMLAnchorElement, React.ComponentProps<typeof RouterDom.NavLink>>(
|
||||
function CompanyNavLink({ to, ...props }, ref) {
|
||||
const companyPrefix = useActiveCompanyPrefix();
|
||||
return <RouterDom.NavLink ref={ref} to={resolveTo(to, companyPrefix)} {...props} />;
|
||||
},
|
||||
);
|
||||
|
||||
export function Navigate({ to, ...props }: React.ComponentProps<typeof RouterDom.Navigate>) {
|
||||
const companyPrefix = useActiveCompanyPrefix();
|
||||
return <RouterDom.Navigate to={resolveTo(to, companyPrefix)} {...props} />;
|
||||
}
|
||||
|
||||
export function useNavigate(): ReturnType<typeof RouterDom.useNavigate> {
|
||||
const navigate = RouterDom.useNavigate();
|
||||
const companyPrefix = useActiveCompanyPrefix();
|
||||
|
||||
return React.useCallback(
|
||||
((to: To | number, options?: NavigateOptions) => {
|
||||
if (typeof to === "number") {
|
||||
navigate(to);
|
||||
return;
|
||||
}
|
||||
navigate(resolveTo(to, companyPrefix), options);
|
||||
}) as ReturnType<typeof RouterDom.useNavigate>,
|
||||
[navigate, companyPrefix],
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user