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:
Forgotten
2026-03-02 09:07:09 -06:00
parent cc2c724ad2
commit 97d4f6c622
6 changed files with 391 additions and 0 deletions

View 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
View 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],
);
}