@riducms/plugin 0.2.3 → 0.4.0

package/src/plugin.ts

@@ -1,19 +1,30 @@
 import type { FieldType } from "@riducms/protocol";
 import type { RegisteredPluginField } from "./field";
 import { ADMIN_PLUGIN_API_VERSION } from "@riducms/protocol";
-import type {
-	OperationCapabilities,
-	SchemaCollection,
-	SchemaField,
-	SchemaGlobal,
-	SchemaManifest,
-} from "@riducms/protocol";
-import type { Component, Snippet } from "svelte";
-
-import type { FieldDocument } from "./authoring";
-import type { AdminI18n, PluginMessageCatalog, ExtensionTranslationKey } from "./i18n";
+import type { PluginMessageCatalog, ExtensionTranslationKey } from "./i18n";
 import { freezeAdminMessages, validateAdminMessages } from "./i18n";
 import type { RowLabelPlugin } from "./row-label";
+import type {
+	AdminAccountComponent,
+	AdminAccountSurface,
+	AdminBrandComponent,
+	AdminContributions,
+	AdminCoreView,
+	AdminDashboardPanel,
+	AdminDocumentAction,
+	AdminDocumentView,
+	AdminListCellRenderer,
+	AdminListResultsRenderer,
+	AdminLoginComponent,
+	AdminLogoutButton,
+	AdminNavigationComponent,
+	AdminProvider,
+	AdminRoute,
+	AdminShellSlot,
+	ResolvedAdminExtensions,
+} from "./admin-extensions";
+
+export * from "./admin-extensions";
 
 export { ADMIN_PLUGIN_API_VERSION };
 
