outline/shared/editor/nodes/Doc.ts

import isNull from "lodash/isNull";
import type { NodeSpec } from "prosemirror-model";
import { PlaceholderPlugin } from "../plugins/PlaceholderPlugin";
import Node from "./Node";

/**
 * Options for the Doc node.
 */
type DocOptions = {
  /** Placeholder text shown when the document is empty. */
  placeholder: string;
};

export default class Doc extends Node<DocOptions> {
  get name() {
    return "doc";
  }

  get schema(): NodeSpec {
    return {
      content: "block+",
    };
  }

  get plugins() {
    return [
      new PlaceholderPlugin([
        {
          condition: ({ $start, parent, node, state, textContent }) =>
            textContent === "" &&
            !isNull(parent) &&
            parent.type === state.doc.type &&
            parent.childCount === 1 &&
            node.childCount === 0 &&
            $start.index($start.depth - 1) === 0,
          text: this.options.placeholder,
        },
      ]),
    ];
  }
}