Method constructor

src/core/nodeviews/code-block.ts:544–738

(node: ProseMirrorNode, view: ProseMirrorView, getPos: () => number | undefined)

  private sourceViewUnsubscribe: (() => void) | null = null;

  constructor(node: ProseMirrorNode, view: ProseMirrorView, getPos: () => number | undefined) {
    this.node = node;
    this.view = view;
    this.getPos = getPos;
    this.languageCompartment = new Compartment();
    this.themeCompartment = new Compartment();
    this.lineNumbersCompartment = new Compartment();
    this.searchHighlightCompartment = new Compartment();

    // 检测当前主题
    const isDark = detectDarkTheme();

    // 规范化语言名称
    const normalizedLang = normalizeLanguage(node.attrs.language);
    if (normalizedLang !== node.attrs.language) {
      requestAnimationFrame(() => {
        const pos = this.getPos();
        if (pos !== undefined) {
          this.view.dispatch(
            this.view.state.tr.setNodeMarkup(pos, null, {
              ...this.node.attrs,
              language: normalizedLang,
            })
          );
        }
      });
    }

    // 用户手动创建的 mermaid 代码块（内容为空），使用混合模式方便编辑
    if (normalizedLang === "mermaid" && !node.textContent) {
      this.mermaidDisplayMode = "mixed";
    }

    // 创建容器
    this.dom = document.createElement("div");
    this.dom.className = "milkup-code-block";

    // 创建头部（语言选择器）
    this.headerElement = this.createHeader(normalizedLang);
    this.dom.appendChild(this.headerElement);

    // 头部右键菜单
    this.headerElement.addEventListener("contextmenu", (e) => {
      e.preventDefault();
      e.stopPropagation();
      this.showContextMenu(e);
    });

    // 创建 CodeMirror 编辑器容器
    this.editorContainer = document.createElement("div");
    this.editorContainer.className = "milkup-code-block-editor";
    this.dom.appendChild(this.editorContainer);

    this.cm = new EditorView({
      state: CMEditorState.create({
        doc: node.textContent,
        extensions: [
          history(),