@@ -43,7 +54,7 @@ export interface AdminPlugin extends AdminContributions {
 	 * Go chooses one with `.Admin(field.Admin{Editor: field.PluginComponent(pluginKey, componentName, config)})`.
 	 * These may edit built-in fields or an explicitly named plugin field type.
 	 */
-	components?: Readonly<
+	fieldEditors?: Readonly<
 		Record<
 			string,
 			RegisteredPluginField &
@@ -61,315 +72,6 @@ export interface AdminPlugin extends AdminContributions {
 	assets?: readonly string[];
 }
 
-/**
- * Places where a plugin or application can add admin UI. Arrays keep registration
- * order; application entries follow plugin entries. Replacement slots allow one
- * matching replacement. Conflicts are reported instead of silently overriding UI.
- */
-export interface AdminContributions {
-	/** Authenticated admin routes contributed by this package. */
-	routes?: readonly AdminRoute[];
-	/** Panels composed into or replacing the authenticated dashboard. */
-	dashboard?: readonly AdminDashboardPanel[];
-	/** Components composed around or replacing the sign-in screen. */
-	login?: readonly AdminLoginComponent[];
-	/** Components composed around or replacing the framework account screens. */
-	account?: readonly AdminAccountComponent[];
-	/** Components composed around or replacing the framework navigation. */
-	navigation?: readonly AdminNavigationComponent[];
-	/** Replaces the default sign-out control in the account menu. */
-	logoutButton?: AdminLogoutButton;
-	/** Wraps or replaces framework collection, global, and not-found views. */
-	views?: readonly AdminCoreView[];
-	/** Replaces framework-owned brand graphics at exact shell surfaces. */
-	branding?: readonly AdminBrandComponent[];
-	/** Adds global header, action, or account-settings menu components. */
-	shell?: readonly AdminShellComponent[];
-	/** Wraps the admin in statically ordered Svelte context providers. */
-	providers?: readonly AdminProvider[];
-	/** Collection list cells rendered for exact collection/field pairs. */
-	listCells?: readonly AdminListCell[];
-	/** Actions rendered alongside framework-owned document actions. */
-	documentActions?: readonly AdminDocumentAction[];
-	/** Read-only or operational views rendered beside Edit and API. */
-	documentViews?: readonly AdminDocumentView[];
-}
-
-/** Common data supplied to admin extension components. Use the generated SDK for requests. */
-export interface AdminExtensionProps {
-	/** Resolved Go schema available to this admin session; it may omit inaccessible resources. */
-	manifest: SchemaManifest;
-	/** Signed-in user document, absent on screens where no user is signed in yet. */
-	user?: FieldDocument;
-	/** Current admin interface translations and formatting preferences. */
-	i18n: AdminI18n;
-}
-
-/** Sign-in operations provided to a custom login screen. */
-export interface AdminLoginExtensionHost {
-	/** Sign in, check admin access and enter the admin. Rejects if authentication/access fails. */
-	login: (credentials: { email: string; password: string }) => Promise<void>;
-	/** Show a temporary success or error message. Does not perform an operation itself. */
-	notify: (tone: AdminExtensionNotificationTone, title: string, message?: string) => void;
-}
-
-export interface AdminLoginComponentProps extends AdminExtensionProps {
-	/** Render with `{@render defaultView()}` to keep Ridu's sign-in screen inside your wrapper. */
-	defaultView: Snippet;
-	host: AdminLoginExtensionHost;
-}
-
-/** Add content before/after sign-in, or replace it with a custom screen. */
-export interface AdminLoginComponent {
-	key: string;
-	component: Component<AdminLoginComponentProps>;
-	/** Defaults to after. Only one replace entry is allowed across plugins and the application. */
-	position?: "before" | "after" | "replace";
-}
-
-export type AdminAccountSurface = "profile" | "security";
-
-/** Operations for keeping a custom account screen in sync with the signed-in session. */
-export interface AdminAccountExtensionHost {
-	/** Reloads the signed-in document and updates the shell identity. */
-	refreshUser: () => Promise<FieldDocument | undefined>;
-	/** Ends the current session and returns to sign-in. */
-	logout: () => Promise<void>;
-	/** Show a temporary success or error message. */
-	notify: (tone: AdminExtensionNotificationTone, title: string, message?: string) => void;
-}
-
-export interface AdminAccountComponentProps extends AdminExtensionProps {
-	surface: AdminAccountSurface;
-	/** Render with `{@render defaultView()}` to keep Ridu's account screen inside your wrapper. */
-	defaultView: Snippet;
-	host: AdminAccountExtensionHost;
-}
-
-/** Add to or replace the profile/security screen identified by `surface`. */
-export interface AdminAccountComponent {
-	key: string;
-	surface: AdminAccountSurface;
-	component: Component<AdminAccountComponentProps>;
-	/** Defaults to after. Each account surface permits at most one replacement. */
-	position?: "before" | "after" | "replace";
-}
-
-/** Choose the whole navigation's boundary, the resource-link list's boundary, or replace navigation. */
-export type AdminNavigationPosition = "before" | "beforeLinks" | "afterLinks" | "after" | "replace";
-
-export interface AdminNavigationComponentProps extends AdminExtensionProps {
-	/** Render with `{@render defaultView()}` to include Ridu's navigation in a replacement. */
-	defaultView: Snippet;
-}
-
-/** Insert a component at a navigation position. At most one entry can replace navigation. */
-export interface AdminNavigationComponent {
-	key: string;
-	component: Component<AdminNavigationComponentProps>;
-	position: AdminNavigationPosition;
-}
-
-export interface AdminLogoutExtensionHost {
-	/** End the current session and return to sign-in. Await this instead of only changing local UI. */
-	logout: () => Promise<void>;
-}
-
-export interface AdminLogoutButtonProps extends AdminExtensionProps {
-	host: AdminLogoutExtensionHost;
-}
-
-/** Replace the account menu's sign-out button; call the supplied `host.logout()` on activation. */
-export interface AdminLogoutButton {
-	key: string;
-	component: Component<AdminLogoutButtonProps>;
-}
-
-export type AdminCoreViewSurface =
-	"collectionList" | "collectionCreate" | "collectionEdit" | "global" | "notFound";
-
-/** Refresh tools for a custom collection/global screen. They do not save documents. */
-export interface AdminCoreViewHost {
-	/** Fetch the current Go schema again and update the admin's schema-dependent UI. */
-	refreshManifest: () => Promise<void>;
-	/** Notify Ridu that your code changed documents so dependent lists/lookups can refresh. */
-	documentsChanged: () => void;
-	/** Show a temporary success or error message. */
-	notify: (tone: AdminExtensionNotificationTone, title: string, message?: string) => void;
-}
-
-export interface AdminCoreViewProps extends AdminExtensionProps {
-	surface: AdminCoreViewSurface;
-	collection?: SchemaCollection;
-	global?: SchemaGlobal;
-	documentID?: string;
-	/** Render with `{@render defaultView()}` to wrap the normal screen rather than rebuilding it. */
-	defaultView: Snippet;
-	host: AdminCoreViewHost;
-}
-
-interface AdminCollectionCoreView {
-	key: string;
-	surface: "collectionList" | "collectionCreate" | "collectionEdit";
-	/** Omit to replace this surface for every collection. */
-	collection?: string;
-	component: Component<AdminCoreViewProps>;
-}
-
-interface AdminGlobalCoreView {
-	key: string;
-	surface: "global";
-	/** Omit to replace this surface for every global. */
-	global?: string;
-	component: Component<AdminCoreViewProps>;
-}
-
-interface AdminNotFoundCoreView {
-	key: string;
-	surface: "notFound";
-	component: Component<AdminCoreViewProps>;
-}
-
-/**
- * Replace a collection/global/not-found screen. A resource-specific registration
- * wins over an all-resources fallback for that surface; duplicate targets fail.
- * The supplied `defaultView` lets your component wrap the existing screen.
- */
-export type AdminCoreView = AdminCollectionCoreView | AdminGlobalCoreView | AdminNotFoundCoreView;
-
-export type AdminBrandSurface = "loginLogo" | "navigationLogo" | "accountAvatar";
-
-export interface AdminBrandComponentProps extends AdminExtensionProps {
-	surface: AdminBrandSurface;
-}
-
-/** Replace one logo/avatar location. Only one component may claim each surface. */
-export interface AdminBrandComponent {
-	key: string;
-	surface: AdminBrandSurface;
-	component: Component<AdminBrandComponentProps>;
-}
-
-export type AdminShellPosition = "header" | "actions" | "settingsMenu";
-
-export interface AdminShellComponentProps extends AdminExtensionProps {
-	position: AdminShellPosition;
-}
-
-/** Add UI to the global header, actions area or account settings menu in registration order. */
-export interface AdminShellComponent {
-	key: string;
-	position: AdminShellPosition;
-	component: Component<AdminShellComponentProps>;
-}
-
-export interface AdminProviderProps {
-	/** Render `{@render defaultView()}` after setting context so the nested providers/admin appear. */
-	defaultView: Snippet;
-	i18n: AdminI18n;
-}
-
-/** Wrap the admin in a Svelte context provider. Render the supplied `defaultView` to continue the UI. */
-export interface AdminProvider {
-	key: string;
-	component: Component<AdminProviderProps>;
-}
-
-export interface AdminDashboardPanelProps {
-	manifest: SchemaManifest;
-	user?: FieldDocument;
-	i18n: AdminI18n;
-}
-
-/** Add dashboard content before/after Ridu's overview, or replace that overview. */
-export interface AdminDashboardPanel {
-	/** Unique name among dashboard entries; duplicates throw. Array order controls display order. */
-	key: string;
-	component: Component<AdminDashboardPanelProps>;
-	/** Defaults to after. Replace hides Ridu's overview and may only be registered once. */
-	position?: "before" | "after" | "replace";
-}
-
-/** Data for displaying a collection table cell. This is not an editable document-form binding. */
-export interface AdminListCellProps {
-	collection: SchemaCollection;
-	field: SchemaField;
-	document: FieldDocument;
-	/** This field's saved value. Check its type before rendering; changing it does not save a document. */
-	value: unknown;
-	i18n: AdminI18n;
-}
-
-/** Replace the cell display for one collection/field pair; duplicate targets are rejected. */
-export interface AdminListCell {
-	key: string;
-	/** Collection slug, for example `"posts"`. */
-	collection: string;
-	/** Top-level field name/path in that collection, for example `"title"`. */
-	field: string;
-	/** Fallback column heading. */
-	label: string;
-	/** Optional translation key from this plugin's messages, or app:... for application entries. */
-	labelKey?: ExtensionTranslationKey;
-	component: Component<AdminListCellProps>;
-}
-
-export type AdminExtensionNotificationTone = "success" | "error";
-
-/** Tools for a document action or extra document tab after it completes its own operation. */
-export interface AdminDocumentExtensionHost {
-	/** Reload the current document from the server. This is not a save of unsaved form edits. */
-	refresh: () => Promise<void>;
-	/** Show a temporary success or error message. */
-	notify: (tone: AdminExtensionNotificationTone, title: string, message?: string) => void;
-}
-
-/** Saved document data for actions/tabs; use the generated SDK for application-specific operations. */
-export interface AdminDocumentExtensionProps {
-	collection: SchemaCollection;
-	document: FieldDocument;
-	host: AdminDocumentExtensionHost;
-	i18n: AdminI18n;
-}
-
-/** Add a component alongside the document's standard actions. Implement the operation in that component. */
-export interface AdminDocumentAction {
-	key: string;
-	/** Omit to show the action for every non-global collection. */
-	collection?: string;
-	/** Hide unless this document operation is allowed. Visibility does not replace server authorization. */
-	requires?: keyof OperationCapabilities;
-	component: Component<AdminDocumentExtensionProps>;
-}
-
-/** Add a tab beside Edit and API. Keys `edit` and `api` are reserved for Ridu. */
-export interface AdminDocumentView {
-	key: string;
-	label: string;
-	labelKey?: ExtensionTranslationKey;
-	/** Collection or global slug; omit to show for every collection and global. */
-	collection?: string;
-	component: Component<AdminDocumentExtensionProps>;
-}
-
-export interface AdminRouteNavigation {
-	/** Human-readable navigation label inside the authenticated admin shell. */
-	label: string;
-	labelKey?: ExtensionTranslationKey;
-	/** Optional grouping hint reserved for shells that render grouped plugin navigation. */
-	group?: string;
-}
-
-/** One statically bundled route mounted beneath the authenticated admin layout. */
-export interface AdminRoute {
-	/** Relative admin path, without a leading slash. Paired plugins must match their Go descriptor. */
-	path: string;
-	/** Svelte route component rendered by the framework router. */
-	component: Component;
-	/** Optional navigation entry; omit it for a route reachable only by links or redirects. */
-	navigation?: AdminRouteNavigation;
-}
-
 /**
  * Go plugin metadata written into Ridu's generated admin registration file.
  * Do not hand-maintain a second copy: `ridu generate` resolves the executable Go
@@ -400,26 +102,6 @@ export interface AdminPluginPair {
 	backend: BackendAdminPlugin;
 }
 
-/** Checked plugin registrations collected for Ridu's admin runtime. Normally consumed by generated code. */
-export interface ResolvedAdminExtensions {
-	rowLabels: readonly RowLabelPlugin[];
-	routes: readonly AdminRoute[];
-	dashboard: readonly AdminDashboardPanel[];
-	login: readonly AdminLoginComponent[];
-	account: readonly AdminAccountComponent[];
-	navigation: readonly AdminNavigationComponent[];
-	logoutButton: AdminLogoutButton | undefined;
-	views: readonly AdminCoreView[];
-	branding: readonly AdminBrandComponent[];
-	shell: readonly AdminShellComponent[];
-	providers: readonly AdminProvider[];
-	listCells: readonly AdminListCell[];
-	documentActions: readonly AdminDocumentAction[];
-	documentViews: readonly AdminDocumentView[];
-	messages: Readonly<Record<string, PluginMessageCatalog>>;
-	applicationMessages: PluginMessageCatalog | undefined;
-}
-
 /**
  * Check that installed Go/admin plugin packages agree on identity, API version,
  * pairing version, routes, assets and field types. Ridu's generated file calls this;
@@ -478,15 +160,16 @@ export function resolveAdminExtensions(
 	application?: AdminContributions & { messages?: PluginMessageCatalog }
 ): ResolvedAdminExtensions {
 	const routes: AdminRoute[] = [];
-	const dashboard: AdminDashboardPanel[] = [];
+	const dashboardPanels: AdminDashboardPanel[] = [];
 	const login: AdminLoginComponent[] = [];
 	const account: AdminAccountComponent[] = [];
 	const navigation: AdminNavigationComponent[] = [];
-	const views: AdminCoreView[] = [];
+	const coreViews: AdminCoreView[] = [];
 	const branding: AdminBrandComponent[] = [];
-	const shell: AdminShellComponent[] = [];
+	const shellSlots: AdminShellSlot[] = [];
 	const providers: AdminProvider[] = [];
-	const listCells: AdminListCell[] = [];
+	const listCellRenderers: AdminListCellRenderer[] = [];
+	const listResultsRenderers: AdminListResultsRenderer[] = [];
 	const documentActions: AdminDocumentAction[] = [];
 	const documentViews: AdminDocumentView[] = [];
 	const rowLabels: RowLabelPlugin[] = [];
@@ -494,6 +177,8 @@ export function resolveAdminExtensions(
 		string,
 		PluginMessageCatalog
 	>;
+	// These identities represent mount slots, not package-local names. Claiming one
+	// set across every source prevents application UI from silently shadowing a plugin.
 	const identities = new Set<string>();
 	let replacementDashboard: string | undefined;
 	let replacementLogin: string | undefined;
@@ -501,6 +186,8 @@ export function resolveAdminExtensions(
 	let replacementNavigation: string | undefined;
 	let logoutButton: AdminLogoutButton | undefined;
 
+	// Preserve authored order within each source, with the application consistently
+	// following installed plugins for additive surfaces and provider nesting.
 	const sources = [
 		...plugins.map((plugin) => ({ ...plugin, namespace: `plugin.${plugin.key}:` })),
 		...(application === undefined
@@ -508,7 +195,7 @@ export function resolveAdminExtensions(
 			: [{ ...application, key: "application", namespace: "app:", rowLabels: [] }]),
 	];
 	for (const plugin of sources) {
-		validateContributions(plugin, plugin.namespace === "app:");
+		validateContributions(plugin);
 		for (const rowLabel of plugin.rowLabels ?? []) {
 			if (rowLabel.key !== plugin.key) {
 				throw new Error(
@@ -536,10 +223,12 @@ export function resolveAdminExtensions(
 		}
 		for (const route of plugin.routes ?? []) {
 			validatePluginLabelKey(plugin, route.navigation?.labelKey, `route ${route.path}`);
+			// Treat differently cased paths as one identity rather than allowing
+			// registrations whose reachability depends on a host or proxy's normalization.
 			claim(identities, `route:${route.path.toLowerCase()}`, `Admin plugin route ${route.path}`);
 			routes.push(route);
 		}
-		for (const panel of plugin.dashboard ?? []) {
+		for (const panel of plugin.dashboardPanels ?? []) {
 			claim(identities, `dashboard:${panel.key}`, `Admin dashboard panel ${panel.key}`);
 			if (panel.position === "replace") {
 				if (replacementDashboard !== undefined) {
@@ -549,7 +238,7 @@ export function resolveAdminExtensions(
 				}
 				replacementDashboard = panel.key;
 			}
-			dashboard.push(panel);
+			dashboardPanels.push(panel);
 		}
 		for (const component of plugin.login ?? []) {
 			claim(identities, `login:${component.key}`, `Admin login component ${component.key}`);
@@ -609,7 +298,7 @@ export function resolveAdminExtensions(
 			);
 			logoutButton = plugin.logoutButton;
 		}
-		for (const view of plugin.views ?? []) {
+		for (const view of plugin.coreViews ?? []) {
 			const resource =
 				"collection" in view
 					? (view.collection ?? "*")
@@ -621,7 +310,7 @@ export function resolveAdminExtensions(
 				`core-view:${view.surface}:${resource}`,
 				`Admin core view ${view.surface}.${resource}`
 			);
-			views.push(view);
+			coreViews.push(view);
 		}
 		for (const component of plugin.branding ?? []) {
 			claim(
@@ -631,26 +320,34 @@ export function resolveAdminExtensions(
 			);
 			branding.push(component);
 		}
-		for (const component of plugin.shell ?? []) {
+		for (const component of plugin.shellSlots ?? []) {
 			claim(
 				identities,
 				`shell:${component.position}:${component.key}`,
-				`Admin shell component ${component.key}`
+				`Admin shell slot ${component.key}`
 			);
-			shell.push(component);
+			shellSlots.push(component);
 		}
 		for (const provider of plugin.providers ?? []) {
 			claim(identities, `provider:${provider.key}`, `Admin provider ${provider.key}`);
 			providers.push(provider);
 		}
-		for (const cell of plugin.listCells ?? []) {
+		for (const cell of plugin.listCellRenderers ?? []) {
 			validatePluginLabelKey(plugin, cell.labelKey, `list cell ${cell.collection}.${cell.field}`);
 			claim(
 				identities,
 				`list-cell:${cell.collection}:${cell.field}`,
-				`Admin list cell ${cell.collection}.${cell.field}`
+				`Admin list-cell renderer ${cell.collection}.${cell.field}`
+			);
+			listCellRenderers.push(cell);
+		}
+		for (const results of plugin.listResultsRenderers ?? []) {
+			claim(
+				identities,
+				`list-results:${results.collection}`,
+				`Admin list-results renderer ${results.collection}`
 			);
-			listCells.push(cell);
+			listResultsRenderers.push(results);
 		}
 		for (const action of plugin.documentActions ?? []) {
 			claim(
@@ -679,16 +376,17 @@ export function resolveAdminExtensions(
 			application?.messages === undefined ? undefined : freezeAdminMessages(application.messages),
 		rowLabels: Object.freeze(rowLabels),
 		routes: Object.freeze(routes),
-		dashboard: Object.freeze(dashboard),
+		dashboardPanels: Object.freeze(dashboardPanels),
 		login: Object.freeze(login),
 		account: Object.freeze(account),
 		navigation: Object.freeze(navigation),
 		logoutButton,
-		views: Object.freeze(views),
+		coreViews: Object.freeze(coreViews),
 		branding: Object.freeze(branding),
-		shell: Object.freeze(shell),
+		shellSlots: Object.freeze(shellSlots),
 		providers: Object.freeze(providers),
-		listCells: Object.freeze(listCells),
+		listCellRenderers: Object.freeze(listCellRenderers),
+		listResultsRenderers: Object.freeze(listResultsRenderers),
 		documentActions: Object.freeze(documentActions),
 		documentViews: Object.freeze(documentViews),
 		messages: Object.freeze(messages),
@@ -728,7 +426,7 @@ function assertSameValues(label: string, backend: readonly string[], admin: read
 	}
 }
 
-// Application routes are literal paths: no router
+// Admin routes are literal paths: no router
 // patterns, query strings, normalization aliases or framework namespace shadowing.
 const reservedRouteRoots = new Set([
 	"account",
@@ -741,31 +439,29 @@ const reservedRouteRoots = new Set([
 	"request-verification",
 	"verify-email",
 ]);
-function validateContributions(
-	source: AdminContributions & { messages?: PluginMessageCatalog },
-	local: boolean
-) {
+function validateContributions(source: AdminContributions & { messages?: PluginMessageCatalog }) {
 	if (source.messages !== undefined) validateAdminMessages("application", source.messages);
 	const groups = [
 		"routes",
-		"dashboard",
+		"dashboardPanels",
 		"login",
 		"account",
 		"navigation",
-		"views",
+		"coreViews",
 		"branding",
-		"shell",
+		"shellSlots",
 		"providers",
-		"listCells",
+		"listCellRenderers",
+		"listResultsRenderers",
 		"documentActions",
 		"documentViews",
 	] as const;
 	const positions = {
-		dashboard: ["before", "after", "replace"],
+		dashboardPanels: ["before", "after", "replace"],
 		login: ["before", "after", "replace"],
 		account: ["before", "after", "replace"],
 		navigation: ["before", "beforeLinks", "afterLinks", "after", "replace"],
-		shell: ["header", "actions", "settingsMenu"],
+		shellSlots: ["header", "actions", "settingsMenu"],
 	} as const;
 	for (const group of groups) {
 		const entries = source[group];
@@ -785,12 +481,12 @@ function validateContributions(
 				const allowed: readonly string[] = positions[group as keyof typeof positions];
 				const position = "position" in entry ? entry.position : undefined;
 				if (
-					(position === undefined && (group === "navigation" || group === "shell")) ||
+					(position === undefined && (group === "navigation" || group === "shellSlots")) ||
 					(position !== undefined && !allowed.includes(position))
 				)
 					throw new Error(`Admin ${group} registration has an invalid position.`);
 			}
-			if (group === "account" || group === "branding" || group === "views") {
+			if (group === "account" || group === "branding" || group === "coreViews") {
 				const allowed =
 					group === "account"
 						? ["profile", "security"]
@@ -802,7 +498,7 @@ function validateContributions(
 			}
 		}
 	}
-	for (const route of local ? (source.routes ?? []) : []) {
+	for (const route of source.routes ?? []) {
 		if (
 			typeof route.path !== "string" ||
 			!/^[A-Za-z0-9_-]+(?:\/[A-Za-z0-9_-]+)*$/.test(route.path) ||