remirror/remirror

import type CodeMirrorNamespace from 'codemirror';
import { object } from '@remirror/core';

type CodeMirrorType = typeof CodeMirrorNamespace;

/**
 * When codemirror is loaded immediately in non-browser environments it throws
 * an error.
 *
 * Non async dynamic imports are impossible without better build tooling. For
 * now, it the best compromise is to export a mutable object which dynamically
 * inject the CodeMirror instance when required.
 */
const ref: { CodeMirror: CodeMirrorType } = object();

export default ref;

/**
 * Load codemirror asynchronously for SSR support.
 *
 * @deprecated Please pass the CodeMirror instance to the CodeMirrorExtension
 * manually. Runtime dynamic imports can be different based on your
 * environment and bundler.
 */
export async function loadCodeMirror(): Promise<void> {
  if (typeof document === 'undefined') {
    const { default: CodeMirror } = await import('codemirror');
    ref.CodeMirror = CodeMirror;

    await import('codemirror/mode/meta');
  }
}