File size: 1,753 Bytes
867b17d |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
'use client';
import { defaultMarkdownSerializer } from 'prosemirror-markdown';
import { DOMParser, type Node } from 'prosemirror-model';
import { Decoration, DecorationSet, type EditorView } from 'prosemirror-view';
import { renderToString } from 'react-dom/server';
import { Response } from '@/components/elements/response';
import { documentSchema } from './config';
import { createSuggestionWidget, type UISuggestion } from './suggestions';
export const buildDocumentFromContent = (content: string) => {
const parser = DOMParser.fromSchema(documentSchema);
const stringFromMarkdown = renderToString(<Response>{content}</Response>);
const tempContainer = document.createElement('div');
tempContainer.innerHTML = stringFromMarkdown;
return parser.parse(tempContainer);
};
export const buildContentFromDocument = (document: Node) => {
return defaultMarkdownSerializer.serialize(document);
};
export const createDecorations = (
suggestions: Array<UISuggestion>,
view: EditorView,
) => {
const decorations: Array<Decoration> = [];
for (const suggestion of suggestions) {
decorations.push(
Decoration.inline(
suggestion.selectionStart,
suggestion.selectionEnd,
{
class: 'suggestion-highlight',
},
{
suggestionId: suggestion.id,
type: 'highlight',
},
),
);
decorations.push(
Decoration.widget(
suggestion.selectionStart,
(view) => {
const { dom } = createSuggestionWidget(suggestion, view);
return dom;
},
{
suggestionId: suggestion.id,
type: 'widget',
},
),
);
}
return DecorationSet.create(view.state.doc, decorations);
};
|