40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import escape from "lodash/escape";
|
||
import { Node } from "prosemirror-model";
|
||
import slugify from "slugify";
|
||
|
||
const cache = new Map<string, string>();
|
||
|
||
// Slugify, escape, and remove periods from headings so that they are
|
||
// compatible with both url hashes AND dom ID's (querySelector does not like
|
||
// ID's that begin with a number or a period, for example).
|
||
function safeSlugify(text: string) {
|
||
if (cache.has(text)) {
|
||
return cache.get(text) as string;
|
||
}
|
||
|
||
const slug = `h-${escape(
|
||
slugify(text, {
|
||
remove: /[!"#$%&'\.()*+,\/:;<=>?@\[\]\\^_`{|}~]/g,
|
||
lower: true,
|
||
})
|
||
)}`;
|
||
|
||
cache.set(text, slug);
|
||
return slug;
|
||
}
|
||
|
||
// calculates a unique slug for this heading based on it's text and position
|
||
// in the document that is as stable as possible
|
||
export default function headingToSlug(node: Node, index = 0) {
|
||
const slugified = safeSlugify(node.textContent);
|
||
if (index === 0) {
|
||
return slugified;
|
||
}
|
||
return `${slugified}-${index}`;
|
||
}
|
||
|
||
export function headingToPersistenceKey(node: Node, id?: string) {
|
||
const slug = headingToSlug(node);
|
||
return `rme-${id || window?.location.pathname}–${slug}`;
|
||
}
|