5f7e038aa7
Memos layers #tag syntax on top of CommonMark, but there was no way to write a literal "#NAS" — it always became a clickable tag (issue #6035). Handle escapes lexically, the way TipTap/prosemirror-markdown do, with no "escaped tag" node in the document model: - Parse: marked's built-in backslash escape already turns "\#NAS" into plain text; the read-only renderer (remark-tag) now honors the same escape by lexing from the original source slice and falling back to the prior value-based parse when it can't faithfully reconstruct the text. - Serialize: a tag-aware Markdown extension (tagMarkdown.ts) backslash- escapes a "#" that would re-parse into a tag, skipping links and code where tags never form. - The editor's #tag lexing moves to the canonical @tiptap/markdown markdownTokenizer; tag-in-link skipping moves to a tree pass so the editor and renderer agree. The capped tag-run grammar is consolidated into utils/tag-grammar.ts (TAG_RUN), shared by the tokenizer, the serialize-escape, and the renderer so they can't drift. README documents why the markdown manager is worked around in three places.
53 lines
2.5 KiB
TypeScript
53 lines
2.5 KiB
TypeScript
import { type AnyExtension, mergeAttributes } from "@tiptap/core";
|
|
import { Heading } from "@tiptap/extension-heading";
|
|
import { TaskItem, TaskList } from "@tiptap/extension-list";
|
|
import StarterKit from "@tiptap/starter-kit";
|
|
import { type HeadingLevel, headingClass, markdownStyles } from "@/lib/markdownStyles";
|
|
import { preservedExtensions } from "./PreservedBlock";
|
|
import { Tag } from "./Tag";
|
|
import { TagAwareMarkdown } from "./tagMarkdown";
|
|
|
|
/**
|
|
* StarterKit's Heading is bundled and cannot vary classes by level via static
|
|
* HTMLAttributes, so we disable it (heading: false) and render headings here.
|
|
* renderHTML only affects the editable DOM — heading markdown serialization is
|
|
* unchanged — so the round-trip codec is unaffected.
|
|
*/
|
|
const StyledHeading = Heading.extend({
|
|
renderHTML({ node, HTMLAttributes }) {
|
|
const { levels } = this.options;
|
|
const level = (levels.includes(node.attrs.level) ? node.attrs.level : levels[0]) as HeadingLevel;
|
|
return [`h${level}`, mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, { class: headingClass(level) }), 0];
|
|
},
|
|
});
|
|
|
|
/**
|
|
* The canonical schema-relevant extension set, shared by the live editor and
|
|
* the headless markdown codec so that parse/serialize behavior is identical
|
|
* in both. UI-only extensions (Placeholder, suggestion popups) are added by
|
|
* the editor component on top of this list and must never affect the schema.
|
|
*/
|
|
export function buildExtensions(): AnyExtension[] {
|
|
return [
|
|
StarterKit.configure({
|
|
heading: false,
|
|
link: { openOnClick: false, HTMLAttributes: { class: markdownStyles.link } },
|
|
// Markdown has no underline syntax; keeping the extension would let
|
|
// Ctrl+U create marks that cannot serialize. Out of the schema entirely.
|
|
underline: false,
|
|
paragraph: { HTMLAttributes: { class: markdownStyles.paragraph } },
|
|
blockquote: { HTMLAttributes: { class: markdownStyles.blockquote } },
|
|
bulletList: { HTMLAttributes: { class: markdownStyles.bulletList } },
|
|
orderedList: { HTMLAttributes: { class: markdownStyles.orderedList } },
|
|
listItem: { HTMLAttributes: { class: markdownStyles.listItem } },
|
|
code: { HTMLAttributes: { class: markdownStyles.inlineCode } },
|
|
horizontalRule: { HTMLAttributes: { class: markdownStyles.horizontalRule } },
|
|
}),
|
|
StyledHeading.configure({ levels: [1, 2, 3, 4, 5, 6] }),
|
|
TaskList,
|
|
TaskItem.configure({ nested: true }),
|
|
TagAwareMarkdown,
|
|
...preservedExtensions,
|
|
Tag,
|
|
];
|
|
}
|