Files
Primora/apps/frontend/src/lib/slug.ts
T
Tomáš DvořákandDevin 5eec80bbca feat(frontend): auto-derive slugs from names on create forms (#48)
The org/project/bucket/collection create forms required typing a slug
by hand. While the slug field is untouched (empty or still equal to the
derived value), naming the entity fills its slug; a manual slug edit
stops the derivation and is sanitized to slug form as you type.

Co-authored-by: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
2026-09-28 21:53:27 +02:00

28 lines
869 B
TypeScript

export function slugify(value: string): string {
return value
.normalize("NFKD")
.replace(/[\u0300-\u036f]/g, "")
.toLowerCase()
.trim()
.replace(/[^a-z0-9]+/g, "-")
.replace(/^-+|-+$/g, "")
.slice(0, 63);
}
/**
* Applies a field edit to a {name, slug, ...} form. While the slug is
* untouched — empty or still equal to the derived value — renaming the
* entity re-derives its slug. Explicit slug edits are sanitized in place.
*/
export function applySlugField<T extends { name: string; slug: string }>(
current: T,
field: string,
value: string,
): T {
if (field === "slug") return { ...current, slug: slugify(value) };
if (field === "name" && (current.slug === "" || current.slug === slugify(current.name))) {
return { ...current, name: value, slug: slugify(value) };
}
return { ...current, [field]: value };
}