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:
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