withPlateYjs.ts

import type { ExtendEditor, SlateEditor } from '@udecode/plate';

import * as Y from 'yjs';

import type { YjsConfig } from './BaseYjsPlugin';

import { type PlateYjsEditorProps, withTCursors } from './withTCursors';
import { withTYHistory } from './withTYHistory';
import { withTYjs } from './withTYjs';

export const withPlateYjs: ExtendEditor<YjsConfig> = ({
  editor: e,
  getOptions,
}) => {
  const editor = e as unknown as PlateYjsEditorProps & SlateEditor;

  // not reactive
  const { cursorOptions, disableCursors, provider, yjsOptions } = getOptions();

  if (!provider)
    throw new Error('HocuspocusProvider configuration is required');

  const sharedType = provider.document.get(
    'content',
    Y.XmlText
  ) as any as Y.XmlText;

  if (disableCursors) {
    return withTYHistory(
      withTYjs(editor, sharedType, {
        autoConnect: false,
        ...yjsOptions,
      })
    );
  }

  return withTYHistory(
    withTCursors(
      withTYjs(editor, sharedType, {
        autoConnect: false,
        ...yjsOptions,
      }),
      provider.awareness!,
      cursorOptions
    )
  );
};