feat: SPA Roles screens

web/src/lib/permissions.ts

@@ -29,6 +29,18 @@ export interface ScopeOptions {
 
 const TYPE_SEPARATOR = ':'
 
+export function formatGrantKey(key: string, typeKey?: string) {
+	return typeKey === undefined ? key : `${key}${TYPE_SEPARATOR}${typeKey}`
+}
+
+export function parseGrantKey(key: string): { base: string; typeKey?: string } {
+	const at = key.indexOf(TYPE_SEPARATOR)
+	if (at === -1) {
+		return { base: key }
+	}
+	return { base: key.slice(0, at), typeKey: key.slice(at + TYPE_SEPARATOR.length) }
+}
+
 function scopeOfGrant(grants: readonly Grant[], key: string): Scope | undefined {
 	return grants.find((grant) => grant.key === key)?.scope
 }
@@ -39,7 +51,7 @@ export function effectiveScope(
 	options: ScopeOptions = {},
 ): Scope {
 	if (options.typeKey) {
-		const typed = scopeOfGrant(grants, `${key}${TYPE_SEPARATOR}${options.typeKey}`)
+		const typed = scopeOfGrant(grants, formatGrantKey(key, options.typeKey))
 		if (typed !== undefined) {
 			return typed
 		}