직렬화

import {
  toPlainText,
  toSummary,
  getContentStats,
} from '@inkio/editor';
import { extractMentions, extractHashtags } from '@inkio/extension';

const text = toPlainText(editorContent);
// '제목
본문 내용...'

const summary = toSummary(editorContent); // 기본 140자
const shortSummary = toSummary(editorContent, 80); // 80자 제한
// '제목 본문 내용...'

const stats = getContentStats(editorContent);
// { words: 42, chars: 256, blocks: 8 }

const mentions = extractMentions(editorContent);
// [{ id: '1', label: 'Alice' }, { id: '2', label: 'Bob' }]

const tags = extractHashtags(editorContent);
// ['react', 'typescript', 'frontend']

async function indexDocument(docId: string, content: JSONContent) {
  const plainText = toPlainText(content);
  const mentions = extractMentions(content);
  const hashtags = extractHashtags(content);
 
  await searchIndex.upsert({
    id: docId,
    text: plainText,
    mentions: mentions.map(m => m.id),
    tags: hashtags,
  });
}

function DocumentCard({ content }: { content: JSONContent }) {
  const summary = toSummary(content, 120);
  const stats = getContentStats(content);
 
  return (
    <div>
      <p>{summary}</p>
      <span>{stats.words}단어 · {stats.blocks}블록</span>
    </div>
  );
}

function buildNotification(content: JSONContent, authorName: string) {
  const mentions = extractMentions(content);
  const summary = toSummary(content, 50);
 
  return mentions.map(m => ({
    userId: m.id,
    message: `${authorName}님이 회원님을 멘션했습니다: "${summary}"`,
  }));
}