1 files changed, 61 insertions, 66 deletions
diff --git a/app/assets/javascripts/behaviors/markdown/nodes/code_block.js b/app/assets/javascripts/behaviors/markdown/nodes/code_block.js
index cd90d67c60d..0ff59779e7d 100644
--- a/app/assets/javascripts/behaviors/markdown/nodes/code_block.js
+++ b/app/assets/javascripts/behaviors/markdown/nodes/code_block.js
@@ -1,7 +1,3 @@
-/* eslint-disable class-methods-use-this */
-
-import { CodeBlock as BaseCodeBlock } from 'tiptap-extensions';
-
 const PLAINTEXT_LANG = 'plaintext';
 
 // Transforms generated HTML back to GFM for:
@@ -9,68 +5,67 @@ const PLAINTEXT_LANG = 'plaintext';
 // - Banzai::Filter::MathFilter
 // - Banzai::Filter::MermaidFilter
 // - Banzai::Filter::SuggestionFilter
-export default class CodeBlock extends BaseCodeBlock {
-  get schema() {
-    return {
-      content: 'text*',
-      marks: '',
-      group: 'block',
-      code: true,
-      defining: true,
-      attrs: {
-        lang: { default: PLAINTEXT_LANG },
-      },
-      parseDOM: [
-        // Matches HTML generated by Banzai::Filter::SyntaxHighlightFilter, Banzai::Filter::MathFilter, Banzai::Filter::MermaidFilter, or Banzai::Filter::SuggestionFilter
-        {
-          tag: 'pre.code.highlight',
-          preserveWhitespace: 'full',
-          getAttrs: (el) => {
-            const lang = el.getAttribute('lang');
-            if (!lang || lang === '') return {};
+export default () => ({
+  name: 'code_block',
+  schema: {
+    content: 'text*',
+    marks: '',
+    group: 'block',
+    code: true,
+    defining: true,
+    attrs: {
+      lang: { default: PLAINTEXT_LANG },
+    },
+    parseDOM: [
+      // Matches HTML generated by Banzai::Filter::SyntaxHighlightFilter, Banzai::Filter::MathFilter, Banzai::Filter::MermaidFilter, or Banzai::Filter::SuggestionFilter
+      {
+        tag: 'pre.code.highlight',
+        preserveWhitespace: 'full',
+        getAttrs: (el) => {
+          const lang = el.getAttribute('lang');
+          if (!lang || lang === '') return {};
 
-            return { lang };
-          },
-        },
-        // Matches HTML generated by Banzai::Filter::MathFilter,
-        // after being transformed by app/assets/javascripts/behaviors/markdown/render_math.js
-        {
-          tag: 'span.katex-display',
-          preserveWhitespace: 'full',
-          contentElement: 'annotation[encoding="application/x-tex"]',
-          attrs: { lang: 'math' },
-        },
-        // Matches HTML generated by Banzai::Filter::MermaidFilter,
-        // after being transformed by app/assets/javascripts/behaviors/markdown/render_mermaid.js
-        {
-          tag: 'svg.mermaid',
-          preserveWhitespace: 'full',
-          contentElement: 'text.source',
-          attrs: { lang: 'mermaid' },
-        },
-        // Matches HTML generated by Banzai::Filter::SuggestionFilter,
-        // after being transformed by app/assets/javascripts/vue_shared/components/markdown/suggestions.vue
-        {
-          tag: '.md-suggestion',
-          skip: true,
-        },
-        {
-          tag: '.md-suggestion-header',
-          ignore: true,
+          return { lang };
         },
-        {
-          tag: '.md-suggestion-diff',
-          preserveWhitespace: 'full',
-          getContent: (el, schema) =>
-            [...el.querySelectorAll('.line_content.new span')].map((span) =>
-              schema.text(span.innerText),
-            ),
-          attrs: { lang: 'suggestion' },
-        },
-      ],
-      toDOM: (node) => ['pre', { class: 'code highlight', lang: node.attrs.lang }, ['code', 0]],
-    };
-  }
+      },
+      // Matches HTML generated by Banzai::Filter::MathFilter,
+      // after being transformed by app/assets/javascripts/behaviors/markdown/render_math.js
+      {
+        tag: 'span.katex-display',
+        preserveWhitespace: 'full',
+        contentElement: 'annotation[encoding="application/x-tex"]',
+        attrs: { lang: 'math' },
+      },
+      // Matches HTML generated by Banzai::Filter::MermaidFilter,
+      // after being transformed by app/assets/javascripts/behaviors/markdown/render_mermaid.js
+      {
+        tag: 'svg.mermaid',
+        preserveWhitespace: 'full',
+        contentElement: 'text.source',
+        attrs: { lang: 'mermaid' },
+      },
+      // Matches HTML generated by Banzai::Filter::SuggestionFilter,
+      // after being transformed by app/assets/javascripts/vue_shared/components/markdown/suggestions.vue
+      {
+        tag: '.md-suggestion',
+        skip: true,
+      },
+      {
+        tag: '.md-suggestion-header',
+        ignore: true,
+      },
+      {
+        tag: '.md-suggestion-diff',
+        preserveWhitespace: 'full',
+        getContent: (el, schema) =>
+          [...el.querySelectorAll('.line_content.new span')].map((span) =>
+            schema.text(span.innerText),
+          ),
+        attrs: { lang: 'suggestion' },
+      },
+    ],
+    toDOM: (node) => ['pre', { class: 'code highlight', lang: node.attrs.lang }, ['code', 0]],
+  },
 
   toMarkdown(state, node) {
     if (!node.childCount) return;
@@ -95,5 +90,5 @@ export default class CodeBlock extends BaseCodeBlock {
 
     state.write('```');
     state.closeBlock(node);
-  }
-}
+  },
+});